.l-container {
  width: 100%;
}

.feature {
  background: #000;
  color: #d2d2d2;
  font-family: "yu-gothic-pr6n", sans-serif;
  font-feature-settings: "palt";
  font-style: normal;
  font-weight: 400;
  overflow: clip;
  position: relative;
  text-align: center;
  width: 100%;
}
.feature p {
  margin: 0;
}
.feature a {
  color: #d2d2d2;
  text-decoration: none;
  transition: all 0.3s ease-in;
}
.feature a:hover {
  opacity: 0.6;
}
.feature a:has(> img) {
  display: block;
}
.feature img,
.feature video {
  height: auto;
  width: 100%;
}
.feature .js-inview {
  opacity: 0;
  transition: opacity 3s;
}
.feature .js-inview.is-active {
  opacity: 1;
}
.feature .js-inview.p2 {
  transform: translateY(80px);
  transition: opacity 2s ease, transform 2s ease;
}
.feature .js-inview.p2.is-active {
  transform: translateY(0);
}
.feature .content__wrap {
  display: grid;
  grid-template-columns: 1fr 510px 1fr;
  position: relative;
}
@media screen and (max-width: 1400px) {
  .feature .content__wrap {
    grid-template-columns: 1fr 36.0424028269vw 1fr;
  }
}
.feature .content__left {
  position: sticky;
  grid-column: 1;
  top: 80px;
  height: 100vh;
  display: grid;
  place-content: center;
}
.feature .content__left .ttl {
  width: 281px;
}
@media screen and (max-width: 1400px) {
  .feature .content__left .ttl {
    width: 19.8586572438vw;
  }
}
.feature .content__center {
  container-type: inline-size;
  grid-column: 2;
  overflow: clip;
  padding-top: 911px;
  position: relative;
  width: 510px;
}
@media screen and (max-width: 1400px) {
  .feature .content__center {
    padding-top: 64.3816254417vw;
    width: 36.0424028269vw;
  }
}
.feature .content__center::before {
  background: url(../img/frame__out_head.svg) no-repeat center top;
  background-size: 100%;
  content: "";
  height: 1151px;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 4;
}
@media screen and (max-width: 1400px) {
  .feature .content__center::before {
    height: 81.3427561837vw;
  }
}
.feature .content__center::after {
  background: url(../img/frame_line.svg) repeat-y center top;
  background-size: 100%;
  content: "";
  height: calc(100% - 1151px);
  pointer-events: none;
  position: absolute;
  top: 1150px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 4;
}
@media screen and (max-width: 1400px) {
  .feature .content__center::after {
    height: calc(100% - 81.3427561837vw);
    top: 1150px;
  }
}
.feature .content__right {
  position: sticky;
  grid-column: 3;
  top: 80px;
  height: 100vh;
  display: grid;
  place-content: center;
}
.feature .content__right .pcBtn {
  width: 285px;
}
@media screen and (max-width: 1400px) {
  .feature .content__right .pcBtn {
    width: 20.1413427562vw;
  }
}
.feature .credit {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.feature .credit::after {
  content: "";
  width: 100%;
}
.feature .credit li {
  font-family: "helvetica-lt-pro", sans-serif;
  font-size: 2.9333333333cqw;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1;
  margin: 0 2cqw 2.9333333333cqw;
  white-space: nowrap;
}
.feature .headVideo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.feature #mute {
  position: absolute;
  top: 3.7333333333cqw;
  right: 3.7333333333cqw;
  width: 22.6666666667cqw;
  z-index: 6;
}
.feature #mute .sound-off {
  display: none;
}
.feature .hero {
  margin-top: -0.8cqw;
  padding-top: 20cqw;
  position: relative;
  overflow: hidden;
}
.feature .hero__ttl {
  margin: 0 auto;
  position: relative;
  width: 73.3333333333cqw;
  z-index: 4;
}
.feature .hero__img {
  margin-top: -28cqw;
}
.feature .lead {
  margin-top: -9.8666666667cqw;
  margin-bottom: 33.0666666667cqw;
  position: relative;
}
.feature .lead__txt {
  font-size: 3.4666666667cqw;
  letter-spacing: 0.05em;
  line-height: 2;
  margin-bottom: 5.8666666667cqw;
}
.feature .lead__date {
  margin: 12.5333333333cqw auto 0;
  width: 66.6666666667cqw;
}
.feature .c__01 {
  padding-bottom: 26.9333333333cqw;
  position: relative;
}
.feature .c__01 .cap {
  margin: 0 auto 0;
  width: 94.6666666667cqw;
}
.feature .c__01_img01 {
  background: url(../img/frame_img01.svg) no-repeat left top;
  background-size: 100%;
  box-sizing: border-box;
  margin: -1.3333333333cqw auto 0;
  padding: 1.3333333333cqw;
  width: 89.3333333333cqw;
}
.feature .c__01_img01 .slick-slide {
  width: 86.6666666667cqw;
}
.feature .c__01_img02 {
  margin-bottom: 5.3333333333cqw;
}
.feature .c__01 .credit {
  margin: 0 auto;
  width: 77.3333333333cqw;
}
.feature .c__01 .credit li:last-of-type {
  margin-bottom: 0;
}
.feature .c__02 {
  padding-bottom: 26.6666666667cqw;
  position: relative;
}
.feature .c__02 .cap {
  margin: 0 auto 2.1333333333cqw;
  line-height: 1;
  width: 92cqw;
}
.feature .c__02_img01 {
  margin: 0 auto 5.6cqw;
  width: 97.3333333333cqw;
}
.feature .c__02 .credit li {
  margin-bottom: 0;
}
.feature .c__03 {
  padding-bottom: 33.3333333333cqw;
  position: relative;
}
.feature .c__03 .cap {
  margin: 0 auto 2.6666666667cqw;
  width: 94.6666666667cqw;
}
.feature .c__03_img01 {
  background: url(../img/frame_img04.svg) no-repeat left top;
  background-size: 100%;
  box-sizing: border-box;
  margin: 0 auto 5.3333333333cqw;
  padding: 1.3333333333cqw;
  width: 66.6666666667cqw;
}
.feature .c__03_img01 .slick-slide {
  width: 64cqw;
}
.feature .c__03 .credit li {
  margin-bottom: 0;
}
.feature .c__04 {
  position: relative;
}
.feature .c__04::after {
  background: url(../img/bg_img05.png) no-repeat;
  background-size: 100%;
  content: "";
  height: 158.9333333333cqw;
  position: absolute;
  top: -36.8cqw;
  right: 0;
  width: 100cqw;
}
.feature .c__04_img01 {
  background: #000;
  margin-bottom: 15.7333333333cqw;
  position: relative;
  z-index: 2;
}
.feature .c__04_img02 {
  background: #000;
  margin: 0 auto 5.6cqw;
  position: relative;
  width: 76cqw;
  z-index: 2;
}
.feature .c__04 .credit {
  margin: 0 auto;
  width: 74.6666666667cqw;
}
.feature .c__04 .credit li:nth-child(3), .feature .c__04 .credit li:last-of-type {
  margin-bottom: 0;
}
.feature .c__05 {
  padding-top: 20cqw;
  padding-bottom: 26.4cqw;
  position: relative;
}
.feature .c__05_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100cqw;
}
.feature .c__05_img01 {
  background: url(../img/bg_img07_img.png) no-repeat center top;
  background-size: 100%;
  margin: 0 auto 5.3333333333cqw;
  position: relative;
  width: 66.6666666667cqw;
  z-index: 2;
}
.feature .c__05 .credit li {
  margin-bottom: 0;
}
.feature .c__06 {
  padding-bottom: 26.4cqw;
  position: relative;
}
.feature .c__06 .cap {
  margin: 0 auto;
  position: relative;
  width: 94.9333333333cqw;
  z-index: 2;
}
.feature .c__06_img01 {
  margin: -6.6666666667cqw auto 0;
  width: 97.3333333333cqw;
}
.feature .c__06_img02 {
  margin: -8.5333333333cqw auto 5.6cqw;
  position: relative;
  width: 76cqw;
  z-index: 2;
}
.feature .c__06 .credit li {
  margin-bottom: 0;
}
.feature .c__07 {
  padding-bottom: 26.4cqw;
  position: relative;
}
.feature .c__07 .cap {
  margin: 0 auto 2.4cqw;
  line-height: 1;
  width: 92cqw;
}
.feature .c__07_img01 {
  margin: 0 auto 6.4cqw;
  width: 97.3333333333cqw;
}
.feature .c__07_img02 {
  margin-bottom: 5.6cqw;
  padding-top: 9.6cqw;
  position: relative;
}
.feature .c__07_img02 .subCap {
  position: absolute;
  top: 0;
  right: -1.3333333333cqw;
  width: 21.3333333333cqw;
}
.feature .c__07_img02 .js-inview {
  margin: 0 auto;
  position: relative;
  width: 76cqw;
  z-index: 2;
}
.feature .c__07 .credit li:nth-child(4), .feature .c__07 .credit li:last-child {
  margin-bottom: 0;
}
.feature .c__08 {
  padding-bottom: 20cqw;
  position: relative;
}
.feature .c__08 .p2 {
  position: relative;
  z-index: 2;
}
.feature .c__08 .cap {
  margin: 0 auto;
  width: 94.6666666667cqw;
}
.feature .c__08_bg {
  position: absolute;
  bottom: 8cqw;
  left: 0;
  width: 100%;
}
.feature .c__08_img01 {
  background: url(../img/frame_img12.svg) no-repeat center top;
  background-size: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 1.3333333333cqw;
  width: 89.3333333333cqw;
}
.feature .c__08_img01 .slick {
  background: url(../img/bg_img12_slick.png) no-repeat center top;
  background-size: 100%;
}
.feature .c__08_img01 .slick-slide {
  width: 86.6666666667cqw;
}
.feature .c__09 {
  padding-bottom: 21.3333333333cqw;
  position: relative;
}
.feature .c__09_img01 {
  margin: 0 auto 5.6cqw;
  width: 97.3333333333cqw;
}
.feature .c__09 .credit {
  margin: 0 auto;
  width: 72cqw;
}
.feature .c__10 {
  padding-bottom: 20cqw;
  position: relative;
}
.feature .c__10::before {
  background: url(../img/bg_img14.png) no-repeat center top;
  background-size: 100%;
  content: "";
  height: 266.6666666667cqw;
  position: absolute;
  top: -42.6666666667cqw;
  left: 0;
  width: 100%;
}
.feature .c__10_img01 {
  margin: 0 auto 7.2cqw;
  position: relative;
  width: 42.6666666667cqw;
  z-index: 2;
}
.feature .c__10 .btn {
  margin: 0 auto;
  position: relative;
  width: 94.4cqw;
}
@media screen and (min-width: 1400px) {
  .feature .credit {
    font-size: 14.96px;
    margin: 0 10.2px 14.96px;
  }
  .feature #mute {
    top: 19.04px;
    right: 19.04px;
    width: 115.6px;
  }
  .feature .hero {
    margin-top: -4.08px;
    padding-top: 102px;
  }
  .feature .hero__ttl {
    width: 374px;
  }
  .feature .hero__img {
    margin-top: -142.8px;
  }
  .feature .lead {
    margin-top: -50.32px;
    margin-bottom: 168.64px;
  }
  .feature .lead::before {
    height: 680px;
    width: 497.76px;
  }
  .feature .lead__txt {
    font-size: 17.68px;
    margin-bottom: 29.92px;
  }
  .feature .lead__date {
    margin: 63.92px auto 0;
    width: 340px;
  }
  .feature .c__01 {
    padding-bottom: 137.36px;
  }
  .feature .c__01::before {
    width: 497.76px;
  }
  .feature .c__01 .cap {
    width: 482.8px;
  }
  .feature .c__01_img01 {
    margin: -6.8px auto 0;
    padding: 6.8px;
    width: 455.6px;
  }
  .feature .c__01_img01 .slick-slide {
    width: 442px;
  }
  .feature .c__01_img02 {
    margin-bottom: 27.2px;
  }
  .feature .c__01 .credit {
    width: 394.4px;
  }
  .feature .c__02 {
    padding-bottom: 136px;
  }
  .feature .c__02::before {
    width: 497.76px;
  }
  .feature .c__02 .cap {
    margin: 0 auto 10.88px;
    width: 469.2px;
  }
  .feature .c__02_img01 {
    margin: 0 auto 28.56px;
    width: 496.4px;
  }
  .feature .c__03 {
    padding-bottom: 170px;
  }
  .feature .c__03::before {
    width: 497.76px;
  }
  .feature .c__03 .cap {
    margin: 0 auto 13.6px;
    width: 482.8px;
  }
  .feature .c__03_img01 {
    margin: 0 auto 27.2px;
    padding: 6.8px;
    width: 340px;
  }
  .feature .c__03_img01 .slick-slide {
    width: 326.4px;
  }
  .feature .c__04::before {
    width: 497.76px;
  }
  .feature .c__04::after {
    height: 810.56px;
    top: -187.68px;
    width: 510px;
  }
  .feature .c__04_img01 {
    margin-bottom: 80.24px;
  }
  .feature .c__04_img02 {
    margin: 0 auto 28.56px;
    width: 387.6px;
  }
  .feature .c__04 .credit {
    width: 380.8px;
  }
  .feature .c__05 {
    padding-top: 102px;
    padding-bottom: 134.64px;
  }
  .feature .c__05::before {
    width: 497.76px;
  }
  .feature .c__05_bg {
    width: 510px;
  }
  .feature .c__05_img01 {
    margin: 0 auto 27.2px;
    width: 340px;
  }
  .feature .c__06 {
    padding-bottom: 134.64px;
  }
  .feature .c__06::before {
    width: 497.76px;
  }
  .feature .c__06 .cap {
    width: 484.16px;
  }
  .feature .c__06_img01 {
    margin: -34px auto 0;
    width: 496.4px;
  }
  .feature .c__06_img02 {
    margin: -43.52px auto 28.56px;
    width: 387.6px;
  }
  .feature .c__07 {
    padding-bottom: 134.64px;
  }
  .feature .c__07::before {
    width: 497.76px;
  }
  .feature .c__07 .cap {
    margin: 0 auto 12.24px;
    width: 469.2px;
  }
  .feature .c__07_img01 {
    margin: 0 auto 32.64px;
    width: 496.4px;
  }
  .feature .c__07_img02 {
    margin-bottom: 28.56px;
    padding-top: 48.96px;
  }
  .feature .c__07_img02 .subCap {
    right: -6.8px;
    width: 108.8px;
  }
  .feature .c__07_img02 .js-inview {
    width: 387.6px;
  }
  .feature .c__08 {
    padding-bottom: 102px;
  }
  .feature .c__08::before {
    width: 497.76px;
  }
  .feature .c__08 .cap {
    width: 482.8px;
  }
  .feature .c__08_bg {
    bottom: 40.8px;
    width: 100%;
  }
  .feature .c__08_img01 {
    padding: 6.8px;
    width: 455.6px;
  }
  .feature .c__08_img01 .slick-slide {
    width: 442px;
  }
  .feature .c__09 {
    padding-bottom: 108.8px;
  }
  .feature .c__09::before {
    width: 497.76px;
  }
  .feature .c__09_img01 {
    margin: 0 auto 28.56px;
    width: 496.4px;
  }
  .feature .c__09 .credit {
    width: 367.2px;
  }
  .feature .c__10 {
    padding-bottom: 102px;
  }
  .feature .c__10::before {
    height: 1360px;
    top: -217.6px;
  }
  .feature .c__10_img01 {
    margin: 0 auto 36.72px;
    width: 217.6px;
  }
  .feature .c__10 .btn {
    width: 481.44px;
  }
}

.l-footer {
  padding-top: 0;
}
.l-footer .pc-footer {
  margin-top: 0;
}