html {
  scroll-behavior: smooth;
  font-size: 10px;
  -webkit-text-size-adjust: 100%;
}

@media screen and (max-width: 750px) {
  html {
    font-size: 1.3333333333vw;
  }
}
.fs-l-page {
  overflow: clip;
}

.js-fade {
  opacity: 0;
  transition-duration: 1.1s;
}
.js-fade.js-fade-top {
  transform: translate(0px, -40px);
}
.js-fade.js-fade-bottom {
  transform: translateY(50px);
}
.js-fade.js-fade-left {
  transform: translate(-20px, 0px);
}
.js-fade.js-fade-right {
  transform: translate(20px, 0px);
}
.js-fade.is-active {
  transform: translate(0, 0);
  opacity: 1;
}

.fs-l-main {
  max-width: 100%;
  padding: 0;
  margin: 0;
}

.feature {
  max-width: 75rem;
  margin: auto;
  overflow: clip;
  position: relative;
}
.feature section {
  margin: 0;
}
.feature p {
  margin: 0;
}
.feature .Top {
  width: 100%;
  margin: auto;
  margin-bottom: 8rem;
}
.feature .mv__Inner {
  position: relative;
  width: 100%;
  margin: auto;
  height: 88.5rem;
}
.feature .mv__Model {
  position: absolute;
  width: 63.7rem;
  top: 0;
  left: 5.5rem;
}
.feature .mv__Txt {
  position: absolute;
  pointer-events: none;
}
.feature .mv__Txt.-txt01 {
  width: 35.8rem;
  top: 2rem;
  left: 31.2rem;
}
.feature .mv__Txt.-txt02 {
  width: 3.5rem;
  top: 20.8rem;
  left: 10.7rem;
}
.feature .mv__Txt.-txt03 {
  width: 63.5rem;
  top: 82.4rem;
  left: 5.7rem;
}
.feature .sec01 {
  background: #ffff9c;
}
.feature .sec01__Inner {
  position: relative;
  width: 100%;
  margin: auto;
  height: 252.5rem;
}
.feature .sec01__Inner:before {
  position: absolute;
  content: "";
  top: 97.8rem;
  left: 24.3rem;
  width: 46.7rem;
  height: 75.3rem;
  background: #fff;
  pointer-events: none;
}
.feature .sec01__Inner:after {
  position: absolute;
  content: "";
  top: 168.8rem;
  left: 5.5rem;
  width: 12.5rem;
  height: 77.3rem;
  background: #fff;
  pointer-events: none;
}
.feature .sec01__Model {
  position: absolute;
}
.feature .sec01__Model.-model01 {
  width: 51rem;
  top: 8.3rem;
  left: 11.8rem;
}
.feature .sec01__Model.-model02 {
  width: 35.4rem;
  top: 100.5rem;
  left: 5.7rem;
}
.feature .sec01__Model.-model03 {
  width: 27.5rem;
  top: 107rem;
  left: 41.7rem;
}
.feature .sec01__Model.-model04 {
  width: 52.6rem;
  top: 158.2rem;
  left: 14.7rem;
  z-index: 10;
}
.feature .sec01__Model.-model05 {
  width: 29.8rem;
  top: 199.7rem;
  left: 7.6rem;
  z-index: 10;
}
.feature .sec01__Model.-model06 {
  width: 28.6rem;
  top: 204.8rem;
  left: 38.7rem;
}
.feature .sec01__Txt {
  position: absolute;
  pointer-events: none;
  z-index: 10;
}
.feature .sec01__Txt.-txt01 {
  width: 21.2rem;
  top: 9.6rem;
  left: 12.9rem;
}
.feature .sec01__Txt.-txt02 {
  width: 40.6rem;
  top: 24rem;
  left: 17rem;
}
.feature .sec01__Txt.-txt03 {
  width: 42.8rem;
  top: 87rem;
  left: 11.8rem;
}
.feature .sec01__Txt.-txt04 {
  width: 64.7rem;
  top: 98rem;
  left: 5.9rem;
}
@media screen and (max-width: 750px) {
  .feature .sec01__Txt.-txt04 {
    left: 5rem;
  }
}
.feature .sec01__Txt.-txt05 {
  width: 52.5rem;
  top: 154.1rem;
  left: 14.7rem;
}
@media screen and (max-width: 750px) {
  .feature .sec01__Txt.-txt05 {
    left: 14rem;
  }
}
@keyframes rotation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.feature .sec02 {
  background: #feedf1;
}
.feature .sec02__Inner {
  position: relative;
  width: 100%;
  margin: auto;
  height: 302.3rem;
}
.feature .sec02__Model {
  position: absolute;
}
.feature .sec02__Model.-model01 {
  width: 51rem;
  top: 11.4rem;
  left: 12rem;
}
.feature .sec02__Model.-model02 {
  width: 45rem;
  top: 97rem;
  left: 15rem;
}
.feature .sec02__Model.-model03 {
  width: 33.4rem;
  top: 167.6rem;
  left: 4.1rem;
}
.feature .sec02__Model.-model04 {
  width: 33.4rem;
  top: 167.6rem;
  left: 37.5rem;
}
@media screen and (max-width: 750px) {
  .feature .sec02__Model.-model04 {
    left: 37.4rem;
  }
}
.feature .sec02__Model.-model05 {
  width: 45.3rem;
  top: 222.4rem;
  left: 14.8rem;
}
.feature .sec02__Txt {
  position: absolute;
  pointer-events: none;
  z-index: 10;
}
.feature .sec02__Txt.-txt01 {
  width: 17.1rem;
  top: 7.6rem;
  left: 12rem;
}
.feature .sec02__Txt.-txt02 {
  width: 15.1rem;
  top: 13.7rem;
  left: 47.1rem;
}
.feature .sec02__Txt.-txt03 {
  width: 50.9rem;
  top: 89.5rem;
  left: 12rem;
}
@media screen and (max-width: 750px) {
  .feature .sec02__Txt.-txt03 {
    left: 11.3rem;
  }
}
.feature .sec02__Txt.-txt04 {
  width: 68.9rem;
  top: 101.6rem;
  left: 3rem;
  animation: 30s linear infinite rotation;
}
.feature .sec02__Txt.-txt05 {
  width: 66.3rem;
  top: 218.3rem;
  left: 4.4rem;
}
.feature .sec03 {
  background: #fed075;
}
.feature .sec03__Inner {
  position: relative;
  width: 100%;
  margin: auto;
  height: 210.6rem;
}
.feature .sec03__Model {
  position: absolute;
}
.feature .sec03__Model.-model01 {
  width: 51rem;
  top: 5.4rem;
  left: 12.5rem;
  z-index: 10;
}
.feature .sec03__Model.-model02 {
  width: 39.6rem;
  top: 73.8rem;
  left: 5.6rem;
}
.feature .sec03__Model.-model03 {
  width: 32rem;
  top: 90.7rem;
  left: 37.3rem;
}
.feature .sec03__Model.-model04 {
  width: 45.3rem;
  top: 136.3rem;
  left: 14.8rem;
}
.feature .sec03__Txt {
  position: absolute;
  pointer-events: none;
  z-index: 10;
}
.feature .sec03__Txt.-txt01 {
  width: 21rem;
  top: 6.4rem;
  left: 5.8rem;
}
.feature .sec03__Txt.-txt02 {
  width: 42.6rem;
  top: 15.6rem;
  left: 27.8rem;
}
.feature .sec03__Txt.-txt03 {
  width: 41.8rem;
  top: 76.3rem;
  left: 6.9rem;
}
.feature .sec03__Txt.-txt04 {
  width: 100%;
  top: 85.2rem;
  left: 0;
}
.feature .sec03__Txt.-txt04 .swiper-wrapper {
  transition-timing-function: linear;
}
.feature .sec03__Txt.-txt04 .swiper-slide {
  width: 75rem;
  padding-right: 3rem;
}
.feature .sec03__Txt.-txt05 {
  width: 53.5rem;
  top: 184.5rem;
  left: 11.2rem;
}
.feature .sec04 {
  background: #e5d9dc;
}
.feature .sec04__Inner {
  position: relative;
  width: 100%;
  margin: auto;
  height: 196.6rem;
}
.feature .sec04__Model {
  position: absolute;
}
.feature .sec04__Model.-model01 {
  width: 76.7rem;
  top: 8.7rem;
  left: -0.9rem;
}
.feature .sec04__Model.-model02 {
  width: 45rem;
  top: 67.1rem;
  left: 15rem;
}
.feature .sec04__Model.-model03 {
  width: 32.6rem;
  top: 138.8rem;
  left: 4.5rem;
}
.feature .sec04__Model.-model04 {
  width: 32.6rem;
  top: 138.8rem;
  left: 37.8rem;
}
.feature .sec04__Txt {
  position: absolute;
  pointer-events: none;
  z-index: 10;
}
.feature .sec04__Txt.-txt01 {
  width: 19.8rem;
  top: 4.8rem;
  left: 37.6rem;
}
.feature .sec04__Txt.-txt02 {
  width: 41.1rem;
  top: 20.2rem;
  left: 27.5rem;
}
.feature .sec04__Txt.-txt03 {
  width: 58.7rem;
  top: 60.6rem;
  left: 5.7rem;
}
.feature .sec04__Txt.-txt04 {
  width: 51.1rem;
  top: 68rem;
  left: 12.2rem;
}
.feature .sec04__Txt.-txt05 {
  width: 57.9rem;
  top: 133.8rem;
  left: 8.5rem;
}
.feature .sec05 {
  background: #d3cfd9;
}
.feature .sec05__Inner {
  position: relative;
  width: 100%;
  margin: auto;
  height: 282.5rem;
}
.feature .sec05__Model {
  position: absolute;
}
.feature .sec05__Model.-model01 {
  width: 51rem;
  top: 7.7rem;
  left: 12rem;
}
.feature .sec05__Model.-model02 {
  width: 32.6rem;
  top: 92.4rem;
  left: 36.7rem;
}
.feature .sec05__Model.-model03 {
  width: 35.3rem;
  top: 116.4rem;
  left: 5.6rem;
}
.feature .sec05__Model.-model04 {
  width: 31.4rem;
  top: 142.6rem;
  left: 37.9rem;
  z-index: 10;
}
.feature .sec05__Model.-model05 {
  width: 50.9rem;
  top: 172.8rem;
  left: 5.6rem;
}
.feature .sec05__Model.-model06 {
  width: 39.6rem;
  top: 212.9rem;
  left: 17rem;
}
.feature .sec05__Txt {
  position: absolute;
  pointer-events: none;
  z-index: 10;
}
.feature .sec05__Txt.-txt01 {
  width: 28.5rem;
  top: 13rem;
  left: 40.9rem;
}
.feature .sec05__Txt.-txt02 {
  width: 20.8rem;
  top: 24.8rem;
  left: 41rem;
}
.feature .sec05__Txt.-txt03 {
  width: 46rem;
  top: 85.7rem;
  left: 12rem;
}
@media screen and (max-width: 750px) {
  .feature .sec05__Txt.-txt03 {
    left: 11.3rem;
  }
}
.feature .sec05__Txt.-txt04 {
  width: 46.1rem;
  top: 96.7rem;
  left: 9.9rem;
}
.feature .sec05__Txt.-txt05 {
  width: 39.1rem;
  top: 220.2rem;
  left: 28rem;
}
.feature .sec06 {
  background: #f4f4f3;
}
.feature .sec06__Inner {
  position: relative;
  width: 100%;
  margin: auto;
  height: 276.8rem;
}
.feature .sec06__Model {
  position: absolute;
}
.feature .sec06__Model.-model01 {
  width: 51rem;
  top: 5.5rem;
  left: 18.2rem;
}
.feature .sec06__Model.-model02 {
  width: 36.8rem;
  top: 83rem;
  left: -1.5rem;
}
.feature .sec06__Model.-model03 {
  width: 33rem;
  top: 85.6rem;
  left: 36.2rem;
}
.feature .sec06__Model.-model04 {
  width: 40.8rem;
  top: 135.8rem;
  left: 17rem;
}
.feature .sec06__Model.-model05 {
  width: 45.4rem;
  top: 202.8rem;
  left: 14.8rem;
}
.feature .sec06__Txt {
  position: absolute;
  pointer-events: none;
  z-index: 10;
}
.feature .sec06__Txt.-txt01 {
  width: 13.5rem;
  top: 8.3rem;
  left: 8.5rem;
}
.feature .sec06__Txt.-txt02 {
  width: 1.67rem;
  top: 32.3rem;
  left: 8.8rem;
}
.feature .sec06__Txt.-txt03 {
  width: 62rem;
  top: 76rem;
  left: 6.2rem;
}
.feature .sec06__Txt.-txt04 {
  width: 56.9rem;
  top: 138.5rem;
  left: 9.3rem;
}
.feature .sec06__Txt.-txt05 {
  background: #f4f3f3;
  width: 100%;
  top: 213.3rem;
  left: 0;
  padding: 0.4rem 0;
}
.feature .sec06__Txt.-txt05 .swiper-wrapper {
  transition-timing-function: linear;
}
.feature .sec06__Txt.-txt05 .swiper-slide {
  width: 87.5rem;
  padding-right: 3rem;
}
.feature .sec07 {
  background: #00a9d7;
}
.feature .sec07__Inner {
  position: relative;
  width: 100%;
  margin: auto;
  height: 341.1rem;
}
.feature .sec07__Model {
  position: absolute;
}
.feature .sec07__Model.-model01 {
  width: 54.6rem;
  top: 6rem;
  left: 5.5rem;
}
.feature .sec07__Model.-model02 {
  width: 100%;
  top: 91.5rem;
  left: 0;
}
.feature .sec07__Model.-model02 .swiper-wrapper {
  transition-timing-function: linear;
}
.feature .sec07__Model.-model02 .swiper-slide {
  width: 31.8rem;
  padding-right: 1rem;
}
.feature .sec07__Model.-model05 {
  width: 63.6rem;
  top: 139.5rem;
  left: 5.5rem;
}
.feature .sec07__Model.-model06 {
  width: 39.6rem;
  top: 209.6rem;
  left: 17.4rem;
}
.feature .sec07__Model.-model07 {
  width: 39.6rem;
  top: 275.5rem;
  left: 29.4rem;
}
.feature .sec07__Txt {
  position: absolute;
  pointer-events: none;
  z-index: 10;
}
.feature .sec07__Txt.-txt01 {
  width: 22.6rem;
  top: 7.4rem;
  left: 32.4rem;
}
.feature .sec07__Txt.-txt02 {
  width: 1.7rem;
  top: 29.7rem;
  left: 58.6rem;
}
@media screen and (max-width: 750px) {
  .feature .sec07__Txt.-txt02 {
    top: 32.5rem;
  }
}
.feature .sec07__Txt.-txt03 {
  width: 55.1rem;
  top: 84.1rem;
  left: 5.4rem;
}
.feature .sec07__Txt.-txt05 {
  width: 100%;
  top: 204.6rem;
  left: 0;
}
.feature .sec07__Txt.-txt05 .swiper-wrapper {
  transition-timing-function: linear;
}
.feature .sec07__Txt.-txt05 .swiper-slide {
  width: 91.7rem;
  padding-right: 3rem;
}
.feature .sec07__Txt.-txt06 {
  width: 100%;
  top: 270rem;
  left: 0;
}
.feature .sec07__Txt.-txt06 .swiper-wrapper {
  transition-timing-function: linear;
}
.feature .sec07__Txt.-txt06 .swiper-slide {
  width: 87.4rem;
  padding-right: 3rem;
}
.feature .AllitemBtn {
  display: block;
  width: 37rem;
  margin: 10.8rem auto 11.5rem;
}
.feature .fixbtn {
  position: fixed;
  display: none;
  width: 100%;
  bottom: 3.7rem;
  left: 0;
  z-index: 100;
  pointer-events: none;
}
@media screen and (max-width: 750px) {
  .feature .fixbtn {
    bottom: 11.7rem;
  }
}
.feature .fixbtn P {
  margin: auto;
  width: 75rem;
  padding-right: 0.4rem;
  text-align: right;
}
.feature .fixbtn a {
  display: inline-block;
  pointer-events: all;
  width: 17.3rem;
}