@media screen and (max-width: 960.98px) {
  .mainArea .aboutArea {
    padding-block: clamp(0px, calc(0px + (70 * max(0px, ((100dvw - 0px) / (768))))), 70px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutArea {
    padding-block: clamp(0px, calc(0px + (55 * max(0px, ((100dvw - 0px) / (960))))), 55px) clamp(0px, calc(0px + (110 * max(0px, ((100dvw - 0px) / (960))))), 110px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutArea .l-header img {
    width: clamp(0px, calc(0px + (140 * max(0px, ((100dvw - 0px) / (768))))), 140px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutArea .l-header img {
    width: clamp(0px, calc(0px + (107 * max(0px, ((100dvw - 0px) / (960))))), 107px);
  }
}
.mainArea .aboutArea .l-header .l-heading {
  margin-top: .75em;
}
.mainArea .aboutArea .l-header .l-lead {
  margin-top: 1.5em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutArea .l-header .l-lead {
    text-align: left;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutArea .l-vehicle {
    margin-top: 4em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutArea .l-vehicle {
    margin-top: 6em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutArea .l-vehicle .l-sticker {
    display: grid;
    grid-template-columns: clamp(0px, calc(0px + (219 * max(0px, ((100dvw - 0px) / (1140))))), 219px) clamp(0px, calc(0px + (736 * max(0px, ((100dvw - 0px) / (1140))))), 736px);
    justify-content: center;
    align-items: center;
    column-gap: 4em;
  }
}
.mainArea .aboutArea .l-vehicle .l-sticker .l-mark {
  display: block;
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutArea .l-vehicle .l-sticker .l-mark img {
    width: min(rsz(570px, 768), 360px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutArea .l-vehicle .l-sticker .l-mark img {
    width: 100%;
  }
}
.mainArea .aboutArea .l-vehicle .l-sticker .l-content {
  border: 1px solid #0054B6;
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutArea .l-vehicle .l-sticker .l-content {
    margin-top: 2.5em;
    padding: 2em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutArea .l-vehicle .l-sticker .l-content {
    padding: 3em;
  }
}
.mainArea .aboutArea .l-vehicle .l-sticker .l-content img {
  margin-top: 2.5em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutArea .l-vehicle .l-sticker .l-content img {
    width: clamp(0px, calc(0px + (522 * max(0px, ((100dvw - 0px) / (768))))), 522px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutArea .l-vehicle .l-sticker .l-content img {
    width: clamp(0px, calc(0px + (522 * max(0px, ((100dvw - 0px) / (1140))))), 522px);
  }
}
.mainArea .aboutArea .l-vehicle .l-sticker .l-content .l-note {
  text-align: left;
  margin-top: 1.5em;
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutArea .l-vehicle .l-sticker .l-content .l-note {
    display: grid;
    justify-content: center;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutArea .l-vehicle .l-arrow {
    width: min(rsz(480px, 768), 300px);
    margin-block: 2em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutArea .l-vehicle .l-arrow {
    width: clamp(0px, calc(0px + (297 * max(0px, ((100dvw - 0px) / (960))))), 297px);
    margin-block: 3em;
  }
}
.mainArea .aboutArea .l-vehicle .l-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.mainArea .aboutArea .l-vehicle .l-table th,
.mainArea .aboutArea .l-vehicle .l-table td {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  vertical-align: middle;
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutArea .l-vehicle .l-table th,
  .mainArea .aboutArea .l-vehicle .l-table td {
    padding: 1em .5em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutArea .l-vehicle .l-table th,
  .mainArea .aboutArea .l-vehicle .l-table td {
    padding: 2em 1em;
  }
}
.mainArea .aboutArea .l-vehicle .l-table th {
  background-color: #F0F8FC;
  border-right: 1px solid #000;
}
.mainArea .aboutArea .l-vehicle .l-table td {
  background-color: #FFF;
  border-left: 1px solid #000;
}
.mainArea .aboutArea .l-vehicle .l-table td span {
  line-height: inherit;
}
.mainArea .aboutArea .l-vehicle .l-table td .l-highlight {
  color: #E3148A;
}
.mainArea .aboutArea .l-attention {
  margin-top: 6em;
}
.mainArea .aboutArea .l-attention .l-heading {
  color: #E3148A;
  display: grid;
  justify-content: center;
  align-items: center;
  margin-top: .5em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutArea .l-attention .l-heading {
    grid-template-columns: clamp(0px, calc(0px + (106 * max(0px, ((100dvw - 0px) / (768))))), 106px) 1fr;
    column-gap: 1em;
    text-align: left;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutArea .l-attention .l-heading {
    grid-template-columns: clamp(0px, calc(0px + (46 * max(0px, ((100dvw - 0px) / (960))))), 46px) auto;
    column-gap: .5em;
  }
}
.mainArea .aboutArea .l-attention .l-heading::before {
  content: "";
  background: url("../../../assets/common/images/icon-exclamation-emphasis.svg") no-repeat center/contain;
  width: 100%;
  aspect-ratio: 1;
  display: block;
}
.mainArea .aboutArea .l-attention .l-lead {
  margin-top: 1em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutArea .l-attention .l-lead {
    text-align: left;
  }
}
.mainArea .aboutArea .l-attention .l-card {
  display: grid;
  justify-content: center;
  align-items: center;
  margin-top: 3em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutArea .l-attention .l-card {
    grid-template-columns: clamp(0px, calc(0px + (152 * max(0px, ((100dvw - 0px) / (768))))), 152px) max-content min(rsz(480px, 768), 468px);
    column-gap: 1em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutArea .l-attention .l-card {
    grid-template-columns: clamp(0px, calc(0px + (142 * max(0px, ((100dvw - 0px) / (1140))))), 142px) max-content auto;
    column-gap: 2em;
  }
}
.mainArea .aboutArea .l-attention .l-card .l-pasmo {
  margin: 0 auto;
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutArea .l-attention .l-card .l-pasmo {
    width: clamp(0px, calc(0px + (152 * max(0px, ((100dvw - 0px) / (768))))), 152px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutArea .l-attention .l-card .l-pasmo {
    width: clamp(0px, calc(0px + (142 * max(0px, ((100dvw - 0px) / (960))))), 142px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutArea .l-attention .l-card .l-inner {
    width: clamp(0px, calc(0px + (900 * max(0px, ((100dvw - 0px) / (960))))), 900px);
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: .5em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutArea .l-attention .l-card .l-inner {
    display: grid;
    grid-template-columns: repeat(5, clamp(0px, calc(0px + (142 * max(0px, ((100dvw - 0px) / (1140))))), 142px));
    column-gap: 1em;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutArea .l-attention .l-card .l-inner img {
    flex: 0 0 clamp(0px, calc(0px + (152 * max(0px, ((100dvw - 0px) / (768))))), 152px);
    width: 0;
    align-self: self-start;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutArea .l-attention .l-card .l-inner img {
    width: 100%;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutArea .l-attention .l-card .l-inner img.l-digitalPoint {
    flex: 0 0 clamp(0px, calc(0px + (95 * max(0px, ((100dvw - 0px) / (768))))), 95px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutArea .l-attention .l-card .l-inner img.l-digitalPoint {
    width: clamp(0px, calc(0px + (89 * max(0px, ((100dvw - 0px) / (1140))))), 89px);
  }
}
.mainArea .aboutArea .l-attention .l-text {
  margin-top: 2em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutArea .l-attention .l-text {
    text-align: left;
  }
}
.mainArea .aboutArea .l-attention .l-note {
  text-align: left;
  margin-top: 2em;
}
.mainArea .aboutArea .l-attention .l-button {
  margin-top: 3em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutArea .l-attention .l-button {
    width: clamp(0px, calc(0px + (500 * max(0px, ((100dvw - 0px) / (768))))), 500px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutArea .l-attention .l-button {
    width: clamp(0px, calc(0px + (350 * max(0px, ((100dvw - 0px) / (960))))), 350px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutArea .l-pasmoVisa {
    margin-top: 6em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutArea .l-pasmoVisa {
    margin-top: 12em;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutArea .l-pasmoVisa img {
    width: clamp(0px, calc(0px + (152 * max(0px, ((100dvw - 0px) / (768))))), 152px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutArea .l-pasmoVisa img {
    width: clamp(0px, calc(0px + (142 * max(0px, ((100dvw - 0px) / (960))))), 142px);
  }
}
.mainArea .aboutArea .l-pasmoVisa .l-lead {
  margin-top: 1.5em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutArea .l-pasmoVisa .l-lead {
    text-align: left;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutArea .l-guidelines {
    margin-top: 6em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutArea .l-guidelines {
    margin-top: 9em;
  }
}
.mainArea .aboutArea .l-guidelines .l-heading {
  color: #FFF;
  background-color: #0054B6;
  padding-block: .3em;
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutArea .l-guidelines .l-inner {
    padding-inline: 4em;
  }
}
.mainArea .aboutArea .l-guidelines .l-inner .l-list {
  margin-top: 2em;
  text-align: left;
}
.mainArea .aboutArea .l-guidelines .l-inner .l-list li span {
  color: #E3148A;
  line-height: inherit;
}
.mainArea .aboutArea .l-guidelines .l-inner .l-buttonWrapper {
  display: grid;
  justify-content: center;
  margin-top: 4em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutArea .l-guidelines .l-inner .l-buttonWrapper {
    row-gap: 1em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutArea .l-guidelines .l-inner .l-buttonWrapper {
    grid-template-columns: repeat(2, auto);
    column-gap: 2em;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutArea .l-guidelines .l-inner .l-buttonWrapper .l-button {
    min-width: clamp(0px, calc(0px + (540 * max(0px, ((100dvw - 0px) / (768))))), 540px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutArea .l-guidelines .l-inner .l-buttonWrapper .l-button {
    min-width: clamp(0px, calc(0px + (405 * max(0px, ((100dvw - 0px) / (960))))), 405px);
  }
}
.mainArea .aboutArea .l-guidelines .l-inner .l-buttonWrapper .l-button.has-multiLine {
  padding-block: .8em;
}
.mainArea .aboutArea .l-guidelines .l-inner .l-note {
  text-align: left;
  margin-top: 4em;
}

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