@media (min-width: 751px) {
  .sp-show {
    display: none !important;
  }
}
@media (max-width: 750px) {
  .pc-show {
    display: none !important;
  }
}
.wrap {
  background-position: top;
  background-size: 100% auto;
  max-width: 750px;
  margin: 0 auto;
}
.wrap .buy_btn {
  max-width: 750px;
  position: fixed;
  bottom: 0;
  z-index: 4;
}

.kv {
  position: relative;
  z-index: 1;
}

section {
  background-repeat: no-repeat;
}

.sec01 {
  position: relative;
  background-image: url(../img/sec01_bg.png);
  background-position: top;
  background-size: 100% auto;
  margin-top: -8%;
  z-index: 2;
}

.sec02 {
  position: relative;
  background-image: url(../img/sec02_bg.png);
  background-position: top;
  background-size: 100% auto;
  margin-top: -25.3%;
  z-index: 1;
}
.sec02 .img13 {
  margin-top: -8.7%;
}

.sec03 {
  position: relative;
  background-image: url(../img/sec03_bg.png);
  background-position: top;
  background-size: 100% auto;
  z-index: 2;
}

.sec04 {
  position: relative;
  background-image: url(../img/sec04_bg.png);
  background-position: top;
  background-size: 100% auto;
  z-index: 3;
}
.sec04 .img23 {
  margin-top: -8%;
}

.sec05 {
  position: relative;
  background-image: url(../img/sec05_bg.png);
  background-position: top;
  background-size: 100% auto;
  z-index: 2;
}

.sec06 {
  position: relative;
  z-index: 2;
}
.sec06 .movie_bg .movie_gif {
  position: relative;
  width: 92%;
  margin: 0% auto 15%;
}
.sec06 .movie_bg .movie_bgimg {
  position: absolute;
  margin-top: -114%;
}
.sec06 .img35 {
  margin-top: -3.2%;
}

.sec09 {
  position: relative;
  background-image: url(../img/sec09_bg.png);
  background-position: top;
  background-size: 100% auto;
  z-index: 2;
}

.sec10 {
  position: relative;
  background-image: url(../img/sec10_bg.png);
  background-position: top;
  background-size: 100% auto;
  z-index: 2;
}

.sec11 {
  position: relative;
  background-image: url(../img/sec11_bg.png);
  background-position: top;
  background-size: 100% auto;
  z-index: 2;
}

.sec12 {
  position: relative;
  background-image: url(../img/sec12_bg.png);
  background-position: top;
  background-size: 100% auto;
  padding-top: 24%;
  margin-bottom: 13%;
  z-index: 2;
}
.sec12 ul.slick01 {
  padding-inline-start: 0px;
  margin-block-start: 0;
  margin-block-end: 0;
}
.sec12 .slick01 .pr_bg {
  position: relative;
  height: 105vw;
  max-height: 781px;
}
.sec12 .slick01 .pr_btn {
  position: absolute;
  top: 80.5%;
  width: 69vw;
  max-width: 512px;
}
.sec12 .slick01 .pr_btn img {
  margin: 0 auto;
}
.sec12 .slick-dots {
  bottom: max(-8vw, -63px);
}
.sec12 .slick-dots li {
  width: 1.5vw;
  max-width: 15px;
  height: 1.5vw;
  max-height: 15px;
  margin: 0 min(1.4vw, 19px);
  background: #cbd1d3;
  border-radius: 50%;
  cursor: pointer;
}
.sec12 .slick-dots li:hover,
.sec12 .slick-dots li.slick-active {
  background: #e94f6d;
}
.sec12 .slick-dots li button {
  display: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  padding: 0;
  border: none;
  background-color: transparent;
}

.sec13 {
  position: relative;
  background-image: url(../img/sec13_bg.png);
  background-position: bottom;
  background-size: 100% auto;
  z-index: 1;
}

.sec14 {
  position: relative;
  background-image: url(../img/sec14_bg.png);
  background-position: top;
  background-size: 100% auto;
  margin-top: -6%;
  z-index: 2;
}

.site_footer {
  background-color: #fef8eb;
  box-sizing: border-box;
}
@media (max-width: 750px) {
  .site_footer {
    padding: 2vw 0 27vw;
  }
}
@media (min-width: 751px) {
  .site_footer {
    padding: 40px 0 206px;
  }
}
.site_footer ul {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  list-style: none;
  padding-inline-start: 0px;
  margin-block-start: 0em;
  margin-block-end: 0em;
}
@media (max-width: 750px) {
  .site_footer ul {
    padding: 3vw 8vw 2vw;
  }
}
@media (min-width: 751px) {
  .site_footer ul {
    padding: 0px 60px 20px;
  }
}
.site_footer ul li {
  margin: 0 0 20px 0;
  padding: 0;
  width: 50%;
}
.site_footer ul li a {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: min(3vw, 20px);
  text-decoration: none;
  font-weight: 600;
  line-height: 1em;
  color: #3f3f3f;
}
.site_footer .copyright {
  font-family: "Montserrat", sans-serif;
  text-align: left;
  font-size: min(3vw, 20px);
  line-height: 1em;
  white-space: nowrap;
  color: #3f3f3f;
}
@media (max-width: 750px) {
  .site_footer .copyright {
    padding: 2vw 10vw;
  }
}
@media (min-width: 751px) {
  .site_footer .copyright {
    padding: 10px 84px;
  }
}/*# sourceMappingURL=style.css.map */