@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap");
.josefin-sans {
  font-family: "Josefin Sans", sans-serif;
}

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

@media only screen and (min-width: 768px) {
  html,
  body {
    min-width: 1px;
  }
}

body {
  font-weight: 400;
  color: #000;
  line-height: 1.5;
  margin-bottom: var(--fixed-cta-height);
}

p,
span {
  text-align: justify;
}
p,
span,
a,
li,
dt,
dd {
  letter-spacing: 0;
  font-weight: inherit;
  color: inherit;
  line-height: 1.5;
}
@media screen and (min-width: 641px) {
  .show-small {
    display: none !important;
  }
}
@media screen and (max-width: 640px) {
  .show-small {
    display: inherit !important;
  }
  .hide-small {
    display: none !important;
  }
}

@media screen and (min-width: 641px) {
  .wrap {
    padding-top: var(--pixel64);
  }
}
@media screen and (max-width: 640px) {
  .wrap {
    padding-top: var(--pixel32);
  }
}

.row {
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 641px) {
  .row {
    width: min(69.76573938506588vw, 953px);
    padding-right: min(7.979502196193265vw, 109px);
    padding-left: min(7.979502196193265vw, 109px);
  }
}
@media screen and (max-width: 640px) {
  .row {
    width: 90.66666666666666vw;
    padding-right: 0;
    padding-left: 0;
  }
}

.fade-out {
  -webkit-animation: fadeOut 0.4s forwards;
  animation: fadeOut 0.4s forwards;
}
.fade-in {
  -webkit-animation: fadeIn 0.4s forwards;
  animation: fadeIn 0.4s forwards;
}

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

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

.notes-list > li {
  text-indent: -1em;
  padding-left: 1em;
}
.notes-list > li:before {
  content: "※";
}
.notes-list--numbering {
  counter-reset: number;
}
.notes-list--numbering > li:not(.nonumber) {
  text-indent: -2em;
  padding-left: 2em;
}
.notes-list--numbering > li:not(.nonumber):before {
  counter-increment: number;
  content: "※" counter(number) " ";
}

.square-list > li {
  text-indent: -1em;
  padding-left: 1em;
}
.square-list > li:not(:first-child) {
  margin-top: var(--pixel05);
}
.square-list > li:before {
  content: "■";
}

.circle-list > li {
  text-indent: -1em;
  padding-left: 1em;
}
.circle-list > li:before {
  content: "●";
  color: #0055a6;
}
@media screen and (min-width: 641px) {
  .circle-list > li:not(:first-child) {
    margin-top: var(--pixel05);
  }
}

.dot-list:not(.dot-list--inline) > li {
  text-indent: -0.75em;
  padding-left: 0.75em;
}
.dot-list--inline > li {
  display: inline-block;
}
.dot-list > li:before {
  content: "・ ";
}

.intext-link,
.intext-link:hover {
  color: inherit;
  text-decoration: underline;
}

.text-center {
  text-align: center;
}
.weight-bold {
  font-weight: 700;
}

@media screen and (min-width: 641px) {
  .top-radius-section {
    border-top-right-radius: var(--pixel16);
    border-top-left-radius: var(--pixel16);
    margin-top: calc(0px - var(--pixel16));
  }
}
@media screen and (max-width: 640px) {
  .top-radius-section {
    border-top-right-radius: var(--pixel10);
    border-top-left-radius: var(--pixel10);
    margin-top: calc(0px - var(--pixel10));
  }
}

/** SITE HEADER
==============================================*/
.site-header {
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
@media screen and (min-width: 641px) {
  .site-header {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    height: var(--pixel64);
    padding-right: min(20.497803806734993vw, 280px);
    padding-left: var(--pixel34);
    -webkit-filter: drop-shadow(0px var(--pixel02) var(--pixel06) rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px var(--pixel02) var(--pixel06) rgba(0, 0, 0, 0.5));
  }
}
@media screen and (max-width: 640px) {
  .site-header {
    -webkit-filter: drop-shadow(0px var(--pixel01) var(--pixel03) rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px var(--pixel01) var(--pixel03) rgba(0, 0, 0, 0.5));
    padding: var(--pixel10) var(--pixel17);
    height: var(--pixel32);
  }
}

@media screen and (min-width: 641px) {
  .site-header .content {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
}

.site-header .brand-logo {
  line-height: 1;
}
.site-header .brand-logo img {
  width: 100%;
  display: block;
}
@media screen and (min-width: 641px) {
  .site-header .brand-logo {
    width: min(15.226939970717424vw, 208px);
  }
}
@media screen and (max-width: 640px) {
  .site-header .brand-logo {
    width: 28.000000000000004vw;
  }
}

@media screen and (min-width: 641px) {
  .site-header .global-nav__list {
    display: -webkit-box;
    display: flex;
  }
  .site-header .global-nav__item {
    position: relative;
    display: block;
    height: 100%;
    line-height: 1;
    font-size: var(--pixel14);
    padding: var(--pixel10);
  }
  .site-header .global-nav__list > li:not(:last-child) .global-nav__item:after {
    content: "";
    width: 1px;
    height: 1.2em;
    background-color: #999999;
    position: absolute;
    right: -0.5px;
    top: calc(50% - 0.55em);
  }
}

/** ACCORDION
==============================================*/
@media screen and (min-width: 641px) {
  .accordion-head {
    cursor: pointer;
  }
}

/** PRIMARY BUTTON
==============================================*/
.primary-button {
  display: block;
  margin-right: auto;
  margin-left: auto;
  background-color: #ffd000;
  color: #000;
  text-align: center;
  font-weight: 600;
}
.primary-button:active {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
@media screen and (min-width: 641px) {
  .primary-button {
    width: min(26.35431918008785vw, 360px);
    font-size: var(--pixel24);
    border-radius: var(--pixel68);
    padding: var(--pixel15);
    box-shadow: 0 0 var(--pixel12) rgba(0, 0, 0, 0.5);
  }
}
@media screen and (max-width: 640px) {
  .primary-button {
    font-size: var(--pixel16);
    width: 81.6vw;
    border-radius: var(--pixel37);
    padding: var(--pixel12);
    box-shadow: 0 0 var(--pixel08) rgba(0, 0, 0, 0.5);
  }
}

/** HEADLINE
==============================================*/
.headline--set {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.headline__title {
  text-align: center;
  font-weight: 600;
}
.headline__title--wh {
  color: #fff;
}
.headline__title--bl {
  color: #0055a6;
}
@media screen and (min-width: 641px) {
  .headline {
    padding-bottom: var(--pixel45);
  }
  .headline__title {
    font-size: var(--pixel32);
  }
}
@media screen and (max-width: 640px) {
  .headline {
    padding-bottom: var(--pixel25);
  }
  .headline__title {
    font-size: var(--pixel24);
  }
}

/** SECTION HERO
==============================================*/
.section-hero {
  background: -webkit-linear-gradient(bottom, rgba(0, 186, 232, 1) 0%, rgba(0, 85, 166, 1) 100%);
  background: linear-gradient(0deg, rgba(0, 186, 232, 1) 0%, rgba(0, 85, 166, 1) 100%);
}
@media screen and (min-width: 641px) {
  .section-hero {
    padding-top: var(--pixel30);
  }
}
@media screen and (max-width: 640px) {
  .section-hero {
    padding-top: var(--pixel35);
    padding-bottom: var(--pixel25);
  }
}

.page-kv__lead {
  text-align: center;
  line-height: 1.6;
  color: #fff;
  font-weight: 700;
  margin-bottom: var(--pixel15);
}
.page-kv__lead .balloon {
  display: block;
  text-align: center;
  margin-bottom: var(--pixel12);
}
.page-kv__lead .ballon__txt {
  display: inline-block;
  position: relative;
  background-color: #fff;
  border-radius: 9999px;
  font-weight: 700;
  color: #0055a6;
  padding: var(--pixel05) var(--pixel20);
  font-size: var(--pixel14);
}
.page-kv__lead .ballon__txt:after {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%226%22%20viewBox%3D%220%200%2010%206%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M5%206L10%200H0L5%206Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  width: var(--pixel10);
  height: var(--pixel06);
  top: calc(100% - 0.5px);
  left: calc(50% - var(--pixel10));
}
@media screen and (min-width: 641px) {
  .page-kv__lead {
    font-size: var(--pixel24);
  }
  .page-kv__lead .ballon__txt {
    font-size: var(--pixel14);
  }
}
@media screen and (max-width: 640px) {
  .page-kv__lead {
    font-size: var(--pixel18);
  }
  .page-kv__lead .ballon__txt {
    font-size: var(--pixel12);
  }
}

.page-kv__card {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.page-kv__title {
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 641px) {
  .page-kv__card {
    width: min(19.472913616398245vw, 266px);
  }
  .page-kv__title {
    font-size: var(--pixel18);
    margin-top: var(--pixel20);
  }
}
@media screen and (max-width: 640px) {
  .page-kv__card {
    width: 61.02564102564103vw;
  }
  .page-kv__title {
    font-size: var(--pixel15);
    margin-top: var(--pixel15);
  }
}

.page-kv__appeal-list {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  align-items: flex-start;
  color: #fff;
}
.page-kv__appeal-list > li {
  padding-right: var(--pixel05);
  padding-left: var(--pixel05);
}
.page-kv__appeal-list > li .appeal-icon {
  display: block;
  margin-right: auto;
  margin-left: auto;
  -webkit-filter: drop-shadow(var(--pixel02) var(--pixel02) var(--pixel06) rgba(0, 0, 0, 0.5));
  filter: drop-shadow(var(--pixel02) var(--pixel02) var(--pixel06) rgba(0, 0, 0, 0.5));
}
.page-kv__appeal-list > li .appeal-txt {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  text-align: center;
  width: 100%;
  font-weight: 600;
  line-height: 1.2;
}
@media screen and (min-width: 641px) {
  .page-kv__appeal {
    margin-top: var(--pixel20);
  }
  .page-kv__appeal-list > li {
    width: min(8.784773060029282vw, 120px);
  }
  .page-kv__appeal-list > li .appeal-icon {
    width: var(--pixel89);
  }
  .page-kv__appeal-list > li .appeal-txt {
    font-size: var(--pixel16);
    margin-top: var(--pixel10);
  }
}
@media screen and (max-width: 640px) {
  .page-kv__appeal {
    margin-top: var(--pixel15);
  }
  .page-kv__appeal-list > li {
    width: var(--pixel100);
  }
  .page-kv__appeal-list > li .appeal-icon {
    width: var(--pixel72);
  }
  .page-kv__appeal-list > li .appeal-txt {
    font-size: var(--pixel14);
    margin-top: var(--pixel05);
    letter-spacing: 0;
  }
}

.page-kv__entry-in {
  position: relative;
}
.page-kv-entry__illust {
  position: absolute;
}
@media screen and (min-width: 641px) {
  .page-kv-entry {
    margin-top: var(--pixel26);
    padding-bottom: var(--pixel12);
  }
  .page-kv__entry-in {
    padding-top: var(--pixel22);
    padding-bottom: var(--pixel22);
  }
  .page-kv-entry__illust--man {
    width: min(19.32650073206442vw, 264px);
    left: 0;
    bottom: calc(100% - var(--pixel38));
  }
  .page-kv-entry__illust--woman {
    width: min(20.790629575402637vw, 284px);
    right: calc(0px - var(--pixel05));
    bottom: calc(100% - var(--pixel15));
  }
}
@media screen and (max-width: 640px) {
  .page-kv-entry {
    margin-top: var(--pixel20);
    padding-bottom: var(--pixel05);
  }
  .page-kv-entry__illust--man {
    width: var(--pixel64);
    left: var(--pixel50);
    top: calc(0px - var(--pixel20));
  }
  .page-kv-entry__illust--woman {
    width: var(--pixel68);
    right: var(--pixel50);
    bottom: calc(0px - var(--pixel05));
  }
}

@media screen and (max-width: 640px) {
  .section-hero .global-nav__list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    box-shadow: 0 0 var(--pixel08) rgba(0, 0, 0, 0.5);
    border-radius: var(--pixel06);
    margin-top: var(--pixel25);
  }
  .section-hero .global-nav__list > li {
    padding: var(--pixel04);
    position: relative;
  }
  .section-hero .global-nav__list > li:first-child {
    width: 100%;
  }
  .section-hero .global-nav__list > li:not(:first-child) {
    width: 50%;
  }
  .section-hero .global-nav__list > li:not(:nth-last-child(-n + 2)):before {
    content: "";
    width: calc(100% - var(--pixel08));
    height: 1px;
    position: absolute;
    bottom: -0.5px;
    left: var(--pixel04);
    background-color: #677d91;
  }
  .section-hero .global-nav__list > li:not(:first-child):nth-child(even):after,
  .section-hero .global-nav__list > li:not(:last-child):nth-child(even):after {
    content: "";
    width: 1px;
    height: calc(100% - var(--pixel08));
    position: absolute;
    top: var(--pixel04);
    right: -0.5px;
    background-color: #677d91;
  }
  .section-hero .global-nav__item {
    position: relative;
    display: block;
    text-align: center;
    font-size: var(--pixel13);
    padding: var(--pixel08) var(--pixel05) var(--pixel15);
  }
  .section-hero .global-nav__item:after {
    content: "";
    position: absolute;
    bottom: var(--pixel05);
    left: 0;
    width: 100%;
    height: var(--pixel04);
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22KV%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%206.79%203.83%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%230055a6%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%226.79%200%203.39%203.83%200%200%206.79%200%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
  }
}

.bicycle-insurance {
  font-weight: 500;
}
@media screen and (min-width: 641px) {
  .bicycle-insurance {
    margin-top: var(--pixel60);
    padding-bottom: var(--pixel84);
  }
  .bicycle-insurance > *:not(:first-child) {
    margin-top: var(--pixel40);
  }
}
@media screen and (max-width: 640px) {
  .bicycle-insurance {
    margin-top: var(--pixel50);
    padding-bottom: var(--pixel40);
  }
  .bicycle-insurance > *:not(:first-child) {
    margin-top: var(--pixel22);
  }
}

.bicycle-insurance__title {
  text-align: center;
  color: #fff;
  font-weight: 700;
}
@media screen and (min-width: 641px) {
  .bicycle-insurance__title {
    font-size: var(--pixel24);
    margin-bottom: var(--pixel45);
  }
}
@media screen and (max-width: 640px) {
  .bicycle-insurance__title {
    font-size: var(--pixel20);
  }
}

.bicycle-insurance-course__inner {
  background-color: #fff;
}
@media screen and (min-width: 641px) {
  .bicycle-insurance-course__inner {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
    padding: var(--pixel15) var(--pixel30);
    border-top-left-radius: var(--pixel10);
    border-top-right-radius: var(--pixel10);
  }
}
@media screen and (max-width: 640px) {
  .bicycle-insurance-course__inner {
    padding: var(--pixel15) var(--pixel20);
    border-top-left-radius: var(--pixel08);
    border-top-right-radius: var(--pixel08);
  }
}

.bicycle-insurance-course__img {
}
@media screen and (min-width: 641px) {
  .bicycle-insurance-course__img {
    padding-left: var(--pixel20);
  }
  .bicycle-insurance-course__img img {
    width: min(11.25vw, 162px);
  }
}
@media screen and (max-width: 640px) {
  .bicycle-insurance-course__img {
    text-align: center;
  }
  .bicycle-insurance-course__img img {
    width: 42.05128205128205vw;
  }
}

.bicycle-insurance-course__info {
}
.bicycle-insurance-course__info > *:not(:first-child) {
  margin-top: var(--pixel10);
}
.bicycle-insurance-course__name {
  font-weight: 700;
}
.bicycle-insurance-course__price {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.bicycle-insurance-course__price > dt {
  font-weight: 700;
  color: #fff;
  background-color: #00bae8;
  font-size: var(--pixel14);
  padding: var(--pixel02) var(--pixel14);
  margin-right: var(--pixel07);
}
.bicycle-insurance-course__price > dd {
  font-weight: 700;
  font-size: var(--pixel18);
}
.bicycle-insurance-course__price > dd .num {
  font-family: "Josefin Sans";
  font-weight: 600;
  line-height: 1;
  position: relative;
  top: 0.1em;
  font-size: var(--pixel32);
}
@media screen and (min-width: 641px) {
  .bicycle-insurance-course__info {
    padding-top: var(--pixel05);
  }
  .bicycle-insurance-course__name {
    font-size: var(--pixel24);
  }
  .bicycle-insurance-course__price {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 640px) {
  .bicycle-insurance-course__info {
    padding-top: var(--pixel10);
  }
  .bicycle-insurance-course__name {
    font-size: var(--pixel22);
    text-align: center;
  }
  .bicycle-insurance-course__price {
    -webkit-box-pack: center;
    justify-content: center;
  }
  .bicycle-insurance-course__price > dd {
    font-size: var(--pixel18);
  }
  .bicycle-insurance-course__price > dd .num {
    font-size: var(--pixel32);
  }
}

.bicycle-insurance-course__point {
}
.bicycle-insurance-course__point > li {
  position: relative;
  padding-left: var(--pixel20);
  font-size: var(--pixel16);
}
.bicycle-insurance-course__point > li:before {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2217%22%20viewBox%3D%220%200%2017%2017%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M6.30649%2011.6412L6.30758%2011.6401L3.34629%208.67884C3.24632%208.57549%203.19095%208.437%203.1921%208.29321C3.19324%208.14943%203.25082%208.01184%203.35242%207.91009C3.45403%207.80835%203.59153%207.75057%203.73532%207.74922C3.8791%207.74787%204.01767%207.80305%204.12116%207.90288L7.08245%2010.8647L12.8992%205.04907C12.9498%204.99669%2013.0103%204.95492%2013.0772%204.92617C13.1441%204.89743%2013.2161%204.88231%2013.2889%204.88167C13.3617%204.88104%2013.4339%204.89492%2013.5013%204.92249C13.5687%204.95006%2013.6299%204.99078%2013.6814%205.04227C13.7329%205.09376%2013.7736%205.15499%2013.8012%205.22238C13.8288%205.28978%2013.8426%205.36199%2013.842%205.43481C13.8414%205.50762%2013.8262%205.57958%2013.7975%205.64648C13.7688%205.71339%2013.727%205.7739%2013.6746%205.82449L7.46961%2012.0289C7.36678%2012.1317%207.22732%2012.1895%207.0819%2012.1895C6.93649%2012.1895%206.79703%2012.1317%206.69419%2012.0289L6.30649%2011.6412Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M3.01611%200.27417C2.65603%200.27417%202.29948%200.345092%201.96681%200.482887C1.63415%200.620683%201.33188%200.822652%201.07726%201.07726C0.563052%201.59148%200.27417%202.2889%200.27417%203.01611V13.9838C0.27417%2014.7111%200.563052%2015.4085%201.07726%2015.9227C1.33188%2016.1773%201.63415%2016.3793%201.96681%2016.5171C2.29948%2016.6549%202.65603%2016.7258%203.01611%2016.7258H13.9838C14.7111%2016.7258%2015.4085%2016.4369%2015.9227%2015.9227C16.4369%2015.4085%2016.7258%2014.7111%2016.7258%2013.9838V3.01611C16.7258%202.65603%2016.6549%202.29948%2016.5171%201.96681C16.3793%201.63415%2016.1773%201.33188%2015.9227%201.07726C15.6681%200.822652%2015.3658%200.620683%2015.0331%200.482887C14.7005%200.345092%2014.3439%200.27417%2013.9838%200.27417H3.01611ZM1.37094%203.01611C1.37094%202.57978%201.54427%202.16133%201.8528%201.8528C2.16133%201.54427%202.57978%201.37094%203.01611%201.37094H13.9838C14.4202%201.37094%2014.8386%201.54427%2015.1472%201.8528C15.4557%202.16133%2015.629%202.57978%2015.629%203.01611V13.9838C15.629%2014.4202%2015.4557%2014.8386%2015.1472%2015.1472C14.8386%2015.4557%2014.4202%2015.629%2013.9838%2015.629H3.01611C2.57978%2015.629%202.16133%2015.4557%201.8528%2015.1472C1.54427%2014.8386%201.37094%2014.4202%201.37094%2013.9838V3.01611Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M13.9834%200C14.7833%200%2015.5506%200.318155%2016.1162%200.883789C16.6818%201.44942%2017%202.21667%2017%203.0166V13.9834C17%2014.7833%2016.6818%2015.5506%2016.1162%2016.1162C15.5506%2016.6818%2014.7833%2017%2013.9834%2017H3.0166C2.21667%2017%201.44942%2016.6818%200.883789%2016.1162C0.318155%2015.5506%200%2014.7833%200%2013.9834V3.0166C0%202.21667%200.318155%201.44942%200.883789%200.883789C1.44942%200.318155%202.21667%200%203.0166%200H13.9834ZM3.0166%200.548828C2.36212%200.548828%201.73428%200.808693%201.27148%201.27148C0.808693%201.73428%200.548828%202.36212%200.548828%203.0166V13.9834C0.548828%2014.6379%200.808693%2015.2657%201.27148%2015.7285C1.73428%2016.1913%202.36212%2016.4512%203.0166%2016.4512H13.9834C14.6379%2016.4512%2015.2657%2016.1913%2015.7285%2015.7285C16.1913%2015.2657%2016.4512%2014.6379%2016.4512%2013.9834V3.0166C16.4512%202.36212%2016.1913%201.73428%2015.7285%201.27148C15.2657%200.808693%2014.6379%200.548828%2013.9834%200.548828H3.0166ZM13.9834%201.09668C14.2355%201.09668%2014.4859%201.14671%2014.7188%201.24316C14.9515%201.33962%2015.1627%201.48106%2015.3408%201.65918C15.5189%201.8373%2015.6604%202.04855%2015.7568%202.28125C15.8533%202.51412%2015.9033%202.76455%2015.9033%203.0166V13.9834C15.9033%2014.2355%2015.8533%2014.4859%2015.7568%2014.7188C15.6604%2014.9515%2015.5189%2015.1627%2015.3408%2015.3408C15.1627%2015.5189%2014.9515%2015.6604%2014.7188%2015.7568C14.4859%2015.8533%2014.2355%2015.9033%2013.9834%2015.9033H3.0166C2.76455%2015.9033%202.51412%2015.8533%202.28125%2015.7568C2.04855%2015.6604%201.8373%2015.5189%201.65918%2015.3408C1.48106%2015.1627%201.33962%2014.9515%201.24316%2014.7188C1.14671%2014.4859%201.09668%2014.2355%201.09668%2013.9834V3.0166C1.09668%202.50756%201.29923%202.01913%201.65918%201.65918C2.01913%201.29923%202.50756%201.09668%203.0166%201.09668H13.9834ZM3.0166%201.64551C2.653%201.64551%202.30398%201.78977%202.04688%202.04688C1.78977%202.30398%201.64551%202.653%201.64551%203.0166V13.9834C1.64551%2014.347%201.78977%2014.696%202.04688%2014.9531C2.30398%2015.2102%202.653%2015.3545%203.0166%2015.3545H13.9834C14.347%2015.3545%2014.696%2015.2102%2014.9531%2014.9531C15.2102%2014.696%2015.3545%2014.347%2015.3545%2013.9834V3.0166C15.3545%202.653%2015.2102%202.30398%2014.9531%202.04688C14.696%201.78977%2014.347%201.64551%2013.9834%201.64551H3.0166ZM13.2861%204.61426C13.3942%204.61426%2013.5017%204.63539%2013.6016%204.67676C13.7013%204.71813%2013.7928%204.77908%2013.8691%204.85547C14.023%205.00964%2014.1083%205.21872%2014.1084%205.43652C14.1084%205.65441%2014.0221%205.86336%2013.8682%206.01758L13.4805%205.63086C13.5319%205.57944%2013.5605%205.50923%2013.5605%205.43652C13.5604%205.36398%2013.5308%205.29447%2013.4795%205.24316C13.4281%205.1919%2013.3587%205.16311%2013.2861%205.16309C13.2134%205.16309%2013.1432%205.19078%2013.0918%205.24219L7.27637%2011.0586L7.08301%2011.252L6.88867%2011.0586L3.92773%208.09668C3.87632%208.0453%203.80609%208.0166%203.7334%208.0166C3.66091%208.01668%203.59137%208.04549%203.54004%208.09668C3.48864%208.1481%203.45996%208.21831%203.45996%208.29102C3.46002%208.36362%203.48871%208.43301%203.54004%208.48438L6.50098%2011.4463L6.69531%2011.6396L6.69434%2011.6406L6.88867%2011.835C6.94006%2011.8863%207.00938%2011.916%207.08203%2011.916C7.15474%2011.916%207.22495%2011.8864%207.27637%2011.835L13.4805%205.63086L13.8682%206.01953L7.66406%2012.2236C7.50987%2012.3776%207.29996%2012.4638%207.08203%2012.4639C6.86406%2012.4639%206.65521%2012.3767%206.50098%2012.2227L6.1123%2011.835L5.91895%2011.6416L5.91992%2011.6396L3.15234%208.87207C2.99821%208.71787%202.91119%208.50904%202.91113%208.29102C2.91113%208.0729%202.99813%207.86324%203.15234%207.70898C3.30655%207.55509%203.51553%207.46876%203.7334%207.46875C3.95137%207.46875%204.1612%207.55496%204.31543%207.70898L7.08203%2010.4766L12.7051%204.85547C12.7815%204.77903%2012.8718%204.71813%2012.9717%204.67676C13.0714%204.63549%2013.1782%204.61428%2013.2861%204.61426Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  left: 0.1em;
  top: 0.3em;
  width: var(--pixel16);
  height: var(--pixel16);
}
.bicycle-insurance-course__point > li:not(:first-child) {
  margin-top: var(--pixel10);
}
@media screen and (min-width: 641px) {
  .bicycle-insurance-course__point > li {
  }
}
@media screen and (max-width: 640px) {
}

.bicycle-insurance-course__notes {
  color: #ed1c24;
}
@media screen and (min-width: 641px) {
  .bicycle-insurance-course__notes > li {
    font-size: var(--pixel12);
  }
}
@media screen and (max-width: 640px) {
  .bicycle-insurance-course__notes > li {
    font-size: var(--pixel10);
  }
}

.bicycle-insurance-course__button {
  background-color: #00bae8;
  color: #fff;
  text-align: center;
  display: block;
  width: 100%;
  padding: var(--pixel07) var(--pixel15);
}
.bicycle-insurance-course__button .button-text {
  font-weight: 700;
  position: relative;
  padding-right: var(--pixel20);
  font-size: var(--pixel14);
}
.bicycle-insurance-course__button .button-text:after {
  content: "";
  position: absolute;
  right: 0;
  top: calc(50% - var(--pixel06));
  width: var(--pixel08);
  height: var(--pixel12);
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  background-color: #fff;
}
@media screen and (min-width: 641px) {
  .bicycle-insurance-course__button {
    border-bottom-left-radius: var(--pixel10);
    border-bottom-right-radius: var(--pixel10);
  }
  .bicycle-insurance-course__button .button-text {
  }
}
@media screen and (max-width: 640px) {
  .bicycle-insurance-course__button {
    border-bottom-left-radius: var(--pixel08);
    border-bottom-right-radius: var(--pixel08);
  }
}

.bicycle-insurance-attention {
  color: #fff;
  border: 1px solid;
  border-radius: var(--pixel06);
}
.bicycle-insurance-attention:before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2221%22%20viewBox%3D%220%200%2023%2021%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M14.72%201.88168L22.4262%2014.903C23.5337%2016.7731%2022.9897%2019.2337%2021.2107%2020.398C20.6139%2020.791%2019.9177%2021.0001%2019.2062%2021H3.79271C1.69855%2021%200%2019.215%200%2017.0111C0%2016.2656%200.198951%2015.5365%200.572702%2014.903L8.28002%201.88168C9.38633%200.0115015%2011.7254%20-0.561336%2013.5045%200.603006C13.9967%200.925009%2014.413%201.36251%2014.72%201.88168ZM12.167%202.86052C12.0262%202.76866%2011.8686%202.70669%2011.7035%202.67838C11.5385%202.65007%2011.3695%202.65599%2011.2067%202.69579C11.044%202.73559%2010.8909%202.80844%2010.7567%202.90995C10.6225%203.01145%2010.51%203.1395%2010.4259%203.28636L2.71976%2016.31C2.59458%2016.5222%202.52859%2016.765%202.52886%2017.0123C2.52886%2017.7473%203.09466%2018.3423%203.79386%2018.3423H19.2051C19.442%2018.3423%2019.6731%2018.2723%2019.8732%2018.1416C20.1603%2017.9481%2020.3628%2017.6496%2020.4384%2017.3084C20.514%2016.9672%2020.457%2016.6096%2020.2792%2016.31L12.573%203.28636C12.4726%203.11437%2012.334%202.96855%2012.1682%202.86052H12.167ZM11.5%2016.3333C11.195%2016.3333%2010.9025%2016.2104%2010.6869%2015.9916C10.4712%2015.7728%2010.35%2015.476%2010.35%2015.1666C10.35%2014.8572%2010.4712%2014.5604%2010.6869%2014.3417C10.9025%2014.1229%2011.195%2013.9999%2011.5%2013.9999C11.805%2013.9999%2012.0975%2014.1229%2012.3132%2014.3417C12.5289%2014.5604%2012.65%2014.8572%2012.65%2015.1666C12.65%2015.476%2012.5289%2015.7728%2012.3132%2015.9916C12.0975%2016.2104%2011.805%2016.3333%2011.5%2016.3333ZM11.5%205.83321C11.805%205.83321%2012.0975%205.95613%2012.3132%206.17493C12.5289%206.39372%2012.65%206.69047%2012.65%206.99989V11.6666C12.65%2011.976%2012.5289%2012.2728%2012.3132%2012.4916C12.0975%2012.7104%2011.805%2012.8333%2011.5%2012.8333C11.195%2012.8333%2010.9025%2012.7104%2010.6869%2012.4916C10.4712%2012.2728%2010.35%2011.976%2010.35%2011.6666V6.99989C10.35%206.69047%2010.4712%206.39372%2010.6869%206.17493C10.9025%205.95613%2011.195%205.83321%2011.5%205.83321Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 100%;
  width: 100%;
  height: var(--pixel21);
  margin-bottom: var(--pixel07);
}
@media screen and (min-width: 641px) {
  .bicycle-insurance-attention {
    padding: var(--pixel15);
  }
  .bicycle-insurance-attention__txt {
    font-size: var(--pixel16);
  }
}
@media screen and (max-width: 640px) {
  .bicycle-insurance-attention {
    padding: var(--pixel10) var(--pixel15);
  }
  .bicycle-insurance-attention__txt {
    font-size: var(--pixel10);
  }
}

.bicycle-insurance-case {
  background-color: #fff;
  border-radius: var(--pixel10);
}
.bicycle-insurance-case__title {
  text-align: center;
}
.bicycle-insurance-case__title .title-text {
  border-bottom: 2px solid #0055a6;
  font-weight: 700;
}
.bicycle-insurance-case__title .case {
  font-family: "Josefin Sans";
  font-weight: 700;
  color: #0055a6;
}
@media screen and (min-width: 641px) {
  .bicycle-insurance-case {
    margin-right: auto;
    margin-left: auto;
    width: min(45.83333333333333vw, 660px);
    padding: var(--pixel25) var(--pixel45);
  }
  .bicycle-insurance-case__title .title-text {
    font-size: var(--pixel18);
    display: inline-block;
    padding-bottom: var(--pixel03);
  }
  .bicycle-insurance-case__title .case {
    margin-right: 1em;
  }
}
@media screen and (max-width: 640px) {
  .bicycle-insurance-case {
    padding: var(--pixel20);
  }
  .bicycle-insurance-case__title {
  }
  .bicycle-insurance-case__title .title-text {
    font-size: var(--pixel14);
    text-align: center;
    display: block;
    padding-bottom: var(--pixel05);
  }
  .bicycle-insurance-case__title .case {
    display: block;
    text-align: center;
    font-size: var(--pixel12);
  }
}

.bicycle-insurance-case__img {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 641px) {
  .bicycle-insurance-case__img {
    width: min(18.747847222222223vw, 269.969px);
    margin-top: var(--pixel20);
  }
}
@media screen and (max-width: 640px) {
  .bicycle-insurance-case__img {
    width: 47.69230769230769vw;
    margin-top: var(--pixel17);
  }
}

.bicycle-insurance-case__case {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  align-items: flex-start;
}
.case-item--enrollment {
  --case-color: #0055a6;
}
.case-item--unenrolled {
  --case-color: #ed1c24;
}
.case-item__title {
  background-color: var(--case-color);
  color: #fff;
  border-radius: 9999px;
  text-align: center;
  font-weight: 700;
  padding: var(--pixel05);
}
.case-item__price .num {
  font-weight: 600;
  font-family: "Josefin Sans";
  position: relative;
  top: 0.1em;
  line-height: 1;
}
.case-item__price {
  text-align: center;
  color: var(--case-color);
  font-weight: 700;
}
@media screen and (min-width: 641px) {
  .bicycle-insurance-case__case {
    margin-top: var(--pixel20);
  }
  .case-item {
    width: calc(50% - var(--pixel12));
  }
  .case-item:nth-child(odd) {
    margin-right: var(--pixel24);
  }
  .case-item__title {
    font-size: var(--pixel20);
    padding: var(--pixel05);
  }
  .case-item__price {
    font-size: var(--pixel20);
  }
  .case-item__price .small {
    font-size: var(--pixel14);
  }
  .case-item__price .num {
    font-size: var(--pixel47);
  }
}
@media screen and (max-width: 640px) {
  .bicycle-insurance-case__case {
    margin-top: var(--pixel15);
  }
  .case-item {
    width: calc(50% - var(--pixel06));
  }
  .case-item:nth-child(odd) {
    margin-right: var(--pixel12);
  }
  .case-item__title {
    font-size: var(--pixel12);
  }
  .case-item__price {
    font-size: var(--pixel12);
    padding: var(--pixel05);
  }
  .case-item__price .small {
    font-size: var(--pixel12);
  }
  .case-item__price .num {
    font-size: var(--pixel36);
  }
}

.bicycle-insurance-case__notes .intext-link {
  color: #00bae8;
}
@media screen and (min-width: 641px) {
  .bicycle-insurance-case__notes {
    font-size: var(--pixel12);
  }
}
@media screen and (max-width: 640px) {
  .bicycle-insurance-case__notes {
    font-size: var(--pixel10);
    margin-top: var(--pixel05);
  }
}

/** SECTION MERIT
==============================================*/
.section-merit {
  background: -webkit-linear-gradient(top, #004b9f 0%, #016bb9 100%);
  background: linear-gradient(180deg, #004b9f 0%, #016bb9 100%);
}
@media screen and (min-width: 641px) {
  .section-merit {
    padding-top: var(--pixel60);
    padding-bottom: var(--pixel80);
  }
}
@media screen and (max-width: 640px) {
  .section-merit {
    padding-top: var(--pixel25);
    padding-bottom: var(--pixel40);
  }
}

.merit-case:after {
  content: "";
  display: block;
  -webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%);
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  background-color: #fcd853;
  margin: var(--pixel18) auto;
}
.merit-case__title {
  color: #fff;
  text-align: center;
  font-weight: 700;
  line-height: 1.75;
}
.merit-case__title .small {
  font-weight: 500;
}
.merit-case__list {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  align-items: flex-start;
}
.merit-case__list > li img {
  display: block;
  width: 100%;
}
.merit-case__list > li .merit-text {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  text-align: center;
  color: #fff;
  font-weight: 700;
}
.merit-case__etc {
  display: block;
  color: #fff;
  font-weight: 700;
}
@media screen and (min-width: 641px) {
  .merit-case {
    padding-right: var(--pixel30);
    padding-left: var(--pixel30);
  }
  .merit-case:after {
    width: var(--pixel64);
    height: var(--pixel26);
  }
  .merit-case__title {
    font-size: var(--pixel24);
    margin-bottom: var(--pixel40);
  }
  .merit-case__title .small {
    font-size: var(--pixel20);
  }
  .merit-case__list > li {
    width: calc(50% - var(--pixel16));
  }
  .merit-case__list > li:nth-child(odd) {
    margin-right: var(--pixel32);
  }
  .merit-case__list > li .merit-text {
    font-size: var(--pixel18);
    padding-top: var(--pixel20);
    padding-bottom: var(--pixel20);
  }
  .merit-case__etc {
    text-align: center;
    font-size: var(--pixel24);
  }
}
@media screen and (max-width: 640px) {
  .merit-case {
  }
  .merit-case:after {
    width: var(--pixel42);
    height: var(--pixel18);
  }
  .merit-case__title {
    font-size: var(--pixel20);
    margin-bottom: var(--pixel10);
  }
  .merit-case__title .small {
    font-size: var(--pixel14);
  }
  .merit-case__list > li {
    width: calc(50% - var(--pixel07));
  }
  .merit-case__list > li:nth-child(odd) {
    margin-right: var(--pixel14);
  }
  .merit-case__list > li .merit-text {
    font-size: var(--pixel13);
    padding-top: var(--pixel10);
    padding-bottom: var(--pixel10);
  }
  .merit-case__etc {
    text-align: right;
    font-size: var(--pixel13);
  }
}

.merit-safety {
  font-weight: 500;
}
.merit-safety__title {
  color: #fff;
  text-align: center;
  font-weight: 700;
  line-height: 1.75;
}
.merit-safety__title .small {
  font-weight: 500;
}
.merit-safety__language {
  background-color: #fff;
  border-radius: var(--pixel04);
}
.merit-safety__notes {
  color: #fff;
}
.merit-safety__notes > *:not(:first-child) {
  margin-top: var(--pixel15);
}
.merit-safety__notes .notes-list {
}
.merit-safety__notes .notes-sub {
  display: block;
  text-align: right;
}
@media screen and (min-width: 641px) {
  .merit-safety {
  }
  .merit-safety__title {
    font-size: var(--pixel24);
    margin-bottom: var(--pixel15);
  }
  .merit-safety__title .small {
    font-size: var(--pixel20);
  }
  .merit-safety__language {
    padding: var(--pixel20);
    font-size: var(--pixel12);
  }
  .merit-safety__notes {
    margin-top: var(--pixel15);
  }
  .merit-safety__notes .notes-list > li {
    font-size: var(--pixel12);
  }
  .merit-safety__notes .notes-text {
    font-size: var(--pixel12);
  }
  .merit-safety__notes .notes-sub {
    font-size: var(--pixel12);
  }
}
@media screen and (max-width: 640px) {
  .merit-safety {
  }
  .merit-safety__title {
    font-size: var(--pixel20);
    margin-bottom: var(--pixel20);
  }
  .merit-safety__title .small {
    font-size: var(--pixel14);
  }
  .merit-safety__language {
    padding: var(--pixel14);
    font-size: var(--pixel10);
  }
  .merit-safety__notes {
    margin-top: var(--pixel15);
  }
  .merit-safety__notes .notes-list > li {
    font-size: var(--pixel10);
  }
  .merit-safety__notes .notes-text {
    font-size: var(--pixel10);
  }
  .merit-safety__notes .notes-sub {
    font-size: var(--pixel10);
  }
}

/** SECTION ENTRY
==============================================*/
.section-entry {
  background-color: #d4f5ff;
}
@media screen and (min-width: 641px) {
  .section-entry {
    padding-top: var(--pixel22);
    padding-bottom: var(--pixel22);
  }
}
@media screen and (max-width: 640px) {
  .section-entry {
    padding-top: var(--pixel16);
    padding-bottom: var(--pixel16);
  }
}

/** SECTION BANNER
==============================================*/
.section-banner {
  background: -webkit-linear-gradient(bottom, rgba(0, 186, 232, 1) 0%, rgba(0, 85, 166, 1) 100%);
  background: linear-gradient(0deg, rgba(0, 186, 232, 1) 0%, rgba(0, 85, 166, 1) 100%);
}
.banner-block {
  padding-top: var(--pixel30);
}
.banner-block__img {
  display: block;
}
.banner-block__img img {
  width: 100%;
}
.banner-block__img.shadow img {
  -webkit-filter: drop-shadow(0px 0px var(--pixel12) rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0px 0px var(--pixel12) rgba(0, 0, 0, 0.5));
}

/** SECTION FLOW
==============================================*/
.section-flow {
  background: -webkit-linear-gradient(top, rgba(0, 186, 232, 1) 0%, rgba(0, 85, 166, 1) 100%);
  background: linear-gradient(180deg, rgba(0, 186, 232, 1) 0%, rgba(0, 85, 166, 1) 100%);
}
@media screen and (min-width: 641px) {
  .section-flow {
    padding-top: var(--pixel90);
    padding-bottom: var(--pixel100);
  }
}
@media screen and (max-width: 640px) {
  .section-flow {
    padding-top: var(--pixel45);
    padding-bottom: var(--pixel55);
  }
}

.card-item__img {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.card-item__notes {
  margin-top: var(--pixel15);
}
.card-item__notes > li {
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .card-item__img {
    width: min(19.39970717423133vw, 265px);
  }
  .card-item__button {
    margin-top: var(--pixel30);
  }
  .card-item__notes > li {
    font-size: var(--pixel12);
  }
}
@media screen and (max-width: 640px) {
  .card-item__img {
    width: 43.733333333333334vw;
  }
  .card-item__button {
    width: 81.6vw;
    margin-top: var(--pixel25);
  }
  .card-item__notes > li {
    font-size: var(--pixel12);
  }
}

.entry-flow__step > li {
  position: relative;
  background-color: #fff;
  box-shadow: 0 0 var(--pixel12) rgba(0, 0, 0, 0.5);
}
/* .entry-flow__step > li:not(:nth-child(-n + 3)) {
  margin-top: var(--pixel30);
} */
/* .entry-flow__step > li:not(:last-child):after {
  content: "";
  background-color: #ffd000;
  position: absolute;
} */
.entry-flow__img {
  position: relative;
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: var(--pixel10);
}
.entry-flow__img .step-label {
  position: absolute;
  left: 0;
  top: 0;
  font-family: "Josefin Sans", sans-serif;
  font-weight: 600;
  color: #0055a6;
  letter-spacing: 0;
  line-height: 0.8;
}
.entry-flow__txt {
  display: block;
  text-align: center;
  font-weight: 600;
  font-size: var(--pixel18);
}
.entry-flow__notes > li {
  color: #fff;
  letter-spacing: 0;
}
.entry-flow__notes > li:not(:first-child) {
  color: #fff;
  margin-top: var(--pixel05);
}
@media screen and (min-width: 641px) {
  .entry-flow {
    /* margin-top: var(--pixel40); */
  }
  .entry-flow__step {
    display: -webkit-box;
    display: flex;
    /* flex-wrap: wrap; */
  }
  .entry-flow__step > li {
    border-radius: var(--pixel08);
    padding: var(--pixel25) var(--pixel15) var(--pixel20);
  }
  .entry-flow__step > li:not(:last-child):after {
    top: calc(50% - var(--pixel08));
    left: calc(100% + var(--pixel10));
    -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    width: var(--pixel10);
    height: var(--pixel16);
  }
  /* .entry-flow__step > li:nth-child(3n):after {
    display: none;
  } */
  .entry-flow__img {
    width: min(9.66325036603221vw, 132px);
  }
  .entry-flow__img .step-label {
    font-size: var(--pixel36);
  }
  .entry-flow__notes {
    margin-top: var(--pixel25);
  }
  .entry-flow__notes > li {
    font-size: var(--pixel14);
  }
}
@media screen and (max-width: 640px) {
  .entry-flow {
    /* margin-top: var(--pixel25); */
    padding-right: var(--pixel10);
    padding-left: var(--pixel10);
  }
  .entry-flow__step > li {
    border-radius: var(--pixel11);
    padding: var(--pixel38) var(--pixel15) var(--pixel30);
  }
  /* .entry-flow__step > li:not(:first-child) {
    margin-top: var(--pixel68);
  } */
  .entry-flow__step > li:not(:last-child):after {
    top: calc(100% + var(--pixel27));
    left: calc(50% - var(--pixel10));
    -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    width: var(--pixel20);
    height: var(--pixel14);
  }
  .entry-flow__img {
    width: 49.333333333333336vw;
  }
  .entry-flow__img .step-label {
    font-size: var(--pixel50);
  }
  .entry-flow__notes {
    margin-top: var(--pixel30);
  }
  .entry-flow__notes > li {
    font-size: var(--pixel12);
  }
}

.swiper-container {
  overflow: hidden;
}

.entry-flow__swiper {
  position: relative;
}
.swiper-button-prev,
.swiper-button-next {
  cursor: pointer;
  position: absolute;
  border-radius: 50%;
  top: calc(50% - var(--pixel15));
  width: var(--pixel30);
  height: var(--pixel30);
  background-color: #004089;
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%206.72%2011.28%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23ffffff%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2.16px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22KV%22%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%221.08%201.08%205.64%205.64%201.08%2010.21%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-size: 50% 50%;
  background-position: center center;
  z-index: 10;
}
.swiper-button-prev {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.swiper-button-next {
}
.swiper-button-disabled {
  opacity: 0.5;
  pointer-events: none;
}
@media screen and (min-width: 641px) {
  .swiper-button-prev {
    right: calc(100% + var(--pixel20));
  }
  .swiper-button-next {
    left: calc(100% + var(--pixel20));
  }
}
@media screen and (max-width: 640px) {
  .swiper-container {
    padding: var(--pixel12);
  }
  .swiper-slide {
    opacity: 1;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
  }
  .swiper-slide-prev,
  .swiper-slide-next {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
  }
  .swiper-button-prev {
    right: calc(100% - var(--pixel22));
  }
  .swiper-button-next {
    left: calc(100% - var(--pixel22));
  }
}

/** SECTION SPEC
==============================================*/
.section-spec {
  background-color: #d4f5ff;
}
@media screen and (min-width: 641px) {
  .section-spec {
    padding-top: var(--pixel90);
    padding-bottom: min(8.345534407027818vw, 114px);
  }
}
@media screen and (max-width: 640px) {
  .section-spec {
    padding-top: var(--pixel40);
    padding-bottom: var(--pixel70);
  }
}

.item-spec__dl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  background: -webkit-linear-gradient(bottom, rgba(0, 186, 232, 1) 0%, rgba(0, 85, 166, 1) 100%);
  background: linear-gradient(0deg, rgba(0, 186, 232, 1) 0%, rgba(0, 85, 166, 1) 100%);
  overflow: hidden;
}
.item-spec__dl > dt {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.item-spec__dl > dt *,
.item-spec__dl > dd * {
  letter-spacing: 0;
  line-height: 1.2;
}
.item-spec__dl > dd {
  background-color: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .item-spec__dl {
    border-radius: var(--pixel06);
  }
  .item-spec__dl > dt,
  .item-spec__dl > dd {
    padding: var(--pixel10);
    min-height: var(--pixel78);
  }
  .item-spec__dl > dt:not(:first-of-type),
  .item-spec__dl > dd:not(:first-of-type) {
    border-top: solid #d4f5ff var(--pixel05);
  }
  .item-spec__dl > dt {
    border-right: solid #d4f5ff var(--pixel05);
  }
}
@media screen and (max-width: 640px) {
  .item-spec__dl {
    border-radius: var(--pixel05);
  }
  .item-spec__dl > dt,
  .item-spec__dl > dd {
    padding: var(--pixel08);
    min-height: var(--pixel52);
  }
  .item-spec__dl > dt:not(:first-of-type),
  .item-spec__dl > dd:not(:first-of-type) {
    border-top: solid #d4f5ff var(--pixel04);
  }
  .item-spec__dl > dt {
    border-right: solid #d4f5ff var(--pixel04);
  }
}

.item-spec__dt {
  color: #fff;
  text-align: center;
}
.item-spec__dt .small {
  font-size: var(--pixel12);
}
@media screen and (min-width: 641px) {
  .item-spec__dt {
    font-size: var(--pixel16);
  }
}
@media screen and (max-width: 640px) {
  .item-spec__dt {
    font-size: var(--pixel14);
  }
}

.item-spec__dd {
  display: block;
  text-align: center;
}
.item-spec__dd > *:not(:first-child) {
  margin-top: var(--pixel05);
}
.item-spec__dd .dd-txt {
  display: block;
  text-align: center;
  color: #0055a6;
  font-weight: 600;
}
.item-spec__dd .dd-txt sup {
  color: #000;
  font-weight: 400;
  letter-spacing: 0;
}
.item-spec__dd .dd-sub-txt {
  display: block;
  text-align: center;
}
.item-spec__dd .dd-sub-txt {
  font-size: var(--pixel12);
}
.item-spec__dd .dd-pay {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  padding-top: var(--pixel05);
  padding-bottom: var(--pixel05);
}
.item-spec__dd .dd-pay > li {
  display: -webkit-box;
  display: flex;
}
.item-spec__dd .dd-brand {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.item-spec__dd .dd-brand > li {
  display: -webkit-box;
  display: flex;
}
.item-spec__dd .dd-notes > li {
  font-size: var(--pixel12);
}
@media screen and (min-width: 641px) {
  .item-spec__dd .dd-txt {
    font-size: var(--pixel16);
  }
  .item-spec__dd .dd-pay > li {
    padding-right: var(--pixel10);
    padding-left: var(--pixel10);
  }
  .item-spec__dd .dd-pay img {
    max-width: var(--pixel50);
    height: var(--pixel30);
  }
  .item-spec__dd .dd-brand > li {
    padding-right: var(--pixel10);
    padding-left: var(--pixel10);
  }
  .item-spec__dd .dd-brand img {
    width: var(--pixel40);
  }
}
@media screen and (max-width: 640px) {
  .item-spec__dd .dd-txt {
    font-size: var(--pixel14);
  }
  .item-spec__dd .dd-pay > li {
    padding-right: var(--pixel05);
    padding-left: var(--pixel05);
  }
  .item-spec__dd .dd-pay img {
    max-width: var(--pixel36);
    height: var(--pixel26);
  }
  .item-spec__dd .dd-brand > li {
    padding-right: var(--pixel05);
    padding-left: var(--pixel05);
  }
  .item-spec__dd .dd-brand img {
    width: var(--pixel32);
  }
  .item-spec__dd .dd-notes > li {
    text-align: left;
  }
}

.item-spec__sub-box {
  margin-top: var(--pixel15);
}
@media screen and (min-width: 641px) {
  .item-spec__notes > li {
    font-size: var(--pixel14);
  }
}
@media screen and (max-width: 640px) {
  .item-spec__notes > li {
    font-size: var(--pixel12);
  }
}

/** SECTION FAQ
==============================================*/
.section-faq {
  background: -webkit-linear-gradient(bottom, rgba(1, 107, 185, 1) 0%, rgba(0, 75, 159, 1) 100%);
  background: linear-gradient(0deg, rgba(1, 107, 185, 1) 0%, rgba(0, 75, 159, 1) 100%);
}
@media screen and (min-width: 641px) {
  .section-faq {
    padding-top: var(--pixel38);
  }
  .section-faq .headline {
    padding-left: min(13.030746705710103vw, 178px);
  }
  .section-faq .headline__icon {
    margin-left: var(--pixel30);
    width: min(10.834553440702782vw, 148px);
    height: min(10.980966325036604vw, 150px);
  }
}
@media screen and (max-width: 640px) {
  .section-faq {
    padding-top: var(--pixel25);
  }
  .section-faq .headline {
    padding-left: var(--pixel87);
  }
  .section-faq .headline__icon {
    margin-left: var(--pixel10);
    width: var(--pixel77);
    height: var(--pixel78);
  }
}

.faq-info__list > li {
  background-color: #fff;
  box-shadow: 0 0 var(--pixel12) rgba(0, 0, 0, 0.5);
}
@media screen and (min-width: 641px) {
  .faq-info {
    padding-bottom: min(8.41874084919473vw, 115px);
  }
  .faq-info__list > li {
    border-radius: var(--pixel08);
  }
  .faq-info__list > li:not(:first-child) {
    margin-top: var(--pixel12);
  }
}
@media screen and (max-width: 640px) {
  .faq-info {
    padding-bottom: var(--pixel60);
  }
  .faq-info__list > li {
    border-radius: var(--pixel05);
  }
  .faq-info__list > li:not(:first-child) {
    margin-top: var(--pixel10);
  }
}

.faq-info__name {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  align-items: center;
}
.faq-info__name:before,
.faq-info__name:after {
  content: "";
  background-color: #0055a6;
  position: absolute;
}
.faq-info__name:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  opacity: 1;
}
.faq-info__name.is-active:after {
  opacity: 0;
}
.faq-info__name .name-txt {
  font-weight: 600;
}
@media screen and (min-width: 641px) {
  .faq-info__name {
    font-size: var(--pixel18);
    min-height: var(--pixel70);
    padding: var(--pixel15) var(--pixel76) var(--pixel15) var(--pixel30);
  }
  .faq-info__name:before,
  .faq-info__name:after {
    top: calc(50% - var(--pixel03) / 2);
    right: var(--pixel30);
    width: var(--pixel16);
    height: var(--pixel03);
  }
}
@media screen and (max-width: 640px) {
  .faq-info__name {
    font-size: var(--pixel14);
    min-height: var(--pixel50);
    padding: var(--pixel10) var(--pixel52) var(--pixel10) var(--pixel20);
  }
  .faq-info__name:before,
  .faq-info__name:after {
    top: calc(50% - var(--pixel01));
    right: var(--pixel20);
    width: var(--pixel12);
    height: var(--pixel02);
  }
}

.faq-info__dl {
  counter-reset: number;
}
.faq-info__dl .intext-link {
  color: #0055a6;
}
@media screen and (min-width: 641px) {
  .faq-info__dl {
    padding: 0 var(--pixel46) var(--pixel50) var(--pixel30);
  }
}
@media screen and (max-width: 640px) {
  .faq-info__dl {
    padding: 0 var(--pixel20) var(--pixel25) var(--pixel20);
  }
}

.faq-info__dl > dt {
  position: relative;
  font-weight: 600;
}
.faq-info__dl > dt:before {
  color: #0055a6;
  counter-increment: number;
  content: "Q" counter(number) " ";
  font-family: "Josefin Sans", sans-serif;
  position: absolute;
  top: 0.15em;
  left: 0;
}
@media screen and (min-width: 641px) {
  .faq-info__dl > dt {
    padding-left: var(--pixel30);
    font-size: var(--pixel16);
  }
  .faq-info__dl > dt:not(:first-of-type) {
    margin-top: var(--pixel20);
  }
}
@media screen and (max-width: 640px) {
  .faq-info__dl > dt {
    padding-left: var(--pixel24);
    font-size: var(--pixel14);
  }
  .faq-info__dl > dt:not(:first-of-type) {
    margin-top: var(--pixel15);
  }
}

@media screen and (min-width: 641px) {
  .faq-info__dl > dd {
    padding-top: var(--pixel10);
    padding-left: var(--pixel30);
  }
}
@media screen and (max-width: 640px) {
  .faq-info__dl > dd {
    padding-top: var(--pixel05);
  }
}

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

.faq-info__img img {
  width: 100%;
}
.faq-info__numbering > li:not(:first-child) {
  margin-top: var(--pixel10);
}
.faq-info__numbering .numbering-num {
  display: block;
  font-weight: 600;
}
.faq-info__numbering .numbering-txt {
  display: block;
}
@media screen and (min-width: 641px) {
  .faq-info__txt {
    font-size: var(--pixel16);
  }
  .faq-info__deco {
    border-left: var(--pixel02) solid;
    padding-left: var(--pixel10);
    font-size: var(--pixel16);
  }
  .faq-info__circle > li {
    font-size: var(--pixel16);
  }
  .faq-info__numbering .numbering-num {
    font-size: var(--pixel16);
  }
  .faq-info__numbering .numbering-txt {
    font-size: var(--pixel16);
  }
  .faq-info__notes > li {
    font-size: var(--pixel14);
  }
}
@media screen and (max-width: 640px) {
  .faq-info__txt {
    font-size: var(--pixel14);
  }
  .faq-info__deco {
    border-left: var(--pixel01) solid;
    padding-left: var(--pixel08);
    font-size: var(--pixel14);
  }
  .faq-info__circle > li {
    font-size: var(--pixel14);
  }
  .faq-info__numbering .numbering-num {
    font-size: var(--pixel14);
  }
  .faq-info__numbering .numbering-txt {
    font-size: var(--pixel14);
  }
  .faq-info__notes > li {
    font-size: var(--pixel12);
  }
}

/** WIDE ENTRY
==============================================*/
.wide-entry {
  background: -webkit-linear-gradient(bottom, rgba(0, 85, 166, 1) 0%, rgba(0, 186, 232, 1) 100%);
  background: linear-gradient(0deg, rgba(0, 85, 166, 1) 0%, rgba(0, 186, 232, 1) 100%);
}
@media screen and (min-width: 641px) {
  .wide-entry {
    padding-top: var(--pixel54);
    padding-bottom: var(--pixel54);
  }
}
@media screen and (max-width: 640px) {
  .wide-entry {
    padding-top: var(--pixel22);
    padding-bottom: var(--pixel22);
  }
}

/** 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.9);
  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-overlay {
    padding: 0 var(--pixel10);
  }
}

/** MODAL CONTAINER
==============================================*/
/* close button */
.modal-close {
  cursor: pointer;
  position: absolute;
  background: -webkit-linear-gradient(bottom, rgba(1, 107, 185, 1) 0%, rgba(0, 75, 159, 1) 100%);
  background: linear-gradient(0deg, rgba(1, 107, 185, 1) 0%, rgba(0, 75, 159, 1) 100%);
  top: var(--pixel10);
  right: var(--pixel10);
}
.modal-close:before,
.modal-close:after {
  content: "";
  background-color: #fff;
  position: absolute;
}
.modal-close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.modal-close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media screen and (min-width: 641px) {
  .modal-close {
    width: var(--pixel32);
    height: var(--pixel32);
  }
  .modal-close:before,
  .modal-close:after {
    left: var(--pixel04);
    width: var(--pixel24);
    top: calc(50% - var(--pixel02));
    height: var(--pixel04);
  }
}
@media screen and (max-width: 640px) {
  .modal-close {
    width: var(--pixel16);
    height: var(--pixel16);
  }
  .modal-close:before,
  .modal-close:after {
    left: var(--pixel02);
    width: var(--pixel12);
    top: calc(50% - var(--pixel01));
    height: var(--pixel02);
  }
}

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

.modal-container__set {
  background-color: #fff;
  border-radius: var(--pixel06);
}
@media screen and (min-width: 641px) {
  .modal-container__set {
    padding-top: var(--pixel43);
  }
}
@media screen and (max-width: 640px) {
  .modal-container__set {
    padding-top: var(--pixel40);
  }
}

/** MODAL CONTENT
==============================================*/
.modal-content {
  line-height: 1.5;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}
.modal-content::-webkit-scrollbar {
  width: var(--pixel03);
}
.modal-content::-webkit-scrollbar-thumb {
  background-color: #d2d2d2;
}
@media screen and (min-width: 641px) {
  .modal-content {
    width: calc(100% - var(--pixel20));
    margin-left: var(--pixel10);
    padding-right: var(--pixel45);
    padding-left: var(--pixel45);
    max-height: calc(100vh - var(--pixel40) - min(32vw, 160px));
  }
}
@media screen and (max-width: 640px) {
  .modal-content {
    width: 100%;
    padding-right: var(--pixel15);
    padding-left: var(--pixel15);
    max-height: calc(80vh - var(--pixel60));
  }
}

/** MODAL FIXED
==============================================*/
.modal-fixed {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  background: -webkit-linear-gradient(bottom, rgba(1, 107, 185, 1) 0%, rgba(0, 75, 159, 1) 100%);
  background: linear-gradient(0deg, rgba(1, 107, 185, 1) 0%, rgba(0, 75, 159, 1) 100%);
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  border-bottom-left-radius: var(--pixel06);
  border-bottom-right-radius: var(--pixel06);
}
.modal-fixed::-webkit-scrollbar {
  width: var(--pixel03);
}
.question-flow__prev {
  color: #fff;
  font-weight: 600;
  line-height: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  font-size: var(--pixel18);
}
.question-flow__prev:before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024.5%2024.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M24.5%2C12.25c0%2C6.77-5.48%2C12.25-12.25%2C12.25S0%2C19.02%2C0%2C12.25%2C5.48%2C0%2C12.25%2C0s12.25%2C5.48%2C12.25%2C12.25ZM14.08%2C7.99l-6.39%2C4.29%2C6.39%2C4.29V7.99Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  margin-right: var(--pixel10);
  width: var(--pixel24);
  height: var(--pixel24);
}
@media screen and (min-width: 641px) {
  .modal-fixed {
    margin-top: var(--pixel43);
  }
  .question-flow__prev {
    padding: var(--pixel20);
  }
}
@media screen and (max-width: 640px) {
  .modal-fixed {
    margin-top: var(--pixel30);
    padding: 0 var(--pixel10);
    height: var(--pixel46);
  }
}

/** MODAL QUESTION
==============================================*/
.entry-question {
  text-align: center;
}
.entry-question__card {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.entry-question__txt {
  font-weight: 600;
  text-align: center;
}
.entry-question__notes > li {
  text-align: center;
}
.entry-question__info {
  background-color: #f2f2f2;
}
.entry-question__link {
  background: -webkit-linear-gradient(top, rgba(1, 107, 185, 1) 0%, rgba(0, 75, 159, 1) 100%);
  background: linear-gradient(180deg, rgba(1, 107, 185, 1) 0%, rgba(0, 75, 159, 1) 100%);
  cursor: pointer;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding: var(--pixel03);
}
.entry-question__link:active {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
.entry-question__link .button-txt {
  display: block;
  text-align: center;
  font-weight: 600;
  background: -webkit-linear-gradient(bottom, rgba(1, 107, 185, 1) 0%, rgba(0, 75, 159, 1) 100%);
  background: linear-gradient(0deg, rgba(1, 107, 185, 1) 0%, rgba(0, 75, 159, 1) 100%);
  color: #fff;
}
.entry-question__agreement {
  text-align: left;
}
.entry-question__agreement > li:not(:first-child) {
  margin-top: var(--pixel05);
}
@media screen and (min-width: 641px) {
  .entry-question > *:not(:first-child) {
    margin-top: var(--pixel20);
  }
  .entry-question__card {
    width: min(19.39970717423133vw, 256px);
  }
  .entry-question__txt {
    font-size: var(--pixel20);
  }
  .entry-question__agreement {
    display: inline-block;
  }
  .entry-question__notes > li {
    font-size: var(--pixel14);
  }
  .entry-question__answer {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .entry-question__info {
    margin-right: auto;
    margin-left: auto;
    padding: var(--pixel20) var(--pixel20) var(--pixel28);
    width: min(51.244509516837475vw, 700px);
  }
  .entry-question__info > *:not(:first-child),
  .entry-question__list > *:not(:first-child) {
    margin-top: var(--pixel20);
  }
  .entry-question__txt-2 {
    font-size: var(--pixel18);
  }
  .entry-question__link {
    border-radius: var(--pixel08);
    width: min(32.942898975109806vw, 450px);
  }
  .entry-question__link .button-txt {
    border-radius: var(--pixel05);
    font-size: var(--pixel18);
    padding: var(--pixel05);
  }
}
@media screen and (max-width: 640px) {
  .entry-question > *:not(:first-child) {
    margin-top: var(--pixel15);
  }
  .entry-question__card {
    width: 44.727920000000005vw;
  }
  .entry-question__txt {
    font-size: var(--pixel16);
  }
  .entry-question__notes > li {
    font-size: var(--pixel12);
  }
  .entry-question__info {
    padding: var(--pixel15) var(--pixel15) var(--pixel20);
  }
  .entry-question__info > *:not(:first-child),
  .entry-question__list > *:not(:first-child) {
    margin-top: var(--pixel10);
  }
  .entry-question__txt-2 {
    font-size: var(--pixel14);
  }
  .entry-question__link {
    border-radius: var(--pixel06);
    width: 100%;
  }
  .entry-question__link .button-txt {
    border-radius: var(--pixel04);
    font-size: var(--pixel14);
    padding: var(--pixel07);
  }
}

.entry-question__button {
  cursor: pointer;
  display: block;
  padding: var(--pixel03);
}
.entry-question__button:active {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
.entry-question__button--yes {
  background: -webkit-linear-gradient(top, rgba(255, 255, 70, 1) 0%, rgba(255, 208, 0, 1) 100%);
  background: linear-gradient(180deg, rgba(255, 255, 70, 1) 0%, rgba(255, 208, 0, 1) 100%);
}
.entry-question__button--no {
  background: -webkit-linear-gradient(top, rgba(1, 107, 185, 1) 0%, rgba(0, 75, 159, 1) 100%);
  background: linear-gradient(180deg, rgba(1, 107, 185, 1) 0%, rgba(0, 75, 159, 1) 100%);
}
.entry-question__button .button-txt {
  display: block;
  text-align: center;
  font-weight: 600;
  line-height: 1.2;
}
.entry-question__button--yes .button-txt {
  background: -webkit-linear-gradient(bottom, rgba(255, 255, 70, 1) 0%, rgba(255, 208, 0, 1) 100%);
  background: linear-gradient(0deg, rgba(255, 255, 70, 1) 0%, rgba(255, 208, 0, 1) 100%);
}
.entry-question__button--no .button-txt {
  background: -webkit-linear-gradient(bottom, rgba(1, 107, 185, 1) 0%, rgba(0, 75, 159, 1) 100%);
  background: linear-gradient(0deg, rgba(1, 107, 185, 1) 0%, rgba(0, 75, 159, 1) 100%);
  color: #fff;
}
.entry-question__button .button-txt .small {
  font-size: var(--pixel14);
}
@media screen and (min-width: 641px) {
  .entry-question__button {
    margin-right: var(--pixel12);
    margin-left: var(--pixel12);
    border-radius: var(--pixel08);
    width: min(20.27818448023426vw, 277px);
  }
  .entry-question__button .button-txt {
    border-radius: var(--pixel05);
    padding: var(--pixel10);
    font-size: var(--pixel18);
  }
}
@media screen and (max-width: 640px) {
  .entry-question__button {
    margin-right: auto;
    margin-left: auto;
    border-radius: var(--pixel06);
    width: 66.66666666666666vw;
  }
  .entry-question__button:not(:first-child) {
    margin-top: var(--pixel10);
  }
  .entry-question__button .button-txt {
    border-radius: var(--pixel04);
    padding: var(--pixel10);
    font-size: var(--pixel16);
  }
}

.entry-question__accordion-q {
  position: relative;
  text-decoration: underline;
  font-weight: 600;
  padding-left: calc(1.2em + var(--pixel05));
}
.entry-question__accordion-q:before,
.entry-question__accordion-q:after {
  content: "";
  position: absolute;
  width: 1.2em;
  height: 1.2em;
  left: 0;
  top: calc(50% - 0.5em);
  margin-right: var(--pixel05);
}
.entry-question__accordion-q:before {
  background: -webkit-linear-gradient(bottom, rgba(1, 107, 185, 1) 0%, rgba(0, 75, 159, 1));
  background: linear-gradient(0deg, rgba(1, 107, 185, 1) 0%, rgba(0, 75, 159, 1));
}
.entry-question__accordion-q:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010.04%2010.04%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.31px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%220%22%20y1%3D%225.02%22%20x2%3D%2210.04%22%20y2%3D%225.02%22%2F%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%220%22%20y1%3D%225.02%22%20x2%3D%2210.04%22%20y2%3D%225.02%22%2F%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%225.02%22%20x2%3D%225.02%22%20y2%3D%2210.04%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 0.9em;
}
.entry-question__accordion-q.is-active:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010.04%201.31%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.31px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%220%22%20y1%3D%22.65%22%20x2%3D%2210.04%22%20y2%3D%22.65%22%2F%3E%3C%2Fsvg%3E");
}
.entry-question__accordion-a {
  background-color: #f2f2f2;
  margin-top: var(--pixel10);
}
@media screen and (min-width: 641px) {
  .entry-question__accordion-q {
    font-size: var(--pixel14);
  }
  .entry-question__accordion-a {
    padding: var(--pixel20) var(--pixel50);
  }
}
@media screen and (max-width: 640px) {
  .entry-question__accordion-q {
    font-size: var(--pixel12);
  }
  .entry-question__accordion-a {
    padding: var(--pixel15);
  }
}

.agreement-question {
  display: block;
}
@media screen and (min-width: 641px) {
  .agreement-question {
    font-size: var(--pixel18);
  }
}
@media screen and (max-width: 640px) {
  .agreement-question {
    font-size: var(--pixel14);
  }
}

.entry-stop__box > *:not(:first-child) {
  margin-top: var(--pixel05);
}
.entry-stop__em {
  font-weight: 600;
}
.entry-stop__txt {
  line-height: 1.75;
}
.entry-stop__txt .intext-link {
  color: #0055a6;
  word-break: break-all;
}
@media screen and (min-width: 641px) {
  .entry-stop__box:not(:first-child) {
    margin-top: var(--pixel35);
  }
  .entry-stop__em {
    font-size: var(--pixel18);
  }
  .entry-stop__txt {
    font-size: var(--pixel18);
  }
}
@media screen and (max-width: 640px) {
  .entry-stop__box:not(:first-child) {
    margin-top: var(--pixel30);
  }
  .entry-stop__em {
    text-align: center;
    font-size: var(--pixel16);
  }
  .entry-stop__txt {
    font-size: var(--pixel14);
  }
}

.easy-application__cut:not(:first-child) {
  margin-top: var(--pixel25);
}
.easy-application__cut > *:not(:first-child) {
  margin-top: var(--pixel10);
}
.easy-application__ttl {
  font-weight: 600;
}
.easy-application__dot {
  text-align: left;
}
@media screen and (min-width: 641px) {
  .easy-application__ttl {
    font-size: var(--pixel16);
  }
  .easy-application__txt {
    font-size: var(--pixel14);
  }
  .easy-application__notes > li {
    font-size: var(--pixel12);
  }
  .easy-application__dot > li {
    font-size: var(--pixel14);
  }
}
@media screen and (max-width: 640px) {
  .easy-application__ttl {
    font-size: var(--pixel14);
  }
  .easy-application__txt {
    font-size: var(--pixel13);
  }
  .easy-application__notes > li {
    font-size: var(--pixel11);
  }
  .easy-application__dot > li {
    font-size: var(--pixel13);
  }
}

.easy-application-step {
  margin-right: auto;
  margin-left: auto;
}
.easy-application-step__head {
  display: block;
}
.easy-application-step__head img {
  width: 100%;
}
.easy-application-step__ttl {
  text-align: center;
  font-weight: 600;
  margin-bottom: var(--pixel15);
}
.easy-application-step__img img {
  width: 100%;
}
.easy-application-step__info > *:not(:first-child) {
  margin-top: var(--pixel10);
}
.easy-application-step__lead {
  font-weight: 600;
  font-size: var(--pixel14);
}
.easy-application-step__txt {
  font-size: var(--pixel14);
}
@media screen and (min-width: 641px) {
  .easy-application-step {
    width: min(36.603221083455345vw, 500px);
  }
  .easy-application-step__body {
    padding-top: var(--pixel20);
    padding-bottom: var(--pixel20);
  }
  .easy-application-step__ttl {
    font-size: var(--pixel16);
  }
  .easy-application-step__set {
    display: -webkit-box;
    display: flex;
  }
  .easy-application-step__img {
    width: 45%;
    margin-right: 5%;
  }
  .easy-application-step__info {
    width: 50%;
  }
}
@media screen and (max-width: 640px) {
  .easy-application-step__head {
    margin-bottom: var(--pixel10);
  }
  .easy-application-step > li:not(:first-child) {
    margin-top: var(--pixel35);
  }
  .easy-application-step__ttl {
    font-size: var(--pixel14);
  }
  .easy-application-step__info {
    margin-top: var(--pixel10);
  }
}

/** AGREEMENT
==============================================*/
#js-agreement-modal {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  /* 高さはJSで設定 */
  opacity: 0;
  z-index: -1000;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}

#js-agreement-modal.is-open {
  opacity: 1;
  z-index: 1000;
}

body.is-active {
  position: fixed;
  width: 100%;
}

/* モーダル内部 */
.agreement-box {
  background-color: #fff;
  border-radius: var(--pixel05);
  max-height: 85%;
  max-width: calc(100% - var(--pixel40));
  overflow-y: auto; /* 内部スクロール */
}
@media only screen and (min-width: 641px) {
  .agreement-box {
    width: min(52.7086383601757vw, 720px);
    padding: var(--pixel50);
  }
}
@media only screen and (max-width: 640px) {
  .agreement-box {
    padding: var(--pixel40) var(--pixel20);
  }
}

.agreement-box__lead {
  text-align: center;
  margin-bottom: var(--pixel20);
}
@media only screen and (min-width: 641px) {
  .agreement-box__lead {
    font-size: var(--pixel24);
  }
}
@media only screen and (max-width: 640px) {
  .agreement-box__lead {
    font-size: var(--pixel18);
  }
}

@media only screen and (min-width: 641px) {
  .agreement-box__txt {
    font-size: var(--pixel16);
  }
}
@media only screen and (max-width: 640px) {
  .agreement-box__txt {
    font-size: var(--pixel14);
  }
}

.agreement-box__label {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  margin-top: var(--pixel30);
}
@media only screen and (min-width: 641px) {
  .agreement-box__label {
    font-size: var(--pixel24);
    line-height: 1;
  }
}
@media only screen and (max-width: 640px) {
  .agreement-box__label {
    font-size: var(--pixel20);
    line-height: 1.25;
  }
}

/* チェックボックス */
.agreement-box__label input[type="checkbox"] {
  display: none;
}
.agreement-box__check {
  width: 1em;
  height: 1em;
  border: var(--pixel02) solid #004089;
  background-color: #d8d8d8;
  border-radius: var(--pixel04);
  position: relative;
  display: inline-block;
  margin-right: 0.5em;
  opacity: 0.5;
}
.agreement-box__check:after {
  content: "";
  position: absolute;
  top: calc(50% - 0.4em);
  left: calc(50% - 0.35em);
  width: 1em;
  height: 0.5em;
  border-left: var(--pixel05) solid #004089;
  border-bottom: var(--pixel05) solid #004089;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.agreement-box__label input[type="checkbox"]:checked + .agreement-box__check {
  opacity: 1;
}
.agreement-box__label input[type="checkbox"]:checked + .agreement-box__check:after {
  opacity: 1;
}

.modal-cont .text-left {
  text-align: left;
}

/** PAGE TOP
==============================================*/
.page-top {
  position: fixed;
  z-index: 11;
  opacity: 0;
  -webkit-transform: translateY(var(--pixel100));
  transform: translateY(var(--pixel100));
  background-color: #000;
}
.page-top.is-fixed {
  -webkit-animation: bottomfadeIn 0.7s ease-out forwards;
  animation: bottomfadeIn 0.7s ease-out forwards;
}
.page-top__button {
  color: #fff;
  line-height: 1.3;
  text-align: center;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  background-color: #1a1a1a;
}
.page-top__button:before {
  content: "";
  display: block;
  margin-right: auto;
  margin-left: auto;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22Layout%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2037.71%2019.56%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%2237.35%2019.21%2018.85%20.71%20.35%2019.21%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  margin-bottom: var(--pixel05);
}
.page-top__button:hover {
  color: #fff;
}
@media screen and (min-width: 641px) {
  .page-top {
    bottom: var(--pixel80);
    right: var(--pixel40);
  }
  .page-top__button {
    width: var(--pixel80);
    height: var(--pixel80);
    font-size: var(--pixel12);
  }
  .page-top__button:before {
    width: var(--pixel24);
    height: var(--pixel24);
  }
  .page-top__button:hover {
    opacity: 0.8;
  }
}
@media screen and (max-width: 640px) {
  .page-top {
    bottom: var(--pixel20);
    right: var(--pixel10);
  }
  .page-top__button {
    width: var(--pixel60);
    height: var(--pixel60);
    font-size: var(--pixel10);
  }
  .page-top__button:before {
    width: var(--pixel20);
    height: var(--pixel20);
  }
  .page-top__button:hover {
    opacity: 1;
  }
}
@-webkit-keyframes bottomfadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(var(--pixel100));
    transform: translateY(var(--pixel100));
  }
  70% {
    opacity: 0;
    -webkit-transform: translateY(var(--pixel100));
    transform: translateY(var(--pixel100));
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bottomfadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(var(--pixel100));
    transform: translateY(var(--pixel100));
  }
  70% {
    opacity: 0;
    -webkit-transform: translateY(var(--pixel100));
    transform: translateY(var(--pixel100));
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

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

/** MODAL INSURANCE COVERAGE
==============================================*/
.insurance-coverage {
}
.insurance-coverage__dl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}
.insurance-coverage__dl > dt:not(:last-of-type),
.insurance-coverage__dl > dd:not(:last-of-type) {
  border-bottom: 1px solid #c3c3c3;
}
.insurance-coverage__dl > dt {
  background-color: #efefef;
  text-align: center;
  font-weight: 700;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.insurance-coverage__dl > dd {
  background-color: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  align-items: center;
  font-weight: 500;
}
.insurance-coverage__dd .dot-list > li {
  line-height: 1;
}
.insurance-coverage__dd .frame {
  color: #fff;
  background-color: #0055a6;
  line-height: 1;
  margin-right: var(--pixel06);
  font-size: var(--pixel12);
  padding: var(--pixel04) var(--pixel10);
}
.insurance-coverage__dd .num {
  position: relative;
  top: 0.05em;
}
.insurance-coverage__dd .color {
  color: #0055a6;
}
@media screen and (min-width: 641px) {
  .insurance-coverage__dl > dt,
  .insurance-coverage__dl > dd {
    padding: var(--pixel15) var(--pixel20);
  }
  .insurance-coverage__dl > dt {
    font-size: var(--pixel18);
    width: min(16.25vw, 234px);
  }
  .insurance-coverage__dd .dot-list > li {
    font-size: var(--pixel18);
  }
  .insurance-coverage__dd .frame {
  }
  .insurance-coverage__dd .num {
    font-size: var(--pixel31);
  }
}
@media screen and (max-width: 640px) {
  .insurance-coverage__dl > dt,
  .insurance-coverage__dl > dd {
    padding: var(--pixel20);
  }
  .insurance-coverage__dl > dt {
    font-size: var(--pixel14);
  }
  .insurance-coverage__dd .dot-list > li {
    font-size: var(--pixel14);
  }
  .insurance-coverage__dd .dot-list > li:not(:first-child) {
    margin-top: var(--pixel10);
  }
  .insurance-coverage__dd .frame {
  }
  .insurance-coverage__dd .num {
    font-size: var(--pixel30);
  }
}

.insurance-coverage__notes {
  color: #fff;
  margin-top: var(--pixel10);
}
@media screen and (min-width: 641px) {
  .insurance-coverage__sub {
    font-size: var(--pixel12);
  }
}
@media screen and (max-width: 640px) {
  .insurance-coverage__notes {
  }
  .insurance-coverage__sub {
    font-size: var(--pixel10);
  }
}

/** MODAL ITEM
==============================================*/
.modal-item__ttl {
  font-weight: 700;
  text-align: center;
  margin-bottom: 1em;
  color: #0055a6;
}
@media screen and (min-width: 641px) {
  .modal-item__ttl {
    font-size: var(--pixel28);
  }
}
@media screen and (max-width: 640px) {
  .modal-item__ttl {
    font-size: var(--pixel20);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/** FIXED CTA
==============================================*/
.fixed-cta {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 11;
  padding: var(--pixel10);
  text-align: center;
}
@media screen and (min-width: 641px) {
}
@media screen and (max-width: 640px) {
}

/** SITE FOOTER
==============================================*/
@media screen and (min-width: 641px) {
  .site-footer .row {
    width: min(79.06295754026354vw, 1080px);
    padding-right: 0;
    padding-left: 0;
  }
}