img {
  max-width: 100%;
}

@media (max-width: 1200px) {
  .fs-l-main {
    padding: 0 !important;
  }
}
.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;
}

@media (max-width: 1200px) {
  .fs-l-main {
    padding: 0 !important;
  }
}
.kitty {
  max-width: 750px;
  margin: auto;
  overflow: hidden;
}
.kitty__Top {
  margin: auto;
  margin-bottom: calc(70 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Top {
    margin-bottom: 70px;
  }
}
.kitty__Top-Inner {
  position: relative;
  margin: auto;
  width: 100%;
  height: calc(947 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Top-Inner {
    height: 947px;
  }
}
.kitty__Top-Ttl {
  position: absolute;
  width: calc(420 * (100vw / 750));
  top: calc(47 * (100vw / 750));
  left: calc(166 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Top-Ttl {
    width: 420px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Top-Ttl {
    top: 47px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Top-Ttl {
    left: 166px;
  }
}
.kitty__Top-Thum {
  position: absolute;
  width: calc(634 * (100vw / 750));
  top: calc(284 * (100vw / 750));
  left: calc(67 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Top-Thum {
    width: 634px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Top-Thum {
    top: 284px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Top-Thum {
    left: 67px;
  }
}
.kitty__Sec01 {
  margin: 0;
}
.kitty__Sec01-Inner {
  position: relative;
  margin: auto;
  width: 100%;
  height: calc(1248 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Inner {
    height: 1248px;
  }
}
.kitty__Sec01-Catch {
  position: absolute;
  width: calc(525 * (100vw / 750));
  top: calc(74 * (100vw / 750));
  left: calc(52 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Catch {
    width: 525px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Catch {
    top: 74px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Catch {
    left: 52px;
  }
}
.kitty__Sec01-Thum {
  position: absolute;
  top: calc(260 * (100vw / 750));
  left: calc(30 * (100vw / 750));
  width: calc(450 * (100vw / 750));
  margin: auto;
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Thum {
    top: 260px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Thum {
    left: 30px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Thum {
    width: 450px;
  }
}
.kitty__Sec01-Thum:before {
  content: "";
  position: absolute;
  top: calc(0 * (100vw / 750));
  left: calc(21 * (100vw / 750));
  width: calc(450 * (100vw / 750));
  height: calc(550 * (100vw / 750));
  background: url("./../img/bg_slide.svg");
  background-size: cover;
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Thum:before {
    top: 0px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Thum:before {
    left: 21px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Thum:before {
    width: 450px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Thum:before {
    height: 550px;
  }
}
.kitty__Sec01-Thum-Inner {
  padding-top: calc(28 * (100vw / 750));
  width: calc(358 * (100vw / 750));
  margin: auto;
  overflow: hidden;
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Thum-Inner {
    padding-top: 28px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Thum-Inner {
    width: 358px;
  }
}
.kitty__Sec01-Dot {
  position: absolute;
  left: calc(30 * (100vw / 750));
  width: calc(450 * (100vw / 750));
  top: calc(827 * (100vw / 750));
  text-align: center;
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Dot {
    left: 30px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Dot {
    width: 450px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Dot {
    top: 827px;
  }
}
@media screen and (max-width: 375px) {
  .kitty__Sec01-Dot {
    top: 109.2vw;
  }
}
.kitty__Sec01-Dot .swiper-pagination-bullet {
  width: calc(9.6 * (100vw / 750));
  height: calc(9.6 * (100vw / 750));
  margin: 0 6px !important;
  margin-top: 0;
  margin-bottom: 0;
  background: #e60012;
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Dot .swiper-pagination-bullet {
    width: 9.6px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Dot .swiper-pagination-bullet {
    height: 9.6px;
  }
}
@media screen and (max-width: 375px) {
  .kitty__Sec01-Dot .swiper-pagination-bullet {
    margin: 0 0.8vw !important;
  }
}
.kitty__Sec01-Dot .swiper-pagination-bullet:first-child {
  margin-left: 0;
}
.kitty__Sec01-Dot .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.kitty__Sec01-Dot .swiper-pagination-bullet-active {
  opacity: 1;
}
.kitty__Sec01-Kitty {
  position: absolute;
  width: calc(111 * (100vw / 750));
  top: calc(218 * (100vw / 750));
  left: calc(577 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Kitty {
    width: 111px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Kitty {
    top: 218px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Kitty {
    left: 577px;
  }
}
.kitty__Sec01-Ttl {
  position: absolute;
  width: calc(353 * (100vw / 750));
  top: calc(894 * (100vw / 750));
  left: calc(81 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Ttl {
    width: 353px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Ttl {
    top: 894px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Ttl {
    left: 81px;
  }
}
.kitty__Sec01-Txt {
  position: absolute;
  width: calc(222 * (100vw / 750));
  top: calc(998 * (100vw / 750));
  left: calc(79 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Txt {
    width: 222px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Txt {
    top: 998px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Txt {
    left: 79px;
  }
}
.kitty__Sec01-Buy {
  position: absolute;
  width: calc(143 * (100vw / 750));
  top: calc(1077 * (100vw / 750));
  left: calc(79 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Buy {
    width: 143px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Buy {
    top: 1077px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec01-Buy {
    left: 79px;
  }
}
.kitty__Sec02 {
  margin: 0;
}
.kitty__Sec02-Inner {
  position: relative;
  margin: auto;
  width: 100%;
  height: calc(997 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Inner {
    height: 997px;
  }
}
.kitty__Sec02-Catch {
  position: absolute;
  width: calc(525 * (100vw / 750));
  top: calc(74 * (100vw / 750));
  left: calc(44 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Catch {
    width: 525px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Catch {
    top: 74px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Catch {
    left: 44px;
  }
}
.kitty__Sec02-Thum {
  position: absolute;
  top: calc(0 * (100vw / 750));
  left: calc(274 * (100vw / 750));
  width: calc(450 * (100vw / 750));
  margin: auto;
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Thum {
    top: 0px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Thum {
    left: 274px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Thum {
    width: 450px;
  }
}
.kitty__Sec02-Thum:before {
  content: "";
  position: absolute;
  top: calc(0 * (100vw / 750));
  left: calc(-28 * (100vw / 750));
  width: calc(450 * (100vw / 750));
  height: calc(550 * (100vw / 750));
  background: url("./../img/bg_slide.svg");
  background-size: cover;
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Thum:before {
    top: 0px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Thum:before {
    left: -28px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Thum:before {
    width: 450px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Thum:before {
    height: 550px;
  }
}
.kitty__Sec02-Thum-Inner {
  padding-top: calc(20 * (100vw / 750));
  width: calc(390 * (100vw / 750));
  margin: auto;
  overflow: hidden;
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Thum-Inner {
    padding-top: 20px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Thum-Inner {
    width: 390px;
  }
}
.kitty__Sec02-Dot {
  position: absolute;
  left: calc(274 * (100vw / 750));
  width: calc(450 * (100vw / 750));
  top: calc(562 * (100vw / 750));
  text-align: center;
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Dot {
    left: 274px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Dot {
    width: 450px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Dot {
    top: 562px;
  }
}
@media screen and (max-width: 375px) {
  .kitty__Sec02-Dot {
    top: 73.3333333333vw;
  }
}
.kitty__Sec02-Dot .swiper-pagination-bullet {
  width: calc(9.6 * (100vw / 750));
  height: calc(9.6 * (100vw / 750));
  margin: calc(6 * (100vw / 750));
  margin: 0 6px !important;
  margin-top: 0;
  margin-bottom: 0;
  background: #e60012;
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Dot .swiper-pagination-bullet {
    width: 9.6px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Dot .swiper-pagination-bullet {
    height: 9.6px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Dot .swiper-pagination-bullet {
    margin: 6px;
  }
}
@media screen and (max-width: 375px) {
  .kitty__Sec02-Dot .swiper-pagination-bullet {
    margin: 0 0.8vw !important;
  }
}
.kitty__Sec02-Dot .swiper-pagination-bullet:first-child {
  margin-left: 0;
}
.kitty__Sec02-Dot .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.kitty__Sec02-Dot .swiper-pagination-bullet-active {
  opacity: 1;
}
.kitty__Sec02-Kitty {
  position: absolute;
  width: calc(111 * (100vw / 750));
  top: calc(0 * (100vw / 750));
  left: calc(61 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Kitty {
    width: 111px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Kitty {
    top: 0px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Kitty {
    left: 61px;
  }
}
.kitty__Sec02-Ttl {
  position: absolute;
  width: calc(353 * (100vw / 750));
  top: calc(628 * (100vw / 750));
  left: calc(321 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Ttl {
    width: 353px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Ttl {
    top: 628px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Ttl {
    left: 321px;
  }
}
.kitty__Sec02-Txt {
  position: absolute;
  width: calc(244 * (100vw / 750));
  top: calc(777 * (100vw / 750));
  left: calc(320 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Txt {
    width: 244px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Txt {
    top: 777px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Txt {
    left: 320px;
  }
}
.kitty__Sec02-Buy {
  position: absolute;
  width: calc(143 * (100vw / 750));
  top: calc(854 * (100vw / 750));
  left: calc(320 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Buy {
    width: 143px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Buy {
    top: 854px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec02-Buy {
    left: 320px;
  }
}
.kitty__Sec03 {
  margin: 0;
}
.kitty__Sec03-Inner {
  position: relative;
  margin: auto;
  width: 100%;
  height: calc(534 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Inner {
    height: 534px;
  }
}
@media screen and (max-width: 375px) {
  .kitty__Sec03-Inner {
    height: 69.4666666667vw;
  }
}
.kitty__Sec03-Thum01 {
  position: absolute;
  width: calc(440 * (100vw / 750));
  top: calc(0 * (100vw / 750));
  left: calc(153 * (100vw / 750));
  z-index: 10;
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Thum01 {
    width: 440px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Thum01 {
    top: 0px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Thum01 {
    left: 153px;
  }
}
.kitty__Sec03-Thum02 {
  position: absolute;
  width: calc(306 * (100vw / 750));
  top: calc(187 * (100vw / 750));
  left: calc(226 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Thum02 {
    width: 306px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Thum02 {
    top: 187px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Sec03-Thum02 {
    left: 226px;
  }
}
.kitty__Copy {
  margin: auto;
  margin-bottom: calc(64 * (100vw / 750));
  display: block;
  width: calc(260 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .kitty__Copy {
    margin-bottom: 64px;
  }
}
@media screen and (min-width: 751px) {
  .kitty__Copy {
    width: 260px;
  }
}