@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Noto+Sans+JP:wght@100..900&family=Zen+Maru+Gothic:wght@400;500;700&display=swap");
:root {
  --suica-color-primary: #58b530;
  --suica-color-secondary: #fabe00;
  --suica-color-green-light: #eefaea;
  --suica-color-gray-bar: #e7e7e7;
  --suica-color-gray-bar-dark: #c8c8c8;
  --suica-color-kv: #d7d7d7;
  --suica-color-text-default: #fff;
  --suica-color-text: var(--suica-color-text-default);
  --suica-color-text-inverse: #000000;
  --suica-color-bg-default: var(--suica-color-primary);
  --suica-color-bg-inverse: #fff;
  --suica-color-bg: var(--suica-color-bg-default);
  --suica-color-border: var(--suica-color-gray-bar);
  --suica-color-error: #e74c3c;
  --suica-color-success: #27ae60;
  --suica-font-body: 'Zen Maru Gothic', sans-serif;
  --suica-text-primary: 'Noto Sans JP', sans-serif;
  --suica-text-secondary: 'Lato', sans-serif;
  --suica-text-size-regular: clamp(1.2rem, 0.4059701493rem + 0.9950248756vw, 1.6rem);
  --suica-text-size-small: clamp(1.2rem, 0.8029850746rem + 0.4975124378vw, 1.4rem);
  --suica-text-size-medium: clamp(1.4rem, 0.6059701493rem + 0.9950248756vw, 1.8rem);
  --suica-text-size-large: clamp(1.6rem, 0.8059701493rem + 0.9950248756vw, 2rem);
  --suica-text-weight-regular: 500;
  --suica-text-weight-small: 400;
  --suica-text-weight-medium: 700;
  --suica-text-weight-large: 900;
  --suica-content-width-size: calc(120rem + (var(--suica-content-padding) * 2));
  --suica-content-width: min(100%, var(--suica-content-width-size));
  --suica-content-width-size-half: 60rem;
  --suica-content-width-half: min(100%, var(--suica-content-width-size-half));
  --suica-content-width-size-small: calc(90rem + (var(--suica-content-padding) * 2));
  --suica-content-width-small: min(100%, var(--suica-content-width-size-small));
  --suica-content-padding: clamp(1.6rem, -5.1492537313rem + 8.4577114428vw, 5rem);
  --suica-header-height: clamp(5.4rem, -3.7313432836rem + 11.4427860697vw, 10rem);
  --suica-radius: clamp(0.6rem, 0.2029850746rem + 0.4975124378vw, 0.8rem);
  --suica-trd-duration: 0.5s;
  --suica-trd-hover-duration: 0.25s;
  --suica-trd-timing: cubic-bezier(.165, .84, .44, 1);
  --suica-modal-index: 1000;
  --suica-header-index: 900;
  --suica-footer-index: 800;
  --suica-page-top-index: 700;
  --suica-article-index: 600;
  --suica-nav-index: 500;
  --suica-main-index: 400;
  --suica-section-index: 300;
  --suica-content-index: 200;
}
@media (max-width: 768px) {
  :root {
    --suica-radius: 1.6vw;
    --suica-content-padding: 4.2666666667vw;
    --suica-text-size-regular: 3.2vw;
    --suica-text-size-small: 3.2vw;
    --suica-text-size-medium: 3.7333333333vw;
    --suica-text-size-large: 4.2666666667vw;
    --suica-header-height: 14.4vw;
    --suica-text-weight-small: 300;
    --suica-text-weight-regular: 400;
    --suica-text-weight-medium: 600;
    --suica-text-weight-large: 800;
  }
}

:target {
  scroll-margin-top: var(--suica-header-height);
}

html {
  scroll-behavior: smooth;
}

.suica-episode {
  font-size: var(--suica-text-size-regular);
  line-height: 1.75;
  display: flex;
  flex-direction: column;
  font-feature-settings: "palt";
  text-wrap: pretty;
}
.suica-episode .container {
  width: var(--suica-content-width);
  margin-inline: auto;
  padding-inline: var(--suica-content-padding);
}
.suica-episode .container--small {
  width: var(--suica-content-width-small);
}
@media (max-width: 768px) {
  .suica-episode .pc-only {
    display: none;
  }
}
@media (min-width: 769px) {
  .suica-episode .sp-only {
    display: none;
  }
}
.suica-episode .js-inview {
  transition: opacity var(--suica-trd-duration) var(--suica-trd-timing), transform var(--suica-trd-duration) var(--suica-trd-timing);
}
.suica-episode .js-inview.is-inview-fade {
  opacity: 0;
}
.suica-episode .js-inview.is-inview-up {
  transform: translate(0, clamp(2.4rem, 2.9970149254rem + -0.4975124378vw, 2.6rem));
}
.suica-episode .js-inview.is-inview-down {
  transform: translate(0, clamp(-2.6rem, -2.9970149254rem + 0.4975124378vw, -2.4rem));
}
.suica-episode .js-inview.is-inview-left {
  transform: translate(clamp(-2.6rem, -2.9970149254rem + 0.4975124378vw, -2.4rem), 0);
}
.suica-episode .js-inview.is-inview-right {
  transform: translate(clamp(2.4rem, 2.9970149254rem + -0.4975124378vw, 2.6rem), 0);
}
.suica-episode .js-inview.is-active {
  opacity: 1;
  transform: translate(0, 0);
}

.suica-episode-accent {
  color: var(--suica-color-primary);
  font-weight: 700;
  border-bottom: clamp(0.2rem, -0.1970149254rem + 0.4975124378vw, 0.4rem) solid currentColor;
}
@media (max-width: 768px) {
  .suica-episode-accent {
    border-bottom-width: 0.5333333333vw;
  }
}
.suica-episode-accent-sm {
  font-size: clamp(2rem, 0.4119402985rem + 1.9900497512vw, 2.8rem);
}
@media (max-width: 768px) {
  .suica-episode-accent-sm {
    font-size: 5.3333333333vw;
  }
}
.suica-episode-accent-md {
  font-size: clamp(2rem, -1.176119403rem + 3.9800995025vw, 3.6rem);
}
@media (max-width: 768px) {
  .suica-episode-accent-md {
    font-size: 5.3333333333vw;
  }
}

.suica-episode-line {
  display: inline;
  padding-bottom: clamp(0.3rem, 0.1014925373rem + 0.2487562189vw, 0.4rem);
  background-image: url("../img/text-line.png");
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: 100% clamp(0.3rem, 0.1014925373rem + 0.2487562189vw, 0.4rem);
}
@media (max-width: 768px) {
  .suica-episode-line {
    padding-bottom: 0.8vw;
    background-size: auto 0.8vw;
  }
}
.suica-episode-line .suica-episode-accent {
  border-bottom: none;
}

.suica-episode-button {
  --suica-color-main-color: var(--suica-color-primary);
  --suica-color-text-color: var(--suica-color-text);
  --icon-posi-right: clamp(1.2rem, 0.4059701493rem + 0.9950248756vw, 1.6rem);
  --icon-size: clamp(1.4rem, 0.2089552239rem + 1.4925373134vw, 2rem);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(1.2rem, -1.5791044776rem + 3.4825870647vw, 2.6rem);
  border-radius: 999px;
  min-width: min(100%, clamp(22rem, -10.1582089552rem + 40.2985074627vw, 38.2rem));
  text-decoration: none;
  background-color: var(--suica-color-main-color);
  color: var(--suica-color-text-color);
  padding: 1.2rem calc(var(--icon-posi-right) + var(--icon-size) + clamp(1.2rem, -1.1820895522rem + 2.9850746269vw, 2.4rem));
  transition: border-color var(--suica-trd-hover-duration) var(--suica-trd-timing), background-color var(--suica-trd-hover-duration) var(--suica-trd-timing);
  position: relative;
  border: 2px solid var(--suica-color-main-color);
}
@media (max-width: 768px) {
  .suica-episode-button {
    gap: 3.2vw;
    padding: 3.2vw 7.4666666667vw;
    padding-inline: 7.4666666667vw 8.8vw;
    border-width: 1px;
  }
}
@media (hover: hover) {
  .suica-episode-button:hover {
    --suica-color-text-color: var(--suica-color-primary);
    background-color: transparent;
  }
}
.suica-episode-button::after {
  content: "";
  position: absolute;
  inset: auto;
  right: var(--icon-posi-right);
  margin: auto;
  width: var(--icon-size);
  aspect-ratio: 19/15;
  -webkit-mask: url("../img/icon-arrow.svg") no-repeat center/contain;
  mask: url("../img/icon-arrow.svg") no-repeat center/contain;
  background-color: var(--suica-color-text-color);
  transition: background-color var(--suica-trd-hover-duration) var(--suica-trd-timing);
}
.suica-episode-button[target=_blank]::after {
  aspect-ratio: 1;
  -webkit-mask: url("../img/icon-blank.png") no-repeat center/contain;
  mask: url("../img/icon-blank.png") no-repeat center/contain;
}
.suica-episode-button-text {
  font-size: clamp(1.8rem, 0.2119402985rem + 1.9900497512vw, 2.6rem);
  font-weight: 700;
  flex: 0 0 auto;
  text-align: center;
  color: var(--suica-color-text-color);
  transition: color var(--suica-trd-hover-duration) var(--suica-trd-timing);
}
@media (max-width: 768px) {
  .suica-episode-button-text {
    font-size: 4.8vw;
  }
}
.suica-episode-button--inverse {
  --suica-color-main-color: var(--suica-color-bg-inverse);
  --suica-color-text-color: var(--suica-color-primary);
}
@media (hover: hover) {
  .suica-episode-button--inverse:hover {
    --suica-color-text-color: var(--suica-color-bg-inverse);
  }
}
.suica-episode-button--back::after {
  scale: -1 1;
  right: auto;
  left: var(--icon-posi-right);
}

.suica-episode a[target=_blank]:not(.suica-episode-button)::after {
  content: "";
  display: inline-block;
  margin-left: 0.25em;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask: url("../img/icon-blank.png") no-repeat center/contain;
  mask: url("../img/icon-blank.png") no-repeat center/contain;
}
.suica-episode button[target=_blank]:not(.suica-episode-button)::after {
  content: "";
  display: inline-block;
  margin-left: 0.25em;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask: url("../img/icon-blank.png") no-repeat center/contain;
  mask: url("../img/icon-blank.png") no-repeat center/contain;
}

.suica-episode-note {
  font-size: clamp(1.4rem, 1.0029850746rem + 0.4975124378vw, 1.6rem);
  font-weight: 700;
}
@media (max-width: 768px) {
  .suica-episode-note {
    font-size: 3.7333333333vw;
  }
}

.suica-episode-note-list {
  display: grid;
  gap: clamp(0.4rem, -0.7910447761rem + 1.4925373134vw, 1rem);
  width: 100%;
}
@media (max-width: 768px) {
  .suica-episode-note-list {
    gap: 1.0666666667vw;
  }
}
.suica-episode-note-list-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0;
  font-size: clamp(1.2rem, 0.8029850746rem + 0.4975124378vw, 1.4rem);
  font-weight: 500;
}
@media (max-width: 768px) {
  .suica-episode-note-list-item {
    font-size: 3.2vw;
  }
}
.suica-episode-note-list-mark {
  text-align: center;
}

.suica-episode-steps {
  --step-badge-size: clamp(4.4rem, 0.4298507463rem + 4.9751243781vw, 6.4rem);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, -0.9850746269rem + 2.4875621891vw, 2rem);
  width: 100%;
  padding-top: calc(var(--step-badge-size) / 2);
}
@media (max-width: 768px) {
  .suica-episode-steps {
    flex-direction: column;
    gap: 2.6666666667vw;
  }
}

.suica-episode-step {
  position: relative;
  display: grid;
  justify-items: center;
  gap: clamp(1.5rem, -0.2865671642rem + 2.2388059701vw, 2.4rem);
  width: min(100%, clamp(15rem, -14.776119403rem + 37.3134328358vw, 30rem));
  padding: calc(var(--step-badge-size) / 2 + clamp(1.2rem, -1.1820895522rem + 2.9850746269vw, 2.4rem)) clamp(1.3rem, -1.2805970149rem + 3.2338308458vw, 2.6rem) clamp(0.8rem, -0.7880597015rem + 1.9900497512vw, 1.6rem);
  border: 1px solid var(--suica-color-text-inverse);
  border-radius: clamp(1.5rem, -1.4776119403rem + 3.7313432836vw, 3rem);
}
@media (max-width: 768px) {
  .suica-episode-step {
    gap: 4vw;
    width: 100%;
    padding: 8.8vw 3.4666666667vw 2.1333333333vw;
    border-radius: 4vw;
  }
}
.suica-episode-step-badge {
  position: absolute;
  inset: 0 0 auto;
  width: var(--step-badge-size);
  aspect-ratio: 1/1;
  translate: 0 -50%;
  margin: auto;
  padding: clamp(0.8rem, 0.0059701493rem + 0.9950248756vw, 1.2rem);
  background-color: var(--suica-color-bg-inverse);
  border-radius: 50%;
  border: 2px solid var(--suica-color-primary);
}
.suica-episode-step-badge img {
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .suica-episode-step-badge {
    padding: 2.1333333333vw;
    border-width: 1px;
  }
}
.suica-episode-step-text {
  font-size: clamp(1.6rem, 0.8059701493rem + 0.9950248756vw, 2rem);
  font-weight: 500;
  line-height: 1.35;
  text-align: center;
}
@media (max-width: 768px) {
  .suica-episode-step-text {
    font-size: 4.2666666667vw;
  }
}
.suica-episode-step-visual {
  display: flex;
  justify-content: center;
  width: 100%;
}
.suica-episode-step-visual img {
  width: 100%;
  height: auto;
}
.suica-episode-step-01 .suica-episode-step-visual img {
  width: min(100%, clamp(17rem, 13.0298507463rem + 4.9751243781vw, 19rem));
}
@media (max-width: 768px) {
  .suica-episode-step-01 .suica-episode-step-visual img {
    width: min(100%, 45.3333333333vw);
  }
}
.suica-episode-step-02 .suica-episode-step-visual img {
  width: min(100%, clamp(7.2rem, 5.6119402985rem + 1.9900497512vw, 8rem));
}
@media (max-width: 768px) {
  .suica-episode-step-02 .suica-episode-step-visual img {
    width: min(100%, 19.2vw);
  }
}
.suica-episode-step-arrow {
  flex-shrink: 0;
  width: clamp(1.2rem, -0.9835820896rem + 2.736318408vw, 2.3rem);
  aspect-ratio: 23/32;
  background-color: var(--suica-color-primary);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media (max-width: 768px) {
  .suica-episode-step-arrow {
    width: 3.2vw;
    rotate: 90deg;
    margin-bottom: calc(var(--step-badge-size) / 2);
  }
}

.suica-episode {
  background-color: var(--suica-color-bg);
  color: var(--suica-color-text-inverse);
  font-family: var(--suica-font-body);
  overflow-wrap: anywhere;
  word-break: auto-phrase;
}
.suica-episode img {
  display: block;
  max-width: 100%;
  height: auto;
}
.suica-episode-kv :is(img, picture) {
  width: 100%;
  height: auto;
}
.suica-episode-intro {
  background-color: var(--suica-color-primary);
  padding-block: clamp(5.5rem, -7.4029850746rem + 16.1691542289vw, 12rem) clamp(4.5rem, -4.8298507463rem + 11.6915422886vw, 9.2rem);
}
@media (max-width: 768px) {
  .suica-episode-intro {
    padding-block: 14.6666666667vw 12vw;
  }
}
.suica-episode-intro .container {
  display: grid;
  justify-items: center;
  gap: clamp(2rem, -1.9701492537rem + 4.9751243781vw, 4rem);
}
@media (max-width: 768px) {
  .suica-episode-intro .container {
    gap: 5.3333333333vw;
  }
}
.suica-episode-intro-lead {
  display: flex;
  justify-content: center;
  width: 100%;
}
.suica-episode-intro-lead-title {
  display: flex;
  justify-content: center;
  width: 100%;
}
.suica-episode-intro-foot {
  display: flex;
  justify-content: center;
}
.suica-episode-intro-foot img {
  width: clamp(2rem, 0.8089552239rem + 1.4925373134vw, 2.6rem);
  height: auto;
}
@media (max-width: 768px) {
  .suica-episode-intro-foot img {
    width: 5.3333333333vw;
  }
}
.suica-episode-intro-desc {
  width: 100%;
  font-size: clamp(1.4rem, -0.1880597015rem + 1.9900497512vw, 2.2rem);
  font-weight: 700;
  color: var(--suica-color-text);
  text-align: center;
  line-height: 2.3;
}
@media (max-width: 768px) {
  .suica-episode-intro-desc {
    font-size: 3.7333333333vw;
  }
}
.suica-episode-intro-desc p + p {
  margin-top: 0;
}
.suica-episode-body {
  --wave-height: clamp(6rem, -7.6970149254rem + 17.1641791045vw, 12.9rem);
}
@media (max-width: 768px) {
  .suica-episode-body {
    --wave-height: 16vw;
  }
}
.suica-episode-body {
  --suica-color-bg: var(--suica-color-secondary);
  display: flex;
  flex-direction: column;
  position: relative;
}
.suica-episode-body::before, .suica-episode-body::after {
  content: "";
  -webkit-mask-image: url("../img/body-wave.png");
  mask-image: url("../img/body-wave.png");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  height: var(--wave-height);
}
.suica-episode-body::before {
  background-color: var(--suica-color-bg);
  position: relative;
  top: 2px;
}
.suica-episode-body::after {
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  width: 100%;
  background-color: var(--suica-color-bg-default);
}
.suica-episode-body-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: var(--suica-color-bg);
  padding-bottom: calc(var(--wave-height) * 2);
}
@media (max-width: 768px) {
  .suica-episode-body-inner .container .container {
    padding-inline: 0;
  }
}
.suica-episode-block {
  margin-top: clamp(4rem, -5.9253731343rem + 12.4378109453vw, 9rem);
  display: grid;
  justify-items: center;
  gap: clamp(0.5rem, -0.4925373134rem + 1.2437810945vw, 1rem);
}
@media (max-width: 768px) {
  .suica-episode-block {
    gap: 1.3333333333vw;
    margin-top: 10.6666666667vw;
  }
}
.suica-episode-block-title {
  margin-bottom: clamp(0.8rem, -0.3910447761rem + 1.4925373134vw, 1.4rem);
}
@media (max-width: 768px) {
  .suica-episode-block-title {
    margin-bottom: 2.1333333333vw;
  }
}
.suica-episode-block-guideline {
  margin-top: 0;
}
.suica-episode-card {
  position: relative;
  width: 100%;
  background-color: var(--suica-color-bg-inverse);
  border-radius: clamp(2.5rem, -2.4626865672rem + 6.2189054726vw, 5rem);
}
@media (max-width: 768px) {
  .suica-episode-card {
    border-radius: 6.6666666667vw;
  }
}
.suica-episode-card-guideline {
  display: grid;
  padding: clamp(4.1rem, -4.0388059701rem + 10.1990049751vw, 8.2rem) clamp(2.5rem, -2.4626865672rem + 6.2189054726vw, 5rem) clamp(1.8rem, -16.4626865672rem + 22.8855721393vw, 11rem);
}
@media (max-width: 768px) {
  .suica-episode-card-guideline {
    padding: 10.9333333333vw var(--suica-content-padding) 4.8vw;
    border-radius: 10.6666666667vw;
  }
}
.suica-episode-card-guideline-head {
  display: grid;
  gap: clamp(0.5rem, 0.1029850746rem + 0.4975124378vw, 0.7rem);
  justify-items: center;
}
@media (max-width: 768px) {
  .suica-episode-card-guideline-head {
    gap: 1.3333333333vw;
  }
}
.suica-episode-card-guideline-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.4rem, 0.0029850746rem + 0.4975124378vw, 0.6rem) clamp(2.4rem, 1.2089552239rem + 1.4925373134vw, 3rem);
  background-color: var(--suica-color-bg-default);
  border-radius: 999px;
}
@media (max-width: 768px) {
  .suica-episode-card-guideline-badge {
    padding: 1.0666666667vw 6.4vw;
  }
  .suica-episode-card-guideline-badge img {
    width: 37.3333333333vw;
  }
}
.suica-episode-card-guideline-theme {
  font-size: clamp(1.6rem, -0.7820895522rem + 2.9850746269vw, 2.8rem);
  font-weight: 700;
  text-align: center;
}
@media (max-width: 768px) {
  .suica-episode-card-guideline-theme {
    margin-top: 3.2vw;
    line-height: 1.35;
    font-size: 4.2666666667vw;
  }
  .suica-episode-card-guideline-theme .suica-episode-note {
    margin-top: 3.2vw;
    display: inline-flex;
  }
}
.suica-episode-card-guideline-theme .suica-episode-accent:not(.suica-episode-accent-sm):not(.suica-episode-accent-md) {
  font-size: clamp(2.4rem, -0.3791044776rem + 3.4825870647vw, 3.8rem);
}
@media (max-width: 768px) {
  .suica-episode-card-guideline-theme .suica-episode-accent:not(.suica-episode-accent-sm):not(.suica-episode-accent-md) {
    font-size: 6.4vw;
  }
}
.suica-episode-card-guideline-period {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0.9rem, -0.8865671642rem + 2.2388059701vw, 1.8rem);
  width: 100%;
  margin-top: 1.3rem;
}
@media (max-width: 768px) {
  .suica-episode-card-guideline-period {
    flex-direction: column;
    margin-top: 5.3333333333vw;
    gap: 2.4vw;
  }
}
.suica-episode-card-guideline-period-label {
  border-block: 1px solid var(--suica-color-primary);
  padding: clamp(0.4rem, 0.2014925373rem + 0.2487562189vw, 0.5rem) clamp(0.6rem, -0.7895522388rem + 1.7412935323vw, 1.3rem);
}
@media (max-width: 768px) {
  .suica-episode-card-guideline-period-label {
    padding: 1.0666666667vw 1.6vw;
  }
}
.suica-episode-card-guideline-period-text {
  font-size: clamp(1.8rem, 0.2119402985rem + 1.9900497512vw, 2.6rem);
  font-weight: 700;
  text-align: center;
}
@media (max-width: 768px) {
  .suica-episode-card-guideline-period-text {
    font-size: 4.8vw;
  }
}
.suica-episode-card-guideline-period-text em {
  font-size: clamp(2.7rem, 1.1119402985rem + 1.9900497512vw, 3.5rem);
  line-height: 1.08;
}
@media (max-width: 768px) {
  .suica-episode-card-guideline-period-text em {
    font-size: 7.2vw;
  }
}
.suica-episode-card-guideline-example {
  position: relative;
  display: grid;
  justify-items: center;
  margin-inline: auto;
  margin-top: clamp(2.4rem, -1.1731343284rem + 4.4776119403vw, 4.2rem);
  padding: clamp(0.9rem, -1.6805970149rem + 3.2338308458vw, 2.2rem) clamp(2rem, -1.9701492537rem + 4.9751243781vw, 4rem) clamp(2rem, -1.9701492537rem + 4.9751243781vw, 4rem);
  border-radius: clamp(3rem, 1.0149253731rem + 2.4875621891vw, 4rem);
  background-color: var(--suica-color-green-light);
}
@media (max-width: 768px) {
  .suica-episode-card-guideline-example {
    margin-top: 6.4vw;
    padding: 2.4vw 5.3333333333vw 5.3333333333vw;
    border-radius: 8vw;
  }
}
.suica-episode-card-guideline-example-lead {
  font-size: clamp(1.4rem, -0.1880597015rem + 1.9900497512vw, 2.2rem);
  font-weight: 500;
  text-align: center;
}
@media (max-width: 768px) {
  .suica-episode-card-guideline-example-lead {
    font-size: 3.7333333333vw;
  }
}
.suica-episode-card-guideline-example-lead .suica-episode-accent {
  font-size: clamp(1.9rem, 0.3119402985rem + 1.9900497512vw, 2.7rem);
  border-bottom: none;
}
@media (max-width: 768px) {
  .suica-episode-card-guideline-example-lead .suica-episode-accent {
    font-size: 5.0666666667vw;
  }
}
.suica-episode-card-guideline-example-title {
  margin-top: clamp(0.4rem, -0.1955223881rem + 0.7462686567vw, 0.7rem);
  font-size: clamp(1.6rem, 0.8059701493rem + 0.9950248756vw, 2rem);
  font-weight: 500;
  text-align: center;
}
@media (max-width: 768px) {
  .suica-episode-card-guideline-example-title {
    margin-top: 3.2vw;
    font-size: 4.2666666667vw;
  }
}
.suica-episode-card-guideline-example-list {
  display: grid;
  gap: 0.4rem;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .suica-episode-card-guideline-example-list {
    gap: 1.0666666667vw;
  }
}
.suica-episode-card-guideline-example-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 1rem;
}
@media (max-width: 768px) {
  .suica-episode-card-guideline-example-item {
    gap: 2.6666666667vw;
    line-height: 1.35;
  }
}
.suica-episode-card-guideline-example-item::before {
  content: "";
  width: clamp(1.8rem, 1.0059701493rem + 0.9950248756vw, 2.2rem);
  aspect-ratio: 22/14;
  background: url("../img/icon-suica.svg") no-repeat center/contain;
}
@media (max-width: 768px) {
  .suica-episode-card-guideline-example-item::before {
    width: 4.8vw;
  }
}
.suica-episode-card-guideline-example-text {
  font-size: clamp(1.3rem, -0.0895522388rem + 1.7412935323vw, 2rem);
  font-weight: 500;
}
@media (max-width: 768px) {
  .suica-episode-card-guideline-example-text {
    font-size: 3.4666666667vw;
  }
}
.suica-episode-card-guideline-message {
  position: relative;
  display: grid;
  gap: clamp(0.5rem, -0.4925373134rem + 1.2437810945vw, 1rem);
  justify-items: center;
  margin-top: clamp(1.2rem, -0.3880597015rem + 1.9900497512vw, 2rem);
  text-align: center;
  line-height: 2;
}
@media (max-width: 768px) {
  .suica-episode-card-guideline-message {
    gap: 1.3333333333vw;
    margin-top: 3.2vw;
  }
}
.suica-episode-card-guideline-message-text {
  position: relative;
  z-index: 1;
  font-size: clamp(1.6rem, 0.0119402985rem + 1.9900497512vw, 2.4rem);
  font-weight: 500;
  line-height: 1.8;
}
.suica-episode-card-guideline-message-highlight {
  color: var(--suica-color-text);
  background: var(--suica-color-primary);
  padding-inline: clamp(0.3rem, -0.6925373134rem + 1.2437810945vw, 0.8rem);
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}
.suica-episode-card-guideline-deco {
  position: absolute;
  pointer-events: none;
}
.suica-episode-card-guideline-deco img {
  width: 100%;
  height: auto;
}
.suica-episode-card-guideline-deco-left {
  top: clamp(-6.2rem, 3.0537313433rem + -7.7114427861vw, -3.1rem);
  right: calc(50% + clamp(8rem, -24.7537313433rem + 41.0447761194vw, 24.5rem));
  width: clamp(10rem, -9.652238806rem + 24.6268656716vw, 19.9rem);
}
@media (max-width: 768px) {
  .suica-episode-card-guideline-deco-left {
    top: -37px;
    left: 2.1333333333vw;
    width: 26.6666666667vw;
  }
}
.suica-episode-card-guideline-deco-right {
  right: clamp(3.2rem, -2.7552238806rem + 7.4626865672vw, 6.2rem);
  bottom: clamp(3.6rem, 1.8134328358rem + 2.2388059701vw, 4.5rem);
  width: clamp(8.3rem, -8.176119403rem + 20.6467661692vw, 16.6rem);
}
@media (max-width: 768px) {
  .suica-episode-card-guideline-deco-right {
    right: -4px;
    bottom: -30px;
    width: 22.1333333333vw;
  }
}
.suica-episode-card-guideline-result {
  position: relative;
  display: grid;
  justify-items: center;
  margin-top: clamp(2.4rem, -1.1731343284rem + 4.4776119403vw, 4.2rem);
}
@media (max-width: 768px) {
  .suica-episode-card-guideline-result {
    margin-top: 6.4vw;
  }
}
.suica-episode-card-guideline-result-title {
  margin-bottom: clamp(0.8rem, -0.3910447761rem + 1.4925373134vw, 1.4rem);
}
@media (max-width: 768px) {
  .suica-episode-card-guideline-result-title {
    margin-bottom: 2.1333333333vw;
  }
}
.suica-episode-card-guideline-result-deco {
  position: absolute;
  pointer-events: none;
}
.suica-episode-card-guideline-result-deco-penguin {
  top: clamp(-4.2rem, 2.0686567164rem + -5.223880597vw, -2.1rem);
  left: clamp(5.2rem, -5.1223880597rem + 12.9353233831vw, 10.4rem);
  width: clamp(4.6rem, -4.5313432836rem + 11.4427860697vw, 9.2rem);
}
@media (max-width: 768px) {
  .suica-episode-card-guideline-result-deco-penguin {
    top: -5.6vw;
    left: 13.8666666667vw;
    width: 12.2666666667vw;
  }
}
.suica-episode-card-guideline-result-body {
  position: relative;
  z-index: 1;
  display: grid;
  gap: clamp(0.8rem, 0.0059701493rem + 0.9950248756vw, 1.2rem);
  width: 100%;
}
@media (max-width: 768px) {
  .suica-episode-card-guideline-result-body {
    gap: 2.1333333333vw;
  }
}
.suica-episode-card-guideline-result-heading {
  font-size: clamp(1.8rem, 0.2119402985rem + 1.9900497512vw, 2.6rem);
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  border-block: 1px solid var(--suica-color-primary);
  padding: clamp(0.4rem, 0.2014925373rem + 0.2487562189vw, 0.5rem) clamp(1.2rem, -0.3880597015rem + 1.9900497512vw, 2rem);
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .suica-episode-card-guideline-result-heading {
    font-size: 4.8vw;
    padding: 1.0666666667vw 3.2vw;
  }
}
.suica-episode-card-guideline-result-lead {
  line-height: 2;
  font-size: clamp(1.6rem, 0.8059701493rem + 0.9950248756vw, 2rem);
  font-weight: 500;
  text-align: center;
}
@media (max-width: 768px) {
  .suica-episode-card-guideline-result-lead {
    font-size: 4.2666666667vw;
  }
}
.suica-episode-card-guideline-result-prize {
  position: relative;
  text-align: center;
}
@media (min-width: 769px) {
  .suica-episode-card-guideline-result-prize {
    display: flex;
    justify-content: center;
    gap: clamp(0.5rem, -0.4925373134rem + 1.2437810945vw, 1rem);
    text-align: center;
  }
}
@media (max-width: 768px) {
  .suica-episode-card-guideline-result-prize {
    padding-bottom: 19.2vw;
  }
}
.suica-episode-card-guideline-result-prize::before, .suica-episode-card-guideline-result-prize::after {
  content: "";
  flex: 1 1 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.suica-episode-card-guideline-result-prize::before {
  background-image: url("../img/gift-deco-01.svg");
}
.suica-episode-card-guideline-result-prize::after {
  background-image: url("../img/gift-deco-02.svg");
}
@media (max-width: 768px) {
  .suica-episode-card-guideline-result-prize::before, .suica-episode-card-guideline-result-prize::after {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  .suica-episode-card-guideline-result-prize::before {
    translate: -2.1333333333vw 0;
    background-size: 21.8666666667vw auto;
    background-position: left bottom;
  }
  .suica-episode-card-guideline-result-prize::after {
    translate: 2.1333333333vw 0;
    background-size: 20.2666666667vw auto;
    background-position: right bottom;
  }
}
.suica-episode-card-guideline-result-prize-text {
  flex: 0 0 auto;
  font-size: clamp(2.2rem, 0.6119402985rem + 1.9900497512vw, 3rem);
  font-weight: 700;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .suica-episode-card-guideline-result-prize-text {
    font-size: 5.8666666667vw;
  }
}
.suica-episode-card-guideline-result-prize-text-highlight {
  line-height: 1;
  color: var(--suica-color-text);
  background: var(--suica-color-primary);
  padding-inline: clamp(0.3rem, -0.6925373134rem + 1.2437810945vw, 0.8rem);
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}
.suica-episode-card-guideline-result .suica-episode-note-list {
  margin-top: clamp(1.2rem, -0.3880597015rem + 1.9900497512vw, 2rem);
}
@media (max-width: 768px) {
  .suica-episode-card-guideline-result .suica-episode-note-list {
    margin-top: 3.2vw;
  }
}
.suica-episode-card-apply {
  padding: clamp(2rem, -1.9701492537rem + 4.9751243781vw, 4rem) clamp(3rem, -2.9552238806rem + 7.4626865672vw, 6rem) clamp(3rem, -2.9552238806rem + 7.4626865672vw, 6rem);
}
@media (max-width: 768px) {
  .suica-episode-card-apply {
    padding: 5.3333333333vw 8vw 8vw;
  }
}
.suica-episode-card-apply {
  display: grid;
  gap: clamp(1.8rem, -1.7731343284rem + 4.4776119403vw, 3.6rem);
  justify-items: center;
}
@media (max-width: 768px) {
  .suica-episode-card-apply {
    gap: 4.8vw;
  }
}
.suica-episode-card-apply-deco {
  position: absolute;
  top: clamp(-11.8rem, 5.8119402985rem + -14.6766169154vw, -5.9rem);
  right: clamp(4.3rem, -4.0373134328rem + 10.447761194vw, 8.5rem);
  width: clamp(9.4rem, -9.2597014925rem + 23.3830845771vw, 18.8rem);
  pointer-events: none;
}
@media (max-width: 768px) {
  .suica-episode-card-apply-deco {
    top: -11.7333333333vw;
    right: -1.3333333333vw;
    width: 25.0666666667vw;
  }
}
.suica-episode-card-apply-deco img {
  width: 100%;
  height: auto;
}
.suica-episode-card-apply-action {
  display: flex;
  justify-content: center;
  width: 100%;
}
.suica-episode-terms {
  position: relative;
  background-color: var(--suica-color-primary);
  padding-bottom: clamp(5.5rem, -5.4179104478rem + 13.6815920398vw, 11rem);
}
@media (max-width: 768px) {
  .suica-episode-terms {
    padding-bottom: 14.6666666667vw;
  }
}
.suica-episode-terms .container {
  position: relative;
  display: grid;
  justify-items: center;
  gap: clamp(1rem, -3.3671641791rem + 5.4726368159vw, 3.2rem);
}
@media (max-width: 768px) {
  .suica-episode-terms .container {
    gap: 2.6666666667vw;
  }
}
.suica-episode-terms-box {
  position: relative;
  width: 100%;
  padding: clamp(2rem, -1.9701492537rem + 4.9751243781vw, 4rem) clamp(1.5rem, -1.4776119403rem + 3.7313432836vw, 3rem);
  border-radius: clamp(2.5rem, -2.4626865672rem + 6.2189054726vw, 5rem);
  background-color: var(--suica-color-bg-inverse);
}
@media (max-width: 768px) {
  .suica-episode-terms-box {
    padding: 5.3333333333vw 4vw;
    border-radius: 6.6666666667vw;
  }
}
.suica-episode-terms-scroll {
  max-height: clamp(16rem, -15.7611940299rem + 39.8009950249vw, 32rem);
  padding-right: clamp(1rem, -0.9850746269rem + 2.4875621891vw, 2rem);
  overflow-y: auto;
  scrollbar-color: var(--suica-color-gray-bar-dark) var(--suica-color-gray-bar);
  scrollbar-width: thin;
}
@media (max-width: 768px) {
  .suica-episode-terms-scroll {
    max-height: 42.6666666667vw;
    padding-right: 2.6666666667vw;
  }
}
.suica-episode-terms-scroll::-webkit-scrollbar {
  width: clamp(0.4rem, -0.1955223881rem + 0.7462686567vw, 0.7rem);
}
@media (max-width: 768px) {
  .suica-episode-terms-scroll::-webkit-scrollbar {
    width: 1.0666666667vw;
  }
}
.suica-episode-terms-scroll::-webkit-scrollbar-track {
  border-radius: 999px;
  background-color: var(--suica-color-gray-bar);
}
.suica-episode-terms-scroll::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background-color: var(--suica-color-gray-bar-dark);
}
.suica-episode-terms-scroll .suica-episode-note-list-text {
  font-size: clamp(1.2rem, 0.4059701493rem + 0.9950248756vw, 1.6rem);
  font-weight: 500;
}
@media (max-width: 768px) {
  .suica-episode-terms-scroll .suica-episode-note-list-text {
    font-size: 3.2vw;
  }
}
.suica-episode-terms-scroll .suica-episode-terms-content {
  font-size: clamp(1.2rem, 0.4059701493rem + 0.9950248756vw, 1.6rem);
  font-weight: 500;
  line-height: 1.8;
}
@media (max-width: 768px) {
  .suica-episode-terms-scroll .suica-episode-terms-content {
    font-size: 3.2vw;
  }
}
.suica-episode-terms-scroll .suica-episode-terms-content-lead {
  margin-bottom: clamp(1.2rem, -0.3880597015rem + 1.9900497512vw, 2rem);
}
@media (max-width: 768px) {
  .suica-episode-terms-scroll .suica-episode-terms-content-lead {
    margin-bottom: 3.2vw;
  }
}
.suica-episode-terms-scroll .suica-episode-terms-content-section:not(:first-child) {
  margin-top: clamp(1.2rem, -0.3880597015rem + 1.9900497512vw, 2rem);
}
@media (max-width: 768px) {
  .suica-episode-terms-scroll .suica-episode-terms-content-section:not(:first-child) {
    margin-top: 3.2vw;
  }
}
.suica-episode-terms-scroll .suica-episode-terms-content-heading {
  font-size: clamp(1.3rem, 0.5059701493rem + 0.9950248756vw, 1.7rem);
  font-weight: 700;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .suica-episode-terms-scroll .suica-episode-terms-content-heading {
    font-size: 3.4666666667vw;
  }
}
.suica-episode-terms-scroll .suica-episode-terms-content-text {
  margin-top: clamp(0.4rem, -0.3940298507rem + 0.9950248756vw, 0.8rem);
}
@media (max-width: 768px) {
  .suica-episode-terms-scroll .suica-episode-terms-content-text {
    margin-top: 1.0666666667vw;
  }
}
.suica-episode-terms-scroll .suica-episode-terms-content-text a {
  color: inherit;
  text-decoration: underline;
  word-break: break-all;
}
.suica-episode-terms-scroll .suica-episode-terms-content-list, .suica-episode-terms-scroll .suica-episode-terms-content-ordered-list {
  margin-top: clamp(0.4rem, -0.3940298507rem + 0.9950248756vw, 0.8rem);
  padding-left: 1.2em;
}
@media (max-width: 768px) {
  .suica-episode-terms-scroll .suica-episode-terms-content-list, .suica-episode-terms-scroll .suica-episode-terms-content-ordered-list {
    margin-top: 1.0666666667vw;
  }
}
.suica-episode-terms-scroll .suica-episode-terms-content-list li + li, .suica-episode-terms-scroll .suica-episode-terms-content-ordered-list li + li {
  margin-top: clamp(0.2rem, -0.1970149254rem + 0.4975124378vw, 0.4rem);
}
@media (max-width: 768px) {
  .suica-episode-terms-scroll .suica-episode-terms-content-list li + li, .suica-episode-terms-scroll .suica-episode-terms-content-ordered-list li + li {
    margin-top: 0.5333333333vw;
  }
}
.suica-episode-terms-scroll .suica-episode-terms-content-list {
  list-style: disc;
}
.suica-episode-terms-scroll .suica-episode-terms-content-ordered-list {
  list-style: decimal;
}
.suica-episode-terms-deco {
  position: absolute;
  left: calc(var(--suica-content-padding) + clamp(1.6rem, -1.576119403rem + 3.9800995025vw, 3.2rem));
  bottom: clamp(7rem, -6.8955223881rem + 17.4129353234vw, 14rem);
  width: clamp(6.5rem, -6.4029850746rem + 16.1691542289vw, 13rem);
  pointer-events: none;
}
@media (min-width: 769px) {
  .suica-episode-terms-deco {
    translate: -100% 0%;
  }
}
@media (max-width: 768px) {
  .suica-episode-terms-deco {
    left: 10px;
    bottom: 50px;
    width: 17.3333333333vw;
  }
}
.suica-episode-terms-deco img {
  width: 100%;
}
.suica-episode-terms-action {
  display: flex;
  justify-content: center;
  width: 100%;
  padding-top: clamp(4rem, -3.9402985075rem + 9.9502487562vw, 8rem);
}
@media (max-width: 768px) {
  .suica-episode-terms-action {
    padding-top: 10.6666666667vw;
  }
}/*# sourceMappingURL=style.css.map */