:root {
  --color-black: #5b5b5b;
  --color-gray: #303030;
  --color-white: #fff;
  --color-01: #c60a22;
  --color-02: #34aacb;
  --color-03: #453939;
  --color-04: #282c4b;
  --color-05: #c60a22;
  --color-06: #34aacb;
  --color-07: #262529;
  --bk-color-01: #c60a22;
  --bk-color-02: #34aacb;
  --bk-color-03: #c8c79b;
  --bk-color-04: #282c4b;
  --bk-color-05: #c60a22;
  --bk-color-06: #34aacb;
  --bk-color-07: #262529;
}

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

.l-container .top-content .top .top__movie .wrap_movie,
#feature .top-content .top .top__movie .wrap_movie {
  min-height: 54.16667vw;
  height: 100%;
}
.l-container .top-content .top .top__movie .wrap_movie .movie .movie-btn,
#feature .top-content .top .top__movie .wrap_movie .movie .movie-btn {
  right: 1%;
  bottom: 1.41667vw;
}
.l-container .main-content .left-content .left-inner-content .left,
#feature .main-content .left-content .left-inner-content .left {
  position: relative;
  height: calc(100vh - 80px);
}
.l-container .main-content .left-content .left-inner-content .left .left__logo,
#feature .main-content .left-content .left-inner-content .left .left__logo {
  position: absolute;
  top: min(0px, calc(0 *  100vw / 1200));
  left: min(50px, calc(50 *  100vw / 1200));
  width: min(382px, calc(382 *  100vw / 1200));
}
.l-container .main-content .left-content .left-inner-content .left .left__txt,
#feature .main-content .left-content .left-inner-content .left .left__txt {
  position: absolute;
  bottom: calc(min(67px, calc(67 *  100vw / 1200)) + 80px);
  left: min(50px, calc(50 *  100vw / 1200));
  width: min(275px, calc(275 *  100vw / 1200));
}
.l-container .main-content .center-content,
#feature .main-content .center-content {
  overflow: clip;
}
.l-container .main-content .center-content .center-inner-content .wrap_catch .catch .catch__movie,
#feature .main-content .center-content .center-inner-content .wrap_catch .catch .catch__movie {
  display: none;
  width: min(400.0005px, calc(400.0005 *  100vw / 1400));
  height: min(708.800886px, calc(708.800886 *  100vw / 1400));
}
.l-container .main-content .center-content .center-inner-content .wrap_catch .catch .catch__box,
#feature .main-content .center-content .center-inner-content .wrap_catch .catch .catch__box {
  position: relative;
  background-image: url(../img/bk_img_01.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: min(402.133836px, calc(402.133836 *  100vw / 1400));
  height: min(576.00072px, calc(576.00072 *  100vw / 1400));
}
.l-container .main-content .center-content .center-inner-content .wrap_catch .catch .catch__box .catch__txt_01,
#feature .main-content .center-content .center-inner-content .wrap_catch .catch .catch__box .catch__txt_01 {
  position: absolute;
  top: min(22.400028px, calc(22.400028 *  100vw / 1400));
  left: min(17.066688px, calc(17.066688 *  100vw / 1400));
  width: min(282.66702px, calc(282.66702 *  100vw / 1400));
}
.l-container .main-content .center-content .center-inner-content .wrap_catch .catch .catch__box .catch__txt_02,
#feature .main-content .center-content .center-inner-content .wrap_catch .catch .catch__box .catch__txt_02 {
  position: absolute;
  top: min(537.600672px, calc(537.600672 *  100vw / 1400));
  right: min(21.33336px, calc(21.33336 *  100vw / 1400));
  width: min(75.733428px, calc(75.733428 *  100vw / 1400));
}
.l-container .main-content .center-content .center-inner-content .wrap_sec01 .sec01,
#feature .main-content .center-content .center-inner-content .wrap_sec01 .sec01 {
  background-color: var(--bk-color-01);
}
.l-container .main-content .center-content .center-inner-content .wrap_sec01 .sec01 .wrap_box-01,
#feature .main-content .center-content .center-inner-content .wrap_sec01 .sec01 .wrap_box-01 {
  margin-bottom: min(320.0004px, calc(320.0004 *  100vw / 1400));
}
.l-container .main-content .center-content .center-inner-content .wrap_sec01 .sec01 .wrap_box-01 .box-01,
#feature .main-content .center-content .center-inner-content .wrap_sec01 .sec01 .wrap_box-01 .box-01 {
  position: relative;
}
.l-container .main-content .center-content .center-inner-content .wrap_sec02 .sec02,
#feature .main-content .center-content .center-inner-content .wrap_sec02 .sec02 {
  background-color: var(--bk-color-02);
}
.l-container .main-content .center-content .center-inner-content .wrap_sec02 .sec02 .wrap_box-01,
#feature .main-content .center-content .center-inner-content .wrap_sec02 .sec02 .wrap_box-01 {
  margin-bottom: min(320.0004px, calc(320.0004 *  100vw / 1400));
}
.l-container .main-content .center-content .center-inner-content .wrap_sec02 .sec02 .wrap_box-01 .box-01,
#feature .main-content .center-content .center-inner-content .wrap_sec02 .sec02 .wrap_box-01 .box-01 {
  position: relative;
}
.l-container .main-content .center-content .center-inner-content .wrap_sec03 .sec03,
#feature .main-content .center-content .center-inner-content .wrap_sec03 .sec03 {
  background-color: var(--bk-color-03);
}
.l-container .main-content .center-content .center-inner-content .wrap_sec03 .sec03 .wrap_box-01,
#feature .main-content .center-content .center-inner-content .wrap_sec03 .sec03 .wrap_box-01 {
  margin-bottom: min(320.0004px, calc(320.0004 *  100vw / 1400));
}
.l-container .main-content .center-content .center-inner-content .wrap_sec03 .sec03 .wrap_box-01 .box-01,
#feature .main-content .center-content .center-inner-content .wrap_sec03 .sec03 .wrap_box-01 .box-01 {
  position: relative;
}
.l-container .main-content .center-content .center-inner-content .wrap_sec04 .sec04,
#feature .main-content .center-content .center-inner-content .wrap_sec04 .sec04 {
  background-color: var(--bk-color-04);
}
.l-container .main-content .center-content .center-inner-content .wrap_sec04 .sec04 .wrap_box-01,
#feature .main-content .center-content .center-inner-content .wrap_sec04 .sec04 .wrap_box-01 {
  margin-bottom: min(320.0004px, calc(320.0004 *  100vw / 1400));
}
.l-container .main-content .center-content .center-inner-content .wrap_sec04 .sec04 .wrap_box-01 .box-01,
#feature .main-content .center-content .center-inner-content .wrap_sec04 .sec04 .wrap_box-01 .box-01 {
  position: relative;
}
.l-container .main-content .center-content .center-inner-content .wrap_sec05 .sec05,
#feature .main-content .center-content .center-inner-content .wrap_sec05 .sec05 {
  background-color: var(--bk-color-05);
}
.l-container .main-content .center-content .center-inner-content .wrap_sec05 .sec05 .wrap_box-01,
#feature .main-content .center-content .center-inner-content .wrap_sec05 .sec05 .wrap_box-01 {
  margin-bottom: min(320.0004px, calc(320.0004 *  100vw / 1400));
}
.l-container .main-content .center-content .center-inner-content .wrap_sec05 .sec05 .wrap_box-01 .box-01,
#feature .main-content .center-content .center-inner-content .wrap_sec05 .sec05 .wrap_box-01 .box-01 {
  position: relative;
}
.l-container .main-content .center-content .center-inner-content .wrap_sec06 .sec06,
#feature .main-content .center-content .center-inner-content .wrap_sec06 .sec06 {
  background-color: var(--bk-color-06);
}
.l-container .main-content .center-content .center-inner-content .wrap_sec06 .sec06 .wrap_box-01,
#feature .main-content .center-content .center-inner-content .wrap_sec06 .sec06 .wrap_box-01 {
  margin-bottom: min(320.0004px, calc(320.0004 *  100vw / 1400));
}
.l-container .main-content .center-content .center-inner-content .wrap_sec06 .sec06 .wrap_box-01 .box-01,
#feature .main-content .center-content .center-inner-content .wrap_sec06 .sec06 .wrap_box-01 .box-01 {
  position: relative;
}
.l-container .main-content .center-content .center-inner-content .wrap_sec07 .sec07,
#feature .main-content .center-content .center-inner-content .wrap_sec07 .sec07 {
  background-color: var(--bk-color-07);
}
.l-container .main-content .center-content .center-inner-content .wrap_sec07 .sec07 .wrap_box-01 .box-01,
#feature .main-content .center-content .center-inner-content .wrap_sec07 .sec07 .wrap_box-01 .box-01 {
  position: relative;
}
.l-container .main-content .center-content .center-inner-content .wrap_sec07 .sec07 .wrap_box-01 .box-02,
#feature .main-content .center-content .center-inner-content .wrap_sec07 .sec07 .wrap_box-01 .box-02 {
  position: relative;
  margin-bottom: min(346.6671px, calc(346.6671 *  100vw / 1400));
}
.l-container .main-content .center-content .center-inner-content .wrap_sec07 .sec07 .wrap_box-01 .box-02 .s-credit,
#feature .main-content .center-content .center-inner-content .wrap_sec07 .sec07 .wrap_box-01 .box-02 .s-credit {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: max(-323.200404px, calc(-323.200404 *  100vw / 1400));
  padding-left: min(5.33334px, calc(5.33334 *  100vw / 1400));
  width: min(293.3337px, calc(293.3337 *  100vw / 1400));
}
.l-container .main-content .center-content .center-inner-content .wrap_sec07 .sec07 .wrap_box-01 .box-03,
#feature .main-content .center-content .center-inner-content .wrap_sec07 .sec07 .wrap_box-01 .box-03 {
  position: relative;
}
.l-container .main-content .center-content .center-inner-content .wrap_sec07 .sec07 .wrap_box-01 .box-03 .link_01,
#feature .main-content .center-content .center-inner-content .wrap_sec07 .sec07 .wrap_box-01 .box-03 .link_01 {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding-left: min(6.400008px, calc(6.400008 *  100vw / 1400));
  top: min(568.534044px, calc(568.534044 *  100vw / 1400));
  width: min(135.466836px, calc(135.466836 *  100vw / 1400));
  z-index: 100;
}
.l-container .main-content .right-content .right-inner-content .right .right_ruler .ruler,
#feature .main-content .right-content .right-inner-content .right .right_ruler .ruler {
  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;
  gap: min(20px, calc(20 *  100vw / 1200));
}
.l-container .main-content .right-content .right-inner-content .right .right_ruler .ruler .ruler__bar,
#feature .main-content .right-content .right-inner-content .right .right_ruler .ruler .ruler__bar {
  position: relative;
  width: min(14px, calc(14 *  100vw / 1200));
  height: min(473px, calc(473 *  100vw / 1200));
}
.l-container .main-content .right-content .right-inner-content .right .right_ruler .ruler .ruler__bar::before,
#feature .main-content .right-content .right-inner-content .right .right_ruler .ruler .ruler__bar::before {
  position: absolute;
  content: "";
  background-image: url(../img/ruler_bar.svg);
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  width: min(14px, calc(14 *  100vw / 1200));
  height: min(473px, calc(473 *  100vw / 1200));
}
.l-container .main-content .right-content .right-inner-content .right .right_ruler .ruler .ruler__bar .ruler__current,
#feature .main-content .right-content .right-inner-content .right .right_ruler .ruler .ruler__bar .ruler__current {
  position: absolute;
  left: 50%;
  margin-top: min(4.266672px, calc(4.266672 *  100vw / 1400));
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: min(6px, calc(6 *  100vw / 1200));
  height: min(6px, calc(6 *  100vw / 1200));
  background-color: var(--color-white);
  border-radius: 100%;
  z-index: 300;
}
.l-container .main-content .right-content .right-inner-content .right .right_ruler .ruler .ruler__txt,
#feature .main-content .right-content .right-inner-content .right .right_ruler .ruler .ruler__txt {
  width: min(46px, calc(46 *  100vw / 1200));
}
@media screen and (max-width: 751px) {
  .l-container .main-content .center-content .center-inner-content .wrap_catch .catch .catch__movie,
  #feature .main-content .center-content .center-inner-content .wrap_catch .catch .catch__movie {
    display: block;
    width: 100vw;
    height: 177.2vw;
  }
  .l-container .main-content .center-content .center-inner-content .wrap_catch .catch .catch__box,
  #feature .main-content .center-content .center-inner-content .wrap_catch .catch .catch__box {
    width: 100.53333vw;
    height: 144vw;
  }
  .l-container .main-content .center-content .center-inner-content .wrap_catch .catch .catch__box .catch__txt_01,
  #feature .main-content .center-content .center-inner-content .wrap_catch .catch .catch__box .catch__txt_01 {
    top: 5.6vw;
    left: 4.26667vw;
    width: 70.66667vw;
  }
  .l-container .main-content .center-content .center-inner-content .wrap_catch .catch .catch__box .catch__txt_02,
  #feature .main-content .center-content .center-inner-content .wrap_catch .catch .catch__box .catch__txt_02 {
    top: 134.4vw;
    right: 5.33333vw;
    width: 18.93333vw;
  }
  .l-container .main-content .center-content .center-inner-content .wrap_sec01 .sec01 .wrap_box-01,
  #feature .main-content .center-content .center-inner-content .wrap_sec01 .sec01 .wrap_box-01 {
    margin-bottom: 80vw;
  }
  .l-container .main-content .center-content .center-inner-content .wrap_sec02 .sec02 .wrap_box-01,
  #feature .main-content .center-content .center-inner-content .wrap_sec02 .sec02 .wrap_box-01 {
    margin-bottom: 80vw;
  }
  .l-container .main-content .center-content .center-inner-content .wrap_sec03 .sec03 .wrap_box-01,
  #feature .main-content .center-content .center-inner-content .wrap_sec03 .sec03 .wrap_box-01 {
    margin-bottom: 80vw;
  }
  .l-container .main-content .center-content .center-inner-content .wrap_sec04 .sec04 .wrap_box-01,
  #feature .main-content .center-content .center-inner-content .wrap_sec04 .sec04 .wrap_box-01 {
    margin-bottom: 80vw;
  }
  .l-container .main-content .center-content .center-inner-content .wrap_sec05 .sec05 .wrap_box-01,
  #feature .main-content .center-content .center-inner-content .wrap_sec05 .sec05 .wrap_box-01 {
    margin-bottom: 80vw;
  }
  .l-container .main-content .center-content .center-inner-content .wrap_sec06 .sec06 .wrap_box-01,
  #feature .main-content .center-content .center-inner-content .wrap_sec06 .sec06 .wrap_box-01 {
    margin-bottom: 80vw;
  }
  .l-container .main-content .center-content .center-inner-content .wrap_sec07 .sec07 .wrap_box-01 .box-02,
  #feature .main-content .center-content .center-inner-content .wrap_sec07 .sec07 .wrap_box-01 .box-02 {
    margin-bottom: 86.66667vw;
  }
  .l-container .main-content .center-content .center-inner-content .wrap_sec07 .sec07 .wrap_box-01 .box-02 .s-credit,
  #feature .main-content .center-content .center-inner-content .wrap_sec07 .sec07 .wrap_box-01 .box-02 .s-credit {
    bottom: -80.8vw;
    padding-left: 1.33333vw;
    width: 73.33333vw;
  }
  .l-container .main-content .center-content .center-inner-content .wrap_sec07 .sec07 .wrap_box-01 .box-03 .link_01,
  #feature .main-content .center-content .center-inner-content .wrap_sec07 .sec07 .wrap_box-01 .box-03 .link_01 {
    padding-left: 1.6vw;
    top: 142.13333vw;
    width: 33.86667vw;
  }
}
/*# sourceMappingURL=style.css.map */