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(1553 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .section__Sec01-Inner {
    height: 1553px;
  }
}
.section__Sec01-Catch {
  position: absolute;
  width: calc(535 * (100vw / 750));
  top: calc(201 * (100vw / 750));
  left: calc(109 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .section__Sec01-Catch {
    width: 535px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec01-Catch {
    top: 201px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec01-Catch {
    left: 109px;
  }
}
.section__Sec01-Illust01 {
  position: absolute;
  width: calc(136 * (100vw / 750));
  top: calc(48.5 * (100vw / 750));
  left: calc(52 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .section__Sec01-Illust01 {
    width: 136px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec01-Illust01 {
    top: 48.5px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec01-Illust01 {
    left: 52px;
  }
}
.section__Sec01-Illust02 {
  position: absolute;
  width: calc(207 * (100vw / 750));
  top: calc(361 * (100vw / 750));
  left: calc(493 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .section__Sec01-Illust02 {
    width: 207px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec01-Illust02 {
    top: 361px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec01-Illust02 {
    left: 493px;
  }
}
.section__Sec01-Thum {
  position: absolute;
  top: calc(632 * (100vw / 750));
  left: calc(145 * (100vw / 750));
  width: calc(460 * (100vw / 750));
  border-radius: calc(40 * (100vw / 750));
  margin: auto;
  overflow: hidden;
  border: 2px solid #cc2a31;
  box-sizing: border-box;
  background: #fff;
}
@media screen and (min-width: 751px) {
  .section__Sec01-Thum {
    top: 632px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec01-Thum {
    left: 145px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec01-Thum {
    width: 460px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec01-Thum {
    border-radius: 40px;
  }
}
@media screen and (max-width: 375px) {
  .section__Sec01-Thum {
    border: 0.2666666667vw solid #cc2a31;
  }
}
.section__Sec01-Dot {
  position: absolute;
  left: calc(146 * (100vw / 750));
  width: calc(458 * (100vw / 750));
  top: calc(1204 * (100vw / 750));
  text-align: center;
}
@media screen and (min-width: 751px) {
  .section__Sec01-Dot {
    left: 146px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec01-Dot {
    width: 458px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec01-Dot {
    top: 1204px;
  }
}
@media screen and (max-width: 375px) {
  .section__Sec01-Dot {
    top: 159.4666666667vw;
  }
}
.section__Sec01-Dot .swiper-pagination-bullet {
  width: calc(9.6 * (100vw / 750));
  height: calc(9.6 * (100vw / 750));
  margin: 0 12px !important;
  margin-top: 0;
  margin-bottom: 0;
  background: #cc2a31;
}
@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.6vw !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(585 * (100vw / 750));
  top: calc(1251 * (100vw / 750));
  left: calc(83 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .section__Sec01-Ttl {
    width: 585px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec01-Ttl {
    top: 1251px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec01-Ttl {
    left: 83px;
  }
}
.section__Sec01-Txt {
  position: absolute;
  width: calc(171 * (100vw / 750));
  top: calc(1291 * (100vw / 750));
  left: calc(293 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .section__Sec01-Txt {
    width: 171px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec01-Txt {
    top: 1291px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec01-Txt {
    left: 293px;
  }
}
@media screen and (max-width: 375px) {
  .section__Sec01-Txt {
    width: 22.1333333333vw;
    left: 38.8vw;
  }
}
.section__Sec01-Buy {
  position: absolute;
  width: calc(76.2 * (100vw / 750));
  top: calc(1351 * (100vw / 750));
  left: calc(338 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .section__Sec01-Buy {
    width: 76.2px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec01-Buy {
    top: 1351px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec01-Buy {
    left: 338px;
  }
}
.section__Sec02 {
  margin: 0;
}
.section__Sec02-Inner {
  position: relative;
  margin: auto;
  width: 100%;
  height: calc(896 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .section__Sec02-Inner {
    height: 896px;
  }
}
.section__Sec02-Thum {
  position: absolute;
  top: calc(0 * (100vw / 750));
  left: calc(145 * (100vw / 750));
  width: calc(460 * (100vw / 750));
  border-radius: calc(40 * (100vw / 750));
  margin: auto;
  overflow: hidden;
  border: 2px solid #9b6834;
  box-sizing: border-box;
  background: #fff;
}
@media screen and (min-width: 751px) {
  .section__Sec02-Thum {
    top: 0px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec02-Thum {
    left: 145px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec02-Thum {
    width: 460px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec02-Thum {
    border-radius: 40px;
  }
}
@media screen and (max-width: 375px) {
  .section__Sec02-Thum {
    border: 0.2666666667vw solid #9b6834;
  }
}
.section__Sec02-Dot {
  position: absolute;
  left: calc(147 * (100vw / 750));
  width: calc(458 * (100vw / 750));
  top: calc(573 * (100vw / 750));
  text-align: center;
}
@media screen and (min-width: 751px) {
  .section__Sec02-Dot {
    left: 147px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec02-Dot {
    width: 458px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec02-Dot {
    top: 573px;
  }
}
@media screen and (max-width: 375px) {
  .section__Sec02-Dot {
    top: 75.3333333333vw;
  }
}
.section__Sec02-Dot .swiper-pagination-bullet {
  width: calc(9.6 * (100vw / 750));
  height: calc(9.6 * (100vw / 750));
  margin: 0 12px !important;
  margin-top: 0;
  margin-bottom: 0;
  background: #9b6834;
}
@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.6vw !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(647.8 * (100vw / 750));
  top: calc(620 * (100vw / 750));
  left: calc(52.5 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .section__Sec02-Ttl {
    width: 647.8px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec02-Ttl {
    top: 620px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec02-Ttl {
    left: 52.5px;
  }
}
.section__Sec02-Txt {
  position: absolute;
  width: calc(142 * (100vw / 750));
  top: calc(660 * (100vw / 750));
  left: calc(309 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .section__Sec02-Txt {
    width: 142px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec02-Txt {
    top: 660px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec02-Txt {
    left: 309px;
  }
}
.section__Sec02-Buy {
  position: absolute;
  width: calc(76.2 * (100vw / 750));
  top: calc(719 * (100vw / 750));
  left: calc(338 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .section__Sec02-Buy {
    width: 76.2px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec02-Buy {
    top: 719px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec02-Buy {
    left: 338px;
  }
}
.section__Sec04 {
  margin: 0;
}
.section__Sec04-Inner {
  position: relative;
  margin: auto;
  width: 100%;
  height: calc(454 * (100vw / 750));
}
@media screen and (min-width: 751px) {
  .section__Sec04-Inner {
    height: 454px;
  }
}
@media screen and (max-width: 375px) {
  .section__Sec04-Inner {
    height: 58.6666666667vw;
  }
}
.section__Sec04-Btn {
  position: absolute;
  width: calc(186.8 * (100vw / 750));
  top: calc(70 * (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: 70px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec04-Btn {
    left: 281px;
  }
}
.section__Sec04-Illust {
  position: absolute;
  width: calc(133.3 * (100vw / 750));
  top: calc(224 * (100vw / 750));
  left: calc(310 * (100vw / 750));
  pointer-events: none;
}
@media screen and (min-width: 751px) {
  .section__Sec04-Illust {
    width: 133.3px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec04-Illust {
    top: 224px;
  }
}
@media screen and (min-width: 751px) {
  .section__Sec04-Illust {
    left: 310px;
  }
}
.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;
  }
}