@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,600;1,14..32,600&display=swap");

:root {
  --color-suruga: #36bdef;
  --color-navy: #004097;
  --color-red: #b60c2e;
  --color-yellow: #fff000;
  --color-powder: #f5fcfe;
}
@media screen and (min-width: 641px) {
  /* 1440px size */
  :root {
    --pixel01: min(0.06944444444444445vw, 1px);
    --pixel02: min(0.1388888888888889vw, 2px);
    --pixel03: min(0.20833333333333334vw, 3px);
    --pixel04: min(0.2777777777777778vw, 4px);
    --pixel05: min(0.3472222222222222vw, 5px);
    --pixel06: min(0.4166666666666667vw, 6px);
    --pixel07: min(0.4861111111111111vw, 7px);
    --pixel08: min(0.5555555555555556vw, 8px);
    --pixel09: min(0.625vw, 9px);
    --pixel10: min(0.6944444444444444vw, 10px);
    --pixel11: min(0.7638888888888888vw, 11px);
    --pixel12: min(0.8333333333333334vw, 12px);
    --pixel13: min(0.9027777777777777vw, 13px);
    --pixel14: min(0.9722222222222222vw, 14px);
    --pixel15: min(1.0416666666666665vw, 15px);
    --pixel16: min(1.1111111111111112vw, 16px);
    --pixel17: min(1.1805555555555556vw, 17px);
    --pixel18: min(1.25vw, 18px);
    --pixel19: min(1.3194444444444444vw, 19px);
    --pixel20: min(1.3888888888888888vw, 20px);
    --pixel21: min(1.4583333333333333vw, 21px);
    --pixel22: min(1.5277777777777777vw, 22px);
    --pixel23: min(1.597222222222222vw, 23px);
    --pixel24: min(1.6666666666666667vw, 24px);
    --pixel25: min(1.7361111111111112vw, 25px);
    --pixel26: min(1.8055555555555554vw, 26px);
    --pixel27: min(1.875vw, 27px);
    --pixel28: min(1.9444444444444444vw, 28px);
    --pixel29: min(2.013888888888889vw, 29px);
    --pixel30: min(2.083333333333333vw, 30px);
    --pixel31: min(2.1527777777777777vw, 31px);
    --pixel32: min(2.2222222222222223vw, 32px);
    --pixel33: min(2.2916666666666665vw, 33px);
    --pixel34: min(2.361111111111111vw, 34px);
    --pixel35: min(2.430555555555556vw, 35px);
    --pixel36: min(2.5vw, 36px);
    --pixel37: min(2.569444444444444vw, 37px);
    --pixel38: min(2.638888888888889vw, 38px);
    --pixel39: min(2.7083333333333335vw, 39px);
    --pixel40: min(2.7777777777777777vw, 40px);
    --pixel41: min(2.8472222222222223vw, 41px);
    --pixel42: min(2.9166666666666665vw, 42px);
    --pixel43: min(2.986111111111111vw, 43px);
    --pixel44: min(3.0555555555555554vw, 44px);
    --pixel45: min(3.125vw, 45px);
    --pixel46: min(3.194444444444444vw, 46px);
    --pixel47: min(3.2638888888888893vw, 47px);
    --pixel48: min(3.3333333333333335vw, 48px);
    --pixel49: min(3.4027777777777777vw, 49px);
    --pixel50: min(3.4722222222222223vw, 50px);
    --pixel51: min(3.5416666666666665vw, 51px);
    --pixel52: min(3.6111111111111107vw, 52px);
    --pixel53: min(3.680555555555556vw, 53px);
    --pixel54: min(3.75vw, 54px);
    --pixel55: min(3.8194444444444446vw, 55px);
    --pixel56: min(3.888888888888889vw, 56px);
    --pixel57: min(3.958333333333333vw, 57px);
    --pixel58: min(4.027777777777778vw, 58px);
    --pixel59: min(4.097222222222222vw, 59px);
    --pixel60: min(4.166666666666666vw, 60px);
    --pixel61: min(4.236111111111112vw, 61px);
    --pixel62: min(4.305555555555555vw, 62px);
    --pixel63: min(4.375vw, 63px);
    --pixel64: min(4.444444444444445vw, 64px);
    --pixel65: min(4.513888888888888vw, 65px);
    --pixel66: min(4.583333333333333vw, 66px);
    --pixel67: min(4.652777777777778vw, 67px);
    --pixel68: min(4.722222222222222vw, 68px);
    --pixel69: min(4.791666666666667vw, 69px);
    --pixel70: min(4.861111111111112vw, 70px);
    --pixel71: min(4.930555555555555vw, 71px);
    --pixel72: min(5vw, 72px);
    --pixel73: min(5.069444444444445vw, 73px);
    --pixel74: min(5.138888888888888vw, 74px);
    --pixel75: min(5.208333333333334vw, 75px);
    --pixel76: min(5.277777777777778vw, 76px);
    --pixel77: min(5.347222222222222vw, 77px);
    --pixel78: min(5.416666666666667vw, 78px);
    --pixel79: min(5.486111111111111vw, 79px);
    --pixel80: min(5.555555555555555vw, 80px);
    --pixel81: min(5.625vw, 81px);
    --pixel82: min(5.694444444444445vw, 82px);
    --pixel83: min(5.763888888888889vw, 83px);
    --pixel84: min(5.833333333333333vw, 84px);
    --pixel85: min(5.902777777777778vw, 85px);
    --pixel86: min(5.972222222222222vw, 86px);
    --pixel87: min(6.041666666666667vw, 87px);
    --pixel88: min(6.111111111111111vw, 88px);
    --pixel89: min(6.180555555555555vw, 89px);
    --pixel90: min(6.25vw, 90px);
    --pixel91: min(6.319444444444445vw, 91px);
    --pixel92: min(6.388888888888888vw, 92px);
    --pixel93: min(6.458333333333334vw, 93px);
    --pixel94: min(6.527777777777779vw, 94px);
    --pixel95: min(6.597222222222222vw, 95px);
    --pixel96: min(6.666666666666667vw, 96px);
    --pixel97: min(6.736111111111111vw, 97px);
    --pixel98: min(6.805555555555555vw, 98px);
    --pixel99: min(6.875000000000001vw, 99px);
    --pixel100: min(6.944444444444445vw, 100px);
  }
}
@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;
  }
}

html,
body {
  min-width: 1px;
}

body {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 400;
  line-height: 1.6;
  color: #252d3c;
}
@media screen and (max-width: 640px) {
  body {
    margin-bottom: var(--fixed-cta-height);
  }
}

p,
span,
a,
li,
em,
h1,
h2,
h3,
h4,
h5,
dt,
dd {
  letter-spacing: 0.05em;
  line-height: 1.6;
}

p,
a,
span {
}

em {
  font-style: normal;
}

.bg-powder {
  background-color: var(--color-powder);
}
.bg-wh {
  background-color: #fff;
}

.font-num {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  letter-spacing: -0.03em;
  display: inline-block;
  line-height: 0.95;
}
.font-min {
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.font-min * {
  letter-spacing: -0.03em;
}

.wrap {
  overflow: hidden;
  position: relative;
}
.row {
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
}
a:hover {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0.6;
}
@media screen and (min-width: 641px) {
  .row {
    width: min(75.69444444444444vw, 1090px);
    padding-right: 0;
    padding-left: 0;
  }
  .inner {
    padding-right: var(--pixel45);
    padding-left: var(--pixel45);
  }
}
@media screen and (max-width: 640px) {
  .row {
    width: 93.6vw;
  }
  .inner {
    padding-right: var(--pixel15);
    padding-left: var(--pixel15);
  }
}

.notes-list > li {
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.3;
  font-weight: 400;
}
.notes-list > li:not(:first-child) {
  margin-top: 0.25em;
}
.notes-list > li:before {
  content: "※";
}
.notes-list > li.nomark {
  padding-left: 0;
  text-indent: 0;
}
.notes-list > li.nomark:before {
  display: none;
}
.notes-list--numbering {
  counter-reset: number;
}
.notes-list--numbering > li {
  text-indent: -2em;
  padding-left: 2em;
}
.notes-list--numbering > li:before {
  counter-increment: number;
  content: "※" counter(number) " ";
}

.notes-list--precautions > li {
  text-indent: -2em;
  padding-left: 2em;
}
.notes-list--precautions > li:before {
  counter-increment: number;
  content: "注" counter(number) " ";
}

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

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

.weight-bold {
  font-weight: 700 !important;
}

.intext-link,
.intext-link:hover {
  color: #016fca;
  text-decoration: underline;
  font-weight: inherit;
}

.underline {
  text-decoration: underline;
  font-weight: inherit;
}

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

.accordion-body {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.25s ease, padding-bottom 0.25s ease, opacity 0.25s ease;
  transition: max-height 0.25s ease, padding-bottom 0.25s ease, opacity 0.25s ease;
  opacity: 0;
}
.accordion-body.is-open {
  max-height: 1000px;
  opacity: 1;
}
.accordion-body.search-to__body {
  padding-bottom: 0;
}
@media screen and (min-width: 641px) {
  .accordion-body.search-to__body.is-open {
    padding-bottom: var(--pixel55);
  }
}
@media screen and (max-width: 640px) {
  .accordion-body.search-to__body.is-open {
    padding-bottom: var(--pixel28);
  }
}

/** 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__button {
  display: block;
  border: var(--pixel02) solid #333;
  width: 100%;
  font-weight: 700;
  font-size: var(--pixel21);
  padding: var(--pixel10);
  text-align: center;
  position: relative;
  background-color: #fff;
}
.modal-close__button:before {
  content: "";
  position: absolute;
  width: var(--pixel24);
  height: var(--pixel24);
  background-color: #f2f2f2;
  border-radius: 50%;
  right: var(--pixel20);
  top: calc(50% - var(--pixel12));
}
.modal-close__button:after {
  content: "";
  position: absolute;
  width: var(--pixel09);
  height: var(--pixel10);
  background-color: #333;
  -webkit-clip-path: polygon(var(--pixel09) 50%, 0% 0%, 0% var(--pixel10));
  clip-path: polygon(var(--pixel09) 50%, 0% 0%, 0% var(--pixel10));
  right: var(--pixel26);
  top: calc(50% - var(--pixel05));
}

/* container */
.modal-container {
  position: relative;
  max-height: calc(100vh - var(--pixel40));
  background-color: #fff;
}
.modal-container:focus {
  outline: none;
}
.modal-container:before,
.modal-container:after {
  content: "";
  cursor: pointer;
  position: absolute;
  width: var(--pixel35);
  height: var(--pixel35);
  right: calc(0px + var(--pixel15));
  top: calc(0px - var(--pixel40));
}
.modal-container:before {
  background-color: #858585;
  border-radius: 50%;
}
.modal-container:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%209.1%209.1%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.st0%20%7B%20fill%3A%20%23333%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M8%2C9.1L0%2C1.1%2C1.1%2C0l8%2C8-1.1%2C1.1ZM1.1%2C9.1l-1.1-1.1L8%2C0l1.1%2C1.1L1.1%2C9.1Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: var(--pixel14);
  z-index: 1;
}
@media screen and (min-width: 641px) {
  .modal-container {
    width: min(64.02777777777777vw, 922px);
  }
}

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

/** MODAL INNER
==============================================*/
.modal-inner {
  background-color: #fff;
}
@media screen and (min-width: 641px) {
  .modal-inner {
    padding: var(--pixel40);
  }
}
@media screen and (max-width: 640px) {
  .modal-inner {
    padding: var(--pixel40) var(--pixel15);
  }
}

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

/** SITE HEADER
==============================================*/
.site-header {
  background-color: #40c5f1;
}

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

@media screen and (min-width: 641px) {
  .site-header .brand-logo {
    display: -webkit-box;
    display: flex;
  }
  .site-header .logo-saison-amex {
    width: min(33.88vw, 477px);
    margin-right: var(--pixel25);
  }
  .site-header .logo-suruga {
    width: min(15.34vw, 216px);
  }
}
@media screen and (max-width: 640px) {
  .site-header .brand-logo img {
    display: block;
  }
  .site-header .logo-saison-amex {
    width: 71.2vw;
    margin-bottom: var(--pixel10);
  }
  .site-header .logo-suruga {
    width: 32vw;
  }
}

.site-header .official {
  display: -webkit-box;
  display: flex;
}
.site-header .official img:not(:last-child) {
  border-right: var(--pixel01) solid #fff;
}
@media screen and (min-width: 641px) {
  .site-header .official img {
    height: var(--pixel44);
    padding-right: var(--pixel22);
    padding-left: var(--pixel22);
  }
}
@media screen and (max-width: 640px) {
  .site-header .official img {
    height: var(--pixel19);
    padding-right: var(--pixel10);
    padding-left: var(--pixel10);
  }
}

/** HEADLINE
==============================================*/
.headline__title {
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .headline__title {
    font-size: var(--pixel32);
  }
}
@media screen and (max-width: 640px) {
  .headline__title {
    font-size: var(--pixel22);
  }
}

/** SECTION HERO
==============================================*/
.section-hero {
  position: relative;
}
@media screen and (min-width: 641px) {
  .section-hero:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: url(../images/main-visual.jpg) no-repeat center top/cover;
    z-index: -1;
  }
}

.page-headline {
  background-color: var(--color-navy);
}
.page-headline__title {
  text-align: center;
  color: var(--color-yellow);
  font-weight: 600;
  line-height: 1.33;
}
@media screen and (min-width: 641px) {
  .page-headline__title {
    font-size: var(--pixel28);
    padding: var(--pixel12);
  }
}
@media screen and (max-width: 640px) {
  .page-headline__title {
    font-size: var(--pixel15);
    padding: var(--pixel10);
  }
}

.page-kv__info {
  background-color: var(--color-suruga);
}
.page-kv__lead {
}
.page-kv__lead .logo-point {
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: var(--pixel08);
}
.page-kv__lead .max-times {
  display: block;
  line-height: 1;
  text-align: center;
}
.page-kv__lead .max {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  background-color: #fff;
  color: var(--color-suruga);
  border-radius: 50%;
  vertical-align: middle;
  font-weight: 700;
  letter-spacing: 0;
  margin-right: 0.1em;
}
.page-kv__lead .font-num {
  display: inline-block;
  vertical-align: middle;
  color: var(--color-yellow);
}
.page-kv__lead .times {
  display: inline-block;
  vertical-align: bottom;
  font-weight: 600;
  color: var(--color-yellow);
  margin-left: 0.1em;
}
.page-kv__txt {
  color: #fff;
  line-height: 1.6;
}
.page-kv__notes {
  margin-top: var(--pixel15);
}
.page-kv__notes > li {
  color: #fff;
}
@media screen and (min-width: 641px) {
  .page-kv__info {
    width: 50%;
    padding: var(--pixel35) var(--pixel40) 0;
  }
  .page-kv__lead .logo-point {
    width: min(31.38809722222222vw, 451.9886px);
  }
  .page-kv__lead .max-times {
  }
  .page-kv__lead .max {
    font-size: var(--pixel54);
    width: min(9.819729166666667vw, 141.4041px);
    height: min(9.819729166666667vw, 141.4041px);
  }
  .page-kv__lead .font-num {
    font-size: min(13.125vw, 189px);
  }
  .page-kv__lead .times {
    font-size: var(--pixel52);
  }
  .page-kv__txt {
    text-align: center;
    font-size: var(--pixel18);
  }
  .page-kv__notes > li {
    text-align: center;
    font-size: var(--pixel12);
  }
}
@media screen and (max-width: 640px) {
  .page-kv__info {
    position: relative;
    margin-right: 0;
    margin-left: auto;
    width: 55.46666666666666vw;
    padding: var(--pixel18) var(--pixel10) var(--pixel23);
  }
  .page-kv__info:after {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    width: 44.53333333333334vw;
    height: 100%;
    background: url(../images/main-visual.jpg) no-repeat 25% top/ cover;
  }
  .page-kv__lead .logo-point {
    width: 45.64069333333334vw;
  }
  .page-kv__lead .max-times {
    position: relative;
  }
  .page-kv__lead .max {
    position: absolute;
    right: 0;
    top: var(--pixel05);
    font-size: var(--pixel16);
    width: var(--pixel45);
    height: var(--pixel45);
  }
  .page-kv__lead .font-num {
    font-size: var(--pixel100);
  }
  .page-kv__lead .times {
    line-height: 1.7;
    font-size: var(--pixel30);
  }
  .page-kv__txt {
    text-align: justify;
    font-size: var(--pixel12);
    margin-top: var(--pixel10);
  }
  .page-kv__notes > li {
    letter-spacing: 0.03em;
    font-size: var(--pixel10);
  }
}

.page-kv__announce .announce-txt {
  display: block;
  color: #252d3c;
  text-align: center;
  letter-spacing: 0;
  border-radius: var(--pixel06);
  padding: var(--pixel10);
}
.page-kv__announce .logo-suruga-bank {
  display: inline-block;
  position: relative;
  padding-right: 0.25em;
  padding-left: 0.25em;
}
.page-kv__announce .logo-suruga-bank:after {
  content: "";
  position: absolute;
  width: calc(100% + 0.2em);
  height: 0.5em;
  background-color: var(--color-yellow);
  bottom: 0.15em;
  left: -0.1em;
}
.page-kv__announce .logo-suruga-bank img {
  vertical-align: middle;
  position: relative;
  z-index: 1;
  bottom: 0.125em;
}
@media screen and (min-width: 641px) {
  .page-kv__announce {
    width: 50%;
    padding: var(--pixel20) var(--pixel40) var(--pixel35);
    background-color: var(--color-suruga);
  }
  .page-kv__announce .announce-txt {
    background-color: #fff;
    font-size: var(--pixel16);
  }
  .page-kv__announce .logo-suruga-bank img {
    width: min(9.95770138888889vw, 143.3909px);
  }
}
@media screen and (max-width: 640px) {
  .page-kv__announce {
    background-color: #fff;
    padding: var(--pixel15) var(--pixel20);
  }
  .page-kv__announce .announce-txt {
    background-color: #ececec;
    font-size: var(--pixel12);
    line-height: 1.3;
  }
  .page-kv__announce .logo-suruga-bank img {
    width: 28.12752vw;
  }
}

/** SECTION TARGET
==============================================*/
@media screen and (min-width: 641px) {
  .section-target {
    border-radius: var(--pixel08);
    margin-top: var(--pixel60);
    margin-bottom: var(--pixel63);
    padding-top: var(--pixel55);
    padding-bottom: var(--pixel55);
  }
  .section-target .headline {
    margin-bottom: var(--pixel50);
  }
}
@media screen and (max-width: 640px) {
  .section-target {
    margin-top: var(--pixel05);
    margin-bottom: var(--pixel20);
    padding-top: var(--pixel30);
    padding-bottom: var(--pixel30);
  }
  #section-target02.section-target {
    margin-top: var(--pixel30);
    margin-bottom: var(--pixel20);
  }
  .section-target .headline {
    margin-bottom: var(--pixel35);
  }
}

.target-cards__img {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.target-cards__times {
  margin-top: var(--pixel10);
}
.target-cards__times.name-only {
  display: block;
}
.target-cards__times .num-times {
  background-color: var(--color-navy);
  color: var(--color-yellow);
  border-radius: 50%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.target-cards__times .num-times * {
  font-weight: 600;
}
.target-cards__times .num-times .times {
  position: relative;
  top: 0.25em;
  margin-left: 0.2em;
}
.target-cards__times .card-name {
  display: block;
  line-height: 1.33;
  letter-spacing: 0;
}
@media screen and (min-width: 641px) {
  .target-cards__list {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .target-cards__list > li {
    padding-right: var(--pixel30);
    padding-left: var(--pixel30);
  }
  .target-cards__img {
    width: min(16.805555555555557vw, 242px);
  }
  .target-cards__times {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
  }
  .target-cards__times .num-times {
    width: var(--pixel55);
    height: var(--pixel55);
    margin-right: var(--pixel08);
  }
  .target-cards__times .num-times .font-num {
    font-size: var(--pixel22);
  }
  .target-cards__times .num-times .times {
    font-size: var(--pixel10);
  }
  .target-cards__times .card-name {
    font-size: var(--pixel15);
  }
}
@media screen and (max-width: 640px) {
  .target-cards__list > li {
    position: relative;
  }
  .target-cards__list > li:not(:first-child) {
    margin-top: var(--pixel45);
  }
  .target-cards__img {
    box-sizing: content-box;
    width: 48.53333333333333vw;
    padding-right: 28vw;
  }
  #section-target02 .target-cards__img {
    box-sizing: border-box;
    padding-right: 0;
  }
  .target-cards__times {
    display: block;
  }
  .target-cards__times .num-times {
    position: absolute;
    left: 60vw;
    top: var(--pixel16);
    width: var(--pixel82);
    height: var(--pixel82);
  }
  .target-cards__times .num-times .font-num {
    font-size: var(--pixel32);
  }
  .target-cards__times .num-times .times {
    font-size: var(--pixel15);
  }
  .target-cards__times .card-name {
    text-align: center;
    font-size: var(--pixel13);
  }
}

.target-cards__button {
  position: relative;
  background-color: var(--color-navy);
  color: #fff;
  display: block;
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 600;
  text-align: center;
  border-radius: var(--pixel05);
  box-shadow: 0 0 var(--pixel02) rgba(0, 0, 0, 0.5);
  font-size: var(--pixel15);
}
.target-cards__button:after {
  content: "";
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  position: absolute;
}
@media screen and (min-width: 641px) {
  .target-cards__button {
    margin-top: var(--pixel20);
    padding: var(--pixel15) var(--pixel35);
  }
  .target-cards__button:after {
    width: var(--pixel11);
    height: var(--pixel12);
    right: var(--pixel12);
    top: calc(50% - var(--pixel06));
  }
}
@media screen and (max-width: 640px) {
  .target-cards__button {
    margin-right: auto;
    margin-left: auto;
    width: 77.33333333333333vw;
    margin-top: var(--pixel15);
    padding: var(--pixel15) var(--pixel35);
  }
  .target-cards__button:after {
    width: var(--pixel11);
    height: var(--pixel12);
    right: var(--pixel12);
    top: calc(50% - var(--pixel06));
  }
}

.target-cards__announce {
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 600;
  text-align: center;
  letter-spacing: -0.03em;
  margin-top: var(--pixel30);
}
.target-cards__announce .underline {
  color: var(--color-suruga);
}
@media screen and (min-width: 641px) {
  .target-cards__announce {
    font-size: var(--pixel20);
  }
}
@media screen and (max-width: 640px) {
  .target-cards__announce {
    font-size: var(--pixel16);
  }
}

.howto-special-shop {
  border-radius: var(--pixel08);
}
.howto-special-shop__title {
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 600;
  text-align: center;
  margin-bottom: var(--pixel20);
}
.howto-special-shop__lead {
  line-height: 1.5;
  border-left: var(--pixel04) solid var(--color-navy);
  padding-left: var(--pixel15);
  margin-bottom: var(--pixel20);
}
.howto-special-shop__txt {
  text-align: justify;
}
@media screen and (min-width: 641px) {
  .howto-special-shop {
    margin-top: var(--pixel45);
    padding-top: var(--pixel45);
    padding-bottom: var(--pixel50);
  }
  .howto-special-shop__title {
    font-size: var(--pixel24);
  }
  .howto-special-shop__lead {
    font-size: var(--pixel18);
  }
  .howto-special-shop__info > *:not(:first-child) {
    margin-top: var(--pixel20);
  }
  .howto-special-shop__txt {
    font-size: var(--pixel16);
  }
  .howto-special-shop__notes > li {
    font-size: var(--pixel12);
  }
}
@media screen and (max-width: 640px) {
  .howto-special-shop {
    margin-top: var(--pixel50);
    padding-top: var(--pixel40);
    padding-bottom: var(--pixel30);
  }
  .howto-special-shop__title {
    font-size: var(--pixel20);
  }
  .howto-special-shop__lead {
    font-size: var(--pixel14);
  }
  .howto-special-shop__info > *:not(:first-child) {
    margin-top: var(--pixel15);
  }
  .howto-special-shop__txt {
    font-size: var(--pixel14);
  }
  .howto-special-shop__notes > li {
    font-size: var(--pixel10);
  }
}

/** SECTION PICKUP
==============================================*/
.section-pickup {
}
@media screen and (min-width: 641px) {
  .section-pickup {
    border-radius: var(--pixel08);
    margin-top: var(--pixel60);
    margin-bottom: var(--pixel70);
    padding-top: var(--pixel55);
    padding-bottom: var(--pixel55);
  }
}
@media screen and (max-width: 640px) {
  .section-pickup {
    margin-top: var(--pixel05);
    margin-bottom: var(--pixel35);
    padding-top: var(--pixel30);
    padding-bottom: var(--pixel30);
  }
}

@media screen and (min-width: 641px) {
  .section-pickup .headline {
    margin-bottom: var(--pixel50);
  }
}
@media screen and (max-width: 640px) {
  .section-pickup .headline {
    margin-bottom: var(--pixel35);
  }
}

.pick-up-main__main {
}
.pick-up-main__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.pick-up-main__title {
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 600;
  line-height: 2;
}
.pick-up-main__txt {
  line-height: 2;
}
@media screen and (min-width: 641px) {
  .pick-up-main__main {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-right: var(--pixel30);
    padding-left: var(--pixel30);
  }
  .pick-up-main__img {
    width: min(22.579548611111115vw, 325.145px);
  }
  .pick-up-main__info {
    width: calc(100% - min(22.579548611111115vw, 325.145px));
    padding-left: var(--pixel45);
  }
  .pick-up-main__title {
    font-size: var(--pixel24);
    margin-bottom: var(--pixel15);
  }
  .pick-up-main__txt {
    font-size: var(--pixel16);
  }
}
@media screen and (max-width: 640px) {
  .pick-up-main__img {
    height: min(53.333333333333336vw, 200px);
  }
  .pick-up-main__info {
    padding-top: var(--pixel15);
  }
  .pick-up-main__title {
    font-size: var(--pixel20);
    margin-bottom: var(--pixel10);
  }
  .pick-up-main__txt {
    font-size: var(--pixel14);
  }
}

.pick-up-target {
}
.pick-up-target__title {
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 600;
  text-align: center;
  margin-bottom: var(--pixel35);
}
@media screen and (min-width: 641px) {
  .pick-up-target {
    margin-top: var(--pixel65);
    padding-top: var(--pixel35);
    padding-bottom: var(--pixel50);
  }
  .pick-up-target__title {
    font-size: var(--pixel24);
  }
}
@media screen and (max-width: 640px) {
  .pick-up-target {
    margin-top: var(--pixel50);
    padding-top: var(--pixel40);
    padding-bottom: var(--pixel40);
  }
  .pick-up-target__title {
    font-size: var(--pixel20);
  }
}

.pick-up-target__list {
  display: flex;
  flex-wrap: wrap;
}
.pick-up-target__button {
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  text-align: center;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  line-height: 1.16;
  width: 100%;
  border-radius: var(--pixel06);
  box-shadow: 0 var(--pixel05) var(--pixel02) rgba(137, 137, 137, 0.1);
}
@media screen and (min-width: 641px) {
  .pick-up-target__list > li {
    width: calc((100% - var(--pixel72)) / 4);
  }
  .pick-up-target__list > li:not(:nth-child(4n)) {
    margin-right: var(--pixel24);
  }
  .pick-up-target__list > li:not(:nth-child(-n + 4)) {
    margin-top: var(--pixel24);
  }
  .pick-up-target__button {
    min-height: var(--pixel53);
    font-size: var(--pixel16);
    padding: var(--pixel10);
  }
  .pick-up-target__button:hover {
    background-color: var(--color-suruga);
    color: #fff;
  }
}
@media screen and (max-width: 640px) {
  .pick-up-target__list > li {
    width: calc(50% - var(--pixel07));
  }
  .pick-up-target__list > li:nth-child(odd) {
    margin-right: var(--pixel14);
  }
  .pick-up-target__list > li:not(:nth-child(-n + 2)) {
    margin-top: var(--pixel14);
  }
  .pick-up-target__button {
    min-height: var(--pixel54);
    font-size: var(--pixel14);
    padding: var(--pixel05);
  }
}

.pickup-shop .special-shop__img {
}
@media screen and (min-width: 641px) {
  .pickup-shop {
    padding-right: var(--pixel100);
    padding-left: var(--pixel100);
  }
  .pickup-shop__item {
    padding-right: var(--pixel100);
    padding-left: var(--pixel100);
  }
  .pickup-shop .special-shop__img {
    height: min(20.833333333333336vw, 300px);
  }
}
@media screen and (max-width: 640px) {
  .pickup-shop .special-shop__img {
    height: 56vw;
  }
}

/** SECTION SHOP
==============================================*/
@media screen and (min-width: 641px) {
  .section-shop {
    padding-top: var(--pixel95);
    padding-bottom: var(--pixel100);
  }
  .section-shop .headline {
    margin-bottom: var(--pixel90);
  }
}
@media screen and (max-width: 640px) {
  .section-shop {
    padding-top: var(--pixel35);
    padding-bottom: var(--pixel30);
    margin-bottom: var(--pixel30);
  }
  .section-shop .headline {
    margin-bottom: var(--pixel35);
  }
}

.search-to__block {
  border-radius: var(--pixel08);
}
@media screen and (min-width: 641px) {
  .search-to__block {
    padding-top: var(--pixel35);
  }
  .search-to__block:not(:first-child) {
    margin-top: var(--pixel65);
  }
}
@media screen and (max-width: 640px) {
  .search-to__block {
    padding-top: var(--pixel25);
  }
  .search-to__block:not(:first-child) {
    margin-top: var(--pixel35);
  }
}

.search-to__title {
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 600;
  text-align: center;
}
.search-to__title .accent {
  color: var(--color-suruga);
}
.accordion-head {
  text-align: center;
}
.accordion-head .search-to__title {
  position: relative;
  display: inline-block;
  padding-right: var(--pixel38);
}
.accordion-head .search-to__title:after {
  content: "";
  background-color: #252d3c;
  -webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%);
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  position: absolute;
  width: var(--pixel18);
  height: var(--pixel14);
  right: 0;
  top: calc(50% - var(--pixel05));
}
.accordion-head.is-active .search-to__title:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media screen and (min-width: 641px) {
  .search-to__head {
    padding-bottom: var(--pixel25);
  }
  .search-to__title {
    font-size: var(--pixel24);
  }
  .search-to__title .accent {
    font-size: var(--pixel32);
  }
}
@media screen and (max-width: 640px) {
  .search-to__head {
    padding-bottom: var(--pixel20);
  }
  .search-to__title {
    font-size: var(--pixel18);
  }
  .search-to__title .accent {
    font-size: var(--pixel24);
  }
}

@media screen and (min-width: 641px) {
  .search-to__body {
    padding-bottom: var(--pixel55);
  }
}
@media screen and (max-width: 640px) {
  .search-to__body {
    padding-bottom: var(--pixel28);
  }
}

.search-to-map {
  border-top: 1px solid #e0e0e0;
}

.search-to-map__map {
  position: relative;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 641px) {
  .search-to-map__map {
    margin-top: var(--pixel55);
    width: min(45.13888888888889vw, 650px);
    height: min(34.72222222222222vw, 500px);
  }
}
@media screen and (max-width: 640px) {
  .search-to-map__map {
    margin-top: var(--pixel20);
    width: 82.13333333333334vw;
    height: 63.46666666666667vw;
  }
}

.search-to-map__area {
  position: absolute;
  display: block;
  cursor: auto;
}
.search-to-map__area:hover {
  opacity: 1;
}
.search-to-map__area#area-all {
  left: 0;
  top: 0;
}
.search-to-map__area#area-western {
  left: 0;
  bottom: 0;
}
.search-to-map__area#area-central {
  top: 0;
}
.search-to-map__area#area-eastern {
  right: 0;
}
@media screen and (min-width: 641px) {
  .search-to-map__area#area-central {
    left: min(14.119444444444444vw, 203.32px);
  }
  .search-to-map__area#area-eastern {
    top: min(6.675597222222223vw, 96.1286px);
  }
  .search-to-map__area#area-izu {
    top: min(25.3335625vw, 364.8033px);
    left: min(34.20402083333333vw, 492.5379px);
  }
}
@media screen and (max-width: 640px) {
  .search-to-map__area#area-central {
    left: 25.691306666666662vw;
  }
  .search-to-map__area#area-eastern {
    top: 12.20192vw;
  }
  .search-to-map__area#area-izu {
    top: 46.305706666666666vw;
    left: 62.23658666666667vw;
  }
}

.search-to-map__button {
  cursor: pointer;
  display: block;
  text-align: center;
  position: absolute;
  z-index: 1;
  background-color: #fff;
  line-height: 1;
  border: 1px solid #e0e0e0;
  border-radius: var(--pixel06);
  box-shadow: 0 var(--pixel05) var(--pixel02) rgba(137, 137, 137, 0.1);
}
.search-to-map__area.is-active .search-to-map__button {
  background-color: var(--color-suruga);
  color: #fff;
}
#area-central .search-to-map__button {
  left: 0;
}
@media screen and (min-width: 641px) {
  .search-to-map__button {
    padding: var(--pixel20);
    width: min(10.76388888888889vw, 155px);
  }
  #area-western .search-to-map__button {
    left: var(--pixel25);
    bottom: var(--pixel60);
  }
  #area-central .search-to-map__button {
    top: min(16.11111111111111vw, 232px);
  }
  #area-eastern .search-to-map__button {
    top: var(--pixel60);
    right: var(--pixel50);
  }
  #area-izu .search-to-map__button {
    top: var(--pixel35);
    left: calc(50% - (min(10.76388888888889vw, 155px) / 2));
  }
  .search-to-map__button:hover {
    background-color: var(--color-suruga);
    color: #fff;
  }
}
@media screen and (max-width: 640px) {
  .search-to-map__button {
    padding: var(--pixel05);
    width: var(--pixel74);
  }
  #area-western .search-to-map__button {
    left: var(--pixel12);
    bottom: var(--pixel30);
  }
  #area-central .search-to-map__button {
    top: 29.33922666666667vw;
  }
  #area-eastern .search-to-map__button {
    top: var(--pixel28);
    right: var(--pixel25);
  }
  #area-izu .search-to-map__button {
    top: var(--pixel17);
    left: calc(50% - var(--pixel37));
  }
}

.search-to-map__area svg .area {
  fill: #e0e0e0;
}
.search-to-map__area.is-active svg {
  opacity: 1;
}
.search-to-map__area.is-active svg .area {
  fill: #88bfe8;
}
@media screen and (min-width: 641px) {
  #area-western svg {
    width: min(20.493194444444445vw, 295.102px);
    height: min(23.394826388888887vw, 336.8855px);
  }
  #area-central svg {
    width: min(17.297527777777777vw, 249.0844px);
    height: min(33.956833333333336vw, 488.9784px);
  }
  #area-eastern svg {
    width: min(17.109805555555557vw, 246.3812px);
    height: min(20.355652777777777vw, 293.1214px);
  }
  #area-izu svg {
    width: min(9.224722222222223vw, 132.836px);
    height: min(9.188701388888889vw, 132.3173px);
  }
}
@media screen and (max-width: 640px) {
  #area-western svg {
    width: 37.28877333333333vw;
    height: 42.76199999999999vw;
  }
  #area-central svg {
    width: 31.474053333333334vw;
    height: 62.06765333333334vw;
  }
  #area-eastern svg {
    width: 31.132479999999994vw;
    height: 37.206880000000005vw;
  }
  #area-izu svg {
    width: 16.785013333333335vw;
    height: 16.795466666666666vw;
  }
}

.search-to-city {
}
@media screen and (min-width: 641px) {
  .search-to-city {
    margin-top: var(--pixel60);
  }
}
@media screen and (max-width: 640px) {
  .search-to-city {
    margin-top: var(--pixel35);
  }
}

.search-to-city__city {
  position: absolute;
  left: 100%;
  top: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.search-to-city__city.is-active {
  position: relative;
  left: 0;
  opacity: 1;
}
@media screen and (min-width: 641px) {
  .search-to-city__city {
    padding-top: var(--pixel25);
    padding-bottom: var(--pixel40);
  }
}
@media screen and (max-width: 640px) {
  .search-to-city__city {
    padding-top: var(--pixel20);
    padding-bottom: var(--pixel35);
  }
}

.search-to-city__title {
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 600;
  margin-bottom: var(--pixel15);
}
@media screen and (min-width: 641px) {
  .search-to-city__title {
    font-size: var(--pixel24);
  }
}
@media screen and (max-width: 640px) {
  .search-to-city__title {
    font-size: var(--pixel20);
  }
}

.search-to-city__list {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.search-to-city__list > li {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: var(--pixel06);
  box-shadow: 0 var(--pixel05) var(--pixel02) rgba(137, 137, 137, 0.1);
}
.search-to-city__list > li.is-active {
  background-color: var(--color-suruga);
}
.search-to-city__button {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  text-align: center;
  padding: var(--pixel10);
  line-height: 1.16;
}
.search-to-city__list > li.is-active .search-to-city__button {
  color: #fff;
}
@media screen and (min-width: 641px) {
  .search-to-city__list > li {
    width: calc((100% - var(--pixel50)) / 6);
  }
  .search-to-city__list > li:not(:nth-child(6n)) {
    margin-right: var(--pixel10);
  }
  .search-to-city__list > li:not(:nth-child(-n + 6)) {
    margin-top: var(--pixel10);
  }
  .search-to-city__button {
    min-height: var(--pixel58);
    font-size: var(--pixel18);
  }
}
@media screen and (max-width: 640px) {
  .search-to-city__list > li {
    width: calc(50% - var(--pixel14));
  }
  .search-to-city__list > li:nth-child(odd) {
    margin-right: var(--pixel14);
  }
  .search-to-city__list > li:not(:nth-child(-n + 2)) {
    margin-top: var(--pixel14);
  }
  .search-to-city__button {
    min-height: var(--pixel42);
    font-size: var(--pixel14);
  }
}

.search-to-genre__list {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.search-to-genre__list > li {
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  text-align: center;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  line-height: 1.16;
  border-radius: var(--pixel06);
  box-shadow: 0 var(--pixel05) var(--pixel02) rgba(137, 137, 137, 0.1);
  padding: var(--pixel10);
}
.search-to-genre__list > li.is-active {
  background-color: var(--color-suruga);
  color: #fff;
}
@media screen and (min-width: 641px) {
  .search-to-genre__list > li {
    width: calc((100% - var(--pixel30)) / 4);
    min-height: var(--pixel64);
    font-size: var(--pixel18);
  }
  .search-to-genre__list > li:not(:nth-child(4n)) {
    margin-right: var(--pixel10);
  }
  .search-to-genre__list > li:not(:nth-child(-n + 4)) {
    margin-top: var(--pixel10);
  }
}
@media screen and (max-width: 640px) {
  .search-to-genre__list > li {
    width: calc(50% - var(--pixel07));
    min-height: var(--pixel54);
    font-size: var(--pixel14);
  }
  .search-to-genre__list > li:nth-child(odd) {
    margin-right: var(--pixel14);
  }
  .search-to-genre__list > li:not(:nth-child(-n + 2)) {
    margin-top: var(--pixel14);
  }
}

.special-shop__list > li {
  background-color: #fff;
  overflow: hidden;
  border-radius: var(--pixel08);
}
@media screen and (min-width: 641px) {
  .special-shop {
    margin-top: var(--pixel65);
  }
  .special-shop__list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
  }
  .special-shop__list:not(:first-child) {
    margin-top: var(--pixel20);
  }
  .special-shop__list > li {
    width: calc((100% - var(--pixel28)) / 3);
  }
  .special-shop__list > li:not(:nth-child(3n)) {
    margin-right: var(--pixel14);
  }
  .special-shop__list > li:not(:nth-child(-n + 3)) {
    margin-top: var(--pixel20);
  }
}
@media screen and (max-width: 640px) {
  .special-shop {
    margin-top: var(--pixel28);
  }
  .special-shop__list > li:not(:first-child) {
    margin-top: var(--pixel18);
  }
}

.special-shop__img {
  width: 100%;
}
.special-shop__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}
@media screen and (min-width: 641px) {
  .special-shop__img {
    height: min(17.083333333333332vw, 246px);
  }
}
@media screen and (max-width: 640px) {
  .special-shop__img {
    height: 64.85874666666666vw;
  }
}

.special-shop__info {
  padding: var(--pixel15) var(--pixel20) var(--pixel20);
}

.special-shop__label {
  display: -webkit-box;
  display: flex;
  margin-bottom: var(--pixel10);
}
.special-shop__label .label {
  text-align: center;
  line-height: 1;
  border: 1px solid #e0e0e0;
  border-radius: var(--pixel03);
  min-width: 6em;
  font-size: var(--pixel12);
}
.special-shop__label .label:not(:last-child) {
  margin-right: var(--pixel07);
}
.special-shop__name {
  font-weight: 700;
  line-height: 1.4;
  font-size: var(--pixel18);
}
.special-shop__body {
  margin-top: var(--pixel10);
}
.special-shop__address {
  display: block;
}
@media screen and (min-width: 641px) {
  .special-shop__label .label {
    padding: var(--pixel05);
  }
  .special-shop__address {
    font-size: var(--pixel14);
  }
}
@media screen and (max-width: 640px) {
  .special-shop__label .label {
    padding: var(--pixel03);
  }
  .special-shop__address {
    font-size: var(--pixel13);
  }
}

.special-shop__spec {
  margin-top: var(--pixel10);
}
.special-shop__spec .info-icon {
  display: -webkit-box;
  display: flex;
  position: relative;
  line-height: 1.3;
}
.special-shop__spec .info-icon:before {
  content: "";
  position: absolute;
  height: 100%;
  background-repeat: no-repeat;
  background-position: left top;
}
.special-shop__tel:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.st0%20%7B%20fill%3A%20%23252d3c%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22_%E6%A4%9C%E7%B4%A2%E7%B5%90%E6%9E%9C%22%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M18%2C3.6c-2.4-1.3-5.7-1.4-8.1-1.4s-5.6.1-8.1%2C1.4C-.5%2C4.9%2C0%2C7.5.1%2C7.7c0%2C.2.6%2C1.1%2C1.3%2C1%2C.9%2C0%2C3-.8%2C3.4-1%2C.4-.2.6-1%2C.2-1.4-.3-.6%2C0-.7%2C0-.7h9.8s.2.2%2C0%2C.7-.2%2C1.2.2%2C1.4c.4.2%2C2.5.9%2C3.4%2C1%2C.9%2C0%2C1.3-.8%2C1.3-1s.7-2.8-1.8-4.1h-.1Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M10%2C10c-.7%2C0-1.2.2-1.5.7-.4.3-.7.9-.7%2C1.5s.2%2C1.1.7%2C1.5c.4.4%2C1%2C.7%2C1.5.7s1.2-.2%2C1.5-.7c.4-.4.7-.9.7-1.5s-.2-1.1-.7-1.5c-.4-.3-1-.7-1.5-.7Z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M13.7%2C6.5c0-.1-.2-.2-.3-.2h-1.1c-.1%2C0-.2%2C0-.2.2v.8c0%2C.1-.1.2-.2.2h-3.5c-.1%2C0-.2%2C0-.2-.2v-.8c0-.1%2C0-.2-.2-.2h-1.1c-.1%2C0-.2%2C0-.3.2l-2.8%2C5.1c-.4.9-.8%2C1.9-.8%2C2.9v1.2c0%2C.7.6%2C1.2%2C1.3%2C1.2h.3v.7h1.3v-.7h8.7v.7h1.3v-.7h.3c.7%2C0%2C1.2-.6%2C1.2-1.2v-1.2c0-1-.2-2-.8-2.9l-2.8-5.1h-.2ZM10%2C15.5c-2%2C0-3.5-1.5-3.5-3.4s1.5-3.4%2C3.5-3.4%2C3.5%2C1.5%2C3.5%2C3.4-1.5%2C3.4-3.5%2C3.4Z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
.special-shop__time:before {
  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%2019%2019%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23252d3c%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M6.72%2C8.36l2.41%2C1.86.03.02h.01c.21.12.48.06.67-.14l.02-.02%2C2.95-3.49c.17-.19.17-.46%2C0-.6-.16-.15-.43-.11-.6.08l-2.76%2C2.94-2.13-1.48c-.2-.15-.5-.08-.67.15-.17.23-.14.53.06.68Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M3.73%2C9.5c0-.13%2C0-.25.02-.38h-1.51c0%2C.12-.01.25-.01.38s0%2C.26.01.38h1.51c-.01-.13-.02-.25-.02-.38Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M6.4%2C4.63c.14-.09.29-.18.44-.25l.06-.03-.75-1.31c-.19.09-.37.2-.55.32l.75%2C1.31.06-.04Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M3.05%2C6.14l1.31.75.32-.55-1.31-.75c-.12.18-.22.36-.32.55Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M14.62%2C12.16c-.08.15-.16.29-.25.43l-.04.06%2C1.31.75c.12-.18.22-.36.32-.55l-1.3-.76-.03.06Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M4.38%2C12.16l-.03-.06-1.3.75c.09.19.2.37.32.55l1.31-.75-.04-.06c-.09-.14-.18-.29-.25-.44Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M6.4%2C14.37l-.06-.04-.75%2C1.31c.18.12.36.22.55.32l.75-1.31-.06-.03c-.15-.08-.29-.16-.44-.25Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.11%2C4.35l.55.32.75-1.31c-.18-.12-.36-.22-.55-.32l-.76%2C1.3Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M9.12%2C15.26v1.51c.13.01.25.01.38.01s.25%2C0%2C.38-.01v-1.52h-.76v.02h0Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M9.88%2C3.74v-1.51c-.12-.01-.25-.01-.38-.01s-.25%2C0-.38.01v1.52h.76v-.02Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.11%2C14.65l.76%2C1.31c.19-.1.37-.2.55-.32l-.75-1.31-.55.32Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M15.96%2C6.14c-.1-.19-.2-.37-.32-.55l-1.31.75.32.55%2C1.31-.75Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16.77%2C9.12h-1.53v.76h1.53c0-.13.01-.25.01-.38%2C0-.13%2C0-.25-.01-.38Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M9.5%2C0C4.25%2C0%2C0%2C4.25%2C0%2C9.5c0%2C5.25%2C4.25%2C9.5%2C9.5%2C9.5%2C5.25%2C0%2C9.5-4.25%2C9.5-9.5C19%2C4.25%2C14.75%2C0%2C9.5%2C0ZM9.5%2C17.77c-2.29%2C0-4.35-.92-5.85-2.42-1.5-1.5-2.42-3.56-2.42-5.85%2C0-2.29.93-4.35%2C2.42-5.85%2C1.5-1.5%2C3.56-2.42%2C5.85-2.42%2C2.29%2C0%2C4.35.92%2C5.85%2C2.42%2C1.5%2C1.5%2C2.42%2C3.56%2C2.42%2C5.85%2C0%2C2.29-.93%2C4.35-2.42%2C5.85-1.5%2C1.5-3.56%2C2.42-5.85%2C2.42Z%22%2F%3E%3C%2Fsvg%3E");
}
.special-shop__holiday:before {
  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%2019%2019%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23252d3c%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M9.5%2C0C4.25%2C0%2C0%2C4.25%2C0%2C9.5c0%2C5.25%2C4.25%2C9.5%2C9.5%2C9.5%2C5.25%2C0%2C9.5-4.25%2C9.5-9.5C19%2C4.25%2C14.75%2C0%2C9.5%2C0ZM9.5%2C17.77c-2.29%2C0-4.35-.92-5.85-2.42-1.5-1.5-2.42-3.56-2.42-5.85%2C0-2.29.93-4.35%2C2.42-5.85%2C1.5-1.5%2C3.56-2.42%2C5.85-2.42%2C2.29%2C0%2C4.35.92%2C5.85%2C2.42%2C1.5%2C1.5%2C2.42%2C3.56%2C2.42%2C5.85%2C0%2C2.29-.93%2C4.35-2.42%2C5.85-1.5%2C1.5-3.56%2C2.42-5.85%2C2.42ZM6.97%2C7.2v7.59h-1.37v-5.42c-.16.21-.33.42-.51.62l-.45.51-1.03-.9.45-.51c1.72-1.97%2C2.37-4.12%2C2.38-4.14l.2-.65%2C1.31.39-.2.65c-.02.06-.25.82-.78%2C1.86ZM15.08%2C12.34l-.96.97-.49-.48c-.06-.06-.89-.89-1.7-2.11v4.07h-1.37v-4.06c-.81%2C1.22-1.64%2C2.05-1.7%2C2.11l-.49.48-.96-.97.49-.48s1.61-1.6%2C2.39-3.5h-2.62v-1.37h2.88v-2.53h1.37v2.53h2.88v1.37h-2.62c.79%2C1.9%2C2.38%2C3.49%2C2.39%2C3.5l.49.48Z%22%2F%3E%3C%2Fsvg%3E");
}
.special-shop__spec .info-icon {
  padding-left: var(--pixel26);
  padding-top: var(--pixel04);
  padding-bottom: var(--pixel04);
}
.special-shop__spec .info-icon:before {
  width: var(--pixel26);
  background-size: var(--pixel20) var(--pixel20);
  top: calc(var(--pixel04) + 0.65em - var(--pixel10));
  left: 0;
}
@media screen and (min-width: 641px) {
  .special-shop__spec .info-icon {
    font-size: var(--pixel14);
  }
}
@media screen and (max-width: 640px) {
  .special-shop__spec .info-icon {
    font-size: var(--pixel13);
  }
}

.special-shop__button {
  display: -webkit-box;
  display: flex;
  margin-top: var(--pixel15);
}
.special-shop__button .shop-button {
  position: relative;
  color: #fff;
  text-align: center;
  line-height: 1;
  border-radius: var(--pixel03);
  width: calc(50% - var(--pixel05));
  font-size: var(--pixel12);
}
.special-shop__button .shop-button.in-active {
  pointer-events: none;
  opacity: 0.3;
}
.special-shop__button .shop-button.web {
  background-color: var(--color-suruga);
}
.special-shop__button .shop-button.map {
  background-color: var(--color-red);
}
.special-shop__button .shop-button:after {
  content: "";
  background-color: #fff;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  position: absolute;
  width: var(--pixel07);
  height: var(--pixel10);
  right: var(--pixel06);
  top: calc(50% - var(--pixel05));
}
.special-shop__button .shop-button:nth-child(odd) {
  margin-right: var(--pixel10);
}
@media screen and (min-width: 641px) {
  .special-shop__button .shop-button {
    padding: var(--pixel10) var(--pixel18);
  }
}
@media screen and (max-width: 640px) {
  .special-shop__button .shop-button {
    padding: var(--pixel08) var(--pixel18);
  }
}

.special-shop__notfound {
  text-align: center;
  color: var(--color-red);
  font-weight: 500;
}
@media screen and (min-width: 641px) {
  .special-shop__notfound {
    font-size: var(--pixel24);
  }
}
@media screen and (max-width: 640px) {
  .special-shop__notfound {
    font-size: var(--pixel16);
  }
}

/** SECTION BANNER
==============================================*/
@media screen and (min-width: 641px) {
  .section-banner {
    padding-bottom: var(--pixel65);
  }
}
@media screen and (max-width: 640px) {
  .section-banner {
    padding-bottom: var(--pixel25);
  }
}

.banner-items__banner {
  display: block;
}
.banner-items__banner img {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .banner-items__item:not(:first-child) {
    margin-top: var(--pixel25);
  }
}
@media screen and (max-width: 640px) {
}

/** SIDE LABEL
==============================================*/
.fixed-cta {
  position: fixed;
  z-index: 10;
}
.fixed-cta__button,
.fixed-cta__button:hover {
  background-color: var(--color-navy);
  color: #fff;
  font-weight: 700;
  opacity: 1;
}
.fixed-cta__txt {
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
}
@media screen and (min-width: 641px) {
  .fixed-cta {
    position: fixed;
    z-index: 10;
    top: 20%;
    right: calc(0px - var(--pixel30));
    -webkit-transition: right 0.3s ease;
    transition: right 0.3s ease;
  }
  .fixed-cta__button {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    width: var(--pixel100);
    border-top-left-radius: var(--pixel08);
    border-bottom-left-radius: var(--pixel08);
    padding: var(--pixel25);
  }
  .fixed-cta:hover {
    right: 0;
  }
  .fixed-cta__txt {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: var(--pixel20);
  }
}
@media screen and (max-width: 640px) {
  .fixed-cta {
    background-color: rgba(51, 51, 51, 0.8);
    bottom: 0;
    left: 0;
    width: 100%;
    padding: var(--pixel10);
  }
  .fixed-cta__button {
    position: relative;
    display: block;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    width: 77.33333333333333vw;
    padding: var(--pixel15) var(--pixel45);
  }
  .fixed-cta__button:after {
    content: "";
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    position: absolute;
    width: var(--pixel11);
    height: var(--pixel12);
    right: var(--pixel12);
    top: calc(50% - var(--pixel06));
  }
  .fixed-cta__txt {
    font-size: var(--pixel15);
  }
}