@charset "UTF-8";
.section-hero {
  background-image: url(../images/hero-bg-pc.jpg);
}
@media screen and (min-width: 641px) {
}
@media screen and (max-width: 640px) {
  .section-hero {
    background-image: url(../images/hero-bg-sp.jpg);
    background-position: 68% top;
  }
}

.section-invitation {
  background-color: #fb6c49;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .section-invitation {
    padding-top: var(--pixel100);
    padding-bottom: var(--pixel100);
  }
}
@media screen and (max-width: 640px) {
  .section-invitation {
    padding-top: var(--pixel40);
    padding-bottom: var(--pixel40);
  }
}

.page-invitation__txt {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}
.page-invitation__txt * {
  font-weight: 700;
}
.page-invitation__txt .lead {
  border: 1px solid;
}
.page-invitation__txt .main {
  position: relative;
  line-height: 1.25;
}
.page-invitation__txt .main:before,
.page-invitation__txt .main:after {
  content: "";
  position: absolute;
  bottom: 0;
  display: inline-block;
  width: var(--pixel12);
  border-right: var(--pixel03) solid;
  border-left: var(--pixel03) solid;
}
.page-invitation__txt .main:before {
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
}
.page-invitation__txt .main:after {
  -webkit-transform: rotate(-25deg);
  transform: rotate(-25deg);
}
.page-invitation__txt .main .point {
  display: inline-block;
  vertical-align: text-bottom;
}
.page-invitation__txt .main .num {
  font-family: "Barlow", sans-serif;
  position: relative;
  top: 0.1em;
  line-height: 0.5;
}
.page-invitation__txt .main .bai {
  position: relative;
  top: 0.1em;
}
@media screen and (min-width: 641px) {
  .page-invitation__txt * {
    letter-spacing: 0.2em;
  }
  .page-invitation__txt .lead {
    padding: var(--pixel15);
    font-size: var(--pixel24);
    margin-bottom: var(--pixel40);
  }
  .page-invitation__txt .main {
    font-size: var(--pixel42);
  }
  .page-invitation__txt .main:before,
  .page-invitation__txt .main:after {
    height: 100%;
  }
  .page-invitation__txt .main:before {
    right: -1.5em;
  }
  .page-invitation__txt .main:after {
    left: -1.5em;
  }
  .page-invitation__txt .main .point {
    width: min(29.282576866764277vw, 400px);
  }
  .page-invitation__txt .main .num {
    font-size: var(--pixel90);
    left: 0.1em;
  }
}
@media screen and (max-width: 640px) {
  .page-invitation__txt .lead {
    padding: var(--pixel10);
    font-size: var(--pixel18);
    margin-bottom: var(--pixel20);
  }
  .page-invitation__txt .main {
    font-size: var(--pixel28);
    letter-spacing: 0.2em;
    padding-left: 0.3em;
  }
  .page-invitation__txt .main:before,
  .page-invitation__txt .main:after {
    height: 45%;
  }
  .page-invitation__txt .main:before {
    right: 0;
  }
  .page-invitation__txt .main:after {
    left: 0;
  }
  .page-invitation__txt .main .point {
    width: 33.33333333333333vw;
    position: relative;
    top: 0.2em;
  }
  .page-invitation__txt .main .num {
    font-size: var(--pixel80);
    right: 0.025em;
    letter-spacing: 0;
  }
  .page-invitation__txt .main .bai {
    font-size: var(--pixel40);
  }
}

.page-invitation__notes {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}
.page-invitation__notes > li {
  text-align: left;
  text-indent: -1em;
  padding-left: 1em;
}
.page-invitation__notes > li:before {
  content: "※";
}
@media screen and (min-width: 641px) {
  .page-invitation__notes {
    margin-top: var(--pixel40);
  }
  .page-invitation__notes > li {
    font-size: var(--pixel13);
  }
}
@media screen and (max-width: 640px) {
  .page-invitation__notes {
    margin-top: var(--pixel30);
  }
  .page-invitation__notes > li {
    font-size: var(--pixel11);
  }
}

/** SECTION MEMBERSHIP
==============================================*/
.section-membership {
  background-color: #062956;
}
@media screen and (min-width: 641px) {
  .section-membership {
    padding-top: var(--pixel95);
    padding-bottom: var(--pixel95);
  }
}
@media screen and (max-width: 640px) {
  .section-membership {
    padding-top: var(--pixel40);
    padding-bottom: var(--pixel35);
  }
}

.membership-invitation__ttl {
  text-align: center;
  color: #ffff;
}
.membership-invitation__ttl .logo-czpro {
  position: relative;
  bottom: 0.3em;
  margin-right: var(--pixel05);
}
.membership-invitation__ttl .membership-only {
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 0.3em;
  text-decoration-thickness: var(--pixel02);
}
@media screen and (min-width: 641px) {
  .membership-invitation__ttl {
    margin-bottom: var(--pixel60);
  }
  .membership-invitation__ttl .logo-czpro {
    width: min(10.902777777777779vw, 157px);
  }
  .membership-invitation__ttl .membership-only {
    font-size: var(--pixel30);
  }
}
@media screen and (max-width: 640px) {
  .membership-invitation__ttl {
    margin-bottom: var(--pixel40);
  }
  .membership-invitation__ttl .logo-czpro {
    width: 30.933333333333334vw;
  }
  .membership-invitation__ttl .membership-only {
    font-size: var(--pixel22);
  }
}

.membership-invitation__lead {
  color: #fff;
  text-align: center;
  font-weight: 500;
  line-height: 1.45;
}
@media screen and (min-width: 641px) {
  .membership-invitation__lead {
    font-size: var(--pixel22);
    margin-bottom: var(--pixel60);
  }
}
@media screen and (max-width: 640px) {
  .membership-invitation__lead {
    font-size: var(--pixel16);
    margin-bottom: var(--pixel35);
  }
}

@media screen and (min-width: 641px) {
  .membership-invitation__main {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
  }
}
@media screen and (max-width: 640px) {
}

.m-invitation--1__main {
  display: block;
  line-height: 1;
}
.m-invitation--1__main * {
  line-height: 1;
  display: inline-block;
}
.m-invitation--1__main .max {
  color: #fff;
  line-height: 1.2;
  font-weight: 400;
  text-align: center;
  border: 1px solid;
}
.m-invitation--1__main .num {
  font-family: "Barlow", sans-serif;
  color: #ff9000;
  font-weight: 600;
  line-height: 0.4;
  letter-spacing: -0.05em;
  position: relative;
  top: 0.1em;
}
.m-invitation--1__main .sub {
  color: #ff9000;
  font-weight: 600;
  letter-spacing: 0;
}
.m-invitation--1__sub {
  display: block;
  color: #fff;
  text-align: center;
  font-weight: 400;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 641px) {
  .m-invitation--1__main .max {
    width: calc(1em + var(--pixel16));
    padding: var(--pixel15) var(--pixel07);
    font-size: var(--pixel26);
  }
  .m-invitation--1__main .num {
    margin-right: var(--pixel05);
    margin-left: var(--pixel05);
    font-size: min(8.333333333333332vw, 120px);
  }
  .m-invitation--1__main .sub {
    font-size: var(--pixel48);
  }
  .m-invitation--1__sub {
    font-size: var(--pixel38);
  }
}
@media screen and (max-width: 640px) {
  .m-invitation--1__main {
    text-align: center;
  }
  .m-invitation--1__main .max {
    width: calc(1em + var(--pixel12));
    padding: var(--pixel08) var(--pixel05);
    font-size: var(--pixel14);
  }
  .m-invitation--1__main .num {
    margin-right: var(--pixel03);
    margin-left: var(--pixel03);
    font-size: var(--pixel65);
  }
  .m-invitation--1__main .sub {
    font-size: var(--pixel29);
  }
  .m-invitation--1__sub {
    font-size: var(--pixel22);
  }
}

.m-invitation--2 {
  position: relative;
}
.m-invitation--2:before {
  content: "";
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22layout%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021.66%2021.66%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23102952%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M21.66%2C12.22h-9.43v9.43h-2.79v-9.43H0v-2.79h9.43V0h2.79v9.43h9.43v2.79Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.m-invitation--2__main {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.m-invitation--2__main * {
  line-height: 1;
  display: inline-block;
}
.m-invitation--2__main .first-year {
  display: inline-block;
  color: #fff;
  line-height: 1;
  font-weight: 400;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.m-invitation--2__main .free {
  color: #ff9000;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
}
.m-invitation--2__sub {
  color: #fff;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
}
.m-invitation--2__sub * {
  line-height: 1.27;
}
.m-invitation--2__sub > dt {
  font-weight: 400;
  text-align: right;
  margin-right: 0.5em;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  align-items: center;
}
.m-invitation--2__sub > dd {
  font-weight: 400;
  text-align: left;
}
.m-invitation--2__sub > dd .small {
  font-size: 60%;
  font-weight: 400;
}
@media screen and (min-width: 641px) {
  .m-invitation--2 {
    padding-left: var(--pixel90);
  }
  .m-invitation--2:before {
    background-size: 100% var(--pixel22);
    left: var(--pixel22);
    top: calc(50% - var(--pixel22));
    width: var(--pixel44);
    height: var(--pixel44);
  }
  .m-invitation--2__main .first-year {
    padding: var(--pixel20) var(--pixel05);
    font-size: var(--pixel36);
  }
  .m-invitation--2__main .free {
    margin-left: var(--pixel05);
    font-size: var(--pixel82);
  }
  .m-invitation--2__sub {
    margin-top: var(--pixel10);
    font-size: var(--pixel20);
  }
}
@media screen and (max-width: 640px) {
  .m-invitation--2 {
    margin-top: var(--pixel50);
  }
  .m-invitation--2:before {
    background-size: 100% var(--pixel14);
    left: calc(50% - var(--pixel13));
    top: calc(0px - var(--pixel45));
    width: var(--pixel26);
    height: var(--pixel26);
  }
  .m-invitation--2__main .first-year {
    padding: var(--pixel10) var(--pixel03);
    font-size: var(--pixel20);
  }
  .m-invitation--2__main .free {
    margin-left: var(--pixel10);
    font-size: var(--pixel48);
  }
  .m-invitation--2__sub {
    margin-top: var(--pixel10);
  }
  .m-invitation--2__sub > dd {
    font-size: var(--pixel14);
  }
}

.m-details__ttl {
  text-align: center;
  color: #fff;
  font-weight: 500;
  border: 1px solid;
}
@media screen and (min-width: 641px) {
  .m-details {
    margin-top: var(--pixel60);
  }
  .m-details__ttl {
    font-size: var(--pixel14);
    padding: var(--pixel10);
  }
}
@media screen and (max-width: 640px) {
  .m-details {
    margin-top: var(--pixel35);
    padding-right: var(--pixel20);
    padding-left: var(--pixel20);
  }
  .m-details__ttl {
    font-size: var(--pixel12);
    padding: var(--pixel05);
  }
}

.m-details__list {
  counter-reset: number;
}
.m-details__list > li {
  position: relative;
  background-color: #fff;
}
.m-details__list > li:before {
  content: "特典";
  color: #fff;
  display: block;
  font-weight: 600;
  letter-spacing: 0.5em;
  padding-left: 0.5em;
  text-align: center;
  width: 100%;
  position: absolute;
  left: 0;
}
.m-details__list > li:after {
  content: counter(number);
  counter-increment: number;
  position: absolute;
  border-radius: 50%;
  background-color: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  line-height: 1;
  -webkit-filter: drop-shadow(0 0 var(--pixel02) rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0 0 var(--pixel02) rgba(0, 0, 0, 0.3));
  top: calc(0px - var(--pixel21));
  left: calc(50% - var(--pixel21));
  width: var(--pixel42);
  height: var(--pixel42);
}
@media screen and (min-width: 641px) {
  .m-details__list {
    display: -webkit-box;
    display: flex;
    margin-top: var(--pixel75);
  }
  .m-details__list > li {
    width: calc((100% - var(--pixel40)) / 3);
    border-radius: var(--pixel10);
    padding: var(--pixel45) var(--pixel40) var(--pixel30);
  }
  .m-details__list > li:not(:last-child) {
    margin-right: var(--pixel20);
  }
  .m-details__list > li:before {
    font-size: var(--pixel12);
    top: calc(0px - var(--pixel21) - 1.75em);
  }
  .m-details__list > li:after {
    font-size: var(--pixel17);
  }
}
@media screen and (max-width: 640px) {
  .m-details__list {
    margin-top: var(--pixel50);
  }
  .m-details__list > li {
    border-radius: var(--pixel08);
    padding: var(--pixel40) var(--pixel13) var(--pixel30);
  }
  .m-details__list > li:not(:first-child) {
    margin-top: var(--pixel50);
  }
  .m-details__list > li:before {
    font-size: var(--pixel11);
    top: calc(0px - var(--pixel20) - 1.75em);
  }
  .m-details__list > li:after {
    font-size: var(--pixel16);
  }
}

.m-details-pointup__ttl {
  text-align: center;
  font-weight: 500;
  letter-spacing: 0;
  font-size: var(--pixel14);
}
@media screen and (min-width: 641px) {
  .m-details-pointup {
    /* margin-right: var(--pixel38); */
    /* min-width: min(24.166666666666668vw, 348px); */
  }
}
@media screen and (max-width: 640px) {
}

.m-details-pointup__shop {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  flex-wrap: wrap;
}
.m-details-pointup__shop > li {
  line-height: 1;
  width: calc(50% - var(--pixel08));
  height: var(--pixel70);
  text-align: center;
  background-color: rgba(6, 41, 86, 0.05);
  border-radius: var(--pixel09);
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.m-details-pointup__shop > li:nth-child(odd):not(:last-child) {
  margin-right: var(--pixel16);
}
.m-details-pointup__shop > li:not(:nth-child(-n + 2)) {
  margin-top: var(--pixel16);
}
.m-details-pointup__shop .logo--cainz {
  position: relative;
}
.m-details-pointup__txt {
  text-align: center;
}
.m-details-pointup__txt * {
  line-height: 1;
  display: inline-block;
}
.m-details-pointup__txt .txt {
  color: #ff9000;
  font-weight: 600;
  position: relative;
  letter-spacing: 0;
  top: 0.1em;
}
.m-details-pointup__txt .txt .num {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  line-height: 0.5;
  position: relative;
  top: 0.05em;
  letter-spacing: 0;
}
.m-details-pointup__notes {
  margin-top: var(--pixel25);
}
.m-details-pointup__notes > li {
  line-height: 1.4;
  text-indent: -1em;
  padding-left: 1em;
  letter-spacing: 0;
  font-weight: 400;
  font-size: var(--pixel10);
}
.m-details-pointup__notes > li:before {
  content: "※";
}
@media screen and (min-width: 641px) {
  /* .m-details-present {
    min-width: min(48.19444444444444vw, 694px);
  } */
  .m-details-pointup__shop {
    margin-top: var(--pixel15);
    padding-right: var(--pixel10);
    padding-left: var(--pixel10);
  }
  .m-details-pointup__shop .logo--czpro {
    width: var(--pixel73);
  }
  .m-details-pointup__shop .logo--cainz {
    width: var(--pixel70);
    top: var(--pixel05);
  }
  .m-details-pointup__shop .logo--apollostation {
    width: var(--pixel60);
  }
  .m-details-pointup__txt {
    margin-top: var(--pixel20);
  }
  .m-details-pointup__txt .logo-point {
    width: min(7.353256944444444vw, 105.8869px);
    margin-right: var(--pixel14);
  }
  .m-details-pointup__txt .txt {
    font-size: var(--pixel60);
  }
  .m-details-pointup__txt .txt .num {
    font-size: var(--pixel100);
  }
}
@media screen and (max-width: 640px) {
  .m-details-pointup__shop {
    margin-top: var(--pixel10);
    -webkit-box-pack: center;
    justify-content: center;
  }
  .m-details-pointup__shop > li {
    padding-right: var(--pixel13);
    padding-left: var(--pixel13);
  }
  .m-details-pointup__shop .logo--czpro {
    width: var(--pixel59);
  }
  .m-details-pointup__shop .logo--cainz {
    width: var(--pixel57);
    top: var(--pixel02);
  }
  .m-details-pointup__shop .logo--apollostation {
    width: var(--pixel49);
  }
  .m-details-pointup__txt {
    margin-top: var(--pixel10);
  }
  .m-details-pointup__txt .logo-point {
    width: 28.236506666666667vw;
    margin-right: var(--pixel05);
  }
  .m-details-pointup__txt .txt {
    font-size: var(--pixel61);
  }
  .m-details-pointup__txt .txt .num {
    font-size: 28.799999999999997vw;
  }
}

.m-details-pointup__small {
  display: block;
  text-align: center;
  font-weight: 500;
  font-size: var(--pixel12);
  margin-top: 1em;
}

.m-details-present__list > li {
  border: 1px solid #062956;
  position: relative;
}
.m-details-present__list > li:not(:first-child) {
  margin-top: var(--pixel25);
}
.m-details-present__andmore {
  background-color: #062956;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  line-height: 1;
  font-weight: 400;
}
.m-details-present__lead {
  font-weight: 400;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  text-align: center;
  font-size: var(--pixel14);
  position: absolute;
  top: -0.5em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  line-height: 1;
  background-color: #fff;
  padding-right: 0.5em;
  padding-left: 0.5em;
}
.m-details-present__txt {
  display: block;
  text-align: center;
  font-weight: 400;
  margin-bottom: 0.5em;
  font-size: var(--pixel12);
}
.m-details-present__amagif {
  display: block;
  text-align: center;
  font-weight: 500;
  font-size: var(--pixel14);
}
.m-details-present__point {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.m-details-present__main {
  display: block;
  line-height: 1;
}
.m-details-present__main * {
  line-height: 1;
}
.m-details-present__main .main-1 {
  color: #ff9000;
}
.m-details-present__main .main-1 .num {
  font-weight: 600;
  font-family: "Barlow", sans-serif;
  letter-spacing: 0;
  line-height: 0.8;
}
.m-details-present__main .main-1 .sub {
  position: relative;
}
.m-details-present__main .main-1 .sub .yen {
  font-weight: 600;
}
.m-details-present__main .main-1 .sub .pt {
  font-weight: 600;
  letter-spacing: 0;
  color: #082b56;
  position: absolute;
  display: block;
  text-align: center;
  left: 0;
  bottom: calc(100% + 0.65em);
}
.m-details-present__main .main-2 {
  color: #ff9000;
  font-weight: 700;
  letter-spacing: 0;
}
.m-details-present__date {
  font-weight: 500;
  display: block;
  text-align: center;
  font-size: var(--pixel12);
}
.m-details-present__date .large {
  font-weight: 500;
  font-size: var(--pixel14);
}
.m-details-present__notes {
  margin-top: var(--pixel15);
}
.m-details-present__notes > li {
  text-indent: -1em;
  padding-left: 1em;
  font-size: var(--pixel10);
  line-height: 1.3;
}
.m-details-present__notes > li:before {
  content: "※";
}
@media screen and (min-width: 641px) {
  .m-details-present__list {
    padding-top: var(--pixel05);
  }
  .m-details-present__list > li {
    border-radius: var(--pixel10);
    padding: var(--pixel20) var(--pixel10);
  }
  .m-details-present__list > li:first-child {
  }
  .m-details-present__list > li:last-child {
  }
  .m-details-present__andmore {
    top: calc(50% - var(--pixel16));
    left: calc(0px - var(--pixel16));
    font-size: var(--pixel08);
    width: var(--pixel32);
    height: var(--pixel32);
  }
  .m-details-present__lead {
    margin-bottom: var(--pixel10);
  }
  .m-details-present__point {
    width: min(8.61111111111111vw, 124px);
  }
  .m-details-present__main {
    text-align: center;
  }
  .m-details-present__main .main-1 {
    display: block;
  }
  .m-details-present__main .main-1 .num {
    font-size: var(--pixel40);
  }
  .m-details-present__main .main-1 .sub .yen {
    font-size: var(--pixel20);
  }
  .m-details-present__main .main-1 .sub .pt {
    font-size: var(--pixel08);
  }
  .m-details-present__main .main-2 {
    display: block;
    margin-top: var(--pixel05);
    font-size: var(--pixel24);
  }
  .m-details-present__date {
    margin-top: var(--pixel20);
  }
}
@media screen and (max-width: 640px) {
  .m-details-present__list {
    padding-top: var(--pixel10);
  }
  .m-details-present__list > li {
    border-radius: var(--pixel10);
    padding: var(--pixel25) var(--pixel10) var(--pixel15);
  }
  .m-details-present__list > li:not(:first-child) {
    margin-top: var(--pixel20);
  }
  .m-details-present__andmore {
    top: calc(0px - var(--pixel14));
    left: calc(50% - var(--pixel14));
    font-size: var(--pixel07);
    width: var(--pixel28);
    height: var(--pixel28);
  }
  .m-details-present__set {
  }
  .m-details-present__lead {
    margin-bottom: var(--pixel05);
    letter-spacing: 0;
  }
  .m-details-present__point {
    width: var(--pixel48);
    position: relative;
    top: 1em;
    margin-right: var(--pixel03);
  }
  .m-details-present__main {
    text-align: center;
    margin-top: var(--pixel05);
  }
  .m-details-present__main .main-1 {
    white-space: nowrap;
  }
  .m-details-present__main .main-1 .num {
    font-size: var(--pixel40);
    letter-spacing: -0.03em;
  }
  .m-details-present__main .main-1 .sub .yen {
    font-size: var(--pixel20);
    letter-spacing: -0.03em;
  }
  .m-details-present__main .main-1 .sub .pt {
    font-size: var(--pixel09);
    letter-spacing: -0.03em;
    white-space: nowrap;
  }
  .m-details-present__main .main-2 {
    margin-top: var(--pixel05);
    font-size: var(--pixel20);
  }
  .m-details-present__date {
    margin-top: var(--pixel15);
  }
}

.m-details-cashback {
}
.m-details-cashback__ttl {
  text-align: center;
  font-weight: 500;
  font-size: var(--pixel14);
}
.m-details-cashback__main {
  border-radius: var(--pixel10);
  border: 1px solid #062956;
}
.m-details-cashback__lead {
  display: block;
  text-align: center;
  font-weight: 400;
  font-size: var(--pixel12);
}
.m-details-cashback__main-1 {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  line-height: 1;
  margin-top: var(--pixel20);
}
.m-details-cashback__main-1 .lead {
  font-weight: 500;
  line-height: 1.27;
  font-size: var(--pixel22);
}
.m-details-cashback__main-1 .set {
  color: #ff9000;
}
.m-details-cashback__main-1 .set .num {
  font-weight: 600;
  font-family: "Barlow", sans-serif;
  letter-spacing: 0;
  line-height: 0.5;
  font-size: var(--pixel84);
}
.m-details-cashback__main-1 .set .per {
  font-weight: 900;
  line-height: 0.8;
  font-size: var(--pixel48);
}
.m-details-cashback__main-2 {
  color: #ff9000;
  text-align: center;
  font-weight: 600;
  display: block;
  text-align: center;
  line-height: 1.3;
  letter-spacing: 0;
  font-size: var(--pixel32);
}
.m-details-cashback__date {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  margin-top: var(--pixel10);
}
.m-details-cashback__date > dt {
  border: 1px solid #062956;
  font-weight: 500;
  font-size: var(--pixel10);
  padding: var(--pixel05) var(--pixel10);
  margin-right: var(--pixel15);
}
.m-details-cashback__date > dd {
  font-weight: 500;
  text-align: center;
  line-height: 1.27;
  font-size: var(--pixel10);
}
.m-details-cashback__date > dd .large {
  font-weight: 500;
  line-height: 1.27;
  font-size: var(--pixel14);
}
.m-details-cashback__notes > li {
  line-height: 1.4;
  text-indent: -1em;
  padding-left: 1em;
  font-weight: 400;
  font-size: var(--pixel10);
}
.m-details-cashback__txt {
  display: block;
  font-weight: 400;
  line-height: 1.66;
  margin-top: 0.5em;
  font-size: var(--pixel12);
}
@media screen and (min-width: 641px) {
  .m-details-cashback__ttl {
    margin-bottom: var(--pixel15);
  }
  .m-details-cashback__main {
    padding: var(--pixel15);
  }
  .m-details-cashback__notes {
    margin-top: var(--pixel20);
  }
}
@media screen and (max-width: 640px) {
  .m-details-cashback__ttl {
    margin-bottom: var(--pixel10);
  }
  .m-details-cashback__main {
    padding: var(--pixel20) var(--pixel15);
  }
  .m-details-cashback__notes {
    margin-top: var(--pixel10);
  }
}

.membership-invitation__button {
  margin-top: var(--pixel40);
}
@media screen and (min-width: 641px) {
  .membership-invitation__button .page-button__button {
    margin-right: auto;
    margin-left: auto;
    width: min(28.4vw, 388px);
  }
}
@media screen and (max-width: 640px) {
}

.membership-invitation__notes {
  line-height: 1;
  margin-top: var(--pixel35);
}
.membership-invitation__notes > li {
  color: #fff;
  letter-spacing: 0;
  line-height: 1;
  display: inline;
}
.membership-invitation__notes > li:last-child {
  display: block;
  margin-top: 2em;
}
.membership-invitation__notes > li:before {
  content: "※";
}
@media screen and (min-width: 641px) {
  .membership-invitation__notes > li {
    font-size: var(--pixel11);
  }
}
@media screen and (max-width: 640px) {
  .membership-invitation__notes > li {
    font-size: var(--pixel10);
  }
}