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

@media screen and (max-width: 750px) {
  html {
    font-size: 1.3333333333vw;
  }
}
.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: hidden;
  position: relative;
}
.feature section {
  margin: 0;
}
.feature p {
  margin: 0;
}
.feature .Top {
  max-width: 75rem;
  width: 100%;
  margin: auto;
  margin-bottom: 9.3rem;
}
.feature .mvbottom__Inner {
  position: relative;
  max-width: 75rem;
  width: 100%;
  margin: auto;
  height: 63.3rem;
}
.feature .mvbottom__Inner:before {
  position: absolute;
  content: "";
  width: 75.4rem;
  height: 34.7rem;
  top: 28.5rem;
  left: 0;
  background: url("./../img/bg_01.png");
  background-size: cover;
}
.feature .mvbottom__Txt {
  position: absolute;
  width: 56.8rem;
  top: 0;
  left: 9.2rem;
}
.feature .mvbottom__Kitty {
  position: absolute;
  width: 23.84rem;
  top: 32.2rem;
  left: 25.6rem;
}
.feature .sec01__Inner {
  max-width: 75rem;
  position: relative;
  width: 100%;
  margin: auto;
  height: 78.2rem;
}
.feature .sec01__Thum {
  position: absolute;
  width: 51rem;
  height: 51rem;
  top: 4rem;
  left: 12rem;
  perspective: 1000px;
  transform-style: preserve-3d;
  transition: transform 1s ease-in-out;
}
.feature .sec01__Thum img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  backface-visibility: hidden;
}
.feature .sec01__Thum img:first-child {
  transform: rotateY(0deg);
}
.feature .sec01__Thum img:last-child {
  transform: rotateY(180deg);
}
.feature .sec01__Txt {
  position: absolute;
  width: 43.5rem;
  top: 59.1rem;
  left: 10.3rem;
}
.feature .sec01__Buybtn {
  position: absolute;
  width: 8.15rem;
  top: 54.7rem;
  left: 56.6rem;
  z-index: 10;
}
.feature .sec02__Inner {
  position: relative;
  width: 100%;
  max-width: 75rem;
  margin: auto;
  height: 113.7rem;
  overflow: hidden;
}
.feature .sec02__Kitty {
  position: absolute;
  width: 29.6rem;
  top: 0;
  left: 22.5rem;
}
.feature .sec02__Thum {
  position: absolute;
  width: 100%;
  top: 38.7rem;
  left: 0;
}
.feature .sec02__Thum .swiper-wrapper {
  transition-timing-function: linear;
}
.feature .sec02__Thum .swiper-wrapper .swiper-slide {
  padding: 0 1.5rem;
  width: 35.5rem;
}
.feature .sec02__Txt {
  position: absolute;
  width: 34.1rem;
  top: 81rem;
  left: 15rem;
}
.feature .sec02__Txtslide {
  position: absolute;
  width: 100%;
  top: 92.9rem;
  left: 0;
}
.feature .sec02__Txtslide .swiper-wrapper {
  transition-timing-function: linear;
}
.feature .sec02__Txtslide .swiper-wrapper .swiper-slide {
  width: 71.7rem;
  padding-right: 2rem;
}
.feature .sec02__Buybtn {
  position: absolute;
  width: 8.15rem;
  top: 76.7rem;
  left: 51.8rem;
  z-index: 10;
}
.feature .sec03__Inner {
  position: relative;
  width: 100%;
  max-width: 75rem;
  margin: auto;
  height: 136.8rem;
  overflow: hidden;
}
.feature .sec03__Inner:before {
  position: absolute;
  content: "";
  width: 76.4rem;
  height: 20rem;
  bottom: 0rem;
  left: -0.8rem;
  background: url("./../img/bg_02.png");
  background-size: cover;
}
.feature .sec03__Kitty {
  position: absolute;
  width: 29rem;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.feature .sec03__Thum {
  position: absolute;
  width: 100%;
  top: 33.8rem;
  left: 0;
}
.feature .sec03__Thum .swiper-wrapper {
  transition-timing-function: linear;
}
.feature .sec03__Thum .swiper-wrapper .swiper-slide {
  padding: 0 0.5rem;
  width: 57rem;
}
.feature .sec03__Txt {
  position: absolute;
  width: 39.5rem;
  top: 94.2rem;
  left: 11.6rem;
}
.feature .sec03__Buybtn {
  position: absolute;
  width: 8.15rem;
  top: 93.5rem;
  left: 53.6rem;
  z-index: 10;
}
.feature .sec04__Inner {
  position: relative;
  width: 100%;
  max-width: 75rem;
  margin: auto;
  height: 131.7rem;
  overflow: hidden;
}
.feature .sec04__Thum {
  position: absolute;
  width: 100%;
  top: 6.5rem;
  left: 0;
}
.feature .sec04__Thum .swiper-wrapper {
  transition-timing-function: linear;
}
.feature .sec04__Thum .swiper-wrapper .swiper-slide {
  padding: 0 2.75rem;
}
.feature .sec04__Thum .swiper-wrapper .swiper-slide.-slide01 {
  width: 51.1rem;
}
.feature .sec04__Thum .swiper-wrapper .swiper-slide.-slide02 {
  width: 51.8rem;
}
.feature .sec04__Thum .swiper-wrapper .swiper-slide .swiper-slide-Thum {
  width: auto;
  height: 40rem;
}
.feature .sec04__Thum .swiper-wrapper .swiper-slide .swiper-slide-Thum img {
  width: auto;
  height: 100%;
}
.feature .sec04__Txt {
  margin-top: 4.2rem;
}
.feature .sec04__Txt img {
  max-width: none;
  width: 100%;
}
.feature .sec04__Buybtn {
  margin: 0.8rem auto 0;
  display: block;
  width: 8.15rem;
  z-index: 10;
}
.feature .sec04__Kitty {
  position: absolute;
  width: 23.5rem;
  top: 78.1rem;
  left: 50%;
  transform: translateX(-50%);
}
.feature .sec04__Allitembtn {
  position: absolute;
  width: 23.58rem;
  top: 106.8rem;
  left: 25.5rem;
}
.feature .sec04__Copy {
  position: absolute;
  width: 26rem;
  top: 125.9rem;
  left: 24.4rem;
}