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;
  }
}
.section {
  max-width: 750px;
  margin: auto;
  overflow: hidden;
}
.section__Top {
  margin: auto;
  margin-bottom: calc(70 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .section__Top {
    margin-bottom: 70px;
  }
}
.section__Wrap {
  background: url("./../img/bg.png");
  background-size: 100%;
  margin: 0;
}
.section__Sec01 {
  margin: 0;
}
.section__Sec01-Inner {
  position: relative;
  margin: auto;
  width: 100%;
  height: calc(1506 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .section__Sec01-Inner {
    height: 1506px;
  }
}
.section__Sec01-Catch {
  position: absolute;
  width: calc(646.4 * (100vw / 750));
  top: calc(86 * (100vw / 750));
  left: calc(51 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .section__Sec01-Catch {
    width: 646.4px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec01-Catch {
    top: 86px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec01-Catch {
    left: 51px;
  }
}
.section__Sec01-Illust {
  position: absolute;
  width: calc(156.1 * (100vw / 750));
  top: calc(251 * (100vw / 750));
  left: calc(297 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .section__Sec01-Illust {
    width: 156.1px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec01-Illust {
    top: 251px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec01-Illust {
    left: 297px;
  }
}
.section__Sec01-Thum {
  position: absolute;
  top: calc(572 * (100vw / 750));
  left: calc(137 * (100vw / 750));
  width: calc(474 * (100vw / 750));
  margin: auto;
}
@media screen and (min-width: 751px) {
  .section__Sec01-Thum {
    top: 572px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec01-Thum {
    left: 137px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec01-Thum {
    width: 474px;
  }
}
.section__Sec01-Thum:before {
  content: "";
  position: absolute;
  top: calc(-9 * (100vw / 750));
  left: calc(-10 * (100vw / 750));
  width: calc(494 * (100vw / 750));
  height: calc(582 * (100vw / 750));
  background: url("./../img/bg_slide.svg");
  background-size: cover;
}
@media screen and (min-width: 751px) {
  .section__Sec01-Thum:before {
    top: -9px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec01-Thum:before {
    left: -10px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec01-Thum:before {
    width: 494px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec01-Thum:before {
    height: 582px;
  }
}
.section__Sec01-Thum-Inner {
  border-radius: 50%;
  overflow: hidden;
}
.section__Sec01-Dot {
  position: absolute;
  left: calc(129 * (100vw / 750));
  width: calc(492.5 * (100vw / 750));
  top: calc(1157 * (100vw / 750));
  text-align: center;
}
@media screen and (min-width: 751px) {
  .section__Sec01-Dot {
    left: 129px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec01-Dot {
    width: 492.5px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec01-Dot {
    top: 1157px;
  }
}
@media screen and (max-width: 375px) {
  .section__Sec01-Dot {
    top: 153.0666666667vw;
  }
}
.section__Sec01-Dot .swiper-pagination-bullet {
  width: calc(9.6 * (100vw / 750));
  height: calc(9.6 * (100vw / 750));
  margin: 0 11px !important;
  margin-top: 0;
  margin-bottom: 0;
  background: #9f6034;
}
@media screen and (min-width: 751px) {
  .section__Sec01-Dot .swiper-pagination-bullet {
    width: 9.6px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec01-Dot .swiper-pagination-bullet {
    height: 9.6px;
  }
}
@media screen and (max-width: 375px) {
  .section__Sec01-Dot .swiper-pagination-bullet {
    margin: 0 1.4666666667vw !important;
  }
}
.section__Sec01-Dot .swiper-pagination-bullet:first-of-type {
  margin-left: 0 !important;
}
.section__Sec01-Dot .swiper-pagination-bullet:last-of-type {
  margin-right: 0 !important;
}
.section__Sec01-Dot .swiper-pagination-bullet-active {
  opacity: 1;
}
.section__Sec01-Ttl {
  position: absolute;
  width: calc(627.8 * (100vw / 750));
  top: calc(1201 * (100vw / 750));
  left: calc(60 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .section__Sec01-Ttl {
    width: 627.8px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec01-Ttl {
    top: 1201px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec01-Ttl {
    left: 60px;
  }
}
.section__Sec01-Txt {
  position: absolute;
  width: calc(186.1 * (100vw / 750));
  top: calc(1243 * (100vw / 750));
  left: calc(282 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .section__Sec01-Txt {
    width: 186.1px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec01-Txt {
    top: 1243px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec01-Txt {
    left: 282px;
  }
}
.section__Sec01-Buy {
  position: absolute;
  width: calc(81.3 * (100vw / 750));
  top: calc(1300 * (100vw / 750));
  left: calc(334 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .section__Sec01-Buy {
    width: 81.3px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec01-Buy {
    top: 1300px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec01-Buy {
    left: 334px;
  }
}
.section__Sec02 {
  margin: 0;
}
.section__Sec02-Inner {
  position: relative;
  margin: auto;
  width: 100%;
  height: calc(940 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .section__Sec02-Inner {
    height: 940px;
  }
}
.section__Sec02-Thum {
  position: absolute;
  top: calc(8 * (100vw / 750));
  left: calc(137 * (100vw / 750));
  width: calc(474 * (100vw / 750));
  margin: auto;
}
@media screen and (min-width: 751px) {
  .section__Sec02-Thum {
    top: 8px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec02-Thum {
    left: 137px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec02-Thum {
    width: 474px;
  }
}
.section__Sec02-Thum:before {
  content: "";
  position: absolute;
  top: calc(-9 * (100vw / 750));
  left: calc(-10 * (100vw / 750));
  width: calc(494 * (100vw / 750));
  height: calc(582 * (100vw / 750));
  background: url("./../img/bg_slide.svg");
  background-size: cover;
}
@media screen and (min-width: 751px) {
  .section__Sec02-Thum:before {
    top: -9px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec02-Thum:before {
    left: -10px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec02-Thum:before {
    width: 494px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec02-Thum:before {
    height: 582px;
  }
}
.section__Sec02-Thum-Inner {
  border-radius: 50%;
  overflow: hidden;
}
.section__Sec02-Dot {
  position: absolute;
  left: calc(129 * (100vw / 750));
  width: calc(492.5 * (100vw / 750));
  top: calc(595 * (100vw / 750));
  text-align: center;
}
@media screen and (min-width: 751px) {
  .section__Sec02-Dot {
    left: 129px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec02-Dot {
    width: 492.5px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec02-Dot {
    top: 595px;
  }
}
@media screen and (max-width: 375px) {
  .section__Sec02-Dot {
    top: 78.1333333333vw;
  }
}
.section__Sec02-Dot .swiper-pagination-bullet {
  width: calc(9.6 * (100vw / 750));
  height: calc(9.6 * (100vw / 750));
  margin: 0 11px !important;
  margin-top: 0;
  margin-bottom: 0;
  background: #9f6034;
}
@media screen and (min-width: 751px) {
  .section__Sec02-Dot .swiper-pagination-bullet {
    width: 9.6px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec02-Dot .swiper-pagination-bullet {
    height: 9.6px;
  }
}
@media screen and (max-width: 375px) {
  .section__Sec02-Dot .swiper-pagination-bullet {
    margin: 0 1.4666666667vw !important;
  }
}
.section__Sec02-Dot .swiper-pagination-bullet:first-of-type {
  margin-left: 0 !important;
}
.section__Sec02-Dot .swiper-pagination-bullet:last-of-type {
  margin-right: 0 !important;
}
.section__Sec02-Dot .swiper-pagination-bullet-active {
  opacity: 1;
}
.section__Sec02-Ttl {
  position: absolute;
  width: calc(367 * (100vw / 750));
  top: calc(638 * (100vw / 750));
  left: calc(191 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .section__Sec02-Ttl {
    width: 367px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec02-Ttl {
    top: 638px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec02-Ttl {
    left: 191px;
  }
}
.section__Sec02-Txt {
  position: absolute;
  width: calc(186.1 * (100vw / 750));
  top: calc(681 * (100vw / 750));
  left: calc(308 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .section__Sec02-Txt {
    width: 186.1px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec02-Txt {
    top: 681px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec02-Txt {
    left: 308px;
  }
}
.section__Sec02-Buy {
  position: absolute;
  width: calc(81.3 * (100vw / 750));
  top: calc(736 * (100vw / 750));
  left: calc(334 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .section__Sec02-Buy {
    width: 81.3px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec02-Buy {
    top: 736px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec02-Buy {
    left: 334px;
  }
}
.section__Sec03 {
  margin: 0;
}
.section__Sec03-Inner {
  position: relative;
  margin: auto;
  width: 100%;
  height: calc(837 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .section__Sec03-Inner {
    height: 837px;
  }
}
.section__Sec03-Thum {
  position: absolute;
  top: calc(2 * (100vw / 750));
  left: calc(142 * (100vw / 750));
  width: calc(462 * (100vw / 750));
  margin: auto;
}
@media screen and (min-width: 751px) {
  .section__Sec03-Thum {
    top: 2px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec03-Thum {
    left: 142px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec03-Thum {
    width: 462px;
  }
}
.section__Sec03-Thum:before {
  content: "";
  position: absolute;
  top: calc(-12 * (100vw / 750));
  left: calc(-12 * (100vw / 750));
  width: calc(486 * (100vw / 750));
  height: calc(486 * (100vw / 750));
  background: url("./../img/bg_slide02.svg");
  background-size: cover;
  pointer-events: none;
}
@media screen and (min-width: 751px) {
  .section__Sec03-Thum:before {
    top: -12px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec03-Thum:before {
    left: -12px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec03-Thum:before {
    width: 486px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec03-Thum:before {
    height: 486px;
  }
}
.section__Sec03-Thum-Inner {
  border-radius: 50%;
  overflow: hidden;
}
.section__Sec03-Dot {
  position: absolute;
  left: calc(129 * (100vw / 750));
  width: calc(492.5 * (100vw / 750));
  top: calc(497 * (100vw / 750));
  text-align: center;
}
@media screen and (min-width: 751px) {
  .section__Sec03-Dot {
    left: 129px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec03-Dot {
    width: 492.5px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec03-Dot {
    top: 497px;
  }
}
@media screen and (max-width: 375px) {
  .section__Sec03-Dot {
    top: 64.8vw;
  }
}
.section__Sec03-Dot .swiper-pagination-bullet {
  width: calc(9.6 * (100vw / 750));
  height: calc(9.6 * (100vw / 750));
  margin: 0 11px !important;
  margin-top: 0;
  margin-bottom: 0;
  background: #9f6034;
}
@media screen and (min-width: 751px) {
  .section__Sec03-Dot .swiper-pagination-bullet {
    width: 9.6px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec03-Dot .swiper-pagination-bullet {
    height: 9.6px;
  }
}
@media screen and (max-width: 375px) {
  .section__Sec03-Dot .swiper-pagination-bullet {
    margin: 0 1.4666666667vw !important;
  }
}
.section__Sec03-Dot .swiper-pagination-bullet:first-of-type {
  margin-left: 0 !important;
}
.section__Sec03-Dot .swiper-pagination-bullet:last-of-type {
  margin-right: 0 !important;
}
.section__Sec03-Dot .swiper-pagination-bullet-active {
  opacity: 1;
}
.section__Sec03-Ttl {
  position: absolute;
  width: calc(446.2 * (100vw / 750));
  top: calc(538 * (100vw / 750));
  left: calc(152 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .section__Sec03-Ttl {
    width: 446.2px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec03-Ttl {
    top: 538px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec03-Ttl {
    left: 152px;
  }
}
.section__Sec03-Txt {
  position: absolute;
  width: calc(185.6 * (100vw / 750));
  top: calc(581 * (100vw / 750));
  left: calc(282 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .section__Sec03-Txt {
    width: 185.6px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec03-Txt {
    top: 581px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec03-Txt {
    left: 282px;
  }
}
.section__Sec03-Buy {
  position: absolute;
  width: calc(81.3 * (100vw / 750));
  top: calc(637 * (100vw / 750));
  left: calc(334 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .section__Sec03-Buy {
    width: 81.3px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec03-Buy {
    top: 637px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec03-Buy {
    left: 334px;
  }
}
.section__Sec04 {
  margin: 0;
}
.section__Sec04-Inner {
  position: relative;
  margin: auto;
  width: 100%;
  height: calc(389 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .section__Sec04-Inner {
    height: 389px;
  }
}
@media screen and (max-width: 375px) {
  .section__Sec04-Inner {
    height: 50.1333333333vw;
  }
}
.section__Sec04-Illust {
  position: absolute;
  width: calc(483 * (100vw / 750));
  top: calc(94 * (100vw / 750));
  left: calc(146 * (100vw / 750));
  pointer-events: none;
}
@media screen and (min-width: 751px) {
  .section__Sec04-Illust {
    width: 483px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec04-Illust {
    top: 94px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec04-Illust {
    left: 146px;
  }
}
.section__Sec04-Btn {
  position: absolute;
  width: calc(186.8 * (100vw / 750));
  top: calc(106 * (100vw / 750));
  left: calc(281 * (100vw / 750));
  cursor: pointer;
}
@media screen and (min-width: 751px) {
  .section__Sec04-Btn {
    width: 186.8px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec04-Btn {
    top: 106px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec04-Btn {
    left: 281px;
  }
}
.section__Copy {
  margin: auto;
  margin-bottom: calc(64 * (100vw / 750));
  display: block;
  width: calc(260 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .section__Copy {
    margin-bottom: 64px;
  }
}
@media screen and (min-width: 751px) {
  .section__Copy {
    width: 260px;
  }
}