@charset "UTF-8";

/* YakuHan Fonts

YakuHanJP / YakuHanMP
Copyright (c) Qrac (https://qrac.jp)
https://github.com/qrac/yakuhanjp
https://github.com/qrac/yakuhanmp

These fonts are licensed under:
- SIL Open Font License 1.1
  http://scripts.sil.org/OFL
- MIT License

Base Fonts:
- Noto Serif JP (SIL OFL 1.1)
  https://fonts.google.com/noto/specimen/Noto+Serif+JP
- M PLUS Rounded 1c (SIL OFL 1.1)
  https://fonts.google.com/specimen/M+PLUS+Rounded+1c

These fonts are free to use, modify, and distribute
under the terms of the above licenses.
*/
@font-face {
  font-family: "YakuHanMP";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("/amextop/common/fonts/yakuhanjp/YakuHanMP/woff2/YakuHanMP-ExtraLight.woff2") format("woff2");
  unicode-range: U+3001, U+3002, /* 、 。 */ U+300C, U+300D, /* 「 」 */ U+300E, U+300F, /* 『 』 */ U+3010, U+3011, /* 【 】 */ U+3014, U+3015, /* 〔 〕 */ U+FF08, U+FF09, /* （ ） */ U+FF3B, U+FF3D, /* ［ ］ */ U+FF5B, U+FF5D, U+30FB; /* ｛ ｝ */
}

@font-face {
  font-family: "YakuHanMP";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/amextop/common/fonts/yakuhanjp/YakuHanMP/woff2/YakuHanMP-Light.woff2") format("woff2");
  unicode-range: U+3001, U+3002, /* 、 。 */ U+300C, U+300D, /* 「 」 */ U+300E, U+300F, /* 『 』 */ U+3010, U+3011, /* 【 】 */ U+3014, U+3015, /* 〔 〕 */ U+FF08, U+FF09, /* （ ） */ U+FF3B, U+FF3D, /* ［ ］ */ U+FF5B, U+FF5D, U+30FB; /* ｛ ｝ */
}

@font-face {
  font-family: "YakuHanMP";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/amextop/common/fonts/yakuhanjp/YakuHanMP/woff2/YakuHanMP-Regular.woff2") format("woff2");
  unicode-range: U+3001, U+3002, /* 、 。 */ U+300C, U+300D, /* 「 」 */ U+300E, U+300F, /* 『 』 */ U+3010, U+3011, /* 【 】 */ U+3014, U+3015, /* 〔 〕 */ U+FF08, U+FF09, /* （ ） */ U+FF3B, U+FF3D, /* ［ ］ */ U+FF5B, U+FF5D, U+30FB; /* ｛ ｝ */
}

@font-face {
  font-family: "YakuHanMP";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/amextop/common/fonts/yakuhanjp/YakuHanMP/woff2/YakuHanMP-Medium.woff2") format("woff2");
  unicode-range: U+3001, U+3002, /* 、 。 */ U+300C, U+300D, /* 「 」 */ U+300E, U+300F, /* 『 』 */ U+3010, U+3011, /* 【 】 */ U+3014, U+3015, /* 〔 〕 */ U+FF08, U+FF09, /* （ ） */ U+FF3B, U+FF3D, /* ［ ］ */ U+FF5B, U+FF5D, U+30FB; /* ｛ ｝ */
}

@font-face {
  font-family: "YakuHanMP";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/amextop/common/fonts/yakuhanjp/YakuHanMP/woff2/YakuHanMP-SemiBold.woff2") format("woff2");
  unicode-range: U+3001, U+3002, /* 、 。 */ U+300C, U+300D, /* 「 」 */ U+300E, U+300F, /* 『 』 */ U+3010, U+3011, /* 【 】 */ U+3014, U+3015, /* 〔 〕 */ U+FF08, U+FF09, /* （ ） */ U+FF3B, U+FF3D, /* ［ ］ */ U+FF5B, U+FF5D, U+30FB; /* ｛ ｝ */
}

@font-face {
  font-family: "YakuHanMP";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/amextop/common/fonts/yakuhanjp/YakuHanMP/woff2/YakuHanMP-Bold.woff2") format("woff2");
  unicode-range: U+3001, U+3002, /* 、 。 */ U+300C, U+300D, /* 「 」 */ U+300E, U+300F, /* 『 』 */ U+3010, U+3011, /* 【 】 */ U+3014, U+3015, /* 〔 〕 */ U+FF08, U+FF09, /* （ ） */ U+FF3B, U+FF3D, /* ［ ］ */ U+FF5B, U+FF5D, U+30FB; /* ｛ ｝ */
}

@font-face {
  font-family: "YakuHanMP";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/amextop/common/fonts/yakuhanjp/YakuHanMP/woff2/YakuHanMP-Black.woff2") format("woff2");
  unicode-range: U+3001, U+3002, /* 、 。 */ U+300C, U+300D, /* 「 」 */ U+300E, U+300F, /* 『 』 */ U+3010, U+3011, /* 【 】 */ U+3014, U+3015, /* 〔 〕 */ U+FF08, U+FF09, /* （ ） */ U+FF3B, U+FF3D, /* ［ ］ */ U+FF5B, U+FF5D, U+30FB; /* ｛ ｝ */
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  color: #0e2036;
  font-weight: 400;
  line-height: 1.6;
  font-family: "YakuHanMP", "Noto Serif JP", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif, sans-serif;
}

img {
  height: auto;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
dt,
dd,
figure {
  margin: 0;
  font-weight: 400;
}

ul,
ol {
  padding: 0;
}

ul,
ol,
li {
  list-style: none;
}

img {
  max-width: 100%;
  display: block;
  vertical-align: bottom;
}

button,
input,
select,
textarea {
  font: inherit;
  padding: 0;
  margin: 0;
}

button {
  color: inherit;
  background: none;
  border: none;
  cursor: pointer;
}

sup {
  font-size: 60%;
}

a {
  color: inherit;
  text-decoration: none;
}

@media only screen and (max-width: 640px) {
  body {
    margin-bottom: var(--fixed-cta-height);
  }
}

.intext-link {
  text-decoration: underline;
}

a:focus-visible,
button:focus-visible {
  outline: 2px solid var(--saison-blue);
  outline-offset: 2px;
}

.modal-container:focus {
  outline: none;
}

@media only screen and (min-width: 641px) {
  .show-small {
    display: none !important;
  }
}
@media only screen and (max-width: 640px) {
  .hide-small {
    display: none !important;
  }
}

.js-switch {
  display: none;
}

:root {
  --color-primary: #0e2036;
  --color-accent: #bfa14a;
}
.color-primary {
  color: var(--color-primary);
}
.color-accent {
  color: var(--color-accent);
}
.saison-green {
  color: var(--saison-blue);
}
@media screen and (min-width: 641px) {
  /* 1366px size */
  :root {
    --pixel01: min(0.07320644216691069vw, 1px);
    --pixel02: min(0.14641288433382138vw, 2px);
    --pixel03: min(0.21961932650073207vw, 3px);
    --pixel04: min(0.29282576866764276vw, 4px);
    --pixel05: min(0.36603221083455345vw, 5px);
    --pixel06: min(0.43923865300146414vw, 6px);
    --pixel07: min(0.5124450951683748vw, 7px);
    --pixel08: min(0.5856515373352855vw, 8px);
    --pixel09: min(0.6588579795021963vw, 9px);
    --pixel10: min(0.7320644216691069vw, 10px);
    --pixel11: min(0.8052708638360175vw, 11px);
    --pixel12: min(0.8784773060029283vw, 12px);
    --pixel13: min(0.951683748169839vw, 13px);
    --pixel14: min(1.0248901903367496vw, 14px);
    --pixel15: min(1.0980966325036603vw, 15px);
    --pixel16: min(1.171303074670571vw, 16px);
    --pixel17: min(1.2445095168374818vw, 17px);
    --pixel18: min(1.3177159590043925vw, 18px);
    --pixel19: min(1.390922401171303vw, 19px);
    --pixel20: min(1.4641288433382138vw, 20px);
    --pixel21: min(1.5373352855051245vw, 21px);
    --pixel22: min(1.610541727672035vw, 22px);
    --pixel23: min(1.6837481698389458vw, 23px);
    --pixel24: min(1.7569546120058566vw, 24px);
    --pixel25: min(1.8301610541727673vw, 25px);
    --pixel26: min(1.903367496339678vw, 26px);
    --pixel27: min(1.97657393850658868vw, 27px);
    --pixel28: min(2.049780380673499vw, 28px);
    --pixel29: min(2.12298682284041vw, 29px);
    --pixel30: min(2.1961932650073206vw, 30px);
    --pixel31: min(2.2693997071742316vw, 31px);
    --pixel32: min(2.342606149341142vw, 32px);
    --pixel33: min(2.4158125915080526vw, 33px);
    --pixel34: min(2.4890190336749636vw, 34px);
    --pixel35: min(2.562225475841874vw, 35px);
    --pixel36: min(2.635431918008785vw, 36px);
    --pixel37: min(2.7086383601756956vw, 37px);
    --pixel38: min(2.781844802342606vw, 38px);
    --pixel39: min(2.855051244509517vw, 39px);
    --pixel40: min(2.9282576866764276vw, 40px);
    --pixel41: min(3.001464128843338vw, 41px);
    --pixel42: min(3.074670571010249vw, 42px);
    --pixel43: min(3.1478770131771596vw, 43px);
    --pixel44: min(3.22108345534407vw, 44px);
    --pixel45: min(3.294289897510981vw, 45px);
    --pixel46: min(3.3674963396778916vw, 46px);
    --pixel47: min(3.4407027818448026vw, 47px);
    --pixel48: min(3.513909224011713vw, 48px);
    --pixel49: min(3.5871156661786237vw, 49px);
    --pixel50: min(3.6603221083455346vw, 50px);
    --pixel51: min(3.733528550512445vw, 51px);
    --pixel52: min(3.806734992679356vw, 52px);
    --pixel53: min(3.8799414348462666vw, 53px);
    --pixel54: min(3.953147877013177vw, 54px);
    --pixel55: min(4.026354319180088vw, 55px);
    --pixel56: min(4.099560761346998vw, 56px);
    --pixel57: min(4.172767203513909vw, 57px);
    --pixel58: min(4.24597364568082vw, 58px);
    --pixel59: min(4.319180087847731vw, 59px);
    --pixel60: min(4.392386530014641vw, 60px);
    --pixel61: min(4.465592972181552vw, 61px);
    --pixel62: min(4.538799414348463vw, 62px);
    --pixel63: min(4.612005856515373vw, 63px);
    --pixel64: min(4.685212298682284vw, 64px);
    --pixel65: min(4.758418740849195vw, 65px);
    --pixel66: min(4.831625183016105vw, 66px);
    --pixel67: min(4.904831625183016vw, 67px);
    --pixel68: min(4.978038067349927vw, 68px);
    --pixel69: min(5.051244509516837vw, 69px);
    --pixel70: min(5.124450951683748vw, 70px);
    --pixel71: min(5.197657393850659vw, 71px);
    --pixel72: min(5.27086383601757vw, 72px);
    --pixel73: min(5.34407027818448vw, 73px);
    --pixel74: min(5.417276720351391vw, 74px);
    --pixel75: min(5.490483162518302vw, 75px);
    --pixel76: min(5.563689604685212vw, 76px);
    --pixel77: min(5.636896046852123vw, 77px);
    --pixel78: min(5.710102489019034vw, 78px);
    --pixel79: min(5.783308931185944vw, 79px);
    --pixel80: min(5.856515373352855vw, 80px);
    --pixel81: min(5.929721815519766vw, 81px);
    --pixel82: min(6.002928257686676vw, 82px);
    --pixel83: min(6.076134699853587vw, 83px);
    --pixel84: min(6.149341142020498vw, 84px);
    --pixel85: min(6.222547584187408vw, 85px);
    --pixel86: min(6.295754026354319vw, 86px);
    --pixel87: min(6.36896046852123vw, 87px);
    --pixel88: min(6.44216691068814vw, 88px);
    --pixel89: min(6.515373352855051vw, 89px);
    --pixel90: min(6.588579795021962vw, 90px);
    --pixel91: min(6.661786237188873vw, 91px);
    --pixel92: min(6.734992679355783vw, 92px);
    --pixel93: min(6.808199121522694vw, 93px);
    --pixel94: min(6.881405563689605vw, 94px);
    --pixel95: min(6.954612005856515vw, 95px);
    --pixel96: min(7.027818448023426vw, 96px);
    --pixel97: min(7.101024890190337vw, 97px);
    --pixel98: min(7.174231332357247vw, 98px);
    --pixel99: min(7.247437774524158vw, 99px);
    --pixel100: min(7.320644216691069vw, 100px);
  }
}
@media screen and (max-width: 640px) {
  /* 390px size */
  :root {
    --pixel01: 0.2564102564102564vw;
    --pixel02: 0.5128205128205128vw;
    --pixel03: 0.7692307692307693vw;
    --pixel04: 1.0256410256410255vw;
    --pixel05: 1.282051282051282vw;
    --pixel06: 1.5384615384615385vw;
    --pixel07: 1.794871794871795vw;
    --pixel08: 2.051282051282051vw;
    --pixel09: 2.3076923076923075vw;
    --pixel10: 2.564102564102564vw;
    --pixel11: 2.8205128205128207vw;
    --pixel12: 3.076923076923077vw;
    --pixel13: 3.3333333333333335vw;
    --pixel14: 3.58974358974359vw;
    --pixel15: 3.8461538461538463vw;
    --pixel16: 4.102564102564102vw;
    --pixel17: 4.358974358974359vw;
    --pixel18: 4.615384615384615vw;
    --pixel19: 4.871794871794872vw;
    --pixel20: 5.128205128205128vw;
    --pixel21: 5.384615384615385vw;
    --pixel22: 5.641025641025641vw;
    --pixel23: 5.897435897435898vw;
    --pixel24: 6.153846153846154vw;
    --pixel25: 6.410256410256411vw;
    --pixel26: 6.666666666666667vw;
    --pixel27: 6.923076923076923vw;
    --pixel28: 7.17948717948718vw;
    --pixel29: 7.435897435897436vw;
    --pixel30: 7.6923076923076925vw;
    --pixel31: 7.948717948717949vw;
    --pixel32: 8.205128205128204vw;
    --pixel33: 8.461538461538462vw;
    --pixel34: 8.717948717948717vw;
    --pixel35: 8.974358974358974vw;
    --pixel36: 9.23076923076923vw;
    --pixel37: 9.487179487179487vw;
    --pixel38: 9.743589743589745vw;
    --pixel39: 10vw;
    --pixel40: 10.256410256410257vw;
    --pixel41: 10.512820512820513vw;
    --pixel42: 10.76923076923077vw;
    --pixel43: 11.025641025641026vw;
    --pixel44: 11.282051282051283vw;
    --pixel45: 11.538461538461538vw;
    --pixel46: 11.794871794871796vw;
    --pixel47: 12.051282051282051vw;
    --pixel48: 12.307692307692308vw;
    --pixel49: 12.564102564102564vw;
    --pixel50: 12.820512820512821vw;
    --pixel51: 13.076923076923077vw;
    --pixel52: 13.333333333333334vw;
    --pixel53: 13.58974358974359vw;
    --pixel54: 13.846153846153847vw;
    --pixel55: 14.102564102564102vw;
    --pixel56: 14.35897435897436vw;
    --pixel57: 14.615384615384617vw;
    --pixel58: 14.871794871794872vw;
    --pixel59: 15.128205128205128vw;
    --pixel60: 15.384615384615385vw;
    --pixel61: 15.641025641025642vw;
    --pixel62: 15.897435897435898vw;
    --pixel63: 16.153846153846153vw;
    --pixel64: 16.41025641025641vw;
    --pixel65: 16.666666666666668vw;
    --pixel66: 16.923076923076923vw;
    --pixel67: 17.17948717948718vw;
    --pixel68: 17.435897435897434vw;
    --pixel69: 17.692307692307693vw;
    --pixel70: 17.94871794871795vw;
    --pixel71: 18.205128205128204vw;
    --pixel72: 18.46153846153846vw;
    --pixel73: 18.71794871794872vw;
    --pixel74: 18.974358974358974vw;
    --pixel75: 19.23076923076923vw;
    --pixel76: 19.48717948717949vw;
    --pixel77: 19.743589743589745vw;
    --pixel78: 20vw;
    --pixel79: 20.256410256410255vw;
    --pixel80: 20.512820512820515vw;
    --pixel81: 20.76923076923077vw;
    --pixel82: 21.025641025641026vw;
    --pixel83: 21.28205128205128vw;
    --pixel84: 21.53846153846154vw;
    --pixel85: 21.794871794871796vw;
    --pixel86: 22.05128205128205vw;
    --pixel87: 22.307692307692307vw;
    --pixel88: 22.564102564102566vw;
    --pixel89: 22.82051282051282vw;
    --pixel90: 23.076923076923077vw;
    --pixel91: 23.333333333333332vw;
    --pixel92: 23.58974358974359vw;
    --pixel93: 23.846153846153847vw;
    --pixel94: 24.102564102564102vw;
    --pixel95: 24.358974358974358vw;
    --pixel96: 24.615384615384617vw;
    --pixel97: 24.871794871794872vw;
    --pixel98: 25.128205128205128vw;
    --pixel99: 25.384615384615387vw;
    --pixel100: 25.641025641025642vw;
  }
}

.wrap {
  position: relative;
}

.row {
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 641px) {
  .row {
    width: min(69.54612005856515vw, 950px);
  }
}
@media screen and (max-width: 640px) {
  .row {
    width: 92.3076923076923vw;
  }
  .inner {
    padding-right: var(--pixel10);
    padding-left: var(--pixel10);
  }
}

.intext-link {
  text-decoration: underline;
}

.notes-list > li {
  padding-left: 1em;
  text-indent: -1em;
}
.notes-list > li:before {
  content: "※";
}
.notes-list > li.asterisk:before,
.notes-list > li.asterisk:before {
  content: "＊";
}
.notes-list--numbering {
  counter-reset: number;
}
.notes-list--numbering > li {
  text-indent: -2em;
  padding-left: 2em;
}
.notes-list--numbering > li:before {
  counter-increment: number;
  content: "※" counter(number) " ";
}
.notes-list--numbering-ast {
  counter-reset: number;
}
.notes-list--numbering-ast > li {
  text-indent: -1.5em;
  padding-left: 1.5em;
}
.notes-list--numbering-ast > li:before {
  counter-increment: number;
  content: "*" counter(number) " ";
}
.notes-list--caution {
  counter-reset: number;
}
.notes-list--caution > li {
  text-indent: -2.35em;
  padding-left: 2.35em;
}
.notes-list--caution > li:before {
  counter-increment: number;
  content: "(注" counter(number) ")";
}
.notes-list > li.nomark {
  padding-left: 0;
  text-indent: 0;
}
.notes-list > li.nomark:before {
  display: none;
}

.numbering-list {
  counter-reset: number;
}
.numbering-list > li {
  text-indent: -1.15em;
  padding-left: 1.15em;
}
.numbering-list > li:before {
  counter-increment: number;
  content: counter(number) ". ";
}

.dot-list > li {
  padding-left: 1em;
  text-indent: -1em;
}
.dot-list > li:before {
  content: "・";
}

.square-list > li {
  position: relative;
  padding-left: 1.5em;
}
.square-list > li:before {
  content: "";
  background-color: var(--color-primary);
  width: 0.9em;
  height: 0.9em;
  position: absolute;
  top: 0.2em;
  left: 0;
}

.weight-bold {
  font-weight: 700;
}
.weight-black {
  font-weight: 900;
}

/** SITE HEADER
==============================================*/
.site-header {
  z-index: 1;
}
.bk_header .site-header {
  background-color: #242424;
}
.site-header .masthead {
  padding: var(--pixel20) 0;
}
.wh_header .site-header .masthead {
  background-color: #fff;
}
@media only screen and (min-width: 641px) {
  .site-header {
    padding: 0 var(--pixel35);
  }
  .site-header .masthead {
    padding: var(--pixel10) 0;
  }
}
@media only screen and (max-width: 640px) {
  .site-header {
    padding: 0 var(--pixel15);
  }
}
.site-header .masthead .content {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
}

.site-header .masthead .content .brand-logo {
  width: min(47.58418740849194vw, 650px);
  max-width: 100%;
}
.site-header .masthead .content .brand-logo .brand-logo-desc {
  font-size: 1px;
  letter-spacing: inherit;
  font-weight: 500;
  color: #000;
}
.site-header .masthead .content .brand-logo .brand-logo-img {
  line-height: 1;

  padding: var(--pixel10) var(--pixel05) var(--pixel05) 0;
}
.site-header .masthead .content .brand-logo .brand-logo-img > a {
  display: inline-block;
  line-height: 1;
  padding: var(--pixel05) var(--pixel05) var(--pixel05) 0;
}
.header_nolink .site-header .masthead .content .brand-logo .brand-logo-img > a {
  pointer-events: none;
}
.site-header .masthead .content .brand-logo .brand-logo-img img {
  width: min(35.13909224011713vw, 480px);
  max-width: 100%;
}
.bk_header .site-header .masthead .content .brand-logo .brand-logo-img img.bk {
  display: none;
}
.wh_header .site-header .masthead .content .brand-logo .brand-logo-img img.wh {
  display: none;
}

.site-header .masthead .content .official {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  height: var(--pixel55);
}
.site-header .masthead .content .official > img {
  height: var(--pixel45);
  padding: 0 var(--pixel20);
}
.site-header .masthead .content .official > img:last-child {
  padding-right: 0;
}
.wh_header .site-header .masthead .content .official > img:not(:last-child) {
  border-right: 1px solid #262626;
}
.bk_header .site-header .masthead .content .official > img:not(:last-child) {
  border-right: 1px solid #fff;
}
.site-header .masthead .content .official {
  padding: var(--pixel05) 0;
}
@media only screen and (max-width: 640px) {
  .site-header .masthead .content.row {
    padding: 0;
    margin: 0;
  }
  .site-header .masthead {
    padding: var(--pixel10) 0;
  }
  .site-header.type2 .masthead {
    width: 100%;
  }
  .site-header .masthead .content .brand-logo {
    width: 69.23076923076923vw;
    max-width: 100%;
  }
  .site-header .masthead .content .brand-logo .brand-logo-desc {
    font-size: var(--pixel10);
    white-space: nowrap;
    letter-spacing: -0.01em;
  }
  .site-header .masthead .content .brand-logo .brand-logo-img img {
    width: 100%;
  }
  .site-header .masthead .content .official {
    padding: 0;
    height: auto;
    width: var(--pixel70);
  }
  .site-header .masthead .content .official > img {
    height: var(--pixel20);
    padding: 0 var(--pixel08);
  }
  .site-header .masthead .content .official > img:first-child {
    padding-right: var(--pixel08);
  }
  .site-header .masthead .content .official > img:last-child {
    padding-right: var(--pixel08);
  }
  .site-header .masthead .content .brand-logo .brand-logo-img > a {
    padding: 0;
    display: block;
  }
  .site-header .masthead .content .brand-logo .brand-logo-img {
    padding-bottom: var(--pixel03);
    padding-right: var(--pixel10);
    padding-top: var(--pixel03);
  }
  .site-header .masthead .content .brand-logo .brand-logo-img img {
    display: block;
  }
}

/** Accordion
==============================================*/
.accordion-head {
  position: relative;
  cursor: pointer;
}

.accordion-body {
  overflow: hidden;
}

/** BUTTON
==============================================*/
.primary-button {
  text-align: center;
  display: inline-block;
  font-weight: 700;
  border-radius: 9999px;
  color: #fff;
  padding: var(--pixel13) var(--pixel55) var(--pixel13) var(--pixel30);
  background: -webkit-linear-gradient(178deg, #696969 -40.81%, #a7a8a8 27.52%);
  background: linear-gradient(272deg, #696969 -40.81%, #a7a8a8 27.52%);
  position: relative;
}
.primary-button--wine {
  background: #960d0d;
}
.primary-button--gold {
  background: #bfa14a;
}
.primary-button:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%2213%22%20viewBox%3D%220%200%208%2013%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M6.67572e-06%201.06L1.06101%201.90735e-06L6.84001%205.777C6.93316%205.86957%207.00709%205.97965%207.05754%206.1009C7.10799%206.22215%207.13396%206.35218%207.13396%206.4835C7.13396%206.61483%207.10799%206.74486%207.05754%206.86611C7.00709%206.98736%206.93316%207.09743%206.84001%207.19L1.06101%2012.97L0.0010066%2011.91L5.42501%206.485L6.67572e-06%201.06Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - var(--pixel26)) center;
  background-size: var(--pixel08) var(--pixel12);
}
.primary-button .small {
  font-size: 80%;
}
@media screen and (min-width: 641px) {
  .primary-button {
    font-size: var(--pixel18);
  }
  .primary-button--l-padding {
    padding-top: var(--pixel20);
    padding-bottom: var(--pixel20);
  }
}
@media screen and (max-width: 640px) {
  .primary-button {
    font-size: var(--pixel16);
  }
  .primary-button--s-padding {
    padding-top: var(--pixel10);
    padding-bottom: var(--pixel10);
  }
}

.page-button--sky {
  background-color: #e1eaf3;
}
.page-button--wh {
  background-color: #fff;
}
.page-button__item {
  text-align: center;
}
@media screen and (min-width: 641px) {
  .page-button {
    padding: var(--pixel25);
  }
}
@media screen and (max-width: 640px) {
  .page-button {
    padding: var(--pixel15);
  }
}

/** SECTION
==============================================*/
.bg-wh {
  background-color: #fff;
  color: #0e2036;
}
.bg-beige {
  background-color: #faf8f4;
  color: #0e2036;
}
.bg-primary {
  background-color: var(--color-primary);
  color: #fff;
}
.bg-sky {
  background-color: #e1eaf3;
  color: #0e2036;
}
@media screen and (min-width: 641px) {
  .section {
    padding-top: var(--pixel70);
    padding-bottom: var(--pixel70);
  }
}
@media screen and (max-width: 640px) {
  .section {
    padding-top: var(--pixel50);
    padding-bottom: var(--pixel50);
  }
}

/** HEADLINE
==============================================*/
.headline {
  text-align: center;
}
.headline__title {
}
.headline__title:after {
  content: "";
  display: block;
  background-color: #bfa14a;
  margin-right: auto;
  margin-left: auto;
  height: 1px;
}
@media screen and (min-width: 641px) {
  .headline__title {
    font-size: var(--pixel26);
  }
  .headline__title:after {
    width: var(--pixel64);
    margin-top: var(--pixel36);
  }
}
@media screen and (max-width: 640px) {
  .headline__title {
    font-size: var(--pixel20);
  }
  .headline__title:after {
    width: var(--pixel50);
    margin-top: var(--pixel25);
  }
}

.headline__lead {
  margin-top: var(--pixel30);
}
@media screen and (min-width: 641px) {
  .headline__lead {
    font-size: var(--pixel18);
  }
}
@media screen and (max-width: 640px) {
  .headline__lead {
    font-size: var(--pixel16);
  }
}

/** SECTION HERO
==============================================*/
.section-hero {
  position: relative;
}

.page-kv {
  background-color: var(--color-primary);
  color: #fff;
}
.page-kv:before,
.page-kv:after {
  content: "";
  background-repeat: no-repeat;
}
.page-kv:before {
}
.page-kv:after {
}
@media screen and (min-width: 641px) {
  .page-kv {
    position: relative;
    margin-right: auto;
    margin-left: auto;
  }
  .page-kv:before,
  .page-kv:after {
    position: absolute;
    width: calc((100% - min(56.22254758418741vw, 768px)) / 2);
    height: 100%;
    top: 0;
  }
  .page-kv:before {
    background-image: url(../images/bg-fv-1-pc.webp);
    left: 0;
    background-position: left center;
    background-size: auto 100%;
  }
  .page-kv:after {
    background-image: url(../images/bg-fv-2-pc.webp);
    right: 0;
    background-position: right center;
    background-size: auto 100%;
  }
  .page-kv__inner {
    position: relative;
    z-index: 1;
    margin-right: auto;
    margin-left: auto;
    width: min(56.22254758418741vw, 768px);
    min-height: min(33.08931185944363vw, 452px);
    padding: var(--pixel40);
  }
}
@media screen and (max-width: 640px) {
  .page-kv {
  }
  .page-kv:before,
  .page-kv:after {
    display: block;
    width: 100%;
    aspect-ratio: 390 / 80;
    left: 0;
    background-position: center center;
    background-size: cover;
  }
  .page-kv:before {
    background-image: url(../images/bg-fv-1-sp.webp);
  }
  .page-kv:after {
    background-image: url(../images/bg-fv-2-sp.webp);
  }
  .page-kv__inner {
    padding: var(--pixel15) var(--pixel15) var(--pixel20);
  }
}

.main-visual__main {
  display: -webkit-box;
  display: flex;
}
.main-visual__name {
  width: 100%;
}
.main-visual__price {
  display: block;
  font-size: var(--pixel12);
  margin-top: var(--pixel10);
}
@media screen and (min-width: 641px) {
  .main-visual__main {
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
  }
  .main-visual__item {
    width: min(16.83748169838946vw, 230px);
    margin-right: var(--pixel10);
    padding-left: var(--pixel14);
    padding-right: var(--pixel14);
  }
  .main-visual__card {
    width: 100%;
  }
  .main-visual__info {
    margin-top: var(--pixel10);
  }
  .main-visual__price {
  }
}
@media screen and (max-width: 640px) {
  .main-visual__main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
  }
  .main-visual__item {
    margin-top: var(--pixel10);
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
  }
  .main-visual__card {
    margin-right: var(--pixel10);
    width: 34.62820512820513vw;
  }
  .main-visual__info {
    -webkit-box-flex: 1;
    flex: 1;
  }
}

.main-visual__lead {
  text-align: center;
}
.main-visual__lead .text {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, Verdana, sans-serif;
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22185%22%20height%3D%2219%22%20viewBox%3D%220%200%20185%2019%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M0%200.5H79.2124%22%20stroke%3D%22white%22%2F%3E%20%3Cpath%20d%3D%22M78.4495%2018.4555L85.1828%201.24814H184.064%22%20stroke%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center bottom;
}
.main-visual__title {
  text-align: center;
  font-size: 0;
  line-height: 0;
}
.main-visual__title * {
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.2;
}
@media screen and (min-width: 641px) {
  .main-visual__title {
    /* margin-top: calc(var(--pixel82) * -0.35); */
  }
  .main-visual__title-line {
    -webkit-box-flex: 1;
    flex: 1;
  }
  .main-visual__lead .text {
    font-size: var(--pixel20);
    background-size: auto var(--pixel18);
    padding-bottom: var(--pixel30);
  }
  .main-visual__title .l-large {
    font-size: var(--pixel82);
  }
  .main-visual__title .large {
    font-size: var(--pixel57);
  }
  .main-visual__title .medium {
    font-size: var(--pixel52);
  }
}
@media screen and (max-width: 640px) {
  .main-visual__title {
    /* margin-top: calc(var(--pixel30) * -0.35); */
  }
  .main-visual__lead .text {
    font-size: var(--pixel15);
    background-size: auto var(--pixel14);
    padding-bottom: var(--pixel20);
  }
  .main-visual__title .l-large {
    font-size: var(--pixel64);
  }
  .main-visual__title .large {
    font-size: var(--pixel43);
  }
  .main-visual__title .medium {
    font-size: var(--pixel40);
  }
}

.kv-campaign__main {
  border-top: 1px solid var(--color-accent);
  border-bottom: 1px solid var(--color-accent);
  text-align: center;
}
.kv-campaign__main .lead {
}
.kv-campaign__main .num {
  font-family: "Libre Bodoni", serif;
  font-style: italic;
  margin-right: 0.05em;
  position: relative;
  top: 0.1em;
  line-height: 0.8;
}
@media screen and (min-width: 641px) {
  .kv-campaign {
    margin-top: var(--pixel10);
  }
  .kv-campaign__main {
    font-size: 0;
    line-height: 0;
    padding-top: var(--pixel15);
    padding-bottom: var(--pixel15);
  }
  .kv-campaign__main * {
    line-height: 1;
  }
  .kv-campaign__main .lead {
    font-size: var(--pixel18);
    line-height: 1;
  }
  .kv-campaign__main .num {
    font-size: var(--pixel65);
  }
  .kv-campaign__main .yen {
    font-size: var(--pixel28);
  }
  .kv-campaign__main .text {
    font-size: var(--pixel28);
  }
}
@media screen and (max-width: 640px) {
  .kv-campaign {
    margin-top: var(--pixel16);
  }
  .kv-campaign__main {
    padding-top: var(--pixel12);
    padding-bottom: var(--pixel12);
  }
  .kv-campaign__main .lead {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    font-size: var(--pixel15);
    vertical-align: bottom;
  }
  .kv-campaign__main .num {
    font-size: var(--pixel53);
  }
  .kv-campaign__main .yen {
    font-size: var(--pixel29);
  }
  .kv-campaign__main .text {
    font-size: var(--pixel21);
  }
}

.kv-campaign__period {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.kv-campaign__period > dt {
  border: 1px solid;
}
@media screen and (min-width: 641px) {
  .kv-campaign__period {
    margin-top: var(--pixel24);
  }
  .kv-campaign__period > dt {
    padding: var(--pixel05) var(--pixel20);
    font-size: var(--pixel16);
    margin-right: var(--pixel13);
  }
  .kv-campaign__period > dd {
    font-size: var(--pixel22);
  }
}
@media screen and (max-width: 640px) {
  .kv-campaign__period {
    margin-top: var(--pixel14);
  }
  .kv-campaign__period > dt {
    padding: var(--pixel03) var(--pixel10);
    font-size: var(--pixel13);
    margin-right: var(--pixel10);
  }
  .kv-campaign__period > dd {
    font-size: var(--pixel16);
  }
}

/** SECTION LEAD
==============================================*/
.section-lead {
}
@media screen and (min-width: 641px) {
  .section-lead .content {
    padding-top: var(--pixel50);
  }
}
@media screen and (max-width: 640px) {
  .section-lead .content {
    padding-top: var(--pixel28);
  }
}

.lead-point__list > li {
  text-align: center;
  border-radius: var(--pixel10);
  border: 1px solid #ebebeb;
  background-color: #fff;
  box-shadow: 0 var(--pixel04) var(--pixel04) 0 rgba(0, 0, 0, 0.05);
  padding: var(--pixel20) var(--pixel20) var(--pixel30);
}
.lead-point__icon {
  display: block;
}
.lead-point__icon img {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.lead-point__text {
  display: block;
  font-size: var(--pixel16);
}
@media screen and (min-width: 641px) {
  .lead-point__list {
    display: -webkit-box;
    display: flex;
  }
  .lead-point__list > li {
    width: calc((100% - min(8.052708638360176vw, 110px)) / 3);
  }
  .lead-point__list > li:not(:nth-child(3n)) {
    margin-right: var(--pixel55);
  }
  .lead-point__icon img {
    width: min(12.225475841874085vw, 167px);
  }
  .lead-point__text {
    margin-top: var(--pixel10);
  }
}
@media screen and (max-width: 640px) {
  .lead-point {
    padding-right: var(--pixel40);
    padding-left: var(--pixel40);
  }
  .lead-point__list > li:not(:first-child) {
    margin-top: var(--pixel20);
  }
  .lead-point__icon img {
    width: 42.82051282051282vw;
  }
}

/** SECTION CAMPAIGN
==============================================*/
.section-campaign {
}
@media screen and (min-width: 641px) {
  .section-campaign .content {
    margin-top: var(--pixel20);
  }
}
@media screen and (max-width: 640px) {
  .section-campaign .content {
    margin-top: var(--pixel25);
  }
}

.campaign-announce__lead > span {
  display: block;
  text-align: center;
}
.campaign-announce__lead .lead {
  font-weight: 700;
}
.campaign-announce__lead .main {
  font-weight: 700;
}
.campaign-announce__lead .main .num {
  font-family: "Libre Bodoni", serif;
  font-style: italic;
  margin-right: 0.05em;
  position: relative;
  top: 0.05em;
  line-height: 0.8;
  font-weight: 400;
}
.campaign-announce__txt {
  text-align: center;
}
@media screen and (min-width: 641px) {
  .campaign-announce__lead .lead {
    font-size: var(--pixel20);
    margin-bottom: var(--pixel10);
  }
  .campaign-announce__lead .main {
    font-size: var(--pixel32);
  }
  .campaign-announce__lead .main .num {
    font-size: var(--pixel64);
  }
  .campaign-announce__txt {
    margin-top: var(--pixel20);
    font-size: var(--pixel16);
  }
}
@media screen and (max-width: 640px) {
  .campaign-announce__lead .lead {
    font-size: var(--pixel14);
    margin-bottom: var(--pixel10);
  }
  .campaign-announce__lead .main {
    font-size: var(--pixel22);
  }
  .campaign-announce__lead .main .num {
    font-size: var(--pixel56);
  }
  .campaign-announce__txt {
    margin-top: var(--pixel10);
    font-size: var(--pixel14);
  }
}

/** SLIDE CONTROLLER
==============================================*/
.slide-controller {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
@media screen and (min-width: 641px) {
  .slide-controller {
    padding-top: var(--pixel40);
    padding-bottom: var(--pixel10);
  }
}
@media screen and (max-width: 640px) {
  .slide-controller {
    padding-top: var(--pixel20);
    padding-bottom: var(--pixel24);
  }
}

.slide-controller__pagination {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
@media screen and (min-width: 641px) {
}
.slide-controller__pagination .swiper-pagination-bullet {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  background-color: #fff;
  border-radius: 50%;
  margin-right: var(--pixel03);
  margin-left: var(--pixel03);
}
.slide-controller__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--color-accent);
}
@media screen and (min-width: 641px) {
  .slide-controller__pagination .swiper-pagination-bullet {
    width: var(--pixel11);
    height: var(--pixel11);
  }
}
@media screen and (max-width: 640px) {
  .slide-controller__pagination .swiper-pagination-bullet {
    width: var(--pixel07);
    height: var(--pixel07);
  }
}

.slide-controller__navigation {
  position: absolute;
  border-radius: 50%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2218%22%20viewBox%3D%220%200%2012%2018%22%20fill%3D%22none%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.6772%209.88389L2.13514%2017.7913L0%2015.8148L7.4745%208.89564L0%201.9765L2.13514%200L10.6772%207.90739C10.9603%208.16952%2011.1193%208.52499%2011.1193%208.89564C11.1193%209.26629%2010.9603%209.62176%2010.6772%209.88389Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.slide-controller__navigation:not(.swiper-button-disabled) {
  cursor: pointer;
}
.slide-controller__navigation.swiper-button-disabled {
  opacity: 0;
}
.slide-controller__navigation--prev {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media screen and (min-width: 641px) {
  .slide-controller__navigation {
    top: 10vw;
    background-size: var(--pixel12);
    width: var(--pixel60);
    height: var(--pixel60);
  }
  .slide-controller__navigation--prev {
    left: calc(0px - var(--pixel60));
  }
  .slide-controller__navigation--next {
    right: calc(0px - var(--pixel60));
  }
}
@media screen and (max-width: 640px) {
  .slide-controller__navigation {
    top: 30vw;
    background-size: var(--pixel08);
    width: var(--pixel50);
    height: var(--pixel50);
  }
  .slide-controller__navigation--prev {
    left: 0;
  }
  .slide-controller__navigation--next {
    right: 0;
  }
}

/** SECTION FLOW
==============================================*/
.section-flow {
}
@media screen and (min-width: 641px) {
  .section-flow .content {
    margin-top: var(--pixel50);
  }
  .section-flow .page-button {
    margin-top: var(--pixel50);
  }
}
@media screen and (max-width: 640px) {
  .section-flow {
    overflow: hidden;
  }
  .section-flow .content {
    margin-top: var(--pixel30);
  }
  .section-flow .page-button {
    margin-top: var(--pixel20);
  }
}

.campaign-flow__block {
  position: relative;
}
.campaign-flow__container {
  margin-right: auto;
  margin-left: auto;
}
.campaign-flow__wrapper {
  counter-reset: number;
}
.campaign-flow__controller {
  display: -webkit-box;
  display: flex;
}
.campaign-flow__wrapper > li:before {
  counter-increment: number;
  content: "STEP " counter(number);
  display: block;
  font-family: "Libre Bodoni", serif;
  text-align: center;
  line-height: 1;
  background-color: var(--color-primary);
  color: #fff;
  border-radius: 9999px;
  padding: var(--pixel10) var(--pixel10) var(--pixel05);
  font-size: var(--pixel16);
  margin-bottom: var(--pixel20);
}
.campaign-flow__wrapper > li {
  background-color: #fff;
  color: #333;
  border-radius: var(--pixel06);
  border: 1px solid #f1f1f1;
  box-shadow: var(--pixel04) var(--pixel04) var(--pixel04) 0 rgba(0, 0, 0, 0.05);
  padding: var(--pixel20) var(--pixel15) var(--pixel30);
}
@media screen and (min-width: 641px) {
  .campaign-flow__block {
  }
  .campaign-flow__container {
    overflow: hidden;
    width: min(68.96046852122987vw, 942px);
  }
  .campaign-flow__wrapper > li {
    position: relative;
  }
  .campaign-flow__wrapper > li:not(:last-child):after {
    content: "";
    position: absolute;
    border-radius: 50%;
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2218%22%20viewBox%3D%220%200%2012%2018%22%20fill%3D%22none%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.6772%209.88389L2.13514%2017.7913L0%2015.8148L7.4745%208.89564L0%201.9765L2.13514%200L10.6772%207.90739C10.9603%208.16952%2011.1193%208.52499%2011.1193%208.89564C11.1193%209.26629%2010.9603%209.62176%2010.6772%209.88389Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--pixel13) auto;
    width: var(--pixel55);
    height: 100%;
    left: 100%;
    top: 0;
  }
  .campaign-flow__controller {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .campaign-flow__block {
    /* overflow: hidden; */
  }
  .campaign-flow__container {
    width: 71.7948717948718vw;
  }
  .campaign-flow__wrapper > li {
    width: 100%;
  }
}

.campaign-flow__img img {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 641px) {
  .campaign-flow__img img {
    width: min(13.689604685212299vw, 187px);
  }
}
@media screen and (max-width: 640px) {
  .campaign-flow__img img {
    width: 47.94871794871795vw;
  }
}

.campaign-flow__info {
  margin-top: var(--pixel05);
}
.campaign-flow__txt {
  text-align: center;
}
@media screen and (min-width: 641px) {
  .campaign-flow__info > *:not(:first-child) {
    margin-top: var(--pixel20);
  }
  .campaign-flow__txt {
    font-size: var(--pixel16);
  }
}
@media screen and (max-width: 640px) {
  .campaign-flow__info > *:not(:first-child) {
    margin-top: var(--pixel15);
  }
  .campaign-flow__txt {
    font-size: var(--pixel14);
  }
}

.campaign-flow__comment {
  text-align: center;
}
@media screen and (min-width: 641px) {
  .campaign-flow__comment {
    margin-top: var(--pixel60);
    font-size: var(--pixel18);
  }
}
@media screen and (max-width: 640px) {
  .campaign-flow__comment {
    margin-bottom: var(--pixel40);
    font-size: var(--pixel14);
  }
}

/** EXAMPLE SCENE
==============================================*/
.example-scene {
  color: #333;
  border-radius: var(--pixel06);
}
@media screen and (min-width: 641px) {
  .example-scene {
    margin-top: var(--pixel64);
    padding: var(--pixel30) var(--pixel45);
  }
}
@media screen and (max-width: 640px) {
  .example-scene {
    margin-top: var(--pixel15);
    padding: var(--pixel30) var(--pixel08) var(--pixel20);
  }
}

.example-scene__head {
  text-align: center;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, Verdana, sans-serif;
}
.example-scene__title .text {
  color: var(--color-accent);
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22328%22%20height%3D%2210%22%20viewBox%3D%220%200%20328%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%200.5H165%22%20stroke%3D%22%23BFA14A%22%2F%3E%3Cpath%20d%3D%22M166.5%209.5L170.5%200.5H328%22%20stroke%3D%22%23BFA14A%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100%;
}
@media screen and (min-width: 641px) {
  .example-scene__head {
    margin-bottom: var(--pixel30);
  }
  .example-scene__title .text {
    font-size: var(--pixel20);
    padding-bottom: var(--pixel20);
  }
  .example-scene__txt {
    font-size: var(--pixel16);
    margin-top: var(--pixel20);
  }
}
@media screen and (max-width: 640px) {
  .example-scene__head {
    margin-bottom: var(--pixel20);
  }
  .example-scene__title .text {
    font-size: var(--pixel16);
    padding-bottom: var(--pixel15);
  }
  .example-scene__txt {
    font-size: var(--pixel14);
    margin-top: var(--pixel15);
  }
}

.example-list {
  display: -webkit-box;
  display: flex;
}
.example-list__icon {
  display: block;
  background-color: #faf8f4;
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.example-list__icon img {
  height: var(--pixel68);
}
.example-list__text {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, Verdana, sans-serif;
  display: block;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .example-list > li {
    width: calc((100% - 5 * var(--pixel15)) / 6);
  }
  .example-list > li:not(:last-child) {
    margin-right: var(--pixel15);
  }
  .example-list__text {
    margin-top: var(--pixel12);
    font-size: var(--pixel18);
  }
}
@media screen and (max-width: 640px) {
  .example-list {
    flex-wrap: wrap;
    padding-right: var(--pixel28);
    padding-left: var(--pixel28);
  }
  .example-list > li {
    width: calc(50% - var(--pixel15));
  }
  .example-list > li:nth-child(odd) {
    margin-right: var(--pixel30);
  }
  .example-list > li:not(:nth-child(-n + 2)) {
    margin-top: var(--pixel20);
  }
  .example-list__text {
    margin-top: var(--pixel10);
    font-size: var(--pixel16);
  }
}

/** SECTION MILECLUB
==============================================*/
.section-mileclub {
}
@media screen and (min-width: 641px) {
  .section-mileclub {
    padding-bottom: var(--pixel30);
  }
  .section-mileclub .content {
    margin-top: var(--pixel50);
  }
}
@media screen and (max-width: 640px) {
  .section-mileclub {
    padding-bottom: 0;
  }
  .section-mileclub .content {
    margin-top: var(--pixel30);
  }
}

.saison-mileclub {
}
@media screen and (min-width: 641px) {
  .saison-mileclub {
    display: -webkit-box;
    display: flex;
  }
}
@media screen and (max-width: 640px) {
}

.saison-mileclub__img {
  background-color: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  border: 1px solid #ebebeb;
}
@media screen and (min-width: 641px) {
  .saison-mileclub__img {
    width: min(31.259150805270863vw, 427px);
    height: min(15.592972181551975vw, 213px);
    margin-right: var(--pixel38);
  }
  .saison-mileclub__img img {
    width: min(20.497803806734993vw, 280px);
  }
}
@media screen and (max-width: 640px) {
  .saison-mileclub__img {
  }
  .saison-mileclub__img img {
    width: 60vw;
    height: 46.15384615384615vw;
  }
}

.saison-mileclub__title {
  border-bottom: 1px solid;
  padding-bottom: var(--pixel10);
}
.saison-mileclub__title .small {
  display: block;
}
.saison-mileclub__price {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.saison-mileclub__price > dt,
.saison-mileclub__price > dd {
  line-height: 1;
  padding: var(--pixel05) var(--pixel10);
}
.saison-mileclub__price > dt {
  background-color: #ebebeb;
  color: #0e2036;
}
.saison-mileclub__txt {
  padding-top: var(--pixel10);
}
@media screen and (min-width: 641px) {
  .saison-mileclub__info {
    -webkit-box-flex: 1;
    flex: 1;
  }
  .saison-mileclub__title {
    font-size: var(--pixel30);
  }
  .saison-mileclub__title .small {
    font-size: var(--pixel17);
  }
  .saison-mileclub__price {
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin-top: var(--pixel20);
  }
  .saison-mileclub__price > dt {
    font-size: var(--pixel13);
  }
  .saison-mileclub__price > dd {
    font-size: var(--pixel16);
  }
  .saison-mileclub__txt {
    font-size: var(--pixel16);
  }
}
@media screen and (max-width: 640px) {
  .saison-mileclub__info {
    margin-top: var(--pixel20);
  }
  .saison-mileclub__title {
    text-align: center;
    font-size: var(--pixel24);
  }
  .saison-mileclub__title .small {
    font-size: var(--pixel14);
  }
  .saison-mileclub__price {
    -webkit-box-pack: center;
    justify-content: center;
    margin-top: var(--pixel15);
  }
  .saison-mileclub__price > dt {
    font-size: var(--pixel12);
  }
  .saison-mileclub__price > dd {
    font-size: var(--pixel13);
  }
  .saison-mileclub__txt {
    font-size: var(--pixel14);
  }
}

.exchange-mile__box {
  display: -webkit-box;
  display: flex;
  background-color: #fff;
  padding-top: var(--pixel03);
  padding-bottom: var(--pixel03);
}
.exchange-mile__box:not(:last-child) {
  position: relative;
}
.exchange-mile__box:not(:last-child):after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2221%22%20viewBox%3D%220%200%2021%2021%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M19.0054%200H1.72776C1.26953%200%200.830069%200.182032%200.50605%200.50605C0.182032%200.830069%200%201.26953%200%201.72776V19.0054C0%2019.4636%200.182032%2019.9031%200.50605%2020.2271C0.830069%2020.5511%201.26953%2020.7332%201.72776%2020.7332H19.0054C19.4636%2020.7332%2019.9031%2020.5511%2020.2271%2020.2271C20.5511%2019.9031%2020.7332%2019.4636%2020.7332%2019.0054V1.72776C20.7332%201.26953%2020.5511%200.830069%2020.2271%200.50605C19.9031%200.182032%2019.4636%200%2019.0054%200ZM16.4138%2011.2305H11.2305V16.4138C11.2305%2016.6429%2011.1395%2016.8626%2010.9774%2017.0246C10.8154%2017.1866%2010.5957%2017.2776%2010.3666%2017.2776C10.1375%2017.2776%209.91774%2017.1866%209.75573%2017.0246C9.59372%2016.8626%209.5027%2016.6429%209.5027%2016.4138V11.2305H4.31941C4.0903%2011.2305%203.87056%2011.1395%203.70855%2010.9774C3.54655%2010.8154%203.45553%2010.5957%203.45553%2010.3666C3.45553%2010.1375%203.54655%209.91774%203.70855%209.75573C3.87056%209.59372%204.0903%209.5027%204.31941%209.5027H9.5027V4.31941C9.5027%204.0903%209.59372%203.87056%209.75573%203.70855C9.91774%203.54655%2010.1375%203.45553%2010.3666%203.45553C10.5957%203.45553%2010.8154%203.54655%2010.9774%203.70855C11.1395%203.87056%2011.2305%204.0903%2011.2305%204.31941V9.5027H16.4138C16.6429%209.5027%2016.8626%209.59372%2017.0246%209.75573C17.1866%209.91774%2017.2776%2010.1375%2017.2776%2010.3666C17.2776%2010.5957%2017.1866%2010.8154%2017.0246%2010.9774C16.8626%2011.1395%2016.6429%2011.2305%2016.4138%2011.2305Z%22%20fill%3D%22%230E2036%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  position: absolute;
  width: var(--pixel20);
}
@media screen and (min-width: 641px) {
  .exchange-mile__box:not(:last-child):after {
    top: 0;
    left: calc(100% - var(--pixel06));
    width: var(--pixel20);
    height: 100%;
  }
}
@media screen and (max-width: 640px) {
  .exchange-mile__box:not(:last-child):after {
    top: calc(100% - var(--pixel06));
    left: 0;
    width: 100%;
    height: var(--pixel20);
  }
}

.exchange-mile__item {
  width: 50%;
  text-align: center;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.exchange-mile__item:nth-child(odd) {
  position: relative;
  border-right: 1px dotted;
}
.exchange-mile__item:nth-child(odd):after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%2215%22%20viewBox%3D%220%200%209%2015%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M1.90735e-06%201.20666L1.20779%206.67572e-06L7.78632%206.57625C7.89236%206.68163%207.97651%206.80693%208.03394%206.94496C8.09137%207.08298%208.12093%207.231%208.12093%207.3805C8.12093%207.52999%208.09137%207.67801%208.03394%207.81604C7.97651%207.95406%207.89236%208.07937%207.78632%208.18474L1.20779%2014.7644L0.00114059%2013.5578L6.17555%207.38221L1.90735e-06%201.20666Z%22%20fill%3D%22%23A4A4A4%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  background-color: #faf8f4;
  position: absolute;
  top: calc(50% - var(--pixel07));
  height: var(--pixel14);
  width: var(--pixel08);
  right: calc(0px - var(--pixel05));
}
.exchange-mile__item > dt {
  line-height: 1;
  border-radius: 9999px;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, Verdana, sans-serif;
}
.exchange-mile__item:nth-child(odd) > dt {
  background-color: var(--color-primary);
  color: #fff;
}
.exchange-mile__item:nth-child(even) > dt {
  border: 1px solid;
}
.exchange-mile__item > dd {
  font-weight: 700;
  padding-top: var(--pixel08);
}
.exchange-mile__item > dd .num {
  font-family: "Libre Bodoni", serif;
  font-style: italic;
  margin-right: 0.05em;
  position: relative;
  top: 0.05em;
  line-height: 0.8;
  font-weight: 400;
}
@media screen and (min-width: 641px) {
  .exchange-mile {
    display: -webkit-box;
    display: flex;
  }
  .exchange-mile__box {
    width: calc(50% - var(--pixel04));
  }
  .exchange-mile__box:nth-child(odd) {
    margin-right: var(--pixel08);
  }
  .exchange-mile__item {
    padding: var(--pixel20);
  }
  .exchange-mile__item > dt {
    font-size: var(--pixel13);
    padding: var(--pixel05) var(--pixel10);
  }
  .exchange-mile__item > dd {
    font-size: var(--pixel14);
  }
  .exchange-mile__item > dd .num {
    font-size: var(--pixel30);
  }
}
@media screen and (max-width: 640px) {
  .exchange-mile__box:not(:first-child) {
    margin-top: var(--pixel08);
  }
  .exchange-mile__item {
    padding: var(--pixel20) var(--pixel10);
  }
  .exchange-mile__item > dt {
    font-size: var(--pixel12);
    padding: var(--pixel05) var(--pixel18);
  }
  .exchange-mile__item > dd {
    font-size: var(--pixel12);
  }
  .exchange-mile__item > dd .num {
    font-size: var(--pixel24);
  }
}

/** SECTION MILE
==============================================*/
.section-mile {
}
@media screen and (min-width: 641px) {
  .section-mile .content {
    margin-top: var(--pixel50);
  }
}
@media screen and (max-width: 640px) {
  .section-mile .content {
    margin-top: var(--pixel35);
  }
}

.total-mile__sample {
}
.total-mile__sample > li {
  overflow: hidden;
  display: -webkit-box;
  display: flex;
  background-color: #fff;
  border: 1px solid #ebebeb;
  box-shadow: var(--pixel04) var(--pixel04) var(--pixel04) 0 rgba(0, 0, 0, 0.05);
}
@media screen and (min-width: 641px) {
  .total-mile__sample {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
  }
  .total-mile__sample > li {
    border-radius: var(--pixel07);
    width: calc((100% - var(--pixel37)) / 2);
  }
  .total-mile__sample > li:nth-child(odd) {
    margin-right: var(--pixel37);
  }
  .total-mile__sample > li:not(:nth-child(-n + 2)) {
    margin-top: var(--pixel30);
  }
}
@media screen and (max-width: 640px) {
  .total-mile__sample > li {
    border-radius: var(--pixel05);
  }
  .total-mile__sample > li:not(:first-child) {
    margin-top: var(--pixel16);
  }
}

.total-mile__img {
  position: relative;
  flex-shrink: 0;
}
.total-mile__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}
@media screen and (min-width: 641px) {
  .total-mile__img {
    width: min(11.71303074670571vw, 160px);
  }
}
@media screen and (max-width: 640px) {
  .total-mile__img {
    width: 32.30769230769231vw;
  }
}

.total-mile__info {
  -webkit-box-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  text-align: center;
}
.total-mile__name {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, Verdana, sans-serif;
}
.total-mile__mile {
  color: #960d0d;
}
.total-mile__mile .num {
  font-family: "Libre Bodoni", serif;
  font-style: italic;
  margin-right: 0.05em;
  line-height: 0.8;
  margin-top: var(--pixel05);
}
@media screen and (min-width: 641px) {
  .total-mile__info {
    padding: var(--pixel20);
  }
  .total-mile__name {
    font-size: var(--pixel18);
  }
  .total-mile__mile {
    font-size: var(--pixel36);
  }
  .total-mile__mile .num {
    font-size: var(--pixel44);
  }
}
@media screen and (max-width: 640px) {
  .total-mile__info {
    padding: var(--pixel25) var(--pixel15);
  }
  .total-mile__name {
    font-size: var(--pixel14);
  }
  .total-mile__mile {
    font-size: var(--pixel28);
  }
  .total-mile__mile .num {
    font-size: var(--pixel36);
  }
}

.total-mile__notes > li {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, Verdana, sans-serif;
  line-height: 1.4;
}
@media screen and (min-width: 641px) {
  .total-mile__notes {
    margin-top: var(--pixel30);
  }
  .total-mile__notes > li {
    font-size: var(--pixel12);
  }
}
@media screen and (max-width: 640px) {
  .total-mile__notes {
    margin-top: var(--pixel17);
  }
  .total-mile__notes > li {
    font-size: var(--pixel10);
  }
}

.family-card {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, Verdana, sans-serif;
}
.family-card__img img {
  width: 100%;
}
.family-card__info > *:not(:first-child) {
  margin-top: var(--pixel10);
}
.family-card__notes > li {
  font-size: var(--pixel12);
}
@media screen and (min-width: 641px) {
  .family-card {
    display: -webkit-box;
    display: flex;
    padding-right: var(--pixel35);
    padding-left: var(--pixel35);
  }
  .family-card__img {
    width: min(22.693997071742313vw, 310px);
    margin-right: var(--pixel42);
  }
  .family-card__info {
    -webkit-box-flex: 1;
    flex: 1;
  }
  .family-card__txt {
    font-size: var(--pixel16);
  }
}
@media screen and (max-width: 640px) {
  .family-card {
    padding-right: var(--pixel18);
    padding-left: var(--pixel18);
  }
  .family-card__img {
    display: block;
  }
  .family-card__info {
    margin-top: var(--pixel12);
  }
  .family-card__txt {
    font-size: var(--pixel14);
  }
}

/** SECTION ENTRY
==============================================*/
.section-entry {
  background-color: var(--color-primary);
  border-top: 2px solid var(--color-accent);
  border-bottom: 2px solid var(--color-accent);
}
@media screen and (min-width: 641px) {
  .section-entry {
    padding-top: var(--pixel30);
    padding-bottom: var(--pixel40);
  }
}
@media screen and (max-width: 640px) {
  .section-entry {
    padding-bottom: var(--pixel25);
  }
}

.entry-card-item__layout {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.entry-card-item__layout > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.entry-card-item__layout > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

.entry-card-item__layout > *:nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.entry-card-item__layout > *:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.entry-card-item__img {
  grid-area: entry-card-item__img;
}
.entry-card-item__txt {
  line-height: 1.8;
}
.entry-card-item__txt:nth-of-type(1) {
  grid-area: entry-card-item__txt1;
  margin-top: auto;
  margin-bottom: 0;
}
.entry-card-item__txt:nth-of-type(2) {
  grid-area: entry-card-item__txt2;
}
.entry-card-item__button {
}
@media screen and (min-width: 641px) {
  .entry-card-item {
    position: relative;
  }
  .entry-card-item__layout {
    grid-template-areas:
      "entry-card-item__img entry-card-item__txt1"
      "entry-card-item__img entry-card-item__txt2";
  }
  .entry-card-item__img {
    width: min(15.739385065885797vw, 215px);
    margin-right: var(--pixel40);
  }
  .entry-card-item__txt {
    font-size: var(--pixel24);
    padding-right: var(--pixel100);
  }
  .entry-card-item__txt:nth-of-type(1) {
  }
  .entry-card-item__txt:nth-of-type(2) {
    margin-top: 0;
    margin-bottom: auto;
  }
  .entry-card-item__button {
    position: absolute;
    display: block;
    left: calc(100% - var(--pixel60));
    bottom: calc(0px - var(--pixel10));
    min-width: min(16.83748169838946vw, 230px);
  }
  .entry-card-item__img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .entry-card-item__txt:nth-of-type(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .entry-card-item__txt:nth-of-type(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .entry-card-item__img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .entry-card-item__txt:nth-of-type(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .entry-card-item__txt:nth-of-type(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}
@media screen and (max-width: 640px) {
  .entry-card-item {
    margin-top: calc(0px - var(--pixel23));
  }
  .entry-card-item__layout {
    grid-template-areas:
      "entry-card-item__img entry-card-item__txt1"
      "entry-card-item__txt2 entry-card-item__txt2";
  }
  .entry-card-item__img {
    width: 40.51282051282051vw;
    margin-right: var(--pixel14);
  }
  /* .entry-card-item__info {
  } */
  .entry-card-item__txt:nth-of-type(1) {
    font-size: var(--pixel16);
  }
  .entry-card-item__txt:nth-of-type(2) {
    font-size: var(--pixel14);
    text-align: center;
    margin-top: var(--pixel10);
  }
  .entry-card-item__button {
    display: block;
    width: 100%;
    margin-top: var(--pixel10);
  }
  .entry-card-item__img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .entry-card-item__txt:nth-of-type(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .entry-card-item__txt:nth-of-type(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .entry-card-item__img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .entry-card-item__txt:nth-of-type(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .entry-card-item__txt:nth-of-type(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}

/** SECTION SPECS
==============================================*/
.section-specs {
}
@media screen and (min-width: 641px) {
  .section-specs .content {
    margin-top: var(--pixel54);
  }
}
@media screen and (max-width: 640px) {
  .section-specs .content {
    margin-top: var(--pixel30);
  }
}

.spec-info-dl {
  border-top: 1px solid #ccc;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}
@media screen and (min-width: 641px) {
  .spec-info-dl {
  }
}
@media screen and (max-width: 640px) {
  .spec-info-dl {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
  }
}

.spec-info-dl > dt,
.spec-info-dl > dd {
  border-bottom: 1px solid #ccc;
}
@media screen and (min-width: 641px) {
  .spec-info-dl > dt,
  .spec-info-dl > dd {
    padding: var(--pixel20);
  }
}
@media screen and (max-width: 640px) {
  .spec-info-dl > dt,
  .spec-info-dl > dd {
    padding: var(--pixel10) var(--pixel13);
  }
}

@media screen and (min-width: 641px) {
  .spec-info-dl > dd > *:not(:first-child) {
    margin-top: var(--pixel10);
  }
}
@media screen and (max-width: 640px) {
  .spec-info-dl > dd > *:not(:first-child) {
    margin-top: var(--pixel05);
  }
}

.spec-info-dl > dt {
  background-color: #f2f2f2;
}
@media screen and (min-width: 641px) {
  .spec-info-dl > dt {
    font-size: var(--pixel16);
  }
  .spec-info-dl > dt .small {
    font-size: var(--pixel12);
  }
}
@media screen and (max-width: 640px) {
  .spec-info-dl > dt {
    font-size: var(--pixel13);
  }
  .spec-info-dl > dt .small {
    font-size: var(--pixel10);
  }
}

.spec-info-dl__icon {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 641px) {
  .spec-info-dl__txt {
    font-size: var(--pixel16);
  }
  .spec-info-dl__dot > li {
    font-size: var(--pixel16);
  }
  .spec-info-dl__icon > li:not(:last-child) {
    margin-right: var(--pixel16);
  }
  .spec-info-dl__icon > li img {
    height: var(--pixel35);
  }
  .spec-info-dl__notes > li {
    font-size: var(--pixel12);
  }
}
@media screen and (max-width: 640px) {
  .spec-info-dl__txt {
    font-size: var(--pixel13);
  }
  .spec-info-dl__dot > li {
    font-size: var(--pixel13);
  }
  .spec-info-dl__icon > li:not(:last-child) {
    margin-right: var(--pixel05);
  }
  .spec-info-dl__icon > li img {
    height: var(--pixel25);
  }
  .spec-info-dl__notes > li {
    font-size: var(--pixel10);
  }
}

.spec-info-dl__precautions {
  border: 1px solid #dedede;
}
@media screen and (min-width: 641px) {
  .spec-info-dl__precautions {
    padding: var(--pixel10) var(--pixel13);
  }
}
@media screen and (max-width: 640px) {
  .spec-info-dl__precautions {
    padding: var(--pixel08) var(--pixel13);
  }
}

.spec-info-dl__precautions > dt {
  position: relative;
}
.spec-info-dl__precautions > dt:after {
  content: "";
  width: var(--pixel12);
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%20fill%3D%22none%22%3E%3Cline%20y1%3D%227.5%22%20x2%3D%2215%22%20y2%3D%227.5%22%20stroke%3D%22%23333333%22%2F%3E%3Cline%20x1%3D%227.5%22%20x2%3D%227.5%22%20y2%3D%2215%22%20stroke%3D%22%23333333%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  position: absolute;
  top: 0;
  right: var(--pixel13);
}
.spec-info-dl__precautions > dt.is-active:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%221%22%20viewBox%3D%220%200%2016%201%22%20fill%3D%22none%22%3E%3Cline%20x1%3D%220.959961%22%20y1%3D%220.5%22%20x2%3D%2216%22%20y2%3D%220.5%22%20stroke%3D%22%23333333%22%2F%3E%3C%2Fsvg%3E");
}
@media screen and (min-width: 641px) {
  .spec-info-dl__precautions > dt {
    font-size: var(--pixel14);
  }
}
@media screen and (max-width: 640px) {
  .spec-info-dl__precautions > dt {
    font-size: var(--pixel12);
  }
}

@media screen and (min-width: 641px) {
  .spec-info-dl__precautions > dd {
    padding-top: var(--pixel10);
  }
}
@media screen and (max-width: 640px) {
  .spec-info-dl__precautions > dd {
    padding-top: var(--pixel05);
  }
}

/** PAGE TOP
==============================================*/
.page-top {
  position: fixed;
  z-index: 11;
  opacity: 0;
}
.page-top__button {
  background-color: var(--color-primary);
  color: #fff;
  border: 0.5px solid;
  border-radius: 50%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  font-weight: 400;
  box-shadow: 0 var(--pixel07) var(--pixel15) 0 rgba(0, 0, 0, 0.25);
}
.page-top__button:before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2218%22%20viewBox%3D%220%200%2030%2018%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M2%2015.5564L14.7279%202.82847L27.4558%2015.5564%22%20stroke%3D%22white%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}
@media screen and (min-width: 641px) {
  .page-top {
    bottom: var(--pixel100);
    right: var(--pixel20);
  }
  .page-top__button {
    width: var(--pixel96);
    height: var(--pixel96);
    padding: var(--pixel10);
    font-size: var(--pixel24);
  }
  .page-top__button:before {
    width: var(--pixel18);
    height: var(--pixel18);
  }
}
@media screen and (max-width: 640px) {
  .page-top {
    bottom: var(--pixel40);
    right: var(--pixel10);
  }
  .page-top__button {
    width: var(--pixel50);
    height: var(--pixel50);
    padding: var(--pixel05);
    font-size: var(--pixel14);
  }
  .page-top__button:before {
    width: var(--pixel09);
    height: var(--pixel09);
  }
}

/** MODAL OPEN
==============================================*/
[data-micromodal-transition] {
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  opacity: 0;
}

[data-micromodal-transition].is-open {
  opacity: 1;
}

@media screen and (min-width: 641px) {
  .modal-open {
    cursor: pointer;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .modal-open:hover {
    opacity: 0.8;
  }
}

/** MODAL MICROMODAL
==============================================*/
.modal-micromodal {
  display: none;
}

.modal-micromodal.is-open {
  display: block;
}

@-webkit-keyframes modalfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes modalfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes modalfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes modalfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.modal-micromodal[aria-hidden="false"] .modal-overlay {
  -webkit-animation: modalfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
  animation: modalfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.modal-micromodal[aria-hidden="true"] .modal-overlay {
  -webkit-animation: modalfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
  animation: modalfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

/** MODAL OVERLAY
==============================================*/
.modal-overlay {
  background: rgba(0, 0, 0, 0.8);
  bottom: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 641px) {
  .modal-overlay {
    padding: var(--pixel20);
  }
}
@media screen and (max-width: 640px) {
}

/** MODAL CONTAINER
==============================================*/
/* close button */
.modal-close__button {
  position: absolute;
  font-weight: 700;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2242%22%20height%3D%2242%22%20viewBox%3D%220%200%2042%2042%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M2.35701%2042L0%2039.643L18.643%2021L0%202.35701L2.35701%200L21%2018.643L39.643%200L42%202.35701L23.357%2021L42%2039.643L39.643%2042L21%2023.357L2.35701%2042Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  right: 0;
}
@media screen and (min-width: 641px) {
  .modal-close__button {
    width: var(--pixel42);
    height: var(--pixel42);
    bottom: calc(100% + var(--pixel23));
  }
}
@media screen and (max-width: 640px) {
  .modal-close__button {
    width: var(--pixel28);
    height: var(--pixel28);
    bottom: calc(100% + var(--pixel15));
  }
}

/* container */
.modal-container {
  position: relative;
  max-height: calc(100vh - var(--pixel40));
}
.modal-container:focus {
  outline: none;
}
@media screen and (min-width: 641px) {
  .modal-container {
    width: min(68.33333333333333vw, 984px);
  }
}
@media screen and (max-width: 640px) {
}

/** MODAL CONTENT
==============================================*/
.modal-content {
  line-height: 1.5;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  max-height: calc(100vh - var(--pixel40) - min(32vw, 160px));
  /* color: #fff; */
  border: 1px solid transparent;
  background-color: var(--color-primary);
  background-color: #fff;
}
.modal-content::-webkit-scrollbar {
  width: var(--pixel03);
}
.modal-content::-webkit-scrollbar-thumb {
  background-color: #d2d2d2;
}
@media screen and (min-width: 641px) {
  .modal-content {
    padding: var(--pixel50) var(--pixel48);
  }
}
@media screen and (max-width: 640px) {
  .modal-content {
    padding: var(--pixel45) var(--pixel10);
  }
}

/** MODAL INNER
==============================================*/
.modal-inner {
}
@media screen and (min-width: 641px) {
}
@media screen and (max-width: 640px) {
}

/** MODAL ITEM
==============================================*/
.modal-item__ttl {
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1em;
}
@media screen and (min-width: 641px) {
  .modal-item__ttl {
    font-size: var(--pixel28);
  }
}
@media screen and (max-width: 640px) {
  .modal-item__ttl {
    font-size: var(--pixel20);
  }
}

.modal-item__lead {
  margin-bottom: 2em;
  font-weight: 700;
}
@media screen and (min-width: 641px) {
  .modal-item__lead {
    font-size: var(--pixel16);
  }
}
@media screen and (max-width: 640px) {
  .modal-item__lead {
    font-size: var(--pixel14);
  }
}

/** CAMPAIGN INFO
==============================================*/
.campaign-info {
  background-color: #fff;
  color: #333;
}
@media screen and (min-width: 641px) {
  .campaign-info {
    padding: var(--pixel55) var(--pixel55) var(--pixel40);
  }
}
@media screen and (max-width: 640px) {
  .campaign-info {
    padding: var(--pixel20) var(--pixel10);
  }
}

@media screen and (min-width: 641px) {
  .campaign-info__main {
    display: -webkit-box;
    display: flex;
  }
}

.campaign-info__ttl {
  font-weight: 700;
  line-height: 1.2;
  border-left: var(--pixel03) solid;
  padding-left: var(--pixel08);
}
@media screen and (min-width: 641px) {
  .campaign-info__main-info {
    width: calc(100% - min(19.791666666666664vw, 285px));
    padding-right: var(--pixel50);
  }
  .campaign-info__main-info--1col {
    width: 100%;
    padding-right: 0;
  }
  .campaign-info__ttl {
    font-size: var(--pixel18);
    margin-bottom: var(--pixel20);
  }
  .campaign-info__txt {
    font-size: var(--pixel16);
  }
}
@media screen and (max-width: 640px) {
  .campaign-info__ttl {
    font-size: var(--pixel16);
    margin-bottom: var(--pixel10);
  }
  .campaign-info__txt {
    font-size: var(--pixel14);
  }
}

.campaign-info__main-img {
  border: 1px solid #ededed;
  padding: var(--pixel16);
}
.campaign-info__main-img img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 641px) {
  .campaign-info__main-img {
    width: min(19.791666666666664vw, 285px);
  }
}
@media screen and (max-width: 640px) {
  .campaign-info__main-img {
    margin-top: var(--pixel15);
    width: 100%;
  }
}

.campaign-info__sub > *:not(:first-child) {
  margin-top: var(--pixel15);
}
@media screen and (min-width: 641px) {
  .campaign-info__sub:not(:first-child) {
    margin-top: var(--pixel30);
  }
}
@media screen and (max-width: 640px) {
  .campaign-info__sub:not(:first-child) {
    margin-top: var(--pixel20);
  }
}

.campaign-list {
  counter-reset: number;
}

.campaign-list > li {
  background-color: #f2f2f2;
  display: -webkit-box;
  display: flex;
  position: relative;
}
.campaign-list > li:not(:first-child) {
  margin-top: var(--pixel03);
}

.campaign-list__lead {
  font-weight: 700;
}
.campaign-list__lead:before,
.campaign-list__lead:after {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  font-weight: 700;
  color: #333;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.campaign-list__lead:before {
  content: "特典";
  padding-bottom: 2em;
}
.campaign-list__lead:after {
  counter-increment: number;
  content: counter(number);
  padding-top: 1em;
}
@media screen and (min-width: 641px) {
  .campaign-list__info {
    padding: var(--pixel20) var(--pixel30) var(--pixel20) var(--pixel90);
  }
  .campaign-list__info > *:not(:first-child) {
    margin-top: var(--pixel05);
  }
  .campaign-list__lead {
    font-size: var(--pixel16);
  }
  .campaign-list__lead:before,
  .campaign-list__lead:after {
    width: var(--pixel90);
  }
  .campaign-list__lead:before {
    font-size: var(--pixel14);
  }
  .campaign-list__lead:after {
    font-size: var(--pixel24);
  }
  .campaign-list__txt {
    font-size: var(--pixel14);
  }
}
@media screen and (max-width: 640px) {
  .campaign-list__info {
    padding: var(--pixel20) var(--pixel25);
  }
  .campaign-list__info > *:not(:first-child) {
    margin-top: var(--pixel10);
  }
  .campaign-list__lead {
    position: relative;
    padding-left: var(--pixel42);
    min-height: var(--pixel35);
    font-size: var(--pixel15);
  }
  .campaign-list__lead:before,
  .campaign-list__lead:after {
    width: var(--pixel30);
  }
  .campaign-list__lead:before {
    font-size: var(--pixel10);
  }
  .campaign-list__lead:after {
    font-size: var(--pixel17);
  }
  .campaign-list__txt {
    font-size: var(--pixel13);
  }
}

.campaign-info__notes > li {
  font-size: var(--pixel11);
}

/** METHOD OF EXCHANGE
==============================================*/
.method-of-exchange {
  margin-top: 0.5em;
}
.method-accordion {
  color: #fff;
  background-color: #004084;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-weight: 500;
  margin-bottom: -1px;
  display: block;
}
.method-accordion:before,
.method-accordion:after {
  content: "";
  position: absolute;
}
.method-accordion:before {
  background-color: #fff;
}
.method-accordion:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23004084%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M0%2C8h16%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C0v16%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 70%;
}
.method-accordion.is-active:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%202%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23004084%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M0%2C1h16%22%2F%3E%3C%2Fsvg%3E");
}
.method-accordion.is-active {
  border-bottom: 1px solid #f2f2f2;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.method-of-exchange > dd {
  background-color: #f2f2f2;
  color: #333;
}
@media screen and (min-width: 641px) {
  .method-accordion {
    padding: var(--pixel20) var(--pixel50) var(--pixel20) var(--pixel20);
    font-size: var(--pixel16);
    width: min(34.40702781844802vw, 470px);
    border-radius: var(--pixel10);
  }
  .method-accordion:before,
  .method-accordion:after {
    right: var(--pixel20);
    top: calc(50% - var(--pixel10));
    width: var(--pixel20);
    height: var(--pixel20);
  }
  .method-of-exchange > dd {
    padding: var(--pixel40) var(--pixel20) var(--pixel20);
    border-top-right-radius: var(--pixel10);
    border-bottom-right-radius: var(--pixel10);
    border-bottom-left-radius: var(--pixel10);
  }
}
@media screen and (max-width: 640px) {
  .method-accordion {
    padding: var(--pixel15) var(--pixel40) var(--pixel15) var(--pixel15);
    font-size: var(--pixel13);
    border-radius: var(--pixel05);
    width: 100%;
  }
  .method-accordion:before,
  .method-accordion:after {
    right: var(--pixel15);
    top: calc(50% - var(--pixel08));
    width: var(--pixel16);
    height: var(--pixel16);
  }
  .method-of-exchange > dd {
    border-bottom-right-radius: var(--pixel05);
    border-bottom-left-radius: var(--pixel05);
    padding: var(--pixel15) var(--pixel20);
  }
}

.method-of-exchange__list {
  counter-reset: number;
}
.method-of-exchange__list > li:not(:last-child) {
  position: relative;
}
.method-of-exchange__list > li:not(:last-child):after {
  content: "";
  background-color: #6d6d6d;
  position: absolute;
  z-index: 1;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
@media screen and (min-width: 641px) {
  .method-of-exchange__list > li:not(:last-child) {
    margin-bottom: var(--pixel40);
  }
  .method-of-exchange__list > li:not(:last-child):after {
    left: calc(50% - var(--pixel30));
    top: calc(100% + var(--pixel10));
    width: var(--pixel60);
    height: var(--pixel20);
  }
}
@media screen and (max-width: 640px) {
  .method-of-exchange__list > li:not(:last-child) {
    margin-bottom: var(--pixel40);
  }
  .method-of-exchange__list > li:not(:last-child):after {
    left: calc(50% - var(--pixel30));
    top: calc(100% + var(--pixel10));
    width: var(--pixel60);
    height: var(--pixel20);
  }
}

@media screen and (min-width: 641px) {
  .method-of-exchange__item:not(:first-child) {
    margin-top: var(--pixel10);
  }
  .method-of-exchange__item {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
  }
}
@media screen and (max-width: 640px) {
  .method-of-exchange__item:not(:first-child) {
    margin-top: var(--pixel10);
  }
}

.method-of-exchange__item:first-of-type .method-of-exchange__info {
  position: relative;
}
.method-of-exchange__item:first-of-type .method-of-exchange__info:before {
  content: counter(number);
  counter-increment: number;
  background-color: rgb(0, 14, 136);
  color: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  line-height: 1;
  font-weight: 500;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  padding-left: 0.15em;
}
.method-of-exchange__txt {
  text-align: left !important;
}
.method-of-exchange__notes > li {
  padding-left: 1em;
  text-indent: -1em;
  text-align: left;
}
.method-of-exchange__notes > li:before {
  content: "※";
}
@media screen and (min-width: 641px) {
  .method-of-exchange__info {
    padding-left: 3em;
  }
  .method-of-exchange__info {
    width: calc(100% - min(18.301610541727673vw, 250px));
    padding-right: var(--pixel30);
  }
  .method-of-exchange__item:first-of-type .method-of-exchange__info:before {
    width: var(--pixel30);
    height: var(--pixel30);
    font-size: var(--pixel16);
  }
  .method-of-exchange__txt {
    font-size: var(--pixel16);
  }
  .method-of-exchange__notes > li {
    font-size: var(--pixel12);
  }
}
@media screen and (max-width: 640px) {
  .method-of-exchange__item:first-of-type .method-of-exchange__info {
    padding-left: 3em;
  }
  .method-of-exchange__info {
    margin-bottom: var(--pixel10);
  }
  .method-of-exchange__item:first-of-type .method-of-exchange__info:before {
    width: var(--pixel25);
    height: var(--pixel25);
    font-size: var(--pixel12);
  }
  .method-of-exchange__txt {
    font-size: var(--pixel13);
  }
  .method-of-exchange__notes > li {
    font-size: var(--pixel12);
  }
}

.method-of-exchange__img img {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .method-of-exchange__img {
    width: min(18.301610541727673vw, 250px);
  }
}

.method-click {
  cursor: pointer;
  text-decoration: underline;
  /* color: #006fca; */
}

/** ENTRT MODAL
==============================================*/
.card-entry__box {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 641px) {
  .card-entry__box {
    width: min(43.92386530014642vw, 600px);
  }
}

@media only screen and (min-width: 641px) {
  .card-entry__style:not(:first-child) {
    margin-top: var(--pixel30);
  }
}
@media only screen and (max-width: 640px) {
  .card-entry__style:not(:first-child) {
    margin-top: var(--pixel20);
  }
}

.card-entry__list {
  text-align: center;
}

.card-entry__button {
}
@media only screen and (min-width: 641px) {
  .card-entry__button {
    min-width: min(30.74670571010249vw, 420px);
  }
}
@media only screen and (max-width: 640px) {
  .card-entry__button {
    min-width: 70vw;
  }
}

.card-entry__txt {
  margin-top: var(--pixel40);
}
@media only screen and (min-width: 641px) {
  .card-entry__txt {
    font-size: var(--pixel16);
  }
}
@media only screen and (max-width: 640px) {
  .card-entry__txt {
    font-size: var(--pixel12);
  }
}

/** MODAL INFORMATION
==============================================*/
.modal-information__title {
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .modal-information__title {
    font-size: var(--pixel30);
    margin-bottom: var(--pixel45);
  }
}
@media screen and (max-width: 640px) {
  .modal-information__title {
    font-size: var(--pixel22);
    margin-bottom: var(--pixel40);
  }
}

.modal-information__body {
  background-color: #fff;
  color: #333333;
}
@media screen and (min-width: 641px) {
  .modal-information__body {
    padding: var(--pixel25);
  }
}
@media screen and (max-width: 640px) {
  .modal-information__body {
    padding: var(--pixel12) var(--pixel08);
  }
}

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

.information-dl > dt:not(:first-of-type),
.information-dl > dd:not(:first-of-type) {
  margin-top: var(--pixel03);
}

.information-dl > dt {
  background-color: #000;
  color: #fff;
  font-weight: 700;
}
@media screen and (min-width: 641px) {
  .information-dl > dt {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    font-size: var(--pixel16);
    padding: var(--pixel20);
    margin-right: var(--pixel13);
  }
}
@media screen and (max-width: 640px) {
  .information-dl > dt {
    font-size: var(--pixel15);
    padding: var(--pixel05) var(--pixel10);
  }
}

.information-dl > dd {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  align-items: center;
  padding-top: var(--pixel10);
  padding-bottom: var(--pixel10);
}
.information-dl__dd > *:not(:first-child) {
  margin-top: var(--pixel10);
}
.information-dl__txt--center {
  text-align: center;
}
@media screen and (min-width: 641px) {
  .information-dl__txt {
    font-size: var(--pixel14);
  }
  .information-dl__notes > li {
    font-size: var(--pixel12);
  }
}
@media screen and (max-width: 640px) {
  .information-dl__txt {
    font-size: var(--pixel13);
  }
  .information-dl__notes > li {
    font-size: var(--pixel10);
  }
}

.modal-information__table {
  width: 100%;
}
.modal-information__table th,
.modal-information__table td {
  text-align: center;
  vertical-align: middle;
  font-weight: 400;
}
.modal-information__table tr:not(:first-child) th,
.modal-information__table tr:not(:first-child) td {
  border-top: 1px solid #fff;
}
.modal-information__table th,
.modal-information__table td {
  border-right: 1px solid #fff;
}
.modal-information__table th {
  background-color: var(--color-accent);
  color: #fff;
}
.modal-information__table td {
  background-color: #f2f2f2;
}
@media screen and (min-width: 641px) {
  .modal-information__table th,
  .modal-information__table td {
    font-size: var(--pixel14);
    padding: var(--pixel10);
  }
}
@media screen and (max-width: 640px) {
  .modal-information__table th,
  .modal-information__table td {
    font-size: var(--pixel11);
    padding: var(--pixel05);
  }
}

.modal-information__table--4col th,
.modal-information__table--4col td {
  width: 25%;
}