@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@600&display=swap");

@media screen and (min-width: 641px) {
  /* 1366px size */
  :root {
    --pixel01: min(0.07320644216691069vw, 1px);
    --pixel02: min(0.14641288433382138vw, 2px);
    --pixel03: min(0.21961932650073207vw, 3px);
    --pixel04: min(0.29282576866764276vw, 4px);
    --pixel05: min(0.36603221083455345vw, 5px);
    --pixel06: min(0.43923865300146414vw, 6px);
    --pixel07: min(0.5124450951683748vw, 7px);
    --pixel08: min(0.5856515373352855vw, 8px);
    --pixel09: min(0.6588579795021963vw, 9px);
    --pixel10: min(0.7320644216691069vw, 10px);
    --pixel11: min(0.8052708638360175vw, 11px);
    --pixel12: min(0.8784773060029283vw, 12px);
    --pixel13: min(0.951683748169839vw, 13px);
    --pixel14: min(1.0248901903367496vw, 14px);
    --pixel15: min(1.0980966325036603vw, 15px);
    --pixel16: min(1.171303074670571vw, 16px);
    --pixel17: min(1.2445095168374818vw, 17px);
    --pixel18: min(1.3177159590043925vw, 18px);
    --pixel19: min(1.390922401171303vw, 19px);
    --pixel20: min(1.4641288433382138vw, 20px);
    --pixel21: min(1.5373352855051245vw, 21px);
    --pixel22: min(1.610541727672035vw, 22px);
    --pixel23: min(1.6837481698389458vw, 23px);
    --pixel24: min(1.7569546120058566vw, 24px);
    --pixel25: min(1.8301610541727673vw, 25px);
    --pixel26: min(1.903367496339678vw, 26px);
    --pixel27: min(1.97657393850658868vw, 27px);
    --pixel28: min(2.049780380673499vw, 28px);
    --pixel29: min(2.12298682284041vw, 29px);
    --pixel30: min(2.1961932650073206vw, 30px);
    --pixel31: min(2.2693997071742316vw, 31px);
    --pixel32: min(2.342606149341142vw, 32px);
    --pixel33: min(2.4158125915080526vw, 33px);
    --pixel34: min(2.4890190336749636vw, 34px);
    --pixel35: min(2.562225475841874vw, 35px);
    --pixel36: min(2.635431918008785vw, 36px);
    --pixel37: min(2.7086383601756956vw, 37px);
    --pixel38: min(2.781844802342606vw, 38px);
    --pixel39: min(2.855051244509517vw, 39px);
    --pixel40: min(2.9282576866764276vw, 40px);
    --pixel41: min(3.001464128843338vw, 41px);
    --pixel42: min(3.074670571010249vw, 42px);
    --pixel43: min(3.1478770131771596vw, 43px);
    --pixel44: min(3.22108345534407vw, 44px);
    --pixel45: min(3.294289897510981vw, 45px);
    --pixel46: min(3.3674963396778916vw, 46px);
    --pixel47: min(3.4407027818448026vw, 47px);
    --pixel48: min(3.513909224011713vw, 48px);
    --pixel49: min(3.5871156661786237vw, 49px);
    --pixel50: min(3.6603221083455346vw, 50px);
    --pixel51: min(3.733528550512445vw, 51px);
    --pixel52: min(3.806734992679356vw, 52px);
    --pixel53: min(3.8799414348462666vw, 53px);
    --pixel54: min(3.953147877013177vw, 54px);
    --pixel55: min(4.026354319180088vw, 55px);
    --pixel56: min(4.099560761346998vw, 56px);
    --pixel57: min(4.172767203513909vw, 57px);
    --pixel58: min(4.24597364568082vw, 58px);
    --pixel59: min(4.319180087847731vw, 59px);
    --pixel60: min(4.392386530014641vw, 60px);
    --pixel61: min(4.465592972181552vw, 61px);
    --pixel62: min(4.538799414348463vw, 62px);
    --pixel63: min(4.612005856515373vw, 63px);
    --pixel64: min(4.685212298682284vw, 64px);
    --pixel65: min(4.758418740849195vw, 65px);
    --pixel66: min(4.831625183016105vw, 66px);
    --pixel67: min(4.904831625183016vw, 67px);
    --pixel68: min(4.978038067349927vw, 68px);
    --pixel69: min(5.051244509516837vw, 69px);
    --pixel70: min(5.124450951683748vw, 70px);
    --pixel71: min(5.197657393850659vw, 71px);
    --pixel72: min(5.27086383601757vw, 72px);
    --pixel73: min(5.34407027818448vw, 73px);
    --pixel74: min(5.417276720351391vw, 74px);
    --pixel75: min(5.490483162518302vw, 75px);
    --pixel76: min(5.563689604685212vw, 76px);
    --pixel77: min(5.636896046852123vw, 77px);
    --pixel78: min(5.710102489019034vw, 78px);
    --pixel79: min(5.783308931185944vw, 79px);
    --pixel80: min(5.856515373352855vw, 80px);
    --pixel81: min(5.929721815519766vw, 81px);
    --pixel82: min(6.002928257686676vw, 82px);
    --pixel83: min(6.076134699853587vw, 83px);
    --pixel84: min(6.149341142020498vw, 84px);
    --pixel85: min(6.222547584187408vw, 85px);
    --pixel86: min(6.295754026354319vw, 86px);
    --pixel87: min(6.36896046852123vw, 87px);
    --pixel88: min(6.44216691068814vw, 88px);
    --pixel89: min(6.515373352855051vw, 89px);
    --pixel90: min(6.588579795021962vw, 90px);
    --pixel91: min(6.661786237188873vw, 91px);
    --pixel92: min(6.734992679355783vw, 92px);
    --pixel93: min(6.808199121522694vw, 93px);
    --pixel94: min(6.881405563689605vw, 94px);
    --pixel95: min(6.954612005856515vw, 95px);
    --pixel96: min(7.027818448023426vw, 96px);
    --pixel97: min(7.101024890190337vw, 97px);
    --pixel98: min(7.174231332357247vw, 98px);
    --pixel99: min(7.247437774524158vw, 99px);
    --pixel100: min(7.320644216691069vw, 100px);
  }
}
@media screen and (max-width: 640px) {
  /* 375px size */
  :root {
    --pixel01: 0.26666666666666666vw;
    --pixel02: 0.5333333333333333vw;
    --pixel03: 0.8vw;
    --pixel04: 1.0666666666666667vw;
    --pixel05: 1.3333333333333335vw;
    --pixel06: 1.6vw;
    --pixel07: 1.866666666666667vw;
    --pixel08: 2.1333333333333333vw;
    --pixel09: 2.4vw;
    --pixel10: 2.666666666666667vw;
    --pixel11: 2.933333333333333vw;
    --pixel12: 3.2vw;
    --pixel13: 3.4666666666666663vw;
    --pixel14: 3.733333333333334vw;
    --pixel15: 4vw;
    --pixel16: 4.266666666666667vw;
    --pixel17: 4.533333333333333vw;
    --pixel18: 4.8vw;
    --pixel19: 5.066666666666666vw;
    --pixel20: 5.333333333333334vw;
    --pixel21: 5.6000000000000005vw;
    --pixel22: 5.866666666666666vw;
    --pixel23: 6.133333333333333vw;
    --pixel24: 6.4vw;
    --pixel25: 6.666666666666667vw;
    --pixel26: 6.933333333333333vw;
    --pixel27: 7.199999999999999vw;
    --pixel28: 7.466666666666668vw;
    --pixel29: 7.733333333333333vw;
    --pixel30: 8vw;
    --pixel31: 8.266666666666666vw;
    --pixel32: 8.533333333333333vw;
    --pixel33: 8.799999999999999vw;
    --pixel34: 9.066666666666666vw;
    --pixel35: 9.333333333333334vw;
    --pixel36: 9.6vw;
    --pixel37: 9.866666666666667vw;
    --pixel38: 10.133333333333333vw;
    --pixel39: 10.4vw;
    --pixel40: 10.666666666666668vw;
    --pixel41: 10.933333333333334vw;
    --pixel42: 11.200000000000001vw;
    --pixel43: 11.466666666666667vw;
    --pixel44: 11.733333333333333vw;
    --pixel45: 12vw;
    --pixel46: 12.266666666666666vw;
    --pixel47: 12.533333333333333vw;
    --pixel48: 12.8vw;
    --pixel49: 13.066666666666665vw;
    --pixel50: 13.333333333333334vw;
    --pixel51: 13.600000000000001vw;
    --pixel52: 13.866666666666665vw;
    --pixel53: 14.133333333333335vw;
    --pixel54: 14.399999999999999vw;
    --pixel55: 14.666666666666666vw;
    --pixel56: 14.933333333333335vw;
    --pixel57: 15.2vw;
    --pixel58: 15.466666666666667vw;
    --pixel59: 15.733333333333333vw;
    --pixel60: 16vw;
    --pixel61: 16.266666666666666vw;
    --pixel62: 16.53333333333333vw;
    --pixel63: 16.8vw;
    --pixel64: 17.066666666666666vw;
    --pixel65: 17.333333333333336vw;
    --pixel66: 17.599999999999998vw;
    --pixel67: 17.866666666666667vw;
    --pixel68: 18.133333333333333vw;
    --pixel69: 18.4vw;
    --pixel70: 18.666666666666668vw;
    --pixel71: 18.933333333333334vw;
    --pixel72: 19.2vw;
    --pixel73: 19.466666666666665vw;
    --pixel74: 19.733333333333334vw;
    --pixel75: 20vw;
    --pixel76: 20.266666666666666vw;
    --pixel77: 20.533333333333335vw;
    --pixel78: 20.8vw;
    --pixel79: 21.066666666666666vw;
    --pixel80: 21.333333333333336vw;
    --pixel81: 21.6vw;
    --pixel82: 21.866666666666667vw;
    --pixel83: 22.133333333333333vw;
    --pixel84: 22.400000000000002vw;
    --pixel85: 22.666666666666664vw;
    --pixel86: 22.933333333333334vw;
    --pixel87: 23.200000000000003vw;
    --pixel88: 23.466666666666665vw;
    --pixel89: 23.733333333333334vw;
    --pixel90: 24vw;
    --pixel91: 24.266666666666666vw;
    --pixel92: 24.53333333333333vw;
    --pixel93: 24.8vw;
    --pixel94: 25.066666666666666vw;
    --pixel95: 25.333333333333336vw;
    --pixel96: 25.6vw;
    --pixel97: 25.866666666666667vw;
    --pixel98: 26.13333333333333vw;
    --pixel99: 26.400000000000002vw;
    --pixel100: 26.666666666666668vw;
  }
}

body {
  color: #242424;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 400;
}
.wrap {
  overflow: hidden;
}
@media only screen and (min-width: 641px) {
  .row {
    max-width: 1040px;
  }
  .wrap {
    min-width: 1200px;
  }
}
.mincho {
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 500;
}
.shadow {
  -webkit-filter: drop-shadow(3px 3px 3px rgba(76, 91, 102, 0.2));
  filter: drop-shadow(3px 3px 3px rgba(76, 91, 102, 0.2));
}
ul.notes {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 12px;
}
ul.notes > li:before {
  content: "※";
}
ul.dot {
  text-indent: -0.8em;
  padding-left: 0.8em;
}
ul.dot > li:before {
  content: " ・ ";
}
@media only screen and (min-width: 641px) {
  .mincho {
    letter-spacing: 0.15em;
  }
}
@media only screen and (max-width: 640px) {
  ul.notes {
    font-size: 10px;
  }
}

.accordion_dl > dt {
  cursor: pointer;
}

.add_btn .btn {
  background-color: #fff;
  border: 2px solid #9f7d3a;
  color: #9f7d3a;
  display: inline-block;
  padding: 0.5em;
  line-height: 1.4;
  max-width: 100%;
}

/*========= glowAnime ===============*/
.glowAnime {
  opacity: 0;
}
.glowAnime span {
  opacity: 0;
}
.glowAnime.wh.is-active span {
  -webkit-animation: glow_anime_on_wh 1s ease-out forwards;
  animation: glow_anime_on_wh 1s ease-out forwards;
}
.glowAnime.bk.is-active span {
  -webkit-animation: glow_anime_on_bk 1s ease-out forwards;
  animation: glow_anime_on_bk 1s ease-out forwards;
}
@-webkit-keyframes glow_anime_on_wh {
  0% {
    opacity: 0;
    text-shadow: 0 0 0 #fff, 0 0 0 #fff;
  }
  50% {
    opacity: 1;
    text-shadow: 0 0 10px #fff, 0 0 15px #fff;
  }
  100% {
    opacity: 1;
    text-shadow: 0.8px 0.8px 2px rgb(0 0 0 / 70%);
  }
}
@keyframes glow_anime_on_wh {
  0% {
    opacity: 0;
    text-shadow: 0 0 0 #fff, 0 0 0 #fff;
  }
  50% {
    opacity: 1;
    text-shadow: 0 0 10px #fff, 0 0 15px #fff;
  }
  100% {
    opacity: 1;
    text-shadow: 0.8px 0.8px 2px rgb(0 0 0 / 70%);
  }
}
@-webkit-keyframes glow_anime_on_bk {
  0% {
    opacity: 0;
    text-shadow: 0 0 0 #fff, 0 0 0 #fff;
  }
  50% {
    opacity: 1;
    text-shadow: 0 0 10px #fff, 0 0 15px #fff;
  }
  100% {
    opacity: 1;
    text-shadow: 0.8px 0.8px 2px rgb(255 255 255 / 70%);
  }
}
@keyframes glow_anime_on_bk {
  0% {
    opacity: 0;
    text-shadow: 0 0 0 #fff, 0 0 0 #fff;
  }
  50% {
    opacity: 1;
    text-shadow: 0 0 10px #fff, 0 0 15px #fff;
  }
  100% {
    opacity: 1;
    text-shadow: 0.8px 0.8px 2px rgb(255 255 255 / 70%);
  }
}
@-webkit-keyframes glow_anime_on_bk_hero {
  0% {
    opacity: 0;
    text-shadow: 0 0 0 #fff, 0 0 0 #fff;
  }
  50% {
    opacity: 1;
    text-shadow: 0 0 10px #fff, 0 0 15px #fff;
  }
  100% {
    opacity: 1;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 10px #fff, 0 0 10px #fff;
  }
}
@keyframes glow_anime_on_bk_hero {
  0% {
    opacity: 0;
    text-shadow: 0 0 0 #fff, 0 0 0 #fff;
  }
  50% {
    opacity: 1;
    text-shadow: 0 0 10px #fff, 0 0 15px #fff;
  }
  100% {
    opacity: 1;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 10px #fff, 0 0 10px #fff;
  }
}

/* Intersection Observer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Intersection Observerのkeyframes
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes fade-in-right {
  0% {
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes fade-in-left {
  0% {
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes fade-in-up {
  0% {
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes fade-in-up {
  0% {
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes fade-in-down {
  0% {
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes fade-in-down {
  0% {
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes fade-in-zoom {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes fade-in-zoom {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes bounce {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes bounce {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotateZ(0deg) scale(1.5);
    transform: rotateZ(0deg) scale(1.5);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateZ(360deg) scale(1);
    transform: rotateZ(360deg) scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-filter: blur(3px);
    filter: blur(3px);
    -webkit-transform: rotateZ(0deg) scale(1.5);
    transform: rotateZ(0deg) scale(1.5);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0);
    filter: blur(0);
    -webkit-transform: rotateZ(360deg) scale(1);
    transform: rotateZ(360deg) scale(1);
    opacity: 1;
  }
}

/* Intersection Observerのclass名の指定
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.is_target {
  opacity: 0;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@media only screen and (max-width: 640px) {
  .is_target_sp {
    opacity: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
}
@media only screen and (min-width: 641px) {
  .is_target_pc {
    opacity: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
}

.is_target.is-active {
  opacity: 1;
}
@media only screen and (max-width: 640px) {
  .is_target_sp.is-active {
    opacity: 1;
  }
}
@media only screen and (min-width: 641px) {
  .is_target_pc.is-active {
    opacity: 1;
  }
}

.is-fade_in_side.is-active.left {
  -webkit-animation: fade-in-left 1s ease;
  animation: fade-in-left 1s ease;
}
.is-fade_in_side.is-active.right {
  -webkit-animation: fade-in-right 1s ease;
  animation: fade-in-right 1s ease;
}

.is-fade_in_updown.is-active.top {
  -webkit-animation: fade-in-up 1s ease;
  animation: fade-in-up 1s ease;
}

.is-fade_in_updown.is-active.bottom {
  -webkit-animation: fade-in-down 1s ease;
  animation: fade-in-down 1s ease;
}

.is-fade_in_zoom.is-active {
  -webkit-animation: fade-in-zoom 0.8s ease forwards;
  animation: fade-in-zoom 0.8s ease forwards;
}

.is-bounce.is-active {
  -webkit-animation: bounce 0.3s ease;
  animation: bounce 0.3s ease;
}

.is-rotate.is-active {
  -webkit-animation: rotate 1s ease;
  animation: rotate 1s ease;
}

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

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

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

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

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

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

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

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

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

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

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

/** MODAL CONTAINER
==============================================*/
/* close button */
.modal-close {
  cursor: pointer;
  position: absolute;
  background: -webkit-linear-gradient(bottom, rgba(159, 125, 58, 1) 0%, rgba(202, 164, 0, 1) 100%);
  background: linear-gradient(0deg, rgba(159, 125, 58, 1) 0%, rgba(202, 164, 0, 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(159, 125, 58, 1) 0%, rgba(202, 164, 0, 1) 100%);
  background: linear-gradient(0deg, rgba(159, 125, 58, 1) 0%, rgba(202, 164, 0, 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) {
    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) {
    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--yes:disabled {
  opacity: 0.3;
}
.entry-question__button--no {
  background: rgba(159, 125, 58, 1);
}
.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(159, 125, 58, 1) 0%, rgba(202, 164, 0, 1) 100%);
  background: linear-gradient(0deg, rgba(159, 125, 58, 1) 0%, rgba(202, 164, 0, 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(159, 125, 58, 1) 0%, rgba(202, 164, 0, 1) 100%);
  background: linear-gradient(0deg, rgba(159, 125, 58, 1) 0%, rgba(202, 164, 0, 1) 100%);
}
.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__input[type="checkbox"] {
  display: none;
  line-height: 1;
}
.agreement-question__check {
  cursor: pointer;
  width: 1em;
  height: 1em;
  border: var(--pixel02) solid;
  background-color: #fff;
  position: relative;
  display: inline-block;
  margin-right: 0.5em;
  line-height: 1;
}
.agreement-question__check:after {
  content: "";
  position: absolute;
  display: inline-block;
  line-height: 1;
  top: calc(50% - 0.35em);
  left: calc(50% - 0.5em);
  width: 1em;
  height: 0.5em;
  border-left: var(--pixel04) solid #ff0000;
  border-bottom: var(--pixel04) solid #ff0000;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.agreement-question__input[type="checkbox"]:checked + .agreement-question__check:after {
  opacity: 1;
}
@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);
  }
}

/** MAIN
==============================================*/
@media only screen and (min-width: 641px) {
  .stripe_gradi_bg {
  }
}
@media only screen and (max-width: 640px) {
}

/** SECTION HERO
==============================================*/
.section-hero {
  position: relative;
  background: url(/amextop/gold-pro-14az/images/bg.png) no-repeat center top / cover;
  background-color: #f1eeea;
}
/* .section-hero:before {
  content: "";
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  height: calc(100% + 240px);
} */
/* .section-hero:after {
  content: "";
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 70%, rgba(245, 245, 245, 0.1) 80%, rgba(245, 245, 245, 1) 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 70%, rgba(245, 245, 245, 0.1) 80%, rgba(245, 245, 245, 1) 100%);
  z-index: 0;
} */
.section-hero .section-content {
  position: relative;
  z-index: 1;
}
.section-hero .headline .page_title {
  color: #fff;
  text-align: center;
  /* text-shadow: 0.8px 0.8px 2px rgba(0, 0, 0, 0.7); */
  line-height: 1.6;
}

.section-hero .headline .page_title.glowAnime.bk.is-active span {
  -webkit-animation: glow_anime_on_bk_hero 1s ease-out forwards;
  animation: glow_anime_on_bk_hero 1s ease-out forwards;
}
.section-hero.type-b .headline .page_title {
  color: #242424;
}
.section-hero .headline .page_title span {
  /* text-shadow: 0.8px 0.8px 2px rgba(0, 0, 0, 0.7); */
}
.section-hero.type-b .headline .page_title span {
  /* text-shadow: 0.8px 0.8px 2px rgba(255, 255, 255, 0.7); */
}
@media screen and (min-width: 641px) {
  .section-hero {
    padding-bottom: 60px;
  }
  .section-hero.type-b {
    padding-bottom: 100px;
  }
  /* .section-hero.type-b:before {
    background: url(/amextop/gold-common/images/hero-bg3.png) no-repeat center 20% / cover;
  } */
  .section-hero.type-b:before {
    background-position: center bottom;
  }
  .section-hero:after {
    height: calc(100% + 240px);
  }
  .section-hero .headline {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .section-hero .headline .page_title {
    font-size: 27px;
  }
  .section-hero .headline .page_title .large {
    font-size: 35px;
  }
}
@media screen and (max-width: 640px) {
  .section-hero {
    background-position: left center;
    padding-bottom: 40px;
  }
  /* .section-hero.type-b:before {
    background: url(/amextop/gold-common/images/hero-bg3_sp.png) no-repeat center -70px / cover;
  } */
  .section-hero .headline {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .section-hero .headline .page_title {
    font-size: 23px;
  }
  .section-hero .headline .page_title .large {
    font-size: 27px;
  }
}
@media screen and (max-width: 345px) {
  .section-hero .headline .page_title {
    font-size: 20px;
  }
  .section-hero .headline .page_title .large {
    font-size: 25px;
  }
}

.section-hero .content .visual_block .page_card {
  text-align: center;
}
.section-hero .content .visual_block .page_card img {
  max-width: 100%;
  -webkit-filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 1));
  filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 1));
}
@media screen and (min-width: 641px) {
  .section-hero .content .visual_block .page_card {
    padding-bottom: 35px;
  }
  .section-hero .content .visual_block .page_card img {
    width: 310px;
  }
}
@media screen and (max-width: 640px) {
  .section-hero .content .visual_block {
    padding-bottom: 20px;
  }
  .section-hero.type-b .content .visual_block {
    /* padding-bottom: 100px; */
  }
  .section-hero .content .visual_block .page_card img {
    width: 220px;
  }
}

.section-hero .content .info_block {
  text-align: center;
}
.section-hero .content .info_block .info_box {
  display: inline-block;
  background: -webkit-linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.6), #fff, rgba(255, 255, 255, 0.6), transparent 100%);
  background: -webkit-linear-gradient(left, transparent 0%, rgba(255, 255, 255, 0.6), #fff, rgba(255, 255, 255, 0.6), transparent 100%);
  background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.6), #fff, rgba(255, 255, 255, 0.6), transparent 100%);
  padding-bottom: 15px;
}
.section-hero .content .info_block .card_name .card_sub_appeal {
  /* color: #fff; */
  font-weight: 500;
}
.section-hero .content .info_block .card_appeal {
  color: #9f7d3a;
  display: block;
  border-top: 2px solid #9f7d3a;
  border-bottom: 2px solid #9f7d3a;
  max-width: 100%;
  margin: 0 auto;
  line-height: 1.5;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 500;
}
.section-hero .content .info_block .card_appeal .small {
  display: block;
}
.section-hero .content .info_block .info_box .card_appeal {
  margin-top: 15px;
  margin-bottom: 5px;
}
.section-hero .content .info_block .card_name {
  /* color: #fff; */
  /* padding-top: 15px; */
  padding-top: 20px;
}
.section-hero .content .info_block .card_annualfee,
.section-hero .content .info_block .card_annualfee_small {
  display: block;
  /* color: #fff; */
}

.section-hero .content .info_block .card_appeal > sup {
  font-size: 60%;
  top: -0.7em;
}
.section-hero .content .info_box .notes {
  margin-top: 1em;
  text-align: left;
}
@media screen and (min-width: 641px) {
  .section-hero .content .info_block {
    padding-bottom: 30px;
  }
  .section-hero .content .info_block .info_box {
    padding-right: 70px;
    padding-left: 70px;
  }
  .section-hero .content .info_block .card_name .card_sub_appeal {
    margin-left: 0.5em;
  }
  .section-hero .content .info_block .card_appeal {
    width: 310px;
    font-size: 30px;
  }
  .section-hero .content .info_block .card_appeal .small {
    font-size: 14px;
  }
  .section-hero .content .info_block .card_name {
    font-size: 14px;
  }
  .section-hero .content .info_block .card_annualfee {
    font-size: 14px;
  }
  .section-hero .content .info_block .card_annualfee_small {
    font-size: 14px;
  }
}
@media screen and (max-width: 640px) {
  .section-hero .content .info_block {
    padding-top: 15px;
    padding-bottom: 30px;
  }
  .section-hero.type-b .content .info_block {
    /* padding-bottom: 0; */
  }
  .section-hero .content .info_block .card_name .card_sub_appeal {
    display: block;
    font-size: 16px;
  }
  .section-hero .content .info_block .info_box {
    padding-right: 20px;
    padding-left: 20px;
  }
  .section-hero .content .info_block .card_appeal {
    width: 280px;
    font-size: 28px;
  }
  .section-hero .content .info_block .card_appeal .small {
    font-size: 14px;
  }
  .section-hero .content .info_block .card_name {
    font-size: 13px;
    letter-spacing: 0;
  }
  .section-hero .content .info_block .card_annualfee {
    font-size: 12px;
  }
  .section-hero .content .info_block .card_annualfee_small {
    font-size: 12px;
  }
}

.content .btn_block {
  text-align: center;
  z-index: 10;
}
.section-hero .content .btn_block {
  z-index: 10;
}
.section-hero .content .btn_block.fixed {
  position: fixed;
  left: 0;
  width: 100%;
}
body:not(.fixed_entry_btn_bottom) .section-hero .content .btn_block.fixed {
  top: 0;
  -webkit-animation: DownAnime 0.5s forwards;
  animation: DownAnime 0.5s forwards;
}
.fixed_entry_btn_bottom .section-hero .content .btn_block.fixed {
  bottom: 0;
  -webkit-animation: UpAnime 0.5s forwards;
  animation: UpAnime 0.5s forwards;
}
@-webkit-keyframes DownAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes DownAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes UpAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes UpAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.content .btn_block .entry_btn {
  color: #fff;
  background-color: #9f7d3a;
  display: block;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  font-weight: 500;
}
.content .btn_block .entry_btn:after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  top: calc(50% - 5px);
  right: 6%;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  z-index: 1;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.content .btn_block .entry_btn:hover {
  opacity: 1;
}
.content .btn_block .entry_btn .small {
  display: block;
  font-size: 70%;
}
.btn_block__notes .notes {
  text-align: left;
  margin-top: 10px;
  max-width: 360px;
  font-size: 10px;
}
.section-hero .btn_block__notes .notes {
  /* color: #fff; */
}
.btn_block__notes .notes > li:not(:first-child) {
  margin-top: 0.5em;
}
.btn_block__notes .notes > li.nomark {
  font-weight: 700;
  text-indent: 0;
  padding-left: 0;
}
.btn_block__notes .notes > li.nomark:before {
  display: none;
}
.btn_block__notes .notes > li .underline {
  text-decoration: underline;
}
.section-hero .btn_block__notes .notes > li .underline {
  /* color: #fff; */
}
@media screen and (min-width: 641px) {
  .content .btn_block {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .btn_block__item:nth-child(odd) {
    margin-right: 20px;
  }
  .btn_block__item:nth-child(even) {
    margin-left: 20px;
  }
  .content .btn_block .entry_btn {
    width: 360px;
    font-size: 18px;
    border-radius: 5px;
    padding: 15px 5px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .content .btn_block .entry_btn:hover {
    -webkit-filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.6));
    filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.6));
  }
  .section-hero .content .btn_block.fixed {
    background-color: rgba(36, 36, 36, 0.8);
    padding: 15px 0;
  }
}
@media screen and (max-width: 640px) {
  .content .btn_block .entry_btn {
    font-size: 16px;
    padding: 10px;
    width: 100%;
  }
  .btn_block__item {
    padding-right: 15px;
    padding-left: 15px;
  }
  .btn_block__item:not(:first-child) {
    margin-top: 15px;
  }
}

.campaign-block__item {
  display: block;
}
.campaign-block__banner img {
  width: 100%;
}
.campaign-block__notes {
  margin-top: 0.5em;
}
@media screen and (min-width: 641px) {
  .campaign-block {
    max-width: 780px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 40px;
  }
  .campaign-block__item:not(:first-child) {
    margin-top: var(--pixel35);
  }
  .campaign-block__notes > li {
    font-size: var(--pixel12);
  }
  .campaign-block__notes > li {
    text-align: right;
  }
}
@media screen and (max-width: 640px) {
  .campaign-block__item {
    padding-right: 15px;
    padding-left: 15px;
  }
  .campaign-block__item:not(:first-child) {
    margin-top: var(--pixel20);
  }
  .campaign-block__notes > li {
    font-size: var(--pixel10);
  }
  .campaign-block__notes > li {
    text-align: center;
  }
}

/** SECTION-CAMPAIGN
==============================================*/
.section-campaign {
  background-color: #f1eeea;
}
.section-campaign .section-content {
  position: relative;
}
.section-campaign .content .block {
  text-align: center;
}
.section-campaign .content .block .notes {
  padding-top: 15px;
}
.section-campaign .content .block a:hover {
  opacity: 1;
}
@media screen and (min-width: 641px) {
  .section-campaign {
    padding-bottom: 55px;
  }
  .section-campaign .content .block:not(:first-of-type) {
    margin-top: 50px;
  }
  .section-campaign .content .block a .bnr img {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .section-campaign .content .block a:hover .bnr img {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
  }
}
@media screen and (max-width: 640px) {
  .section-campaign {
    padding-bottom: 30px;
  }
  .section-campaign .content .block:not(:first-of-type) {
    margin-top: 30px;
  }
}

/* 202310 new type */
.modal-cont__head {
  margin-bottom: 25px;
}
.modal-cont__title {
  text-align: center;
  font-weight: 500;
  font-size: 20px;
}
.modal-cont__body {
  background-color: #eaeaea;
}
@media screen and (min-width: 641px) {
  .modal-cont__body {
    padding: 25px;
  }
}
@media screen and (max-width: 640px) {
  .modal-cont__body {
    padding: 20px;
  }
}
.modal-cont ul.modal-cont__dots-list,
.modal-cont ul.modal-cont__notes {
  padding-top: 0;
  margin-bottom: 0;
}
.modal-cont__box:not(:first-child) {
  margin-top: 20px;
}
.modal-cont__box > *:not(:first-child) {
  margin-top: 10px;
}
@media screen and (min-width: 641px) {
  .modal-cont__box--w800 {
    width: 800px;
    margin-right: auto;
    margin-left: auto;
  }
}

.modal-cont__h3 {
  font-weight: 500;
  text-align: left;
  margin: 0;
  font-size: 16px;
}
.modal-cont__txt {
  text-align: left;
  font-size: 14px;
}
.modal-cont__dots-list > li {
  text-align: left;
  text-indent: -1em;
  padding-left: 1em;
  font-size: 14px;
}
.modal-cont__dots-list > li:not(:first-child) {
  margin-top: 5px;
}
.modal-cont__dots-list > li:before {
  content: "・";
}
.modal-cont__notes > li {
  text-align: left;
  text-indent: -1em;
  padding-left: 1em;
  font-size: 12px;
}
.modal-cont__notes > li:before {
  content: "※";
}

.modal-cont__table {
  background-color: #fff;
}
.modal-cont__table .cell-bg-navy {
  background-color: rgba(0, 0, 128, 0.15);
}
.modal-cont__table .cell-bg-red {
  background-color: rgba(255, 0, 0, 0.15);
}
.modal-cont__table th,
.modal-cont__table td {
  border: 1px solid #b0b0b0;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .modal-cont__table th,
  .modal-cont__table td {
    padding: 5px 15px;
    font-size: 14px;
  }
}
@media screen and (max-width: 640px) {
  .modal-cont__table th,
  .modal-cont__table td {
    padding: 5px;
    font-size: 12px;
  }
}

.modal-cont__table th {
  background-color: #ccc;
}
.modal-cont__table th,
.modal-cont__table td {
  vertical-align: middle;
}
@media only screen and (min-width: 641px) {
  .modal-cont__table th,
  .modal-cont__table td {
    font-size: 14px;
  }
}
@media only screen and (max-width: 640px) {
  .modal-cont__table th,
  .modal-cont__table td {
    font-size: 12px;
  }
}

/** SECTION OTHER
==============================================*/
.section-other {
  background-color: #f1eeea;
}
@media only screen and (min-width: 641px) {
  .section-other {
    padding-top: 70px;
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 640px) {
  .section-other {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.other-service__items {
  background-color: #f0f0f0;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
}
@media only screen and (min-width: 641px) {
  .other-service__items {
    margin-top: 30px;
    padding: 60px 95px;
  }
}
@media only screen and (max-width: 640px) {
  .other-service__items {
    margin-top: 20px;
  }
}

.other-service__ttl {
  font-weight: 500;
  color: #9f7d3a;
  margin-bottom: 0.5em;
}
@media only screen and (min-width: 641px) {
  .other-service__box {
    display: -webkit-box;
    display: flex;
  }
  .other-service__box:not(:first-child) {
    margin-top: 40px;
  }
  .other-service__img {
    width: 30%;
  }
  .other-service__txt {
    width: 70%;
    padding-left: 40px;
  }
  .other-service__ttl {
    font-size: 20px;
  }
  .other-service__lead {
    font-size: 16px;
  }
}
@media only screen and (max-width: 640px) {
  .other-service__box {
  }
  .other-service__box:not(:first-child) {
    margin-top: 20px;
  }
  .other-service__txt {
    padding: 20px;
  }
  .other-service__ttl {
    font-size: 16px;
  }
  .other-service__lead {
    font-size: 14px;
  }
}

/** SECTION APPEAL
==============================================*/
.section-appeal {
  background-color: #f1eeea;
}
@media screen and (min-width: 641px) {
  .section-appeal .content {
    padding: 0 95px 50px;
  }
  .section-appeal .content > *:not(:last-child) {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 640px) {
  .section-appeal .content {
    padding-bottom: 50px;
  }
  .section-appeal .content > *:not(:last-child) {
    margin-bottom: 20px;
  }
}

/** SECTION NAV
==============================================*/
.section-nav {
  background-color: #f1eeea;
}
.section-nav .content .anchor_nav {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -ms-box-shadow: 0px 0px 8px 0px #000;
  box-shadow: 0px 0px 8px 0px #000;
}
.section-nav .content .anchor_nav > li a {
  display: block;
  text-align: center;
  position: relative;
  color: #fff;
}
.section-nav .content .anchor_nav > li a:after {
  content: "";
  position: absolute;
  bottom: 5px;
  left: calc(50% - 7px);
  width: 14px;
  height: 7px;
  border-style: solid;
  border-width: 7px 7px 0 7px;
  border-color: #9f7d3a transparent transparent transparent;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.section-nav .content .anchor_nav > li a:hover {
  opacity: 1;
}
@media screen and (min-width: 641px) {
  .section-nav {
    padding-bottom: 95px;
  }
  .section-nav .content .anchor_nav {
    padding-top: 12px;
    padding-bottom: 12px;
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1), rgba(36, 36, 36, 1));
    background: linear-gradient(90deg, rgba(0, 0, 0, 1), rgba(36, 36, 36, 1));
  }
  .section-nav .content .anchor_nav > li {
    width: 25%;
    border-right: 1px solid rgba(100, 100, 100, 0.07);
    border-left: 1px solid #646464;
  }
  .section-nav .content .anchor_nav > li a {
    font-size: 16px;
    padding-top: 12px;
    padding-bottom: 20px;
  }
  .section-nav .content .anchor_nav > li a:hover:after {
    bottom: 0;
  }
}
@media screen and (max-width: 640px) {
  .section-nav {
  }
  .section-nav .content.row {
    padding-right: 0;
    padding-left: 0;
  }
  .section-nav .content .anchor_nav {
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1), rgba(36, 36, 36, 1));
    background: linear-gradient(180deg, rgba(0, 0, 0, 1), rgba(36, 36, 36, 1));
  }
  .section-nav .content .anchor_nav > li {
    width: 50%;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .section-nav .content .anchor_nav > li a {
    padding-top: 10px;
    padding-bottom: 15px;
    font-size: 15px;
  }
  .section-nav .content .anchor_nav > li:nth-child(odd) a {
    border-right: 1px solid #646464;
  }
  .section-nav .content .anchor_nav > li a:after {
    bottom: 5px;
    left: calc(50% - 6px);
    width: 12px;
    height: 6px;
    border-style: solid;
    border-width: 6px 6px 0 6px;
  }
}

@media screen and (min-width: 641px) {
  .section-nav .content .anchor_nav.lc1 > li:last-child {
    border-right: 1px solid #646464;
  }
  .section-nav .content .anchor_nav.lc1 {
    -webkit-box-pack: center;
    justify-content: center;
  }
}

/** ARTICLE
==============================================*/
.article_charm {
  background: url(/amextop/gold-pro-14az/images/bg.png) no-repeat top center/100% auto;
  background-color: #f1eeea;
  /* position: relative;
  position: 0; */
}
/* .article_charm:before {
  content: "";
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(245, 245, 245, 1) 40vw, rgba(245, 245, 245, 1) 100%);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
} */
.article_charm > .article_title {
  position: relative;
  z-index: 0;
}
.article_charm > .section {
  position: relative;
  z-index: 0;
}

.article_title {
  text-align: center;
}
.article_title.wh {
  color: #fff;
  text-shadow: 0.8px 0.8px 2px rgb(0 0 0 / 70%);
}
.article_title.bk {
  color: #484848;
}
@media screen and (min-width: 641px) {
  .article_charm {
    padding-bottom: 145px;
  }
  .article_title {
    font-size: 32px;
  }
  .article_charm .article_title {
    padding-top: 65px;
    padding-bottom: 65px;
  }
}
@media screen and (max-width: 640px) {
  .article_charm {
    padding-bottom: 50px;
  }
  .article_title {
    font-size: 24px;
  }
  .article_charm .article_title {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}

.headline .sub {
  display: inline-block;
  color: #ae9958;
  border-top: 1px solid #ae9958;
  font-style: normal;
  font-size: 16px;
  padding-top: 10px;
  line-height: 1;
  font-weight: 700;
  margin-top: 10px;
}
@media screen and (min-width: 641px) {
  .headline .sub.large {
    font-size: 18px;
  }
}

/** SECTION POINT
==============================================*/
.section-point {
  position: relative;
  z-index: 0;
}
.section-point .section-content {
  background-color: #fff;
  -ms-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.34);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.34);
}
@media screen and (min-width: 641px) {
  .section-point .section-content {
    padding: 30px 95px 90px;
  }
}
@media screen and (max-width: 640px) {
  .section-point .section-content {
    padding: 15px 10px 50px;
  }
}

.section-point .headline .headline_title {
  text-align: center;
  color: #9f7d3a;
  font-weight: 700;
}
.section-point .headline .headline_lead {
  border-top: 2px solid #9f7d3a;
  border-bottom: 2px solid #9f7d3a;
  text-align: center;
  line-height: 1.5;
  font-weight: 700;
}
.section-point .headline .headline_lead .em_gold {
  color: #9f7d3a;
  font-style: normal;
}
@media screen and (min-width: 641px) {
  .section-point .headline {
    padding-right: 110px;
    padding-left: 110px;
  }
  .section-point .headline .headline_title {
    padding-bottom: 30px;
    font-size: 14px;
  }
  .section-point .headline .headline_lead {
    font-size: 28px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 640px) {
  .section-point .headline .headline_title {
    padding-bottom: 15px;
    font-size: 12px;
  }
  .section-point .headline .headline_lead {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media screen and (min-width: 641px) {
  .section-point .content {
    padding-top: 50px;
  }
}
@media screen and (max-width: 640px) {
  .section-point .content {
    padding-top: 35px;
  }
}

.section-point .content .lead_block .appeal_box .appeal_img {
  text-align: center;
}
.section-point .content .lead_block .appeal_box .appeal_img img {
  max-width: 100%;
}
@media screen and (min-width: 641px) {
  .section-point .content .lead_block {
    padding-bottom: 45px;
  }
  .section-point .content .lead_block .appeal_box {
    padding-bottom: 50px;
  }
  .section-point .content .lead_block .appeal_box .appeal_img {
    padding-bottom: 45px;
  }
  .section-point .content .lead_block .appeal_box .appeal_img img {
    width: 240px;
  }
  .section-point .content .lead_block .appeal_box .txt {
    font-size: 18px;
    text-align: center;
  }
}
@media screen and (max-width: 640px) {
  .section-point .content .lead_block {
    padding-bottom: 35px;
  }
  .section-point .content .lead_block .appeal_box {
    padding-bottom: 30px;
  }
  .section-point .content .lead_block .appeal_box .appeal_img {
    padding-bottom: 40px;
  }
  .section-point .content .lead_block .appeal_box .appeal_img img {
    width: 180px;
  }
  .section-point .content .lead_block .appeal_box .txt {
    font-size: 14px;
  }
}

.point_merit_box .point_merit_list > li {
}
.point_merit_box .point_merit_list > li .merit {
  background-color: #242424;
}
.point_merit_box .point_merit_list.gold_type > li .merit {
  background-color: #b09053;
}
.point_merit_box .point_merit_list > li .merit .merit_in {
  border: 1px solid #ae9358;
}
.point_merit_box .point_merit_list.gold_type > li .merit .merit_in {
  border: 1px solid #242424;
}
.point_merit_box .point_merit_list > li .merit .merit_head {
  text-align: center;
}
.point_merit_box .point_merit_list > li .merit .merit_head .txt {
  color: #fff;
  border-bottom: 1px solid #ae9358;
  display: inline-block;
  text-align: center;
  line-height: 2;
}
.point_merit_box .point_merit_list.gold_type > li .merit .merit_head .txt {
  border-bottom: 1px solid #1d223a;
}
.point_merit_box .point_merit_list > li .merit .merit_body {
  padding-top: 15px;
  text-align: center;
  color: #fff;
}
.point_merit_box .point_merit_list > li .merit .merit_body sup {
  margin-top: -50px;
  top: -2em;
}
.point_merit_box .point_merit_list.gold_type > li .merit .merit_body sup {
  color: #242424;
}
.point_merit_box .point_merit_list > li .merit .merit_body img {
  width: auto;
}
.point_merit_box .point_merit_list > li .notes > li {
  text-align: right;
  font-size: 10px;
}
@media screen and (min-width: 641px) {
  .point_merit_box .point_merit_list {
    display: -webkit-box;
    display: flex;
  }
  .point_merit_box .point_merit_list > li {
    width: 49%;
  }
  .point_merit_box .point_merit_list > li:first-child {
    margin-right: 2%;
  }
  .point_merit_box .point_merit_list > li .merit {
    padding: 10px;
  }
  .point_merit_box .point_merit_list > li .merit .merit_in {
    padding: 10px;
  }
  .point_merit_box .point_merit_list > li .merit .merit_head {
    padding-top: 15px;
  }
  .point_merit_box .point_merit_list > li .merit .merit_body {
    padding-bottom: 20px;
  }
  .point_merit_box .point_merit_list > li .merit .merit_body img {
    height: 80px;
  }
  .point_merit_box .point_merit_list > li .notes {
    padding-top: 10px;
  }
}
@media screen and (max-width: 640px) {
  .point_merit_box .point_merit_list > li {
    padding-bottom: 15px;
  }
  .point_merit_box .point_merit_list > li .merit {
    padding: 5px;
    position: relative;
  }
  .point_merit_box .point_merit_list > li .merit .merit_in {
    padding: 5px;
  }
  .point_merit_box .point_merit_list > li .merit .merit_head {
    padding-top: 10px;
  }
  .point_merit_box .point_merit_list > li .merit .merit_body {
    padding-bottom: 15px;
  }
  .point_merit_box .point_merit_list > li .merit .merit_body sup {
    position: absolute;
    right: calc(50% - 115px);
    top: calc(100% - 70px);
    margin-top: 0;
    display: block;
  }
  .point_merit_box .point_merit_list > li .merit .merit_body img {
    height: 58px;
  }
  .point_merit_box .point_merit_list > li .notes {
    padding-top: 5px;
  }
}

.section-point .content .point_content_block > .accordion_dl {
  counter-reset: number;
}
.section-point .content .point_content_block > .accordion_dl > dt {
  background-color: #ae9358;
  color: #fff;
  position: relative;
  margin-top: 1px;
}
.section-point .content .point_content_block > .accordion_dl > dt:before {
  counter-increment: number;
  content: counter(number, decimal-leading-zero);
  background-color: #242424;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  text-align: center;
  font-family: "Manrope", sans-serif;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.section-point .content .point_content_block > .accordion_dl > dt:not(.open):after {
  content: "";
  width: 24px;
  height: 24px;
  background-color: #9f7d3a;
  position: absolute;
  top: calc(50% - 12px);
}
.section-point .content .point_content_block > .accordion_dl > dt:not(.open) .block_headline_title:before,
.section-point .content .point_content_block > .accordion_dl > dt:not(.open) .block_headline_title:after {
  content: "";
  width: 14px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: calc(50% - 1px);
  z-index: 1;
}
.section-point .content .point_content_block > .accordion_dl > dt:not(.open) .block_headline_title:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.section-point .content .point_content_block > .accordion_dl > dt:not(.open).active .block_headline_title:after {
  opacity: 0;
}
@media screen and (min-width: 641px) {
  .section-point .content .point_content_block > .accordion_dl > dt {
    font-size: 18px;
  }
  .section-point .content .point_content_block > .accordion_dl > dt:before {
    padding: 20px;
    width: 67px;
  }
  .section-point .content .point_content_block > .accordion_dl > dt:after {
    right: 20px;
  }
  .section-point .content .point_content_block > .accordion_dl > dt .block_headline_title {
    padding: 20px 50px 20px 87px;
  }
  .section-point .content .point_content_block > .accordion_dl > dt .block_headline_title:before,
  .section-point .content .point_content_block > .accordion_dl > dt .block_headline_title:after {
    right: 25px;
  }
  .section-point .content .point_content_block > .accordion_dl > dd:not(:last-of-type) {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 640px) {
  .section-point .content .point_content_block > .accordion_dl > dt {
    font-size: 15px;
  }
  .section-point .content .point_content_block > .accordion_dl > dt:before {
    padding: 15px;
    width: 48px;
  }
  .section-point .content .point_content_block > .accordion_dl > dt:after {
    right: 10px;
  }
  .section-point .content .point_content_block > .accordion_dl > dt .block_headline_title {
    padding: 15px 40px 15px 58px;
    letter-spacing: 0;
  }
  .section-point .content .point_content_block > .accordion_dl > dt .block_headline_title:before,
  .section-point .content .point_content_block > .accordion_dl > dt .block_headline_title:after {
    right: 15px;
  }
  .section-point .content .point_content_block > .accordion_dl > dd:not(:last-of-type) {
    margin-bottom: 30px;
  }
}

.section-point .content .block_content .main_box .main_img {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.section-point .content .block_content .main_box .main_txt {
  background-color: #242424;
}
.section-point .content .block_content .main_box .main_txt > *:not(:last-child) {
  padding-bottom: 1em;
}
.section-point .content .block_content .main_box .main_txt .txt {
  color: #fff;
}
.section-point .content .block_content .main_box .main_txt .txt.largre {
  text-align: center;
}
.section-point .content .block_content .main_box .main_txt .txt .pointmall_logo {
  background-color: #fff;
  padding: 5px;
}
.section-point .content .block_content .main_box .main_txt .img_txt {
  text-align: center;
}
.section-point .content .block_content .main_box .main_txt .img_txt .netshop_txt {
  display: inline-block;
  color: #ae9958;
  border-bottom: 1px solid #fff;
  padding-right: 5px;
  padding-left: 5px;
  position: relative;
  margin-bottom: 20px;
}
.section-point .content .block_content .main_box .main_txt .img_txt .netshop_txt:after {
  content: "";
  position: absolute;
  background: url(/amextop/gold-common/images/icon-netshop.svg) no-repeat center center/100% 100%;
}
.section-point .content .block_content .main_box .main_txt .img_txt img {
  width: auto;
  max-width: 100%;
}
@media screen and (min-width: 641px) {
  .section-point .content .block_content .main_box {
    display: -webkit-box;
    display: flex;
    min-height: 240px;
  }
  .section-point .content .block_content .main_box .main_img {
    width: 50%;
  }
  .section-point .content .block_content .main_box .main_txt {
    width: 50%;
    padding: 30px 25px;
  }
  .section-point .content .block_content .main_box .main_txt .txt {
    font-size: 14px;
  }
  .section-point .content .block_content .main_box .main_txt .txt.largre {
    font-size: 18px;
  }
  .section-point .content .block_content .main_box .main_txt .txt.largre .icon {
    width: 55px;
    margin-right: 10px;
  }
  .section-point .content .block_content .main_box .main_txt .img_txt .netshop_txt:after {
    width: 31px;
    height: 44px;
    right: -30px;
    bottom: -6px;
  }
  .section-point .content .block_content .main_box .main_txt .img_txt img {
    max-height: 80px;
  }
  .section-point .content .block_content .main_box .main_txt .txt .pointmall_logo {
    width: 100%;
    display: block;
  }
}
@media screen and (max-width: 640px) {
  .section-point .content .block_content .main_box .main_img {
    height: 170px;
    display: block;
  }
  .section-point .content .block_content .main_box .main_txt {
    padding: 20px 15px;
  }
  .section-point .content .block_content .main_box .main_txt .txt {
    font-size: 12px;
  }
  .section-point .content .block_content .main_box .main_txt .txt.largre {
    font-size: 13px;
    letter-spacing: 0;
  }
  .section-point .content .block_content .main_box .main_txt .txt.largre .icon {
    width: 40px;
    margin-right: 5px;
  }
  .section-point .content .block_content .main_box .main_txt .img_txt .netshop_txt:after {
    width: 22px;
    height: 31px;
    right: -20px;
    bottom: -6px;
  }
  .section-point .content .block_content .main_box .main_txt .img_txt img {
    max-height: 58px;
  }
  .section-point .content .block_content .main_box .main_txt .txt .pointmall_logo {
    width: 175px;
  }
}

.section-point .content .block_content .sub_box {
  background-color: #f0f0f0;
}
@media screen and (min-width: 641px) {
  .section-point .content .block_content .sub_box {
    padding-right: 35px;
    padding-left: 35px;
    padding-bottom: 75px;
  }
  .section-point .content .block_content .shopping {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 640px) {
}

.section-point .content .block_content .shopping .annual_case .lead_txt {
  text-align: center;
}
.section-point .content .block_content .shopping .annual_case .lead_txt .em_red {
  font-style: normal;
  color: #aa0f28;
  font-weight: 700;
}
.section-point .content .block_content .shopping .annual_case .annual_case_result01 {
  position: relative;
}
.section-point .content .block_content .shopping .annual_case .annual_case_result01 .annual_case_table td {
  text-align: center;
  width: 50%;
}
.section-point .content .block_content .shopping .annual_case .annual_case_result01 .icon-creditcard.feature {
  -webkit-filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.6));
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.6));
}
.section-point .content .block_content .shopping .annual_case .annual_case_result01 .annual_case_table .open_anime {
  position: relative;
}
.section-point .content .block_content .shopping .annual_case .annual_case_result01 .annual_case_table .open_anime:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #f0f0f0;
  -webkit-animation: openAnime 1s forwards 1s;
  animation: openAnime 1s forwards 1s;
}
@-webkit-keyframes openAnime {
  from {
    height: 100%;
  }
  to {
    height: 0;
  }
}
@keyframes openAnime {
  from {
    height: 100%;
  }
  to {
    height: 0;
  }
}
.section-point .content .block_content .shopping .annual_case .annual_case_result01 .balloon {
  position: absolute;
  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: #aa0f28;
  color: #fff;
  border-radius: 50%;
  line-height: 1.2;
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-animation: openShow 1s forwards 1.5s;
  animation: openShow 1s forwards 1.5s;
  letter-spacing: 0;
  font-weight: 700;
  z-index: 1;
}
.section-point .content .block_content .shopping .annual_case .annual_case_result01 .balloon:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #aa0f28;
  position: absolute;
}
@-webkit-keyframes openShow {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes openShow {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.section-point .content .block_content .shopping .annual_case .annual_case_result01 .balloon .em {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  font-family: "Manrope", sans-serif;
  letter-spacing: 0;
}
.section-point .content .block_content .shopping .annual_case .annual_case_result01 .creditcard .card_img .card_name {
  letter-spacing: 0;
  line-height: 1.5;
}
@media screen and (min-width: 641px) {
  .section-point .content .block_content .shopping .annual_case {
    padding-top: 45px;
    padding-bottom: 30px;
  }
  .section-point .content .block_content .shopping .annual_case .lead_txt {
    padding-bottom: 50px;
    font-size: 20px;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result01 {
    width: 50%;
    padding-right: 15px;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result01 .point-shopping-annual_case {
    width: 264px;
    margin-left: 30px;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result01 .creditcard > tr td {
    padding-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result01 .creditcard .card_img .card_name {
    font-size: 12px;
    padding-top: 10px;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result01 .icon-creditcard {
    width: 130px;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result01 .balloon {
    left: -20px;
    top: -65px;
    width: 134px;
    height: 134px;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result01 .balloon:after {
    top: calc(50% - 7px);
    left: 133px;
    border-width: 0px 0 15px 22px;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result01 .balloon .small {
    font-size: 12px;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result01 .balloon .em {
    font-size: 36px;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result01 .balloon .coin {
    width: 23px;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result02 {
    width: 50%;
  }
}
@media screen and (max-width: 640px) {
  .section-point .content .block_content .shopping .annual_case {
    padding-top: 30px;
  }
  .section-point .content .block_content .shopping .annual_case .lead_txt {
    padding-bottom: 80px;
    font-size: 14px;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result .annual_case_result01 {
    padding-bottom: 30px;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result .annual_case_result01 .annual_case_table {
    width: 265px;
    max-width: 100%;
    margin: 0 auto;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result01 .point-shopping-annual_case {
    width: 203px;
    margin-left: 25px;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result01 .creditcard .card_img .card_name {
    font-size: 10px;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result01 .icon-creditcard {
    width: 100px;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result01 .creditcard > tr td {
    padding-top: 15px;
    padding-right: 5px;
    padding-left: 5px;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result01 .balloon {
    left: calc(50% - 125px);
    top: -55px;
    width: 103px;
    height: 103px;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result01 .balloon:after {
    bottom: 25px;
    left: 96px;
    border-width: 0px 0 15px 15px;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result01 .balloon .small {
    font-size: 10px;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result01 .balloon .em {
    font-size: 28px;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result01 .balloon .coin {
    width: 18px;
  }
}

.section-point .content .block_content .shopping .annual_case .annual_case_result .annual_case_result02 .point_item .point_item_head {
  background-color: #242424;
}
.section-point .content .block_content .shopping .annual_case .annual_case_result .annual_case_result02 .point_item .point_item_head .txt {
  color: #fff;
  text-align: center;
  line-height: 1.5;
}
.section-point .content .block_content .shopping .annual_case .annual_case_result02 .point_item .point_item_head .txt .em_gold {
  color: #ae9958;
  font-style: normal;
  font-weight: 500;
}
.section-point .content .block_content .shopping .annual_case .annual_case_result02 .point_item .point_item_body {
  background-color: #fff;
}
.section-point .content .block_content .shopping .annual_case .annual_case_result02 .point_item .point_item_body .point_item_img {
  text-align: center;
}
.section-point .content .block_content .shopping .annual_case .annual_case_result02 .point_item .point_item_body .point_item_img img {
  max-width: 100%;
  width: 200px;
}
.section-point .content .block_content .shopping .annual_case .annual_case_result02 .point_item .point_item_body .point_item_img .point_item_notes {
  padding-top: 10px;
}
.section-point .content .block_content .shopping .annual_case .annual_case_result02 .point_item .point_item_body .point_item_img .point_item_notes .em {
  font-style: normal;
  margin-left: 0.5em;
}
.section-point .content .block_content .shopping .annual_case .annual_case_result .annual_case_result02 > .notes {
  padding-top: 15px;
  padding-left: 2em;
  padding-right: 1em;
}
.section-point .content .block_content .shopping .annual_case .annual_case_result .annual_case_result02 > .announce-box {
  padding: 0 1em;
}
@media screen and (min-width: 641px) {
  .section-point .content .block_content .shopping .annual_case .annual_case_result02 {
    width: 50%;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result02 .point_item .point_item_head {
    padding: 20px;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result02 .point_item .point_item_head .txt {
    font-size: 18px;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result02 .point_item .point_item_body .point_item_img {
    padding: 45px 20px 30px;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result02 .point_item .point_item_body .point_item_img img {
    padding-bottom: 15px;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result02 .point_item .point_item_body .point_item_img .point_item_notes {
    font-size: 14px;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result02 .point_item .point_item_body .point_item_img .point_item_notes .em {
    font-size: 15px;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result .annual_case_result02 > .announce-box .red-line-announce {
    font-size: 12px;
  }
}
@media screen and (max-width: 640px) {
  .section-point .content .block_content .shopping .annual_case .annual_case_result02 {
    padding-bottom: 15px;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result02 .point_item .point_item_head {
    padding: 15px 10px;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result .annual_case_result02 .point_item .point_item_head .txt {
    font-size: 16px;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result02 .point_item .point_item_body .point_item_img {
    padding: 25px 10px;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result02 .point_item .point_item_body .point_item_img img {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result02 .point_item .point_item_body .point_item_img .point_item_notes {
    font-size: 17px;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result02 .point_item .point_item_body .point_item_img .point_item_notes .em {
    font-size: 18px;
  }
  .section-point .content .block_content .shopping .annual_case .annual_case_result .annual_case_result02 > .announce-box .red-line-announce {
    font-size: 10px;
  }
}

@media screen and (min-width: 641px) {
  .section-point .content .block_content .netshop {
    padding-top: 35px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 640px) {
  .section-point .content .block_content .netshop {
    padding-top: 25px;
  }
}
.section-point .content .block_content .netshop .netshop_head .netshop_ttl {
  text-align: center;
  padding-bottom: 15px;
}
.section-point .content .block_content .netshop .netshop_head .txt {
  text-align: center;
  padding-bottom: 25px;
}
.section-point .content .block_content .netshop .netshop_head .txt .em_gold {
  color: #ae9958;
  font-style: normal;
}
.section-point .content .block_content .netshop .netshop_head .txt .em_gold.large {
  font-size: 24px;
  display: block;
  padding-top: 10px;
}
@media screen and (min-width: 641px) {
  .section-point .content .block_content .netshop .netshop_head .netshop_ttl {
    font-size: 20px;
  }
  .section-point .content .block_content .netshop .netshop_head .txt {
    font-size: 14px;
  }
}
@media screen and (max-width: 640px) {
  .section-point .content .block_content .netshop {
    font-size: 18px;
  }
  .section-point .content .block_content .netshop .netshop_head .txt {
    font-size: 12px;
    letter-spacing: 0;
  }
  .section-point .content .block_content .netshop .netshop_head .txt .em_gold {
    font-size: 15px;
  }
  .section-point .content .block_content .netshop .netshop_head .txt .em {
    font-size: 15px;
  }
}

.section-point .content .block_content .netshop .netshop_body {
}
.section-point .content .block_content .netshop .netshop_body .shop_list_lead {
  background-color: #242424;
  color: #fff;
  text-align: center;
}
.section-point .content .block_content .netshop .netshop_body .shop_list_lead .em_gold {
  font-style: normal;
  color: #ae9958;
}
.section-point .content .block_content .netshop .netshop_body .shop_list_wrap {
}
.section-point .content .block_content .netshop .netshop_body .shop_list_txt {
  text-align: center;
  padding-top: 20px;
  background-color: #fff;
}
@media screen and (min-width: 641px) {
  .section-point .content .block_content .netshop .netshop_body .shop_list_lead {
    padding: 20px 10px;
    font-size: 17px;
  }
  .section-point .content .block_content .netshop .netshop_body .shop_list_txt {
    font-size: 14px;
  }
}
@media screen and (max-width: 640px) {
  .section-point .content .block_content .netshop .netshop_body .shop_list_lead {
    padding: 10px;
    font-size: 12px;
  }
  .section-point .content .block_content .netshop .netshop_body .shop_list_wrap {
    padding: 10px;
  }
  .section-point .content .block_content .netshop .netshop_body .shop_list_txt {
    font-size: 12px;
  }
}

.section-point .content .block_content .shopping .annual_case .annual_case_result .annual_case_result02 .point_item .point_item_body .point_item_img .point_item_notes .em {
  font-weight: 500;
}
.section-point .content .block_content .shopping .annual_case .annual_case_result .annual_case_result02 .point_item .notes {
}

.section-point .content .block_content .netshop .netshop_body .shop_list_slide {
  background-color: #fff;
}

.section-point .content .block_content .netshop .netshop_body .shop_list_slide .shop_slide_item {
  display: -webkit-box !important;
  display: flex !important;
  flex-wrap: wrap;
}
.section-point .content .block_content .netshop .netshop_body .shop_list_slide .slick-dots {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.section-point .content .block_content .netshop .netshop_body .shop_list_slide .slick-dots li {
  border: 1px solid #d1d1d1;
  background-color: #d1d1d1;
  border-radius: 50%;
  opacity: 1;
  margin: 0 10px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 0;
}
.section-point .content .block_content .netshop .netshop_body .shop_list_slide .slick-dots li.slick-active {
  background-color: #ae9958;
}
.section-point .content .block_content .netshop .netshop_body .shop_list_slide .slick-list {
  overflow: hidden;
}
.section-point .content .block_content .netshop .netshop_body .shop_list_slide .slick-prev,
.section-point .content .block_content .netshop .netshop_body .shop_list_slide .slick-next {
  top: calc(50% - 16px);
  width: 32px;
  height: 32px;
  background-color: rgba(120, 120, 120, 0.5);
  border-radius: 50%;
  opacity: 1;
}
.section-point .content .block_content .netshop .netshop_body .shop_list_slide .slick-prev {
  left: -15px;
}
.section-point .content .block_content .netshop .netshop_body .shop_list_slide .slick-next {
  right: -15px;
}
.section-point .content .block_content .netshop .netshop_body .shop_list_slide .slick-prev:before {
  width: 8px;
  height: 8px;
  top: calc(50% - 4px);
  left: calc(50% - 3px);
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.section-point .content .block_content .netshop .netshop_body .shop_list_slide .slick-next:before {
  width: 8px;
  height: 8px;
  top: calc(50% - 4px);
  left: calc(50% - 5px);
  z-index: 1;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (min-width: 641px) {
  .section-point .content .block_content .netshop .netshop_body .shop_list_slide .shop_slide_item {
    padding: 25px 25px;
  }
  .section-point .content .block_content .netshop .netshop_body .shop_list_slide .shop_slide_item .shop_item {
    width: 20%;
    padding: 15px 18px;
  }
  .section-point .content .block_content .netshop .netshop_body .shop_list_slide .slick-dots > li {
    width: 10px;
    height: 10px;
  }
  .section-point .content .block_content .netshop .netshop_body .shop_list_slide .slick-dots > li.slick-active {
    width: 14px;
    height: 14px;
  }
}
@media screen and (max-width: 640px) {
  .section-point .content .block_content .netshop .netshop_body .shop_list_slide .shop_slide_item {
    padding: 20px 10px;
  }
  .section-point .content .block_content .netshop .netshop_body .shop_list_slide .shop_slide_item .shop_item {
    width: 50%;
    padding: 5px;
  }
  .section-point .content .block_content .netshop .netshop_body .shop_list_slide .slick-dots {
    bottom: -30px;
  }
  .section-point .content .block_content .netshop .netshop_body .shop_list_slide .slick-dots > li {
    width: 8px;
    height: 8px;
  }
  .section-point .content .block_content .netshop .netshop_body .shop_list_slide .slick-dots > li.slick-active {
    width: 10px;
    height: 10px;
  }
}

.section-point .content .block_content .point_use .point_use_case .point_use_case_list > li > .txt {
  text-align: center;
}
.section-point .content .block_content .point_use .point_use_case .point_use_case_list > li > .txt .small {
  display: block;
  font-size: 14px;
}
@media screen and (min-width: 641px) {
  .section-point .content .block_content .point_use .point_use_case .point_use_case_list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    padding-right: 10px;
    padding-left: 10px;
  }
  .section-point .content .block_content .point_use .point_use_case .point_use_case_list > li {
    width: calc(50% - 20px);
  }
  .section-point .content .block_content .point_use .point_use_case .point_use_case_list > li:nth-child(odd) {
    margin-right: 40px;
  }
  .section-point .content .block_content .point_use .point_use_case .point_use_case_list > li > .txt {
    padding-top: 25px;
    padding-bottom: 15px;
    font-size: 20px;
  }
  .section-point .content .block_content .point_use .point_use_case .point_use_case_list > li > .txt .small {
    height: 1.5em;
  }
}
@media screen and (max-width: 640px) {
  .section-point .content .block_content .point_use .point_use_case .point_use_case_list > li {
    padding-bottom: 10px;
  }
  .section-point .content .block_content .point_use .point_use_case .point_use_case_list > li > .txt {
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 18px;
  }
  .section-point .content .block_content .point_use .point_use_case .point_use_case_list > li > .txt .small {
    line-height: 1.3;
  }
}

.section-point .content .block_content .point_use .point_use_case .point_use_case_list li > .point_use_case_list_img {
  text-align: center;
}
.section-point .content .block_content .point_use .point_use_case .point_use_case_list li > .point_use_case_list_img .ttl {
  background-color: #242424;
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
}
.section-point .content .block_content .point_use .point_use_case .point_use_case_list li > .point_use_case_list_img .ttl .em_gold {
  color: #ae9958;
  font-style: normal;
  font-weight: 700;
}
@media screen and (min-width: 641px) {
  .section-point .content .block_content .point_use .point_use_case .point_use_case_list li > .point_use_case_list_img .ttl {
    padding: 10px;
    font-size: 15px;
  }
}
@media screen and (max-width: 640px) {
  .section-point .content .block_content .point_use .point_use_case .point_use_case_list li > .point_use_case_list_img .ttl {
    padding: 10px;
    font-size: 13px;
  }
  .section-point .content .block_content .point_use .point_use_case .point_use_case_list li > .point_use_case_list_img img {
    padding-right: 10px;
    padding-left: 10px;
  }
}

/** SECTION AMEXCONNECT
==============================================*/
.section-amexconnect .section-content {
  background-color: #fff;
}
.section-amexconnect .headline .headline_title {
  text-align: center;
  color: #9f7d3a;
  font-weight: 700;
}
.section-amexconnect .headline .headline_lead {
  border-top: 2px solid #9f7d3a;
  border-bottom: 2px solid #9f7d3a;
  text-align: center;
  line-height: 1.5;
  font-weight: 700;
}
.section-amexconnect .headline .headline_lead .em_gold {
  color: #9f7d3a;
  font-style: normal;
}
@media screen and (min-width: 641px) {
  .section-amexconnect {
    padding-top: 30px;
  }
  .section-amexconnect .section-content {
    padding: 40px 90px 95px;
  }
  .section-amexconnect .headline {
    padding-bottom: 45px;
    padding-right: 90px;
    padding-left: 90px;
  }
  .section-amexconnect .headline .headline_title {
    padding-bottom: 30px;
    font-size: 14px;
  }
  .section-amexconnect .headline .headline_lead {
    font-size: 26px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 640px) {
  .section-amexconnect {
    padding-top: 15px;
  }
  .section-amexconnect .headline {
    padding-bottom: 30px;
  }
  .section-amexconnect .section-content {
    padding: 20px 10px 25px;
  }
  .section-amexconnect .headline .headline_title {
    padding-bottom: 15px;
    font-size: 12px;
  }
  .section-amexconnect .headline .headline_lead {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.section-amexconnect .content .lead_block .appeal_box .appeal_img {
  text-align: center;
}
.section-amexconnect .content .lead_block .appeal_box .appeal_img img {
  max-width: 100%;
}
.section-amexconnect .content .lead_block .appeal_box .txt {
  text-align: center;
}
@media screen and (min-width: 641px) {
  .section-amexconnect .content .lead_block .appeal_box .appeal_img {
    padding-bottom: 45px;
  }
  .section-amexconnect .content .lead_block .appeal_box .appeal_img img {
    width: 275px;
  }
  .section-amexconnect .content .lead_block .appeal_box .txt {
    font-size: 18px;
    padding-bottom: 45px;
  }
}
@media screen and (max-width: 640px) {
  .section-amexconnect .content .lead_block .appeal_box .appeal_img {
    padding-bottom: 30px;
  }
  .section-amexconnect .content .lead_block .appeal_box .appeal_img img {
    width: 230px;
  }
  .section-amexconnect .content .lead_block .appeal_box .txt {
    font-size: 14px;
    padding-bottom: 20px;
  }
}

.list-box .list-box__list > li {
  background-color: #f0f0f0;
}
.list-box .list-box__list.black_type > li {
  background-color: #242424;
  color: #fff;
}
.list-box .list-box__list > li .list-box__img {
  text-align: center;
}
.list-box .list-box__list > li .list-box__img .list-box__name {
  border-left: 5px solid #9f7d3a;
  padding-left: 10px;
  font-weight: 700;
  text-align: left;
}
@media screen and (min-width: 641px) {
  .list-box .list-box__list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
  }
  .list-box__list.type-center {
    justify-content: center;
  }
  .list-box .list-box__list > li {
    width: 33%;
    padding: 15px 10px 10px;
  }
  .list-box .list-box__list.black_type > li {
    width: 49%;
  }
  .list-box .list-box__list:not(.black_type) > li:not(:nth-child(3n)) {
    margin-right: 0.5%;
  }
  .list-box .list-box__list.black_type > li:first-child {
    margin-right: 2%;
  }
  .list-box .list-box__list > li .list-box__img .list-box__name {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .list-box .list-box__list > li .list-box__txt {
    padding: 20px 10px;
  }
  .list-box .list-box__list > li .list-box__txt .txt {
    font-size: 14px;
  }
  .list-box .list-box__list > li .list-box__txt .dot {
    font-size: 14px;
  }
}
@media screen and (max-width: 640px) {
  .list-box .list-box__list > li {
    padding: 10px;
    margin-bottom: 10px;
  }
  .list-box .list-box__list > li .list-box__img .list-box__name {
    font-size: 15px;
    margin-bottom: 10px;
  }
  .list-box .list-box__list > li .list-box__txt {
    padding: 15px 10px;
  }
  .list-box .list-box__list > li .list-box__txt .dot {
    font-size: 12px;
  }
}

.amexconnect_box .amexconnect_list > li {
  background-color: #f0f0f0;
}
.amexconnect_box .amexconnect_list.black_type > li {
  background-color: #242424;
  color: #fff;
}
.amexconnect_box .amexconnect_list > li .amexconnect_img {
  text-align: center;
}
.amexconnect_box .amexconnect_list > li .amexconnect_img .amexconnect_name {
  border-left: 5px solid #9f7d3a;
  padding-left: 10px;
  font-weight: 700;
  text-align: left;
  line-height: 1.4;
}
@media screen and (min-width: 641px) {
  .amexconnect_box .amexconnect_list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
  }
  .amexconnect_box .amexconnect_list:not(.black_type) {
    padding-right: 50px;
    padding-left: 50px;
  }
  .amexconnect_box .amexconnect_list > li {
    width: 49%;
    padding: 20px 30px;
  }
  .amexconnect_box .amexconnect_list.black_type > li {
    width: 49%;
    padding: 15px 10px 10px;
  }
  .amexconnect_box .amexconnect_list:not(.black_type) > li:nth-child(odd) {
    margin-right: 2%;
  }
  .amexconnect_box .amexconnect_list.black_type > li:first-child {
    margin-right: 2%;
  }
  .amexconnect_box .amexconnect_list > li .amexconnect_img .amexconnect_name {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .amexconnect_box .amexconnect_list > li .amexconnect_txt {
    padding: 20px 10px;
  }
  .amexconnect_box .amexconnect_list > li .amexconnect_txt .txt {
    font-size: 14px;
  }
}
@media screen and (max-width: 640px) {
  .amexconnect_box .amexconnect_list > li {
    padding: 10px;
    margin-bottom: 10px;
  }
  .amexconnect_box .amexconnect_list > li .amexconnect_img .amexconnect_name {
    font-size: 15px;
    margin-bottom: 10px;
  }
  .amexconnect_box .amexconnect_list > li .amexconnect_txt {
    padding: 15px 10px;
  }
}

/** ARTICLE SERVICE
==============================================*/
.article_service {
  background: url(/amextop/gold-pro-14az/images/bg.png) no-repeat top center/contain;
  background-color: #f5f5f5;
}
@media screen and (min-width: 641px) {
  .article_service {
    padding-bottom: 145px;
  }
  .article_service .article_title {
    padding-top: 65px;
    padding-bottom: 65px;
  }
}
@media screen and (max-width: 640px) {
  .article_service {
    padding-bottom: 50px;
  }
  .article_service .article_title {
    padding-top: 55px;
    padding-bottom: 35px;
  }
}

/** SECTION SERVICE
==============================================*/
.section-service {
  position: relative;
  z-index: 0;
}
.section-service .headline .anchor_nav {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  align-items: flex-start;
}
.section-service .headline .anchor_nav > li a:hover {
  opacity: 1;
}
.section-service .headline .anchor_nav > li .service_nav {
  position: relative;
}
.section-service .headline .anchor_nav > li .service_nav:before {
  content: "";
  background-color: #242424;
  position: absolute;
  bottom: -10px;
  z-index: 1;
}
.section-service .headline .anchor_nav > li .service_nav:after {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  bottom: 0;
  left: calc(50% - 4px);
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.section-service .headline .anchor_nav > li .service_nav .service_name {
  padding-bottom: 5px;
  text-align: center;
  font-weight: 500;
}
.section-service .headline .anchor_nav > li .service_nav img {
  border: 6px solid #fff;
  -webkit-filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.3));
}
@media screen and (min-width: 641px) {
  .section-service .headline {
    padding-bottom: 140px;
  }
  .section-service .headline .anchor_nav {
    padding-right: 65px;
    padding-left: 65px;
  }
  .section-service .headline .anchor_nav > li .service_nav:before {
    width: 28px;
    height: 28px;
    left: calc(50% - 14px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .section-service .headline .anchor_nav > li:hover .service_nav:before {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  .section-service .headline .anchor_nav > li {
    width: 30%;
    padding-right: 10px;
    padding-left: 10px;
  }
  .section-service .headline .anchor_nav > li .service_nav .service_name {
    font-size: 18px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .section-service .headline .anchor_nav > li .service_nav img {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .section-service .headline .anchor_nav > li:hover .service_nav img {
    -webkit-filter: drop-shadow(3px 3px 8px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(3px 3px 8px rgba(0, 0, 0, 0.5));
  }
}
@media screen and (max-width: 640px) {
  .section-service .headline {
    padding-bottom: 60px;
  }
  .section-service .headline .anchor_nav > li .service_nav:before {
    width: 24px;
    height: 24px;
    left: calc(50% - 12px);
  }
  .section-service .headline .anchor_nav > li {
    width: calc(50% - 5px);
    padding-bottom: 30px;
  }
  .section-service .headline .anchor_nav > li:nth-child(odd) {
    margin-right: 10px;
  }
  .section-service .headline .anchor_nav > li .service_nav .service_name {
    font-size: 13px;
  }
}

.section-service .content .block {
  -ms-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
}
.section-service .content .block .block_headline {
  display: -webkit-box;
  display: flex;
}
.section-service .content .block .block_headline .block_headline_title {
  background-color: #242424;
  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;
}
.section-service .content .block .block_headline .service_bg {
  background-size: cover;
  background-position: center center;
}
@media screen and (min-width: 641px) {
  .section-service .content .block .block_headline {
    min-height: 240px;
  }
  .section-service .content .block .block_headline .block_headline_title {
    width: 50%;
    padding-left: 90px;
    padding-right: 90px;
    font-size: 28px;
  }
  .section-service .content .block .block_headline .service_bg {
    width: 50%;
  }
}
@media screen and (max-width: 640px) {
  .section-service .content .block .block_headline {
    min-height: 65px;
  }
  .section-service .content .block .block_headline .block_headline_title {
    width: calc(100% - 133px);
    font-size: 16px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .section-service .content .block .block_headline .service_bg {
    width: 133px;
  }
}

.section-service .content .block .block_content {
  background-color: #fff;
}
.section-service .content .block .block_content .box .item .item_ttl {
  border-bottom: 1px solid #9f7d3a;
  padding-bottom: 0.5em;
  font-weight: 500;
}
.section-service .content .block .block_content .box .item .item_in2row {
  padding-top: 0.5em;
}
.section-service .content .block .block_content .box .item .txt {
  padding-top: 0.5em;
}
.section-service .content .block .block_content .box .item .item_in2row .txt {
  padding-top: 0;
}
.section-service .content .block .block_content .box .item .txt .em_gold {
  color: #9f7d3a;
  font-style: normal;
  font-weight: 700;
}
.section-service .content .block .block_content .box .item .notes {
  display: block;
  padding-top: 1em;
  font-size: 10px;
}
.section-service .content .block .block_content .box .item .notes.right {
  text-align: right;
}
.section-service .content .block .block_content .box .item .add_btn .btn {
  text-align: center;
  line-height: 2;
  font-weight: 500;
}
@media screen and (min-width: 641px) {
  .section-service .content .block {
    margin-bottom: 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  .section-service .content .block .block_content {
    padding: 55px 90px 70px;
  }
  .section-service .content .block .block_content .box .item:not(:last-child) {
    padding-bottom: 55px;
  }
  .section-service .content .block .block_content .box .item .item_ttl {
    font-size: 24px;
  }
  .section-service .content .block .block_content .box .item .item_in2row {
    display: -webkit-box;
    display: flex;
  }
  .section-service .content .block .block_content .box .item .item_in2row .item_in2row_txt {
    width: 49%;
    margin-right: 2%;
  }
  .section-service .content .block .block_content .box .item .item_in2row .item_in2row_img {
    width: 49%;
  }
  .section-service .content .block .block_content .box .item .txt {
    font-size: 16px;
  }
  .section-service .content .block .block_content .box .item .add_btn {
    padding-top: 40px;
    padding-bottom: 10px;
    text-align: center;
  }
  .section-service .content .block .block_content .box .item .add_btn .btn {
    width: 380px;
    font-size: 18px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .section-service .content .block .block_content .box .item .add_btn .btn:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
  }
}
@media screen and (max-width: 640px) {
  .section-service .content .block {
    margin-bottom: 30px;
  }
  .section-service .content .block .block_content {
    padding: 30px 15px 35px;
  }
  .section-service .content .block .block_content .box .item:not(:last-child) {
    padding-bottom: 35px;
  }
  .section-service .content .block .block_content .box .item .item_ttl {
    font-size: 18px;
  }
  .section-service .content .block .block_content .box .item .txt {
    font-size: 14px;
  }
  .section-service .content .block .block_content .box .item .item_in2row .item_in2row_img {
    padding-top: 15px;
  }
  .section-service .content .block .block_content .box .item .add_btn {
    padding-top: 20px;
    text-align: center;
  }
  .section-service .content .block .block_content .box .item .add_btn .btn {
    width: 270px;
    font-size: 12px;
  }
}

.section-service .content .block .block_content .box .item .support_list {
}
.section-service .content .block .block_content .box .item .support_list > li .support_txt .support_ttl {
  color: #9f7d3a;
  font-weight: 500;
}
@media screen and (min-width: 641px) {
  .section-service .content .block .block_content .box .item .support_list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
  }
  .section-service .content .block .block_content .box .item .support_list.column-2 {
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .section-service .content .block .block_content .box .item .support_list > li {
    width: 31%;
  }
  .section-service .content .block .block_content .box .item .support_list:not(.column-2) > li:not(:nth-child(3n)) {
    margin-right: 3.5%;
  }
  .section-service .content .block .block_content .box .item .support_list.column-2 > li:nth-child(odd) {
    margin-right: 7%;
  }
  .section-service .content .block .block_content .box .item .support_list > li .support_img img {
    width: 100%;
  }
  .section-service .content .block .block_content .box .item .support_list > li .support_txt .support_ttl {
    padding-top: 20px;
    text-align: center;
    font-size: 18px;
  }
  .section-service .content .block .block_content .box .item .support_list > li .support_txt .txt {
    font-size: 14px;
    padding-top: 20px;
    text-align: justify;
  }
}
@media screen and (max-width: 640px) {
  .section-service .content .block .block_content .box .item .support_list {
    padding-bottom: 10px;
  }
  .section-service .content .block .block_content .box .item .support_list > li {
    display: -webkit-box;
    display: flex;
  }
  .section-service .content .block .block_content .box .item .support_list > li:not(:last-child) {
    padding-bottom: 35px;
  }
  .section-service .content .block .block_content .box .item .support_list > li .support_img {
    width: 86px;
  }
  .section-service .content .block .block_content .box .item .support_list > li .support_img img {
    width: 100%;
  }
  .section-service .content .block .block_content .box .item .support_list > li .support_txt {
    width: calc(100% - 86px);
    padding-left: 10px;
  }
  .section-service .content .block .block_content .box .item .support_list > li .support_txt .support_ttl {
    font-size: 14px;
  }
  .section-service .content .block .block_content .box .item .support_list > li .support_txt .txt {
    font-size: 12px;
  }
}

.section-service .content .block .block_content .box .item .mileclub .mileclub_img {
  text-align: center;
}
.section-service .content .block .block_content .box .item .mileclub .mileclub_img img {
  max-width: 100%;
}
@media screen and (min-width: 641px) {
  .section-service .content .block .block_content .box .item .mileclub {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
  }
  .section-service .content .block .block_content .box .item .mileclub .mileclub_img {
    padding-right: 45px;
  }
  .section-service .content .block .block_content .box .item .mileclub .mileclub_img img {
    width: 310px;
    padding-right: 45px;
  }
  .section-service .content .block .block_content .box .item .mileclub .mileclub_txt {
    width: calc(100% - 310px);
  }
  .section-service .content .block .block_content .box .item .mileclub .mileclub_txt .notes {
    padding-top: 20px;
    line-height: 2;
  }
}
@media screen and (max-width: 640px) {
  .section-service .content .block .block_content .box .item .mileclub .mileclub_img img {
    width: 220px;
  }
  .section-service .content .block .block_content .box .item .mileclub .mileclub_txt {
    padding-top: 20px;
  }
  .section-service .content .block .block_content .box .item .mileclub .mileclub_txt .txt {
    line-height: 1.75;
  }
}

.section-service .content .block .block_content .box .item .mile_point {
  display: -webkit-box;
  display: flex;
}
.section-service .content .block .block_content .box .item .mile_point .case {
  width: 50%;
}
.section-service .content .block .block_content .box .item .mile_point .case .case_head {
  background-color: #242424;
  color: #fff;
  text-align: center;
  padding: 5px;
}
.section-service .content .block .block_content .box .item .mile_point .case .case_body {
  text-align: center;
  position: relative;
  border-bottom: 1px solid #242424;
}
.section-service .content .block .block_content .box .item .mile_point .case .case_body .txt {
  display: block;
}
.section-service .content .block .block_content .box .item .mile_point .case .case_body .service-mile-img img {
  width: auto;
}
.section-service .content .block .block_content .box .item .mile_point .case:first-child .case_body:after {
  content: "";
  background-color: #242424;
  position: absolute;
  border-radius: 50%;
}
.section-service .content .block .block_content .box .item .mile_point .case:last-child .case_body:before,
.section-service .content .block .block_content .box .item .mile_point .case:last-child .case_body:after {
  content: "";
  background-color: #fff;
  position: absolute;
  height: 1px;
}
.section-service .content .block .block_content .box .item .mile_point .case:last-child .case_body:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
@media screen and (min-width: 641px) {
  .section-service .content .block .block_content .box .item .mile_point {
    padding-right: 50px;
    padding-left: 50px;
  }
  .section-service .content .block .block_content .box .item .mile_point .case {
    padding-right: 10px;
    padding-left: 10px;
  }
  .section-service .content .block .block_content .box .item .mile_point .case .case_head {
    font-size: 16px;
  }
  .section-service .content .block .block_content .box .item .mile_point .case .case_body {
    padding: 15px 15px 30px;
  }
  .section-service .content .block .block_content .box .item .mile_point .case .case_body .txt {
    padding-top: 0;
    padding-bottom: 10px;
  }
  .section-service .content .block .block_content .box .item .mile_point .case .case_body .service-mile-img img {
    height: 52px;
  }
  .section-service .content .block .block_content .box .item .mile_point .case:first-child .case_body:after {
    width: 50px;
    height: 50px;
    right: -35px;
    top: calc(50% - 25px);
  }
  .section-service .content .block .block_content .box .item .mile_point .case:last-child .case_body:before,
  .section-service .content .block .block_content .box .item .mile_point .case:last-child .case_body:after {
    width: 18px;
    left: -18px;
    top: calc(50% - 1px);
  }
}
@media screen and (max-width: 640px) {
  .section-service .content .block .block_content .box .item .mile_point .case {
    padding-right: 3px;
    padding-left: 3px;
  }
  .section-service .content .block .block_content .box .item .mile_point .case .case_head {
    font-size: 12px;
  }
  .section-service .content .block .block_content .box .item .mile_point .case .case_body {
    padding: 0 5px 15px;
  }
  .section-service .content .block .block_content .box .item .mile_point .case .case_body .service-mile-img img {
    height: 88px;
  }
  .section-service .content .block .block_content .box .item .mile_point .case:first-child .case_body:after {
    width: 30px;
    height: 30px;
    right: -16px;
    top: calc(50% - 15px);
  }
  .section-service .content .block .block_content .box .item .mile_point .case:last-child .case_body:before,
  .section-service .content .block .block_content .box .item .mile_point .case:last-child .case_body:after {
    width: 10px;
    left: -10px;
    top: calc(50% - 1px);
  }
  .section-service .content .block .block_content .box .item .mile_point .case .case_body .txt {
    font-size: 12px;
    padding-bottom: 10px;
  }
}

/** SECTION SPEC
==============================================*/
.section-spec .headline {
  text-align: center;
}
@media screen and (min-width: 641px) {
  .section-spec {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .section-spec .headline {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 640px) {
  .section-spec {
    padding-top: 55px;
    padding-bottom: 35px;
  }
  .section-spec .headline {
    padding-bottom: 40px;
  }
}

@media screen and (min-width: 641px) {
  .section-spec .content .spec_block {
    display: -webkit-box;
    display: flex;
  }
}
@media screen and (max-width: 640px) {
}

.section-spec .content .spec_block .spec_card .spec_card_img img {
  max-width: 100%;
}
.section-spec .content .spec_block .spec_card .spec_name_en {
  display: block;
  text-align: center;
}
.section-spec .content .spec_block .spec_card .spec_name_en img {
  max-width: 100%;
}
.section-spec .content .spec_block .spec_card .spec_name_ja {
  display: block;
  padding-top: 5px;
}
@media screen and (min-width: 641px) {
  .section-spec .content .spec_block .spec_card {
    width: 36%;
    padding-right: 45px;
  }
  .section-spec .content .spec_block .spec_card .spec_card_img img {
    width: 305px;
  }
  .section-spec .content .spec_block .spec_card .spec_name_en img {
    width: 320px;
  }
  .section-spec .content .spec_block .spec_card .spec_name_ja {
    font-size: 14px;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 640px) {
  .section-spec .content .spec_block .spec_card .spec_card_img {
    text-align: center;
    padding-bottom: 25px;
  }
  .section-spec .content .spec_block .spec_card .spec_card_img img {
    width: 200px;
  }
  .section-spec .content .spec_block .spec_card .spec_name_en img {
    width: 300px;
  }
  .section-spec .content .spec_block .spec_card .spec_name_ja {
    font-size: 13px;
    text-align: center;
    letter-spacing: 0.05em;
  }
}

.section-spec .content .spec_block .spec_dl > dt {
  border-bottom: 1px solid #c4c4c4;
  font-size: 14px;
}
.section-spec .content .spec_block .spec_dl > dd .txt {
  letter-spacing: 0.04em;
}
.section-spec .content .spec_block .spec_dl > dd .logo_list {
  display: -webkit-box;
  display: flex;
}
.section-spec .content .spec_block .spec_dl > dd .logo_list > li img {
  width: auto;
}
.section-spec .content .spec_block .spec_dl > dd .notes_box .notes_box_ttl_wrap {
  display: -webkit-box;
  display: flex;
  position: relative;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  align-items: center;
}
.section-spec .content .spec_block .spec_dl > dd .notes_box .notes_box_ttl_wrap:before {
  content: "";
  width: 24px;
  height: 24px;
  background-color: #9f7d3a;
  margin-right: 10px;
}
.section-spec .content .spec_block .spec_dl > dd .notes_box .notes_box_ttl_wrap .notes_box_ttl:before,
.section-spec .content .spec_block .spec_dl > dd .notes_box .notes_box_ttl_wrap .notes_box_ttl:after {
  content: "";
  width: 14px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  left: 5px;
  top: calc(50% - 1px);
}
.section-spec .content .spec_block .spec_dl > dd .notes_box .notes_box_ttl_wrap .notes_box_ttl:after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.section-spec .content .spec_block .spec_dl > dd .notes_box .accordion_dl > dt.active .notes_box_ttl_wrap .notes_box_ttl:after {
  opacity: 0;
}
.section-spec .content .spec_block .spec_dl > dd .notes_box .accordion_dl > dd {
  background-color: #f5f5f5;
}
.section-spec .content .spec_block .spec_dl > dd .notes_box .accordion_dl > dd .notes {
  line-height: 1.7;
  font-size: 12px;
}
.section-spec .content .spec_block .spec_dl > dd .notes_box .notes_box_ttl_wrap .notes_box_ttl {
  font-size: 14px;
}
.section-spec .content .spec_block .spec_dl > dd .notes_box .accordion_dl > dd {
  margin-top: 10px;
}
@media screen and (min-width: 641px) {
  .section-spec .content .spec_block .spec_dl {
    width: 64%;
  }
  .section-spec .content .spec_block .spec_dl > dt {
    padding-bottom: 10px;
  }
  .section-spec .content .spec_block .spec_dl > dd {
    padding-top: 10px;
    padding-bottom: 30px;
  }
  .section-spec .content .spec_block .spec_dl > dd .txt {
    font-size: 18px;
  }
  .section-spec .content .spec_block .spec_dl > dd .logo_list > li {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .section-spec .content .spec_block .spec_dl > dd .logo_list > li:not(:first-child) {
    padding-left: 20px;
  }
  .section-spec .content .spec_block .spec_dl > dd .logo_list > li img {
    max-height: 48px;
    min-height: 48px;
    height: 48px;
  }
  .section-spec .content .spec_block .spec_dl > dd .notes_box {
    padding-top: 15px;
  }
  .section-spec .content .spec_block .spec_dl > dd .notes_box .accordion_dl > dd {
    padding: 20px 25px;
  }
}
@media all and (-ms-high-contrast: none) {
  .section-spec .content .spec_block .spec_dl > dd .logo_list > li img {
    height: auto;
  }
}
@media screen and (max-width: 640px) {
  .section-spec .content .spec_block .spec_dl {
    padding-top: 40px;
  }
  .section-spec .content .spec_block .spec_dl > dt {
    padding-bottom: 5px;
  }
  .section-spec .content .spec_block .spec_dl > dd {
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 35px;
  }
  .section-spec .content .spec_block .spec_dl > dd .logo_list > li:not(:first-child) {
    padding-left: 10px;
  }
  .section-spec .content .spec_block .spec_dl > dd .logo_list > li {
    padding-top: 5px;
  }
  .section-spec .content .spec_block .spec_dl > dd .logo_list > li img {
    height: 38px;
  }
  .section-spec .content .spec_block .spec_dl > dd .notes_box {
    padding-top: 10px;
  }
  .section-spec .content .spec_block .spec_dl > dd .notes_box .accordion_dl > dd {
    padding: 20px 15px;
  }
}

.section-spec .content .btn_block {
}
@media screen and (min-width: 641px) {
  .section-spec .content .btn_block {
    margin-top: 30px;
  }
}
@media screen and (max-width: 640px) {
  .section-spec .content .btn_block .entry_btn {
    border-radius: 5px;
  }
}

/** SECTION STEP
==============================================*/
.section-step {
  background-color: #fff;
}
.section-step .headline {
  text-align: center;
  background-color: #242424;
}
.section-step .part-notes {
  display: flex;
  justify-content: center;
  background-color: #242424;
  padding: 0 0 2em;
  color: #fff;
}
@media screen and (min-width: 641px) {
  .section-step .headline {
    padding-top: 85px;
    padding-bottom: 70px;
  }
  .section-step .headline .headline_title {
    font-size: 32px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
  }
  .section-step .headline .headline_title .sub {
    margin-left: 10px;
  }
}
@media screen and (max-width: 640px) {
  .section-step {
    padding-bottom: 0;
  }
  .section-step .headline {
    padding-top: 45px;
    padding-bottom: 30px;
  }
  .section-step .headline .headline_title {
    font-size: 20px;
  }
  .section-step .headline .headline_title .sub {
    margin-top: 10px;
  }
}

.section-step .content {
  position: relative;
  background: -webkit-linear-gradient(left, rgba(255, 253, 246, 1), rgba(174, 153, 88, 1));
  background: linear-gradient(90deg, rgba(255, 253, 246, 1), rgba(174, 153, 88, 1));
}
@media screen and (min-width: 641px) {
  .section-step .content.row {
    padding: 0;
    max-width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .section-step .content {
    padding-top: 25px;
  }
}
.section-step .content .slide_step {
  counter-reset: number;
  margin-bottom: 0;
}
.section-step .content .slide_step .slick-slide {
  padding: 0 10px;
  outline: none;
}
.section-step .content .slide_step .slick-slide > div {
  width: 100%;
}
.section-step .content .slide_step li .step_title {
  text-align: left;
}
.section-step .content .slide_step li .step_title span {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  font-size: 15px;
  padding-bottom: 7px;
  position: relative;
  letter-spacing: 0;
}
.section-step .content .slide_step li .step_title span:before {
  counter-increment: number;
  content: counter(number);
  font-size: 24px;
  margin-right: 10px;
  font-family: "Manrope", sans-serif;
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  background-color: #9f7d3a;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  color: #fff;
  font-weight: 400;
}
.section-step .content .slide_step li .step_cont {
  text-align: center;
  position: relative;
  padding: 10px 20px;
}
.section-step .content .slide_step .slick-slide:not(:last-of-type) .step_cont:after {
  content: "";
  position: absolute;
  right: -10px;
  top: 45%;
  border-style: solid;
  border-width: 13px 0 13px 13px;
  border-color: transparent transparent transparent #9f7d3a;
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
.section-step .content .slide_step li.fade {
  text-align: center;
}
.section-step .content .slide_step li .notes {
  display: inline-block;
  margin: 0 auto;
  max-width: 100%;
}
.section-step .content .slide_step li .notes > li {
  text-align: left;
  letter-spacing: 0;
}
@media screen and (min-width: 641px) {
  .section-step .content .slide_step {
    padding-top: 30px;
    padding-bottom: 15px;
  }
  .section-step .content .slide_step li .notes {
    font-size: 12px;
    width: 240px;
  }
}
@media screen and (max-width: 640px) {
  .section-step .content .slide_step {
    padding-bottom: 10px;
  }
  .section-step .content .slide_step .slick-slide:not(:last-of-type) li .step_cont:after {
    right: 10px;
  }
  .section-step .content .slide_step li .step_title span {
    height: 4em;
  }
}
.section-step .content .slide_step li .step_cont img {
  margin: 0 auto;
  width: 340px;
  max-width: 100%;
}
.section-step .content .slide_step li .step_cont figcaption {
  position: absolute;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  top: 10px;
  right: -20px;
  width: 110px;
  height: 105px;
  background: url(../img/bg-circle.png) no-repeat center center;
  background-size: 100% 100%;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.3;
  color: #fff;
}
.section-step .content .slide_step .slick-dots {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  background-color: #242424;
  bottom: -15px;
  position: relative;
}
.section-step .content .slide_step .slick-dots li {
  padding: 0;
  border: 1px solid #9f7d3a;
  background-color: #fff;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  opacity: 1;
  margin: 0 10px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.section-step .content .slide_step .slick-dots li.slick-active {
  background-color: #9f7d3a;
  width: 14px;
  height: 14px;
}
.slick-dots li button:before {
  display: none;
}
.section-step .slick-prev,
.section-step .slick-next,
.section-step .slick-prev:hover,
.section-step .slick-next:hover,
.section-step .slick-prev:active,
.section-step .slick-next:active,
.section-step .slick-prev:focus,
.section-step .slick-next:focus {
  background: none;
  background-color: transparent;
}
.section-step .slick-prev.slick-disabled,
.section-step .slick-next.slick-disabled {
  visibility: hidden;
}
.section-step .slick-prev {
  left: 0;
  width: 50%;
  height: 100%;
  top: 0;
  opacity: 1;
  z-index: 1;
}
.section-step .slick-next {
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  opacity: 1;
}
.section-step .slick-prev:before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-style: solid;
  border-width: 13px 13px 13px 0;
  border-color: transparent transparent transparent transparent;
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
@media screen and (min-width: 641px) {
  .section-step .content .slide_step .slick-dots {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 640px) {
  .section-step .slick-prev:before {
    border-color: transparent transparent transparent #fff;
  }
  .section-step .content .slide_step .slick-dots {
    bottom: -10px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .section-step .content .slide_step .slick-dots li {
    width: 8px;
    height: 8px;
    margin: 0 7px;
  }
  .section-step .content .slide_step .slick-dots li.slick-active {
    width: 10px;
    height: 10px;
  }
}
.section-step .slick-next:before {
  content: "";
  width: 100%;
  height: 100%;
  border-style: solid;
  border-width: 13px 0 13px 13px;
  border-color: transparent transparent transparent transparent;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  top: 0;
  right: 0;
}
@media screen and (max-width: 640px) {
  .section-step .slick-prev {
    height: auto;
    top: 60%;
    width: auto;
    left: 20px;
  }
  .section-step .slick-prev:before {
    display: none;
  }
  .section-step .slick-next {
    height: auto;
    top: 60%;
    width: auto;
    right: 20px;
  }
  .section-step .slick-next:before {
    display: none;
  }
}

/** SECTION FAQ
==============================================*/
.section-faq {
  background-color: #f5f5f5;
}
@media screen and (min-width: 641px) {
  .section-faq {
    padding: 75px 0 120px;
  }
  .section-faq .headline {
    padding-bottom: 50px;
  }
  .section-faq .headline .headline_title {
    font-size: 24px;
  }
}
@media screen and (max-width: 640px) {
  .section-faq {
    padding: 50px 0 65px;
  }
  .section-faq .headline {
    padding-bottom: 30px;
  }
  .section-faq .headline .headline_title {
    font-size: 20px;
  }
}
@media screen and (min-width: 641px) {
  .section-faq .content {
    padding-right: 70px;
    padding-left: 70px;
    padding-bottom: 75px;
  }
}
@media screen and (max-width: 640px) {
  .section-faq .content {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.section-faq .content .accordion_dl {
  counter-reset: number;
}
.section-faq .content .accordion_dl > dt {
  display: -webkit-box;
  display: flex;
  position: relative;
  border-bottom: 1px solid #9f7d3a;
}
.section-faq .content .accordion_dl > dt:before {
  counter-increment: number;
  content: counter(number, decimal-leading-zero) " ";
  background-color: #9f7d3a;
  color: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  font-family: "Manrope", sans-serif;
}
.section-faq .content .accordion_dl > dt .txt {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  align-items: center;
}
.section-faq .content .accordion_dl > dt .txt:before,
.section-faq .content .accordion_dl > dt .txt:after {
  content: "";
  width: 16px;
  height: 2px;
  background-color: #9f7d3a;
  position: absolute;
}
.section-faq .content .accordion_dl > dt .txt:before {
  right: 5px;
  top: calc(50% - 1px);
}
.section-faq .content .accordion_dl > dt .txt:after {
  right: 5px;
  top: calc(50% - 1px);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.section-faq .content .accordion_dl > dt.active .txt:after {
  opacity: 0;
}
@media screen and (min-width: 641px) {
  .section-faq .content .accordion_dl > dt:not(:first-child) {
    margin-top: 5px;
  }
  .section-faq .content .accordion_dl > dt:before {
    padding: 20px 30px;
    font-size: 18px;
    width: 60px;
  }
  .section-faq .content .accordion_dl > dt .txt {
    padding: 10px 40px 10px 20px;
    width: calc(100% - 60px);
  }
}
@media screen and (max-width: 640px) {
  .section-faq .content .accordion_dl > dt {
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
  }
  .section-faq .content .accordion_dl > dt:before {
    padding: 5px;
    font-size: 14px;
    width: 30px;
    height: 30px;
  }
  .section-faq .content .accordion_dl > dt .txt {
    padding: 10px 25px 10px 15px;
    width: calc(100% - 30px);
  }
}

.section-faq .content .accordion_dl > dd > *:not(:first-child) {
  margin-top: 1em;
}
.section-faq .content .accordion_dl > dd:last-of-type {
  padding-bottom: 0;
}
.section-faq .content .accordion_dl > dd .img {
  display: block;
}
.section-faq .content .accordion_dl > dd .bg {
  background-color: #fff;
}
@media screen and (min-width: 641px) {
  .section-faq .content .accordion_dl > dd {
    padding: 30px 30px 50px;
  }
  .section-faq .content .accordion_dl > dd .bg {
    padding: 20px 40px;
  }
}
@media screen and (max-width: 640px) {
  .section-faq .content .accordion_dl > dd {
    padding: 20px 15px 30px;
  }
  .section-faq .content .accordion_dl > dd .bg {
    padding: 20px;
  }
}

@media screen and (min-width: 641px) {
  .faq-genre:not(:first-child) {
    margin-top: 50px;
  }
}
@media screen and (max-width: 640px) {
  .faq-genre:not(:first-child) {
    margin-top: 25px;
  }
}

.faq-genre__title {
  text-align: center;
  background-color: #9f7d3a;
  color: #fff;
  font-weight: 400;
  padding: 0.5em;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 641px) {
  .faq-genre__title {
    font-size: 20px;
  }
}
@media screen and (max-width: 640px) {
}

/** SECTION MOVIE
==============================================*/
.section-movie {
  background-color: #f1eeea;
}
@media screen and (min-width: 641px) {
  .section-movie {
    /* padding-top: 100px; */
  }
  .section-movie .section-content {
    padding: 40px 90px 95px;
  }
}
@media screen and (max-width: 640px) {
  .section-movie {
    /* padding-top: 50px; */
  }
  .section-movie .section-content {
    padding: 20px 10px 25px;
  }
}

.section-movie .headline .headline_title {
  text-align: center;
  color: #9f7d3a;
  font-weight: 700;
}
.section-movie .headline .headline_lead {
  border-top: 2px solid #9f7d3a;
  border-bottom: 2px solid #9f7d3a;
  text-align: center;
  line-height: 1.5;
  font-weight: 700;
}
.section-movie .headline .headline_lead .em_gold {
  color: #9f7d3a;
  font-style: normal;
}
@media screen and (min-width: 641px) {
  .section-movie .section-content {
    padding: 40px 90px 95px;
  }
  .section-movie .headline {
    padding-bottom: 45px;
    padding-right: 90px;
    padding-left: 90px;
  }
  .section-movie .headline .headline_title {
    font-size: 22px;
  }
  .section-movie .headline .headline_lead {
    font-size: 26px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 640px) {
  .section-movie .headline {
  }
  .section-movie .section-content {
    padding: 20px 10px 25px;
  }
  .section-movie .headline .headline_title {
    padding-bottom: 15px;
    font-size: 12px;
  }
  .section-movie .headline .headline_lead {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.movie_block .video {
  position: relative;
  padding: 0;
  text-align: center;
}
.movie_block .video:before {
  bottom: 0;
  left: 0;
}
.movie_block .video:after {
  top: 0;
  right: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.youtube_movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.movie_block .video {
  position: relative;
  width: 100%;
}
.youtube_movie .thumb,
.movie_block .video .thum {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /* transform: translateX(-50%); */
  z-index: 1;
  cursor: pointer;
}
.youtube_movie .thumb img,
.movie_block .video .thum img {
  width: 100%;
}

.youtube_movie,
.movie_block .video video {
  width: 100%;
}
.youtube_movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}








.movie_block.type-youtube iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.movie_block.type-youtube .video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.movie_block.type-youtube .thum{
	height: 100%;
}
.movie_block.type-youtube .thum img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.movie_block.type-youtube .thum:after{
	content: "";
	position: absolute;
	display: block;
	width: 92px;
	height: 92px;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX2xsXzIiIGRhdGEtbmFtZT0ibGwgMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDkyIDkyIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWx0ZXI6IHVybCgjZHJvcC1zaGFkb3ctMSk7CiAgICAgIH0KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgb3BhY2l0eTogLjQ7CiAgICAgIH0KCiAgICAgIC5jbHMtMiwgLmNscy0zIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICB9CiAgICA8L3N0eWxlPgogICAgPGZpbHRlciBpZD0iZHJvcC1zaGFkb3ctMSIgeD0iLTYiIHk9Ii0zIiB3aWR0aD0iMTA0IiBoZWlnaHQ9IjEwNCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPGZlT2Zmc2V0IGR4PSIwIiBkeT0iMyIvPgogICAgICA8ZmVHYXVzc2lhbkJsdXIgcmVzdWx0PSJibHVyIiBzdGREZXZpYXRpb249IjIiLz4KICAgICAgPGZlRmxvb2QgZmxvb2QtY29sb3I9IiMwMDAiIGZsb29kLW9wYWNpdHk9Ii4zIi8+CiAgICAgIDxmZUNvbXBvc2l0ZSBpbjI9ImJsdXIiIG9wZXJhdG9yPSJpbiIvPgogICAgICA8ZmVDb21wb3NpdGUgaW49IlNvdXJjZUdyYXBoaWMiLz4KICAgIDwvZmlsdGVyPgogIDwvZGVmcz4KICA8ZyBpZD0iX2xsXzEtMiIgZGF0YS1uYW1lPSJsbCAxIj4KICAgIDxnPgogICAgICA8ZyBjbGFzcz0iY2xzLTEiPgogICAgICAgIDxjaXJjbGUgY2xhc3M9ImNscy0yIiBjeD0iNDYiIGN5PSI0NiIgcj0iNDYiLz4KICAgICAgICA8cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik00NiwyYzI0LjI2LDAsNDQsMTkuNzQsNDQsNDRzLTE5Ljc0LDQ0LTQ0LDQ0UzIsNzAuMjYsMiw0NiwyMS43NCwyLDQ2LDJNNDYsMEMyMC41OSwwLDAsMjAuNTksMCw0NnMyMC41OSw0Niw0Niw0Niw0Ni0yMC41OSw0Ni00NlM3MS40MSwwLDQ2LDBoMFoiLz4KICAgICAgPC9nPgogICAgICA8cG9seWdvbiBjbGFzcz0iY2xzLTMiIHBvaW50cz0iNjAgNDUuNSAzNiA1OS41IDM2IDMyLjUgNjAgNDUuNSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+");
}
@media screen and (max-width: 640px) {
	.movie_block.type-youtube .thum:after{
		width: 12vw;
		height: 12vw;
	}
}















/** ENTRY BTN
==============================================*/
.btn_wrap {
  text-align: center;
}
.btn_wrap .entry_btn_pop {
  display: inline-block;
  font-size: 18px;
  color: #fff;
  background-color: #e83828;
  padding: 25px;
  line-height: 1;
  max-width: 303px;
  width: 100%;
  font-weight: 600;
  -ms-box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.6);
  text-decoration: none;
}
.btn_wrap .entry_btn_pop span {
  display: block;
  font-size: 14px;
  color: #fff;
  letter-spacing: 0.1em;
}
.btn_wrap .notes {
  display: block;
  padding-top: 0.5em;
}
.modal_btn_container {
  max-width: 600px;
  background: #ffffff;
  margin: 0 auto;
  text-align: center;
  padding: 50px;
}
.btn-block {
  padding: 0 30px;
}
@media screen and (max-width: 768px) {
  .btn-block {
    padding: 0;
  }
}
.btn-block .btn-offer {
  display: block;
  background: -webkit-linear-gradient(-45deg, rgba(185, 119, 50, 1) 0%, rgba(185, 119, 50, 0.5) 12.79%, rgba(185, 119, 50, 1) 25.64%);
  background: -webkit-gradient(linear, 12.34% -106.27%, 85.47% 197.15%, color-stop(0, rgba(185, 119, 50, 1)), color-stop(0.1279, rgba(185, 119, 50, 0.5)), color-stop(0.2564, rgba(185, 119, 50, 1)));
  background: -ms-linear-gradient(-45deg, rgba(185, 119, 50, 1) 0%, rgba(185, 119, 50, 0.5) 12.79%, rgba(185, 119, 50, 1) 25.64%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#19197d', endColorstr='#19197d' ,GradientType=0)";
  background: -webkit-linear-gradient(315deg, rgba(185, 119, 50, 1) 0%, rgba(185, 119, 50, 0.5) 12.79%, rgba(185, 119, 50, 1) 25.64%);
  background: linear-gradient(135deg, rgba(185, 119, 50, 1) 0%, rgba(185, 119, 50, 0.5) 12.79%, rgba(185, 119, 50, 1) 25.64%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#19197d',endColorstr='#19197d' , GradientType=1);
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  padding: 22px 15px;
  border-radius: 6px;
  text-decoration: none;
  margin-bottom: 20px;
}
.btn-block .btn-offer.notes_bottom {
  margin-bottom: 1em;
}

.btn-block .btn-kantan {
  display: block;
  background: -webkit-linear-gradient(-45deg, rgba(169, 46, 42, 1) 0%, rgba(169, 46, 42, 0.5) 12.79%, rgba(169, 46, 42, 1) 25.64%);
  background: -webkit-gradient(linear, 12.34% -106.27%, 85.47% 197.15%, color-stop(0, rgba(169, 46, 42, 1)), color-stop(0.1279, rgba(169, 46, 42, 0.5)), color-stop(0.2564, rgba(169, 46, 42, 1)));
  background: -ms-linear-gradient(-45deg, rgb(169, 46, 42) 0%, rgba(169, 46, 42, 0.5) 12.79%, rgba(169, 46, 42, 1) 25.64%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c', endColorstr='#3c3c3c' ,GradientType=0)";
  background: -webkit-linear-gradient(315deg, rgba(169, 46, 42, 1) 0%, rgba(169, 46, 42, 0.5) 12.79%, rgba(169, 46, 42, 1) 25.64%);
  background: linear-gradient(135deg, rgba(169, 46, 42, 1) 0%, rgba(169, 46, 42, 0.5) 12.79%, rgba(169, 46, 42, 1) 25.64%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c',endColorstr='#3c3c3c' , GradientType=1);
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 15px;
  border-radius: 6px;
  text-decoration: none;
  line-height: 1.5;
  margin-bottom: 20px;
}

.btn-block .notes {
  margin-top: 5px;
  margin-bottom: 20px;
  font-size: 14px;
}
.btn-block .notes a {
  color: #00a0e9;
  text-decoration: underline;
}

.btn-block .btn-kantan span {
  font-size: 14px;
}

.mwacTitle01 {
  padding: 0 30px;
  display: block;
}

.mwacTitle01 a {
  background: #ededed;
  border-radius: 50px;
  padding: 10px;
  display: block;
  font-size: 14px;
  color: #333;
  text-decoration: none;
  position: relative;
}

.mwacTitle01 a::after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  top: 13px;
  right: 30px;
  border-left: 1px solid #333;
  border-bottom: 1px solid #333;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mwacTitle01 a.open::after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  top: 20px;
}

.mwacContents {
  line-height: 1.8;
  text-align: left;
  margin: 20px 0 0;
  display: none;
  padding: 0 30px;
  font-size: 13px;
}

.mwacContents p {
  margin-bottom: 1.5em;
  text-align: left;
}
.mwacContents .note li {
  text-align: left;
}
.mwacContents .note li.gray {
  color: #777;
}

.modalTitle04 {
  font-size: 16px;
  font-weight: bold;
  color: #000;
  margin-top: 20px;
}

.modalTitle01 {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  margin-top: 20px;
}

.modalTitle03 {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  text-align: center;
  margin-bottom: 20px;
}

.stepBody {
  background: #ebebeb;
  padding: 20px;
  margin: 0;
}

.stepBody .inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.stepBody .inner .img {
  width: 48%;
}

.stepBody .inner .text {
  width: 48%;
}

.stepBlock {
  position: relative;
  margin-top: 34px;
}

.stepBlock + .stepBlock::before {
  content: "";
  display: block;
  position: absolute;
  top: -24px;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 23px 0 23px;
  border-color: #000 transparent transparent transparent;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.modal_btn_att {
  text-align: left;
  margin: 10px 0 0;
  font-size: 16px;
  color: #ed8aa8;
  display: inline-block;
}
.mwacContents img {
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .modal_btn_container {
    max-width: 600px;
    background: #ffffff;
    margin: 0 auto;
    text-align: center;
    padding: 20px;
  }

  .btn-block .btn-offer {
    display: block;
    background: -webkit-linear-gradient(-45deg, rgba(185, 119, 50, 1) 0%, rgba(185, 119, 50, 0.5) 12.75%, rgba(185, 119, 50, 1) 25.64%);
    background: -webkit-gradient(linear, 13.58% -101.13%, 88.7% 210.56%, color-stop(0, rgba(185, 119, 50, 1)), color-stop(0.1275, rgba(185, 119, 50, 0.5)), color-stop(0.2564, rgba(185, 119, 50, 1)));
    background: -ms-linear-gradient(-45deg, rgba(185, 119, 50, 1) 0%, rgba(185, 119, 50, 0.5) 12.75%, rgba(185, 119, 50, 1) 25.64%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ED8AA8', endColorstr='#DB817C' ,GradientType=0)";
    background: -webkit-linear-gradient(315deg, rgba(185, 119, 50, 1) 0%, rgba(185, 119, 50, 0.5) 12.75%, rgba(185, 119, 50, 1) 25.64%);
    background: linear-gradient(135deg, rgba(185, 119, 50, 1) 0%, rgba(185, 119, 50, 0.5) 12.75%, rgba(185, 119, 50, 1) 25.64%);
    box-shadow: 0px 0px 2px rgba(94, 40, 27, 0.55);
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#5E281B') progid:DXImageTransform.Microsoft.gradient(startColorstr='#ED8AA8',endColorstr='#DB817C' , GradientType=1);
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding: 21px 15px;
    border-radius: 6px;
    text-decoration: none;
    margin-bottom: 20px;
  }

  .btn-block .btn-kantan {
    display: block;
    background: -webkit-linear-gradient(-45deg, rgba(169, 46, 42, 1) 0%, rgba(169, 46, 42, 0.5) 12.79%, rgba(169, 46, 42, 1) 25.64%);
    background: -webkit-gradient(linear, 12.34% -106.27%, 85.47% 197.15%, color-stop(0, rgba(169, 46, 42, 1)), color-stop(0.1279, rgba(169, 46, 42, 0.5)), color-stop(0.2564, rgba(169, 46, 42, 1)));
    background: -ms-linear-gradient(-45deg, rgb(169, 46, 42) 0%, rgba(169, 46, 42, 0.5) 12.79%, rgba(169, 46, 42, 1) 25.64%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c', endColorstr='#3c3c3c' ,GradientType=0)";
    background: -webkit-linear-gradient(315deg, rgba(169, 46, 42, 1) 0%, rgba(169, 46, 42, 0.5) 12.79%, rgba(169, 46, 42, 1) 25.64%);
    background: linear-gradient(135deg, rgba(169, 46, 42, 1) 0%, rgba(169, 46, 42, 0.5) 12.79%, rgba(169, 46, 42, 1) 25.64%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c',endColorstr='#3c3c3c' , GradientType=1);
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 15px;
    border-radius: 6px;
    text-decoration: none;
    line-height: 1.5;
    margin-bottom: 20px;
  }

  .btn-block .btn-kantan span {
    font-size: 12px;
  }

  .mwacTitle01 {
    padding: 0;
  }

  .mwacTitle01 a {
    background: #ededed;
    border-radius: 50px;
    padding: 10px;
    display: block;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    position: relative;
  }

  .mwacTitle01 a::after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 13px;
    right: 30px;
    border-left: 1px solid #333;
    border-bottom: 1px solid #333;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .mwacTitle01 a.open::after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 20px;
  }

  .mwacContents {
    line-height: 1.8;
    text-align: left;
    margin: 10px 0 0;
    padding: 0;
    display: none;
  }

  .mwacContents p {
    margin-bottom: 1.5em;
  }

  .modalTitle04 {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin-top: 20px;
  }

  .modalTitle01 {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin-top: 20px;
  }

  .modalTitle03 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    text-align: center;
    margin-bottom: 20px;
  }

  .stepBody {
    background: #f3f3f3;
    padding: 20px;
  }

  .stepBody .inner {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .stepBody .inner .img {
    width: 48%;
  }

  .stepBody .inner .text {
    width: 48%;
  }

  .stepBlock {
    position: relative;
    margin-top: 34px;
  }

  .stepBlock + .stepBlock::before {
    content: "";
    display: block;
    position: absolute;
    top: -24px;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 23px 0 23px;
    border-color: #000 transparent transparent transparent;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .modal_btn_att {
    text-align: left;
    margin: 10px 0 0;
    font-size: 13px;
    color: #ed8aa8;
  }
}

/* @end */

/** MODAL HEADLINE
==============================================*/
.modal-cont .block_headline .block_headline_lead {
  padding-top: 1em;
}
.modal-cont .block_headline .block_headline_title {
  text-align: center;
}
@media only screen and (min-width: 641px) {
  .modal-cont .block_headline {
    padding-bottom: 30px;
  }
  .modal-cont .block_headline .block_headline_title {
    font-size: 25px;
  }
  .modal-cont .block_headline .block_headline_lead {
    font-size: 16px;
  }
}
@media only screen and (max-width: 640px) {
  .modal-cont .block_headline {
    padding-top: 20px;
    padding-bottom: 10px;
  }
  .modal-cont .block_headline .block_headline_title {
    font-size: 18px;
  }
  .modal-cont .block_headline .block_headline_lead {
    font-size: 13px;
    line-height: 1.5;
  }
}

/** MODAL MILE NOTES BOX
==============================================*/
.section-service .content .block .mile .mile_notes {
  margin-top: 0.5em;
}
.section-service .content .block .mile .mile_notes .underline {
  text-decoration: underline;
  color: #c41d1f;
  font-weight: 500;
  position: relative;
  padding-left: 1em;
  display: inline-block;
}
.section-service .content .block .mile .mile_notes .underline:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #c41d1f;
  position: absolute;
  left: 0;
}
@media only screen and (min-width: 641px) {
  .section-service .content .block .mile .mile_notes .underline {
    font-size: 14px;
  }
  .section-service .content .block .mile .mile_notes {
    text-align: right;
  }
  .section-service .content .block .mile .mile_notes .underline:before {
    border-width: 8px 0 8px 10px;
    top: 0.3em;
  }
}
@media only screen and (max-width: 640px) {
  .section-service .content .block .mile .mile_notes .underline {
    font-size: 12px;
  }
  .section-service .content .block .mile .mile_notes .underline:before {
    border-width: 6px 0 6px 8px;
    top: 0.5em;
  }
}

.mile_notes_modal_box > *:not(:last-child) {
  margin-bottom: 10px;
}
@media only screen and (min-width: 641px) {
  .mile_notes_modal_box .notes > li {
    font-size: 12px;
  }
}
@media only screen and (max-width: 640px) {
  .mile_notes_modal_box .notes > li {
    font-size: 10px;
  }
}
.mile_notes_table {
  background-color: #fff;
  width: 100%;
  table-layout: fixed;
  border: 1px solid;
  word-break: break-all;
  word-wrap: break-all;
}
.mile_notes_modal_box .txt {
  text-align: left;
}
.mile_notes_table th {
  border-bottom: 1px solid;
}
.mile_notes_table tr th:first-child,
.mile_notes_table tr td:first-child {
  background-color: #f5f5f5;
}
.mile_notes_table tr th:nth-child(2),
.mile_notes_table tr td:nth-child(2) {
  border-left: 1px solid;
  border-right: 1px solid;
}
.mile_notes_table tr th:not(:first-child),
.mile_notes_table tr td:not(:first-child) {
  background-color: rgba(196, 29, 31, 0.1);
}
.mile_notes_table tr td .small {
  display: inline-block;
  line-height: 1.2;
}
@media only screen and (min-width: 641px) {
  .mile_notes_modal_box .txt {
    font-size: 16px;
  }
  .mile_notes_table tr th,
  .mile_notes_table tr td {
    font-size: 13px;
    padding: 10px;
  }
  .mile_notes_table tr td .small {
    font-size: 12px;
  }
}
@media only screen and (max-width: 640px) {
  .mile_notes_table .txt {
    font-size: 14px;
  }
  .mile_notes_table tr th,
  .mile_notes_table tr td {
    font-size: 12px;
    padding: 5px;
  }
  .mile_notes_table tr td .small {
    font-size: 10px;
  }
}

.mileclub_notes {
  font-size: 12px;
  color: #ff0000;
  text-decoration: underline;
  display: inline-block;
  line-height: 1.3;
}
@media only screen and (max-width: 640px) {
  .mileclub_notes {
    text-align: center;
  }
}

/** MODAL INCENTIVE
==============================================*/
.modal-cont .incentive_block:not(:first-child) {
  margin-top: 2em;
}
.modal-cont .incentive_block .block_content > *:not(:last-child) {
  margin-bottom: 1em;
}
.modal-cont .incentive_block .txt {
  text-align: left;
}
.modal-cont .incentive_block .notes {
  font-size: 12px;
}

.modal-cont .incentive_block .incentive_dl {
  counter-reset: number;
}
@media only screen and (min-width: 641px) {
  .modal-cont .incentive_block .incentive_dl {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
  }
}
.modal-cont .incentive_block .incentive_dl dt,
.modal-cont .incentive_block .incentive_dl dd {
  background-color: #f0f0f0;
}
.modal-cont .incentive_block .incentive_dl > dd:not(:last-of-type) {
  margin-bottom: 10px;
}
.modal-cont .incentive_block .incentive_dl > dt .coin_bg {
  background-color: #242424;
  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;
  padding: 5px;
}
.modal-cont .incentive_block .incentive_dl > dt .incentive {
  color: #ae9958;
  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;
  line-height: 1;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  padding-top: 3px;
}
.modal-cont .incentive_block .incentive_dl > dt .incentive:after {
  counter-increment: number;
  content: counter(number);
  font-family: "Manrope", sans-serif;
  margin-top: 2px;
}
@media only screen and (min-width: 641px) {
  .modal-cont .incentive_block .incentive_dl > dt {
    width: 20%;
    padding: 25px;
  }
  .modal-cont .incentive_block .incentive_dl > dt:not(:last-of-type) {
    margin-bottom: 10px;
  }
  .modal-cont .incentive_block .incentive_dl > dt .coin_bg {
    width: 110px;
    height: 110px;
  }
  .modal-cont .incentive_block .incentive_dl > dt .incentive {
    font-size: 21px;
  }
  .modal-cont .incentive_block .incentive_dl > dt .incentive:after {
    font-size: 50px;
  }
}
@media only screen and (max-width: 640px) {
  .modal-cont .incentive_block .incentive_dl > dt {
    padding: 10px 10px 0;
  }
  .modal-cont .incentive_block .incentive_dl > dt .coin_bg {
    margin: 0 auto;
    width: 80px;
    height: 80px;
  }
  .modal-cont .incentive_block .incentive_dl > dt .incentive {
    font-size: 18px;
  }
  .modal-cont .incentive_block .incentive_dl > dt .incentive:after {
    font-size: 30px;
  }
}

.modal-cont .incentive_block .incentive_dl > dd .txt {
  text-align: center;
}
.modal-cont .incentive_block .incentive_dl > dd .txt .em_key_color {
  font-style: normal;
  color: #ae9958;
  font-weight: 700;
}
@media only screen and (min-width: 641px) {
  .modal-cont .incentive_block .incentive_dl > dd {
    width: 80%;
    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;
    padding: 25px 20px 25px 0;
  }
  .modal-cont .incentive_block .incentive_dl > dd .txt {
    font-size: 18px;
  }
  .modal-cont .incentive_block .incentive_dl > dd .txt .em_key_color {
    font-size: 25px;
  }
}
@media only screen and (max-width: 640px) {
  .modal-cont .incentive_block .incentive_dl > dd {
    padding: 10px;
  }
  .modal-cont .incentive_block .incentive_dl > dd .txt {
    font-size: 13px;
  }
  .modal-cont .incentive_block .incentive_dl > dd .txt .em_key_color {
    font-size: 18px;
  }
}

.modal-cont .incentive_block .wide_box {
  padding-left: 10px;
  padding-right: 10px;
}

.modal-cont .incentive_block .info_dl > dt {
  text-align: left;
  border-top: 1px solid #3c3c3c;
}
.modal-cont .incentive_block .info_dl > dd > *:not(:first-child) {
  margin-top: 1em;
}
.modal-cont .incentive_block .info_dl > dd .numbering_list > li {
  text-align: left;
  text-indent: -1em;
  padding-left: 1em;
}
@media only screen and (min-width: 641px) {
  .modal-cont .incentive_block .info_dl {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
  }
  .modal-cont .incentive_block .info_dl > dd {
    border-top: 1px solid #3c3c3c;
  }
  .modal-cont .incentive_block .info_dl > dt {
    width: 20%;
    padding: 20px 10px;
    font-size: 16px;
  }
  .modal-cont .incentive_block .info_dl > dd {
    width: 80%;
    padding: 20px 10px 20px 0;
  }
  .modal-cont .incentive_block .info_dl > dd .txt {
    font-size: 16px;
  }
  .modal-cont .incentive_block .info_dl > dd .numbering_list > li {
    font-size: 16px;
  }
}
@media only screen and (max-width: 640px) {
  .modal-cont .incentive_block .info_dl > dt {
    padding: 10px 10px 5px;
    font-size: 14px;
  }
  .modal-cont .incentive_block .info_dl > dd {
    padding: 0 10px 10px 10px;
  }
  .modal-cont .incentive_block .info_dl > dd .txt {
    font-size: 13px;
  }
  .modal-cont .incentive_block .info_dl > dd .numbering_list > li {
    font-size: 13px;
  }
}

/** MODAL TABLE
==============================================*/
.modal-cont {
  padding-bottom: 20px;
}
.modal-cont .block_content .table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.modal-cont .block_content .table thead {
  background-color: #f0f0f0;
}
.modal-cont .block_content .table thead th {
  padding: 20px;
  text-align: center;
}
.modal-cont .block_content .table thead .card_img img {
  max-width: 100%;
}
.modal-cont .block_content .table thead .card_name {
  padding-top: 10px;
}
@media only screen and (min-width: 641px) {
  .modal-cont .block_content .table thead .card_img img {
    width: 160px;
  }
  .modal-cont .block_content .table thead .card_name {
    font-size: 14px;
  }
}
@media only screen and (max-width: 640px) {
  .modal-cont .block_content .table thead .card_img img {
    width: 120px;
  }
  .modal-cont .block_content .table thead .card_name {
    font-size: 12px;
  }
}

.modal-cont .block_content .table tbody tr:nth-child(odd) {
  background-color: #fff;
}
.modal-cont .block_content .table tbody tr:nth-child(even) {
  background-color: #f0f0f0;
}

.modal-cont .block_content .table tbody tr th:not(:last-child),
.modal-cont .block_content .table tbody tr td:not(:last-child) {
  border-right: 1px solid #3c3c3c;
}
.modal-cont .block_content .table tbody tr th,
.modal-cont .block_content .table tbody tr td {
  padding: 10px;
  vertical-align: middle;
}
@media only screen and (min-width: 641px) {
  .modal-cont .block_content .table tbody tr th .txt,
  .modal-cont .block_content .table tbody tr td .txt {
    font-size: 14px;
  }
}
@media only screen and (max-width: 640px) {
  .modal-cont .block_content .table tbody tr th .txt,
  .modal-cont .block_content .table tbody tr td .txt {
    font-size: 12px;
  }
}

.modal-cont .block_content .table tbody tr td .btn {
  font-size: 14px;
  color: #fff;
  border-radius: 5px;
  background-color: #9f7d3a;
  display: block;
  width: 235px;
  max-width: 100%;
  margin: 0 auto;
  padding: 10px;
  line-height: 1.3;
}

/** MODAL INSURANCE
==============================================*/
.modal-cont .insurance_block .block_content .notes {
  padding-top: 1em;
  font-size: 10px;
}

/** MODAL LUGGAGE
==============================================*/
.modal-cont .luggage_block .block_content .luggage_box {
  background-color: #ebf6f6;
}
.modal-cont .luggage_block .block_content .luggage_box .luggage_dl > dt .card_img img {
  max-width: 100%;
}
@media only screen and (min-width: 641px) {
  .modal-cont .luggage_block .block_content .luggage_box .luggage_dl {
    display: -webkit-box;
    display: flex;
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .modal-cont .luggage_block .block_content .luggage_box .luggage_dl > dt,
  .modal-cont .luggage_block .block_content .luggage_box .luggage_dl > dd {
    padding-right: 25px;
    padding-left: 25px;
  }
  .modal-cont .luggage_block .block_content .luggage_box .luggage_dl > dt {
    width: 34%;
    border-right: 1px solid #3c3c3c;
    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;
  }
  .modal-cont .luggage_block .block_content .luggage_box .luggage_dl > dt .card_img img {
    width: 160px;
  }
  .modal-cont .luggage_block .block_content .luggage_box .luggage_dl > dt .card_name {
    font-size: 14px;
    padding-top: 10px;
  }
  .modal-cont .luggage_block .block_content .luggage_box .luggage_dl > dd {
    width: 33%;
  }
  .modal-cont .luggage_block .block_content .luggage_box .luggage_dl > dd:not(:last-child) {
    border-right: 1px solid #3c3c3c;
  }
}
@media only screen and (max-width: 640px) {
  .modal-cont .luggage_block .block_content .luggage_box .luggage_dl {
    padding: 20px 10px 0;
  }
  .modal-cont .luggage_block .block_content .luggage_box .luggage_dl > dt {
    padding-bottom: 10px;
  }
  .modal-cont .luggage_block .block_content .luggage_box .luggage_dl > dt .card_img img {
    width: 120px;
  }
  .modal-cont .luggage_block .block_content .luggage_box .luggage_dl > dt .card_name {
    font-size: 13px;
    padding-top: 5px;
  }
}

.modal-cont .luggage_block .block_content .luggage_box .luggage_dl02 > dt {
  background-color: #3f80b2;
  color: #fff;
  padding: 5px;
}
@media only screen and (min-width: 641px) {
  .modal-cont .luggage_block .block_content .luggage_box .luggage_dl02 > dt {
    font-size: 18px;
  }
}
@media only screen and (max-width: 640px) {
  .modal-cont .luggage_block .block_content .luggage_box .luggage_dl02 > dt {
    font-size: 14px;
  }
}

.modal-cont .luggage_block .block_content .luggage_box .luggage_dl02 > dd .service_list > li {
  text-align: left;
}
.modal-cont .luggage_block .block_content .luggage_box .luggage_dl02 > dd .service_list > li:not(:last-child) {
  border-bottom: 1px solid #3c3c3c;
}
.modal-cont .luggage_block .block_content .luggage_box .luggage_dl02 > dd .service_list > li .em_bl {
  color: #3f80b2;
  font-style: normal;
  font-weight: 500;
}
.modal-cont .luggage_block .notes {
  padding-top: 1em;
}
.modal-cont .luggage_block .block_content .luggage_box .luggage_dl02 > dd .luggage_img {
  text-align: center;
}
.modal-cont .luggage_block .block_content .luggage_box .luggage_dl02 > dd .luggage_img img {
  width: 230px;
  max-width: 100%;
}
@media only screen and (min-width: 641px) {
  .modal-cont .luggage_block .block_content .luggage_box .luggage_dl02 > dd .luggage_img {
    padding: 30px 0 20px;
  }
  .modal-cont .luggage_block .block_content .luggage_box .luggage_dl02 > dd .service_list > li {
    font-size: 16px;
    padding-top: 10px;
  }
  .modal-cont .luggage_block .block_content .luggage_box .luggage_dl02 > dd .service_list > li:not(:last-child) {
    padding-bottom: 10px;
  }
  .modal-cont .luggage_block .block_content .luggage_box .luggage_dl02 > dd .service_list > li .em_bl {
    font-size: 18px;
  }
  .modal-cont .luggage_block .notes {
    font-size: 12px;
  }
}
@media only screen and (max-width: 640px) {
  .modal-cont .luggage_block .block_content .luggage_box .luggage_dl02 > dd {
    padding: 10px 10px 15px;
  }
  .modal-cont .luggage_block .block_content .luggage_box .luggage_dl02 > dd .luggage_img {
    padding: 15px 0 10px;
  }
  .modal-cont .luggage_block .block_content .luggage_box .luggage_dl02 > dd .service_list > li {
    font-size: 13px;
    padding-top: 5px;
  }
  .modal-cont .luggage_block .block_content .luggage_box .luggage_dl02 > dd .service_list > li:not(:last-child) {
    padding-bottom: 5px;
  }
  .modal-cont .luggage_block .block_content .luggage_box .luggage_dl02 > dd .service_list > li .em_bl {
    font-size: 15px;
  }
  .modal-cont .luggage_block .notes {
    font-size: 10px;
  }
}

/** MODAL HOWTO_POINT
==============================================*/
.modal-cont .howto_point_block .block_headline {
  position: relative;
  padding-top: 75px;
}
.modal-cont .howto_point_block .block_headline .block_headline_title {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  margin: 0 auto;
  max-width: 100%;
  color: #9f7d3a;
  letter-spacing: 0.1em;
  position: absolute;
}
.modal-cont .howto_point_block .block_content .howto_point_box {
  border: 2px solid #9f7d3a;
  border-radius: 10px;
}
.modal-cont .howto_point_block .block_content .howto_point_box .txt {
  text-align: left;
}
.modal-cont .howto_point_block .block_content .notes {
  padding-top: 1em;
}
@media only screen and (min-width: 641px) {
  .modal-cont .howto_point_block .block_headline .block_headline_title {
    width: 436px;
    height: 119px;
    background: url(/amextop/gold-common/images/ttl-bg-02_pc.png) no-repeat center center/100% 100%;
    padding-bottom: 20px;
    left: calc(50% - 218px);
    bottom: -45px;
  }
  .modal-cont .howto_point_block .block_content .howto_point_box {
    padding: 50px;
  }
  .modal-cont .howto_point_block .block_content .howto_point_box .txt {
    font-size: 16px;
  }
  .modal-cont .howto_point_block .block_content .notes {
    font-size: 12px;
  }
}
@media only screen and (max-width: 640px) {
  .modal-cont .howto_point_block .block_headline {
    padding-top: 100px;
  }
  .modal-cont .howto_point_block .block_headline .block_headline_title {
    width: 316px;
    height: 127px;
    background: url(/amextop/gold-common/images/ttl-bg-01_sp.png) no-repeat center center/100% 100%;
    padding-bottom: 20px;
    bottom: -45px;
    left: 50%;
    font-size: 15px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .modal-cont .howto_point_block .block_content .howto_point_box {
    padding: 50px 15px 15px;
  }
  .modal-cont .howto_point_block .block_content .howto_point_box .txt {
    font-size: 13px;
  }
  .modal-cont .howto_point_block .block_content .notes {
    font-size: 10px;
  }
}

/** MODAL LOUNGE
==============================================*/
.modal-cont .lounge_block .block_content .table {
  table-layout: inherit;
}
.modal-cont .lounge_block .block_content .table tbody th,
.modal-cont .lounge_block .block_content .table tbody td {
  word-wrap: break-word;
}
@media screen and (min-width: 641px) {
  .modal-cont .lounge_block .block_content .table tbody th {
    width: 20%;
  }
  .modal-cont .lounge_block .block_content .table tbody td {
    width: 80%;
  }
}
@media screen and (max-width: 640px) {
  .modal-cont .lounge_block .block_content .table tbody th {
    width: 30%;
  }
  .modal-cont .lounge_block .block_content .table tbody td {
    width: 70%;
  }
}

/** MODAL SERVICE
==============================================*/
.modal-cont .service_modal_block {
  max-width: 100%;
  margin: 0 auto;
}
.modal-cont .service_modal_block .block_content .main_box .main_txt > *:not(:last-child) {
  margin-bottom: 1em;
}
.modal-cont .service_modal_block .block_content .main_box .main_txt .txt {
  text-align: left;
}
.modal-cont .service_modal_block .block_content .main_box .main_txt .link.img {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  align-items: flex-end;
}
.modal-cont .service_modal_block .block_content .main_box .main_txt .link .underline {
  display: inline-block;
  color: #9f7d3a;
  text-decoration: underline;
  font-weight: 500;
}
@media screen and (min-width: 641px) {
  .modal-cont .service_modal_block {
    width: 750px;
  }
  .modal-cont .service_modal_block .block_content .main_box {
    /* display: flex; */
  }
  .modal-cont .service_modal_block .block_content .main_box .main_img {
    padding-bottom: 25px;
    /* width: 50%;
    padding-right: 10px; */
  }
  .modal-cont .service_modal_block .block_content .main_box .main_txt {
    /* width: 50%;
    padding-left: 20px; */
  }
  .modal-cont .service_modal_block .block_content .main_box .main_txt .txt {
    font-size: 14px;
  }
  .modal-cont .service_modal_block .block_content .main_box .main_txt .link {
    padding-top: 30px;
  }
  .modal-cont .service_modal_block .block_content .main_box .main_txt .link .underline {
    font-size: 15px;
  }
  .modal-cont .service_modal_block .block_content .main_box .main_txt .link.img .amex {
    width: 100px;
  }
}
@media screen and (max-width: 640px) {
  .modal-cont .service_modal_block {
    width: 100%;
  }
  .modal-cont .service_modal_block .block_content .main_box .main_txt {
    padding-top: 10px;
  }
  .modal-cont .service_modal_block .block_content .main_box .main_txt .txt {
    font-size: 12px;
  }
  .modal-cont .service_modal_block .block_content .main_box .main_txt .link.img .amex {
    width: 50px;
  }
}

.modal-cont .service_modal_block .block_content .sub_box .sub_title {
  font-weight: 500;
  padding-left: 15px;
  position: relative;
  text-align: left;
}
.modal-cont .service_modal_block .block_content .sub_box .sub_title:before {
  content: "";
  width: 5px;
  height: 100%;
  position: absolute;
  background-color: #9f7d3a;
  left: 0;
  top: 0;
}
.modal-cont .service_modal_block .block_content .sub_box .sub_item .txt {
  text-align: left;
}
.modal-cont .service_modal_block .block_content .sub_box .sub_item > *:not(:last-child) {
  margin-bottom: 1em;
}
.modal-cont .service_modal_block .block_content .sub_box .sub_item .dot > li {
  text-align: left;
}
.modal-cont .service_modal_block .block_content .sub_box .sub_item .colom03 .item_list > li .item_title {
  font-weight: 500;
  color: #9f7d3a;
}
.modal-cont .service_modal_block .block_content .sub_box .sub_item .colom03 .item_list > li .item_dl {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  padding-top: 10px;
}
.modal-cont .service_modal_block .block_content .sub_box .sub_item .colom03 .item_list > li .item_dl > dt {
  width: 50%;
  padding-right: 5px;
}
.modal-cont .service_modal_block .block_content .sub_box .sub_item .colom03 .item_list > li .item_dl > dd {
  width: 50%;
  padding-left: 5px;
}
@media screen and (min-width: 641px) {
  .modal-cont .service_modal_block .block_content .sub_box {
    padding-top: 40px;
  }
  .modal-cont .service_modal_block .block_content .sub_box .sub_title {
    font-size: 18px;
  }
  .modal-cont .service_modal_block .block_content .sub_box .sub_item {
    padding: 20px;
  }
  .modal-cont .service_modal_block .block_content .sub_box .sub_item .txt {
    font-size: 14px;
  }
  .modal-cont .service_modal_block .block_content .sub_box .sub_item .colom03 .item_list {
    display: -webkit-box;
    display: flex;
  }
  .modal-cont .service_modal_block .block_content .sub_box .sub_item .colom03 .item_list > li {
    width: 30%;
  }
  .modal-cont .service_modal_block .block_content .sub_box .sub_item .colom03 .item_list > li:nth-child(2) {
    margin-right: 5%;
    margin-left: 5%;
  }
  .modal-cont .service_modal_block .block_content .sub_box .sub_item .colom03 .item_list > li .item_title {
    font-size: 16px;
    padding-top: 20px;
  }
  .modal-cont .service_modal_block .block_content .sub_box .sub_item .colom03 .item_list > li .item_dl > dt {
    font-size: 14px;
  }
  .modal-cont .service_modal_block .block_content .sub_box .sub_item .colom03 .item_list > li .item_dl > dd {
    font-size: 14px;
  }
}
@media screen and (max-width: 640px) {
  .modal-cont .service_modal_block .block_content .sub_box {
    padding-top: 30px;
  }
  .modal-cont .service_modal_block .block_content .sub_box .sub_title {
    font-size: 15px;
  }
  .modal-cont .service_modal_block .block_content .sub_box .sub_item {
    padding: 10px;
  }
  .modal-cont .service_modal_block .block_content .sub_box .sub_item .txt {
    font-size: 12px;
  }
  .modal-cont .service_modal_block .block_content .sub_box .sub_item .colom03 .item_list > li:not(:last-child) {
    padding-bottom: 20px;
  }
  .modal-cont .service_modal_block .block_content .sub_box .sub_item .colom03 .item_list > li .item_title {
    font-size: 13px;
    padding-top: 10px;
  }
  .modal-cont .service_modal_block .block_content .sub_box .sub_item .colom03 .item_list > li .item_dl > dt {
    font-size: 12px;
  }
  .modal-cont .service_modal_block .block_content .sub_box .sub_item .colom03 .item_list > li .item_dl > dd {
    font-size: 12px;
  }
}

/** Select Entry Type
==============================================*/
.select-entry-type {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media screen and (min-width: 641px) {
  .select-entry-type {
    width: 860px;
    max-width: 100%;
  }
}
@media screen and (max-width: 640px) {
}

.select-entry-type__ttl {
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 20px;
}

@media screen and (min-width: 641px) {
  .select-entry-type__list {
    display: -webkit-box;
    display: flex;
  }
  .select-entry-type__list > li {
    width: calc(50% - 10px);
  }
  .select-entry-type__list > li:nth-child(odd) {
    margin-right: 20px;
  }
}
@media screen and (max-width: 640px) {
  .select-entry-type__list > li:not(:first-child) {
    margin-top: 20px;
  }
}

.select-entry-type__button,
.select-entry-type__button:hover {
  color: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
  height: 100%;
  font-weight: 600;
  line-height: 1.4;
  padding: 10px;
}
.select-entry-type__button--mynumber {
  background-color: #bb1010;
}
.select-entry-type__button--default {
  background-color: #16910e;
}
@media screen and (min-width: 641px) {
  .select-entry-type__button,
  .select-entry-type__button:hover {
    font-size: 16px;
  }
}
@media screen and (max-width: 640px) {
  .select-entry-type__button,
  .select-entry-type__button:hover {
    font-size: 14px;
    min-height: 4.5em;
  }
}

.select-entry-type__q {
  display: block;
  background-color: #fff;
  font-weight: 500;
  line-height: 1.4;
  margin-top: 30px;
  padding: 10px;
}
@media screen and (min-width: 641px) {
  .select-entry-type__q {
    font-size: 16px;
    border-radius: 20px;
  }
}
@media screen and (max-width: 640px) {
  .select-entry-type__q {
    font-size: 12px;
    border-radius: 40px;
  }
}

/** Application Contents
==============================================*/
.application-contents {
  margin-right: auto;
  margin-left: auto;
  -moz-window-shadow: 100%;
}
@media screen and (min-width: 641px) {
  .application-contents {
    width: 750px;
    max-width: 100%;
  }
}
@media screen and (max-width: 640px) {
}

.application-contents__txt {
  text-align: left;
  font-size: 14px;
}
.application-contents__txt .small {
  font-size: 90%;
}

.application-order {
  background-color: #f8efdb;
  margin-top: 20px;
}
@media screen and (min-width: 641px) {
  .application-order {
    padding: 40px;
  }
}
@media screen and (max-width: 640px) {
  .application-order {
    padding: 20px 15px;
  }
}

.application-order__ttl {
  font-weight: 500;
}
@media screen and (min-width: 641px) {
  .application-order__ttl {
    font-size: 20px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 640px) {
  .application-order__ttl {
    font-size: 18px;
    margin-bottom: 20px;
  }
}

.application-order__step > li:not(:first-child) {
  position: relative;
  margin-top: 70px;
}
.application-order__step > li:not(:first-child):before {
  content: "";
  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%2016%208.37%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%239f7d3a%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%228%208.37%2016%200%200%200%208%208.37%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  position: absolute;
  top: -60px;
  left: calc(50% - 25px);
  width: 50px;
  height: 50px;
}
@media screen and (min-width: 641px) {
  .application-order__step > li {
    display: -webkit-box;
    display: flex;
  }
}
@media screen and (max-width: 640px) {
}

.application-order__img {
  width: 250px;
  max-width: 100%;
}
@media screen and (min-width: 641px) {
}
@media screen and (max-width: 640px) {
}

.application-order__info > *:not(:first-child) {
  margin-top: 10px;
}
@media screen and (min-width: 641px) {
  .application-order__info {
    width: calc(100% - 250px);
    padding-left: 40px;
  }
}
@media screen and (max-width: 640px) {
  .application-order__info {
    margin-top: 10px;
  }
}

.application-order__lead {
  text-align: left;
  font-weight: 500;
}
@media screen and (min-width: 641px) {
  .application-order__lead {
    font-size: 18px;
  }
}
@media screen and (max-width: 640px) {
  .application-order__lead {
    font-size: 16px;
    text-align: center;
  }
}

.application-order__txt {
  text-align: left;
}
@media screen and (min-width: 641px) {
  .application-order__txt {
    font-size: 16px;
  }
}
@media screen and (max-width: 640px) {
  .application-order__txt {
    font-size: 14px;
  }
}

.application-order__txt {
  text-align: left;
}
@media screen and (min-width: 641px) {
  .application-order__txt {
    font-size: 16px;
  }
}
@media screen and (max-width: 640px) {
  .application-order__txt {
    font-size: 14px;
    text-align: center;
  }
}

@media screen and (min-width: 641px) {
  .application-order__notes > li {
    font-size: 14px;
  }
}
@media screen and (max-width: 640px) {
  .application-order__notes > li {
    font-size: 12px;
  }
}

/** FOOTER
==============================================*/
footer {
  background: #fff;
}
footer a {
  text-decoration: underline;
  color: #1953c7;
}

a:hover {
  text-decoration: none;
}

@media only screen and (max-width: 640px) {
  .footer {
    position: relative;
    padding: 0 10px;
  }
}

.footer-company_info {
  padding: 20px 0 20px 0;
  width: 100%;
  text-align: left;
  position: relative;
}

.footer-company {
  float: left;
}

@media only screen and (max-width: 640px) {
  .footer-company {
    float: none;
  }
}

.footer-company .copyright {
  margin-bottom: 2em;
}

@media only screen and (max-width: 640px) {
  .footer-company .copyright img {
    height: 30px;
    width: auto;
  }
}

.footer-pmark {
  float: right;
  padding-top: 0;
  width: 100px;
  text-align: right;
}

@media only screen and (max-width: 640px) {
  .footer-pmark {
    float: none;
    position: absolute;
    right: 20px;
    top: 20px;
  }
  .footer-pmark img {
    height: 40px;
    width: auto;
  }
}

.footer-legal {
  float: right;
  width: 700px;
  text-align: left;
  font-size: 77%;
  line-height: 2;
  margin-bottom: 18px;
}

@media only screen and (max-width: 640px) {
  .footer-legal {
    font-size: 1rem;
  }
}

.footer-legal address {
  font-style: normal;
  line-height: 1.2;
  font-size: 12px;
}

@media only screen and (max-width: 640px) {
  .footer-legal address {
    text-align: left;
    margin-top: 2em;
    font-size: 0.8rem;
  }
  .footer-legal address p {
    margin: 0 0 12% 0;
  }
}

@media only screen and (max-width: 640px) {
  .footer-legal {
    width: auto;
    float: none;
    text-align: center;
  }
}

.footer-nav {
  padding: 15px 0;
  text-align: center;
  font-size: 93%;
  border-top: 1px dotted #ccc;
}

@media only screen and (max-width: 640px) {
  .footer-nav {
    font-size: 1.2rem;
  }
}

.footer-nav a {
  margin: 0 3px;
}

@media only screen and (max-width: 640px) {
  .footer-nav a {
    font-size: 1.3rem;
  }
}

.footer .kashitsuke_info {
  padding-top: 1em;
  padding-bottom: 1em;
}
.footer .kashitsuke_info p {
  font-size: 1.4rem;
}
.footer .kashitsuke_info p a {
  word-break: break-all;
}

/* NOT CAMPAIGN */
@media screen and (min-width: 641px) {
  .not_campaign .section-hero:before {
    height: calc(100% + 180px);
  }
  .not_campaign .section-hero:after {
    height: calc(100% + 180px);
  }
  .not_campaign .section-nav .section-content {
    position: relative;
  }
}
@media screen and (max-width: 640px) {
  .not_campaign .section-hero:before {
    height: calc(100% + 30px);
  }
}

/** SECTION-CAMPAIGN ///2023-05 test////
==============================================*/
.modaal-content-container {
  padding: 0;
}

.entry-select {
  max-width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 641px) {
  .entry-select {
    width: 440px;
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 640px) {
  .entry-select {
    padding: 40px 20px;
  }
}

.entry-select__img {
  text-align: center;
}
.entry-select__img img {
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 641px) {
  .entry-select__img img {
    width: 300px;
  }
}
@media screen and (max-width: 640px) {
  .entry-select__img img {
    width: 250px;
  }
}

.entry-select__list > li:not(:first-child) {
  margin-top: 20px;
}

.entry-select__btn {
  position: relative;
  border-radius: 5px;
  color: #fff;
  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;
  font-size: 18px;
  font-weight: 700;
  margin-right: auto;
  margin-left: auto;
  line-height: 1.5;
}
.entry-select__btn-default {
  background: -webkit-linear-gradient(-45deg, rgba(185, 119, 50, 1) 0%, rgba(185, 119, 50, 0.5) 12.79%, rgba(185, 119, 50, 1) 25.64%);
  background: -webkit-gradient(linear, 12.34% -106.27%, 85.47% 197.15%, color-stop(0, rgba(185, 119, 50, 1)), color-stop(0.1279, rgba(185, 119, 50, 0.5)), color-stop(0.2564, rgba(185, 119, 50, 1)));
  background: -ms-linear-gradient(-45deg, rgba(185, 119, 50, 1) 0%, rgba(185, 119, 50, 0.5) 12.79%, rgba(185, 119, 50, 1) 25.64%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#19197d', endColorstr='#19197d' ,GradientType=0)";
  background: -webkit-linear-gradient(315deg, rgba(185, 119, 50, 1) 0%, rgba(185, 119, 50, 0.5) 12.79%, rgba(185, 119, 50, 1) 25.64%);
  background: linear-gradient(135deg, rgba(185, 119, 50, 1) 0%, rgba(185, 119, 50, 0.5) 12.79%, rgba(185, 119, 50, 1) 25.64%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#19197d',endColorstr='#19197d' , GradientType=1);
}
.entry-select__btn-kantan {
  background: -webkit-linear-gradient(-45deg, rgba(169, 46, 42, 1) 0%, rgba(169, 46, 42, 0.5) 12.79%, rgba(169, 46, 42, 1) 25.64%);
  background: -webkit-gradient(linear, 12.34% -106.27%, 85.47% 197.15%, color-stop(0, rgba(169, 46, 42, 1)), color-stop(0.1279, rgba(169, 46, 42, 0.5)), color-stop(0.2564, rgba(169, 46, 42, 1)));
  background: -ms-linear-gradient(-45deg, rgb(169, 46, 42) 0%, rgba(169, 46, 42, 0.5) 12.79%, rgba(169, 46, 42, 1) 25.64%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c', endColorstr='#3c3c3c' ,GradientType=0)";
  background: -webkit-linear-gradient(315deg, rgba(169, 46, 42, 1) 0%, rgba(169, 46, 42, 0.5) 12.79%, rgba(169, 46, 42, 1) 25.64%);
  background: linear-gradient(135deg, rgba(169, 46, 42, 1) 0%, rgba(169, 46, 42, 0.5) 12.79%, rgba(169, 46, 42, 1) 25.64%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c',endColorstr='#3c3c3c' , GradientType=1);
}
.entry-select__btn:after {
  content: "";
  position: absolute;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  z-index: 1;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
@media screen and (min-width: 641px) {
  .entry-select__btn {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 76px;
  }
  .entry-select__btn:hover {
    color: #fff;
  }
  .entry-select__btn:after {
    width: 11.5px;
    height: 11.5px;
    top: calc(50% - 4.75px);
    right: 30px;
  }
  .entry-select__btn .small {
    font-size: 14px;
  }
}
@media screen and (max-width: 640px) {
  .entry-select__btn {
    width: 100%;
    max-width: 290px;
    line-height: 1.3;
    height: 70px;
  }
  .entry-select__btn:after {
    width: 8.5px;
    height: 8.5px;
    top: calc(50% - 3.25px);
    right: 20px;
  }
  .entry-select__btn .small {
    font-size: 12px;
    margin-top: 3px;
  }
}

.entry-select__info {
  margin-top: 30px;
}
.entry-select__txt {
  text-align: left;
}
@media screen and (min-width: 641px) {
  .entry-select__txt {
    font-size: 16px;
  }
}
@media screen and (max-width: 640px) {
  .entry-select__txt {
    font-size: 14px;
    letter-spacing: 0;
  }
}

/** SP NEW FONT SIZE
==============================================*/
@media screen and (max-width: 640px) {
  /* 375px size */
  :root {
    --pixel01: 0.27vw;
    --pixel02: 0.53vw;
    --pixel03: 0.8vw;
    --pixel04: 1.07vw;
    --pixel05: 1.33vw;
    --pixel06: 1.6vw;
    --pixel07: 1.87vw;
    --pixel08: 2.13vw;
    --pixel09: 2.4vw;
    --pixel10: 2.67vw;
    --pixel11: 2.93vw;
    --pixel12: 3.2vw;
    --pixel13: 3.47vw;
    --pixel14: 3.73vw;
    --pixel15: 4vw;
    --pixel16: 4.27vw;
    --pixel17: 4.53vw;
    --pixel18: 4.8vw;
    --pixel19: 5.07vw;
    --pixel20: 5.33vw;
    --pixel21: 5.6vw;
    --pixel22: 5.87vw;
    --pixel23: 6.13vw;
    --pixel24: 6.4vw;
    --pixel25: 6.67vw;
    --pixel26: 6.93vw;
    --pixel27: 7.2vw;
    --pixel28: 7.47vw;
    --pixel29: 7.73vw;
    --pixel30: 8vw;
    --pixel31: 8.27vw;
    --pixel32: 8.53vw;
    --pixel33: 8.8vw;
    --pixel34: 9.07vw;
    --pixel35: 9.33vw;
    --pixel36: 9.6vw;
    --pixel37: 9.87vw;
    --pixel38: 10.13vw;
    --pixel39: 10.4vw;
    --pixel40: 10.67vw;
    --pixel41: 10.93vw;
    --pixel42: 11.2vw;
    --pixel43: 11.47vw;
    --pixel44: 11.73vw;
    --pixel45: 12vw;
    --pixel46: 12.27vw;
    --pixel47: 12.53vw;
    --pixel48: 12.8vw;
    --pixel49: 13.07vw;
    --pixel50: 13.33vw;
    --pixel51: 13.6vw;
    --pixel52: 13.87vw;
    --pixel53: 14.13vw;
    --pixel54: 14.4vw;
    --pixel55: 14.67vw;
    --pixel56: 14.93vw;
    --pixel57: 15.2vw;
    --pixel58: 15.47vw;
    --pixel59: 15.73vw;
    --pixel60: 16vw;
    --pixel61: 16.27vw;
    --pixel62: 16.53vw;
    --pixel63: 16.8vw;
    --pixel64: 17.07vw;
    --pixel65: 17.33vw;
    --pixel66: 17.6vw;
    --pixel67: 17.87vw;
    --pixel68: 18.13vw;
    --pixel69: 18.4vw;
    --pixel70: 18.67vw;
    --pixel71: 18.93vw;
    --pixel72: 19.2vw;
    --pixel73: 19.47vw;
    --pixel74: 19.73vw;
    --pixel75: 20vw;
    --pixel76: 20.27vw;
    --pixel77: 20.53vw;
    --pixel78: 20.8vw;
    --pixel79: 21.07vw;
    --pixel80: 21.33vw;
    --pixel81: 21.6vw;
    --pixel82: 21.87vw;
    --pixel83: 22.13vw;
    --pixel84: 22.4vw;
    --pixel85: 22.67vw;
    --pixel86: 22.93vw;
    --pixel87: 23.2vw;
    --pixel88: 23.47vw;
    --pixel89: 23.73vw;
    --pixel90: 24vw;
    --pixel91: 24.27vw;
    --pixel92: 24.53vw;
    --pixel93: 24.8vw;
    --pixel94: 25.07vw;
    --pixel95: 25.33vw;
    --pixel96: 25.6vw;
    --pixel97: 25.87vw;
    --pixel98: 26.13vw;
    --pixel99: 26.4vw;
    --pixel100: 26.67vw;
  }
}

/** SERVICE ANNOUNCE
==============================================*/
.section-service-announce {
  background-color: #f1eeea;
}
.service-announce {
  text-align: center;
}
.service-announce__button,
.service-announce__button:hover {
  position: relative;
  text-align: center;
  color: #004098;
  background-color: #dbe7f6;
  overflow: hidden;
  padding: 0;
  border: none;
}
.service-announce__button:before,
.service-announce__button:after {
  content: "";
  position: absolute;
}
.service-announce__button:before {
  background-color: #fff;
  border-radius: 50%;
}
.service-announce__button:after {
  background-color: #004098;
}
.service-announce__button * {
  font-weight: bold;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.service-announce__button-lead {
  background-color: #004098;
  color: #dbe7f6;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.service-announce__button-txt {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
@media screen and (min-width: 641px) {
  .service-announce {
    padding: 0 20px 60px;
  }
  .service-announce__button {
    cursor: pointer;
    display: -webkit-inline-box;
    display: inline-flex;
    border-radius: 35px;
  }
  .service-announce__button:before {
    right: 20px;
    width: 24px;
    height: 24px;
    top: calc(50% - 12px);
  }
  .service-announce__button:after {
    right: 26px;
    width: 9px;
    height: 10px;
    -webkit-clip-path: polygon(9px 50%, 0% 0%, 0% 10px);
    clip-path: polygon(9px 50%, 0% 0%, 0% 10px);
    top: calc(50% - 5px);
  }
  .service-announce__button-lead {
    font-size: 22px;
    padding: 15px 40px;
  }
  .service-announce__button-txt {
    font-size: 22px;
    padding: 15px 80px 15px 40px;
  }
}
@media screen and (max-width: 640px) {
  .service-announce {
    padding: 0 0 var(--pixel40);
  }
  .service-announce__button {
    display: -webkit-box;
    display: flex;
    width: 100%;
    border-radius: var(--pixel35);
  }
  .service-announce__button:before {
    right: var(--pixel10);
    width: var(--pixel24);
    height: var(--pixel24);
    top: calc(50% - var(--pixel12));
  }
  .service-announce__button:after {
    right: var(--pixel16);
    width: var(--pixel09);
    height: var(--pixel10);
    -webkit-clip-path: polygon(var(--pixel09) 50%, 0% 0%, 0% var(--pixel10));
    clip-path: polygon(var(--pixel09) 50%, 0% 0%, 0% var(--pixel10));
    top: calc(50% - var(--pixel05));
  }
  .service-announce__button-lead {
    font-size: var(--pixel14);
    padding: var(--pixel10);
  }
  .service-announce__button-txt {
    font-size: var(--pixel14);
    padding: var(--pixel10) var(--pixel45) var(--pixel10) var(--pixel15);
  }
}

@media screen and (min-width: 641px) {
  .modal-service-announce {
    padding: 50px;
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 640px) {
  .modal-service-announce {
    padding: var(--pixel20) var(--pixel10);
  }
}

@media screen and (min-width: 641px) {
  .modal-service-announce__head {
    margin-bottom: 30px;
  }
  .modal-service-announce__head > *:not(:first-child) {
    margin-top: 30px;
  }
}
@media screen and (max-width: 640px) {
  .modal-service-announce__head {
    margin-bottom: var(--pixel10);
  }
  .modal-service-announce__head > *:not(:first-child) {
    margin-top: var(--pixel15);
  }
}

.modal-service-announce__title {
  text-align: center;
}
@media screen and (min-width: 641px) {
  .modal-service-announce__title {
    font-size: 24px;
  }
}
@media screen and (max-width: 640px) {
  .modal-service-announce__title {
    font-size: var(--pixel16);
  }
}

@media screen and (min-width: 641px) {
  .modal-service-announce__lead {
    font-size: 18px;
    text-align: center;
  }
}
@media screen and (max-width: 640px) {
  .modal-service-announce__lead {
    font-size: var(--pixel14);
    text-align: left;
  }
}

.modal-service-announce__img {
  text-align: center;
}
.modal-service-announce__img img {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 641px) {
  .modal-service-announce__img img {
    width: min(41.66666666666667vw, 600px);
  }
}
@media screen and (max-width: 640px) {
  .modal-service-announce__img img {
    width: 100%;
  }
}

.modal-service-announce__info {
  background-color: #eee;
}
@media screen and (min-width: 641px) {
  .modal-service-announce__info {
    padding: 40px;
  }
}
@media screen and (max-width: 640px) {
  .modal-service-announce__info {
    padding: var(--pixel15);
  }
}

@media screen and (min-width: 641px) {
  .modal-service-announce__box:not(:first-child) {
    margin-top: 30px;
  }
  .modal-service-announce__box > *:not(:first-child) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 640px) {
  .modal-service-announce__box:not(:first-child) {
    margin-top: var(--pixel15);
  }
  .modal-service-announce__box > *:not(:first-child) {
    margin-top: var(--pixel05);
  }
}

.modal-service-announce__txt {
  text-align: left;
}
@media screen and (min-width: 641px) {
  .modal-service-announce__txt {
    font-size: 16px;
  }
}
@media screen and (max-width: 640px) {
  .modal-service-announce__txt {
    font-size: var(--pixel14);
  }
}

.modal-service-announce__dl > dt,
.modal-service-announce__dl > dd {
  text-align: left;
}
.modal-service-announce__dl > dt {
  font-weight: 700;
}
@media screen and (min-width: 641px) {
  .modal-service-announce__dl > dt {
    float: left;
  }
  .modal-service-announce__dl > dt:after {
    content: "：";
  }
  .modal-service-announce__dl > dd {
    text-align: left;
  }
  .modal-service-announce__dl > dd:after {
    content: "";
    display: block;
    clear: both;
  }
  .modal-service-announce__dl > dt,
  .modal-service-announce__dl > dd {
    font-size: 16px;
  }
}
@media screen and (max-width: 640px) {
  .modal-service-announce__dl > dt,
  .modal-service-announce__dl > dd {
    font-size: var(--pixel14);
  }
  .modal-service-announce__dl > dt:not(:first-child) {
    margin-top: var(--pixel05);
  }
}

.modal-service-announce__notes > li {
  text-align: left;
  text-indent: -1em;
  padding-left: 1em;
}
.modal-service-announce__notes > li:before {
  content: "※";
}
@media screen and (min-width: 641px) {
  .modal-service-announce__notes > li {
    font-size: 13px;
  }
}
@media screen and (max-width: 640px) {
  .modal-service-announce__notes > li {
    font-size: var(--pixel11);
  }
}

.modal-service-announce__table {
  background-color: #fff;
  overflow: hidden;
  width: 100%;
  display: block;
}
.modal-service-announce__table thead {
  display: table;
  width: 100%;
  background-color: #b80201;
  color: #fff;
}
.modal-service-announce__table thead th {
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 641px) {
  .modal-service-announce__table {
    border-radius: 10px;
  }
  .modal-service-announce__table thead th {
    font-size: 20px;
    padding: 15px 10px;
  }
}
@media screen and (max-width: 640px) {
  .modal-service-announce__table {
    border-radius: var(--pixel10);
  }
  .modal-service-announce__table thead th {
    font-size: var(--pixel16);
    padding: var(--pixel10);
  }
}

.modal-service-announce__table tbody {
  display: table;
  width: 100%;
}
.modal-service-announce__table tbody th,
.modal-service-announce__table tbody td {
  vertical-align: middle;
  text-align: center;
  line-height: 1.3;
}
.modal-service-announce__table tbody th:last-child,
.modal-service-announce__table tbody td:last-child {
  color: #b80201;
  position: relative;
}
.modal-service-announce__table tbody th:last-child:before,
.modal-service-announce__table tbody td:last-child:before {
  content: "▶";
  position: absolute;
  left: 0;
  top: calc(50% - 0.5em);
}
.modal-service-announce__table tbody th:not(:first-child),
.modal-service-announce__table tbody td:not(:first-child) {
  font-weight: 900;
}
.modal-service-announce__table tbody tr:first-child > th {
  background-color: #fff;
}
.modal-service-announce__table tbody tr:not(:first-child) th,
.modal-service-announce__table tbody tr:not(:first-child) td {
  background-color: #f2f2f2;
}
@media screen and (min-width: 641px) {
  .modal-service-announce__table tbody {
    border-right: 20px solid #fff;
    border-bottom: 20px solid #fff;
    border-left: 20px solid #fff;
  }
  .modal-service-announce__table tbody th,
  .modal-service-announce__table tbody td {
    padding: 15px 10px;
  }
  .modal-service-announce__table tbody tr:first-child > th {
    font-size: 16px;
  }
  .modal-service-announce__table tbody th:last-child:before,
  .modal-service-announce__table tbody td:last-child:before {
    font-size: 14px;
  }
  .modal-service-announce__table tbody tr:not(:first-child) > th,
  .modal-service-announce__table tbody tr:not(:first-child) > td {
    font-size: 20px;
  }
  .modal-service-announce__table tbody tr:not(:first-child) > th:first-child {
    font-size: 16px;
  }
  .modal-service-announce__table tbody tr:not(:first-child) th,
  .modal-service-announce__table tbody tr:not(:first-child) td {
    border-bottom: 4px solid #fff;
  }
}
@media screen and (max-width: 640px) {
  .modal-service-announce__table tbody {
    border-right: var(--pixel05) solid #fff;
    border-bottom: var(--pixel05) solid #fff;
    border-left: var(--pixel05) solid #fff;
  }
  .modal-service-announce__table tbody th,
  .modal-service-announce__table tbody td {
    padding: var(--pixel05);
  }
  .modal-service-announce__table tbody tr:first-child > th {
    font-size: var(--pixel12);
  }
  .modal-service-announce__table tbody th:last-child:before,
  .modal-service-announce__table tbody td:last-child:before {
    font-size: var(--pixel10);
  }
  .modal-service-announce__table tbody tr:not(:first-child) > th,
  .modal-service-announce__table tbody tr:not(:first-child) > td {
    font-size: var(--pixel14);
  }
  .modal-service-announce__table tbody tr:not(:first-child) > th:first-child {
    font-size: var(--pixel12);
  }
  .modal-service-announce__table tbody tr:not(:first-child) th,
  .modal-service-announce__table tbody tr:not(:first-child) td {
    border-bottom: var(--pixel02) solid #fff;
  }
}

/* CTA flowchart 2503 */

/* common */
.cta-flowc-elem .sp {
  display: none;
}
.cta-flowc-elem .fxpc {
  display: -webkit-box;
  display: flex;
}
.cta-flowc-elem .h-sb {
  -webkit-box-pack: justify;
  justify-content: space-between;
}
@media screen and (min-width: 641px) {
  .section-hero {
    background-position: center bottom;
  }
  .cta-flowc-elem .pc {
    display: block;
  }
}

/* CTA */

#js-move-part1 .btn_block:not(.type-cta-flowc) {
  opacity: 0;
}
.content .type-cta-flowc.btn_block {
  display: none;
}
.type-cta-flowc.btn_block .entry_btn {
  min-height: 70px;
  padding-top: 20px;
}

@media screen and (max-width: 640px) {
  /* common */
  .cta-flowc-elem .pc {
    display: none;
  }
  .cta-flowc-elem .sp {
    display: block;
  }
  .cta-flowc-elem .fxpc {
    display: block;
  }

  /* CTA */
  .content .type-cta-flowc.btn_block {
    -webkit-box-pack: center;
    justify-content: center;
  }
  .type-cta-flowc.btn_block {
    padding: 0 15px;
  }
  .type-cta-flowc.btn_block .btn-elem {
    width: 100%;
  }

  /* POPUP */
  .cta-flowc-elem .btn-sq > * {
    line-height: 1;
  }
  .modal-cont .cta-flowc-elem .btn-sq > * {
    background-color: transparent;
  }
  .modal-cont .cta-flowc-elem .btn-sq.type-sp.kantan > *:after {
    border-color: transparent transparent var(--color-2) var(--color-2);
  }
}

/* POPUP */
.cta-flowc-elem ul.notes > li {
  text-align: left;
}

.cta-flowc-elem .btn-sq > * {
  color: #fff;
  background-color: #9f7d3a;
  display: block;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  font-weight: 500;
}
.cta-flowc-elem .page_1 .elem-1 .btn-sq > * {
  background: none;
}
.cta-flowc-elem .com-cta {
  padding: 45px 0;
}
.cta-flowc-elem .btn-sq > *:after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  top: calc(50% - 5px);
  right: 6%;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  z-index: 1;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.modal-cont .cta-flowc-elem .application-contents {
  background-color: transparent;
}
@media screen and (min-width: 641px) {
  .cta-flowc-elem .btn-sq > * {
    /* width: 360px; */
    font-size: 18px;
    border-radius: 5px;
    padding: 5px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .cta-flowc-elem .btn-wrap {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;

    /* justify-content: center; */
  }
}

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

.agreement-box {
  background-color: #fff;
  border-radius: 5px;
  width: 720px;
  max-height: 85%;
  max-width: calc(100% - 40px);
  overflow-y: scroll;
}
@media only screen and (min-width: 641px) {
  .agreement-box {
    padding: 50px;
  }
}
@media only screen and (max-width: 640px) {
  .agreement-box {
    padding: 40px 20px;
  }
}

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

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

.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: 30px;
}
@media only screen and (min-width: 641px) {
  .agreement-box__label {
    font-size: 24px;
    line-height: 1;
  }
}
@media only screen and (max-width: 640px) {
  .agreement-box__label {
    font-size: 20px;
    line-height: 1.25;
  }
}

.agreement-box__label input[type="checkbox"] {
  display: none;
  line-height: 1;
}
.agreement-box__check {
  width: 1em;
  height: 1em;
  border: 2px solid #004089;
  background-color: #d8d8d8;
  border-radius: 4px;
  position: relative;
  display: inline-block;
  margin-right: 0.5em;
  line-height: 1;
  opacity: 0.5;
}

.agreement-box__check:after {
  content: "";
  position: absolute;
  display: inline-block;
  line-height: 1;
  top: calc(50% - 0.4em);
  left: calc(50% - 0.35em);
  border-radius: 2px;
  width: 1em;
  height: 0.5em;
  border-left: 5px solid #004089;
  border-bottom: 5px 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;
}
.intextlink {
  word-break: break-all;
}
.detail2001a ul.notes > li,
.modal-cont ul.notes > li {
  text-indent: -1.1em;
}
.modal-cont ul.dot {
  text-indent: 0;
  padding-left: 0;
}
.modal-cont ul.dot > li {
  text-indent: -1em;
  padding-left: 1em;
}