.p-mv {
  position: relative;
}
.p-mv-txt {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #000;
  padding: 3rem 0;
}
@media screen and (max-width: 767px) {
  .p-mv-txt {
    padding: 4vw 0;
  }
}
.p-mv-ttl {
  color: #fff;
  font-size: 3.5rem;
  letter-spacing: 0.47em;
  line-height: 1.1428571429;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-mv-ttl {
    font-size: 4.2666666667vw;
    letter-spacing: 1.3333333333vw;
  }
}

.p-intro {
  margin: 8.5rem 0;
}
@media screen and (max-width: 767px) {
  .p-intro {
    margin: 10.6666666667vw 0;
  }
}
.p-intro p {
  font-size: 1.8rem;
  letter-spacing: 0.115em;
  line-height: 2.5;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-intro p {
    font-size: 3.4666666667vw;
    letter-spacing: 0.2666666667vw;
    line-height: 1.95;
    text-align: left;
  }
}

.p-video {
  padding: 5rem 0;
  background: #d2d7d8;
}
@media screen and (max-width: 767px) {
  .p-video {
    padding: 0;
  }
  .p-video .c-inner {
    padding: 0;
  }
}
.p-video-wrap {
  margin: 0 auto;
  width: 100rem;
  aspect-ratio: 2/1.1;
}
@media screen and (max-width: 767px) {
  .p-video-wrap {
    width: 100%;
  }
}
.p-video-wrap iframe {
  width: 100%;
  height: 100%;
}

.p-content {
  padding: 10rem 0;
}
@media screen and (max-width: 767px) {
  .p-content {
    padding: 10.6666666667vw 0;
  }
  .p-content .c-inner {
    padding: 0;
  }
}
.p-content-img + .p-content-txt {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-content-img + .p-content-txt {
    margin-top: 9.3333333333vw;
  }
}
.p-content-txt {
  margin: -1.5rem 0 4.5rem;
}
@media screen and (max-width: 767px) {
  .p-content-txt {
    margin: 0 0 10.6666666667vw;
    padding: 0 3%;
  }
}
.p-content-txt p {
  font-size: 1.6rem;
  letter-spacing: 0.024em;
  line-height: 2.25;
}
@media screen and (max-width: 767px) {
  .p-content-txt p {
    line-break: strict;
    font-size: 3.4666666667vw;
    line-height: 1.7;
  }
}
.p-content-txt p .m-name {
  font-weight: bold;
  display: inline-block;
}
.p-content-txt p + p {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .p-content-txt p + p {
    margin-top: 5.3333333333vw;
  }
}
.p-content-ttl {
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .p-content-ttl {
    font-size: 4.1333333333vw;
    margin-bottom: 4vw;
  }
}
.p-content.m-gray {
  background: #f3f4f5;
}
@media screen and (max-width: 767px) {
  .p-content.m-gray {
    padding: 0;
  }
}

.p-lineup {
  margin-top: 18rem;
}
@media screen and (max-width: 767px) {
  .p-lineup {
    margin-top: 18.6666666667vw;
  }
}

/*# sourceMappingURL=endless_challenge.css.map */
