@charset "UTF-8";
/*アニメーション
----------------------------*/
@keyframes star {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes sliderPagination {
  0% {
    transform: scaleX(0);
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
/*共通
----------------------------*/
.l-container {
  width: 100%;
}

.l-header {
  padding: 0;
  position: relative;
  z-index: 999;
  background-color: #fff;
  overflow-x: clip;
}

.l-footer {
  padding: 0;
  position: relative;
  z-index: 999;
  background-color: #fff;
  overflow-x: clip;
}

.pc-footer {
  margin: 0;
}

#feature {
  width: 100%;
  margin: 0 auto;
  color: #000;
  box-sizing: border-box;
  text-align: center;
  font-family: 游ゴシック体, 游ゴシック Medium, Yu Gothic Medium, Yu Gothic, YuGothic, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt";
  position: relative;
  overflow-x: clip;
  opacity: 0;
  transition: 0.3s;
}
#feature.is_show {
  opacity: 1;
}
#feature * {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
#feature a {
  width: 100%;
  height: auto;
  display: block;
  color: #000;
}
#feature a:hover {
  text-decoration: none;
  opacity: 1;
}
#feature figure {
  background-color: #fff;
}
#feature img {
  width: 100%;
  height: auto;
  display: block;
}
#feature video {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
#feature .js_anime .is_fade {
  opacity: 0;
  transition: opacity 2.5s ease;
}
#feature .js_anime .is_fadein {
  opacity: 0;
  transform: translateY(calc(-60 * var(--vw) * 0.3642857143 / 750));
  transition: 1.5s;
}
#feature .js_anime.is_show .is_fade {
  opacity: 1;
}
#feature .js_anime.is_show .is_fadein {
  opacity: 1;
  transform: translateY(0);
}
#feature .is_fadestar img:nth-child(1) {
  animation: star 1.4s ease-in-out infinite alternate;
}
#feature .is_fadestar img:nth-child(2) {
  animation: star 1.5s ease-in-out infinite alternate;
}

#feature {
  /*メインビジュアル（.hero)
  ----------------------------*/
}
#feature .pcbg {
  width: 100%;
  height: 100svh;
  background-color: #14232d;
  position: fixed;
  top: 0;
  left: 0;
}
#feature .pcbg img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#feature .pcbg img:nth-child(1) {
  animation: star 0.8s ease-in-out infinite alternate;
}
#feature .pcbg img:nth-child(2) {
  animation: star 0.9s ease-in-out infinite alternate;
}
#feature .main {
  width: calc(750 * var(--vw) * 0.3642857143 / 750);
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 1400px) {
  #feature .main {
    width: 509.999999992px;
  }
}
#feature .hero {
  width: 100%;
  position: sticky;
  top: 79px;
}
#feature .sec {
  margin-top: 100svh;
  position: sticky;
  top: 0;
  z-index: 2;
}
#feature .sec .sec__credit {
  position: absolute;
}
#feature .sec .sec__credit .credit {
  display: flex;
  flex-wrap: wrap;
  gap: 0 calc(24 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__credit .credit .item {
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
#feature .sec .sec__credit .credit .item .link {
  flex-wrap: nowrap;
}
#feature .sec .sec__credit .credit .item .link p {
  font-family: "acumin-pro", sans-serif;
  font-weight: 300;
  font-size: calc(22 * var(--vw) * 0.3642857143 / 750);
  line-height: calc(44 * var(--vw) * 0.3642857143 / 750);
  letter-spacing: 0.02em;
  color: #fff;
  position: relative;
}
#feature .sec .sec__credit .credit .item .link p::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  bottom: calc(10 * var(--vw) * 0.3642857143 / 750);
  left: 0;
}
#feature .sec .sec__credit.sec__credit01 {
  top: calc(100% + 30 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__credit.sec__credit02 {
  width: 100%;
  top: calc(100% + 30 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__credit.sec__credit02 .credit {
  justify-content: center;
}
#feature .sec .sec__credit.sec__credit03 {
  width: 100%;
  top: calc(100% + 30 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__credit.sec__credit03 .credit {
  justify-content: center;
}
#feature .sec .sec__credit.sec__credit04 {
  top: calc(100% + 30 * var(--vw) * 0.3642857143 / 750);
  left: calc(44 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__credit.sec__credit05 {
  top: calc(100% + 30 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__credit.sec__credit06 {
  width: 100%;
  top: calc(100% + 30 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__credit.sec__credit06 .credit {
  justify-content: center;
}
#feature .sec .sec__credit.sec__credit07 {
  width: 100%;
  top: calc(100% + 30 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__credit.sec__credit07 .credit {
  justify-content: center;
}
#feature .sec .sec__credit.sec__credit07 .credit .item .link p {
  color: #23323c;
}
#feature .sec .sec__credit.sec__credit07 .credit .item .link p::after {
  background-color: #23323c;
}
#feature .sec .sec__credit.sec__credit08 {
  width: 100%;
  top: calc(100% + 30 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__credit.sec__credit08 .credit {
  justify-content: center;
}
#feature .sec .sec__credit.sec__credit08 .credit .item .link p {
  color: #23323c;
}
#feature .sec .sec__credit.sec__credit08 .credit .item .link p::after {
  background-color: #23323c;
}
#feature .sec .sec__credit.sec__credit09 {
  top: calc(100% + 30 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__credit.sec__credit09 .credit .item .link p {
  color: #23323c;
}
#feature .sec .sec__credit.sec__credit09 .credit .item .link p::after {
  background-color: #23323c;
}
#feature .sec .sec__credit.sec__credit10 {
  width: calc(400 * var(--vw) * 0.3642857143 / 750);
  top: calc(100% + 30 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__credit.sec__credit10 .credit .item .link p {
  color: #23323c;
}
#feature .sec .sec__credit.sec__credit10 .credit .item .link p::after {
  background-color: #23323c;
}
#feature .sec .sec__credit.sec__credit11 {
  width: 100%;
  top: calc(100% + 30 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__credit.sec__credit11 .credit {
  justify-content: center;
}
#feature .sec .sec__credit.sec__credit11 .credit .item .link p {
  color: #23323c;
}
#feature .sec .sec__credit.sec__credit11 .credit .item .link p::after {
  background-color: #23323c;
}
#feature .sec .sec__credit.sec__credit12 {
  width: calc(450 * var(--vw) * 0.3642857143 / 750);
  top: calc(100% + 30 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__credit.sec__credit12 .credit .item .link p {
  color: #23323c;
}
#feature .sec .sec__credit.sec__credit12 .credit .item .link p::after {
  background-color: #23323c;
}
#feature .sec .sec__credit.sec__credit13 {
  width: calc(420 * var(--vw) * 0.3642857143 / 750);
  top: calc(100% + 30 * var(--vw) * 0.3642857143 / 750);
  left: calc(40 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__credit.sec__credit13 .credit .item .link p {
  color: #23323c;
}
#feature .sec .sec__credit.sec__credit13 .credit .item .link p::after {
  background-color: #23323c;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__credit .credit {
    gap: 0 16.3199999997px;
  }
  #feature .sec .sec__credit .credit .item .link p {
    font-size: 14.9599999998px;
    line-height: 29.9199999995px;
  }
  #feature .sec .sec__credit .credit .item .link p::after {
    bottom: 6.7999999999px;
  }
  #feature .sec .sec__credit.sec__credit01 {
    top: calc(100% + 20.3999999997px);
  }
  #feature .sec .sec__credit.sec__credit02 {
    top: calc(100% + 20.3999999997px);
  }
  #feature .sec .sec__credit.sec__credit03 {
    top: calc(100% + 20.3999999997px);
  }
  #feature .sec .sec__credit.sec__credit04 {
    top: calc(100% + 20.3999999997px);
    left: 29.9199999995px;
  }
  #feature .sec .sec__credit.sec__credit05 {
    top: calc(100% + 20.3999999997px);
  }
  #feature .sec .sec__credit.sec__credit06 {
    top: calc(100% + 20.3999999997px);
  }
  #feature .sec .sec__credit.sec__credit07 {
    top: calc(100% + 20.3999999997px);
  }
  #feature .sec .sec__credit.sec__credit08 {
    top: calc(100% + 20.3999999997px);
  }
  #feature .sec .sec__credit.sec__credit09 {
    top: calc(100% + 20.3999999997px);
  }
  #feature .sec .sec__credit.sec__credit10 {
    width: 271.9999999957px;
    top: calc(100% + 20.3999999997px);
  }
  #feature .sec .sec__credit.sec__credit11 {
    width: 100%;
    top: calc(100% + 20.3999999997px);
  }
  #feature .sec .sec__credit.sec__credit12 {
    width: 305.9999999952px;
    top: calc(100% + 20.3999999997px);
  }
  #feature .sec .sec__credit.sec__credit13 {
    width: 285.5999999955px;
    top: calc(100% + 20.3999999997px);
    left: 27.1999999996px;
  }
}
#feature .sec .sec__flex {
  display: flex;
  position: relative;
}
#feature .sec .sec__flex.is_reverse {
  flex-direction: row-reverse;
}
#feature .sec .sec__img {
  position: relative;
  z-index: 2;
}
#feature .sec .sec__img.sec__img01 {
  width: 100%;
}
#feature .sec .sec__img.sec__img02 {
  width: calc(660 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__img.sec__img03 {
  width: calc(480 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__img.sec__img03 figure {
  background-color: transparent;
}
#feature .sec .sec__img.sec__img04 {
  width: 100%;
}
#feature .sec .sec__img.sec__img05 {
  width: calc(570 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__img.sec__img06 {
  width: calc(630 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__img.sec__img07 {
  width: calc(630 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__img.sec__img08 {
  width: calc(660 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__img.sec__img09 {
  width: 100%;
}
#feature .sec .sec__img.sec__img10 {
  width: calc(540 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__img.sec__img10 figure {
  background-color: transparent;
}
#feature .sec .sec__img.sec__img11 {
  width: 100%;
}
#feature .sec .sec__img.sec__img11 figure {
  background-color: transparent;
}
#feature .sec .sec__img.sec__img12 {
  width: calc(600 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__img.sec__img13 {
  width: calc(600 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__img.sec__img14 {
  width: calc(528 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__img.sec__img15 {
  width: calc(660 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__img.sec__img16 {
  width: calc(480 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__img.sec__img17 {
  width: 100%;
}
#feature .sec .sec__img.sec__img18 {
  width: calc(660 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__img.sec__img19 {
  width: calc(528 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__img.sec__img20 {
  width: 100%;
}
#feature .sec .sec__img.sec__img21 {
  width: calc(600 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__img.sec__img22 {
  width: 100%;
}
#feature .sec .sec__img.sec__img23 {
  width: calc(420 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__img.sec__img24 {
  width: 100%;
}
#feature .sec .sec__img.sec__img24 figure {
  background-color: transparent;
}
#feature .sec .sec__img.sec__img25 {
  width: calc(540 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__img.sec__img26 {
  width: calc(660 * var(--vw) * 0.3642857143 / 750);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__img.sec__img02 {
    width: 448.799999993px;
  }
  #feature .sec .sec__img.sec__img03 {
    width: 326.3999999949px;
  }
  #feature .sec .sec__img.sec__img05 {
    width: 387.5999999939px;
  }
  #feature .sec .sec__img.sec__img06 {
    width: 428.3999999933px;
  }
  #feature .sec .sec__img.sec__img07 {
    width: 428.3999999933px;
  }
  #feature .sec .sec__img.sec__img08 {
    width: 448.799999993px;
  }
  #feature .sec .sec__img.sec__img10 {
    width: 367.1999999942px;
  }
  #feature .sec .sec__img.sec__img12 {
    width: 407.9999999936px;
  }
  #feature .sec .sec__img.sec__img13 {
    width: 407.9999999936px;
  }
  #feature .sec .sec__img.sec__img14 {
    width: 359.0399999944px;
  }
  #feature .sec .sec__img.sec__img15 {
    width: 448.799999993px;
  }
  #feature .sec .sec__img.sec__img16 {
    width: 326.3999999949px;
  }
  #feature .sec .sec__img.sec__img18 {
    width: 448.799999993px;
  }
  #feature .sec .sec__img.sec__img19 {
    width: 359.0399999944px;
  }
  #feature .sec .sec__img.sec__img21 {
    width: 407.9999999936px;
  }
  #feature .sec .sec__img.sec__img23 {
    width: 285.5999999955px;
  }
  #feature .sec .sec__img.sec__img25 {
    width: 367.1999999942px;
  }
  #feature .sec .sec__img.sec__img26 {
    width: 448.799999993px;
  }
}
#feature .sec .sec__movie {
  width: calc(630 * var(--vw) * 0.3642857143 / 750);
  height: calc(1120 * var(--vw) * 0.3642857143 / 750);
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
#feature .sec .sec__movie .mutebtn {
  width: calc(152 * var(--vw) * 0.3642857143 / 750);
  height: calc(18 * var(--vw) * 0.3642857143 / 750);
  position: absolute;
  top: calc(24 * var(--vw) * 0.3642857143 / 750);
  right: calc(22 * var(--vw) * 0.3642857143 / 750);
  background-image: url(../img/off.svg);
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
}
#feature .sec .sec__movie .mutebtn img {
  width: auto;
  height: 100%;
  margin-left: auto;
}
#feature .sec .sec__movie .mutebtn.on {
  background-image: url(../img/on.svg);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__movie {
    width: 428.3999999933px;
    height: 761.5999999881px;
  }
  #feature .sec .sec__movie .mutebtn {
    width: 103.3599999984px;
    height: 12.2399999998px;
    top: 12.2399999998px;
    right: 12.2399999998px;
  }
}
#feature .sec .sec__icon {
  width: calc(160 * var(--vw) * 0.3642857143 / 750);
  height: calc(320 * var(--vw) * 0.3642857143 / 750);
  position: relative;
  z-index: 1;
}
#feature .sec .sec__icon img {
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__icon {
    width: 108.7999999983px;
    height: 217.5999999966px;
  }
}
#feature .sec .sec__ribbon {
  position: absolute;
  z-index: 3;
}
#feature .sec .sec__ribbon.sec__ribbon01 {
  width: calc(250 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__ribbon.sec__ribbon02 {
  width: calc(385 * var(--vw) * 0.3642857143 / 750);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__ribbon.sec__ribbon01 {
    width: 169.9999999973px;
  }
  #feature .sec .sec__ribbon.sec__ribbon02 {
    width: 261.7999999959px;
  }
}
#feature .sec .sec__ttl {
  width: calc(802 * var(--vw) * 0.3642857143 / 750);
  position: absolute;
  z-index: 3;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__ttl {
    width: 545.3599999914px;
  }
}
#feature .sec .sec__txt {
  position: relative;
  z-index: 4;
}
#feature .sec .sec__txt p {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  font-size: calc(24 * var(--vw) * 0.3642857143 / 750);
  line-height: calc(50.4 * var(--vw) * 0.3642857143 / 750);
  letter-spacing: 0.05em;
  color: #fff;
  position: relative;
}
#feature .sec .sec__txt p:nth-child(1) {
  font-size: calc(32 * var(--vw) * 0.3642857143 / 750);
  line-height: calc(67.2 * var(--vw) * 0.3642857143 / 750);
  letter-spacing: 0.12em;
}
#feature .sec .sec__txt p:nth-child(2) {
  margin-top: calc(38 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__txt p:nth-child(3) {
  margin-top: calc(34 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__txt p:nth-child(4) {
  margin-top: calc(30 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__txt p:nth-child(5) {
  width: calc(340 * var(--vw) * 0.3642857143 / 750);
  margin-top: calc(56 * var(--vw) * 0.3642857143 / 750);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__txt p {
    font-size: 16.3199999997px;
    line-height: 34.2719999995px;
  }
  #feature .sec .sec__txt p:nth-child(1) {
    font-size: 21.7599999997px;
    line-height: 45.6959999993px;
  }
  #feature .sec .sec__txt p:nth-child(2) {
    margin-top: 25.8399999996px;
  }
  #feature .sec .sec__txt p:nth-child(3) {
    margin-top: 23.1199999996px;
  }
  #feature .sec .sec__txt p:nth-child(4) {
    margin-top: 20.3999999997px;
  }
  #feature .sec .sec__txt p:nth-child(5) {
    width: 231.1999999964px;
    margin-top: 38.0799999994px;
  }
}
#feature .sec .sec__bg {
  width: 100%;
  position: absolute;
  z-index: 3;
  pointer-events: none;
}
#feature .sec .sec__bg.sec__bg01 {
  height: calc(1000 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__bg.sec__bg02 {
  height: calc(850 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec .sec__bg.sec__bg03 {
  height: calc(840 * var(--vw) * 0.3642857143 / 750);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__bg.sec__bg01 {
    height: 679.9999999893px;
  }
  #feature .sec .sec__bg.sec__bg02 {
    height: 577.9999999909px;
  }
  #feature .sec .sec__bg.sec__bg03 {
    height: 571.199999991px;
  }
}
#feature .sec .sec__block {
  position: relative;
}
#feature .sec .sec__info {
  width: calc(600 * var(--vw) * 0.3642857143 / 750);
  position: relative;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__info {
    width: 407.9999999936px;
  }
}
#feature .sec .sec__staff {
  font-family: "acumin-pro", sans-serif;
  font-weight: 300;
  font-size: calc(22 * var(--vw) * 0.3642857143 / 750);
  line-height: calc(44 * var(--vw) * 0.3642857143 / 750);
  color: #fff;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__staff {
    font-size: 14.9599999998px;
    line-height: 29.9199999995px;
  }
}
#feature .sec .sec__btn {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
#feature .sec .sec__btn a {
  width: -moz-fit-content;
  width: fit-content;
  padding-bottom: calc(12 * var(--vw) * 0.3642857143 / 750);
  position: relative;
}
#feature .sec .sec__btn a::after {
  content: "";
  width: calc(250 * var(--vw) * 0.3642857143 / 750);
  height: calc(10 * var(--vw) * 0.3642857143 / 750);
  border-top: 1px double #f5d7e1;
  border-bottom: 1px double #f5d7e1;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  box-sizing: border-box;
}
#feature .sec .sec__btn a span {
  font-family: "Imbue", serif;
  font-weight: 300;
  font-size: calc(66 * var(--vw) * 0.3642857143 / 750);
  line-height: 1;
  color: #f5d7e1;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__btn a {
    padding-bottom: 8.1599999999px;
  }
  #feature .sec .sec__btn a::after {
    width: 169.9999999973px;
    height: 6.7999999999px;
    border-top: 1.36px double #f5d7e1;
    border-bottom: 1.36px double #f5d7e1;
  }
  #feature .sec .sec__btn a span {
    font-size: 44.8799999993px;
  }
}
#feature .sec.sec01 {
  padding-top: calc(180 * var(--vw) * 0.3642857143 / 750);
  padding-bottom: calc(450 * var(--vw) * 0.3642857143 / 750);
  margin-top: calc(-120 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec.sec01::before {
  content: "";
  width: 100%;
  height: calc(120 * var(--vw) * 0.3642857143 / 750);
  background-image: url(../img/sec01.png);
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
#feature .sec.sec01::after {
  content: "";
  width: 100%;
  height: calc(100% - 120 * var(--vw) * 0.3642857143 / 750);
  background-color: #23323c;
  position: absolute;
  top: calc(120 * var(--vw) * 0.3642857143 / 750);
  left: 0;
  z-index: -1;
}
#feature .sec.sec01 .sec__icon.sec__icon01 {
  margin: calc(-190 * var(--vw) * 0.3642857143 / 750) 0 0 auto;
}
#feature .sec.sec01 .sec__icon.sec__icon02 {
  margin: calc(-38 * var(--vw) * 0.3642857143 / 750) 0 0 0;
}
#feature .sec.sec01 .sec__icon.sec__icon03 {
  margin: calc(-32 * var(--vw) * 0.3642857143 / 750) 0 0 0;
}
#feature .sec.sec01 .sec__icon.sec__icon04 {
  margin: calc(26 * var(--vw) * 0.3642857143 / 750) 0 0 auto;
}
#feature .sec.sec01 .sec__block.sec__block01 {
  margin-top: calc(-28 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec.sec01 .sec__block.sec__block02 {
  margin-top: calc(100 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec.sec01 .sec__bg.sec__bg01 {
  top: calc(-102 * var(--vw) * 0.3642857143 / 750);
  left: 0;
}
#feature .sec.sec01 .sec__bg.sec__bg02 {
  top: calc(-100 * var(--vw) * 0.3642857143 / 750);
  left: 0;
}
#feature .sec.sec01 .sec__img.sec__img01 {
  margin-top: calc(-84 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec.sec01 .sec__img.sec__img02 {
  margin: calc(70 * var(--vw) * 0.3642857143 / 750) auto 0;
}
#feature .sec.sec01 .sec__img.sec__img03 {
  margin: calc(242 * var(--vw) * 0.3642857143 / 750) auto 0;
}
#feature .sec.sec01 .sec__img.sec__img04 {
  margin-top: calc(70 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec.sec01 .sec__img.sec__img05 {
  margin: calc(182 * var(--vw) * 0.3642857143 / 750) auto 0;
}
#feature .sec.sec01 .sec__img.sec__img06 {
  margin: calc(-46 * var(--vw) * 0.3642857143 / 750) 0 0 auto;
}
#feature .sec.sec01 .sec__img.sec__img07 {
  margin-top: calc(50 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec.sec01 .sec__img.sec__img08 {
  margin: calc(-104 * var(--vw) * 0.3642857143 / 750) auto 0;
}
#feature .sec.sec01 .sec__img.sec__img09 {
  margin-top: calc(244 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec.sec01 .sec__img.sec__img10 {
  margin: 0 auto;
}
#feature .sec.sec01 .sec__ribbon.sec__ribbon01 {
  top: calc(-54 * var(--vw) * 0.3642857143 / 750);
  right: calc(-134 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec.sec01 .sec__ttl {
  bottom: calc(-24 * var(--vw) * 0.3642857143 / 750);
  left: calc(-26 * var(--vw) * 0.3642857143 / 750);
}
@media screen and (min-width: 1400px) {
  #feature .sec.sec01 {
    padding-top: 122.3999999981px;
    padding-bottom: 305.9999999952px;
    margin-top: -81.5999999987px;
  }
  #feature .sec.sec01::before {
    height: 81.5999999987px;
  }
  #feature .sec.sec01::after {
    height: calc(100% - 81.5999999987px);
    top: 81.5999999987px;
  }
  #feature .sec.sec01 .sec__icon.sec__icon01 {
    margin: -129.199999998px 0 0 auto;
  }
  #feature .sec.sec01 .sec__icon.sec__icon02 {
    margin: -25.8399999996px 0 0 0;
  }
  #feature .sec.sec01 .sec__icon.sec__icon03 {
    margin: -21.7599999997px 0 0 0;
  }
  #feature .sec.sec01 .sec__icon.sec__icon04 {
    margin: 17.6799999997px 0 0 auto;
  }
  #feature .sec.sec01 .sec__block.sec__block01 {
    margin-top: -19.0399999997px;
  }
  #feature .sec.sec01 .sec__block.sec__block02 {
    margin-top: 67.9999999989px;
  }
  #feature .sec.sec01 .sec__bg.sec__bg01 {
    top: -69.3599999989px;
    left: 0;
  }
  #feature .sec.sec01 .sec__bg.sec__bg02 {
    top: -67.9999999989px;
    left: 0;
  }
  #feature .sec.sec01 .sec__img.sec__img01 {
    margin-top: -57.1199999991px;
  }
  #feature .sec.sec01 .sec__img.sec__img02 {
    margin: 47.5999999993px auto 0;
  }
  #feature .sec.sec01 .sec__img.sec__img03 {
    margin: 164.5599999974px auto 0;
  }
  #feature .sec.sec01 .sec__img.sec__img04 {
    margin-top: 47.5999999993px;
  }
  #feature .sec.sec01 .sec__img.sec__img05 {
    margin: 123.7599999981px auto 0;
  }
  #feature .sec.sec01 .sec__img.sec__img06 {
    margin: -31.2799999995px 0 0 auto;
  }
  #feature .sec.sec01 .sec__img.sec__img07 {
    margin-top: 33.9999999995px;
  }
  #feature .sec.sec01 .sec__img.sec__img08 {
    margin: -70.7199999989px auto 0;
  }
  #feature .sec.sec01 .sec__img.sec__img09 {
    margin-top: 165.9199999974px;
  }
  #feature .sec.sec01 .sec__ribbon.sec__ribbon01 {
    top: -36.7199999994px;
    right: -91.1199999986px;
  }
  #feature .sec.sec01 .sec__ttl {
    bottom: -16.3199999997px;
    left: -17.6799999997px;
  }
}
#feature .sec.sec02 {
  padding-bottom: calc(500 * var(--vw) * 0.3642857143 / 750);
  z-index: 3;
}
#feature .sec.sec02::after {
  content: "";
  width: 100%;
  height: calc(100% - 500 * var(--vw) * 0.3642857143 / 750);
  background-color: #c3cad5;
  position: absolute;
  top: calc(500 * var(--vw) * 0.3642857143 / 750);
  left: 0;
  z-index: -1;
}
#feature .sec.sec02 .sec__img.sec__img12 {
  margin: calc(70 * var(--vw) * 0.3642857143 / 750) auto 0;
}
#feature .sec.sec02 .sec__img.sec__img13 {
  margin: calc(50 * var(--vw) * 0.3642857143 / 750) auto 0;
}
#feature .sec.sec02 .sec__img.sec__img14 {
  margin: calc(-128 * var(--vw) * 0.3642857143 / 750) auto 0;
}
#feature .sec.sec02 .sec__img.sec__img15 {
  margin: calc(80 * var(--vw) * 0.3642857143 / 750) auto 0;
}
#feature .sec.sec02 .sec__img.sec__img16 {
  margin: calc(50 * var(--vw) * 0.3642857143 / 750) 0 0 calc(46 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec.sec02 .sec__img.sec__img17 {
  margin-top: calc(330 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec.sec02 .sec__img.sec__img18 {
  margin: calc(50 * var(--vw) * 0.3642857143 / 750) auto 0;
}
#feature .sec.sec02 .sec__img.sec__img19 {
  margin: calc(-124 * var(--vw) * 0.3642857143 / 750) auto 0;
}
#feature .sec.sec02 .sec__img.sec__img20 {
  margin-top: calc(114 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec.sec02 .sec__img.sec__img21 {
  margin: calc(100 * var(--vw) * 0.3642857143 / 750) auto 0;
}
#feature .sec.sec02 .sec__img.sec__img22 {
  margin-top: calc(330 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec.sec02 .sec__img.sec__img23 {
  margin: 0 auto;
}
#feature .sec.sec02 .sec__icon.sec__icon05 {
  margin: calc(182 * var(--vw) * 0.3642857143 / 750) 0 0 auto;
}
#feature .sec.sec02 .sec__icon.sec__icon06 {
  margin: calc(-158 * var(--vw) * 0.3642857143 / 750) 0 0 0;
}
#feature .sec.sec02 .sec__icon.sec__icon07 {
  margin: calc(90 * var(--vw) * 0.3642857143 / 750) 0 0 auto;
}
#feature .sec.sec02 .sec__icon.sec__icon08 {
  margin: calc(-192 * var(--vw) * 0.3642857143 / 750) 0 0 0;
}
#feature .sec.sec02 .sec__ribbon.sec__ribbon02 {
  top: calc(-108 * var(--vw) * 0.3642857143 / 750);
  left: 0;
}
#feature .sec.sec02 .sec__block.sec__block03 {
  margin-top: calc(286 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec.sec02 .sec__bg.sec__bg03 {
  top: calc(-100 * var(--vw) * 0.3642857143 / 750);
  left: 0;
}
@media screen and (min-width: 1400px) {
  #feature .sec.sec02 {
    padding-bottom: 339.9999999947px;
  }
  #feature .sec.sec02::after {
    height: calc(100% - 339.9999999947px);
    top: 339.9999999947px;
  }
  #feature .sec.sec02 .sec__img.sec__img12 {
    margin: 47.5999999993px auto 0;
  }
  #feature .sec.sec02 .sec__img.sec__img13 {
    margin: 33.9999999995px auto 0;
  }
  #feature .sec.sec02 .sec__img.sec__img14 {
    margin: -87.0399999986px auto 0;
  }
  #feature .sec.sec02 .sec__img.sec__img15 {
    margin: 54.3999999991px auto 0;
  }
  #feature .sec.sec02 .sec__img.sec__img16 {
    margin: 33.9999999995px 0 0 31.2799999995px;
  }
  #feature .sec.sec02 .sec__img.sec__img17 {
    margin-top: 224.3999999965px;
  }
  #feature .sec.sec02 .sec__img.sec__img18 {
    margin: 33.9999999995px auto 0;
  }
  #feature .sec.sec02 .sec__img.sec__img19 {
    margin: -84.3199999987px auto 0;
  }
  #feature .sec.sec02 .sec__img.sec__img20 {
    margin-top: 77.5199999988px;
  }
  #feature .sec.sec02 .sec__img.sec__img21 {
    margin: 67.9999999989px auto 0;
  }
  #feature .sec.sec02 .sec__img.sec__img22 {
    margin-top: 224.3999999965px;
  }
  #feature .sec.sec02 .sec__icon.sec__icon05 {
    margin: 123.7599999981px 0 0 auto;
  }
  #feature .sec.sec02 .sec__icon.sec__icon06 {
    margin: -107.4399999983px 0 0 0;
  }
  #feature .sec.sec02 .sec__icon.sec__icon07 {
    margin: 61.199999999px 0 0 auto;
  }
  #feature .sec.sec02 .sec__icon.sec__icon08 {
    margin: -130.559999998px 0 0 0;
  }
  #feature .sec.sec02 .sec__ribbon.sec__ribbon02 {
    top: -73.4399999988px;
  }
  #feature .sec.sec02 .sec__block.sec__block03 {
    margin-top: 194.4799999969px;
  }
  #feature .sec.sec02 .sec__bg.sec__bg03 {
    top: -67.9999999989px;
  }
}
#feature .sec.sec03 {
  z-index: 4;
}
#feature .sec.sec03::after {
  content: "";
  width: 100%;
  height: calc(100% - 500 * var(--vw) * 0.3642857143 / 750);
  background-color: #23323c;
  position: absolute;
  top: calc(500 * var(--vw) * 0.3642857143 / 750);
  left: 0;
  z-index: -1;
}
#feature .sec.sec03 .sec__info {
  margin: calc(86 * var(--vw) * 0.3642857143 / 750) auto 0;
}
#feature .sec.sec03 .sec__icon.sec__icon09 {
  margin: calc(-140 * var(--vw) * 0.3642857143 / 750) 0 0 0;
}
#feature .sec.sec03 .sec__icon.sec__icon10 {
  margin: calc(-174 * var(--vw) * 0.3642857143 / 750) 0 0 auto;
}
#feature .sec.sec03 .sec__staff {
  margin-top: calc(-110 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec.sec03 .sec__btn {
  margin-top: calc(80 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec.sec03 .sec__img.sec__img25 {
  margin-top: calc(-28 * var(--vw) * 0.3642857143 / 750);
}
#feature .sec.sec03 .sec__img.sec__img26 {
  margin: calc(52 * var(--vw) * 0.3642857143 / 750) 0 0 auto;
}
@media screen and (min-width: 1400px) {
  #feature .sec.sec03::after {
    height: calc(100% - 339.9999999947px);
    top: 339.9999999947px;
  }
  #feature .sec.sec03 .sec__info {
    margin: 58.4799999991px auto 0;
  }
  #feature .sec.sec03 .sec__icon.sec__icon09 {
    margin: -95.1999999985px 0 0 0;
  }
  #feature .sec.sec03 .sec__icon.sec__icon10 {
    margin: -118.3199999981px 0 0 auto;
  }
  #feature .sec.sec03 .sec__staff {
    margin-top: -74.7999999988px;
  }
  #feature .sec.sec03 .sec__btn {
    margin-top: 54.3999999991px;
  }
  #feature .sec.sec03 .sec__img.sec__img25 {
    margin-top: -19.0399999997px;
  }
  #feature .sec.sec03 .sec__img.sec__img26 {
    margin: 35.3599999994px 0 0 auto;
  }
}/*# sourceMappingURL=style.css.map */