@charset "UTF-8";

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

body {
  color: #0e2036;
  font-weight: 800;
  line-height: 1.6;
  font-family: "M PLUS Rounded 1c", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, Verdana, sans-serif;
}

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

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

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

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

.row {
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
}
@media only screen and (min-width: 641px) {
  .row {
    width: min(60.02928257686676vw, 820px);
  }
}
@media only screen and (max-width: 640px) {
  .row {
    width: 100%;
    padding-right: var(--pixel15);
    padding-left: var(--pixel15);
  }
}

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

:root {
  --color-primary: #ff50aa;
}
.color-primary {
  color: var(--color-primary);
}
/** ROOT SETTING
==============================================*/
@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) {
  /* 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;
  }
}

.notes-list > li {
  text-indent: -1em;
  padding-left: 1em;
}
.notes-list > li:before {
  content: "※";
}
.notes-list--number {
  counter-reset: number;
}
.notes-list--number > li {
  text-indent: -2em;
  padding-left: 2em;
}
.notes-list--number > li:before {
  counter-increment: number;
  content: "※" counter(number) ".";
}
.notes-list--number.start-3 {
  counter-reset: n3 2;
}
.notes-list--number.start-3 > li:before {
  counter-increment: n3;
  content: "※" counter(n3) ".";
}
@media screen and (min-width: 641px) {
  .notes-list > li {
    font-size: var(--pixel12);
  }
  .notes-list--m > li {
    font-size: var(--pixel14);
  }
}
@media screen and (max-width: 640px) {
  .notes-list > li {
    font-size: var(--pixel10);
  }
}
@media screen and (max-width: 640px) {
  .notes-list > li {
    font-size: 10px;
  }
}

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

.deco-underline,
.deco-underline:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.15em;
}
.intext-link {
  text-decoration: underline;
}
a.intext-link:hover {
  text-decoration: underline;
  color: inherit;
}

.accordion-head {
  cursor: pointer;
}

/** MAIN
==============================================*/
.main-contents {
  background: url(../images/pege-bg.webp) repeat-y center top/100%;
  display: none;
}

/** CAMPAIGN PERIOD
==============================================*/
.outside-period {
  display: block;
  text-align: center;
  background-color: #fff;
  padding: var(--pixel60) var(--pixel15);
}
.outside-period__txt {
  font-size: var(--pixel18);
  line-height: 1.6;
}
.outside-period__txt--after {
  display: none;
}
.outside-period__button {
  display: inline-block;
  margin-top: var(--pixel25);
  color: #004098;
  background-color: #fff;
  border: 2px solid #004098;
  border-radius: 9999px;
  font-size: var(--pixel20);
  padding: var(--pixel10) var(--pixel80);
  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%2220%22%20viewBox%3D%220%200%2015%2020%22%20fill%3D%22none%22%3E%20%3Cg%20filter%3D%22url(%23filter0_d_4041_54)%22%3E%20%3Cpath%20d%3D%22M5%2015L10%2010L5%205%22%20stroke%3D%22%23004098%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3Cfilter%20id%3D%22filter0_d_4041_54%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2215%22%20height%3D%2220%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%20%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%20%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22%2F%3E%20%3CfeOffset%2F%3E%20%3CfeGaussianBlur%20stdDeviation%3D%222%22%2F%3E%20%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22%2F%3E%20%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%200.25%200%22%2F%3E%20%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_4041_54%22%2F%3E%20%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_4041_54%22%20result%3D%22shape%22%2F%3E%20%3C%2Ffilter%3E%20%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - var(--pixel20)) center;
  background-size: var(--pixel14);
}
@media screen and (min-width: 641px) {
  .outside-period__button {
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .outside-period__button:hover {
    opacity: 0.8;
  }
}

html.is-campaign-during .main-contents {
  display: block;
}
html.is-campaign-during .outside-period {
  display: none;
}

html.is-campaign-after .outside-period__txt--before {
  display: none;
}
html.is-campaign-after .outside-period__txt--after {
  display: block;
}

/** HEADLINE
==============================================*/
.headline {
  text-align: center;
}
@media screen and (min-width: 641px) {
  .headline {
    margin-bottom: var(--pixel20);
  }
}
@media screen and (max-width: 640px) {
  .headline {
    margin-bottom: var(--pixel15);
  }
}

.headline__title {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.headline__title:before,
.headline__title: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%2219%22%20viewBox%3D%220%200%2022%2019%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M20.3304%209.53994L10.9453%2019L1.56009%209.53994C0.550193%208.49295%20-0.010186%207.0874%200.000140219%205.62728C0.0104664%204.16716%200.590667%202.76981%201.61527%201.73743C2.63987%200.705044%204.02652%200.120608%205.47534%200.110507C6.92416%200.100406%208.3187%200.665453%209.35737%201.68345L9.79028%202.11974L10.9453%203.28372L12.1002%202.11974L12.5331%201.68345C13.0424%201.15552%2013.6506%200.73485%2014.3225%200.445875C14.9945%200.156901%2015.7167%200.00538856%2016.4472%200.000141139C17.1778%20-0.00510628%2017.9021%200.136016%2018.578%200.415309C19.254%200.694601%2019.8681%201.10649%2020.3847%201.62705C20.9014%202.14761%2021.3102%202.76645%2021.5875%203.44762C21.8647%204.12879%2022.0049%204.85871%2021.9999%205.59495C21.9948%206.33119%2021.8446%207.05907%2021.558%207.73631C21.2714%208.41355%2020.8541%209.02664%2020.3304%209.53994Z%22%20fill%3D%22%23FF50AA%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  width: 1em;
  height: 1em;
}
.headline__title:before {
  margin-right: var(--pixel10);
}
.headline__title:after {
  margin-left: var(--pixel10);
}
@media screen and (min-width: 641px) {
  .headline__title {
    font-size: var(--pixel24);
  }
}
@media screen and (max-width: 640px) {
  .headline__title {
    font-size: var(--pixel18);
    line-height: 1.3;
  }
}

/** SECTION HERO
==============================================*/
.page-kv {
  background-color: #ff6eaa;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .page-kv__img {
    width: min(99.56076134699853vw, 1360px);
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 640px) {
  .page-kv__img {
    width: 100%;
  }
}

.page-lead {
  background-color: var(--color-primary);
  color: #fff;
  text-align: center;
}
.page-lead__period .period {
  display: inline-block;
  border: 1px solid #fff;
}
.page-lead__txt {
  margin-top: var(--pixel15);
}
@media screen and (min-width: 641px) {
  .page-lead {
    padding-top: var(--pixel50);
    padding-bottom: var(--pixel70);
  }
  .page-lead__period .period {
    font-size: var(--pixel18);
    padding: var(--pixel10) var(--pixel24);
  }
  .page-lead__txt {
    line-height: 1.9;
    font-size: var(--pixel18);
  }
}
@media screen and (max-width: 640px) {
  .page-lead {
    padding-top: var(--pixel20);
    padding-bottom: var(--pixel20);
  }
  .page-lead__period .period {
    font-size: var(--pixel13);
    padding: var(--pixel05) var(--pixel10);
  }
  .page-lead__txt {
    font-weight: 500;
    font-size: var(--pixel14);
  }
}

.howto-contents {
  background-color: #fff;
  color: var(--color-primary);
  margin-right: auto;
  margin-left: auto;
  border-radius: var(--pixel12);
  padding-right: var(--pixel20);
  padding-left: var(--pixel20);
}
.howto-contents__trigger {
  width: 100%;
  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%22M22%200H2C1.46957%200%200.960859%200.210714%200.585786%200.585786C0.210714%200.960859%200%201.46957%200%202V22C0%2022.5304%200.210714%2023.0391%200.585786%2023.4142C0.960859%2023.7893%201.46957%2024%202%2024H22C22.5304%2024%2023.0391%2023.7893%2023.4142%2023.4142C23.7893%2023.0391%2024%2022.5304%2024%2022V2C24%201.46957%2023.7893%200.960859%2023.4142%200.585786C23.0391%200.210714%2022.5304%200%2022%200ZM19%2013H13V19C13%2019.2652%2012.8946%2019.5196%2012.7071%2019.7071C12.5196%2019.8946%2012.2652%2020%2012%2020C11.7348%2020%2011.4804%2019.8946%2011.2929%2019.7071C11.1054%2019.5196%2011%2019.2652%2011%2019V13H5C4.73478%2013%204.48043%2012.8946%204.29289%2012.7071C4.10536%2012.5196%204%2012.2652%204%2012C4%2011.7348%204.10536%2011.4804%204.29289%2011.2929C4.48043%2011.1054%204.73478%2011%205%2011H11V5C11%204.73478%2011.1054%204.48043%2011.2929%204.29289C11.4804%204.10536%2011.7348%204%2012%204C12.2652%204%2012.5196%204.10536%2012.7071%204.29289C12.8946%204.48043%2013%204.73478%2013%205V11H19C19.2652%2011%2019.5196%2011.1054%2019.7071%2011.2929C19.8946%2011.4804%2020%2011.7348%2020%2012C20%2012.2652%2019.8946%2012.5196%2019.7071%2012.7071C19.5196%2012.8946%2019.2652%2013%2019%2013Z%22%20fill%3D%22%23FF50AA%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  padding-top: var(--pixel20);
  padding-bottom: var(--pixel20);
  background-size: var(--pixel24);
}
.howto-contents__trigger.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%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M22%200H2C1.46957%200%200.960859%200.210714%200.585786%200.585786C0.210714%200.960859%200%201.46957%200%202V22C0%2022.5304%200.210714%2023.0391%200.585786%2023.4142C0.960859%2023.7893%201.46957%2024%202%2024H22C22.5304%2024%2023.0391%2023.7893%2023.4142%2023.4142C23.7893%2023.0391%2024%2022.5304%2024%2022V2C24%201.46957%2023.7893%200.960859%2023.4142%200.585786C23.0391%200.210714%2022.5304%200%2022%200ZM19%2013H5C4.73478%2013%204.48043%2012.8946%204.29289%2012.7071C4.10536%2012.5196%204%2012.2652%204%2012C4%2011.7348%204.10536%2011.4804%204.29289%2011.2929C4.48043%2011.1054%204.73478%2011%205%2011H19C19.2652%2011%2019.5196%2011.1054%2019.7071%2011.2929C19.8946%2011.4804%2020%2011.7348%2020%2012C20%2012.2652%2019.8946%2012.5196%2019.7071%2012.7071C19.5196%2012.8946%2019.2652%2013%2019%2013Z%22%20fill%3D%22%23FF50AA%22%2F%3E%3C%2Fsvg%3E");
}
.howto-contents__trigger img {
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 641px) {
  .howto-contents {
    width: min(36.603221083455345vw, 500px);
    margin-top: var(--pixel30);
  }
  .howto-contents__trigger img {
    width: min(21.669106881405565vw, 296px);
  }
}
@media screen and (max-width: 640px) {
  .howto-contents {
    width: 100%;
    margin-top: var(--pixel15);
  }
  .howto-contents__trigger img {
    width: 50vw;
  }
}

.howto-contents > dd {
  border-top: 1px solid var(--color-primary);
  padding-top: var(--pixel20);
  padding-bottom: var(--pixel25);
}
.howto-contents__txt {
  font-weight: 500;
}
.howto-contents__more {
  margin-top: var(--pixel20);
}
.howto-contents__button {
  background-color: var(--color-primary);
  color: #fff;
  border-radius: 9999px;
  font-weight: 500;
  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%2220%22%20viewBox%3D%220%200%2015%2020%22%20fill%3D%22none%22%3E%20%3Cg%20filter%3D%22url(%23filter0_d_4041_54)%22%3E%20%3Cpath%20d%3D%22M5%2015L10%2010L5%205%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3Cfilter%20id%3D%22filter0_d_4041_54%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2215%22%20height%3D%2220%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%20%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%20%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22%2F%3E%20%3CfeOffset%2F%3E%20%3CfeGaussianBlur%20stdDeviation%3D%222%22%2F%3E%20%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22%2F%3E%20%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%200.25%200%22%2F%3E%20%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_4041_54%22%2F%3E%20%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_4041_54%22%20result%3D%22shape%22%2F%3E%20%3C%2Ffilter%3E%20%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - var(--pixel20)) center;
  background-size: var(--pixel14);
  padding: var(--pixel05) var(--pixel40) var(--pixel05) var(--pixel25);
  font-size: var(--pixel16);
}
@media screen and (min-width: 641px) {
  .howto-contents__txt {
    font-size: var(--pixel16);
  }
  .howto-contents__button {
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .howto-contents__button:hover {
    opacity: 0.8;
  }
}
@media screen and (max-width: 640px) {
  .howto-contents__txt {
    font-size: var(--pixel14);
  }
}

/** SECTION TARGET
==============================================*/
.section-target .section-content {
  background-color: #fff;
  margin-right: auto;
  margin-left: auto;
  border-radius: var(--pixel12);
}
@media screen and (min-width: 641px) {
  .section-target {
    padding-top: var(--pixel82);
    padding-bottom: var(--pixel60);
  }
  .section-target .section-content {
    width: min(74.37774524158127vw, 1016px);
    padding: var(--pixel50);
  }
}
@media screen and (max-width: 640px) {
  .section-target {
    padding: var(--pixel30) var(--pixel15) var(--pixel30);
  }
  .section-target .section-content {
    padding: var(--pixel20) var(--pixel15);
  }
}

.content-lead {
  text-align: center;
}
.content-lead__lead {
  line-height: 1.3;
}
.content-lead__title .num {
  line-height: 1;
  position: relative;
  top: 0.05em;
}
@media screen and (min-width: 641px) {
  .content-lead {
    margin-bottom: var(--pixel50);
  }
  .content-lead__lead {
    font-size: var(--pixel18);
  }
  .content-lead__title {
    font-size: var(--pixel32);
  }
  .content-lead__title .num {
    font-size: var(--pixel60);
  }
}
@media screen and (max-width: 640px) {
  .content-lead {
    margin-bottom: var(--pixel20);
  }
  .content-lead__lead {
    margin-bottom: var(--pixel15);
    font-size: var(--pixel14);
  }
  .content-lead__title {
    font-size: var(--pixel18);
    line-height: 1;
  }
  .content-lead__title .num {
    font-size: var(--pixel30);
  }
}

.target-comics__img {
  display: block;
  width: 100%;
}
.target-comics__img img {
  display: block;
  width: 100%;
}
.target-comics__more {
  text-align: center;
}
.target-comics__button {
  display: inline-block;
  border-radius: 9999px;
  background-color: var(--color-primary);
  color: #fff;
  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%2220%22%20viewBox%3D%220%200%2015%2020%22%20fill%3D%22none%22%3E%20%3Cg%20filter%3D%22url(%23filter0_d_4041_54)%22%3E%20%3Cpath%20d%3D%22M5%2015L10%2010L5%205%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3Cfilter%20id%3D%22filter0_d_4041_54%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2215%22%20height%3D%2220%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%20%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%20%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22%2F%3E%20%3CfeOffset%2F%3E%20%3CfeGaussianBlur%20stdDeviation%3D%222%22%2F%3E%20%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22%2F%3E%20%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%200.25%200%22%2F%3E%20%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_4041_54%22%2F%3E%20%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_4041_54%22%20result%3D%22shape%22%2F%3E%20%3C%2Ffilter%3E%20%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - var(--pixel10)) center;
  background-size: var(--pixel14);
}
.target-comics__button:hover {
  color: #fff;
}
@media screen and (min-width: 641px) {
  .target-comics__list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
  }
  .target-comics__list > li {
    width: calc((100% - var(--pixel16)) / 2);
  }
  .target-comics__list > li:nth-child(odd) {
    margin-right: var(--pixel16);
  }
  .target-comics__list > li:not(:nth-child(-n + 2)) {
    margin-top: var(--pixel35);
  }
  .target-comics__more {
    margin-top: var(--pixel25);
  }
  .target-comics__button {
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    font-size: var(--pixel14);
    padding: var(--pixel10) var(--pixel30) var(--pixel10) var(--pixel15);
  }
  .target-comics__button:hover {
    opacity: 0.8;
  }
}
@media screen and (max-width: 640px) {
  .target-comics__list > li:not(:first-child) {
    margin-top: var(--pixel30);
  }
  .target-comics__more {
    margin-top: var(--pixel10);
  }
  .target-comics__button {
    min-width: 80vw;
    line-height: 1.3;
    font-size: var(--pixel16);
    padding: var(--pixel05) var(--pixel30) var(--pixel05) var(--pixel15);
  }
}

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

.present-campaign__lead {
  text-align: center;
}
.present-campaign__lead .deco-slash {
  position: relative;
  display: inline-block;
  padding-right: 1em;
  padding-left: 1em;
}
.present-campaign__lead .deco-slash:before,
.present-campaign__lead .deco-slash:after {
  content: "";
  background-color: #4d413b;
  position: absolute;
  width: 2px;
  height: 70%;
}
.present-campaign__lead .deco-slash:before {
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
  left: 0;
}
.present-campaign__lead .deco-slash:after {
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
  right: 0;
}
@media screen and (min-width: 641px) {
  .present-campaign__lead .deco-slash {
    font-size: var(--pixel20);
  }
  .present-campaign__lead .deco-slash:before,
  .present-campaign__lead .deco-slash:after {
    bottom: 15%;
  }
}
@media screen and (max-width: 640px) {
  .present-campaign__lead .deco-slash {
    font-size: var(--pixel18);
    line-height: 1.3;
  }
  .present-campaign__lead .deco-slash:before,
  .present-campaign__lead .deco-slash:after {
    bottom: 5%;
  }
}

.present-campaign__bnr {
  text-align: center;
  position: relative;
  background-color: #e57bff;
  color: #fff;
  margin-top: var(--pixel30);
  border-radius: var(--pixel10);
}
.present-campaign__title {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  top: calc(0px - var(--pixel20));
}
.present-campaign__title img {
  margin-right: auto;
  margin-left: auto;
}
.present-campaign__period {
  border-radius: 9999px;
  background-color: #fff;
  color: #e57bff;
  text-align: center;
  display: inline-block;
  margin-top: var(--pixel10);
}
.present-campaign__period > dt {
  display: inline;
  font-weight: 800;
}
.present-campaign__period > dd {
  display: inline;
}
@media screen and (min-width: 641px) {
  .present-campaign__bnr {
    background-image: url(../images/illust-gift-1.svg), url(../images/illust-gift-2.svg);
    background-repeat: no-repeat, no-repeat;
    background-position: var(--pixel20) var(--pixel20), calc(100% - var(--pixel15)) var(--pixel06);
    background-size: var(--pixel84), var(--pixel88);
    padding: var(--pixel35) var(--pixel100);
  }
  .present-campaign__title img {
    width: min(39.82430453879942vw, 544px);
  }
  .present-campaign__txt {
    font-size: var(--pixel20);
  }
  .present-campaign__period {
    padding-right: var(--pixel25);
    padding-left: var(--pixel25);
    font-size: var(--pixel16);
  }
}
@media screen and (max-width: 640px) {
  .present-campaign__bnr {
    /* background-position: var(--pixel10) var(--pixel40), calc(100% - var(--pixel10)) var(--pixel30);
    background-size: var(--pixel64), var(--pixel68); */
    padding: var(--pixel20);
  }
  .present-campaign__title img {
    width: 90vw;
  }
  .present-campaign__txt {
    font-size: var(--pixel14);
  }
  .present-campaign__period {
    padding: var(--pixel05) var(--pixel15);
    font-size: var(--pixel14);
  }
  .present-campaign__period > dt,
  .present-campaign__period > dd {
    display: block;
    line-height: 1.3;
  }
}

.present-campaign__howto {
  margin-top: var(--pixel15);
}
.present-campaign__howto > dt {
  font-weight: 800;
}
.present-campaign__trigger {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M11.9167%200H1.08333C0.796016%200%200.520465%200.114137%200.317301%200.317301C0.114137%200.520465%200%200.796016%200%201.08333V11.9167C0%2012.204%200.114137%2012.4795%200.317301%2012.6827C0.520465%2012.8859%200.796016%2013%201.08333%2013H11.9167C12.204%2013%2012.4795%2012.8859%2012.6827%2012.6827C12.8859%2012.4795%2013%2012.204%2013%2011.9167V1.08333C13%200.796016%2012.8859%200.520465%2012.6827%200.317301C12.4795%200.114137%2012.204%200%2011.9167%200ZM10.2917%207.04167H7.04167V10.2917C7.04167%2010.4353%206.9846%2010.5731%206.88302%2010.6747C6.78143%2010.7763%206.64366%2010.8333%206.5%2010.8333C6.35634%2010.8333%206.21857%2010.7763%206.11698%2010.6747C6.0154%2010.5731%205.95833%2010.4353%205.95833%2010.2917V7.04167H2.70833C2.56467%207.04167%202.4269%206.9846%202.32532%206.88302C2.22374%206.78143%202.16667%206.64366%202.16667%206.5C2.16667%206.35634%202.22374%206.21857%202.32532%206.11698C2.4269%206.0154%202.56467%205.95833%202.70833%205.95833H5.95833V2.70833C5.95833%202.56467%206.0154%202.4269%206.11698%202.32532C6.21857%202.22374%206.35634%202.16667%206.5%202.16667C6.64366%202.16667%206.78143%202.22374%206.88302%202.32532C6.9846%202.4269%207.04167%202.56467%207.04167%202.70833V5.95833H10.2917C10.4353%205.95833%2010.5731%206.0154%2010.6747%206.11698C10.7763%206.21857%2010.8333%206.35634%2010.8333%206.5C10.8333%206.64366%2010.7763%206.78143%2010.6747%206.88302C10.5731%206.9846%2010.4353%207.04167%2010.2917%207.04167Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: var(--pixel13);
  padding-right: var(--pixel20);
  padding-left: var(--pixel20);
  font-size: var(--pixel14);
}
.present-campaign__trigger.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%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M11.9167%200H1.08333C0.796016%200%200.520465%200.114137%200.317301%200.317301C0.114137%200.520465%200%200.796016%200%201.08333V11.9167C0%2012.204%200.114137%2012.4795%200.317301%2012.6827C0.520465%2012.8859%200.796016%2013%201.08333%2013H11.9167C12.204%2013%2012.4795%2012.8859%2012.6827%2012.6827C12.8859%2012.4795%2013%2012.204%2013%2011.9167V1.08333C13%200.796016%2012.8859%200.520465%2012.6827%200.317301C12.4795%200.114137%2012.204%200%2011.9167%200ZM10.2917%207.04167H2.70833C2.56467%207.04167%202.4269%206.9846%202.32532%206.88302C2.22374%206.78143%202.16667%206.64366%202.16667%206.5C2.16667%206.35634%202.22374%206.21857%202.32532%206.11698C2.4269%206.0154%202.56467%205.95833%202.70833%205.95833H10.2917C10.4353%205.95833%2010.5731%206.0154%2010.6747%206.11698C10.7763%206.21857%2010.8333%206.35634%2010.8333%206.5C10.8333%206.64366%2010.7763%206.78143%2010.6747%206.88302C10.5731%206.9846%2010.4353%207.04167%2010.2917%207.04167Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
}
.present-campaign__howto > dd {
  font-weight: 500;
  margin-top: var(--pixel10);
}
@media screen and (min-width: 641px) {
  .present-campaign__howto > dd {
    font-size: var(--pixel14);
  }
}
@media screen and (max-width: 640px) {
  .present-campaign__howto > dd {
    font-size: var(--pixel13);
  }
}

/** SECTION INFORMATION
==============================================*/
.section-information {
  background-color: var(--color-primary);
}
.section-information .section-content {
  background-color: #fff;
  border-radius: var(--pixel12);
}
@media screen and (min-width: 641px) {
  .section-information {
    padding-top: var(--pixel74);
    padding-bottom: var(--pixel83);
  }
  .section-information .section-content {
    padding: var(--pixel40) var(--pixel55);
  }
}
@media screen and (max-width: 640px) {
  .section-information {
    padding-top: var(--pixel40);
    padding-bottom: var(--pixel60);
  }
  .section-information .section-content {
    padding: var(--pixel20) var(--pixel15);
    width: 90vw;
  }
}

.page-information__notes > li {
  font-weight: 500;
}
.page-information__notes > li:before {
  color: var(--color-primary);
}
.page-information__notes > li:not(:first-child) {
  margin-top: 0.5em;
}
@media screen and (min-width: 641px) {
  .page-information__notes > li {
    font-size: var(--pixel14);
  }
}
@media screen and (max-width: 640px) {
  .page-information__notes > li {
    font-size: var(--pixel12);
  }
}

/** SECTION BLAND
==============================================*/
.section-bland {
  position: relative;
  z-index: 1;
  background-color: #fff;
  padding-top: var(--pixel35);
  padding-bottom: var(--pixel30);
}
.bland-list {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  align-items: flex-start;
}
.bland-list > li {
  padding: var(--pixel10) var(--pixel35);
}
.bland-list > li:first-child {
  border-right: var(--pixel01) solid #000;
}
.bland-list > li img {
  height: var(--pixel70);
}
.bland-copy {
  font-size: var(--pixel12);
  text-align: center;
  margin-top: var(--pixel25);
}
@media screen and (max-width: 640px) {
  .bland-copy {
    font-size: 10px;
    letter-spacing: 0;
  }
}

.footer-logo {
  background-color: #fff;
  text-align: center;
}
.footer-logo__img {
  margin-right: auto;
  margin-left: auto;
  padding: var(--pixel03);
  background-color: #fff;
  box-sizing: content-box;
}
@media screen and (min-width: 641px) {
  .footer-logo {
    padding-top: var(--pixel47);
    padding-bottom: var(--pixel47);
  }
  .footer-logo__img {
    width: var(--pixel71);
  }
}
@media screen and (max-width: 640px) {
  .footer-logo {
    padding-top: var(--pixel20);
    padding-bottom: var(--pixel20);
  }
  .footer-logo__img {
    width: var(--pixel80);
  }
}