@charset "UTF-8";
@media screen and (max-width: 960.98px) {
  .mainArea .cardInfo {
    padding-top: clamp(0px, calc(0px + (70 * max(0px, ((100dvw - 0px) / (768))))), 70px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardInfo {
    padding-top: clamp(0px, calc(0px + (70 * max(0px, ((100dvw - 0px) / (960))))), 70px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardInfo .cardInfo_main .l-inner {
    display: grid;
    grid-template-columns: clamp(0px, calc(0px + (387 * max(0px, ((100dvw - 0px) / (960))))), 387px) 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: "apply header" "apply summary";
    justify-content: space-between;
    align-items: start;
    column-gap: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (960))))), 40px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardInfo .cardInfo_main .l-inner .l-header {
    grid-area: header;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardInfo .cardInfo_main .l-inner .l-header .l-heading {
    text-align: left;
  }
}
.mainArea .cardInfo .cardInfo_main .l-inner .l-header .l-text {
  text-align: left;
  margin-top: 1.5em;
}
.mainArea .cardInfo .cardInfo_main .l-inner .l-header .l-attention {
  display: grid;
  align-items: center;
  column-gap: 1em;
  margin-top: 1.5em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardInfo .cardInfo_main .l-inner .l-header .l-attention {
    grid-template-columns: clamp(0px, calc(0px + (58 * max(0px, ((100dvw - 0px) / (768))))), 58px) 1fr;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardInfo .cardInfo_main .l-inner .l-header .l-attention {
    grid-template-columns: clamp(0px, calc(0px + (36 * max(0px, ((100dvw - 0px) / (960))))), 36px) 1fr;
  }
}
.mainArea .cardInfo .cardInfo_main .l-inner .l-header .l-attention .l-caption {
  color: #E3148A;
  text-align: left;
  order: 2;
}
.mainArea .cardInfo .cardInfo_main .l-inner .l-header .l-attention img {
  width: 100%;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardInfo .cardInfo_main .l-inner .l-apply {
    margin-top: clamp(0px, calc(0px + (85 * max(0px, ((100dvw - 0px) / (768))))), 85px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardInfo .cardInfo_main .l-inner .l-apply {
    grid-area: apply;
  }
}
.mainArea .cardInfo .cardInfo_main .l-inner .l-apply .l-card {
  margin-inline: auto;
  position: relative;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardInfo .cardInfo_main .l-inner .l-apply .l-card {
    width: clamp(0px, calc(0px + (600 * max(0px, ((100dvw - 0px) / (768))))), 600px);
    max-width: 400px;
  }
}
.mainArea .cardInfo .cardInfo_main .l-inner .l-apply .l-card img {
  width: 100%;
}
.mainArea .cardInfo .cardInfo_main .l-inner .l-apply .l-card.l-card-multi {
  aspect-ratio: 400/251;
}
.mainArea .cardInfo .cardInfo_main .l-inner .l-apply .l-card.l-card-multi .l-back,
.mainArea .cardInfo .cardInfo_main .l-inner .l-apply .l-card.l-card-multi .l-front {
  position: absolute;
  width: 78%;
}
.mainArea .cardInfo .cardInfo_main .l-inner .l-apply .l-card.l-card-multi .l-back {
  top: 0;
  right: 0;
}
.mainArea .cardInfo .cardInfo_main .l-inner .l-apply .l-card.l-card-multi .l-front {
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardInfo .cardInfo_main .l-inner .l-apply .l-cta {
    margin-top: clamp(0px, calc(0px + (45 * max(0px, ((100dvw - 0px) / (768))))), 45px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardInfo .cardInfo_main .l-inner .l-apply .l-cta {
    margin-top: clamp(0px, calc(0px + (25 * max(0px, ((100dvw - 0px) / (960))))), 25px);
  }
}
.mainArea .cardInfo .cardInfo_main .l-inner .l-apply .l-cta .l-block:not(:first-child) {
  border-top: 1px dashed currentColor;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardInfo .cardInfo_main .l-inner .l-apply .l-cta .l-block:not(:first-child) {
    margin-top: clamp(0px, calc(0px + (45 * max(0px, ((100dvw - 0px) / (768))))), 45px);
    padding-top: clamp(0px, calc(0px + (45 * max(0px, ((100dvw - 0px) / (768))))), 45px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardInfo .cardInfo_main .l-inner .l-apply .l-cta .l-block:not(:first-child) {
    margin-top: clamp(0px, calc(0px + (25 * max(0px, ((100dvw - 0px) / (960))))), 25px);
    padding-top: clamp(0px, calc(0px + (25 * max(0px, ((100dvw - 0px) / (960))))), 25px);
  }
}
.mainArea .cardInfo .cardInfo_main .l-inner .l-apply .l-cta .l-block .l-heading span {
  color: #fff;
  background-color: #0054B6;
  padding: 0.2em 0.4em;
  margin-right: 0.5em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardInfo .cardInfo_main .l-inner .l-apply .l-cta .l-block .l-button {
    width: clamp(0px, calc(0px + (600 * max(0px, ((100dvw - 0px) / (768))))), 600px);
    margin-top: clamp(0px, calc(0px + (15 * max(0px, ((100dvw - 0px) / (768))))), 15px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardInfo .cardInfo_main .l-inner .l-apply .l-cta .l-block .l-button {
    width: 100%;
    margin-top: clamp(0px, calc(0px + (10 * max(0px, ((100dvw - 0px) / (960))))), 10px);
  }
}
.mainArea .cardInfo .cardInfo_main .l-inner .l-apply .l-cta .l-block .l-button .l-label {
  color: #0054B6;
  background-color: #fff;
  padding: 0.2em 0.4em;
  margin-right: 0.5em;
}
.mainArea .cardInfo .cardInfo_main .l-inner .l-apply .l-cta .l-block .l-button .l-noteButton {
  margin-top: 0.25em;
  display: inline-block;
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardInfo .cardInfo_main .l-inner .l-apply .l-cta .l-block .l-button .l-noteButton {
    font-size: clamp(0px, calc(0px + (12 * max(0px, ((100dvw - 0px) / (768))))), 1.2rem);
  }
}
.mainArea .cardInfo .cardInfo_main .l-inner .l-apply .l-cta .l-block .l-button.has-note {
  padding-block: 0.8em;
}
.mainArea .cardInfo .cardInfo_main .l-inner .l-apply .l-cta .l-block .l-note {
  margin-top: 1em;
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardInfo .cardInfo_main .l-inner .l-apply .l-cta .l-block .l-note {
    text-align: left;
  }
}
.mainArea .cardInfo .cardInfo_main .l-inner .l-apply .l-cta .l-block .l-text {
  text-align: left;
  margin-top: 1em;
}
.mainArea .cardInfo .cardInfo_main .l-inner .l-apply .l-cta .l-block .l-text button {
  color: #0054B6;
  font: inherit;
  text-decoration: underline;
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  outline: none;
  appearance: none;
  cursor: pointer;
}
.mainArea .cardInfo .cardInfo_main .l-inner .l-summary {
  display: grid;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardInfo .cardInfo_main .l-inner .l-summary {
    row-gap: clamp(0px, calc(0px + (15 * max(0px, ((100dvw - 0px) / (768))))), 15px);
    margin-top: clamp(0px, calc(0px + (65 * max(0px, ((100dvw - 0px) / (768))))), 65px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardInfo .cardInfo_main .l-inner .l-summary {
    grid-area: summary;
    row-gap: clamp(0px, calc(0px + (10 * max(0px, ((100dvw - 0px) / (960))))), 10px);
    margin-top: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (960))))), 40px);
  }
}
.mainArea .cardInfo .cardInfo_main .l-inner .l-summary dl {
  display: grid;
  justify-content: space-between;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardInfo .cardInfo_main .l-inner .l-summary dl {
    grid-template-columns: clamp(0px, calc(0px + (140 * max(0px, ((100dvw - 0px) / (768))))), 140px) 1fr;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardInfo .cardInfo_main .l-inner .l-summary dl {
    grid-template-columns: clamp(0px, calc(0px + (140 * max(0px, ((100dvw - 0px) / (960))))), 140px) 1fr;
  }
}
.mainArea .cardInfo .cardInfo_main .l-inner .l-summary dl dt {
  background-color: #F0F8FC;
  display: grid;
  place-items: center;
  padding: 1em 0.25em;
}
.mainArea .cardInfo .cardInfo_main .l-inner .l-summary dl dd {
  text-align: left;
}
.mainArea .cardInfo .cardInfo_main .l-inner .l-summary dl dd > * {
  display: block;
}
.mainArea .cardInfo .cardInfo_main .l-inner .l-summary dl dd > *:not(:first-child):not(.l-note) {
  margin-top: 1em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardInfo .cardInfo_main .l-inner .l-summary dl dd {
    padding: 1em 0 1em 1.25em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardInfo .cardInfo_main .l-inner .l-summary dl dd {
    padding: 2em 0 2em 2em;
  }
}
.mainArea .cardInfo .cardInfo_main .l-inner .l-summary dl dd button {
  color: #0054B6;
  font: inherit;
  text-decoration: underline;
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  outline: none;
  appearance: none;
  cursor: pointer;
}
.mainArea .cardInfo .cardInfo_main .l-inner .l-summary dl dd .l-hignlight {
  color: #E3148A;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardInfo .cardInfo_main .l-footer {
    margin-top: clamp(0px, calc(0px + (70 * max(0px, ((100dvw - 0px) / (768))))), 70px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardInfo .cardInfo_main .l-footer {
    margin-top: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (960))))), 60px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardInfo .cardInfo_main .l-footer a {
    min-width: clamp(0px, calc(0px + (500 * max(0px, ((100dvw - 0px) / (768))))), 500px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardInfo .cardInfo_main .l-footer a {
    min-width: clamp(0px, calc(0px + (387 * max(0px, ((100dvw - 0px) / (960))))), 387px);
  }
}
.mainArea .cardInfo .cardInfo_service {
  border: 1px solid #DFDFDF;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardInfo .cardInfo_service {
    margin-top: clamp(0px, calc(0px + (45 * max(0px, ((100dvw - 0px) / (768))))), 45px);
    padding: clamp(0px, calc(0px + (35 * max(0px, ((100dvw - 0px) / (768))))), 35px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardInfo .cardInfo_service {
    display: grid;
    grid-template-columns: clamp(0px, calc(0px + (270 * max(0px, ((100dvw - 0px) / (1140))))), 270px) 1fr;
    margin-top: clamp(0px, calc(0px + (50 * max(0px, ((100dvw - 0px) / (960))))), 50px);
    padding-block: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (960))))), 30px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardInfo .cardInfo_service .l-heading {
    border-bottom: 1px solid #BCBCBC;
    padding-bottom: clamp(0px, calc(0px + (35 * max(0px, ((100dvw - 0px) / (768))))), 35px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardInfo .cardInfo_service .l-heading {
    display: grid;
    place-items: center;
    border-right: 1px solid #DFDFDF;
  }
}
.mainArea .cardInfo .cardInfo_service .l-list {
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: center;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardInfo .cardInfo_service .l-list {
    column-gap: clamp(0px, calc(0px + (50 * max(0px, ((100dvw - 0px) / (768))))), 50px);
    margin-top: clamp(0px, calc(0px + (45 * max(0px, ((100dvw - 0px) / (768))))), 45px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardInfo .cardInfo_service .l-list {
    column-gap: clamp(0px, calc(0px + (140 * max(0px, ((100dvw - 0px) / (1140))))), 140px);
  }
}
.mainArea .cardInfo .cardInfo_service .l-list > li {
  display: contents;
}
.mainArea .cardInfo .cardInfo_service .l-list > li > a {
  color: inherit;
  text-decoration: none;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
}
.mainArea .cardInfo .cardInfo_service .l-list > li > a .l-figure img {
  width: auto;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardInfo .cardInfo_service .l-list > li > a .l-figure img {
    height: clamp(0px, calc(0px + (106 * max(0px, ((100dvw - 0px) / (768))))), 106px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardInfo .cardInfo_service .l-list > li > a .l-figure img {
    height: clamp(0px, calc(0px + (81 * max(0px, ((100dvw - 0px) / (1140))))), 81px);
  }
}
.mainArea .cardInfo .cardInfo_service .l-list > li > a .l-caption {
  width: max-content;
  display: inline-grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  margin-inline: auto;
  transition: color 400ms;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardInfo .cardInfo_service .l-list > li > a .l-caption {
    column-gap: 0.75em;
    margin-top: 1em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardInfo .cardInfo_service .l-list > li > a .l-caption {
    column-gap: 1em;
    margin-top: 1.5em;
  }
}
.mainArea .cardInfo .cardInfo_service .l-list > li > a .l-caption::before, .mainArea .cardInfo .cardInfo_service .l-list > li > a .l-caption::after {
  content: "";
}
.mainArea .cardInfo .cardInfo_service .l-list > li > a .l-caption::after {
  justify-self: end;
  aspect-ratio: 1;
  border-color: #0054B6;
  border-style: solid;
  rotate: 45deg;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardInfo .cardInfo_service .l-list > li > a .l-caption::after {
    width: 0.4em;
    border-width: 0.15em 0.15em 0 0;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardInfo .cardInfo_service .l-list > li > a .l-caption::after {
    width: clamp(0px, calc(0px + (6.5 * max(0px, ((100dvw - 0px) / (960))))), 6.5px);
    border-width: clamp(0px, calc(0px + (2 * max(0px, ((100dvw - 0px) / (960))))), 2px) clamp(0px, calc(0px + (2 * max(0px, ((100dvw - 0px) / (960))))), 2px) 0 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  body:not([data-device=touchDevice]) .mainArea .cardInfo .cardInfo_service .l-list > li > a:hover .l-caption {
    color: #0054B6;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature {
    margin-top: clamp(0px, calc(0px + (80 * max(0px, ((100dvw - 0px) / (768))))), 80px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature {
    margin-top: clamp(0px, calc(0px + (70 * max(0px, ((100dvw - 0px) / (960))))), 70px);
  }
}
.mainArea .cardFeature .l-inner {
  display: grid;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner {
    row-gap: clamp(0px, calc(0px + (10 * max(0px, ((100dvw - 0px) / (768))))), 10px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner {
    row-gap: clamp(0px, calc(0px + (10 * max(0px, ((100dvw - 0px) / (960))))), 10px);
  }
}
.mainArea .cardFeature .l-inner .l-block {
  overflow: hidden;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block {
    border-radius: clamp(0px, calc(0px + (8 * max(0px, ((100dvw - 0px) / (768))))), 8px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block {
    border-radius: 8px;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-header {
  color: #fff;
  background-color: #0054B6;
  display: flex;
  justify-content: start;
  align-items: center;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-header {
    min-height: clamp(0px, calc(0px + (80 * max(0px, ((100dvw - 0px) / (768))))), 80px);
    padding: 0.6em 2.5em 0.6em 1em;
    column-gap: 0.75em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-header {
    padding: 0.75em 3.5em 0.75em 2em;
    column-gap: 1.5em;
  }
}
@media (hover: hover) and (pointer: fine) {
  .mainArea .cardFeature .l-inner .l-block .l-header span.c-hover-line {
    background: linear-gradient(currentColor, currentColor) 0 100%/0% 1px no-repeat;
    transition: background 400ms cubic-bezier(0.165, 0.84, 0.44, 1); /* easeOutQuart */
    padding-bottom: 0.2em;
  }
  .mainArea .cardFeature .l-inner .l-block .l-header:hover span.c-hover-line {
    background: linear-gradient(currentColor, currentColor) 0 100%/100% 1px no-repeat;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-header::before {
  content: "";
  background-color: #fff;
  aspect-ratio: 1;
  display: inline-block;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%2012L8%2020H12V12H20V8H12V0H8L8%208H0V12H8Z'%20fill='white'/%3E%3C/svg%3E") no-repeat center/contain;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-header::before {
    width: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px);
    right: 1em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-header::before {
    width: clamp(0px, calc(0px + (20 * max(0px, ((100dvw - 0px) / (960))))), 20px);
    right: 1.5em;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-header .l-heading {
  text-align: left;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-header .l-heading {
    font-size: clamp(1.3rem, calc(13px + (3 * max(0px, ((100dvw - 384px) / (384))))), 1.6rem);
    line-height: 1.375;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-header .l-gold {
  color: #fff;
  background-color: #C6A533;
  box-sizing: border-box;
  white-space: nowrap;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-header .l-gold {
    font-size: clamp(1rem, calc(10px + (4 * max(0px, ((100dvw - 384px) / (384))))), 1.4rem);
    width: max-content;
    padding: 0.5em 0.3em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-header .l-gold {
    padding: 0.5em 0.75em;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-header.is-active::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iNCIgdmlld0JveD0iMCAwIDIwIDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub3dlciIgY2xpcC1ydWxlPSJldmVub3dlciIgZD0iTTIwIDRIMFYwSDIwVjRaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==");
}
.mainArea .cardFeature .l-inner .l-block .l-content {
  display: none;
  border-color: #BCBCBC;
  border-style: solid;
  border-width: 0 1px 1px 1px;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content {
    padding: 2em 2em 3em;
    border-radius: 0 0 clamp(0px, calc(0px + (8 * max(0px, ((100dvw - 0px) / (768))))), 8px) clamp(0px, calc(0px + (8 * max(0px, ((100dvw - 0px) / (768))))), 8px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content {
    padding: 5em 4em;
    border-radius: 0 0 8px 8px;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content .l-contentHeader .l-contentHeading {
  margin-top: 0.75em;
}
.mainArea .cardFeature .l-inner .l-block .l-content .l-contentHeader .l-text {
  margin-top: 1.5em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content .l-contentHeader .l-text {
    text-align: left;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content .l-contentHeader .l-text .l-highlight {
  color: #E3148A;
  font-weight: 700;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content .l-contentHeader .l-note {
    text-align: left;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content .l-headingSub {
  color: #fff;
  background-color: #0054B6;
  padding: 0.3em 0.25em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content .l-caption {
    margin: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (768))))), 60px) auto 1em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content .l-caption {
    margin: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (960))))), 60px) auto 1em;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content .l-buttonWrapper {
  justify-content: center;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content .l-buttonWrapper {
    margin-top: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (768))))), 60px);
    display: grid;
    grid-template-columns: clamp(0px, calc(0px + (500 * max(0px, ((100dvw - 0px) / (768))))), 500px);
    row-gap: clamp(0px, calc(0px + (10 * max(0px, ((100dvw - 0px) / (768))))), 10px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content .l-buttonWrapper {
    margin-top: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (960))))), 60px);
    display: flex;
    flex-wrap: wrap;
    gap: clamp(0px, calc(0px + (20 * max(0px, ((100dvw - 0px) / (960))))), 20px);
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content .l-buttonWrapper.l-buttonWrapper2 {
  margin-top: 0;
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content .l-buttonWrapper .l-button {
    min-width: clamp(0px, calc(0px + (350 * max(0px, ((100dvw - 0px) / (960))))), 350px);
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content .l-buttonWrapper .l-button.has-multiLine {
  padding-block: 0.8em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content .l-buttonWrapper .l-button.has-multiLine-md {
    padding-block: 0.8em;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content .l-buttonWrapper .l-button-link-pdf {
  padding: 1.4em 3em;
  display: inline-block;
  box-sizing: border-box;
  background-color: #999;
  text-decoration: none;
  color: #FFF;
  font-size: clamp(1.3rem, calc(13px + (3 * max(0px, ((100dvw - 384px) / (384))))), 1.6rem);
  line-height: 1.375;
  letter-spacing: 0.1em;
  border-radius: clamp(0.4rem, calc(4px + (4 * max(0px, ((100dvw - 384px) / (384))))), 0.8rem);
  position: relative;
  transition: background-color 400ms;
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content .l-buttonWrapper .l-button-link-pdf {
    min-width: clamp(0px, calc(0px + (350 * max(0px, ((100dvw - 0px) / (960))))), 350px);
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content .l-buttonWrapper .l-button-link-pdf::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  display: block;
}
.mainArea .cardFeature .l-inner .l-block .l-content .l-buttonWrapper .l-button-link-pdf::after {
  background-color: currentColor;
  mask: url("/assets/common/images/icon-link-pdf.svg") no-repeat center;
  -webkit-mask: url("/assets/common/images/icon-link-pdf.svg") no-repeat center;
  mask-size: contain;
  -webkit-mask-size: contain;
  width: 1.4em;
  height: 1.4em;
}
.mainArea .cardFeature .l-inner .l-block .l-content .l-note {
  text-align: left;
  margin: 1.5em auto 0;
  display: inline-block;
}
.mainArea .cardFeature .l-inner .l-block .l-content .l-noteList {
  margin-top: 2em;
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content .l-noteList {
    display: inline-grid;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content .l-noteList li {
  text-align: left;
}
.mainArea .cardFeature .l-inner .l-block .l-content .l-noteList li a {
  color: #0054B6;
}
.mainArea .cardFeature .l-inner .l-block .l-content .l-noteList li .l-highlight {
  color: #E3148A;
}
.mainArea .cardFeature .l-inner .l-block .l-content .l-autoCharge {
  margin-top: 2.5em;
}
.mainArea .cardFeature .l-inner .l-block .l-content .l-autoCharge .l-lead {
  margin-top: 2em;
}
.mainArea .cardFeature .l-inner .l-block .l-content .l-autoCharge .l-diagram {
  display: block;
  margin-top: 2.5em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content .l-autoCharge .l-diagram img {
    width: 100%;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content .l-autoCharge .l-diagram img {
    width: clamp(0px, calc(0px + (840 * max(0px, ((100dvw - 0px) / (960))))), 840px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content .l-splitPC {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 5em;
    margin-top: 5em;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content .l-splitPC .l-box {
    margin-top: 3em;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-creditBenefits .l-contentHeader img {
    width: clamp(0px, calc(0px + (156 * max(0px, ((100dvw - 0px) / (768))))), 156px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-creditBenefits .l-contentHeader img {
    width: clamp(0px, calc(0px + (110 * max(0px, ((100dvw - 0px) / (960))))), 110px);
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-creditBenefits .l-diagram {
  display: block;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-creditBenefits .l-diagram {
    margin-top: 3em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-creditBenefits .l-diagram {
    margin-top: 5em;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-creditBenefits .l-diagram img {
    width: 100%;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-creditBenefits .l-diagram img {
    width: clamp(0px, calc(0px + (924 * max(0px, ((100dvw - 0px) / (960))))), 924px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsExchange .l-contentHeader img {
    width: clamp(0px, calc(0px + (269 * max(0px, ((100dvw - 0px) / (768))))), 269px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsExchange .l-contentHeader img {
    width: clamp(0px, calc(0px + (219 * max(0px, ((100dvw - 0px) / (960))))), 219px);
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsExchange .l-point {
  display: grid;
  justify-content: center;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsExchange .l-point {
    row-gap: clamp(0px, calc(0px + (35 * max(0px, ((100dvw - 0px) / (768))))), 35px);
    margin-top: clamp(0px, calc(0px + (65 * max(0px, ((100dvw - 0px) / (768))))), 65px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsExchange .l-point {
    grid-template-columns: repeat(3, auto);
    column-gap: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (960))))), 30px);
    align-items: center;
    margin-top: clamp(0px, calc(0px + (45 * max(0px, ((100dvw - 0px) / (960))))), 45px);
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsExchange .l-point::after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  order: 2;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsExchange .l-point::after {
    background-image: url("../../../../assets/common/images/icon-arrowBottom.svg");
    width: clamp(0px, calc(0px + (100 * max(0px, ((100dvw - 0px) / (768))))), 100px);
    aspect-ratio: 100/150;
    margin-inline: auto;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsExchange .l-point::after {
    background-image: url("../../../../assets/common/images/icon-arrowRight.svg");
    width: clamp(0px, calc(0px + (73 * max(0px, ((100dvw - 0px) / (960))))), 73px);
    aspect-ratio: 73/49;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsExchange .l-point .l-vPoint,
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsExchange .l-point .l-keioPoint {
  display: grid;
  align-items: center;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsExchange .l-point .l-vPoint,
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsExchange .l-point .l-keioPoint {
    column-gap: 2em;
    justify-content: center;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsExchange .l-point .l-vPoint,
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsExchange .l-point .l-keioPoint {
    column-gap: clamp(0px, calc(0px + (20 * max(0px, ((100dvw - 0px) / (960))))), 20px);
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsExchange .l-point .l-vPoint img,
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsExchange .l-point .l-keioPoint img {
  width: 100%;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsExchange .l-point .l-vPoint .l-caption,
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsExchange .l-point .l-keioPoint .l-caption {
  text-align: left;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsExchange .l-point .l-vPoint .l-caption .l-highlight,
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsExchange .l-point .l-keioPoint .l-caption .l-highlight {
  color: #0054B6;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsExchange .l-point .l-vPoint {
  order: 1;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsExchange .l-point .l-vPoint {
    grid-template-columns: clamp(0px, calc(0px + (77 * max(0px, ((100dvw - 0px) / (768))))), 77px) auto;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsExchange .l-point .l-vPoint {
    grid-template-columns: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (960))))), 60px) auto;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsExchange .l-point .l-keioPoint {
  order: 3;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsExchange .l-point .l-keioPoint {
    grid-template-columns: clamp(0px, calc(0px + (197 * max(0px, ((100dvw - 0px) / (768))))), 197px) auto;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsExchange .l-point .l-keioPoint {
    grid-template-columns: clamp(0px, calc(0px + (150 * max(0px, ((100dvw - 0px) / (960))))), 150px) auto;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsAll .l-contentHeader img {
    width: clamp(0px, calc(0px + (77 * max(0px, ((100dvw - 0px) / (768))))), 77px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsAll .l-contentHeader img {
    width: clamp(0px, calc(0px + (59 * max(0px, ((100dvw - 0px) / (960))))), 59px);
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsAll .l-main {
  margin-top: 4em;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsAll .l-main .l-mainBlock .l-point {
  margin-top: 2em;
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsAll .l-main .l-mainBlock .l-point {
    display: grid;
    grid-template-columns: clamp(0px, calc(0px + (59 * max(0px, ((100dvw - 0px) / (960))))), 59px) clamp(0px, calc(0px + (300 * max(0px, ((100dvw - 0px) / (960))))), 300px);
    justify-content: center;
    align-items: center;
    column-gap: 2em;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsAll .l-main .l-mainBlock .l-point img {
    width: clamp(0px, calc(0px + (77 * max(0px, ((100dvw - 0px) / (768))))), 77px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsAll .l-main .l-mainBlock .l-point img {
    width: 100%;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsAll .l-main .l-mainBlock .l-point .l-pointContent {
    display: flex;
    align-items: center;
    column-gap: 1.5em;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsAll .l-main .l-mainBlock .l-point .l-pointContent .l-value {
  color: #E3148A;
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsAll .l-main .l-mainBlock .l-point .l-pointContent .l-value {
    display: inline-flex;
    align-items: baseline;
    column-gap: 0.3em;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsAll .l-main .l-mainBlock .l-caption {
  margin-top: 1.5em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsAll .l-main .l-mainBlock.l-mainBlock-credit .l-mainHeading {
    text-align: left;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsAll .l-main .l-mainBlock.l-mainBlock-credit .l-point .l-pointContent {
    margin-top: 1em;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsAll .l-main .l-mainBlock.l-mainBlock-credit .l-point .l-pointContent > span {
    display: block;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsAll .l-main .l-mainBlock.l-mainBlock-credit .l-noteList li {
    text-align: center;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsAll .l-main .l-mainBlock.l-mainBlock-shopping .l-mainHeading {
    text-align: left;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsAll .l-main .l-mainBlock.l-mainBlock-shopping .l-point .l-pointContent {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsAll .l-main .l-mainBlock.l-mainBlock-shopping .l-point .l-pointContent {
    margin-top: 0.5em;
    column-gap: 0.5em;
    justify-content: center;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-vpointsAll .l-main .l-mainBlock:not(:first-child) {
  margin-top: 4em;
  padding-top: 4em;
  border-top: 1px solid #0054B6;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-pasmoAutocharge .l-contentHeader img {
    width: clamp(0px, calc(0px + (118 * max(0px, ((100dvw - 0px) / (768))))), 118px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-pasmoAutocharge .l-contentHeader img {
    width: clamp(0px, calc(0px + (91 * max(0px, ((100dvw - 0px) / (960))))), 91px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-familyPoints .l-contentHeader img {
    width: clamp(0px, calc(0px + (139 * max(0px, ((100dvw - 0px) / (768))))), 139px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-familyPoints .l-contentHeader img {
    width: clamp(0px, calc(0px + (107 * max(0px, ((100dvw - 0px) / (960))))), 107px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-cashPoints .l-contentHeader img {
    width: clamp(0px, calc(0px + (213 * max(0px, ((100dvw - 0px) / (768))))), 213px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-cashPoints .l-contentHeader img {
    width: clamp(0px, calc(0px + (164 * max(0px, ((100dvw - 0px) / (960))))), 164px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-autochargeIncluded .l-contentHeader img {
    width: clamp(0px, calc(0px + (157 * max(0px, ((100dvw - 0px) / (768))))), 157px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-autochargeIncluded .l-contentHeader img {
    width: clamp(0px, calc(0px + (121 * max(0px, ((100dvw - 0px) / (960))))), 121px);
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-autochargeIncluded .l-save {
  margin-top: 3em;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-autochargeIncluded .l-save .l-point {
  display: grid;
  justify-content: center;
  align-items: center;
  column-gap: 1.5em;
  margin-top: 3em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-autochargeIncluded .l-save .l-point {
    grid-template-columns: clamp(0px, calc(0px + (96 * max(0px, ((100dvw - 0px) / (768))))), 96px) max-content max-content;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-autochargeIncluded .l-save .l-point {
    grid-template-columns: clamp(0px, calc(0px + (59 * max(0px, ((100dvw - 0px) / (768))))), 59px) max-content max-content;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-autochargeIncluded .l-save .l-point img {
  width: 100%;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-autochargeIncluded .l-save .l-point .l-value {
  color: #E3148A;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-autochargeIncluded .l-save .l-point .l-value span {
  line-height: inherit;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-paspasIncluded .l-contentHeader img {
    width: clamp(0px, calc(0px + (165 * max(0px, ((100dvw - 0px) / (768))))), 165px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-paspasIncluded .l-contentHeader img {
    width: clamp(0px, calc(0px + (126 * max(0px, ((100dvw - 0px) / (960))))), 126px);
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-paspasIncluded .l-save {
  margin-top: 3em;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-paspasIncluded .l-save .l-point {
  display: grid;
  justify-content: center;
  align-items: center;
  column-gap: 1.5em;
  margin-top: 3em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-paspasIncluded .l-save .l-point {
    grid-template-columns: clamp(0px, calc(0px + (171 * max(0px, ((100dvw - 0px) / (768))))), 171px) max-content max-content;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-paspasIncluded .l-save .l-point {
    grid-template-columns: clamp(0px, calc(0px + (118 * max(0px, ((100dvw - 0px) / (768))))), 118px) auto auto;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-paspasIncluded .l-save .l-point img {
  width: 100%;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-paspasIncluded .l-save .l-point .l-value {
  color: #E3148A;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-paspasIncluded .l-save .l-point .l-value span {
  line-height: inherit;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-paspasIncluded .l-save .l-double {
  color: #0054B6;
  border: 1px solid currentColor;
  margin-top: 1em;
  border-radius: calc(infinity * 1px);
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-paspasIncluded .l-save .l-double {
    padding: 1.25em 0.5em 1em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-paspasIncluded .l-save .l-double {
    padding: 0.5em 4em 0.75em;
    display: inline-block;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-paspasIncluded .l-save .l-double span {
  color: #E3148A;
  line-height: inherit;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-paspasIncluded .l-electronicMoney {
  margin-top: 4em;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-paspasIncluded .l-electronicMoney .l-inner {
  display: grid;
  margin-top: 3em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-paspasIncluded .l-electronicMoney .l-inner {
    row-gap: 2em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-paspasIncluded .l-electronicMoney .l-inner {
    grid-template-columns: clamp(0px, calc(0px + (518 * max(0px, ((100dvw - 0px) / (1140))))), 518px) clamp(0px, calc(0px + (444 * max(0px, ((100dvw - 0px) / (1140))))), 444px);
    justify-content: space-between;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-paspasIncluded .l-electronicMoney .l-inner .l-text {
  text-align: left;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-paspasIncluded .l-electronicMoney .l-inner img {
  width: 100%;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-passPoints .l-contentHeader img {
    width: clamp(0px, calc(0px + (183 * max(0px, ((100dvw - 0px) / (768))))), 183px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-passPoints .l-contentHeader img {
    width: clamp(0px, calc(0px + (141 * max(0px, ((100dvw - 0px) / (960))))), 141px);
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-passPoints .l-save {
  margin-top: 3em;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-passPoints .l-save .l-point {
  margin-top: 3em;
  display: grid;
  justify-content: center;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-passPoints .l-save .l-point {
    row-gap: 0.5em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-passPoints .l-save .l-point {
    grid-template-columns: clamp(0px, calc(0px + (230 * max(0px, ((100dvw - 0px) / (768))))), 230px) max-content max-content;
    align-items: center;
    column-gap: 3em;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-passPoints .l-save .l-point img {
    width: clamp(0px, calc(0px + (392 * max(0px, ((100dvw - 0px) / (768))))), 392px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-passPoints .l-save .l-point img {
    width: 100%;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-passPoints .l-save .l-point .l-text {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 1em;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-passPoints .l-save .l-point .l-text .l-value {
  color: #E3148A;
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-passPoints .l-save .l-point .l-text .l-value {
    text-align: left;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-passPoints .l-save .l-point .l-text .l-value span {
  line-height: inherit;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-passPoints .l-save .l-lead {
  margin-top: 2em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-passPoints .l-save .l-lead {
    text-align: left;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-passPoints .l-additional {
  margin-top: 3em;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-passPoints .l-additional .l-main {
  display: grid;
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-passPoints .l-additional .l-main {
    margin-top: 3em;
    grid-template-columns: clamp(0px, calc(0px + (195 * max(0px, ((100dvw - 0px) / (1060))))), 195px) 1fr;
    column-gap: 2em;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-passPoints .l-additional .l-main img {
    width: clamp(0px, calc(0px + (195 * max(0px, ((100dvw - 0px) / (768))))), 195px);
    margin: 2em auto;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-passPoints .l-additional .l-main img {
    width: 100%;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-passPoints .l-additional .l-main .l-list {
  text-align: left;
  padding-left: 1.5em;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-passPoints .l-additional .l-main .l-list li {
  list-style: disc;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-passPoints .l-additional .l-noteList {
  text-align: left;
  margin-top: 2.5em;
  padding-left: 1.5em;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-passPoints .l-additional .l-noteList li {
  list-style: disc;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-passPoints .l-additional .l-note {
  text-align: left;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-contentHeader img {
    width: clamp(0px, calc(0px + (78 * max(0px, ((100dvw - 0px) / (768))))), 78px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-contentHeader img {
    width: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (960))))), 60px);
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main {
  margin-top: 4em;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main .l-mainBlock.l-mainBlock-save .l-point {
  display: grid;
  justify-content: center;
  align-items: center;
  column-gap: 1.5em;
  margin-top: 2em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main .l-mainBlock.l-mainBlock-save .l-point {
    grid-template-columns: clamp(0px, calc(0px + (171 * max(0px, ((100dvw - 0px) / (768))))), 171px) max-content max-content;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main .l-mainBlock.l-mainBlock-save .l-point {
    grid-template-columns: clamp(0px, calc(0px + (118 * max(0px, ((100dvw - 0px) / (768))))), 118px) auto auto;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main .l-mainBlock.l-mainBlock-save .l-point img {
  width: 100%;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main .l-mainBlock.l-mainBlock-save .l-point .l-value {
  color: #E3148A;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main .l-mainBlock.l-mainBlock-save .l-point .l-value span {
  line-height: inherit;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main .l-mainBlock.l-mainBlock-save .l-caption {
  margin-top: 1.5em;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main .l-mainBlock.l-mainBlock-electronicMoney .l-point {
  margin-top: 2em;
  display: grid;
  justify-content: center;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main .l-mainBlock.l-mainBlock-electronicMoney .l-point {
    row-gap: 1.5em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main .l-mainBlock.l-mainBlock-electronicMoney .l-point {
    grid-template-columns: repeat(4, auto);
    align-items: center;
    column-gap: 3em;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main .l-mainBlock.l-mainBlock-electronicMoney .l-point::after {
  content: "=";
  color: #0054B6;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main .l-mainBlock.l-mainBlock-electronicMoney .l-point::after {
    font-size: clamp(2.3rem, calc(23px + (9 * max(0px, ((100dvw - 384px) / (384))))), 3.2rem);
    line-height: 1.4375;
    rotate: 90deg;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main .l-mainBlock.l-mainBlock-electronicMoney .l-point::after {
    font-size: clamp(1.6rem, calc(16px + (4 * max(0px, ((100dvw - 384px) / (384))))), 2rem);
    line-height: 1.6;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main .l-mainBlock.l-mainBlock-electronicMoney .l-point .l-circle {
  display: grid;
  justify-content: center;
  align-items: center;
  column-gap: 2em;
}
@media screen and (max-width: 480.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main .l-mainBlock.l-mainBlock-electronicMoney .l-point .l-circle {
    grid-template-columns: clamp(0px, calc(0px + (214 * max(0px, ((100dvw - 0px) / (768))))), 214px) auto clamp(0px, calc(0px + (214 * max(0px, ((100dvw - 0px) / (768))))), 214px);
  }
}
@media screen and (min-width: 481px) and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main .l-mainBlock.l-mainBlock-electronicMoney .l-point .l-circle {
    grid-template-columns: 140px auto 140px;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main .l-mainBlock.l-mainBlock-electronicMoney .l-point .l-circle {
    grid-template-columns: clamp(0px, calc(0px + (150 * max(0px, ((100dvw - 0px) / (1140))))), 150px) auto clamp(0px, calc(0px + (150 * max(0px, ((100dvw - 0px) / (1140))))), 150px);
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main .l-mainBlock.l-mainBlock-electronicMoney .l-point .l-circle::after {
  content: "+";
  color: #0054B6;
  font-weight: 700;
  letter-spacing: 0.1em;
  order: 2;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main .l-mainBlock.l-mainBlock-electronicMoney .l-point .l-circle::after {
    font-size: clamp(2.3rem, calc(23px + (9 * max(0px, ((100dvw - 384px) / (384))))), 3.2rem);
    line-height: 1.4375;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main .l-mainBlock.l-mainBlock-electronicMoney .l-point .l-circle::after {
    font-size: clamp(1.6rem, calc(16px + (4 * max(0px, ((100dvw - 384px) / (384))))), 2rem);
    line-height: 1.6;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main .l-mainBlock.l-mainBlock-electronicMoney .l-point .l-circle .l-box {
  width: 100%;
  aspect-ratio: 1;
  border: 1px solid #0054B6;
  border-radius: 50%;
  display: grid;
  place-items: center;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main .l-mainBlock.l-mainBlock-electronicMoney .l-point .l-circle .l-box:first-child {
  order: 1;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main .l-mainBlock.l-mainBlock-electronicMoney .l-point .l-circle .l-box:last-child {
  order: 3;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main .l-mainBlock.l-mainBlock-electronicMoney .l-point .l-circle .l-box span {
  display: block;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main .l-mainBlock.l-mainBlock-electronicMoney .l-point .l-circle .l-box .l-text {
  color: #0054B6;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main .l-mainBlock.l-mainBlock-electronicMoney .l-point .l-circle .l-box .l-value {
  color: #E3148A;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main .l-mainBlock.l-mainBlock-electronicMoney .l-point .l-keio {
  display: grid;
  justify-content: center;
  order: 9;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main .l-mainBlock.l-mainBlock-electronicMoney .l-point .l-keio {
    row-gap: 1em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main .l-mainBlock.l-mainBlock-electronicMoney .l-point .l-keio {
    grid-template-columns: clamp(0px, calc(0px + (118 * max(0px, ((100dvw - 0px) / (1140))))), 118px) auto;
    align-items: center;
    column-gap: 1em;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main .l-mainBlock.l-mainBlock-electronicMoney .l-point .l-keio img {
    width: clamp(0px, calc(0px + (171 * max(0px, ((100dvw - 0px) / (768))))), 171px);
    margin-inline: auto;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main .l-mainBlock.l-mainBlock-electronicMoney .l-point .l-keio img {
    width: 100%;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main .l-mainBlock.l-mainBlock-electronicMoney .l-point .l-keio .l-text {
  display: grid;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main .l-mainBlock.l-mainBlock-electronicMoney .l-point .l-keio .l-text .l-double {
  color: #0054B6;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main .l-mainBlock.l-mainBlock-electronicMoney .l-point .l-keio .l-text .l-value {
  color: #E3148A;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-dailyPoints .l-main .l-mainBlock:not(:first-child) {
  margin-top: 4em;
  padding-top: 4em;
  border-top: 1px solid #0054B6;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-manyPoints .l-contentHeader img {
    width: clamp(0px, calc(0px + (156 * max(0px, ((100dvw - 0px) / (768))))), 156px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-manyPoints .l-contentHeader img {
    width: clamp(0px, calc(0px + (110 * max(0px, ((100dvw - 0px) / (960))))), 110px);
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-manyPoints .l-diagram {
  display: block;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-manyPoints .l-diagram {
    margin-top: 3em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-manyPoints .l-diagram {
    margin-top: 5em;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-manyPoints .l-diagram img {
    width: 100%;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-manyPoints .l-diagram img {
    width: clamp(0px, calc(0px + (738 * max(0px, ((100dvw - 0px) / (960))))), 738px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-manyPoints .l-diagram.l-diagram-regular img {
    width: clamp(0px, calc(0px + (738 * max(0px, ((100dvw - 0px) / (960))))), 738px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-manyPoints .l-diagram.l-diagram-gold img {
    width: clamp(0px, calc(0px + (1060 * max(0px, ((100dvw - 0px) / (960))))), 1060px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-travelInsurance .l-contentHeader img {
    width: clamp(0px, calc(0px + (130 * max(0px, ((100dvw - 0px) / (768))))), 130px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-travelInsurance .l-contentHeader img {
    width: clamp(0px, calc(0px + (104 * max(0px, ((100dvw - 0px) / (960))))), 104px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-airportLounge .l-contentHeader img {
    width: clamp(0px, calc(0px + (96 * max(0px, ((100dvw - 0px) / (768))))), 96px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-airportLounge .l-contentHeader img {
    width: clamp(0px, calc(0px + (78 * max(0px, ((100dvw - 0px) / (960))))), 78px);
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-airportLounge .l-picture {
  margin: 3em auto 0;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-airportLounge .l-picture {
    width: 100%;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-airportLounge .l-picture {
    width: clamp(0px, calc(0px + (560 * max(0px, ((100dvw - 0px) / (960))))), 560px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-plazaDiscount .l-contentHeader img {
    width: clamp(0px, calc(0px + (374 * max(0px, ((100dvw - 0px) / (768))))), 374px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-plazaDiscount .l-contentHeader img {
    width: clamp(0px, calc(0px + (288 * max(0px, ((100dvw - 0px) / (960))))), 288px);
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-plazaDiscount .l-list {
  margin-top: 2em;
  display: grid;
  justify-content: center;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-plazaDiscount .l-list {
    grid-template-columns: clamp(0px, calc(0px + (197 * max(0px, ((100dvw - 0px) / (768))))), 197px) clamp(0px, calc(0px + (190 * max(0px, ((100dvw - 0px) / (768))))), 190px) clamp(0px, calc(0px + (193 * max(0px, ((100dvw - 0px) / (768))))), 193px);
    column-gap: 1em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-plazaDiscount .l-list {
    grid-template-columns: clamp(0px, calc(0px + (165.5 * max(0px, ((100dvw - 0px) / (960))))), 165.5px) clamp(0px, calc(0px + (142 * max(0px, ((100dvw - 0px) / (960))))), 142px) clamp(0px, calc(0px + (157.5 * max(0px, ((100dvw - 0px) / (960))))), 157.5px);
    column-gap: 5em;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-plazaDiscount .l-list li picture {
  display: block;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-plazaDiscount .l-list li picture img {
  width: 100%;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-deptDiscount .l-contentHeader img {
    width: clamp(0px, calc(0px + (78 * max(0px, ((100dvw - 0px) / (768))))), 78px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-deptDiscount .l-contentHeader img {
    width: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (960))))), 60px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-deptDiscount .l-splitPC .l-box {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-deptDiscount .l-splitPC .l-box .l-card {
  display: grid;
  margin-top: 2em;
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-deptDiscount .l-splitPC .l-box .l-card {
    align-items: center;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-deptDiscount .l-splitPC .l-box .l-caption {
  margin-top: 0.75em;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-deptDiscount .l-splitPC .l-box.l-box-gold .l-card {
  justify-content: center;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-deptDiscount .l-splitPC .l-box.l-box-gold .l-card {
    grid-template-columns: clamp(0px, calc(0px + (200 * max(0px, ((100dvw - 0px) / (768))))), 200px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-deptDiscount .l-splitPC .l-box.l-box-gold .l-card {
    grid-template-columns: clamp(0px, calc(0px + (168 * max(0px, ((100dvw - 0px) / (960))))), 168px);
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-deptDiscount .l-splitPC .l-box.l-box-gold .l-caption {
  color: #E3148A;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-deptDiscount .l-splitPC .l-box.l-box-other .l-card {
    grid-template-columns: repeat(3, clamp(0px, calc(0px + (197 * max(0px, ((100dvw - 0px) / (768))))), 197px));
    justify-content: space-between;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-deptDiscount .l-splitPC .l-box.l-box-other .l-card {
    grid-template-columns: repeat(3, clamp(0px, calc(0px + (127 * max(0px, ((100dvw - 0px) / (960))))), 127px));
    justify-content: center;
    column-gap: 1em;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-salonAccess .l-contentHeader img {
    width: clamp(0px, calc(0px + (174 * max(0px, ((100dvw - 0px) / (768))))), 174px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-salonAccess .l-contentHeader img {
    width: clamp(0px, calc(0px + (134 * max(0px, ((100dvw - 0px) / (960))))), 134px);
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-salonAccess .l-splitPC .l-box .l-text {
  text-align: left;
  margin-top: 1em;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-salonAccess .l-splitPC .l-box .l-text span {
  color: #E3148A;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-salonAccess .l-diagram {
  display: block;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-salonAccess .l-diagram {
    margin-top: 2em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-salonAccess .l-diagram {
    margin-top: 5em;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-salonAccess .l-diagram img {
    width: clamp(0px, calc(0px + (537 * max(0px, ((100dvw - 0px) / (768))))), 537px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-salonAccess .l-diagram img {
    width: clamp(0px, calc(0px + (883 * max(0px, ((100dvw - 0px) / (960))))), 883px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-doctor24 .l-contentHeader img {
    width: clamp(0px, calc(0px + (83 * max(0px, ((100dvw - 0px) / (768))))), 83px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-doctor24 .l-contentHeader img {
    width: clamp(0px, calc(0px + (64 * max(0px, ((100dvw - 0px) / (960))))), 64px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-travelCoverage .l-contentHeader img {
    width: clamp(0px, calc(0px + (135 * max(0px, ((100dvw - 0px) / (768))))), 135px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-travelCoverage .l-contentHeader img {
    width: clamp(0px, calc(0px + (104 * max(0px, ((100dvw - 0px) / (960))))), 104px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-travelCoverage .l-noteList li {
    text-align: center;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-travelCoverage .l-family {
  margin-top: 3em;
  border: 1px solid #0054B6;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-travelCoverage .l-family {
    border-radius: clamp(0px, calc(0px + (8 * max(0px, ((100dvw - 0px) / (768))))), 8px);
    padding: 2em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-travelCoverage .l-family {
    border-radius: clamp(0px, calc(0px + (8 * max(0px, ((100dvw - 0px) / (960))))), 8px);
    padding: 4em;
    display: grid;
    justify-content: center;
    grid-template-columns: clamp(0px, calc(0px + (107 * max(0px, ((100dvw - 0px) / (960))))), 107px) auto;
    column-gap: clamp(0px, calc(0px + (120 * max(0px, ((100dvw - 0px) / (1040))))), 120px);
    max-width: 944px;
    margin-inline: auto;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-travelCoverage .l-family img {
    width: clamp(0px, calc(0px + (138 * max(0px, ((100dvw - 0px) / (768))))), 138px);
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-travelCoverage .l-family .l-familyInner {
  text-align: left;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-travelCoverage .l-family .l-familyInner .l-heading {
  color: #0054B6;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-travelCoverage .l-family .l-familyInner .l-heading {
    text-align: center;
    margin-top: 1em;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-travelCoverage .l-family .l-familyInner .l-text {
  margin-top: 0.75em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-goldDesk .l-contentHeader img {
    width: clamp(0px, calc(0px + (114 * max(0px, ((100dvw - 0px) / (768))))), 114px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-goldDesk .l-contentHeader img {
    width: clamp(0px, calc(0px + (88 * max(0px, ((100dvw - 0px) / (960))))), 88px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-doublePoints .l-contentHeader img {
    width: clamp(0px, calc(0px + (156 * max(0px, ((100dvw - 0px) / (768))))), 156px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-doublePoints .l-contentHeader img {
    width: clamp(0px, calc(0px + (110 * max(0px, ((100dvw - 0px) / (960))))), 110px);
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-doublePoints .l-diagram {
  display: block;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-doublePoints .l-diagram {
    margin-top: 3em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-doublePoints .l-diagram {
    margin-top: 5em;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-doublePoints .l-diagram img {
    width: 100%;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-doublePoints .l-diagram img {
    width: clamp(0px, calc(0px + (540 * max(0px, ((100dvw - 0px) / (960))))), 540px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-jPointExchange .l-contentHeader img {
    width: clamp(0px, calc(0px + (269 * max(0px, ((100dvw - 0px) / (768))))), 269px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-jPointExchange .l-contentHeader img {
    width: clamp(0px, calc(0px + (219 * max(0px, ((100dvw - 0px) / (960))))), 219px);
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-jPointExchange .l-point {
  display: grid;
  justify-content: center;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-jPointExchange .l-point {
    row-gap: clamp(0px, calc(0px + (35 * max(0px, ((100dvw - 0px) / (768))))), 35px);
    margin-top: clamp(0px, calc(0px + (65 * max(0px, ((100dvw - 0px) / (768))))), 65px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-jPointExchange .l-point {
    grid-template-columns: repeat(3, auto);
    column-gap: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (960))))), 30px);
    align-items: center;
    margin-top: clamp(0px, calc(0px + (45 * max(0px, ((100dvw - 0px) / (960))))), 45px);
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-jPointExchange .l-point::after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  order: 2;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-jPointExchange .l-point::after {
    background-image: url("../../../../assets/common/images/icon-arrowBottom.svg");
    width: clamp(0px, calc(0px + (100 * max(0px, ((100dvw - 0px) / (768))))), 100px);
    aspect-ratio: 100/150;
    margin-inline: auto;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-jPointExchange .l-point::after {
    background-image: url("../../../../assets/common/images/icon-arrowRight.svg");
    width: clamp(0px, calc(0px + (73 * max(0px, ((100dvw - 0px) / (960))))), 73px);
    aspect-ratio: 73/49;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-jPointExchange .l-point .l-jPoint,
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-jPointExchange .l-point .l-keioPoint {
  display: grid;
  align-items: center;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-jPointExchange .l-point .l-jPoint,
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-jPointExchange .l-point .l-keioPoint {
    column-gap: 2em;
    justify-content: center;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-jPointExchange .l-point .l-jPoint,
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-jPointExchange .l-point .l-keioPoint {
    column-gap: clamp(0px, calc(0px + (20 * max(0px, ((100dvw - 0px) / (960))))), 20px);
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-jPointExchange .l-point .l-jPoint img,
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-jPointExchange .l-point .l-keioPoint img {
  width: 100%;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-jPointExchange .l-point .l-jPoint .l-caption,
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-jPointExchange .l-point .l-keioPoint .l-caption {
  text-align: left;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-jPointExchange .l-point .l-jPoint .l-caption .l-highlight,
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-jPointExchange .l-point .l-keioPoint .l-caption .l-highlight {
  color: #0054B6;
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-jPointExchange .l-point .l-jPoint {
  order: 1;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-jPointExchange .l-point .l-jPoint {
    grid-template-columns: clamp(0px, calc(0px + (244 * max(0px, ((100dvw - 0px) / (768))))), 244px) auto;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-jPointExchange .l-point .l-jPoint {
    grid-template-columns: clamp(0px, calc(0px + (183 * max(0px, ((100dvw - 0px) / (960))))), 183px) auto;
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-jPointExchange .l-point .l-keioPoint {
  order: 3;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-jPointExchange .l-point .l-keioPoint {
    grid-template-columns: clamp(0px, calc(0px + (197 * max(0px, ((100dvw - 0px) / (768))))), 197px) auto;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-jPointExchange .l-point .l-keioPoint {
    grid-template-columns: clamp(0px, calc(0px + (150 * max(0px, ((100dvw - 0px) / (960))))), 150px) auto;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-nosignShopping .l-contentHeader img {
    width: clamp(0px, calc(0px + (139 * max(0px, ((100dvw - 0px) / (768))))), 139px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-nosignShopping .l-contentHeader img {
    width: clamp(0px, calc(0px + (107 * max(0px, ((100dvw - 0px) / (960))))), 107px);
  }
}
.mainArea .cardFeature .l-inner .l-block .l-content.l-content-nosignShopping .l-logo {
  margin-top: 4em;
  display: grid;
  justify-content: center;
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-nosignShopping .l-logo {
    grid-template-columns: 1fr;
    grid-template-rows: clamp(0px, calc(0px + (77 * max(0px, ((100dvw - 0px) / (768))))), 77px) clamp(0px, calc(0px + (91 * max(0px, ((100dvw - 0px) / (768))))), 91px);
    row-gap: 3em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-nosignShopping .l-logo {
    grid-template-columns: clamp(0px, calc(0px + (172 * max(0px, ((100dvw - 0px) / (960))))), 172px) clamp(0px, calc(0px + (222 * max(0px, ((100dvw - 0px) / (960))))), 222px);
    column-gap: 6em;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-nosignShopping .l-logo img {
    width: auto;
    height: 100%;
    margin-inline: auto;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .cardFeature .l-inner .l-block .l-content.l-content-nosignShopping .l-logo img {
    width: 100%;
  }
}

.modalArea .cardModal {
  width: 90%;
  max-width: 1140px;
}
.modalArea .cardModal .l-inner {
  background-color: #fff;
  box-sizing: border-box;
  position: relative;
}
.modalArea .cardModal .l-inner .l-heading {
  color: #fff;
  background-color: #0054B6;
  margin-bottom: 1em;
  padding: 0.5em;
}
.modalArea .cardModal .l-inner .l-button {
  color: #fff;
  font: inherit;
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  outline: none;
  appearance: none;
  cursor: pointer;
  position: absolute;
  right: 0;
  bottom: 0;
  translate: 0 110%;
  z-index: 1;
  display: grid;
}
.modalArea .cardModal .l-inner .l-button .l-icon {
  width: 40px;
  aspect-ratio: 1;
  position: relative;
  display: block;
  justify-self: center;
}
.modalArea .cardModal .l-inner .l-button .l-icon::before, .modalArea .cardModal .l-inner .l-button .l-icon::after {
  content: "";
  background-color: #fff;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 2px;
  height: 100%;
}
.modalArea .cardModal .l-inner .l-button .l-icon::before {
  rotate: 45deg;
}
.modalArea .cardModal .l-inner .l-button .l-icon::after {
  rotate: -45deg;
}
@media screen and (max-width: 960.98px) {
  .modalArea .cardModal.cardModal-apply .l-inner {
    padding: 2em 2em 4em 2em;
  }
}
@media print, screen and (min-width: 961px) {
  .modalArea .cardModal.cardModal-apply .l-inner {
    padding: 3em 3em 5em 3em;
  }
}
.modalArea .cardModal.cardModal-apply .l-inner .l-list {
  display: inline-grid;
  margin-top: 2em;
  row-gap: 0.3em;
}
.modalArea .cardModal.cardModal-apply .l-inner .l-list li {
  text-align: left;
  list-style: disc;
}
@media screen and (max-width: 960.98px) {
  .modalArea .cardModal-fee .l-inner {
    padding: 2em;
  }
}
@media print, screen and (min-width: 961px) {
  .modalArea .cardModal-fee .l-inner {
    padding: 3em;
  }
}
.modalArea .cardModal-fee .l-inner .l-text {
  margin-top: 0.5em;
}
.modalArea .cardModal-fee .l-inner .l-course {
  text-align: left;
}
.modalArea .cardModal-fee .l-inner .l-course dt {
  color: #0054B6;
  margin-top: 1.5em;
  padding-top: 1.5em;
  border-top: 1px dashed #000;
  margin-top: 2em;
  padding-top: 2em;
}
.modalArea .cardModal-fee .l-inner .l-course dt .l-label {
  color: #fff;
  line-height: 1;
  background-color: #0054B6;
  border-radius: 50%;
  width: 2em;
  aspect-ratio: 1;
  display: inline-grid;
  place-items: center;
  margin-right: 0.5em;
}
.modalArea .cardModal-fee .l-inner .l-course dt sup {
  font-size: 80%;
  vertical-align: super;
}
.modalArea .cardModal-fee .l-inner .l-course dd {
  padding-left: 2.5em;
}
.modalArea .cardModal-fee .l-inner .l-table {
  width: 100%;
  border-collapse: collapse;
  box-sizing: border-box;
  table-layout: auto;
  margin-top: 2em;
}
.modalArea .cardModal-fee .l-inner .l-table th,
.modalArea .cardModal-fee .l-inner .l-table td {
  border: 1px solid #000;
  padding: 1em;
  vertical-align: middle;
}
.modalArea .cardModal-fee .l-inner .l-table th[scope=col] {
  background-color: #F0F8FC;
}
.modalArea .cardModal-fee .l-inner .l-table th[scope=row] {
  color: #0054B6;
  text-align: left;
}
.modalArea .cardModal-fee .l-inner .l-noteList {
  color: #E3148A;
  margin-top: 1.5em;
}
.modalArea .cardModal-fee .l-inner .l-noteList li {
  text-align: left;
  text-indent: -2em;
  padding-left: 2em;
}
.modalArea .cardModal-fee .l-inner .l-revolving {
  text-align: left;
  margin-top: 2em;
}
.modalArea .cardModal-fee .l-inner .l-revolving dt {
  color: #0054B6;
}
.modalArea .cardModal-fee .l-inner .l-revolving dt::before {
  content: "●";
}
.modalArea .cardModal-fee .l-inner .l-revolving dt:not(:first-of-type) {
  margin-top: 1em;
}
.modalArea .cardModal-fee .l-inner .l-revolving dd {
  margin-top: 0.5em;
}
.modalArea .cardModal-fee .l-inner .l-revolving dd .l-note {
  color: #E3148A;
  margin-top: 0.5em;
}
.modalArea .cardModal-fee .l-inner .l-revolving dd .l-example {
  margin-top: 2em;
}
.modalArea .cardModal-fee .l-inner .l-revolving dd .l-example span {
  background-color: #F0F8FC;
  padding: 0.75em;
  display: inline-block;
}
.modalArea .cardModal-fee .l-inner .l-revolving dd img {
  margin-top: 2em;
}
@media screen and (max-width: 960.98px) {
  .modalArea .cardModal-fee .l-inner .l-revolving dd img {
    width: 100%;
  }
}
@media print, screen and (min-width: 961px) {
  .modalArea .cardModal-fee .l-inner .l-revolving dd img {
    width: clamp(0px, calc(0px + (600 * max(0px, ((100dvw - 0px) / (960))))), 600px);
  }
}

/*# sourceMappingURL=passport.css.map */