@charset "UTF-8";
body {
  overflow-x: hidden;
  padding: 0;
  margin: 0;
}

.lp_wrap {
  max-width: 2000px;
  margin: 0 auto;
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo", "verdana", sans-serif;
  font-weight: 400;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
@media screen and (max-width: 750px) {
  .lp_wrap {
    width: 100vw;
  }
}
.lp_wrap * {
  color: #3e3a39;
  line-height: 1;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.lp_wrap a {
  color: #3e3a39;
  text-decoration: none;
  vertical-align: baseline;
}
.lp_wrap a:hover {
  opacity: 0.8;
}
.lp_wrap img {
  width: 100%;
  vertical-align: bottom;
}
.lp_wrap ul li {
  list-style: none;
}
.lp_wrap table {
  border-spacing: 0;
}

/* =========================================================
  resetここまで
========================================================= */
.lp_wrap {
  position: relative;
}
@media screen and (max-width: 750px) {
  .lp_wrap {
    width: 100vw;
  }
}

.inner {
  width: 750px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .inner {
    width: 100vw;
  }
}

.fv_area {
  background: url("../images/fv_bg.jpg") top center no-repeat;
  background-size: 2000px 1316px;
  height: 1316px;
  position: relative;
}
@media screen and (max-width: 750px) {
  .fv_area {
    background-size: 266.67vw 175.47vw;
    height: 175.47vw;
  }
}
.fv_area .fv_logo {
  width: 200px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .fv_area .fv_logo {
    width: 26.67vw;
  }
}
.fv_area .fv_btn {
  display: block;
  width: 580px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .fv_area .fv_btn {
    width: 77.33vw;
  }
}

.merit_area {
  background: url("../images/merit_bg.png") top center no-repeat;
  background-size: 2000px 913px;
  height: 913px;
  margin-top: -203px;
  position: relative;
}
@media screen and (max-width: 750px) {
  .merit_area {
    background-size: 266.67vw 121.73vw;
    height: 121.73vw;
    margin-top: -27.07vw;
  }
}

.campaign_area {
  background: url("../images/campaign_bg.png") top center no-repeat;
  background-size: 2000px 3006px;
  height: 3006px;
  margin-top: -134px;
  position: relative;
}
@media screen and (max-width: 750px) {
  .campaign_area {
    background-size: 266.67vw 400.79vw;
    height: 400.79vw;
    margin-top: -17.87vw;
  }
}
.campaign_area .campaign_shop_list {
  width: 652px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 750px) {
  .campaign_area .campaign_shop_list {
    width: 86.93vw;
  }
}
.campaign_area .campaign_shop_list li a {
  display: block;
  width: 326px;
}
@media screen and (max-width: 750px) {
  .campaign_area .campaign_shop_list li a {
    width: 43.33vw;
  }
}

.paypay_area {
  background: url("../images/paypay_bg_01.jpg") top center no-repeat, url("../images/paypay_bg_02.jpg") bottom center no-repeat, #fff;
  background-size: 2000px 348px,2000px 348px,100%;
  padding-bottom: 118px;
  position: relative;
}
@media screen and (max-width: 750px) {
  .paypay_area {
    background-size: 266.67vw 46.4vw, 266.67vw 46.4vw, 100%;
    padding-bottom: 15.73vw;
  }
}
.paypay_area .paypay_list li {
  margin-bottom: 60px;
}
@media screen and (max-width: 750px) {
  .paypay_area .paypay_list li {
    margin-bottom: 8vw;
  }
}
.paypay_area .paypay_list li:last-of-type {
  margin-bottom: 0;
}

.line_area {
  background: url("../images/line_bg.jpg") top center no-repeat;
  background-size: 2000px 2263px;
  height: 2263px;
  position: relative;
}
@media screen and (max-width: 750px) {
  .line_area {
    background-size: 266.67vw 301.73vw;
    height: 301.73vw;
  }
}

.note_area {
  background: url("../images/note_bg.jpg") top center no-repeat;
  background-size: 2000px 2007px;
  height: 2007px;
  position: relative;
}
@media screen and (max-width: 750px) {
  .note_area {
    background-size: 266.67vw 267.6vw;
    height: 267.6vw;
  }
}
.note_area .note_02_area {
  position: relative;
}
.note_area .note_02_area .note_02_link {
  display: block;
  position: absolute;
  top: 120px;
  left: 492px;
  width: 84px;
}
@media screen and (max-width: 750px) {
  .note_area .note_02_area .note_02_link {
    top: 16vw;
    left: 65.6vw;
    width: 11.2vw;
  }
}

.footer {
  padding-top: 61px;
  padding-bottom: 210px;
}
@media screen and (max-width: 750px) {
  .footer {
    padding-top: 8.13vw;
    padding-bottom: 28vw;
  }
}
.footer .footer_link {
  display: flex;
  justify-content: center;
}
.footer .footer_link li:last-of-type a::after {
  display: none;
}
.footer .footer_link li a {
  display: inline-block;
  padding: 0 22px;
  font-size: 26px;
  line-height: 32px;
  letter-spacing: 0.08em;
  position: relative;
}
@media screen and (max-width: 750px) {
  .footer .footer_link li a {
    padding: 0 2.93vw;
    font-size: 3.47vw;
    line-height: 4.27vw;
  }
}
.footer .footer_link li a::after {
  content: "";
  display: block;
  width: 1px;
  height: 32px;
  background: #3e3a39;
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  right: 0;
}
@media screen and (max-width: 750px) {
  .footer .footer_link li a::after {
    width: 0.13vw;
    height: 4.27vw;
  }
}
.footer .copy {
  margin-top: 42px;
  text-align: center;
  font-size: 20px;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 750px) {
  .footer .copy {
    margin-top: 5.6vw;
    font-size: 2.67vw;
  }
}

.fix_area {
  display: flex;
  justify-content: center;
  gap: 15px;
  width: 100%;
  padding: 30px 0;
  background: rgba(255, 255, 255, 0.85);
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
}
@media screen and (max-width: 750px) {
  .fix_area {
    gap: 2vw;
    padding: 4vw 0;
  }
}
.fix_area .fix_btn {
  display: flex;
  width: 580px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .fix_area .fix_btn {
    width: 77.33vw;
  }
}

.fix_area p {
  color: #fff;
  line-height: 108px;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.04em;
  width: 346px;
  height: 110px;
  filter: drop-shadow(5px 5px 5px rgba(66, 66, 66, 0.4));

}
@media screen and (max-width: 750px) {
  .fix_area p {
    line-height: 14.4vw;
    width: 46.1333333333vw;
    height: 14.6666666667vw;
    filter: drop-shadow(0.6666666667vw 0.6666666667vw 0.6666666667vw rgba(66, 66, 66, 0.4));
  }
}


/*# sourceMappingURL=style.css.map */