:root {
  --color-black: #000;
  --color-gray: #303030;
  --color-white: #fff;
}

.l-container {
  margin-inline: auto;
  width: 100%;
  /* overflow: hidden; */
}

.l-container .top-content,
#feature .top-content {
  position: -webkit-sticky;
  position: sticky;
  content: "";
  top: 0;
  width: 100vw;
  height: 100vh;
  margin-top: -100vh;
  background-image: url(../img/pc-bk_img_01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -100;
}
.l-container .main-content,
#feature .main-content {
  position: relative;
  z-index: 200;
}
.l-container .main-content .left-content .left-inner-content .left_box,
#feature .main-content .left-content .left-inner-content .left_box {
  position: relative;
  padding-left: 5.14286vw;
}
.l-container .main-content .left-content .left-inner-content .left_box .left__txt,
#feature .main-content .left-content .left-inner-content .left_box .left__txt {
  position: absolute;
  width: 0.57143vw;
  left: 2.14286vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.l-container .main-content .left-content .left-inner-content .left_box .left__movie,
#feature .main-content .left-content .left-inner-content .left_box .left__movie {
  width: 32.57143vw;
}
.l-container .main-content .right-content .right-inner-content,
#feature .main-content .right-content .right-inner-content {
  background-color: var(--color-white);
}
.l-container .main-content .right-content .right-inner-content .wrap_catch .catch,
#feature .main-content .right-content .right-inner-content .wrap_catch .catch {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.l-container .main-content .right-content .right-inner-content .wrap_catch .catch .catch__head,
#feature .main-content .right-content .right-inner-content .wrap_catch .catch .catch__head {
  padding-top: 3.70286vw;
  width: 19.33714vw;
  padding-bottom: 2.46857vw;
}
.l-container .main-content .right-content .right-inner-content .wrap_catch .catch .catch__img,
#feature .main-content .right-content .right-inner-content .wrap_catch .catch .catch__img {
  width: 28.90286vw;
  padding-bottom: 2.05714vw;
}
.l-container .main-content .right-content .right-inner-content .wrap_catch .catch .catch__logo,
#feature .main-content .right-content .right-inner-content .wrap_catch .catch .catch__logo {
  width: 9.36vw;
  padding-bottom: 4.93714vw;
}
.l-container .main-content .right-content .right-inner-content .sticky-area .look_list,
#feature .main-content .right-content .right-inner-content .sticky-area .look_list {
  position: -webkit-sticky;
  position: sticky;
  top: calc(1.64571vw + 80px);
  left: 0;
  z-index: 400;
  pointer-events: none;
}
.l-container .main-content .right-content .right-inner-content .sticky-area .look_list .look_item,
#feature .main-content .right-content .right-inner-content .sticky-area .look_list .look_item {
  margin-bottom: -9.10286vw;
  padding-left: 1.74857vw;
  padding-bottom: 1.54286vw;
  width: 1.02857vw;
  height: 5.91429vw;
}
.l-container .main-content .right-content .right-inner-content .sticky-area .warp_sec01 .sec01 .wrap_box-01,
#feature .main-content .right-content .right-inner-content .sticky-area .warp_sec01 .sec01 .wrap_box-01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.l-container .main-content .right-content .right-inner-content .sticky-area .warp_sec01 .sec01 .wrap_box-01 .box-02,
#feature .main-content .right-content .right-inner-content .sticky-area .warp_sec01 .sec01 .wrap_box-01 .box-02 {
  padding-bottom: 7.25143vw;
}
.l-container .main-content .right-content .right-inner-content .sticky-area .warp_sec02 .sec02 .wrap_box-01,
#feature .main-content .right-content .right-inner-content .sticky-area .warp_sec02 .sec02 .wrap_box-01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.l-container .main-content .right-content .right-inner-content .sticky-area .warp_sec02 .sec02 .wrap_box-01 .box-02,
#feature .main-content .right-content .right-inner-content .sticky-area .warp_sec02 .sec02 .wrap_box-01 .box-02 {
  padding-bottom: 9.82286vw;
}
.l-container .main-content .right-content .right-inner-content .sticky-area .warp_sec02 .sec02 .wrap_box-01 .box-03,
#feature .main-content .right-content .right-inner-content .sticky-area .warp_sec02 .sec02 .wrap_box-01 .box-03 {
  padding-bottom: 9.82286vw;
  position: relative;
}
.l-container .main-content .right-content .right-inner-content .sticky-area .warp_sec02 .sec02 .wrap_box-01 .box-03 .img_06_txt_01,
#feature .main-content .right-content .right-inner-content .sticky-area .warp_sec02 .sec02 .wrap_box-01 .box-03 .img_06_txt_01 {
  position: absolute;
  top: -3.39429vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 11.41714vw;
}
.l-container .main-content .right-content .right-inner-content .sticky-area .warp_sec02 .sec02 .wrap_box-01 .box-03 .img_06,
#feature .main-content .right-content .right-inner-content .sticky-area .warp_sec02 .sec02 .wrap_box-01 .box-03 .img_06 {
  width: 28.90286vw;
  margin-inline: auto;
}
.l-container .main-content .right-content .right-inner-content .sticky-area .warp_sec03 .sec03 .wrap_box-01,
#feature .main-content .right-content .right-inner-content .sticky-area .warp_sec03 .sec03 .wrap_box-01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 38.57143vw;
}
.l-container .main-content .right-content .right-inner-content .sticky-area .warp_sec03 .sec03 .wrap_box-01 .box-02,
#feature .main-content .right-content .right-inner-content .sticky-area .warp_sec03 .sec03 .wrap_box-01 .box-02 {
  padding-bottom: 7.2vw;
  overflow-x: hidden;
  width: 38.57143vw;
}
.l-container .main-content .right-content .right-inner-content .sticky-area .warp_sec03 .sec03 .wrap_box-01 .box-02 .swiper,
.l-container .main-content .right-content .right-inner-content .sticky-area .warp_sec03 .sec03 .wrap_box-01 .box-02 .img_08,
#feature .main-content .right-content .right-inner-content .sticky-area .warp_sec03 .sec03 .wrap_box-01 .box-02 .swiper,
#feature .main-content .right-content .right-inner-content .sticky-area .warp_sec03 .sec03 .wrap_box-01 .box-02 .img_08 {
  width: 38.57143vw;
}
.l-container .main-content .right-content .right-inner-content .sticky-area .warp_sec04 .sec04 .wrap_box-01,
#feature .main-content .right-content .right-inner-content .sticky-area .warp_sec04 .sec04 .wrap_box-01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.l-container .main-content .right-content .right-inner-content .wrap_foot,
#feature .main-content .right-content .right-inner-content .wrap_foot {
  padding-top: 9.56571vw;
  position: relative;
}
.l-container .main-content .right-content .right-inner-content .wrap_foot::before,
#feature .main-content .right-content .right-inner-content .wrap_foot::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-image: url(../img/bk_img_01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.l-container .main-content .right-content .right-inner-content .wrap_foot .foot,
#feature .main-content .right-content .right-inner-content .wrap_foot .foot {
  position: relative;
  z-index: 200;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.l-container .main-content .right-content .right-inner-content .wrap_foot .foot .foot__img,
#feature .main-content .right-content .right-inner-content .wrap_foot .foot .foot__img {
  padding-bottom: 18.51429vw;
}
.l-container .main-content .right-content .right-inner-content .wrap_foot .foot .foot__img .img_11_txt_01,
#feature .main-content .right-content .right-inner-content .wrap_foot .foot .foot__img .img_11_txt_01 {
  position: absolute;
  top: -3.39429vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 9.25714vw;
}
.l-container .main-content .right-content .right-inner-content .wrap_foot .foot .foot__img .img_11,
#feature .main-content .right-content .right-inner-content .wrap_foot .foot .foot__img .img_11 {
  width: 28.90286vw;
}
.l-container .main-content .right-content .right-inner-content .wrap_foot .foot .foot__s-credit,
#feature .main-content .right-content .right-inner-content .wrap_foot .foot .foot__s-credit {
  width: 27.20571vw;
  padding-bottom: 7.2vw;
}
@media screen and (max-width: 751px) {
  .l-container .main-content .right-content .right-inner-content .wrap_catch .catch .catch__head,
  #feature .main-content .right-content .right-inner-content .wrap_catch .catch .catch__head {
    padding-top: 9.6vw;
    width: 50.13333vw;
    padding-bottom: 6.4vw;
  }
  .l-container .main-content .right-content .right-inner-content .wrap_catch .catch .catch__img,
  #feature .main-content .right-content .right-inner-content .wrap_catch .catch .catch__img {
    width: 74.93333vw;
    padding-bottom: 5.33333vw;
  }
  .l-container .main-content .right-content .right-inner-content .wrap_catch .catch .catch__logo,
  #feature .main-content .right-content .right-inner-content .wrap_catch .catch .catch__logo {
    width: 24.26667vw;
    padding-bottom: 12.8vw;
  }
  .l-container .main-content .right-content .right-inner-content .sticky-area .look_list,
  #feature .main-content .right-content .right-inner-content .sticky-area .look_list {
    top: calc(4.26667vw + 51px);
  }
  .l-container .main-content .right-content .right-inner-content .sticky-area .look_list .look_item,
  #feature .main-content .right-content .right-inner-content .sticky-area .look_list .look_item {
    margin-bottom: -23.6vw;
    padding-left: 4.53333vw;
    padding-bottom: 4vw;
    width: 2.66667vw;
    height: 15.33333vw;
  }
  .l-container .main-content .right-content .right-inner-content .sticky-area .warp_sec01 .sec01 .wrap_box-01 .box-02,
  #feature .main-content .right-content .right-inner-content .sticky-area .warp_sec01 .sec01 .wrap_box-01 .box-02 {
    padding-bottom: 18.8vw;
  }
  .l-container .main-content .right-content .right-inner-content .sticky-area .warp_sec02 .sec02 .wrap_box-01 .box-02,
  #feature .main-content .right-content .right-inner-content .sticky-area .warp_sec02 .sec02 .wrap_box-01 .box-02 {
    padding-bottom: 25.46667vw;
  }
  .l-container .main-content .right-content .right-inner-content .sticky-area .warp_sec02 .sec02 .wrap_box-01 .box-03,
  #feature .main-content .right-content .right-inner-content .sticky-area .warp_sec02 .sec02 .wrap_box-01 .box-03 {
    padding-bottom: 25.46667vw;
  }
  .l-container .main-content .right-content .right-inner-content .sticky-area .warp_sec02 .sec02 .wrap_box-01 .box-03 .img_06_txt_01,
  #feature .main-content .right-content .right-inner-content .sticky-area .warp_sec02 .sec02 .wrap_box-01 .box-03 .img_06_txt_01 {
    top: -8.8vw;
    width: 29.6vw;
  }
  .l-container .main-content .right-content .right-inner-content .sticky-area .warp_sec02 .sec02 .wrap_box-01 .box-03 .img_06,
  #feature .main-content .right-content .right-inner-content .sticky-area .warp_sec02 .sec02 .wrap_box-01 .box-03 .img_06 {
    width: 74.93333vw;
  }
  .l-container .main-content .right-content .right-inner-content .sticky-area .warp_sec03 .sec03 .wrap_box-01,
  #feature .main-content .right-content .right-inner-content .sticky-area .warp_sec03 .sec03 .wrap_box-01 {
    width: 100vw;
  }
  .l-container .main-content .right-content .right-inner-content .sticky-area .warp_sec03 .sec03 .wrap_box-01 .box-02,
  #feature .main-content .right-content .right-inner-content .sticky-area .warp_sec03 .sec03 .wrap_box-01 .box-02 {
    padding-bottom: 18.66667vw;
    width: 100vw;
  }
  .l-container .main-content .right-content .right-inner-content .sticky-area .warp_sec03 .sec03 .wrap_box-01 .box-02 .swiper,
  .l-container .main-content .right-content .right-inner-content .sticky-area .warp_sec03 .sec03 .wrap_box-01 .box-02 .img_08,
  #feature .main-content .right-content .right-inner-content .sticky-area .warp_sec03 .sec03 .wrap_box-01 .box-02 .swiper,
  #feature .main-content .right-content .right-inner-content .sticky-area .warp_sec03 .sec03 .wrap_box-01 .box-02 .img_08 {
    width: 100vw;
  }
  .l-container .main-content .right-content .right-inner-content .wrap_foot,
  #feature .main-content .right-content .right-inner-content .wrap_foot {
    padding-top: 24.8vw;
  }
  .l-container .main-content .right-content .right-inner-content .wrap_foot .foot .foot__img,
  #feature .main-content .right-content .right-inner-content .wrap_foot .foot .foot__img {
    padding-bottom: 48vw;
  }
  .l-container .main-content .right-content .right-inner-content .wrap_foot .foot .foot__img .img_11_txt_01,
  #feature .main-content .right-content .right-inner-content .wrap_foot .foot .foot__img .img_11_txt_01 {
    top: -8.8vw;
    width: 24vw;
  }
  .l-container .main-content .right-content .right-inner-content .wrap_foot .foot .foot__img .img_11,
  #feature .main-content .right-content .right-inner-content .wrap_foot .foot .foot__img .img_11 {
    width: 74.93333vw;
  }
  .l-container .main-content .right-content .right-inner-content .wrap_foot .foot .foot__s-credit,
  #feature .main-content .right-content .right-inner-content .wrap_foot .foot .foot__s-credit {
    width: 70.53333vw;
    padding-bottom: 18.66667vw;
  }
}
/*# sourceMappingURL=style.css.map */