@media screen and (max-width: 960.98px) {
  .mainArea .visaArea {
    padding-block: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (768))))), 60px) clamp(0px, calc(0px + (120 * max(0px, ((100dvw - 0px) / (768))))), 120px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaArea {
    padding-block: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (960))))), 60px) clamp(0px, calc(0px + (120 * max(0px, ((100dvw - 0px) / (960))))), 120px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaArea .visaArea_credit {
    margin-top: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (768))))), 60px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaArea .visaArea_credit {
    margin-top: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (960))))), 60px);
  }
}
.mainArea .visaArea .visaArea_credit .l-header {
  display: grid;
}
.mainArea .visaArea .visaArea_credit .l-header .l-heading {
  margin-top: 1em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaArea .visaArea_credit .l-header .l-caption {
    margin-top: 1em;
  }
}
.mainArea .visaArea .visaArea_credit .l-header .l-icon {
  order: -1;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaArea .visaArea_credit .l-header .l-icon img {
    width: clamp(0px, calc(0px + (208 * max(0px, ((100dvw - 0px) / (768))))), 208px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaArea .visaArea_credit .l-header .l-icon img {
    width: clamp(0px, calc(0px + (122 * max(0px, ((100dvw - 0px) / (960))))), 122px);
  }
}
.mainArea .visaArea .visaArea_credit .l-lead {
  margin-top: 1.5em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaArea .visaArea_credit .l-lead {
    text-align: left;
  }
}
.mainArea .visaArea .visaArea_credit .l-lead span {
  color: #E3148A;
  line-height: inherit;
}
.mainArea .visaArea .visaArea_credit .l-note {
  margin-top: 1em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaArea .visaArea_credit .l-note {
    text-align: left;
  }
}
.mainArea .visaArea .visaArea_credit .l-note a {
  color: #0054B6;
}
.mainArea .visaArea .visaArea_credit .l-footer {
  display: grid;
  justify-content: center;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaArea .visaArea_credit .l-footer {
    grid-template-columns: clamp(0px, calc(0px + (500 * max(0px, ((100dvw - 0px) / (768))))), 500px);
    margin-top: clamp(0px, calc(0px + (50 * max(0px, ((100dvw - 0px) / (768))))), 50px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaArea .visaArea_credit .l-footer {
    grid-template-columns: clamp(0px, calc(0px + (350 * max(0px, ((100dvw - 0px) / (768))))), 350px);
    margin-top: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (960))))), 40px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaArea .visaArea_credit .l-footer .l-button {
    padding-block: .8em;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaArea .visaArea_vPoint {
    margin-top: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (768))))), 60px);
    padding-top: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (768))))), 60px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaArea .visaArea_vPoint {
    margin-top: clamp(0px, calc(0px + (45 * max(0px, ((100dvw - 0px) / (960))))), 45px);
    padding-top: clamp(0px, calc(0px + (45 * max(0px, ((100dvw - 0px) / (960))))), 45px);
  }
}
.mainArea .visaArea .visaArea_vPoint .l-header {
  display: grid;
}
.mainArea .visaArea .visaArea_vPoint .l-header .l-heading {
  margin-top: 1em;
}
.mainArea .visaArea .visaArea_vPoint .l-header .l-icon {
  order: -1;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaArea .visaArea_vPoint .l-header .l-icon img {
    width: clamp(0px, calc(0px + (88 * max(0px, ((100dvw - 0px) / (768))))), 88px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaArea .visaArea_vPoint .l-header .l-icon img {
    width: clamp(0px, calc(0px + (64 * max(0px, ((100dvw - 0px) / (960))))), 64px);
  }
}
.mainArea .visaArea .visaArea_vPoint .l-lead {
  margin-top: 1.5em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaArea .visaArea_vPoint .l-lead {
    text-align: left;
  }
}
.mainArea .visaArea .visaArea_vPoint .l-lead span {
  color: #E3148A;
  line-height: inherit;
}
.mainArea .visaArea .visaArea_vPoint .l-note {
  margin-top: 1em;
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaArea .visaArea_vPoint .l-note {
    display: grid;
    grid-template-columns: auto;
    justify-content: center;
  }
}
.mainArea .visaArea .visaArea_vPoint .l-note .l-note_text {
  text-align: left;
}
.mainArea .visaArea .visaArea_vPoint .l-note .l-note_text span {
  color: #E3148A;
}
.mainArea .visaArea .visaArea_vPoint .l-content {
  display: grid;
  row-gap: 1em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaArea .visaArea_vPoint .l-content {
    margin-top: clamp(0px, calc(0px + (50 * max(0px, ((100dvw - 0px) / (768))))), 50px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaArea .visaArea_vPoint .l-content {
    margin-top: clamp(0px, calc(0px + (35 * max(0px, ((100dvw - 0px) / (960))))), 35px);
  }
}
.mainArea .visaArea .visaArea_vPoint .l-content::after {
  content: "+";
  font-size: clamp(2.3rem, calc(23px + (9 * max(0px, ((100dvw - 384px) / (384))))), 3.2rem);
  font-weight: 700;
  line-height: 1.4375;
  letter-spacing: .1em;
  display: block;
  grid-row: 2;
}
.mainArea .visaArea .visaArea_vPoint .l-content .l-box {
  border: 1px solid #000;
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaArea .visaArea_vPoint .l-content .l-box {
    width: clamp(0px, calc(0px + (750 * max(0px, ((100dvw - 0px) / (960))))), 750px);
    margin-inline: auto;
  }
}
.mainArea .visaArea .visaArea_vPoint .l-content .l-box .l-heading {
  color: #fff;
  background-color: #0054B6;
  padding: .5em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaArea .visaArea_vPoint .l-content .l-box .l-body {
    padding: clamp(0px, calc(0px + (25 * max(0px, ((100dvw - 0px) / (768))))), 25px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaArea .visaArea_vPoint .l-content .l-box .l-body {
    padding: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (960))))), 30px) clamp(0px, calc(0px + (50 * max(0px, ((100dvw - 0px) / (960))))), 50px);
  }
}
.mainArea .visaArea .visaArea_vPoint .l-content .l-box.l-box-normal .l-about {
  display: grid;
  justify-content: center;
  align-items: center;
  column-gap: 1.5em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaArea .visaArea_vPoint .l-content .l-box.l-box-normal .l-about {
    grid-template-columns: clamp(0px, calc(0px + (56 * max(0px, ((100dvw - 0px) / (768))))), 56px) auto;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaArea .visaArea_vPoint .l-content .l-box.l-box-normal .l-about {
    grid-template-columns: clamp(0px, calc(0px + (44 * max(0px, ((100dvw - 0px) / (960))))), 44px) auto;
  }
}
.mainArea .visaArea .visaArea_vPoint .l-content .l-box.l-box-normal .l-about img {
  width: 100%;
}
.mainArea .visaArea .visaArea_vPoint .l-content .l-box.l-box-normal .l-about .l-caption {
  text-align: left;
}
.mainArea .visaArea .visaArea_vPoint .l-content .l-box.l-box-normal .l-about .l-caption span {
  line-height: inherit;
}
.mainArea .visaArea .visaArea_vPoint .l-content .l-box.l-box-normal .l-about .l-caption .l-highlight {
  color: #E3148A;
}
.mainArea .visaArea .visaArea_vPoint .l-content .l-box.l-box-bonus .l-about {
  display: grid;
  justify-content: center;
  align-items: center;
  column-gap: 1.5em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaArea .visaArea_vPoint .l-content .l-box.l-box-bonus .l-about {
    grid-template-columns: clamp(0px, calc(0px + (56 * max(0px, ((100dvw - 0px) / (768))))), 56px) clamp(0px, calc(0px + (550 * max(0px, ((100dvw - 0px) / (768))))), 550px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaArea .visaArea_vPoint .l-content .l-box.l-box-bonus .l-about {
    grid-template-columns: clamp(0px, calc(0px + (44 * max(0px, ((100dvw - 0px) / (960))))), 44px) auto;
  }
}
.mainArea .visaArea .visaArea_vPoint .l-content .l-box.l-box-bonus .l-about img {
  width: 100%;
}
.mainArea .visaArea .visaArea_vPoint .l-content .l-box.l-box-bonus .l-about .l-caption {
  text-align: left;
}
.mainArea .visaArea .visaArea_vPoint .l-content .l-box.l-box-bonus .l-about .l-caption span {
  line-height: inherit;
}
.mainArea .visaArea .visaArea_vPoint .l-content .l-box.l-box-bonus .l-about .l-caption .l-highlight {
  color: #E3148A;
}
.mainArea .visaArea .visaArea_vPoint .l-content .l-box.l-box-bonus .l-table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  margin-top: 2em;
}
.mainArea .visaArea .visaArea_vPoint .l-content .l-box.l-box-bonus .l-table th,
.mainArea .visaArea .visaArea_vPoint .l-content .l-box.l-box-bonus .l-table td {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  text-align: center;
  vertical-align: middle;
}
.mainArea .visaArea .visaArea_vPoint .l-content .l-box.l-box-bonus .l-table th {
  background-color: #F0F8FC;
  padding: .5em;
}
.mainArea .visaArea .visaArea_vPoint .l-content .l-box.l-box-bonus .l-table td {
  padding-inline: .5em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaArea .visaArea_vPoint .l-content .l-box.l-box-bonus .l-table td {
    padding-block: 1em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaArea .visaArea_vPoint .l-content .l-box.l-box-bonus .l-table td {
    padding-block: 2em;
  }
}
.mainArea .visaArea .visaArea_vPoint .l-content .l-box.l-box-bonus .l-table td:not(:first-child) {
  border-left: 1px solid #000;
}
.mainArea .visaArea .visaArea_vPoint .l-content .l-box.l-box-bonus .l-table td .l-caption span {
  line-height: inherit;
}
.mainArea .visaArea .visaArea_vPoint .l-content .l-box.l-box-bonus .l-table td .l-highlight {
  color: #E3148A;
}
.mainArea .visaArea .visaArea_vPoint .l-content .l-box.l-box-bonus .l-table td .l-vertical {
  writing-mode: vertical-rl;
  display: inline-block;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaArea .visaArea_vPoint .l-content .l-box.l-box-bonus .l-table td .l-vertical {
    margin-inline: 1em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaArea .visaArea_vPoint .l-content .l-box.l-box-bonus .l-table td .l-vertical {
    margin-inline: .5em;
  }
}
.mainArea .visaArea .visaArea_vPoint .l-content .l-box.l-box-bonus .l-box_note {
  margin-top: 1em;
}
.mainArea .visaArea .visaArea_vPoint .l-content .l-box.l-box-bonus .l-box_note .l-box_note_text {
  text-align: left;
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaArea .visaArea_vPoint .l-content .l-box.l-box-bonus .l-box_note .l-box_note_text:not(:first-child) {
    margin-top: 1em;
  }
}
.mainArea .visaArea .visaArea_vPoint .l-footer {
  display: grid;
  justify-content: center;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaArea .visaArea_vPoint .l-footer {
    grid-template-columns: clamp(0px, calc(0px + (500 * max(0px, ((100dvw - 0px) / (768))))), 500px);
    margin-top: clamp(0px, calc(0px + (50 * max(0px, ((100dvw - 0px) / (768))))), 50px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaArea .visaArea_vPoint .l-footer {
    grid-template-columns: clamp(0px, calc(0px + (350 * max(0px, ((100dvw - 0px) / (768))))), 350px);
    margin-top: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (960))))), 40px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .jcbArea,
  .mainArea .dcArea {
    padding-block: clamp(0px, calc(0px + (80 * max(0px, ((100dvw - 0px) / (768))))), 80px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .jcbArea,
  .mainArea .dcArea {
    padding-block: clamp(0px, calc(0px + (80 * max(0px, ((100dvw - 0px) / (960))))), 80px);
  }
}
.mainArea .jcbArea .l-logo,
.mainArea .dcArea .l-logo {
  margin-top: 2em;
}
.mainArea .jcbArea .l-lead,
.mainArea .dcArea .l-lead {
  margin-top: 1em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .jcbArea .l-lead,
  .mainArea .dcArea .l-lead {
    text-align: left;
  }
}
.mainArea .jcbArea .l-lead span,
.mainArea .dcArea .l-lead span {
  color: #E3148A;
  line-height: inherit;
}
.mainArea .jcbArea .l-noteWrapper,
.mainArea .dcArea .l-noteWrapper {
  margin-top: 2em;
}
@media print, screen and (min-width: 961px) {
  .mainArea .jcbArea .l-noteWrapper,
  .mainArea .dcArea .l-noteWrapper {
    display: grid;
    grid-template-columns: auto;
    justify-content: center;
  }
}
.mainArea .jcbArea .l-noteWrapper .l-note,
.mainArea .dcArea .l-noteWrapper .l-note {
  text-align: left;
}
.mainArea .jcbArea .l-noteWrapper .l-note span,
.mainArea .dcArea .l-noteWrapper .l-note span {
  color: #E3148A;
}
.mainArea .jcbArea .l-footer,
.mainArea .dcArea .l-footer {
  display: grid;
  justify-content: center;
}
@media screen and (max-width: 960.98px) {
  .mainArea .jcbArea .l-footer,
  .mainArea .dcArea .l-footer {
    grid-template-columns: clamp(0px, calc(0px + (500 * max(0px, ((100dvw - 0px) / (768))))), 500px);
    margin-top: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (768))))), 40px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .jcbArea .l-footer,
  .mainArea .dcArea .l-footer {
    grid-template-columns: clamp(0px, calc(0px + (350 * max(0px, ((100dvw - 0px) / (768))))), 350px);
    margin-top: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (960))))), 40px);
  }
}
.mainArea .jcbArea {
  background-color: #F0F8FC;
}
@media screen and (max-width: 960.98px) {
  .mainArea .jcbArea .l-logo img {
    width: clamp(0px, calc(0px + (145 * max(0px, ((100dvw - 0px) / (768))))), 145px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .jcbArea .l-logo img {
    width: clamp(0px, calc(0px + (122 * max(0px, ((100dvw - 0px) / (960))))), 122px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .dcArea .l-logo img {
    width: clamp(0px, calc(0px + (149 * max(0px, ((100dvw - 0px) / (768))))), 149px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .dcArea .l-logo img {
    width: clamp(0px, calc(0px + (130 * max(0px, ((100dvw - 0px) / (960))))), 130px);
  }
}
.mainArea .dcArea .l-footer .l-button {
  padding: .8em 2em;
}
.mainArea .exchangeArea {
  background-color: #F0F8FC;
}
@media screen and (max-width: 960.98px) {
  .mainArea .exchangeArea {
    padding-block: clamp(0px, calc(0px + (80 * max(0px, ((100dvw - 0px) / (768))))), 80px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .exchangeArea {
    padding-block: clamp(0px, calc(0px + (80 * max(0px, ((100dvw - 0px) / (960))))), 80px);
  }
}
.mainArea .exchangeArea .l-content {
  display: grid;
  justify-content: center;
}
@media screen and (max-width: 960.98px) {
  .mainArea .exchangeArea .l-content {
    row-gap: clamp(0px, calc(0px + (50 * max(0px, ((100dvw - 0px) / (768))))), 50px);
    margin-top: clamp(0px, calc(0px + (65 * max(0px, ((100dvw - 0px) / (768))))), 65px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .exchangeArea .l-content {
    grid-template-columns: repeat(3, auto);
    column-gap: clamp(0px, calc(0px + (70 * max(0px, ((100dvw - 0px) / (960))))), 70px);
    align-items: center;
    margin-top: clamp(0px, calc(0px + (45 * max(0px, ((100dvw - 0px) / (960))))), 45px);
  }
}
.mainArea .exchangeArea .l-content::after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  order: 2;
}
@media screen and (max-width: 960.98px) {
  .mainArea .exchangeArea .l-content::after {
    background-image: url("../images/icon-creditpoint_exchangeArea__arrowBottom.svg");
    width: clamp(0px, calc(0px + (154 * max(0px, ((100dvw - 0px) / (768))))), 154px);
    aspect-ratio: 154 / 129;
    margin-inline: auto;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .exchangeArea .l-content::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 .exchangeArea .l-content .l-partners {
  order: 1;
  display: grid;
  justify-content: center;
}
@media screen and (max-width: 960.98px) {
  .mainArea .exchangeArea .l-content .l-partners {
    grid-template-columns: clamp(0px, calc(0px + (120 * max(0px, ((100dvw - 0px) / (768))))), 120px) clamp(0px, calc(0px + (188 * max(0px, ((100dvw - 0px) / (768))))), 188px) clamp(0px, calc(0px + (200 * max(0px, ((100dvw - 0px) / (768))))), 200px);
    column-gap: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (768))))), 40px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .exchangeArea .l-content .l-partners {
    grid-template-columns: clamp(0px, calc(0px + (78 * max(0px, ((100dvw - 0px) / (960))))), 78px) clamp(0px, calc(0px + (122 * max(0px, ((100dvw - 0px) / (960))))), 122px) clamp(0px, calc(0px + (130 * max(0px, ((100dvw - 0px) / (960))))), 130px);
    column-gap: clamp(0px, calc(0px + (35 * max(0px, ((100dvw - 0px) / (960))))), 35px);
  }
}
.mainArea .exchangeArea .l-content .l-partners img {
  width: 100%;
}
.mainArea .exchangeArea .l-content .l-keioPoint {
  order: 3;
}
@media screen and (max-width: 960.98px) {
  .mainArea .exchangeArea .l-content .l-keioPoint img {
    width: clamp(0px, calc(0px + (261 * max(0px, ((100dvw - 0px) / (768))))), 261px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .exchangeArea .l-content .l-keioPoint img {
    width: clamp(0px, calc(0px + (150 * max(0px, ((100dvw - 0px) / (960))))), 150px);
  }
}
.mainArea .exchangeArea .l-text {
  color: #0054B6;
  margin-top: 2em;
}
.mainArea .exchangeArea .l-footer {
  display: grid;
  justify-content: center;
}
@media screen and (max-width: 960.98px) {
  .mainArea .exchangeArea .l-footer {
    grid-template-columns: clamp(0px, calc(0px + (500 * max(0px, ((100dvw - 0px) / (768))))), 500px);
    margin-top: clamp(0px, calc(0px + (90 * max(0px, ((100dvw - 0px) / (768))))), 90px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .exchangeArea .l-footer {
    grid-template-columns: clamp(0px, calc(0px + (350 * max(0px, ((100dvw - 0px) / (768))))), 350px);
    margin-top: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (960))))), 40px);
  }
}

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