@media screen and (max-width: 960.98px) {
  .mainArea {
    padding-bottom: clamp(0px, calc(0px + (160 * max(0px, ((100dvw - 0px) / (768))))), 160px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea {
    padding-bottom: clamp(0px, calc(0px + (70 * max(0px, ((100dvw - 0px) / (960))))), 70px);
  }
}
.mainArea .l-heading {
  color: #fff;
  background-color: #0054B6;
  padding-block: 0.3em;
}
.mainArea .l-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 2em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .l-table {
    border-top: 1px solid #000;
  }
}
.mainArea .l-table th,
.mainArea .l-table td {
  border-bottom: 1px solid #000;
  box-sizing: border-box;
}
@media screen and (max-width: 960.98px) {
  .mainArea .l-table th,
  .mainArea .l-table td {
    width: 100%;
    display: block;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .l-table th,
  .mainArea .l-table td {
    padding-block: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (960))))), 40px);
    border-top: 1px solid #000;
    vertical-align: middle;
  }
}
.mainArea .l-table th {
  background-color: #F0F8FC;
}
@media screen and (max-width: 960.98px) {
  .mainArea .l-table th {
    padding: clamp(0px, calc(0px + (35 * max(0px, ((100dvw - 0px) / (768))))), 35px) clamp(0px, calc(0px + (15 * max(0px, ((100dvw - 0px) / (768))))), 15px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .l-table th {
    width: calc(100% * (384 / 1140));
    padding-inline: clamp(0px, calc(0px + (20 * max(0px, ((100dvw - 0px) / (960))))), 20px);
    border-right: 1px solid #000;
  }
}
.mainArea .l-table th .l-cardSingle {
  display: grid;
  justify-content: center;
}
@media screen and (max-width: 960.98px) {
  .mainArea .l-table th .l-cardSingle {
    grid-template-columns: clamp(0px, calc(0px + (112 * max(0px, ((100dvw - 0px) / (768))))), 112px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .l-table th .l-cardSingle {
    grid-template-columns: clamp(0px, calc(0px + (112 * max(0px, ((100dvw - 0px) / (960))))), 112px);
  }
}
.mainArea .l-table th .l-cardSingle img {
  width: 100%;
}
.mainArea .l-table th .l-cardDouble {
  display: grid;
  justify-content: center;
}
@media screen and (max-width: 960.98px) {
  .mainArea .l-table th .l-cardDouble {
    grid-template-columns: repeat(2, clamp(0px, calc(0px + (112 * max(0px, ((100dvw - 0px) / (768))))), 112px));
    column-gap: clamp(0px, calc(0px + (10 * max(0px, ((100dvw - 0px) / (768))))), 10px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .l-table th .l-cardDouble {
    grid-template-columns: repeat(2, clamp(0px, calc(0px + (128 * max(0px, ((100dvw - 0px) / (960))))), 128px));
    gap: clamp(0px, calc(0px + (10 * max(0px, ((100dvw - 0px) / (960))))), 10px);
  }
}
.mainArea .l-table th .l-cardDouble img {
  width: 100%;
}
.mainArea .l-table th .l-cardTriple {
  display: grid;
  justify-content: center;
}
@media screen and (max-width: 960.98px) {
  .mainArea .l-table th .l-cardTriple {
    grid-template-columns: repeat(3, clamp(0px, calc(0px + (112 * max(0px, ((100dvw - 0px) / (768))))), 112px));
    column-gap: clamp(0px, calc(0px + (10 * max(0px, ((100dvw - 0px) / (768))))), 10px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .l-table th .l-cardTriple {
    grid-template-columns: repeat(2, clamp(0px, calc(0px + (128 * max(0px, ((100dvw - 0px) / (960))))), 128px));
    gap: clamp(0px, calc(0px + (10 * max(0px, ((100dvw - 0px) / (960))))), 10px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .l-table th .l-cardTriple img:last-child {
    grid-column: 1 / -1;
    margin-inline: auto;
  }
}
@media screen and (min-width: 961px) and (max-width: 960.98px) {
  .mainArea .l-table th .l-cardTriple img:last-child {
    width: clamp(0px, calc(0px + (112 * max(0px, ((100dvw - 0px) / (768))))), 112px);
  }
}
@media print, screen and (min-width: 961px) and (min-width: 961px) {
  .mainArea .l-table th .l-cardTriple img:last-child {
    width: clamp(0px, calc(0px + (128 * max(0px, ((100dvw - 0px) / (960))))), 128px);
  }
}

@media screen and (max-width: 960.98px) {
  .mainArea .l-table th .l-caption {
    margin-top: 1em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .l-table th .l-caption {
    margin-top: 1.5em;
  }
}
.mainArea .l-table td {
  background-color: #fff;
}
@media screen and (max-width: 960.98px) {
  .mainArea .l-table td {
    padding-block: clamp(0px, calc(0px + (50 * max(0px, ((100dvw - 0px) / (768))))), 50px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .l-table td {
    padding-left: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (960))))), 40px);
    border-left: 1px solid #000;
  }
}
.mainArea .l-noteFooter {
  text-align: left;
  margin-top: 1.5em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .creditArea {
    margin-top: clamp(0px, calc(0px + (70 * max(0px, ((100dvw - 0px) / (768))))), 70px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .creditArea {
    margin-top: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (960))))), 40px);
  }
}
.mainArea .creditArea .l-lead {
  margin-bottom: 3em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .creditArea .l-lead {
    text-align: left;
  }
}
.mainArea .creditArea .l-table td .l-tel {
  margin-top: .5em;
}
.mainArea .creditArea .l-table td .l-tel a {
  color: #0054B6;
}
@media screen and (max-width: 960.98px) {
  .mainArea .creditArea .l-table td .l-tel span {
    display: block;
  }
}
.mainArea .creditArea .l-table td .l-pageLink {
  color: #0054B6;
  display: inline-grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  column-gap: 1em;
  margin-top: 1.5em;
}
.mainArea .creditArea .l-table td .l-pageLink::before, .mainArea .creditArea .l-table td .l-pageLink::after {
  content: "";
}
.mainArea .creditArea .l-table td .l-pageLink::after {
  justify-self: end;
  background-color: currentColor;
  width: 1em;
  aspect-ratio: 1;
  mask: url("../../../assets/common/images/icon-link-pagetop.svg") no-repeat center/contain;
  rotate: 180deg;
}
.mainArea .creditArea .l-table td .l-pasmo {
  display: grid;
}
@media screen and (max-width: 960.98px) {
  .mainArea .creditArea .l-table td .l-pasmo {
    grid-template-columns: clamp(0px, calc(0px + (113 * max(0px, ((100dvw - 0px) / (768))))), 113px) 1fr;
    column-gap: 2em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .creditArea .l-table td .l-pasmo {
    grid-template-columns: clamp(0px, calc(0px + (147 * max(0px, ((100dvw - 0px) / (1140))))), 147px) 1fr;
    column-gap: 2em;
  }
}
.mainArea .creditArea .l-table td .l-pasmo .l-text {
  color: #0054B6;
  background-color: #F0F8FC;
  display: grid;
  place-items: center;
  padding: .5em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .creditArea .l-table td .l-pasmo .l-inner {
    padding-block: .5em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .creditArea .l-table td .l-pasmo .l-inner {
    padding-block: 1em;
  }
}
.mainArea .creditArea .l-table td .l-pasmo .l-inner .l-innerRaw {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  column-gap: .5em;
}
.mainArea .creditArea .l-table td .l-pasmo .l-inner .l-innerRaw::before, .mainArea .creditArea .l-table td .l-pasmo .l-inner .l-innerRaw::after {
  content: "";
}
.mainArea .creditArea .l-table td .l-pasmo .l-inner .l-innerRaw::before {
  content: "";
  justify-self: start;
  background-color: #0054B6;
  width: 1em;
  aspect-ratio: 1 / 1.25;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.mainArea .creditArea .l-table td .l-pasmo .l-inner .l-innerRaw:not(:first-child) {
  border-top: 1px solid #000;
}
@media screen and (max-width: 960.98px) {
  .mainArea .creditArea .l-table td .l-pasmo .l-inner .l-innerRaw:not(:first-child) {
    margin-top: 1em;
    padding-top: 1em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .creditArea .l-table td .l-pasmo .l-inner .l-innerRaw:not(:first-child) {
    margin-top: 1.5em;
    padding-top: 1.5em;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .autoChargeArea {
    margin-top: 4em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .autoChargeArea {
    margin-top: 8em;
  }
}
.mainArea .autoChargeArea .l-table td .l-caption {
  color: #E3148A;
}
@media print, screen and (min-width: 961px) {
  .mainArea .autoChargeArea .l-table td .l-caption {
    font-size: clamp(1.6rem, calc(16px + (4 * max(0px, ((100dvw - 384px) / (384))))), 2rem);
    line-height: 1.6;
  }
}
.mainArea .autoChargeArea .l-table td .l-note {
  margin-top: 1em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .autoChargeArea .l-table td .l-note {
    text-align: left;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .pointArea {
    margin-top: 4em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .pointArea {
    margin-top: 8em;
  }
}
.mainArea .pointArea .l-table td .l-tel {
  color: #0054B6;
  display: inline-block;
}
@media screen and (max-width: 960.98px) {
  .mainArea .pointArea .l-table td .l-tel {
    margin-top: 0.2em;
  }
}
.mainArea .pointArea .l-table td .l-captionGenkin {
  margin-top: 2em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .pointArea .l-table td .l-captionGenkin {
    text-align: left;
  }
}
.mainArea .pointArea .l-table td .l-case dt {
  color: #0054B6;
}
@media print, screen and (min-width: 961px) {
  .mainArea .pointArea .l-table td .l-case dt {
    text-align: left;
  }
}
.mainArea .pointArea .l-table td .l-case dt:not(:first-of-type) {
  margin-top: 2.5em;
}
.mainArea .pointArea .l-table td .l-case dd {
  text-align: left;
  margin-top: 1em;
}
.mainArea .pointArea .l-table td .l-case dd .l-note {
  display: block;
}
.mainArea .pointArea .l-table td .l-captionDigitalPoint {
  color: #0054B6;
  margin-top: 2.5em;
}
@media print, screen and (min-width: 961px) {
  .mainArea .pointArea .l-table td .l-captionDigitalPoint {
    text-align: left;
  }
}
.mainArea .pointArea .l-table td .l-button {
  padding-block: .8em;
  margin-top: 2em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .pointArea .l-table td .l-button {
    min-width: clamp(0px, calc(0px + (500 * max(0px, ((100dvw - 0px) / (768))))), 500px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .pointArea .l-table td .l-button {
    min-width: clamp(0px, calc(0px + (400 * max(0px, ((100dvw - 0px) / (960))))), 400px);
  }
}

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