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 {
  margin: auto;
  overflow: clip;
  position: relative;
}
.feature section {
  margin: 0;
}
.feature p {
  margin: 0;
}
.feature .Top {
  max-width: 75rem;
  width: 100%;
  margin: auto;
  position: sticky;
  top: 0rem;
  transform: translateZ(0);
  will-change: transform;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
.feature .sec01 {
  position: sticky;
  top: -70rem;
  transform: translateZ(0);
  will-change: transform;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  margin-top: -24rem;
}
@media screen and (max-width: 750px) {
  .feature .sec01 {
    top: -30rem;
  }
}
.feature .sec01__Inner {
  max-width: 75rem;
  overflow: clip;
  position: relative;
  width: 100%;
  margin: auto;
  height: 155.3rem;
  background: linear-gradient(180deg, transparent 0%, transparent 50%, #e6002d 50%, #e6002d 100%);
}
@media screen and (max-width: 750px) {
  .feature .sec01__Inner {
    height: 160rem;
  }
}
.feature .sec01__Inner:before {
  position: absolute;
  top: 5.5rem;
  left: 0;
  width: 76.65rem;
  height: 141rem;
  content: "";
  background: url("./../img/bg01.png");
  background-size: 100%;
  background-repeat: no-repeat;
}
.feature .sec01__Ttl {
  position: absolute;
  width: 35.6rem;
  top: 19.1rem;
  left: 5.3rem;
}
.feature .sec01__Txt {
  position: absolute;
}
.feature .sec01__Txt.-txt01 {
  width: 61.2rem;
  top: 41.3rem;
  left: 5.1rem;
}
.feature .sec01__Txt.-txt02 {
  width: 44.2rem;
  top: 130rem;
  left: 15.5rem;
}
.feature .sec01__Thum {
  position: absolute;
  top: 74.4rem;
  left: 12.4rem;
  width: 50.3rem;
}
.feature .sec01__Thum .swiper {
  border-radius: 4.2rem;
  padding-top: 6.2rem;
  height: 50.3rem;
  background: #fff;
  width: 100%;
  overflow: hidden;
}
.feature .sec01__Thum .swiper-slide {
  width: 100%;
  text-align: center;
}
.feature .sec01__Thum .swiper-slide img {
  width: 29rem;
  transform: translateX(1rem);
}
.feature .sec01__Thum .swiper-pagination {
  margin-top: 1.5rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
}
.feature .sec01__Thum .swiper-pagination .swiper-pagination-bullet {
  width: 1.07rem;
  height: 1.07rem;
  background: #fff;
  opacity: 0.6;
}
.feature .sec01__Thum .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.feature .sec01__Buybtn {
  position: absolute;
  width: 6.95rem;
  top: 134.7rem;
  left: 34rem;
  z-index: 10;
}
.feature .bg {
  max-width: 75rem;
  margin: auto;
  background: url("./../img/bg02.png");
  background-size: 100%;
  background-repeat: no-repeat;
  position: sticky;
  top: -115rem;
  z-index: 10;
  transform: translateZ(0);
  will-change: transform;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
@media screen and (max-width: 750px) {
  .feature .bg {
    top: -90rem;
    margin-top: -10rem;
  }
}
.feature .sec02__Inner {
  max-width: 75rem;
  position: relative;
  width: 100%;
  margin: auto;
  height: 117rem;
}
.feature .sec02__Thum {
  position: absolute;
  top: 18rem;
  left: 14rem;
  width: 47.4rem;
}
.feature .sec02__Thum .swiper {
  border-radius: 4.2rem;
  padding-top: 6.2rem;
  height: 62.3rem;
  background: #fff;
  width: 100%;
  overflow: hidden;
}
.feature .sec02__Thum .swiper-slide {
  width: 100%;
  text-align: center;
}
.feature .sec02__Thum .swiper-slide img {
  width: 31.1rem;
}
.feature .sec02__Thum .swiper-pagination {
  margin-top: 0.9em;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.8rem;
  transform: translateX(-0.2rem);
}
.feature .sec02__Thum .swiper-pagination .swiper-pagination-bullet {
  width: 1.07rem;
  height: 1.07rem;
  background: #000;
  opacity: 0.6;
}
.feature .sec02__Thum .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.feature .sec02__Txt {
  position: absolute;
}
.feature .sec02__Txt.-txt01 {
  width: 45.5rem;
  top: 85.2rem;
  left: 14.8rem;
}
.feature .sec02__Buybtn {
  position: absolute;
  width: 6.95rem;
  top: 89.8rem;
  left: 34rem;
  z-index: 10;
}
.feature .sec03__Inner {
  max-width: 75rem;
  position: relative;
  width: 100%;
  margin: auto;
  height: 87.7rem;
}
.feature .sec03__Thum {
  position: absolute;
  top: 0;
  left: 14rem;
  width: 47.4rem;
}
.feature .sec03__Thum .swiper {
  background: #fff;
  border-radius: 4.2rem;
  padding-top: 6rem;
  width: 100%;
  height: 62.3rem;
  background: #fff;
  width: 100%;
  overflow: hidden;
}
.feature .sec03__Thum .swiper-slide {
  width: 100%;
  text-align: center;
}
.feature .sec03__Thum .swiper-slide img {
  width: 30rem;
  transform: translateX(-0.6rem);
}
.feature .sec03__Thum .swiper-pagination {
  margin-top: 1.1rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.8rem;
  transform: translateX(-0.2rem);
}
.feature .sec03__Thum .swiper-pagination .swiper-pagination-bullet {
  width: 1.07rem;
  height: 1.07rem;
  background: #000;
  opacity: 0.6;
}
.feature .sec03__Thum .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.feature .sec03__Txt {
  position: absolute;
}
.feature .sec03__Txt.-txt01 {
  width: 56.5rem;
  top: 67.3rem;
  left: 9.3rem;
}
.feature .sec03__Buybtn {
  position: absolute;
  width: 6.95rem;
  top: 72rem;
  left: 34rem;
  z-index: 10;
}
.feature .sec04 {
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 750px) {
  .feature .sec04 {
    margin-top: -5rem;
  }
}
.feature .sec04__Inner {
  max-width: 75rem;
  position: relative;
  width: 100%;
  margin: auto;
  height: 93.4rem;
}
.feature .sec04__Inner:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 93.4rem;
  content: "";
  background: url("./../img/bg03.png");
  background-size: 100%;
  background-repeat: no-repeat;
}
.feature .sec04__Thum {
  position: absolute;
  top: 16.8rem;
  left: 12.3rem;
  width: 50.3rem;
}
.feature .sec04__Thum .swiper {
  border-radius: 4.2rem;
  padding-top: 3.8rem;
  height: 50.3rem;
  background: #fff;
  width: 100%;
  overflow: hidden;
}
.feature .sec04__Thum .swiper-slide {
  width: 100%;
  text-align: center;
}
.feature .sec04__Thum .swiper-slide img {
  width: 23.4rem;
  transform: translateX(-0.2rem);
}
.feature .sec04__Thum .swiper-pagination {
  margin-top: 1.5rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
}
.feature .sec04__Thum .swiper-pagination .swiper-pagination-bullet {
  width: 1.07rem;
  height: 1.07rem;
  background: #fff;
  opacity: 0.6;
}
.feature .sec04__Thum .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.feature .sec04__Txt {
  position: absolute;
}
.feature .sec04__Txt.-txt01 {
  width: 52.1rem;
  top: 72.5rem;
  left: 11.5rem;
}
.feature .sec04__Buybtn {
  position: absolute;
  width: 6.95rem;
  top: 77.2rem;
  left: 34rem;
  z-index: 10;
}
.feature .sec05 {
  position: relative;
  z-index: 20;
}
.feature .sec05__Inner {
  overflow: clip;
  max-width: 75rem;
  position: relative;
  width: 100%;
  margin: auto;
  height: 55.2rem;
  background: #e6002d;
}
.feature .sec05__Inner:before {
  position: absolute;
  top: 0;
  left: -0.7rem;
  width: 76.5rem;
  height: 55.25rem;
  content: "";
  background: url(./../img/bg04.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.feature .sec05__Allitembtn {
  position: absolute;
  width: 25.9rem;
  top: 12.6rem;
  left: 24rem;
  z-index: 10;
}
.feature .sec05__Copy {
  position: absolute;
  width: 28.9rem;
  top: 42.6rem;
  left: 22.5rem;
}