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;
  transform: translateZ(0);
  will-change: transform;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  position: sticky;
  top: 0;
}
@media screen and (max-width: 750px) {
  .feature .Top {
    top: 10rem;
  }
}
.feature .mv {
  background: url("./../img/bg_yellow.svg");
  background-size: cover;
  position: sticky;
  top: -80rem;
}
.feature .mv__Inner {
  position: relative;
  width: 100%;
  margin: auto;
  height: 172.6rem;
}
.feature .mv__Ttl {
  width: 50.2rem;
  position: absolute;
  top: 12.9rem;
  left: 12.4rem;
}
.feature .mv__Txt {
  width: 57.7rem;
  position: absolute;
  top: 38.4rem;
  left: 8.7rem;
}
.feature .mv__Chara {
  position: absolute;
  width: 22.6rem;
  top: 57.4rem;
  left: 23.5rem;
}
.feature .mv__Item {
  position: absolute;
}
.feature .mv__Item.-item01 {
  width: 28.7rem;
  top: 75.5rem;
  left: 3.7rem;
}
.feature .mv__Item.-item02 {
  width: 29.2rem;
  top: 93.2rem;
  left: 22.6rem;
  z-index: 10;
}
.feature .mv__Item.-item03 {
  width: 28.7rem;
  top: 75.4rem;
  left: 42.3rem;
}
.feature .mv__Name {
  position: absolute;
  width: 40.7rem;
  top: 124rem;
  left: 17.2rem;
}
.feature .mv__Btn {
  position: absolute;
  width: 10.5rem;
  top: 131.1rem;
  left: 32.2rem;
}
.feature .sec01 {
  background: url("./../img/bg_pink.svg");
  background-size: cover;
  z-index: 10;
  margin-top: -21.4rem;
  position: sticky;
  top: -80rem;
}
.feature .sec01__Inner {
  position: relative;
  width: 100%;
  margin: auto;
  height: 187rem;
}
.feature .sec01__Chara {
  position: absolute;
  width: 43.4rem;
  top: 16.9rem;
  left: 15.6rem;
}
.feature .sec01__Item {
  position: absolute;
}
.feature .sec01__Item.-item01 {
  width: 29.2rem;
  top: 63.8rem;
  left: 22.9rem;
}
.feature .sec01__Item.-item02 {
  width: 29.7rem;
  top: 98.5rem;
  left: 6.8rem;
}
.feature .sec01__Item.-item03 {
  width: 29.7rem;
  top: 98.2rem;
  left: 38.7rem;
}
.feature .sec01__Ttl {
  position: absolute;
  width: 55.1rem;
  top: 136rem;
  left: 10rem;
}
.feature .sec01__Btn {
  position: absolute;
  width: 10.5rem;
  top: 143rem;
  left: 32.2rem;
}
.feature .wrap {
  background: linear-gradient(180deg, transparent 0%, transparent 5rem, #fff 5rem, #fff 100%);
  position: relative;
  z-index: 10;
}
.feature .sec02 {
  background: url("./../img/bg_blue.svg");
  background-size: cover;
  margin-bottom: 9.5rem;
  margin-top: -21rem;
}
.feature .sec02__Inner {
  position: relative;
  width: 100%;
  margin: auto;
  height: 138.5rem;
}
.feature .sec02__Item {
  position: absolute;
}
.feature .sec02__Item.-item01 {
  width: 29.8rem;
  top: 16rem;
  left: 4.9rem;
}
.feature .sec02__Item.-item02 {
  width: 24.8rem;
  top: 21.8rem;
  left: 39.6rem;
}
.feature .sec02__Item.-item03 {
  width: 24.4rem;
  top: 65.8rem;
  left: 25.6rem;
}
.feature .sec02__Slide {
  position: absolute;
  width: 100%;
  top: 57.6rem;
  left: 0;
}
.feature .sec02__Slide .swiper-wrapper {
  transition-timing-function: linear;
}
.feature .sec02__Slide .swiper-slide {
  width: 109.8rem;
  padding-right: 0.6rem;
  height: auto;
}
.feature .sec02__Slide .swiper-slide img {
  width: 100%;
  height: auto;
}
.feature .sec02__Ttl {
  position: absolute;
  width: 61.9rem;
  top: 102.4rem;
  left: 6.6rem;
}
.feature .sec02__Btn {
  position: absolute;
  width: 10.5rem;
  top: 109.2rem;
  left: 32.2rem;
}
.feature .AllitemBtn {
  display: block;
  width: 27rem;
  margin: 0 auto 10rem;
  position: relative;
  z-index: 10;
}
.feature .lasttxt {
  width: 54.3rem;
  margin: 0 auto 4.5rem;
}
.feature .lastchara {
  display: block;
  width: 26.7rem;
  margin: 0 auto 9.2rem;
}
.feature .copy {
  width: 28.9rem;
  margin: 0 auto 9rem;
  transform: translateX(-0.6rem);
}