.mainArea .summary {
  background: url("/assets/common/images/icon-keioPoint.svg") no-repeat 50% 0/clamp(85px, calc(85px + (37 * max(0px, ((100dvw - 384px) / (384))))), 122px);
  padding: clamp(55px, calc(55px + (25 * max(0px, ((100dvw - 384px) / (384))))), 80px) 0 0;
}
@media screen and (max-width: 960.98px) {
  .mainArea .summary {
    margin: clamp(0px, calc(0px + (52 * max(0px, ((100dvw - 0px) / (768))))), 52px) clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px) 0;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .summary {
    width: clamp(0px, calc(0px + (1140 * max(0px, ((100dvw - 0px) / (1200))))), 1140px);
    margin: clamp(0px, calc(0px + (52 * max(0px, ((100dvw - 0px) / (768))))), 52px) auto 0;
  }
}
.mainArea .summary .summary_copyText em {
  display: inline-block;
  background-color: #E3148A;
  color: #FFF;
  margin-bottom: 1em;
  padding: .2em .8em;
  font-size: clamp(1.6rem, calc(16px + (4 * max(0px, ((100dvw - 384px) / (384))))), 2rem);
  font-style: normal;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: .1em;
}
.mainArea .summary .summary_copyText span {
  font-size: clamp(2.3rem, calc(23px + (9 * max(0px, ((100dvw - 384px) / (384))))), 3.2rem);
  font-style: normal;
  font-weight: 700;
  line-height: 1.44em;
  letter-spacing: .1em;
}
.mainArea .summary .summary_merit {
  margin-top: clamp(0px, calc(0px + (42 * max(0px, ((100dvw - 0px) / (768))))), 42px);
}
@media screen and (max-width: 960.98px) {
  .mainArea .summary .summary_merit {
    text-align: left;
  }
}
.mainArea .summary .summary_merit li {
  font-size: clamp(1.3rem, calc(13px + (7 * max(0px, ((100dvw - 384px) / (384))))), 2rem);
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: .1em;
}
.mainArea .summary .summary_merit li em {
  font-style: normal;
  color: #E3148A;
}
.mainArea .condition {
  padding: 0;
}
@media screen and (max-width: 960.98px) {
  .mainArea .condition {
    margin: clamp(0px, calc(0px + (80 * max(0px, ((100dvw - 0px) / (768))))), 80px) clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px) 0;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .condition {
    width: clamp(0px, calc(0px + (1140 * max(0px, ((100dvw - 0px) / (1200))))), 1140px);
    margin: clamp(0px, calc(0px + (80 * max(0px, ((100dvw - 0px) / (768))))), 80px) auto 0;
  }
}
.mainArea .condition .condition_heading {
  font-size: clamp(2rem, calc(20px + (6 * max(0px, ((100dvw - 384px) / (384))))), 2.6rem);
  line-height: 1.5;
  letter-spacing: .1em;
  font-weight: 700;
}
.mainArea .condition .condition_table {
  border-collapse: collapse;
  border-spacing: 0;
}
@media screen and (max-width: 960.98px) {
  .mainArea .condition .condition_table {
    width: 100%;
    margin-top: clamp(0px, calc(0px + (28 * max(0px, ((100dvw - 0px) / (768))))), 28px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .condition .condition_table {
    width: clamp(0px, calc(0px + (1140 * max(0px, ((100dvw - 0px) / (1200))))), 1140px);
    margin-top: clamp(0px, calc(0px + (22 * max(0px, ((100dvw - 0px) / (1200))))), 22px);
  }
}
.mainArea .condition th, .mainArea .condition td {
  font-size: clamp(1.3rem, calc(13px + (3 * max(0px, ((100dvw - 384px) / (384))))), 1.6rem);
  line-height: 1.38;
  letter-spacing: .1em;
  font-weight: 700;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: .5em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .condition th:first-child, .mainArea .condition td:first-child {
    width: 30.94556%;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .condition th:first-child, .mainArea .condition td:first-child {
    width: 19.82456%;
  }
}
.mainArea .condition th:not(:first-child), .mainArea .condition td:not(:first-child) {
  border-left: 1px solid #000;
}
@media screen and (max-width: 960.98px) {
  .mainArea .condition th:not(:first-child), .mainArea .condition td:not(:first-child) {
    width: calc((698% - 216% - 2%) / 2 / 698 * 100);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .condition th:not(:first-child), .mainArea .condition td:not(:first-child) {
    width: calc((1140% - 226% - 4%) / 4 / 1140 * 100);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .condition th:nth-child(4), .mainArea .condition th:nth-child(5), .mainArea .condition td:nth-child(4), .mainArea .condition td:nth-child(5) {
    display: none;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .condition tr:first-child th:nth-child(3) {
    display: none;
  }
}
.mainArea .condition th {
  background-color: #F0F8FC;
}
.mainArea .condition th {
  position: relative;
}
.mainArea .condition .l-card {
  vertical-align: top;
  padding: clamp(0px, calc(0px + (20 * max(0px, ((100dvw - 0px) / (480))))), 20px);
  position: relative;
}
.mainArea .condition .l-card .l-image {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: clamp(0px, calc(0px + (9 * max(0px, ((100dvw - 0px) / (768))))), 9px);
}
@media screen and (max-width: 960.98px) {
  .mainArea .condition .l-card .l-image img {
    height: clamp(0px, calc(0px + (70 * max(0px, ((100dvw - 0px) / (768))))), 70px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .condition .l-card .l-image img {
    height: clamp(0px, calc(0px + (70 * max(0px, ((100dvw - 0px) / (1200))))), 70px);
  }
}
.mainArea .condition .l-card .l-text {
  margin-top: clamp(0px, calc(0px + (20 * max(0px, ((100dvw - 0px) / (768))))), 20px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: clamp(0px, calc(0px + (8 * max(0px, ((100dvw - 0px) / (768))))), 8px);
}
@media print, screen and (min-width: 961px) {
  .mainArea .condition .l-card .l-text {
    min-height: 5em;
  }
}
.mainArea .condition .l-card .l-blow {
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 960.98px) {
  .mainArea .condition .l-card .l-blow {
    width: clamp(0px, calc(0px + (334 * max(0px, ((100dvw - 0px) / (768))))), 334px);
    left: 50%;
    transform: translate(-50%, -110%);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .condition .l-card .l-blow {
    width: clamp(0px, calc(0px + (238 * max(0px, ((100dvw - 0px) / (1200))))), 238px);
    right: 10%;
    transform: translate(0, -110%);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .condition .condition_table-gold {
    margin-top: clamp(100px, calc(100px + (60 * max(0px, ((100dvw - 384px) / (384))))), 160px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .condition .condition_table-gold {
    display: none;
  }
}
.mainArea .condition .condition_attention {
  display: inline-flex;
  align-items: center;
  min-height: 50px;
  font-size: clamp(1.6rem, calc(16px + (4 * max(0px, ((100dvw - 384px) / (384))))), 2rem);
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: .1em;
  margin: clamp(0px, calc(0px + (50 * max(0px, ((100dvw - 0px) / (768))))), 50px) auto 0;
}
@media screen and (max-width: 960.98px) {
  .mainArea .condition .condition_attention {
    background: url("../images/icon-creditpoint_attention.svg") no-repeat 0 0/clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (384))))), 40px), url("/assets/common/images/card-visa-pasmo.webp") no-repeat 100% 0/clamp(0px, calc(0px + (56 * max(0px, ((100dvw - 0px) / (384))))), 56px);
    text-align: justify;
    padding: 0 clamp(0px, calc(0px + (70 * max(0px, ((100dvw - 0px) / (384))))), 70px) 0 clamp(0px, calc(0px + (56 * max(0px, ((100dvw - 0px) / (384))))), 56px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .condition .condition_attention {
    background: url("../images/icon-creditpoint_attention.svg") no-repeat 0 0/auto clamp(0px, calc(0px + (50 * max(0px, ((100dvw - 0px) / (768))))), 50px), url("/assets/common/images/card-visa-pasmo.webp") no-repeat 100% 0/auto clamp(0px, calc(0px + (50 * max(0px, ((100dvw - 0px) / (768))))), 50px);
    padding: 0 clamp(0px, calc(0px + (95 * max(0px, ((100dvw - 0px) / (768))))), 95px) 0 clamp(0px, calc(0px + (70 * max(0px, ((100dvw - 0px) / (768))))), 70px);
  }
}
.mainArea .condition .condition_attention strong {
  color: #E3148A;
}
.mainArea .example {
  border-top: 1px solid #000;
  padding: clamp(0px, calc(0px + (64 * max(0px, ((100dvw - 0px) / (768))))), 64px) 0 0;
}
@media screen and (max-width: 960.98px) {
  .mainArea .example {
    margin: clamp(0px, calc(0px + (80 * max(0px, ((100dvw - 0px) / (768))))), 80px) clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px) 0;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .example {
    width: clamp(0px, calc(0px + (1140 * max(0px, ((100dvw - 0px) / (1200))))), 1140px);
    margin: clamp(0px, calc(0px + (80 * max(0px, ((100dvw - 0px) / (768))))), 80px) auto 0;
  }
}
.mainArea .example .example_heading {
  font-size: clamp(2rem, calc(20px + (6 * max(0px, ((100dvw - 384px) / (384))))), 2.6rem);
  line-height: 1.5;
  letter-spacing: .1em;
  font-weight: 700;
}
.mainArea .example .example_diagram {
  display: block;
}
@media screen and (max-width: 768px) {
  .mainArea .example .example_diagram {
    max-width: 520px;
    margin: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (768))))), 60px) auto 0;
  }
}
.mainArea .example .example_diagram_caption {
  font-size: clamp(1.3rem, calc(13px + (7 * max(0px, ((100dvw - 384px) / (384))))), 2rem);
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: .1em;
  margin: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (768))))), 40px) auto 0;
}
.mainArea .pointAccumulation {
  border-top: 1px solid #000;
  padding: clamp(0px, calc(0px + (64 * max(0px, ((100dvw - 0px) / (768))))), 64px) 0 0;
}
@media screen and (max-width: 960.98px) {
  .mainArea .pointAccumulation {
    margin: clamp(0px, calc(0px + (64 * max(0px, ((100dvw - 0px) / (768))))), 64px) clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px) 0;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .pointAccumulation {
    width: clamp(0px, calc(0px + (1140 * max(0px, ((100dvw - 0px) / (1200))))), 1140px);
    margin: clamp(0px, calc(0px + (64 * max(0px, ((100dvw - 0px) / (768))))), 64px) auto 0;
  }
}
.mainArea .pointAccumulation .pointAccumulation_heading {
  font-size: clamp(2rem, calc(20px + (6 * max(0px, ((100dvw - 384px) / (384))))), 2.6rem);
  line-height: 1.5;
  letter-spacing: .1em;
  font-weight: 700;
}
.mainArea .pointAccumulation .pointAccumulation_diagram {
  display: block;
}
@media screen and (max-width: 768px) {
  .mainArea .pointAccumulation .pointAccumulation_diagram {
    max-width: 520px;
    margin: clamp(0px, calc(0px + (42 * max(0px, ((100dvw - 0px) / (768))))), 42px) auto 0;
  }
}
.mainArea .pointAccumulation .pointAccumulation_diagram_note {
  font-size: clamp(1.3rem, calc(13px + (7 * max(0px, ((100dvw - 384px) / (384))))), 2rem);
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: .1em;
  margin: clamp(0px, calc(0px + (20 * max(0px, ((100dvw - 0px) / (768))))), 20px) auto 0;
}
.mainArea .pointAccumulation .pointAccumulation_diagram_note small {
  font-size: inherit;
}
.mainArea .notes {
  padding-bottom: clamp(0px, calc(0px + (100 * max(0px, ((100dvw - 0px) / (768))))), 100px);
}
@media screen and (max-width: 960.98px) {
  .mainArea .notes {
    margin: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (768))))), 60px) clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px) 0;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .notes {
    width: clamp(0px, calc(0px + (1140 * max(0px, ((100dvw - 0px) / (1200))))), 1140px);
    margin: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (768))))), 60px) auto 0;
  }
}
.mainArea .notes li {
  text-align: justify;
  font-size: clamp(1.05rem, calc(10.5px + (3.5 * max(0px, ((100dvw - 384px) / (384))))), 1.4rem);
  line-height: 1.6;
  letter-spacing: .1em;
  margin-top: .2em;
}

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