@charset "UTF-8";

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

body {
  color: #1e2024;
  font-weight: 500;
  line-height: 1.28;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, Verdana, sans-serif;
}

img {
  width: auto;
  height: auto;
}

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

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;
}

body {
  margin-bottom: var(--fixed-cta-height, 100px);
}

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

a:focus-visible,
button:focus-visible {
  outline: 2px solid var(--color-sub);
  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;
  }
}

:root {
  --color-red: #d2003c;
  --color-blue: #0f0069;
  --color-sub: #d8b15a;
  --saison-blue: #003f98;
}
.color-red {
  color: var(--color-red);
}
.color-blue {
  color: var(--color-blue);
}
.color-sub {
  color: var(--color-sub);
}
.saison-blue {
  color: var(--saison-blue);
}
@media screen and (min-width: 641px) {
  /* 1280px size */
  :root {
    --pixel01: min(0.078125vw, 1px);
    --pixel02: min(0.15625vw, 2px);
    --pixel03: min(0.234375vw, 3px);
    --pixel04: min(0.3125vw, 4px);
    --pixel05: min(0.390625vw, 5px);
    --pixel06: min(0.46875vw, 6px);
    --pixel07: min(0.546875vw, 7px);
    --pixel08: min(0.625vw, 8px);
    --pixel09: min(0.703125vw, 9px);
    --pixel10: min(0.78125vw, 10px);
    --pixel11: min(0.8593750000000001vw, 11px);
    --pixel12: min(0.9375vw, 12px);
    --pixel13: min(1.015625vw, 13px);
    --pixel14: min(1.09375vw, 14px);
    --pixel15: min(1.171875vw, 15px);
    --pixel16: min(1.25vw, 16px);
    --pixel17: min(1.328125vw, 17px);
    --pixel18: min(1.40625vw, 18px);
    --pixel19: min(1.484375vw, 19px);
    --pixel20: min(1.5625vw, 20px);
    --pixel21: min(1.640625vw, 21px);
    --pixel22: min(1.7187500000000002vw, 22px);
    --pixel23: min(1.7968749999999998vw, 23px);
    --pixel24: min(1.875vw, 24px);
    --pixel25: min(1.953125vw, 25px);
    --pixel26: min(2.03125vw, 26px);
    --pixel27: min(2.109375vw, 27px);
    --pixel28: min(2.1875vw, 28px);
    --pixel29: min(2.265625vw, 29px);
    --pixel30: min(2.34375vw, 30px);
    --pixel31: min(2.421875vw, 31px);
    --pixel32: min(2.5vw, 32px);
    --pixel33: min(2.578125vw, 33px);
    --pixel34: min(2.65625vw, 34px);
    --pixel35: min(2.734375vw, 35px);
    --pixel36: min(2.8125vw, 36px);
    --pixel37: min(2.890625vw, 37px);
    --pixel38: min(2.96875vw, 38px);
    --pixel39: min(3.046875vw, 39px);
    --pixel40: min(3.125vw, 40px);
    --pixel41: min(3.2031249999999996vw, 41px);
    --pixel42: min(3.28125vw, 42px);
    --pixel43: min(3.359375vw, 43px);
    --pixel44: min(3.4375000000000004vw, 44px);
    --pixel45: min(3.515625vw, 45px);
    --pixel46: min(3.5937499999999996vw, 46px);
    --pixel47: min(3.671875vw, 47px);
    --pixel48: min(3.75vw, 48px);
    --pixel49: min(3.8281250000000004vw, 49px);
    --pixel50: min(3.90625vw, 50px);
    --pixel51: min(3.9843749999999996vw, 51px);
    --pixel52: min(4.0625vw, 52px);
    --pixel53: min(4.140625vw, 53px);
    --pixel54: min(4.21875vw, 54px);
    --pixel55: min(4.296875vw, 55px);
    --pixel56: min(4.375vw, 56px);
    --pixel57: min(4.453125vw, 57px);
    --pixel58: min(4.53125vw, 58px);
    --pixel59: min(4.609375vw, 59px);
    --pixel60: min(4.6875vw, 60px);
    --pixel61: min(4.765625vw, 61px);
    --pixel62: min(4.84375vw, 62px);
    --pixel63: min(4.921875vw, 63px);
    --pixel64: min(5vw, 64px);
    --pixel65: min(5.078125vw, 65px);
    --pixel66: min(5.15625vw, 66px);
    --pixel67: min(5.234375vw, 67px);
    --pixel68: min(5.3125vw, 68px);
    --pixel69: min(5.390625vw, 69px);
    --pixel70: min(5.46875vw, 70px);
    --pixel71: min(5.546875vw, 71px);
    --pixel72: min(5.625vw, 72px);
    --pixel73: min(5.703125vw, 73px);
    --pixel74: min(5.78125vw, 74px);
    --pixel75: min(5.859375vw, 75px);
    --pixel76: min(5.9375vw, 76px);
    --pixel77: min(6.015625vw, 77px);
    --pixel78: min(6.09375vw, 78px);
    --pixel79: min(6.171875vw, 79px);
    --pixel80: min(6.25vw, 80px);
    --pixel81: min(6.328125vw, 81px);
    --pixel82: min(6.406249999999999vw, 82px);
    --pixel83: min(6.484375000000001vw, 83px);
    --pixel84: min(6.5625vw, 84px);
    --pixel85: min(6.640625vw, 85px);
    --pixel86: min(6.71875vw, 86px);
    --pixel87: min(6.796874999999999vw, 87px);
    --pixel88: min(6.875000000000001vw, 88px);
    --pixel89: min(6.953125vw, 89px);
    --pixel90: min(7.03125vw, 90px);
    --pixel91: min(7.109375vw, 91px);
    --pixel92: min(7.187499999999999vw, 92px);
    --pixel93: min(7.265625000000001vw, 93px);
    --pixel94: min(7.34375vw, 94px);
    --pixel95: min(7.421875vw, 95px);
    --pixel96: min(7.5vw, 96px);
    --pixel97: min(7.578124999999999vw, 97px);
    --pixel98: min(7.656250000000001vw, 98px);
    --pixel99: min(7.734375vw, 99px);
    --pixel100: min(7.8125vw, 100px);
  }
}
@media screen and (max-width: 640px) {
  /* 375px size */
  :root {
    --pixel01: 0.26666666666666666vw;
    --pixel02: 0.5333333333333333vw;
    --pixel03: 0.8vw;
    --pixel04: 1.0666666666666667vw;
    --pixel05: 1.3333333333333335vw;
    --pixel06: 1.6vw;
    --pixel07: 1.866666666666667vw;
    --pixel08: 2.1333333333333333vw;
    --pixel09: 2.4vw;
    --pixel10: 2.666666666666667vw;
    --pixel11: 2.933333333333333vw;
    --pixel12: 3.2vw;
    --pixel13: 3.4666666666666663vw;
    --pixel14: 3.733333333333334vw;
    --pixel15: 4vw;
    --pixel16: 4.266666666666667vw;
    --pixel17: 4.533333333333333vw;
    --pixel18: 4.8vw;
    --pixel19: 5.066666666666666vw;
    --pixel20: 5.333333333333334vw;
    --pixel21: 5.6000000000000005vw;
    --pixel22: 5.866666666666666vw;
    --pixel23: 6.133333333333333vw;
    --pixel24: 6.4vw;
    --pixel25: 6.666666666666667vw;
    --pixel26: 6.933333333333333vw;
    --pixel27: 7.199999999999999vw;
    --pixel28: 7.466666666666668vw;
    --pixel29: 7.733333333333333vw;
    --pixel30: 8vw;
    --pixel31: 8.266666666666666vw;
    --pixel32: 8.533333333333333vw;
    --pixel33: 8.799999999999999vw;
    --pixel34: 9.066666666666666vw;
    --pixel35: 9.333333333333334vw;
    --pixel36: 9.6vw;
    --pixel37: 9.866666666666667vw;
    --pixel38: 10.133333333333333vw;
    --pixel39: 10.4vw;
    --pixel40: 10.666666666666668vw;
    --pixel41: 10.933333333333334vw;
    --pixel42: 11.200000000000001vw;
    --pixel43: 11.466666666666667vw;
    --pixel44: 11.733333333333333vw;
    --pixel45: 12vw;
    --pixel46: 12.266666666666666vw;
    --pixel47: 12.533333333333333vw;
    --pixel48: 12.8vw;
    --pixel49: 13.066666666666665vw;
    --pixel50: 13.333333333333334vw;
    --pixel51: 13.600000000000001vw;
    --pixel52: 13.866666666666665vw;
    --pixel53: 14.133333333333335vw;
    --pixel54: 14.399999999999999vw;
    --pixel55: 14.666666666666666vw;
    --pixel56: 14.933333333333335vw;
    --pixel57: 15.2vw;
    --pixel58: 15.466666666666667vw;
    --pixel59: 15.733333333333333vw;
    --pixel60: 16vw;
    --pixel61: 16.266666666666666vw;
    --pixel62: 16.53333333333333vw;
    --pixel63: 16.8vw;
    --pixel64: 17.066666666666666vw;
    --pixel65: 17.333333333333336vw;
    --pixel66: 17.599999999999998vw;
    --pixel67: 17.866666666666667vw;
    --pixel68: 18.133333333333333vw;
    --pixel69: 18.4vw;
    --pixel70: 18.666666666666668vw;
    --pixel71: 18.933333333333334vw;
    --pixel72: 19.2vw;
    --pixel73: 19.466666666666665vw;
    --pixel74: 19.733333333333334vw;
    --pixel75: 20vw;
    --pixel76: 20.266666666666666vw;
    --pixel77: 20.533333333333335vw;
    --pixel78: 20.8vw;
    --pixel79: 21.066666666666666vw;
    --pixel80: 21.333333333333336vw;
    --pixel81: 21.6vw;
    --pixel82: 21.866666666666667vw;
    --pixel83: 22.133333333333333vw;
    --pixel84: 22.400000000000002vw;
    --pixel85: 22.666666666666664vw;
    --pixel86: 22.933333333333334vw;
    --pixel87: 23.200000000000003vw;
    --pixel88: 23.466666666666665vw;
    --pixel89: 23.733333333333334vw;
    --pixel90: 24vw;
    --pixel91: 24.266666666666666vw;
    --pixel92: 24.53333333333333vw;
    --pixel93: 24.8vw;
    --pixel94: 25.066666666666666vw;
    --pixel95: 25.333333333333336vw;
    --pixel96: 25.6vw;
    --pixel97: 25.866666666666667vw;
    --pixel98: 26.13333333333333vw;
    --pixel99: 26.400000000000002vw;
    --pixel100: 26.666666666666668vw;
  }
}

.wrap {
  position: relative;
  background-color: #fff;
}

.row {
  margin-inline: auto;
}
@media screen and (min-width: 641px) {
  .row {
    width: min(75vw, 960px);
    padding-right: var(--pixel30);
    padding-left: var(--pixel30);
  }
}
@media screen and (max-width: 640px) {
  .row {
    width: 92vw;
  }
}

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

.notes-list > li {
  padding-left: 1em;
  text-indent: -1em;
  color: #767b8c;
  line-height: 1.48;
}
.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;
}
@media screen and (min-width: 641px) {
  .notes-list > li {
    font-size: var(--pixel12);
  }
}
@media screen and (max-width: 640px) {
  .notes-list > li {
    font-size: var(--pixel11);
  }
}

.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-red);
  width: 0.9em;
  height: 0.9em;
  position: absolute;
  top: 0.2em;
  left: 0;
}

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

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

/** SETTING
==============================================*/
.side-deco {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  align-items: flex-end;
}
.side-deco:before,
.side-deco:after {
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 100%;
  aspect-ratio: 1/1;
  height: 0.75em;
  position: relative;
  top: -0.2em;
}
.side-deco--wh:before,
.side-deco--wh:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.45324%200.165891C4.78013%20-0.0976142%205.25445%20-0.0411134%205.51298%200.292094L19.8372%2018.7538L19.8821%2018.8177C20.0879%2019.1464%2020.0198%2019.587%2019.7134%2019.8341C19.4069%2020.0811%2018.9708%2020.0469%2018.7045%2019.7672L18.6536%2019.7079L4.32943%201.24613C4.07093%200.912912%204.12635%200.42942%204.45324%200.165891Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M0.155308%2010.9901C0.422815%2010.6156%200.942907%2010.5289%201.31742%2010.7965L12.0865%2018.4885C12.4609%2018.756%2012.5476%2019.2761%2012.2801%2019.6506C12.0127%2020.0251%2011.4925%2020.1125%2011.118%2019.8451L0.348993%2012.1522C-0.0255179%2011.8847%20-0.1122%2011.3646%200.155308%2010.9901Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
}
.side-deco--red:before,
.side-deco--red:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.23468%200.232247C6.69234%20-0.13666%207.35638%20-0.0575588%207.71832%200.408932L27.7722%2026.2554L27.8351%2026.3448C28.1232%2026.8049%2028.0278%2027.4218%2027.5989%2027.7677C27.1698%2028.1136%2026.5593%2028.0657%2026.1864%2027.6741L26.1152%2027.591L6.06135%201.74458C5.69944%201.27808%205.77704%200.601188%206.23468%200.232247Z%22%20fill%3D%22%23A60020%22%2F%3E%3Cpath%20d%3D%22M6.23468%200.232247C6.69234%20-0.13666%207.35638%20-0.0575588%207.71832%200.408932L27.7722%2026.2554L27.8351%2026.3448C28.1232%2026.8049%2028.0278%2027.4218%2027.5989%2027.7677C27.1698%2028.1136%2026.5593%2028.0657%2026.1864%2027.6741L26.1152%2027.591L6.06135%201.74458C5.69944%201.27808%205.77704%200.601188%206.23468%200.232247Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.2%22%2F%3E%3Cpath%20d%3D%22M0.217614%2015.3863C0.592124%2014.862%201.32025%2014.7406%201.84457%2015.1151L16.9212%2025.884C17.4455%2026.2585%2017.5668%2026.9867%2017.1924%2027.511C16.8179%2028.0352%2016.0897%2028.1576%2015.5654%2027.7833L0.488773%2017.0132C-0.0355419%2016.6387%20-0.156897%2015.9106%200.217614%2015.3863Z%22%20fill%3D%22%23A60020%22%2F%3E%3Cpath%20d%3D%22M0.217614%2015.3863C0.592124%2014.862%201.32025%2014.7406%201.84457%2015.1151L16.9212%2025.884C17.4455%2026.2585%2017.5668%2026.9867%2017.1924%2027.511C16.8179%2028.0352%2016.0897%2028.1576%2015.5654%2027.7833L0.488773%2017.0132C-0.0355419%2016.6387%20-0.156897%2015.9106%200.217614%2015.3863Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.2%22%2F%3E%3C%2Fsvg%3E");
}
.side-deco--blue:before,
.side-deco--blue:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M5.34386%200.199069C5.73614%20-0.117137%206.30532%20-0.0493361%206.61555%200.350513L23.8046%2022.5046L23.8585%2022.5812C24.1054%2022.9756%2024.0237%2023.5044%2023.656%2023.8009C23.2883%2024.0973%2022.765%2024.0563%2022.4453%2023.7207L22.3843%2023.6494L5.19529%201.49536C4.88509%201.09549%204.9516%200.515304%205.34386%200.199069Z%22%20fill%3D%22%230F0069%22%2F%3E%20%3Cpath%20d%3D%22M0.186522%2013.1883C0.507531%2012.7389%201.13164%2012.6349%201.58105%2012.9559L14.5039%2022.1864C14.9533%2022.5074%2015.0573%2023.1315%2014.7363%2023.5809C14.4154%2024.0303%2013.7912%2024.1352%2013.3418%2023.8143L0.418944%2014.5829C-0.0304689%2014.2618%20-0.134487%2013.6377%200.186522%2013.1883Z%22%20fill%3D%22%230F0069%22%2F%3E%3C%2Fsvg%3E");
}
.side-deco:before {
  margin-right: 0.2em;
}
.side-deco:after {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  margin-left: 0.2em;
}
@media screen and (min-width: 641px) {
  .side-deco:before,
  .side-deco:after {
    min-height: var(--pixel20);
  }
}
@media screen and (max-width: 640px) {
  .side-deco:before,
  .side-deco:after {
    min-height: var(--pixel16);
  }
}

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

.accordion-body {
  overflow: hidden;
}

/** PAGE BUTTON
==============================================*/
.page-button__lead {
  text-align: center;
  font-weight: 700;
  margin-bottom: var(--pixel08);
}
@media screen and (min-width: 641px) {
  .page-button__lead {
    font-size: var(--pixel20);
  }
  .page-button__lead .s {
    font-size: var(--pixel12);
  }
  .page-button__lead .m {
    font-size: var(--pixel16);
  }
  .page-button__lead .l {
    font-size: var(--pixel22);
  }
  .page-button__lead .ll {
    font-size: var(--pixel28);
  }
}
@media screen and (max-width: 640px) {
  .page-button__lead {
    font-size: var(--pixel16);
  }
  .page-button__lead .s {
    font-size: var(--pixel14);
  }
  .page-button__lead .m {
    font-size: var(--pixel14);
  }
  .page-button__lead .l {
    font-size: var(--pixel20);
  }
  .page-button__lead .ll {
    font-size: var(--pixel20);
  }
}

.page-button__lead .deco-slash {
  position: relative;
  display: inline-block;
  padding-right: var(--pixel18);
  padding-left: var(--pixel18);
}
.page-button__lead .deco-slash:before,
.page-button__lead .deco-slash: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%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M4.0079%200.149302C4.3021%20-0.0878528%204.72899%20-0.0370021%204.96166%200.262885L17.8534%2016.8785L17.8939%2016.9359C18.0791%2017.2317%2018.0178%2017.6283%2017.742%2017.8507C17.4662%2018.073%2017.0737%2018.0423%2016.834%2017.7905L16.7882%2017.7371L3.89647%201.12152C3.66381%200.821621%203.7137%200.386478%204.0079%200.149302Z%22%20fill%3D%22%23FC6104%22%2F%3E%20%3Cpath%20d%3D%22M0.139777%209.89112C0.380534%209.55406%200.848616%209.47605%201.18568%209.7168L10.8778%2016.6397C11.2149%2016.8804%2011.2928%2017.3485%2011.0521%2017.6856C10.8114%2018.0226%2010.3433%2018.1012%2010.0062%2017.8606L0.314093%2010.937C-0.0229661%2010.6963%20-0.10098%2010.2282%200.139777%209.89112Z%22%20fill%3D%22%23FC6104%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  position: absolute;
  bottom: 0;
  width: var(--pixel18);
  height: var(--pixel18);
}
.page-button__lead .deco-slash:before {
  left: 0;
}
.page-button__lead .deco-slash:after {
  right: 0;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.page-button__button {
  position: relative;
  display: block;
  margin-inline: auto;
  border-radius: 9999px;
  color: #fff;
  background: -webkit-linear-gradient(52deg, #49c86d -0.01%, #2fb45b 100.2%);
  background: linear-gradient(38deg, #49c86d -0.01%, #2fb45b 100.2%);
  border: var(--pixel03) solid #fff;
  box-shadow: 0 0 var(--pixel08) 0 rgba(0, 0, 0, 0.16);
}
.page-button__button: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%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M20.0288%200.226283L21.1062%201.30438L9.68522%2012.7253L8.60789%2011.648L20.0288%200.226283Z%22%20fill%3D%22white%22%2F%3E%20%3Cpath%20d%3D%22M21.3333%207.61905H19.8095V1.52381H13.7143V0H21.3333V7.61905ZM17.5238%2021.3333H2.28571C0.990476%2021.3333%200%2020.3429%200%2019.0476V3.80952C0%202.51429%200.990476%201.52381%202.28571%201.52381H10.6667V3.04762H2.28571C1.82857%203.04762%201.52381%203.35238%201.52381%203.80952V19.0476C1.52381%2019.5048%201.82857%2019.8095%202.28571%2019.8095H17.5238C17.981%2019.8095%2018.2857%2019.5048%2018.2857%2019.0476V10.6667H19.8095V19.0476C19.8095%2020.3429%2018.819%2021.3333%2017.5238%2021.3333Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  height: 100%;
  position: absolute;
  top: 0;
}
@media screen and (min-width: 641px) {
  .page-button__button {
    font-size: var(--pixel26);
    padding: var(--pixel25) var(--pixel65) var(--pixel25) var(--pixel50);
  }
  .page-button__button:after {
    right: var(--pixel25);
    width: var(--pixel22);
  }
}
@media screen and (max-width: 640px) {
  .page-button__button {
    font-size: var(--pixel20);
    padding: var(--pixel15) var(--pixel50) var(--pixel15) var(--pixel30);
  }
  .page-button__button:after {
    right: var(--pixel16);
    width: var(--pixel16);
  }
}

/** PAGE FRAME
==============================================*/
.page-frame {
  border-radius: var(--pixel08);
  background-color: #fff;
  color: #1e2024;
  border: 1px solid transparent;
  background: -webkit-linear-gradient(#fff, #fff) padding-box, -webkit-linear-gradient(left, #0f0069 0%, #d2003c 100%) border-box;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #0f0069 0%, #d2003c 100%) border-box;
}
.page-frame--announce {
  border: 1px solid var(--color-red);
}
@media screen and (min-width: 641px) {
  .page-frame {
    padding: var(--pixel64) var(--pixel40);
    box-shadow: 0 0 var(--pixel32) 0 rgba(210, 0, 60, 0.16);
  }
  .page-frame--announce {
    padding: var(--pixel24) var(--pixel40);
  }
}
@media screen and (max-width: 640px) {
  .page-frame {
    padding: var(--pixel24) var(--pixel12);
    box-shadow: 0 0 var(--pixel10) 0 rgba(210, 0, 60, 0.16);
  }
  .page-frame--announce {
    padding: var(--pixel24) var(--pixel16);
  }
}

/** HEADLINE
==============================================*/
.headline__title {
  text-align: center;
  font-weight: 700;
}
.headline__title .title-en {
  margin-inline: auto;
  width: auto;
}
@media screen and (min-width: 641px) {
  .headline {
    margin-bottom: var(--pixel40);
  }
  .headline__title {
    font-size: var(--pixel40);
  }
  .headline__title .title-en {
    margin-bottom: var(--pixel08);
    height: var(--pixel28);
  }
}
@media screen and (max-width: 640px) {
  .headline {
    margin-bottom: var(--pixel32);
  }
  .headline__title {
    font-size: var(--pixel24);
  }
  .headline__title .title-en {
    margin-bottom: var(--pixel04);
    height: var(--pixel12);
  }
}

/** PAGE HEADER
==============================================*/
@media screen and (min-width: 641px) {
  .page-header {
    padding: var(--pixel24) var(--pixel24) var(--pixel20) var(--pixel24);
  }
}
@media screen and (max-width: 640px) {
  .page-header {
    padding: var(--pixel32) var(--pixel15) var(--pixel24);
  }
}

.page-header__title {
  text-align: center;
}
.page-header__title .collaboration-logo {
  margin-inline: auto;
  margin-bottom: var(--pixel03);
}
.page-header__title .title-text {
  font-style: italic;
  font-weight: 900;
  display: block;
  color: var(--color-blue);
}
@media screen and (min-width: 641px) {
  .page-header__title {
    margin-bottom: var(--pixel10);
  }
  .page-header__title .collaboration-logo {
    width: min(20.78125vw, 266px);
  }
  .page-header__title .title-text {
    font-size: var(--pixel48);
  }
}
@media screen and (max-width: 640px) {
  .page-header__title {
    margin-bottom: var(--pixel07);
  }
  .page-header__title .collaboration-logo {
    width: 38.666666666666664vw;
  }
  .page-header__title .title-text {
    font-size: var(--pixel28);
    line-height: 1.08;
  }
}

.page-header__lead {
  text-align: center;
  font-weight: 700;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
  color: #fff;
  background-image: url("../images/bg-lead-text.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  margin-bottom: var(--pixel05);
}
@media screen and (min-width: 641px) {
  .page-header__lead {
    font-size: var(--pixel32);
    padding: var(--pixel05) var(--pixel75);
  }
}
@media screen and (max-width: 640px) {
  .page-header__lead {
    font-size: var(--pixel16);
    padding: var(--pixel08) var(--pixel10);
  }
}

.page-header__text {
  text-align: center;
  font-weight: 700;
}
@media screen and (min-width: 641px) {
  .page-header__text {
    font-size: var(--pixel24);
  }
  .page-header__text .text-l {
    font-size: var(--pixel28);
  }
}
@media screen and (max-width: 640px) {
  .page-header__text {
    font-size: var(--pixel14);
  }
  .page-header__text .text-l {
    font-size: var(--pixel16);
  }
}

/** SECTION HERO
==============================================*/
.section-hero {
}
@media screen and (min-width: 641px) {
  .section-hero {
  }
}
@media screen and (max-width: 640px) {
  .section-hero {
  }
}

.page-kv {
}
.page-kv__visual {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .page-kv {
  }
}
@media screen and (max-width: 640px) {
  .page-kv {
  }
}

/** SECTION LEAD
==============================================*/
.section-lead {
  background: -webkit-linear-gradient(top, #d2003c 0%, #0a0c14 79.13%);
  background: linear-gradient(180deg, #d2003c 0%, #0a0c14 79.13%);
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .section-lead {
    padding-top: var(--pixel100);
    padding-bottom: var(--pixel100);
  }
}
@media screen and (max-width: 640px) {
  .section-lead {
    padding-top: var(--pixel64);
    padding-bottom: var(--pixel64);
  }
}

.page-lead__title .title-lead {
  display: block;
  font-weight: 700;
}
.page-lead__title .red-bull-symphonic {
  margin-inline: auto;
}
@media screen and (min-width: 641px) {
  .page-lead__title .title-lead {
    font-size: var(--pixel40);
  }
  .page-lead__title .red-bull-symphonic {
    margin-top: var(--pixel16);
    width: min(65.3125vw, 836px);
  }
}
@media screen and (max-width: 640px) {
  .page-lead__title .title-lead {
    font-size: var(--pixel18);
  }
  .page-lead__title .red-bull-symphonic {
    margin-top: var(--pixel08);
    width: 100%;
  }
}

.page-lead__txt {
  line-height: 1.6;
  margin-top: var(--pixel30);
}
@media screen and (min-width: 641px) {
  .page-lead__txt {
    font-size: var(--pixel24);
  }
}
@media screen and (max-width: 640px) {
  .page-lead__txt {
    font-size: var(--pixel16);
  }
}

/** SECTION CAMPAIGN
==============================================*/
.section-campaign {
  background-color: var(--color-red);
  color: #fff;
}
@media screen and (min-width: 641px) {
  .section-campaign {
    padding-top: var(--pixel100);
  }
}
@media screen and (max-width: 640px) {
  .section-campaign {
    padding-top: var(--pixel64);
  }
}

@media screen and (min-width: 641px) {
  .section-campaign .content {
    padding-bottom: var(--pixel100);
  }
  .section-campaign .content > *:not(:first-child) {
    margin-top: var(--pixel40);
  }
}
@media screen and (max-width: 640px) {
  .section-campaign .content {
    padding-bottom: var(--pixel64);
  }
  .section-campaign .content > *:not(:first-child) {
    margin-top: var(--pixel32);
  }
}

@media screen and (min-width: 641px) {
  .membership-item__head {
    margin-bottom: var(--pixel24);
  }
}
@media screen and (max-width: 640px) {
  .membership-item__head {
    margin-bottom: var(--pixel16);
  }
}

.membership-item__title {
  font-weight: 700;
  text-align: center;
  color: #01162c;
}
.membership-item__title .title-en {
  margin-inline: auto;
}
@media screen and (min-width: 641px) {
  .membership-item__title {
    margin-bottom: var(--pixel32);
    font-size: var(--pixel14);
  }
  .membership-item__title .title-en {
    height: var(--pixel30);
    margin-bottom: var(--pixel08);
  }
}
@media screen and (max-width: 640px) {
  .membership-item__title {
    margin-bottom: var(--pixel24);
    font-size: var(--pixel12);
  }
  .membership-item__title .title-en {
    height: var(--pixel18);
    margin-bottom: var(--pixel05);
  }
}

.membership-item__lead {
  text-align: center;
  font-weight: 700;
  letter-spacing: -0.035em;
}
@media screen and (min-width: 641px) {
  .membership-item__lead {
    font-size: var(--pixel24);
  }
  .membership-item__lead .lead-m {
    font-size: var(--pixel28);
  }
  .membership-item__lead .lead-l {
    font-size: var(--pixel32);
  }
}
@media screen and (max-width: 640px) {
  .membership-item__lead {
    font-size: var(--pixel14);
  }
  .membership-item__lead .lead-m {
    font-size: var(--pixel18);
  }
  .membership-item__lead .lead-l {
    font-size: var(--pixel22);
  }
  .membership-item__lead--sp {
    font-size: var(--pixel18);
  }
}

.membership-item__body > *:not(:first-child) {
  border-top: 1px solid #aeb2c2;
}

@media screen and (min-width: 641px) {
  .membership-01 {
    padding-bottom: var(--pixel32);
  }
}
@media screen and (max-width: 640px) {
  .membership-01 {
    padding-bottom: var(--pixel24);
  }
}

.membership-01__list > li {
  color: #fff;
  border-radius: var(--pixel08);
}
.membership-01__list > li:nth-child(odd) {
  background: -webkit-linear-gradient(top, #0f0069 0.07%, #d2003c 100.07%);
  background: linear-gradient(180deg, #0f0069 0.07%, #d2003c 100.07%);
}
.membership-01__list > li:nth-child(even) {
  background: -webkit-linear-gradient(top, #d2003c 0.07%, #0f0069 100.07%);
  background: linear-gradient(180deg, #d2003c 0.07%, #0f0069 100.07%);
}
@media screen and (min-width: 641px) {
  .membership-01__list {
    display: -webkit-box;
    display: flex;
  }
  .membership-01__list > li {
    width: calc(50% - var(--pixel10));
    padding: var(--pixel24);
  }
  .membership-01__list > li:nth-child(odd) {
    margin-right: var(--pixel20);
  }
}
@media screen and (max-width: 640px) {
  .membership-01__list > li {
    padding: var(--pixel24) var(--pixel16);
  }
  .membership-01__list > li:not(:first-child) {
    margin-top: var(--pixel16);
  }
}

.membership-01__visual {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .membership-01__visual {
    margin-bottom: var(--pixel20);
  }
}
@media screen and (max-width: 640px) {
  .membership-01__visual {
    margin-bottom: var(--pixel16);
  }
}

.membership-01__info {
}
.membership-01__name {
  position: relative;
  font-weight: 900;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.membership-01__name .name-label {
  position: absolute;
}
.membership-01__name .name-sub {
  display: block;
  font-weight: 700;
  font-size: var(--pixel14);
}
.membership-01__name .name-sub .num {
  font-family: "Montserrat";
  font-weight: 700;
  font-size: var(--pixel24);
}
.membership-01__txt {
  line-height: 1.65;
}
@media screen and (min-width: 641px) {
  .membership-01__name {
    font-size: var(--pixel28);
  }
  .membership-01__name .name-label {
    width: min(8.75vw, 112px);
    top: calc(0px - var(--pixel46));
    left: calc(100% + var(--pixel16));
  }
  .membership-01__txt {
    font-size: var(--pixel16);
    margin-top: var(--pixel10);
  }
}
@media screen and (max-width: 640px) {
  .membership-01__name {
    font-size: var(--pixel26);
  }
  .membership-01__name .name-label {
    width: 30.133333333333333vw;
    top: calc(0px - var(--pixel40));
    left: calc(100% + var(--pixel03));
  }
  .membership-01__txt {
    font-size: var(--pixel14);
    margin-top: var(--pixel08);
  }
}

@media screen and (min-width: 641px) {
  .membership-01__notes {
    margin-top: var(--pixel24);
  }
}
@media screen and (max-width: 640px) {
  .membership-01__notes {
    margin-top: var(--pixel12);
  }
}

@media screen and (min-width: 641px) {
  .section-campaign .entry-form {
    padding-top: var(--pixel32);
  }
}
@media screen and (max-width: 640px) {
  .section-campaign .entry-form {
    padding-top: var(--pixel24);
  }
}

.entry-form__title {
  text-align: center;
  font-weight: 700;
}
@media screen and (min-width: 641px) {
  .entry-form__title {
    margin-bottom: var(--pixel24);
    font-size: var(--pixel22);
  }
}
@media screen and (max-width: 640px) {
  .entry-form__title {
    margin-bottom: var(--pixel12);
    font-size: var(--pixel16);
  }
}

.entry-form__venue {
  display: -webkit-box;
  display: flex;
}
.entry-form__venue > li {
  width: calc((100% - var(--pixel12)) / 4);
}
.entry-form__venue > li:not(:nth-child(4n)) {
  margin-right: var(--pixel04);
}
.entry-form__venue-button {
  display: block;
  width: 100%;
  background-color: #dadada;
  color: #767b8c;
  font-weight: 700;
  border-radius: var(--pixel04);
}
.entry-form__venue-button.is-active {
  background-color: var(--color-blue);
  color: #fff;
}
@media screen and (min-width: 641px) {
  .entry-form__venue-button {
    padding: var(--pixel14);
    font-size: var(--pixel18);
  }
}
@media screen and (max-width: 640px) {
  .entry-form__venue-button {
    padding: var(--pixel06);
    font-size: var(--pixel12);
  }
}

.entry-form__button {
  border-radius: 9999px;
  color: #fff;
  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%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M20.0288%200.226283L21.1062%201.30438L9.68522%2012.7253L8.60789%2011.648L20.0288%200.226283Z%22%20fill%3D%22white%22%2F%3E%20%3Cpath%20d%3D%22M21.3333%207.61905H19.8095V1.52381H13.7143V0H21.3333V7.61905ZM17.5238%2021.3333H2.28571C0.990476%2021.3333%200%2020.3429%200%2019.0476V3.80952C0%202.51429%200.990476%201.52381%202.28571%201.52381H10.6667V3.04762H2.28571C1.82857%203.04762%201.52381%203.35238%201.52381%203.80952V19.0476C1.52381%2019.5048%201.82857%2019.8095%202.28571%2019.8095H17.5238C17.981%2019.8095%2018.2857%2019.5048%2018.2857%2019.0476V10.6667H19.8095V19.0476C19.8095%2020.3429%2018.819%2021.3333%2017.5238%2021.3333Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - var(--pixel17)) center;
  box-shadow: 0 0 var(--pixel08) 0 rgba(0, 0, 0, 0.16);
  border: var(--pixel03) solid #fff;
}
.entry-form__button--event {
  background-color: var(--color-red);
}
.entry-form__button--movie {
  background-color: var(--color-sub);
}
@media screen and (min-width: 641px) {
  .entry-form__buttons {
    display: -webkit-box;
    display: flex;
    margin-top: var(--pixel24);
  }
  .entry-form__button {
    background-size: 0.8em;
    padding: var(--pixel23) var(--pixel50) var(--pixel23) var(--pixel40);
    font-size: var(--pixel26);
    width: calc(50% - var(--pixel08));
  }
  .entry-form__button:nth-child(odd) {
    margin-right: var(--pixel16);
  }
}
@media screen and (max-width: 640px) {
  .entry-form__buttons {
    margin-top: var(--pixel12);
  }
  .entry-form__button {
    background-size: 1em;
    padding: var(--pixel13) var(--pixel50) var(--pixel13) var(--pixel40);
    font-size: var(--pixel16);
    width: 100%;
  }
  .entry-form__button:not(:first-child) {
    margin-top: var(--pixel12);
  }
}

@media screen and (min-width: 641px) {
  .entry-form__notes {
    margin-top: var(--pixel24);
  }
}
@media screen and (max-width: 640px) {
  .entry-form__notes {
    margin-top: var(--pixel12);
  }
}

.membership-02__keyholder {
  margin-inline: auto;
}
@media screen and (min-width: 641px) {
  .membership-02__keyholder {
    width: min(17.96875vw, 230px);
  }
}
@media screen and (max-width: 640px) {
  .membership-02__keyholder {
    width: 46.666666666666664vw;
  }
}

.membership-02__notes {
  text-align: center;
  margin-top: var(--pixel24);
}
@media screen and (min-width: 641px) {
}
@media screen and (max-width: 640px) {
  .membership-02__notes > li {
    font-size: var(--pixel10);
  }
}

.attention-notes {
  background-color: #fff;
}
.attention-notes--border {
  border-top: 1px solid var(--color-red);
  border-bottom: 1px solid var(--color-red);
}
.attention-notes__button {
  display: block;
  width: 100%;
  text-align: center;
  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%2216%22%20height%3D%229%22%20viewBox%3D%220%200%2016%209%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M6.98844%207.9278C7.31699%208.24628%207.84968%208.24629%208.17822%207.92781L14.9203%201.39221C15.2488%201.07373%2015.2488%200.557359%2014.9203%200.238873C14.5917%20-0.0796135%2014.059%20-0.0796138%2013.7305%200.238873L7.58334%206.1978L1.43618%200.238865C1.10763%20-0.0796215%200.574956%20-0.0796217%200.24641%200.238865C-0.0821364%200.557351%20-0.0821368%201.07372%200.24641%201.3922L6.98844%207.9278Z%22%20fill%3D%22%23D2003C%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - var(--pixel24)) center;
  background-size: var(--pixel16) var(--pixel08);
  font-size: var(--pixel24);
  padding: var(--pixel08) var(--pixel52) var(--pixel08) var(--pixel24);
}
.attention-notes__button.is-active {
  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%229%22%20viewBox%3D%220%200%2016%209%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M8.17855%200.23895C7.85%20-0.0795364%207.31732%20-0.0795443%206.98877%200.238942L0.246736%206.77454C-0.0818105%207.09302%20-0.0818118%207.60939%200.246734%207.92788C0.575281%208.24636%201.10796%208.24636%201.4365%207.92788L7.58365%201.96895L13.7308%207.92788C14.0594%208.24637%2014.592%208.24637%2014.9206%207.92788C15.2491%207.6094%2015.2491%207.09303%2014.9206%206.77454L8.17855%200.23895Z%22%20fill%3D%22%23D2003C%22%2F%3E%3C%2Fsvg%3E");
}
.attention-notes > dd {
  border-top: 1px solid #d9d9d9;
}
.attention-notes > dd .notes-list > li:not(:first-child) {
  margin-top: var(--pixel05);
}
@media screen and (min-width: 641px) {
  .attention-notes__button {
  }
  .attention-notes > dd {
    padding: var(--pixel24) var(--pixel40);
  }
}
@media screen and (max-width: 640px) {
  .attention-notes__button {
  }
  .attention-notes > dd {
    padding: var(--pixel16);
  }
  .attention-notes > dd .notes-list > li {
    font-size: var(--pixel12);
  }
}

.announce-item__title {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: var(--pixel16);
}
.announce-item__title:before,
.announce-item__title:after {
  content: "";
  height: 1px;
  -webkit-box-flex: 1;
  flex: 1;
  background: -webkit-repeating-linear-gradient(left, var(--color-red) 0, var(--color-red) var(--pixel04), transparent var(--pixel04), transparent var(--pixel06));
  background: repeating-linear-gradient(to right, var(--color-red) 0, var(--color-red) var(--pixel04), transparent var(--pixel04), transparent var(--pixel06));
}
.announce-item__title:before {
  margin-right: var(--pixel08);
}
.announce-item__title:after {
  margin-left: var(--pixel08);
}
.announce-item__title .title-text {
  font-size: var(--pixel24);
}
@media screen and (min-width: 641px) {
}
@media screen and (max-width: 640px) {
}

.announce-item__txt {
  text-align: center;
  font-weight: 700;
}
@media screen and (min-width: 641px) {
  .announce-item__txt {
    font-size: var(--pixel22);
  }
}
@media screen and (max-width: 640px) {
  .announce-item__txt {
    font-size: var(--pixel17);
  }
}

.announce-item__list {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  margin-top: var(--pixel16);
}
.announce-item__list > li {
  text-indent: -1.25em;
  padding-left: 1.25em;
}
.announce-item__list > li:before {
  content: "●";
  color: var(--color-red);
  margin-right: 0.25em;
}
.announce-item__list > li:not(:first-child) {
  margin-top: var(--pixel10);
}
.announce-item__notes {
  text-align: center;
  margin-top: var(--pixel16);
}
@media screen and (min-width: 641px) {
  .announce-item__list > li {
    font-size: var(--pixel20);
  }
}
@media screen and (max-width: 640px) {
  .announce-item__list > li {
    font-size: var(--pixel14);
  }
}

@media screen and (min-width: 641px) {
  .card-design {
    margin-inline: auto;
    width: min(59.06249999999999vw, 756px);
  }
}

@media screen and (max-width: 640px) {
}
@media screen and (min-width: 641px) {
  .card-design__img {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    align-items: flex-end;
  }
  .card-design__img .card-img {
    width: min(35.9375vw, 460px);
  }
  .card-design__img .app-img {
    width: min(21.40625vw, 274px);
  }
}
@media screen and (max-width: 640px) {
  .card-design__img img {
    margin-inline: auto;
  }
  .card-design__img .card-img {
    width: 100%;
  }
  .card-design__img .app-img {
    margin-top: var(--pixel24);
    width: 73.06666666666666vw;
  }
}

.card-design__notes {
  margin-top: var(--pixel24);
}
@media screen and (min-width: 641px) {
}
@media screen and (max-width: 640px) {
}

.catch-copy {
  background: -webkit-linear-gradient(left, #0f0069 0%, #d2003c 100%);
  background: linear-gradient(90deg, #0f0069 0%, #d2003c 100%);
  text-align: center;
}
.catch-copy__txt {
  font-weight: 900;
  font-style: italic;
}
@media screen and (min-width: 641px) {
  .catch-copy {
    padding: var(--pixel34) var(--pixel80);
  }
  .catch-copy__txt {
    font-size: var(--pixel46);
  }
}
@media screen and (max-width: 640px) {
  .catch-copy {
    padding: var(--pixel12) var(--pixel15);
  }
  .catch-copy__txt {
    font-size: var(--pixel24);
  }
}

/** SECTION XXX
==============================================*/
@media screen and (min-width: 641px) {
  .section-about {
    padding-top: var(--pixel100);
    padding-bottom: var(--pixel100);
  }
}
@media screen and (max-width: 640px) {
  .section-about {
    padding-top: var(--pixel64);
    padding-bottom: var(--pixel64);
  }
}

@media screen and (min-width: 641px) {
  .section-about .content > *:not(:first-child) {
    margin-top: var(--pixel40);
  }
}
@media screen and (max-width: 640px) {
  .section-about .content > *:not(:first-child) {
    margin-top: var(--pixel34);
  }
}

.howto-item {
  border-radius: var(--pixel08);
  border: 1px solid transparent;
}
@media screen and (min-width: 641px) {
  .howto-item {
    padding: var(--pixel40) var(--pixel72);
  }
}
@media screen and (max-width: 640px) {
  .howto-item {
    padding: var(--pixel40) var(--pixel16);
    border-radius: var(--pixel24);
  }
}

.howto-item__title {
  text-align: center;
  font-weight: 700;
  margin-bottom: var(--pixel20);
}
.howto-item__title img {
  position: relative;
  top: 0.15em;
  display: inline-block;
}
@media screen and (min-width: 641px) {
  .howto-item__title {
    font-size: var(--pixel20);
  }
  .howto-item__title img {
    width: min(38.28125vw, 490px);
    margin-right: var(--pixel10);
  }
}
@media screen and (max-width: 640px) {
  .howto-item__title {
    font-size: var(--pixel18);
  }
  .howto-item__title img {
    width: 66.13333333333333vw;
    margin-right: var(--pixel04);
  }
}

.howto-item__info {
}
@media screen and (min-width: 641px) {
  .howto-item__main {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
  }
  .howto-item__main img {
    width: min(21.25vw, 272px);
  }
  .howto-item__info {
    -webkit-box-flex: 1;
    flex: 1;
    padding-left: var(--pixel30);
  }
}
@media screen and (max-width: 640px) {
  .howto-item__main img {
    width: 58.666666666666664vw;
    margin-inline: auto;
  }
}

.howto-item__txt {
  text-align: center;
  font-weight: 700;
  margin-bottom: var(--pixel10);
}
.howto-item__txt .num {
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  position: relative;
  top: 0.05em;
}
@media screen and (min-width: 641px) {
  .howto-item__txt {
    font-size: var(--pixel28);
  }
  .howto-item__txt .num {
    font-size: var(--pixel56);
  }
}
@media screen and (max-width: 640px) {
  .howto-item__txt {
    font-size: var(--pixel24);
  }
  .howto-item__txt .num {
    font-size: var(--pixel48);
  }
}

.howto-item__point {
  counter-reset: number;
}
.howto-item__point > li:before,
.howto-item__point > li:after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  color: #fff;
  font-weight: 700;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.howto-item__point > li:before {
  content: "POINT";
  background-color: var(--color-red);
  font-family: "Montserrat", sans-serif;
}
.howto-item__point > li:after {
  counter-increment: number;
  content: counter(number, decimal-leading-zero);
  font-family: "Montserrat", sans-serif;
}
.howto-item__point > li {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  border-radius: var(--pixel08);
  border: 1px solid var(--color-red);
  text-align: center;
  font-weight: 700;
}
@media screen and (min-width: 641px) {
  .howto-item__point > li:before,
  .howto-item__point > li:after {
    width: var(--pixel64);
  }
  .howto-item__point > li:not(:first-child) {
    margin-top: var(--pixel08);
  }
  .howto-item__point > li {
    min-height: var(--pixel56);
    font-size: var(--pixel18);
    padding: var(--pixel10) var(--pixel25) var(--pixel10) var(--pixel75);
  }
  .howto-item__point > li:before {
    font-size: var(--pixel12);
    padding-bottom: var(--pixel31);
  }
  .howto-item__point > li:after {
    font-size: var(--pixel26);
    padding-top: var(--pixel15);
  }
  .howto-item__point > li .color-red {
    font-size: var(--pixel24);
  }
}
@media screen and (max-width: 640px) {
  .howto-item__point > li:before,
  .howto-item__point > li:after {
    width: var(--pixel58);
  }
  .howto-item__point > li:not(:first-child) {
    margin-top: var(--pixel10);
  }
  .howto-item__point > li {
    height: var(--pixel42);
    font-size: var(--pixel14);
    padding: var(--pixel10) var(--pixel05) var(--pixel10) var(--pixel60);
  }
  .howto-item__point > li:before {
    font-size: var(--pixel10);
    padding-bottom: var(--pixel20);
  }
  .howto-item__point > li:after {
    font-size: var(--pixel22);
    padding-top: var(--pixel10);
  }
  .howto-item__point > li .color-red {
    font-size: var(--pixel16);
  }
}

@media screen and (min-width: 641px) {
  .howto-item__notes {
    margin-top: var(--pixel20);
  }
}
@media screen and (max-width: 640px) {
  .howto-item__notes {
    margin-top: var(--pixel10);
  }
}

/** SECTION STEP
==============================================*/
.section-step {
  background-color: #f4f4f4;
}
@media screen and (min-width: 641px) {
  .section-step {
    padding-top: var(--pixel100);
    padding-bottom: var(--pixel100);
  }
}
@media screen and (max-width: 640px) {
  .section-step {
    padding-top: var(--pixel64);
    padding-bottom: var(--pixel64);
  }
}

.entry-flow__title {
  text-align: center;
}
.entry-flow__title .saison-blue {
  font-family: "Poppins", sans-serif;
  font-style: italic;
  font-weight: 500;
}
.entry-flow__title .num {
  line-height: 1;
}
.entry-flow__lead {
  text-align: center;
  font-weight: 500;
  margin-top: var(--pixel10);
}
@media screen and (min-width: 641px) {
  .entry-flow__head {
    margin-bottom: var(--pixel30);
  }
  .entry-flow__title {
    font-size: var(--pixel32);
  }
  .entry-flow__title .num {
    font-size: var(--pixel48);
  }
  .entry-flow__lead {
    font-size: var(--pixel22);
  }
}
@media screen and (max-width: 640px) {
  .entry-flow__head {
    margin-bottom: var(--pixel30);
  }
  .entry-flow__title {
    font-size: var(--pixel24);
  }
  .entry-flow__title .num {
    font-size: var(--pixel32);
  }
  .entry-flow__lead {
    font-size: var(--pixel16);
  }
}

.entry-flow__block {
  position: relative;
}
.entry-flow__container {
  overflow: hidden;
  margin-inline: auto;
}
.entry-flow__wrapper {
  counter-reset: number;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.entry-flow__wrapper > li {
  height: auto;
  background-color: #fff;
  border-radius: var(--pixel08);
  padding: var(--pixel20) var(--pixel10);
}
@media screen and (min-width: 641px) {
  .entry-flow__block {
    margin-inline: auto;
  }
  .entry-flow__container {
    /* width: min(68.96046852122987vw, 942px); */
  }
  .entry-flow__wrapper {
  }
  .entry-flow__wrapper > li {
    width: calc((100% - var(--pixel69)) / 4) !important;
  }
  .entry-flow__wrapper > li:not(:last-child) {
    margin-right: var(--pixel23);
  }
}
@media screen and (max-width: 640px) {
  .entry-flow__block {
    overflow: hidden;
  }
  .entry-flow__container {
  }
  .entry-flow__wrapper {
  }
  .entry-flow__wrapper > li {
    width: 55.46666666666666vw;
  }
}

.entry-flow__step {
  text-align: center;
  font-weight: 500;
  margin-bottom: var(--pixel10);
  font-size: var(--pixel16);
}
.entry-flow__step .num {
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  margin-left: var(--pixel02);
  font-size: var(--pixel24);
}

.entry-flow__img img {
  margin-inline: auto;
}
@media screen and (min-width: 641px) {
  .entry-flow__img {
    margin-bottom: var(--pixel20);
  }
  .entry-flow__img img {
    width: min(10.9375vw, 140px);
  }
}
@media screen and (max-width: 640px) {
  .entry-flow__img {
    margin-bottom: var(--pixel10);
  }
  .entry-flow__img img {
    width: 37.333333333333336vw;
  }
}

.entry-flow__name {
  text-align: center;
  line-height: 1;
  font-size: var(--pixel22);
}
.entry-flow__txt {
  text-align: center;
  font-weight: 500;
  font-size: var(--pixel14);
}
@media screen and (min-width: 641px) {
  .entry-flow__info > *:not(:first-child) {
    margin-top: var(--pixel20);
  }
}
@media screen and (max-width: 640px) {
  .entry-flow__info > *:not(:first-child) {
    margin-top: var(--pixel10);
  }
}

.entry-flow__sub {
  margin-top: var(--pixel16);
}
@media screen and (min-width: 641px) {
}
@media screen and (max-width: 640px) {
}

.section-step .page-button {
  margin-top: var(--pixel40);
}
@media screen and (min-width: 641px) {
}
@media screen and (max-width: 640px) {
}

/** SECTION SPRCS
==============================================*/
@media screen and (min-width: 641px) {
  .section-specs {
    padding-top: var(--pixel100);
    padding-bottom: var(--pixel100);
  }
  .spec-info__notes {
    margin-top: var(--pixel16);
  }
}
@media screen and (max-width: 640px) {
  .section-specs {
    padding-top: var(--pixel64);
    padding-bottom: var(--pixel64);
  }
  .spec-info__notes {
    margin-top: var(--pixel12);
  }
}

.information-dl {
  border-radius: var(--pixel08);
  border: 1px solid #ccc;
  /* background-color: #fff; */
}
.information-dl > dt,
.information-dl > dd {
  font-size: var(--pixel14);
}
.information-dl > dt {
  background-color: var(--color-red);
  color: #fff;
  text-align: center;
}
.information-dl > dd {
  font-weight: 500;
}
@media screen and (min-width: 641px) {
  .information-dl {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    overflow: hidden;
  }
  .information-dl > dt,
  .information-dl > dd {
    padding: var(--pixel10) var(--pixel20);
  }
  .information-dl > dt {
    width: min(18.75vw, 240px);
  }
  .information-dl > dt:not(:last-of-type) {
    border-bottom: 1px solid #fff;
  }
  .information-dl > dd:not(:last-of-type) {
    border-bottom: 1px solid #ccc;
  }
  .information-dl > dd .small {
    font-size: var(--pixel12);
  }
}
@media screen and (max-width: 640px) {
  .information-dl {
    text-align: center;
  }
  .information-dl > dt,
  .information-dl > dd {
    padding: var(--pixel12) var(--pixel15);
  }
  .information-dl > dd .small {
    font-size: var(--pixel10);
  }
}

/** SLIDE CONTROLLER
==============================================*/
.slide-controller {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.slide-controller:has(.swiper-button-lock),
.slide-controller:has(.swiper-pagination-lock) {
  display: none;
}
@media screen and (min-width: 641px) {
  .slide-controller {
    padding-top: var(--pixel40);
  }
}
@media screen and (max-width: 640px) {
  .slide-controller {
    padding-top: var(--pixel16);
  }
}

.slide-controller__pagination {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.slide-controller__pagination .swiper-pagination-bullet {
  background-color: #e0e0e0;
  border-radius: 50%;
  margin-right: var(--pixel04);
  margin-left: var(--pixel04);
}
.slide-controller__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--color-red);
}
@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(--pixel08);
    height: var(--pixel08);
  }
}

.slide-controller__navigation {
  background-color: var(--color-red);
  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;
  width: var(--pixel24);
  height: var(--pixel24);
  background-size: var(--pixel06);
}
.slide-controller__navigation:not(.swiper-button-disabled) {
  cursor: pointer;
}
.slide-controller__navigation.swiper-button-disabled {
  opacity: 0.2;
}
.slide-controller__navigation--prev {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-right: var(--pixel40);
}
.slide-controller__navigation--next {
  margin-left: var(--pixel40);
}
@media screen and (min-width: 641px) {
}
@media screen and (max-width: 640px) {
  .slide-controller__navigation {
  }
  .slide-controller__navigation--prev {
  }
}

/** SECTION FAQ
==============================================*/
.section-faq {
  background-color: #f6f6f6;
}
@media screen and (min-width: 641px) {
  .section-faq {
    padding-top: var(--pixel100);
    padding-bottom: var(--pixel100);
  }
}
@media screen and (max-width: 640px) {
  .section-faq {
    padding-top: var(--pixel75);
    padding-bottom: var(--pixel75);
  }
}

.faq-set__q {
  background-color: #111e52;
  color: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  align-items: center;
  font-weight: 700;
  width: 100%;
  text-align: left;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%206C-1.12065e-08%206.55228%200.447715%207%201%207L11%207C11.5523%207%2012%206.55229%2012%206C12%205.44772%2011.5523%205%2011%205L1%205C0.447715%205%201.12065e-08%205.44772%200%206Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M6%200C5.44772%20-1.12065e-08%205%200.447715%205%201L5%2011C5%2011.5523%205.44771%2012%206%2012C6.55228%2012%207%2011.5523%207%2011L7%201C7%200.447715%206.55228%201.12065e-08%206%200Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - var(--pixel22)) center;
  background-size: var(--pixel12) var(--pixel12);
  font-size: var(--pixel16);
  border-radius: var(--pixel08);
}
.faq-set__q.is-active {
  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%222%22%20viewBox%3D%220%200%2012%202%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M0%201C-1.12065e-08%201.55228%200.447715%202%201%202L11%202C11.5523%202%2012%201.55229%2012%201C12%200.447716%2011.5523%202.14118e-07%2011%202.02911e-07L1%200C0.447715%20-1.12065e-08%201.12065e-08%200.447715%200%201Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
}
.faq-set__q:before {
  content: "Q.";
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  margin-right: var(--pixel08);
}
@media screen and (min-width: 641px) {
  .faq-set__dl > dt:not(:first-of-type) {
    margin-top: var(--pixel15);
  }
  .faq-set__q {
    padding: var(--pixel15) var(--pixel56) var(--pixel15) var(--pixel15);
  }
  .faq-set__q:before {
    font-size: var(--pixel22);
  }
}
@media screen and (max-width: 640px) {
  .faq-set__dl > dt:not(:first-of-type) {
    margin-top: var(--pixel10);
  }
  .faq-set__q {
    padding: var(--pixel10) var(--pixel56) var(--pixel10) var(--pixel24);
  }
  .faq-set__q:before {
    font-size: var(--pixel18);
  }
}

.faq-set__dl > dd {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  align-items: flex-start;
}
.faq-set__dl > dd[hidden] {
  display: none;
}
.faq-set__dl > dd:before {
  content: "A.";
  font-family: "Montserrat", sans-serif;
  color: var(--color-red);
  margin-right: var(--pixel08);
}
.faq-set__a {
  font-size: var(--pixel14);
}
@media screen and (min-width: 641px) {
  .faq-set__dl > dd {
    padding: var(--pixel15) var(--pixel40);
  }
  .faq-set__dl > dd:before {
    font-size: var(--pixel22);
  }
}
@media screen and (max-width: 640px) {
  .faq-set__dl > dd {
    padding: var(--pixel10) var(--pixel24);
  }
  .faq-set__dl > dd:before {
    font-size: var(--pixel18);
  }
  .faq-set__dl > dd .notes-list > li {
    font-size: var(--pixel14);
  }
}

/** SECTION CONTACT
==============================================*/
.section-contact {
}
@media screen and (min-width: 641px) {
  .section-contact {
    padding-top: var(--pixel40);
    padding-bottom: var(--pixel40);
  }
}
@media screen and (max-width: 640px) {
  .section-contact {
    padding-top: var(--pixel30);
    padding-bottom: var(--pixel30);
  }
}

.contact-us {
  border: 1px solid #d9d9d9;
  border-radius: var(--pixel08);
}
.contact-us__title {
  color: #404040;
  font-size: var(--pixel14);
}
.contact-us__txt {
  color: #808080;
  font-weight: 500;
  line-height: 2;
  margin-top: var(--pixel08);
  font-size: var(--pixel12);
}
@media screen and (min-width: 641px) {
  .contact-us {
    padding: var(--pixel24);
  }
}
@media screen and (max-width: 640px) {
  .contact-us {
    padding: var(--pixel24) var(--pixel16);
  }
}

/** FIXED CTA
==============================================*/
.fixed-cta {
  position: fixed;
  z-index: 10;
  background: -webkit-linear-gradient(left, #0f0069 0%, #d2003c 100%);
  background: linear-gradient(90deg, #0f0069 0%, #d2003c 100%);
  color: #fff;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: var(--pixel16);
}
.fixed-cta__text {
  font-style: italic;
  font-weight: 900;
}
@media screen and (min-width: 641px) {
  .fixed-cta .page-button {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
  }
  .fixed-cta__text {
    margin-right: var(--pixel24);
    font-size: var(--pixel40);
  }
  .fixed-cta__text .small {
    font-size: var(--pixel32);
  }
  .fixed-cta .page-button__button {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (max-width: 640px) {
  .fixed-cta__text {
    text-align: center;
    font-size: var(--pixel18);
  }
  .fixed-cta__text .small {
    font-size: var(--pixel14);
  }
  .fixed-cta .page-button__button {
    margin-top: var(--pixel12);
  }
}

/** PAGE TOP
==============================================*/
.page-top {
  position: fixed;
  z-index: 11;
  opacity: 0;
}
.page-top__button {
  background-color: var(--color-sub);
  color: #fff;
  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-family: "Montserrat", sans-serif;
  font-weight: 700;
  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(--pixel32);
  }
  .page-top__button:before {
    width: var(--pixel18);
    height: var(--pixel18);
  }
}
@media screen and (max-width: 640px) {
  .page-top {
    bottom: var(--pixel100);
    right: var(--pixel10);
  }
  .page-top__button {
    width: var(--pixel45);
    height: var(--pixel45);
    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%2238%22%20height%3D%2238%22%20viewBox%3D%220%200%2038%2038%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M28.5%209.5L9.5%2028.5M9.5%209.5L28.5%2028.5%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  bottom: calc(100% + var(--pixel15));
  right: 0;
}
@media screen and (min-width: 641px) {
  .modal-close__button {
    width: var(--pixel60);
    height: var(--pixel60);
  }
}
@media screen and (max-width: 640px) {
  .modal-close__button {
    width: var(--pixel38);
    height: var(--pixel38);
  }
}

/* container */
.modal-container {
  max-height: calc(100vh - var(--pixel40));
  /* width: 100%; */
  position: relative;
  background-color: #fff;
}
@media screen and (min-width: 641px) {
  .modal-container {
    width: min(75vw, 960px);
  }
}
@media screen and (max-width: 640px) {
  .modal-container {
    width: 92vw;
  }
}

/** MODAL CONTENT
==============================================*/
.modal-content {
  line-height: 1.5;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  max-height: calc(100vh - var(--pixel40) - min(32vw, 160px));
  border: 1px solid transparent;
  /* 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) {
}

/** SITE FOOTER
==============================================*/
.site-footer {
}
@media screen and (min-width: 641px) {
}
@media screen and (max-width: 640px) {
}

/** MODAL FIXED
==============================================*/
.modal-fixed {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  display: block;
}
.modal-fixed.is-hidden {
  display: none;
}
.modal-fixed::-webkit-scrollbar {
  width: var(--pixel03);
}
@media screen and (min-width: 641px) {
  .modal-fixed {
    padding: 0 var(--pixel20);
    height: var(--pixel50);
  }
}
@media screen and (max-width: 640px) {
  .modal-fixed {
    padding: 0 var(--pixel10);
    height: var(--pixel40);
  }
}

/** Question Flow
==============================================*/
.question-flow {
}
.question-flow__title {
  text-align: center;
  color: var(--color-red);
  margin-bottom: var(--pixel25);
}
.question-flow__title .under-text {
  text-decoration: underline;
  text-underline-offset: 0.25em;
}
@media screen and (min-width: 641px) {
  .question-flow {
    margin-inline: auto;
  }
  .question-flow__title {
    font-size: var(--pixel20);
  }
}
@media screen and (max-width: 640px) {
  .question-flow {
    width: 100%;
  }
  .question-flow__title {
    font-size: var(--pixel13);
  }
}

@media screen and (min-width: 641px) {
  .entry-question {
    width: min(47.58418740849194vw, 650px);
    margin-inline: auto;
  }
}

.entry-question__ttl {
  text-align: center;
}
@media screen and (min-width: 641px) {
  .entry-question__ttl {
    font-size: var(--pixel18);
  }
}
@media screen and (max-width: 640px) {
  .entry-question__ttl {
    font-size: var(--pixel15);
  }
}

.entry-question__answer {
  margin-top: var(--pixel25);
}
@media screen and (min-width: 641px) {
}
@media screen and (max-width: 640px) {
}

@media screen and (min-width: 641px) {
  .entry-question__buttons {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
  }
}
@media screen and (max-width: 640px) {
}

@media screen and (min-width: 641px) {
  .entry-question__buttons > li {
    padding-right: var(--pixel10);
    padding-left: var(--pixel10);
    width: min(21.96193265007321vw, 300px);
  }
  .entry-question__buttons > li > *:not(:first-child) {
    margin-top: var(--pixel10);
  }
}
@media screen and (max-width: 640px) {
  .entry-question__buttons > li:not(:first-child) {
    margin-top: var(--pixel15);
  }
  .entry-question__buttons > li > *:not(:first-child) {
    margin-top: var(--pixel05);
  }
}

.entry-question__button {
  position: relative;
  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;
  border: var(--pixel02) solid #ccc;
  width: 100%;
  font-weight: 700;
  border-radius: var(--pixel04);
  text-align: center;
  padding: var(--pixel10) var(--pixel25);
  line-height: 1.1;
  min-height: var(--pixel52);
  color: #fff;
}
.entry-question__button:hover {
  color: #fff;
}
.entry-question__button:after {
  content: "";
  position: absolute;
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  width: var(--pixel06);
  height: var(--pixel08);
  right: var(--pixel10);
  top: calc(50% - var(--pixel04));
  background-color: #fff;
}
.entry-question__button .small {
  font-weight: 400;
}
.entry-question__button--yes,
.entry-question__button--yes:hover {
  background-color: var(--color-red);
}
.entry-question__button--no,
.entry-question__button--no:hover {
  background-color: var(--color-sub);
}
@media screen and (min-width: 641px) {
  .entry-question__button {
    font-size: var(--pixel20);
  }
  .entry-question__button .small {
    font-size: var(--pixel16);
  }
}
@media screen and (max-width: 640px) {
  .entry-question__button {
    font-size: var(--pixel18);
  }
  .entry-question__button .small {
    font-size: var(--pixel12);
  }
}

@media screen and (min-width: 641px) {
  .entry-question__button-sub {
    font-size: var(--pixel14);
  }
}
@media screen and (max-width: 640px) {
  .entry-question__button-sub {
    font-size: var(--pixel12);
  }
}

.entry-question__notes {
  margin-top: var(--pixel10);
}
.entry-question__notes > li {
  line-height: 1.5;
}
@media screen and (min-width: 641px) {
  .entry-question__notes > li {
    font-size: var(--pixel12);
  }
}
@media screen and (max-width: 640px) {
  .entry-question__notes > li {
    font-size: var(--pixel10);
  }
}

.question-flow__prev {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  align-items: center;
  color: var(--color-red);
  font-weight: 700;
  line-height: 1;
  padding-top: var(--pixel10);
  padding-right: var(--pixel10);
  padding-bottom: var(--pixel10);
}
.question-flow__prev:before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22text%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%207.44%2010.49%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23476bd6%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%226.44%209.49%201%205.24%206.44%201%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  margin-right: var(--pixel10);
  width: var(--pixel06);
  height: 100%;
  min-height: var(--pixel08);
}
@media screen and (min-width: 641px) {
  .question-flow__prev {
    font-size: var(--pixel22);
  }
}
@media screen and (max-width: 640px) {
  .question-flow__prev {
    font-size: var(--pixel12);
  }
}

/** ACCORDION INFORMATION
==============================================*/
.accordion-information {
}
.accordion-information > dt {
  text-align: center;
  line-height: 1;
}
.accordion-information__title {
  position: relative;
  color: var(--color-red);
  display: inline-block;
  font-size: var(--pixel12);
}
.accordion-information__title:before {
  content: "";
  cursor: pointer;
  position: absolute;
  left: 105%;
  top: 0;
  width: var(--pixel14);
  height: var(--pixel14);
  background-color: var(--color-red);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: var(--pixel10) auto;
}
.accordion-information__title:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22text%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%207.2%207.2%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%223.6%22%20x2%3D%223.6%22%20y2%3D%227.2%22%2F%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%220%22%20y1%3D%223.6%22%20x2%3D%227.2%22%20y2%3D%223.6%22%2F%3E%3C%2Fsvg%3E");
}
.accordion-information__title.is-active:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22text%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%207.2%201%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cline%20class%3D%22cls-1%22%20y1%3D%22.5%22%20x2%3D%227.2%22%20y2%3D%22.5%22%2F%3E%3C%2Fsvg%3E");
}

@media screen and (min-width: 641px) {
  .accordion-information__title {
    font-size: var(--pixel14);
  }
}
@media screen and (max-width: 640px) {
  .accordion-information__title {
    font-size: var(--pixel11);
  }
}

.accordion-information > dd {
  padding-top: var(--pixel10);
}
@media screen and (min-width: 641px) {
  .accordion-information > dd {
    width: calc(200% + var(--pixel20));
  }
  .entry-question__buttons > li:nth-child(even) .accordion-information > dd {
    margin-left: calc(-100% - var(--pixel20));
  }
}
@media screen and (max-width: 640px) {
}

.accordion-information__content {
  background-color: #f2f2f2;
}
.accordion-information__box > *:not(:first-child) {
  margin-top: var(--pixel10);
}
@media screen and (min-width: 641px) {
  .accordion-information__content {
    padding: var(--pixel25);
  }
  .accordion-information__box:not(:first-child) {
    margin-top: var(--pixel35);
  }
}
@media screen and (max-width: 640px) {
  .accordion-information__content {
    padding: var(--pixel10) var(--pixel15);
  }
  .accordion-information__box:not(:first-child) {
    margin-top: var(--pixel25);
  }
}

.accordion-information__txt--em {
  font-weight: 700;
}
.accordion-information__sub-txt {
  display: block;
}
@media screen and (min-width: 641px) {
  .accordion-information__txt {
    font-size: var(--pixel16);
  }
  .accordion-information__txt--em {
    text-align: center;
    font-size: var(--pixel16);
  }
  .accordion-information__notes > li {
    font-size: var(--pixel12);
  }
  .accordion-information__dot > li {
    font-size: var(--pixel16);
  }
  .accordion-information__sub-txt {
    font-size: var(--pixel12);
  }
}
@media screen and (max-width: 640px) {
  .accordion-information__txt {
    font-size: var(--pixel13);
  }
  .accordion-information__notes > li {
    font-size: var(--pixel10);
  }
  .accordion-information__dot > li {
    font-size: var(--pixel13);
  }
  .accordion-information__sub-txt {
    font-size: var(--pixel10);
  }
}