@media screen and (max-width: 960.98px) {
  .mainArea {
    padding-bottom: clamp(0px, calc(0px + (93 * max(0px, ((100dvw - 0px) / (768))))), 93px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea {
    padding-bottom: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (960))))), 40px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .l-lead {
    text-align: left;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .mainArea_primarySection:first-of-type {
    margin-top: clamp(0px, calc(0px + (70 * max(0px, ((100dvw - 0px) / (768))))), 70px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .mainArea_primarySection:first-of-type {
    margin-top: clamp(0px, calc(0px + (37 * max(0px, ((100dvw - 0px) / (960))))), 37px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .mainArea_primarySection:not(:first-of-type) {
    margin-top: 4em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .mainArea_primarySection:not(:first-of-type) {
    margin-top: 10em;
  }
}
.mainArea .mainArea_primarySection .l-heading {
  color: #fff;
  background-color: #0054B6;
  padding: .3em;
  margin-bottom: 1.2em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .mainArea_primarySection .l-heading:not(:first-child) {
    margin-top: clamp(0px, calc(0px + (70 * max(0px, ((100dvw - 0px) / (768))))), 70px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .mainArea_primarySection .l-heading:not(:first-child) {
    margin-top: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (960))))), 60px);
  }
}
.mainArea .mainArea_primarySection .l-content {
  display: grid;
}
@media screen and (max-width: 960.98px) {
  .mainArea .mainArea_primarySection .l-content {
    grid-template-columns: 1fr;
    row-gap: 3.5em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .mainArea_primarySection .l-content {
    grid-template-columns: auto 1fr;
    column-gap: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (1200))))), 40px);
    padding: 0 clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (1200))))), 40px);
    align-items: center;
  }
}
.mainArea .mainArea_primarySection .l-card {
  display: grid;
  grid-auto-flow: column;
}
@media screen and (max-width: 960.98px) {
  .mainArea .mainArea_primarySection .l-card {
    column-gap: clamp(0px, calc(0px + (28 * max(0px, ((100dvw - 0px) / (768))))), 28px);
    justify-content: center;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .mainArea_primarySection .l-card {
    column-gap: clamp(0px, calc(0px + (25 * max(0px, ((100dvw - 0px) / (1200))))), 25px);
  }
}
.mainArea .mainArea_primarySection .l-card .l-cardItem {
  position: relative;
}
.mainArea .mainArea_primarySection .l-card .l-cardItem::after {
  content: "";
  border-color: #E3148A;
  border-style: solid;
  position: absolute;
  box-sizing: border-box;
}
@media screen and (max-width: 960.98px) {
  .mainArea .mainArea_primarySection .l-card .l-cardItem::after {
    border-width: clamp(0px, calc(0px + (3 * max(0px, ((100dvw - 0px) / (768))))), 3px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .mainArea_primarySection .l-card .l-cardItem::after {
    border-width: clamp(0px, calc(0px + (3 * max(0px, ((100dvw - 0px) / (1200))))), 3px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .mainArea_primarySection .l-card .l-cardItem.l-genkin::after {
    width: clamp(0px, calc(0px + (292 * max(0px, ((100dvw - 0px) / (768))))), 292px);
    height: clamp(0px, calc(0px + (41 * max(0px, ((100dvw - 0px) / (768))))), 41px);
    top: clamp(0px, calc(0px + (166 * max(0px, ((100dvw - 0px) / (768))))), 166px);
    left: clamp(0px, calc(0px + (18 * max(0px, ((100dvw - 0px) / (768))))), 18px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .mainArea_primarySection .l-card .l-cardItem.l-genkin::after {
    width: clamp(0px, calc(0px + (262 * max(0px, ((100dvw - 0px) / (1200))))), 262px);
    height: clamp(0px, calc(0px + (37 * max(0px, ((100dvw - 0px) / (1200))))), 37px);
    top: clamp(0px, calc(0px + (150 * max(0px, ((100dvw - 0px) / (1200))))), 150px);
    left: clamp(0px, calc(0px + (18 * max(0px, ((100dvw - 0px) / (1200))))), 18px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .mainArea_primarySection .l-card .l-cardItem.l-visa::after {
    width: clamp(0px, calc(0px + (132 * max(0px, ((100dvw - 0px) / (768))))), 132px);
    height: clamp(0px, calc(0px + (25 * max(0px, ((100dvw - 0px) / (768))))), 25px);
    top: clamp(0px, calc(0px + (164 * max(0px, ((100dvw - 0px) / (768))))), 164px);
    left: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .mainArea_primarySection .l-card .l-cardItem.l-visa::after {
    width: clamp(0px, calc(0px + (119 * max(0px, ((100dvw - 0px) / (1200))))), 119px);
    height: clamp(0px, calc(0px + (22 * max(0px, ((100dvw - 0px) / (1200))))), 22px);
    top: clamp(0px, calc(0px + (149 * max(0px, ((100dvw - 0px) / (1200))))), 149px);
    left: clamp(0px, calc(0px + (27 * max(0px, ((100dvw - 0px) / (1200))))), 27px);
  }
}
.mainArea .mainArea_primarySection .l-card .l-cardItem.l-visa span {
  top: 100%;
}
@media screen and (max-width: 960.98px) {
  .mainArea .mainArea_primarySection .l-card .l-cardItem.l-visa span {
    left: clamp(0px, calc(0px + (55 * max(0px, ((100dvw - 0px) / (768))))), 55px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .mainArea_primarySection .l-card .l-cardItem.l-visa span {
    left: clamp(0px, calc(0px + (49 * max(0px, ((100dvw - 0px) / (1200))))), 49px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .mainArea_primarySection .l-card .l-cardItem.l-jcb::after {
    width: clamp(0px, calc(0px + (191 * max(0px, ((100dvw - 0px) / (768))))), 191px);
    height: clamp(0px, calc(0px + (24 * max(0px, ((100dvw - 0px) / (768))))), 24px);
    top: clamp(0px, calc(0px + (164 * max(0px, ((100dvw - 0px) / (768))))), 164px);
    left: clamp(0px, calc(0px + (28 * max(0px, ((100dvw - 0px) / (768))))), 28px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .mainArea_primarySection .l-card .l-cardItem.l-jcb::after {
    width: clamp(0px, calc(0px + (170 * max(0px, ((100dvw - 0px) / (1200))))), 170px);
    height: clamp(0px, calc(0px + (22 * max(0px, ((100dvw - 0px) / (1200))))), 22px);
    top: clamp(0px, calc(0px + (148 * max(0px, ((100dvw - 0px) / (1200))))), 148px);
    left: clamp(0px, calc(0px + (27 * max(0px, ((100dvw - 0px) / (1200))))), 27px);
  }
}
.mainArea .mainArea_primarySection .l-card .l-cardItem.l-jcb span {
  top: 100%;
}
@media screen and (max-width: 960.98px) {
  .mainArea .mainArea_primarySection .l-card .l-cardItem.l-jcb span {
    left: clamp(0px, calc(0px + (81 * max(0px, ((100dvw - 0px) / (768))))), 81px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .mainArea_primarySection .l-card .l-cardItem.l-jcb span {
    left: clamp(0px, calc(0px + (73 * max(0px, ((100dvw - 0px) / (1200))))), 73px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .mainArea_primarySection .l-card .l-cardItem.l-digitalPoint::after {
    width: clamp(0px, calc(0px + (120 * max(0px, ((100dvw - 0px) / (768))))), 120px);
    height: clamp(0px, calc(0px + (31 * max(0px, ((100dvw - 0px) / (768))))), 31px);
    top: clamp(0px, calc(0px + (216 * max(0px, ((100dvw - 0px) / (768))))), 216px);
    left: clamp(0px, calc(0px + (312 * max(0px, ((100dvw - 0px) / (768))))), 312px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .mainArea_primarySection .l-card .l-cardItem.l-digitalPoint::after {
    width: clamp(0px, calc(0px + (88 * max(0px, ((100dvw - 0px) / (1200))))), 88px);
    height: clamp(0px, calc(0px + (21 * max(0px, ((100dvw - 0px) / (1200))))), 21px);
    top: clamp(0px, calc(0px + (151 * max(0px, ((100dvw - 0px) / (1200))))), 151px);
    left: clamp(0px, calc(0px + (218 * max(0px, ((100dvw - 0px) / (1200))))), 218px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .mainArea_primarySection .l-card .l-cardItem.l-digitalPoint img {
    width: clamp(0px, calc(0px + (685 * max(0px, ((100dvw - 0px) / (768))))), 685px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .mainArea_primarySection .l-card .l-cardItem.l-digitalPoint img {
    width: clamp(0px, calc(0px + (480 * max(0px, ((100dvw - 0px) / (1200))))), 480px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .mainArea_primarySection .l-card .l-cardItem.l-digitalPoint span {
    top: clamp(0px, calc(0px + (254 * max(0px, ((100dvw - 0px) / (768))))), 254px);
    left: clamp(0px, calc(0px + (316 * max(0px, ((100dvw - 0px) / (768))))), 316px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .mainArea_primarySection .l-card .l-cardItem.l-digitalPoint span {
    top: clamp(0px, calc(0px + (170 * max(0px, ((100dvw - 0px) / (1200))))), 170px);
    left: clamp(0px, calc(0px + (220 * max(0px, ((100dvw - 0px) / (1200))))), 220px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .mainArea_primarySection .l-card .l-cardItem img {
    width: clamp(0px, calc(0px + (333 * max(0px, ((100dvw - 0px) / (768))))), 333px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .mainArea_primarySection .l-card .l-cardItem img {
    width: clamp(0px, calc(0px + (300 * max(0px, ((100dvw - 0px) / (1200))))), 300px);
  }
}
.mainArea .mainArea_primarySection .l-card .l-cardItem span {
  font-weight: 700;
  color: #E3148A;
  letter-spacing: .1em;
  position: absolute;
}
@media screen and (max-width: 960.98px) {
  .mainArea .mainArea_primarySection .l-card .l-cardItem span {
    font-size: clamp(1.3rem, calc(13px + (3 * max(0px, ((100dvw - 384px) / (384))))), 1.6rem);
    line-height: 1.375;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .mainArea_primarySection .l-card .l-cardItem span {
    font-size: clamp(1.6rem, calc(16px + (4 * max(0px, ((100dvw - 384px) / (384))))), 2rem);
    line-height: 1.6;
    text-align: left;
  }
}
.mainArea .mainArea_primarySection .l-detail .l-text {
  font-weight: 700;
  letter-spacing: .1em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .mainArea_primarySection .l-detail .l-text {
    font-size: clamp(1.3rem, calc(13px + (3 * max(0px, ((100dvw - 384px) / (384))))), 1.6rem);
    line-height: 1.375;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .mainArea_primarySection .l-detail .l-text {
    font-size: clamp(1.6rem, calc(16px + (4 * max(0px, ((100dvw - 384px) / (384))))), 2rem);
    line-height: 1.6;
    text-align: left;
  }
}
.mainArea .mainArea_primarySection .l-detail .l-text span {
  color: #E3148A;
}
@media screen and (max-width: 960.98px) {
  .mainArea .mainArea_primarySection .l-detail .l-note {
    margin-top: clamp(0px, calc(0px + (27 * max(0px, ((100dvw - 0px) / (768))))), 27px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .mainArea_primarySection .l-detail .l-note {
    text-align: left;
    margin-top: clamp(0px, calc(0px + (12 * max(0px, ((100dvw - 0px) / (960))))), 12px);
  }
}
.mainArea .contactArea .l-dial {
  border: 1px solid #000;
}
@media screen and (max-width: 960.98px) {
  .mainArea .contactArea .l-dial {
    margin-top: clamp(0px, calc(0px + (121 * max(0px, ((100dvw - 0px) / (768))))), 121px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .contactArea .l-dial {
    margin-top: clamp(0px, calc(0px + (70 * max(0px, ((100dvw - 0px) / (960))))), 70px);
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-columns: clamp(0px, calc(0px + (345 * max(0px, ((100dvw - 0px) / (960))))), 345px) 1fr;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .contactArea .l-dial dt,
  .mainArea .contactArea .l-dial dd {
    padding: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (960))))), 40px);
    display: grid;
    place-items: center;
  }
}
.mainArea .contactArea .l-dial dt {
  color: #fff;
  background: #0054B6;
}
@media screen and (max-width: 960.98px) {
  .mainArea .contactArea .l-dial dt {
    padding: clamp(0px, calc(0px + (10 * max(0px, ((100dvw - 0px) / (768))))), 10px);
  }
}
.mainArea .contactArea .l-dial dd {
  place-content: center;
}
@media screen and (max-width: 960.98px) {
  .mainArea .contactArea .l-dial dd {
    padding: clamp(0px, calc(0px + (27 * max(0px, ((100dvw - 0px) / (768))))), 27px) clamp(0px, calc(0px + (27 * max(0px, ((100dvw - 0px) / (768))))), 27px) clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (768))))), 40px);
  }
}
.mainArea .contactArea .l-dial dd .l-num {
  color: #0054B6;
  margin-top: .2em;
}
.mainArea .contactArea .l-dial dd .l-text {
  letter-spacing: .1em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .contactArea .l-dial dd .l-text {
    font-size: clamp(1.3rem, calc(13px + (3 * max(0px, ((100dvw - 384px) / (384))))), 1.6rem);
    line-height: 1.6;
    margin-top: clamp(0px, calc(0px + (14 * max(0px, ((100dvw - 0px) / (960))))), 14px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .contactArea .l-dial dd .l-text {
    font-size: clamp(1rem, calc(10px + (4 * max(0px, ((100dvw - 384px) / (384))))), 1.4rem);
    line-height: 1.57143;
    margin-top: clamp(0px, calc(0px + (16 * max(0px, ((100dvw - 0px) / (960))))), 16px);
  }
}

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