@charset "UTF-8";
.mainArea .l-tabMenu {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 960.98px) {
  .mainArea .l-tabMenu {
    padding-block: clamp(0px, calc(0px + (53 * max(0px, ((100dvw - 0px) / (768))))), 53px) clamp(0px, calc(0px + (43 * max(0px, ((100dvw - 0px) / (768))))), 43px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .l-tabMenu {
    padding-block: clamp(0px, calc(0px + (41 * max(0px, ((100dvw - 0px) / (960))))), 41px) clamp(0px, calc(0px + (33 * max(0px, ((100dvw - 0px) / (960))))), 33px);
  }
}
.mainArea .l-tabMenu .l-tabMenu_item {
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.3);
  transition: all 0.3s;
  /* アニメーション */
  flex: 0 0 49%;
  box-sizing: border-box;
}
@media screen and (max-width: 960.98px) {
  .mainArea .l-tabMenu .l-tabMenu_item {
    border-radius: clamp(0px, calc(0px + (8 * max(0px, ((100dvw - 0px) / (768))))), 8px);
    padding: clamp(0px, calc(0px + (16 * max(0px, ((100dvw - 0px) / (768))))), 16px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .l-tabMenu .l-tabMenu_item {
    border-radius: clamp(0px, calc(0px + (8 * max(0px, ((100dvw - 0px) / (960))))), 8px);
    padding: clamp(0px, calc(0px + (22 * max(0px, ((100dvw - 0px) / (960))))), 22px);
  }
}
.mainArea .l-tabMenu .l-tabMenu_item:last-of-type {
  margin-right: 0px;
}
.mainArea .l-tabMenu .l-tabMenu_item.is-active {
  background-color: #0054B6;
  border-color: #0054B6;
  color: #ffffff;
}
.mainArea .l-tabMenu .l-tabMenu_item:not(.is-active) {
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .mainArea .l-tabMenu .l-tabMenu_item:not(.is-active) 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 .l-tabMenu .l-tabMenu_item:not(.is-active):hover span.c-hover-line {
    background: linear-gradient(currentColor, currentColor) 0 100%/100% 1px no-repeat;
  }
}
.mainArea .l-tabPanel {
  width: 100%;
}
.mainArea .l-tabPanel .l-tabPanel_box {
  border-radius: 10px;
  display: none;
}
.mainArea .l-tabPanel .l-tabPanel_box.is-show {
  display: block;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaCardArea {
    padding-block: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (768))))), 40px) clamp(0px, calc(0px + (43 * max(0px, ((100dvw - 0px) / (768))))), 43px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaCardArea {
    padding-block: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (960))))), 30px) clamp(0px, calc(0px + (33 * max(0px, ((100dvw - 0px) / (960))))), 33px);
  }
}
.mainArea .visaCardArea .visaCardArea_title {
  border-bottom: 1px solid #000;
  display: grid;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaCardArea .visaCardArea_title {
    padding-bottom: clamp(0px, calc(0px + (47 * max(0px, ((100dvw - 0px) / (768))))), 47px);
    row-gap: clamp(0px, calc(0px + (51 * max(0px, ((100dvw - 0px) / (768))))), 51px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaCardArea .visaCardArea_title {
    padding-bottom: clamp(0px, calc(0px + (34 * max(0px, ((100dvw - 0px) / (960))))), 34px);
    row-gap: clamp(0px, calc(0px + (23 * max(0px, ((100dvw - 0px) / (960))))), 23px);
  }
}
.mainArea .visaCardArea .visaCardArea_title .l-card {
  order: -1;
  display: flex;
  justify-content: center;
  column-gap: 1.5em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaCardArea .visaCardArea_title .l-card img {
    height: clamp(0px, calc(0px + (91 * max(0px, ((100dvw - 0px) / (768))))), 91px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaCardArea .visaCardArea_title .l-card img {
    height: clamp(0px, calc(0px + (70 * max(0px, ((100dvw - 0px) / (960))))), 70px);
  }
}
.mainArea .visaCardArea .visaCardCollectArea {
  border-bottom: 1px dashed #000;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaCardArea .visaCardCollectArea {
    padding-block: clamp(0px, calc(0px + (35 * max(0px, ((100dvw - 0px) / (768))))), 35px) clamp(0px, calc(0px + (59 * max(0px, ((100dvw - 0px) / (768))))), 59px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaCardArea .visaCardCollectArea {
    padding-block: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (960))))), 40px) clamp(0px, calc(0px + (59 * max(0px, ((100dvw - 0px) / (960))))), 59px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaCardArea .visaCardCollectArea .visaCardCollectArea_header {
    font-size: clamp(1.6rem, calc(16px + (4 * max(0px, ((100dvw - 384px) / (384))))), 2rem);
    line-height: 1.6;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaCardArea .visaCardCollectArea .visaCardCollectArea_header {
    font-size: clamp(2.3rem, calc(23px + (3 * max(0px, ((100dvw - 384px) / (384))))), 2.6rem);
    line-height: 1.38462;
  }
}
.mainArea .visaCardArea .visaCardCollectArea .visaCardCollectArea_header span {
  color: #E3148A;
  display: block;
}
.mainArea .visaCardArea .visaCardCollectArea .l-headerSub {
  color: #0054B6;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaCardArea .visaCardCollectArea .l-headerSub {
    margin-top: clamp(0px, calc(0px + (51 * max(0px, ((100dvw - 0px) / (768))))), 51px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaCardArea .visaCardCollectArea .l-headerSub {
    margin-top: clamp(0px, calc(0px + (41 * max(0px, ((100dvw - 0px) / (960))))), 41px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaCardArea .visaCardCollectArea .l-wrapper {
    margin: clamp(0px, calc(0px + (27 * max(0px, ((100dvw - 0px) / (768))))), 27px) auto 0;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaCardArea .visaCardCollectArea .l-wrapper {
    display: flex;
    justify-content: center;
    margin: clamp(0px, calc(0px + (33 * max(0px, ((100dvw - 0px) / (960))))), 33px) auto 0;
    padding-right: 5em;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaCardArea .visaCardCollectArea .l-example {
    width: clamp(0px, calc(0px + (700 * max(0px, ((100dvw - 0px) / (768))))), 700px);
    margin: 0 auto clamp(0px, calc(0px + (16 * max(0px, ((100dvw - 0px) / (768))))), 16px) auto;
    text-align: left;
  }
}
.mainArea .visaCardArea .visaCardCollectArea .l-diagram {
  display: block;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaCardArea .visaCardCollectArea .l-diagram {
    width: clamp(0px, calc(0px + (700 * max(0px, ((100dvw - 0px) / (768))))), 700px);
    margin: 0 auto;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaCardArea .visaCardCollectArea .l-diagram {
    width: clamp(0px, calc(0px + (448 * max(0px, ((100dvw - 0px) / (960))))), 448px);
    margin-left: 2em;
  }
}
.mainArea .visaCardArea .visaCardCollectArea .l-diagram img {
  max-width: 100%;
}
.mainArea .visaCardArea .visaCardCollectArea .visaCardCollectArea_usePoints {
  color: #0054B6;
  border: 2px solid #0054B6;
  border-radius: calc(infinity * 1px);
  display: inline-block;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaCardArea .visaCardCollectArea .visaCardCollectArea_usePoints {
    margin-top: clamp(0px, calc(0px + (57 * max(0px, ((100dvw - 0px) / (768))))), 57px);
    padding: clamp(0px, calc(0px + (20 * max(0px, ((100dvw - 0px) / (768))))), 20px);
    display: block;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaCardArea .visaCardCollectArea .visaCardCollectArea_usePoints {
    min-width: clamp(0px, calc(0px + (692 * max(0px, ((100dvw - 0px) / (960))))), 692px);
    margin-top: clamp(0px, calc(0px + (17 * max(0px, ((100dvw - 0px) / (960))))), 17px);
    padding: clamp(0px, calc(0px + (16 * max(0px, ((100dvw - 0px) / (960))))), 16px);
  }
}
.mainArea .visaCardArea .visaCardCollectArea .visaCardCollectArea_usePoints em {
  font-style: inherit;
}
.mainArea .visaCardArea .visaCardCollectArea .l-list {
  display: inline-block;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaCardArea .visaCardCollectArea .l-list {
    margin-top: clamp(0px, calc(0px + (62 * max(0px, ((100dvw - 0px) / (768))))), 62px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaCardArea .visaCardCollectArea .l-list {
    margin-top: clamp(0px, calc(0px + (42 * max(0px, ((100dvw - 0px) / (960))))), 42px);
  }
}
.mainArea .visaCardArea .visaCardCollectArea .l-list li {
  text-align: left;
}
.mainArea .visaCardArea .visaCardCollectArea .l-vpoint {
  display: block;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaCardArea .visaCardCollectArea .l-vpoint {
    width: clamp(0px, calc(0px + (393 * max(0px, ((100dvw - 0px) / (768))))), 393px);
    margin: clamp(0px, calc(0px + (57 * max(0px, ((100dvw - 0px) / (768))))), 57px) auto 0;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaCardArea .visaCardCollectArea .l-vpoint {
    width: clamp(0px, calc(0px + (607 * max(0px, ((100dvw - 0px) / (960))))), 607px);
    margin: clamp(0px, calc(0px + (26 * max(0px, ((100dvw - 0px) / (960))))), 26px) auto 0;
  }
}
.mainArea .visaCardArea .visaCardCollectArea .l-vpoint img {
  max-width: 100%;
}
.mainArea .visaCardArea .visaCardCollectArea .l-note {
  display: block;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaCardArea .visaCardCollectArea .l-note {
    text-align: left;
    margin-top: clamp(0px, calc(0px + (65 * max(0px, ((100dvw - 0px) / (768))))), 65px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaCardArea .visaCardCollectArea .l-note {
    margin-top: clamp(0px, calc(0px + (33 * max(0px, ((100dvw - 0px) / (960))))), 33px);
  }
}
.mainArea .visaCardArea .visaCardPointRateArea {
  border-bottom: 1px dashed #000;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaCardArea .visaCardPointRateArea {
    padding-block: clamp(0px, calc(0px + (68 * max(0px, ((100dvw - 0px) / (768))))), 68px) clamp(0px, calc(0px + (145 * max(0px, ((100dvw - 0px) / (768))))), 145px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaCardArea .visaCardPointRateArea {
    padding-block: clamp(0px, calc(0px + (65 * max(0px, ((100dvw - 0px) / (960))))), 65px) clamp(0px, calc(0px + (81 * max(0px, ((100dvw - 0px) / (960))))), 81px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaCardArea .visaCardPointRateArea .visaCardPointRateArea_header {
    font-size: clamp(1.6rem, calc(16px + (4 * max(0px, ((100dvw - 384px) / (384))))), 2rem);
    line-height: 1.6;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaCardArea .visaCardPointRateArea .visaCardPointRateArea_header {
    font-size: clamp(2.3rem, calc(23px + (3 * max(0px, ((100dvw - 384px) / (384))))), 2.6rem);
    line-height: 1.38462;
  }
}
.mainArea .visaCardArea .visaCardPointRateArea .visaCardPointRateArea_header span {
  color: #E3148A;
  display: block;
}
.mainArea .visaCardArea .visaCardPointRateArea .l-headerSub {
  color: #0054B6;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaCardArea .visaCardPointRateArea .l-headerSub {
    margin-top: clamp(0px, calc(0px + (51 * max(0px, ((100dvw - 0px) / (768))))), 51px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaCardArea .visaCardPointRateArea .l-headerSub {
    margin-top: clamp(0px, calc(0px + (41 * max(0px, ((100dvw - 0px) / (960))))), 41px);
  }
}
.mainArea .visaCardArea .visaCardPointRateArea .l-diagram {
  display: block;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaCardArea .visaCardPointRateArea .l-diagram {
    width: clamp(0px, calc(0px + (700 * max(0px, ((100dvw - 0px) / (768))))), 700px);
    margin: clamp(0px, calc(0px + (27 * max(0px, ((100dvw - 0px) / (768))))), 27px) auto 0;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaCardArea .visaCardPointRateArea .l-diagram {
    width: clamp(0px, calc(0px + (448 * max(0px, ((100dvw - 0px) / (960))))), 448px);
    margin: clamp(0px, calc(0px + (33 * max(0px, ((100dvw - 0px) / (960))))), 33px) auto 0;
  }
}
.mainArea .visaCardArea .visaCardPointRateArea .l-diagram img {
  max-width: 100%;
}
.mainArea .visaCardArea .visaCardPointRateArea .visaCardPointRateArea_nextyear {
  color: #0054B6;
  border: 2px solid #0054B6;
  border-radius: calc(infinity * 1px);
  display: inline-block;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaCardArea .visaCardPointRateArea .visaCardPointRateArea_nextyear {
    margin-top: clamp(0px, calc(0px + (57 * max(0px, ((100dvw - 0px) / (768))))), 57px);
    padding: clamp(0px, calc(0px + (20 * max(0px, ((100dvw - 0px) / (768))))), 20px);
    display: block;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaCardArea .visaCardPointRateArea .visaCardPointRateArea_nextyear {
    min-width: clamp(0px, calc(0px + (420 * max(0px, ((100dvw - 0px) / (960))))), 420px);
    margin-top: clamp(0px, calc(0px + (17 * max(0px, ((100dvw - 0px) / (960))))), 17px);
    padding: clamp(0px, calc(0px + (16 * max(0px, ((100dvw - 0px) / (960))))), 16px);
  }
}
.mainArea .visaCardArea .visaCardPointRateArea .visaCardPointRateArea_nextyear em {
  font-style: inherit;
}
.mainArea .visaCardArea .visaCardPointRateArea .l-note {
  display: block;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaCardArea .visaCardPointRateArea .l-note {
    text-align: left;
    margin-top: clamp(0px, calc(0px + (65 * max(0px, ((100dvw - 0px) / (768))))), 65px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaCardArea .visaCardPointRateArea .l-note {
    margin-top: clamp(0px, calc(0px + (33 * max(0px, ((100dvw - 0px) / (960))))), 33px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaCardArea .visaCardPointRateArea .l-tableTitle {
    margin-top: clamp(0px, calc(0px + (49 * max(0px, ((100dvw - 0px) / (768))))), 49px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaCardArea .visaCardPointRateArea .l-tableTitle {
    margin-top: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (960))))), 40px);
  }
}
.mainArea .visaCardArea .visaCardPointRateArea .l-table {
  width: 100%;
  border-collapse: collapse;
  box-sizing: border-box;
  table-layout: auto;
  margin-top: 2em;
}
.mainArea .visaCardArea .visaCardPointRateArea .l-table th,
.mainArea .visaCardArea .visaCardPointRateArea .l-table td {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  vertical-align: middle;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaCardArea .visaCardPointRateArea .l-table th,
  .mainArea .visaCardArea .visaCardPointRateArea .l-table td {
    padding: 1em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaCardArea .visaCardPointRateArea .l-table th,
  .mainArea .visaCardArea .visaCardPointRateArea .l-table td {
    padding: 1.3em;
  }
}
.mainArea .visaCardArea .visaCardPointRateArea .l-table th[scope=col],
.mainArea .visaCardArea .visaCardPointRateArea .l-table th[scope=rowgroup] {
  background-color: #F0F8FC;
  border-right: 1px solid #000;
}
.mainArea .visaCardArea .visaCardPointRateArea .l-table th[scope=col] {
  text-align: left;
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaCardArea .visaCardPointRateArea .l-table th[scope=col] {
    padding: 1.3em clamp(0px, calc(0px + (70 * max(0px, ((100dvw - 0px) / (960))))), 70px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaCardArea .visaCardPointRateArea .l-table th[scope=col].l-th-sm {
    text-align: center;
    width: 2em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaCardArea .visaCardPointRateArea .l-table th[scope=rowgroup] {
    width: 65.7894736842%;
  }
}
.mainArea .visaCardArea .visaCardPointRateArea .l-table td {
  color: #E3148A;
  border-left: 1px solid #000;
}
.mainArea .visaCardArea .visaCardAnnualFeeArea {
  border-bottom: 1px dashed #000;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaCardArea .visaCardAnnualFeeArea {
    padding-block: clamp(0px, calc(0px + (78 * max(0px, ((100dvw - 0px) / (768))))), 78px) clamp(0px, calc(0px + (88 * max(0px, ((100dvw - 0px) / (768))))), 88px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaCardArea .visaCardAnnualFeeArea {
    padding-block: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (960))))), 60px) clamp(0px, calc(0px + (51 * max(0px, ((100dvw - 0px) / (960))))), 51px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaCardArea .visaCardAnnualFeeArea .visaCardAnnualFeeArea_header {
    font-size: clamp(1.6rem, calc(16px + (4 * max(0px, ((100dvw - 384px) / (384))))), 2rem);
    line-height: 1.6;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaCardArea .visaCardAnnualFeeArea .visaCardAnnualFeeArea_header {
    font-size: clamp(2.3rem, calc(23px + (3 * max(0px, ((100dvw - 384px) / (384))))), 2.6rem);
    line-height: 1.38462;
  }
}
.mainArea .visaCardArea .visaCardAnnualFeeArea .visaCardAnnualFeeArea_header span {
  color: #E3148A;
  display: block;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaCardArea .visaCardAnnualFeeArea .l-grid {
    margin: clamp(0px, calc(0px + (63 * max(0px, ((100dvw - 0px) / (768))))), 63px) auto 0;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaCardArea .visaCardAnnualFeeArea .l-grid {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, auto);
    margin: clamp(0px, calc(0px + (64 * max(0px, ((100dvw - 0px) / (960))))), 64px) auto 0;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaCardArea .visaCardAnnualFeeArea .l-grid .l-box:nth-child(2) {
    margin-top: clamp(0px, calc(0px + (109 * max(0px, ((100dvw - 0px) / (768))))), 109px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaCardArea .visaCardAnnualFeeArea .l-grid .l-box {
    display: contents;
  }
  .mainArea .visaCardArea .visaCardAnnualFeeArea .l-grid .l-box:first-child .visaCardAnnualFeeArea_heading,
  .mainArea .visaCardArea .visaCardAnnualFeeArea .l-grid .l-box:first-child .l-header,
  .mainArea .visaCardArea .visaCardAnnualFeeArea .l-grid .l-box:first-child .l-list {
    padding-right: clamp(0px, calc(0px + (55 * max(0px, ((100dvw - 0px) / (960))))), 55px);
  }
  .mainArea .visaCardArea .visaCardAnnualFeeArea .l-grid .l-box:nth-child(2) .visaCardAnnualFeeArea_heading,
  .mainArea .visaCardArea .visaCardAnnualFeeArea .l-grid .l-box:nth-child(2) .l-header,
  .mainArea .visaCardArea .visaCardAnnualFeeArea .l-grid .l-box:nth-child(2) .l-list {
    border-left: 1px solid #000;
    padding-left: clamp(0px, calc(0px + (55 * max(0px, ((100dvw - 0px) / (960))))), 55px);
  }
}
.mainArea .visaCardArea .visaCardAnnualFeeArea .l-grid .l-box .visaCardAnnualFeeArea_heading {
  display: grid;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaCardArea .visaCardAnnualFeeArea .l-grid .l-box .visaCardAnnualFeeArea_heading {
    row-gap: clamp(0px, calc(0px + (44 * max(0px, ((100dvw - 0px) / (768))))), 44px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaCardArea .visaCardAnnualFeeArea .l-grid .l-box .visaCardAnnualFeeArea_heading {
    row-gap: clamp(0px, calc(0px + (35 * max(0px, ((100dvw - 0px) / (960))))), 35px);
  }
}
.mainArea .visaCardArea .visaCardAnnualFeeArea .l-grid .l-box .visaCardAnnualFeeArea_heading .applicationeArea_heading_annualFee span {
  color: #E3148A;
}
.mainArea .visaCardArea .visaCardAnnualFeeArea .l-grid .l-box .visaCardAnnualFeeArea_heading .l-card {
  order: -1;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaCardArea .visaCardAnnualFeeArea .l-grid .l-box .visaCardAnnualFeeArea_heading .l-card img {
    height: clamp(0px, calc(0px + (250 * max(0px, ((100dvw - 0px) / (768))))), 250px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaCardArea .visaCardAnnualFeeArea .l-grid .l-box .visaCardAnnualFeeArea_heading .l-card img {
    height: clamp(0px, calc(0px + (70 * max(0px, ((100dvw - 0px) / (960))))), 70px);
  }
}
.mainArea .visaCardArea .visaCardAnnualFeeArea .l-grid .l-box .visaCardAnnualFeeArea_heading .l-card.l-card-multi {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaCardArea .visaCardAnnualFeeArea .l-grid .l-box .visaCardAnnualFeeArea_heading .l-card.l-card-multi {
    column-gap: 2em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaCardArea .visaCardAnnualFeeArea .l-grid .l-box .visaCardAnnualFeeArea_heading .l-card.l-card-multi {
    column-gap: 1.5em;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaCardArea .visaCardAnnualFeeArea .l-grid .l-box .visaCardAnnualFeeArea_heading .l-card.l-card-multi img {
    height: clamp(0px, calc(0px + (210 * max(0px, ((100dvw - 0px) / (768))))), 210px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaCardArea .visaCardAnnualFeeArea .l-grid .l-box .l-header {
    margin-top: clamp(0px, calc(0px + (32 * max(0px, ((100dvw - 0px) / (768))))), 32px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaCardArea .visaCardAnnualFeeArea .l-grid .l-box .l-header {
    padding-top: clamp(0px, calc(0px + (23 * max(0px, ((100dvw - 0px) / (960))))), 23px);
  }
}
.mainArea .visaCardArea .visaCardAnnualFeeArea .l-grid .l-box .l-header span {
  color: #E3148A;
}
.mainArea .visaCardArea .visaCardAnnualFeeArea .l-grid .l-box .l-list ul,
.mainArea .visaCardArea .visaCardAnnualFeeArea .l-grid .l-box .l-list ol {
  text-align: justify;
  display: inline-block;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaCardArea .visaCardAnnualFeeArea .l-grid .l-box .l-list {
    margin-top: clamp(0px, calc(0px + (50 * max(0px, ((100dvw - 0px) / (768))))), 50px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaCardArea .visaCardAnnualFeeArea .l-grid .l-box .l-list {
    padding-top: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (960))))), 40px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaCardArea .visaCardAccountArea {
    padding-block: clamp(0px, calc(0px + (49 * max(0px, ((100dvw - 0px) / (768))))), 49px) clamp(0px, calc(0px + (88 * max(0px, ((100dvw - 0px) / (768))))), 88px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaCardArea .visaCardAccountArea {
    padding-block: clamp(0px, calc(0px + (52 * max(0px, ((100dvw - 0px) / (960))))), 52px) clamp(0px, calc(0px + (104 * max(0px, ((100dvw - 0px) / (960))))), 104px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaCardArea .visaCardAccountArea .visaCardAccountArea_header {
    font-size: clamp(1.6rem, calc(16px + (4 * max(0px, ((100dvw - 384px) / (384))))), 2rem);
    line-height: 1.6;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaCardArea .visaCardAccountArea .visaCardAccountArea_header {
    font-size: clamp(2.3rem, calc(23px + (3 * max(0px, ((100dvw - 384px) / (384))))), 2.6rem);
    line-height: 1.38462;
  }
}
.mainArea .visaCardArea .visaCardAccountArea .visaCardAccountArea_header span {
  color: #E3148A;
  display: block;
}
.mainArea .visaCardArea .visaCardAccountArea .mainArea_primarySection_summary {
  text-align: left;
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaCardArea .visaCardAccountArea .mainArea_primarySection_summary {
    display: inline-block;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaGoldCardArea {
    padding-block: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (768))))), 40px) clamp(0px, calc(0px + (43 * max(0px, ((100dvw - 0px) / (768))))), 43px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaGoldCardArea {
    padding-block: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (960))))), 30px) clamp(0px, calc(0px + (33 * max(0px, ((100dvw - 0px) / (960))))), 33px);
  }
}
.mainArea .visaGoldCardArea .visaGoldCardArea_title {
  border-bottom: 1px solid #000;
  display: grid;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaGoldCardArea .visaGoldCardArea_title {
    padding-bottom: clamp(0px, calc(0px + (47 * max(0px, ((100dvw - 0px) / (768))))), 47px);
    row-gap: clamp(0px, calc(0px + (51 * max(0px, ((100dvw - 0px) / (768))))), 51px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaGoldCardArea .visaGoldCardArea_title {
    padding-bottom: clamp(0px, calc(0px + (34 * max(0px, ((100dvw - 0px) / (960))))), 34px);
    row-gap: clamp(0px, calc(0px + (23 * max(0px, ((100dvw - 0px) / (960))))), 23px);
  }
}
.mainArea .visaGoldCardArea .visaGoldCardArea_title .l-card {
  order: -1;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaGoldCardArea .visaGoldCardArea_title .l-card img {
    height: clamp(0px, calc(0px + (91 * max(0px, ((100dvw - 0px) / (768))))), 91px);
  }
  .mainArea .visaGoldCardArea .visaGoldCardArea_title .l-card img:not(:first-child) {
    margin-right: clamp(0px, calc(0px + (26 * max(0px, ((100dvw - 0px) / (768))))), 26px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaGoldCardArea .visaGoldCardArea_title .l-card img {
    height: clamp(0px, calc(0px + (70 * max(0px, ((100dvw - 0px) / (960))))), 70px);
  }
  .mainArea .visaGoldCardArea .visaGoldCardArea_title .l-card img:not(:first-child) {
    margin-left: clamp(0px, calc(0px + (20 * max(0px, ((100dvw - 0px) / (960))))), 20px);
  }
}
.mainArea .visaGoldCardArea .visaGoldCardCollectArea {
  border-bottom: 1px dashed #000;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaGoldCardArea .visaGoldCardCollectArea {
    padding-block: clamp(0px, calc(0px + (35 * max(0px, ((100dvw - 0px) / (768))))), 35px) clamp(0px, calc(0px + (59 * max(0px, ((100dvw - 0px) / (768))))), 59px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaGoldCardArea .visaGoldCardCollectArea {
    padding-block: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (960))))), 40px) clamp(0px, calc(0px + (59 * max(0px, ((100dvw - 0px) / (960))))), 59px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaGoldCardArea .visaGoldCardCollectArea .visaGoldCardCollectArea_header {
    font-size: clamp(1.6rem, calc(16px + (4 * max(0px, ((100dvw - 384px) / (384))))), 2rem);
    line-height: 1.6;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaGoldCardArea .visaGoldCardCollectArea .visaGoldCardCollectArea_header {
    font-size: clamp(2.3rem, calc(23px + (3 * max(0px, ((100dvw - 384px) / (384))))), 2.6rem);
    line-height: 1.38462;
  }
}
.mainArea .visaGoldCardArea .visaGoldCardCollectArea .visaGoldCardCollectArea_header span {
  color: #E3148A;
  display: block;
}
.mainArea .visaGoldCardArea .visaGoldCardCollectArea .l-headerSub {
  color: #0054B6;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaGoldCardArea .visaGoldCardCollectArea .l-headerSub {
    margin-top: clamp(0px, calc(0px + (51 * max(0px, ((100dvw - 0px) / (768))))), 51px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaGoldCardArea .visaGoldCardCollectArea .l-headerSub {
    margin-top: clamp(0px, calc(0px + (41 * max(0px, ((100dvw - 0px) / (960))))), 41px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaGoldCardArea .visaGoldCardCollectArea .l-wrapper {
    margin: clamp(0px, calc(0px + (27 * max(0px, ((100dvw - 0px) / (768))))), 27px) auto 0;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaGoldCardArea .visaGoldCardCollectArea .l-wrapper {
    display: flex;
    justify-content: center;
    margin: clamp(0px, calc(0px + (33 * max(0px, ((100dvw - 0px) / (960))))), 33px) auto 0;
    padding-right: 5em;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaGoldCardArea .visaGoldCardCollectArea .l-example {
    width: clamp(0px, calc(0px + (700 * max(0px, ((100dvw - 0px) / (768))))), 700px);
    margin: 0 auto clamp(0px, calc(0px + (16 * max(0px, ((100dvw - 0px) / (768))))), 16px) auto;
    text-align: left;
  }
}
.mainArea .visaGoldCardArea .visaGoldCardCollectArea .l-diagram {
  display: block;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaGoldCardArea .visaGoldCardCollectArea .l-diagram {
    width: clamp(0px, calc(0px + (700 * max(0px, ((100dvw - 0px) / (768))))), 700px);
    margin: 0 auto;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaGoldCardArea .visaGoldCardCollectArea .l-diagram {
    width: clamp(0px, calc(0px + (448 * max(0px, ((100dvw - 0px) / (960))))), 448px);
    margin-left: 2em;
  }
}
.mainArea .visaGoldCardArea .visaGoldCardCollectArea .l-diagram img {
  max-width: 100%;
}
.mainArea .visaGoldCardArea .visaGoldCardCollectArea .visaGoldCardCollectArea_usePoints {
  color: #0054B6;
  border: 2px solid #0054B6;
  border-radius: calc(infinity * 1px);
  display: inline-block;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaGoldCardArea .visaGoldCardCollectArea .visaGoldCardCollectArea_usePoints {
    margin-top: clamp(0px, calc(0px + (57 * max(0px, ((100dvw - 0px) / (768))))), 57px);
    padding: clamp(0px, calc(0px + (20 * max(0px, ((100dvw - 0px) / (768))))), 20px);
    display: block;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaGoldCardArea .visaGoldCardCollectArea .visaGoldCardCollectArea_usePoints {
    min-width: clamp(0px, calc(0px + (692 * max(0px, ((100dvw - 0px) / (960))))), 692px);
    margin-top: clamp(0px, calc(0px + (17 * max(0px, ((100dvw - 0px) / (960))))), 17px);
    padding: clamp(0px, calc(0px + (16 * max(0px, ((100dvw - 0px) / (960))))), 16px);
  }
}
.mainArea .visaGoldCardArea .visaGoldCardCollectArea .visaGoldCardCollectArea_usePoints em {
  font-style: inherit;
}
.mainArea .visaGoldCardArea .visaGoldCardCollectArea .l-list {
  display: inline-block;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaGoldCardArea .visaGoldCardCollectArea .l-list {
    margin-top: clamp(0px, calc(0px + (62 * max(0px, ((100dvw - 0px) / (768))))), 62px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaGoldCardArea .visaGoldCardCollectArea .l-list {
    margin-top: clamp(0px, calc(0px + (42 * max(0px, ((100dvw - 0px) / (960))))), 42px);
  }
}
.mainArea .visaGoldCardArea .visaGoldCardCollectArea .l-list li {
  text-align: left;
}
.mainArea .visaGoldCardArea .visaGoldCardCollectArea .l-vpoint {
  display: block;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaGoldCardArea .visaGoldCardCollectArea .l-vpoint {
    width: clamp(0px, calc(0px + (393 * max(0px, ((100dvw - 0px) / (768))))), 393px);
    margin: clamp(0px, calc(0px + (57 * max(0px, ((100dvw - 0px) / (768))))), 57px) auto 0;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaGoldCardArea .visaGoldCardCollectArea .l-vpoint {
    width: clamp(0px, calc(0px + (607 * max(0px, ((100dvw - 0px) / (960))))), 607px);
    margin: clamp(0px, calc(0px + (26 * max(0px, ((100dvw - 0px) / (960))))), 26px) auto 0;
  }
}
.mainArea .visaGoldCardArea .visaGoldCardCollectArea .l-vpoint img {
  max-width: 100%;
}
.mainArea .visaGoldCardArea .visaGoldCardCollectArea .l-note {
  display: block;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaGoldCardArea .visaGoldCardCollectArea .l-note {
    text-align: left;
    margin-top: clamp(0px, calc(0px + (65 * max(0px, ((100dvw - 0px) / (768))))), 65px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaGoldCardArea .visaGoldCardCollectArea .l-note {
    margin-top: clamp(0px, calc(0px + (33 * max(0px, ((100dvw - 0px) / (960))))), 33px);
  }
}
.mainArea .visaGoldCardArea .visaGoldCardPointRateArea {
  border-bottom: 1px dashed #000;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaGoldCardArea .visaGoldCardPointRateArea {
    padding-block: clamp(0px, calc(0px + (68 * max(0px, ((100dvw - 0px) / (768))))), 68px) clamp(0px, calc(0px + (145 * max(0px, ((100dvw - 0px) / (768))))), 145px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaGoldCardArea .visaGoldCardPointRateArea {
    padding-block: clamp(0px, calc(0px + (65 * max(0px, ((100dvw - 0px) / (960))))), 65px) clamp(0px, calc(0px + (81 * max(0px, ((100dvw - 0px) / (960))))), 81px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaGoldCardArea .visaGoldCardPointRateArea .visaGoldCardPointRateArea_header {
    font-size: clamp(1.6rem, calc(16px + (4 * max(0px, ((100dvw - 384px) / (384))))), 2rem);
    line-height: 1.6;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaGoldCardArea .visaGoldCardPointRateArea .visaGoldCardPointRateArea_header {
    font-size: clamp(2.3rem, calc(23px + (3 * max(0px, ((100dvw - 384px) / (384))))), 2.6rem);
    line-height: 1.38462;
  }
}
.mainArea .visaGoldCardArea .visaGoldCardPointRateArea .visaGoldCardPointRateArea_header span {
  color: #E3148A;
  display: block;
}
.mainArea .visaGoldCardArea .visaGoldCardPointRateArea .l-diagram {
  display: block;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaGoldCardArea .visaGoldCardPointRateArea .l-diagram {
    width: clamp(0px, calc(0px + (700 * max(0px, ((100dvw - 0px) / (768))))), 700px);
    margin: clamp(0px, calc(0px + (27 * max(0px, ((100dvw - 0px) / (768))))), 27px) auto 0;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaGoldCardArea .visaGoldCardPointRateArea .l-diagram {
    width: clamp(0px, calc(0px + (443 * max(0px, ((100dvw - 0px) / (960))))), 443px);
    margin: clamp(0px, calc(0px + (33 * max(0px, ((100dvw - 0px) / (960))))), 33px) auto 0;
  }
}
.mainArea .visaGoldCardArea .visaGoldCardPointRateArea .l-diagram img {
  max-width: 100%;
}
.mainArea .visaGoldCardArea .visaGoldCardPointRateArea .visaGoldCardPointRateArea_benefits {
  color: #0054B6;
  border: 2px solid #0054B6;
  border-radius: calc(infinity * 1px);
  display: block;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaGoldCardArea .visaGoldCardPointRateArea .visaGoldCardPointRateArea_benefits {
    margin-top: clamp(0px, calc(0px + (57 * max(0px, ((100dvw - 0px) / (768))))), 57px);
    padding: clamp(0px, calc(0px + (20 * max(0px, ((100dvw - 0px) / (768))))), 20px);
    display: block;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaGoldCardArea .visaGoldCardPointRateArea .visaGoldCardPointRateArea_benefits {
    max-width: clamp(0px, calc(0px + (420 * max(0px, ((100dvw - 0px) / (960))))), 420px);
    margin: clamp(0px, calc(0px + (17 * max(0px, ((100dvw - 0px) / (960))))), 17px) auto 0;
    padding: clamp(0px, calc(0px + (16 * max(0px, ((100dvw - 0px) / (960))))), 16px);
  }
}
.mainArea .visaGoldCardArea .visaGoldCardPointRateArea .visaGoldCardPointRateArea_benefits em {
  font-style: inherit;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaGoldCardArea .visaGoldCardPointRateArea .l-noteList {
    text-align: left;
    margin-top: clamp(0px, calc(0px + (65 * max(0px, ((100dvw - 0px) / (768))))), 65px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaGoldCardArea .visaGoldCardPointRateArea .l-noteList {
    display: inline-block;
    margin-top: clamp(0px, calc(0px + (33 * max(0px, ((100dvw - 0px) / (960))))), 33px);
  }
  .mainArea .visaGoldCardArea .visaGoldCardPointRateArea .l-noteList li {
    text-align: left;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaGoldCardArea .visaGoldCardPointRateArea .l-tableTitle {
    margin-top: clamp(0px, calc(0px + (49 * max(0px, ((100dvw - 0px) / (768))))), 49px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaGoldCardArea .visaGoldCardPointRateArea .l-tableTitle {
    margin-top: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (960))))), 40px);
  }
}
.mainArea .visaGoldCardArea .visaGoldCardPointRateArea .l-table {
  width: 100%;
  border-collapse: collapse;
  box-sizing: border-box;
  table-layout: auto;
  margin-top: 2em;
}
.mainArea .visaGoldCardArea .visaGoldCardPointRateArea .l-table th,
.mainArea .visaGoldCardArea .visaGoldCardPointRateArea .l-table td {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  vertical-align: middle;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaGoldCardArea .visaGoldCardPointRateArea .l-table th,
  .mainArea .visaGoldCardArea .visaGoldCardPointRateArea .l-table td {
    padding: 0.8em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaGoldCardArea .visaGoldCardPointRateArea .l-table th,
  .mainArea .visaGoldCardArea .visaGoldCardPointRateArea .l-table td {
    padding: 1.3em;
  }
}
.mainArea .visaGoldCardArea .visaGoldCardPointRateArea .l-table th[scope=col] {
  text-align: left;
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaGoldCardArea .visaGoldCardPointRateArea .l-table th[scope=col] {
    padding: 1.3em clamp(0px, calc(0px + (33 * max(0px, ((100dvw - 0px) / (960))))), 33px);
  }
}
.mainArea .visaGoldCardArea .visaGoldCardPointRateArea .l-table th[scope=rowgroup]:not(:first-child) {
  border-left: 1px solid #000;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaGoldCardArea .visaGoldCardPointRateArea .l-table th.l-th-sm {
    text-align: center;
    width: 2em;
  }
}
.mainArea .visaGoldCardArea .visaGoldCardPointRateArea .l-table th.l-th_main {
  background-color: #F0F8FC;
  border-right: 1px solid #000;
}
.mainArea .visaGoldCardArea .visaGoldCardPointRateArea .l-table th.l-th_sub {
  background: #F5F5F5;
  border-left: 1px solid #000;
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaGoldCardArea .visaGoldCardPointRateArea .l-table th.l-th_sub {
    width: 23.6842105263%;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaGoldCardArea .visaGoldCardPointRateArea .l-table th.l-type {
    width: 30.701754386%;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaGoldCardArea .visaGoldCardPointRateArea .l-table th.l-general {
    white-space: nowrap;
  }
}
.mainArea .visaGoldCardArea .visaGoldCardPointRateArea .l-table td {
  border-left: 1px solid #000;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaGoldCardArea .visaGoldCardPointRateArea .l-table td {
    white-space: nowrap;
  }
}
.mainArea .visaGoldCardArea .visaGoldCardPointRateArea .l-table td.l-color {
  color: #E3148A;
}
.mainArea .visaGoldCardArea .visaGoldCardAnnualFeeArea {
  border-bottom: 1px dashed #000;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaGoldCardArea .visaGoldCardAnnualFeeArea {
    padding-block: clamp(0px, calc(0px + (78 * max(0px, ((100dvw - 0px) / (768))))), 78px) clamp(0px, calc(0px + (88 * max(0px, ((100dvw - 0px) / (768))))), 88px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaGoldCardArea .visaGoldCardAnnualFeeArea {
    padding-block: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (960))))), 60px) clamp(0px, calc(0px + (51 * max(0px, ((100dvw - 0px) / (960))))), 51px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaGoldCardArea .visaGoldCardAnnualFeeArea .visaGoldCardAnnualFeeArea_header {
    font-size: clamp(1.6rem, calc(16px + (4 * max(0px, ((100dvw - 384px) / (384))))), 2rem);
    line-height: 1.6;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaGoldCardArea .visaGoldCardAnnualFeeArea .visaGoldCardAnnualFeeArea_header {
    font-size: clamp(2.3rem, calc(23px + (3 * max(0px, ((100dvw - 384px) / (384))))), 2.6rem);
    line-height: 1.38462;
  }
}
.mainArea .visaGoldCardArea .visaGoldCardAnnualFeeArea .visaGoldCardAnnualFeeArea_header span {
  color: #E3148A;
  display: block;
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaGoldCardArea .visaGoldCardAnnualFeeArea .l-grid {
    margin: clamp(0px, calc(0px + (63 * max(0px, ((100dvw - 0px) / (768))))), 63px) auto 0;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaGoldCardArea .visaGoldCardAnnualFeeArea .l-grid {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, auto);
    justify-items: center;
    margin: clamp(0px, calc(0px + (48 * max(0px, ((100dvw - 0px) / (960))))), 48px) auto 0;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaGoldCardArea .visaGoldCardAnnualFeeArea .l-grid .l-box {
    display: contents;
  }
  .mainArea .visaGoldCardArea .visaGoldCardAnnualFeeArea .l-grid .l-box:first-child .visaCardAnnualFeeArea_heading,
  .mainArea .visaGoldCardArea .visaGoldCardAnnualFeeArea .l-grid .l-box:first-child .l-header,
  .mainArea .visaGoldCardArea .visaGoldCardAnnualFeeArea .l-grid .l-box:first-child .l-list {
    padding-right: clamp(0px, calc(0px + (55 * max(0px, ((100dvw - 0px) / (960))))), 55px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaGoldCardArea .visaGoldCardAnnualFeeArea .l-grid .l-box .visaGoldCardAnnualFeeArea_heading .l-card img {
    height: clamp(0px, calc(0px + (250 * max(0px, ((100dvw - 0px) / (768))))), 250px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaGoldCardArea .visaGoldCardAnnualFeeArea .l-grid .l-box .visaGoldCardAnnualFeeArea_heading .l-card img {
    height: clamp(0px, calc(0px + (70 * max(0px, ((100dvw - 0px) / (960))))), 70px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaGoldCardArea .visaGoldCardAnnualFeeArea .l-grid .l-box .l-text {
    text-align: left;
    margin: clamp(0px, calc(0px + (64 * max(0px, ((100dvw - 0px) / (768))))), 64px) auto 0;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaGoldCardArea .visaGoldCardAnnualFeeArea .l-grid .l-box .l-text {
    margin-top: clamp(0px, calc(0px + (36 * max(0px, ((100dvw - 0px) / (960))))), 36px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaGoldCardArea .visaGoldCardAnnualFeeArea .l-grid .l-box .l-note {
    text-align: left;
    margin: clamp(0px, calc(0px + (24 * max(0px, ((100dvw - 0px) / (768))))), 24px) auto 0;
    display: block;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaGoldCardArea .visaGoldCardAccountArea {
    padding-block: clamp(0px, calc(0px + (49 * max(0px, ((100dvw - 0px) / (768))))), 49px) clamp(0px, calc(0px + (88 * max(0px, ((100dvw - 0px) / (768))))), 88px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaGoldCardArea .visaGoldCardAccountArea {
    padding-block: clamp(0px, calc(0px + (52 * max(0px, ((100dvw - 0px) / (960))))), 52px) clamp(0px, calc(0px + (104 * max(0px, ((100dvw - 0px) / (960))))), 104px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .visaGoldCardArea .visaGoldCardAccountArea .visaGoldCardAccountArea_header {
    font-size: clamp(1.6rem, calc(16px + (4 * max(0px, ((100dvw - 384px) / (384))))), 2rem);
    line-height: 1.6;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaGoldCardArea .visaGoldCardAccountArea .visaGoldCardAccountArea_header {
    font-size: clamp(2.3rem, calc(23px + (3 * max(0px, ((100dvw - 384px) / (384))))), 2.6rem);
    line-height: 1.38462;
  }
}
.mainArea .visaGoldCardArea .visaGoldCardAccountArea .visaGoldCardAccountArea_header span {
  color: #E3148A;
  display: block;
}
.mainArea .visaGoldCardArea .visaGoldCardAccountArea .mainArea_primarySection_summary {
  text-align: left;
}
@media print, screen and (min-width: 961px) {
  .mainArea .visaGoldCardArea .visaGoldCardAccountArea .mainArea_primarySection_summary {
    display: inline-block;
  }
}

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