@charset "UTF-8";
html {
  scroll-behavior: smooth;
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
}

@media screen and (max-width: 1400px) {
  html {
    font-size: 0.7142857143vw;
  }
}
.js-fade {
  opacity: 0;
  transform: translateY(2rem);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.js-fade.is-active {
  opacity: 1;
  transform: translateY(0);
}

.slide-left {
  opacity: 0;
  transform: translateX(40px);
  transition: all 1s ease-out;
}
.slide-left.is-active {
  opacity: 1;
  transform: translateX(0);
}

.slide-right {
  opacity: 0;
  transform: translateX(-40px);
  transition: all 1s ease-out;
}
.slide-right.is-active {
  opacity: 1;
  transform: translateX(0);
}

.feature {
  box-sizing: border-box;
  color: #000;
  margin: 0 auto;
  overflow: clip;
  position: relative;
  width: 100%;
  font-family: "fot-cezanne-pron", "yu-gothic-pr6n", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.feature * {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  box-sizing: border-box;
  scroll-margin-top: 80px;
}
.feature .sp {
  display: none;
}
.feature a {
  color: #000;
  text-decoration: none;
}
.feature a img {
  transition: 0.6s;
}
.feature a:hover img {
  opacity: 0.7;
}
.feature img {
  vertical-align: bottom;
  max-width: 100%;
}
.feature .wrap {
  display: flex;
}
.feature .wrap .leftcont {
  width: calc((100% - 42rem) / 2);
}
.feature .wrap .leftcont__Inner {
  position: sticky;
  top: 80px;
  width: 100%;
  height: calc(100vh - 80px);
}
.feature .wrap .leftcont__Thum {
  height: calc(100vh - 80px);
  width: 100%;
}
.feature .wrap .leftcont__Thum img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}
.feature .wrap .centercont {
  width: 42rem;
  overflow: clip;
  margin: auto;
}
.feature .wrap .pc {
  display: none;
}
.feature .wrap .rightcont {
  width: calc((100% - 42rem) / 2);
}
.feature .wrap .rightcont__Inner {
  --u: 1rem;
  position: sticky;
  top: 80px;
  width: 100%;
  height: calc(100vh - 80px);
  background: #261001;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1401px) {
  .feature .wrap .rightcont__Inner {
    --u: calc(100vw / 140);
  }
}
.feature .wrap .rightcont__Thum {
  width: calc(32.6 * var(--u));
  display: flex;
  flex-wrap: wrap;
  gap: calc(0.5 * var(--u));
  margin-bottom: calc(4 * var(--u));
}
.feature .wrap .rightcont__Thum li {
  width: calc(10.5 * var(--u));
}
.feature .wrap .rightcont__Thum a {
  position: relative;
  display: block;
}
.feature .wrap .rightcont__Thum a img {
  display: block;
  width: 100%;
}
.feature .wrap .rightcont__Thum a .is-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.feature .wrap .rightcont__Thum a:hover .is-hover {
  opacity: 1;
}
.feature .wrap .rightcont__Btn {
  display: block;
  width: calc(32.6 * var(--u));
}
.feature .wrap .rightcont__Btn img {
  display: block;
  width: 100%;
}
.feature {
  /* ==========================================================
     Mila Owen PANTS 2026AW 2nd
     ※ 数値はデザイン（幅375）の座標から算出 / 1rem = 10px @375
  ========================================================== */
}
.feature .centercont__Inner {
  position: relative;
}
.feature .centercont__Inner figure img,
.feature .centercont__Inner .swiper-slide img {
  display: block;
  width: 100%;
}
.feature .c-movie {
  position: relative;
  background: #000;
  overflow: hidden;
}
.feature .c-movie__Video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.feature .c-movie__Sound {
  position: absolute;
  right: 1.344rem;
  bottom: 1.344rem;
  display: flex;
  align-items: center;
  gap: 0.616rem;
  background: none;
  color: #fff;
  cursor: pointer;
  font-family: "futura-pt", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.456rem;
  letter-spacing: 0.03em;
  line-height: 1.904rem;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.feature .c-movie__SoundIcon {
  width: 0.952rem;
  height: 1.68rem;
  fill: none;
  stroke: #fff;
  stroke-width: 1.1;
  stroke-linecap: round;
}
.feature .c-swipe {
  position: relative;
}
.feature .c-swipe .swiper-container {
  overflow: hidden;
}
.feature .c-swipe .swiper-slide {
  width: 100%;
}
.feature .c-swipe__Label {
  position: absolute;
  z-index: 2;
  pointer-events: none;
}
.feature .c-auto .swiper-container {
  overflow: hidden;
}
.feature .c-credit {
  color: #fff;
  text-align: center;
}
.feature .c-credit__Name {
  display: inline-block;
  padding-bottom: 0.168rem;
  border-bottom: 1px solid currentColor;
  font-family: "fot-cezanne-pron", "yu-gothic-pr6n", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.344rem;
  letter-spacing: 0.02em;
  line-height: 1.68rem;
}
.feature .c-credit .credit {
  margin: 0.84rem 0 0;
  padding: 0;
  list-style: none;
  font-family: "adobe-jenson-pro", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.456rem;
  letter-spacing: 0.02em;
  line-height: 1.904rem;
}
.feature .c-credit .credit .item {
  display: inline;
  position: relative;
  white-space: nowrap;
}
.feature .c-credit .credit .item::after {
  content: "/";
  padding-left: 0.25em;
}
.feature .c-credit .credit .item.-mr0::after, .feature .c-credit .credit .item:last-child::after {
  content: none;
}
.feature .c-credit .credit .item.-mr0 + .item::before {
  content: "\a";
  white-space: pre;
}
.feature .c-credit .credit .link {
  color: inherit;
  text-decoration: none;
}
.feature .c-credit .credit .price {
  padding-left: 0.25em;
}
.feature .c-credit--navy {
  color: #46416A;
}
.feature .c-credit--brown {
  color: #261001;
}
.feature .c-movie--main {
  height: 74.368rem;
}
.feature .intro {
  padding: 12.096rem 0 15.344rem;
  background: #C5CFDE;
  color: #fff;
  text-align: center;
}
.feature .intro__Lead {
  font-family: "fot-cezanne-pron", "yu-gothic-pr6n", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2.016rem;
  letter-spacing: 0.03em;
  line-height: 3.36rem;
}
.feature .intro__Logo {
  width: 22.512rem;
  margin: 6.496rem auto 0;
}
.feature .intro__Line {
  display: block;
  width: 1.5px;
  height: 4.928rem;
  margin: 1.96rem auto 0;
  background: #fff;
  transform: scaleY(0);
  transform-origin: top center;
  transition: transform 0.8s ease-out 0.3s;
}
.feature .intro__Line.is-active {
  transform: scaleY(1);
}
.feature .intro__Starring {
  width: 19.6rem;
  margin: 1.848rem auto 0;
}
.feature .intro__Txt {
  margin-top: 6.272rem;
  font-family: "fot-cezanne-pron", "yu-gothic-pr6n", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.568rem;
  line-height: 2.912rem;
}
.feature .sec01 {
  position: sticky;
  top: 0;
  z-index: 0;
  padding: 11.312rem 0 16.1616rem;
  background: #261001;
  color: #fff;
  text-align: center;
}
.feature .sec01__Supervise {
  font-family: "fot-cezanne-pron", "yu-gothic-pr6n", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2.352rem;
  line-height: 3.584rem;
}
.feature .sec01__Supervise span {
  position: relative;
  z-index: 0;
  display: inline-block;
}
.feature .sec01__Supervise span::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 1.904rem;
  left: -0.7392rem;
  right: -0.672rem;
  height: 1.344rem;
  background: rgba(146, 173, 214, 0.24);
}
.feature .sec01__Num {
  width: 4.928rem;
  margin: 3.0912rem auto 0;
}
.feature .sec01__Ttl {
  margin: 1.3552rem auto 0;
  width: 36.4rem;
}
.feature .sec01__Txt {
  font-family: "fot-cezanne-pron", "yu-gothic-pr6n", sans-serif;
  font-weight: 500;
  font-style: normal;
  margin-top: 4.3008rem;
  font-size: 1.568rem;
  letter-spacing: 0.04em;
  line-height: 2.8rem;
  white-space: nowrap;
}
.feature .sec01__Movie {
  width: 36.504rem;
  height: 64.944rem;
  margin: 7.7rem auto 0;
}
.feature .sec01__Swipe01 {
  width: 34rem;
  margin-top: 20.048rem;
}
.feature .sec01__Swipe01 .swiper-container {
  overflow: hidden;
}
.feature .sec01__Swipe01 .c-swipe__Label {
  top: 28.6832rem;
  left: 25.2896rem;
  width: 13.776rem;
}
.feature .sec01__Swipe01 a {
  background: #fff;
  display: block;
}
.feature .sec01__Img03 {
  width: 36.96rem;
  margin: 2.24rem 0 0 5.152rem;
}
.feature .sec01__Img03 a {
  background: #fff;
  display: block;
}
.feature .sec01__Credit01 {
  margin-top: 1.848rem;
}
.feature .sec01__Credit01 .item a {
  color: #fff;
}
.feature .sec01__Swipe02 {
  margin-top: 13.664rem;
}
.feature .sec01__Swipe02 .c-swipe__Label {
  top: 45.6736rem;
  left: 24.7072rem;
  width: 11.984rem;
}
.feature .sec01__Swipe02 a {
  background: #fff;
  display: block;
}
.feature .sec01__Img06 {
  width: 27.3504rem;
  margin: 9.7776rem 0 0 7.392rem;
}
.feature .sec01__Img06 a {
  background: #fff;
  display: block;
}
.feature .sec01__Img07 {
  width: 27.3504rem;
  margin: 1.1424rem 0 0 7.3808rem;
}
.feature .sec01__Img07 a {
  background: #fff;
  display: block;
}
.feature .sec01__Credit02 {
  margin-top: 1.96rem;
}
.feature .sec01__Credit02 .item a {
  color: #fff;
}
.feature .sec01__Layer {
  position: relative;
  height: 64.3552rem;
  margin-top: 13.44rem;
}
.feature .sec01__LayerFront {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 36.848rem;
}
.feature .sec01__LayerFront a {
  background: #fff;
  display: block;
}
.feature .sec01__LayerBack {
  position: absolute;
  top: 13.104rem;
  left: 9.296rem;
  width: 32.704rem;
}
.feature .sec01__LayerBack.js-fade {
  transition-delay: 0.5s;
}
.feature .sec01__LayerLabel {
  position: absolute;
  z-index: 2;
  top: 37.2064rem;
  left: 25.0992rem;
  width: 13.44rem;
}
.feature .sec01__Swipe03 {
  margin-top: 7.5712rem;
  padding-left: 3.248rem;
}
.feature .sec01__Swipe03 .swiper-slide {
  width: 38.752rem;
}
.feature .sec01__Swipe03 a {
  background: #fff;
  display: block;
}
.feature .sec01__Credit03 {
  margin-top: 2.912rem;
}
.feature .sec01__Credit03 .item a {
  color: #fff;
}
.feature .overlap {
  position: relative;
  z-index: 1;
  background: #fff;
}
.feature .sec02 {
  padding-top: 3.6624rem;
  background: #fff;
  text-align: center;
}
.feature .sec02 h2 {
  position: relative;
  z-index: 2;
}
.feature .sec02__Img12 {
  width: 32.704rem;
  margin-left: 9.296rem;
}
.feature .sec02__Ttl02 {
  width: 31.024rem;
  margin: 5.264rem 0 0 7.84rem;
}
.feature .sec02__Img13 {
  width: 39.984rem;
  margin-top: -1.008rem;
}
.feature .sec02__Credit01 {
  margin-top: 2.072rem;
}
.feature .sec02__Img14 {
  margin-top: 14.784rem;
}
.feature .sec02__Ttl03 {
  width: 23.52rem;
  margin: 5.8576rem 0 0 3.2816rem;
}
.feature .sec02__Auto01 {
  margin-top: -1.12rem;
  overflow: hidden;
}
.feature .sec02__Auto01 .swiper-container {
  width: 35.84rem;
  margin-left: auto;
  overflow: visible;
}
.feature .sec02__Auto01 .swiper-slide {
  width: 35.84rem;
  padding-left: 1.232rem;
}
.feature .sec02__Img17 {
  width: 26.992rem;
  margin: 14rem 0 0 2.016rem;
}
.feature .sec02__Movie {
  width: 27.44rem;
  height: 48.8208rem;
  margin: 2.128rem 0 0 7.28rem;
}
.feature .sec02__Credit02 {
  margin-top: 2.1168rem;
}
.feature .sec02__Ttl04 {
  width: 18.368rem;
  margin: 13.1264rem 0 0 21.6272rem;
}
.feature .sec02__Img18 {
  width: 36.848rem;
  margin-top: -0.84rem;
}
.feature .sec02__Img19 {
  width: 30.688rem;
  margin: 7.056rem 0 0 9.296rem;
}
.feature .sec02__Credit03 {
  margin-top: 1.9824rem;
}
.feature .sec05 {
  padding: 13.1152rem 0 13.7312rem;
  background: linear-gradient(to bottom, #fff 43.6912rem, #DCE2EB 43.6912rem);
  text-align: center;
}
.feature .sec05__Ttl05 {
  position: relative;
  z-index: 2;
  width: 23.52rem;
  margin-left: 3.248rem;
}
.feature .sec05__Pair {
  display: flex;
  margin-top: -1.3776rem;
}
.feature .sec05__Pair figure {
  width: 21.056rem;
}
.feature .sec05__Pair figure + figure {
  margin-left: -0.112rem;
}
.feature .sec05__Pair figure a {
  background: #fff;
  display: block;
}
.feature .sec05__Movie01 {
  width: 27.328rem;
  height: 48.6192rem;
  margin: 8.512rem 0 0 7.392rem;
}
.feature .sec05__Swipe {
  width: 35.504rem;
  margin: 10.6288rem 0 0 3.248rem;
  overflow: hidden;
}
.feature .sec05__Swipe a {
  background: #fff;
  display: block;
}
.feature .sec05__Credit01 {
  margin-top: 1.792rem;
}
.feature .sec05__Img24 {
  position: relative;
  width: 36.848rem;
  margin-top: 13.6976rem;
}
.feature .sec05__Img24 a {
  background: #fff;
  display: block;
}
.feature .sec05__Ttl06 {
  position: absolute;
  z-index: 2;
  top: 39.4128rem;
  left: 19.8464rem;
  width: 20.272rem;
}
.feature .sec05__Movie02 {
  width: 26.992rem;
  height: 48.0256rem;
  margin: 5.712rem 0 0 12.992rem;
}
.feature .sec05__Auto02 {
  width: 39.984rem;
  margin: 9.5424rem 0 0 auto;
  overflow: hidden;
}
.feature .sec05__Auto02 .swiper-slide {
  width: 32.704rem;
  padding-right: 1.008rem;
}
.feature .sec05__Auto02 a {
  background: #fff;
  display: block;
}
.feature .sec05__Credit02 {
  margin-top: 2.0048rem;
}
.feature .interview {
  padding: 10.192rem 0 11.0992rem;
  background: #261001;
}
.feature .interview__Ttl {
  width: 29.792rem;
  margin-left: 6.1824rem;
}
.feature .interview__Movie {
  width: 35.616rem;
  height: 63.1344rem;
  margin: 4.48rem 0 0 3.248rem;
}
.feature .ending {
  padding-bottom: 12.544rem;
  background: #fff;
  text-align: center;
}
.feature .ending__Visual {
  position: relative;
}
.feature .ending__Logo {
  position: absolute;
  top: 24.8976rem;
  left: 50%;
  width: 12.32rem;
  transform: translateX(-50%);
}
.feature .ending__Btn {
  display: block;
  width: 35.504rem;
  margin: 8.3104rem auto 0;
  transition: opacity 0.3s;
}
.feature .ending__Btn:hover {
  opacity: 0.7;
}
.feature .ending__Staff {
  margin-top: 9.632rem;
  color: #261001;
  font-family: "adobe-jenson-pro", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.456rem;
  line-height: 2.352rem;
  white-space: nowrap;
}

.l-container {
  width: 100%;
}

.l-footer {
  padding: 0;
}

.pc-footer {
  margin: 0;
}