@media screen and (max-width: 960.98px) {
  .mainArea .businessArea {
    padding-block: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (768))))), 60px) clamp(0px, calc(0px + (120 * max(0px, ((100dvw - 0px) / (768))))), 120px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .businessArea {
    padding-block: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (960))))), 60px) clamp(0px, calc(0px + (120 * max(0px, ((100dvw - 0px) / (960))))), 120px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .businessArea .l-text {
    text-align: left;
  }
}
.mainArea .businessArea .l-buttonWrapper {
  display: grid;
  justify-content: center;
  gap: 1em;
  margin-top: 4em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .businessArea .l-buttonWrapper {
    grid-template-columns: clamp(0px, calc(0px + (540 * max(0px, ((100dvw - 0px) / (768))))), 540px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .businessArea .l-buttonWrapper {
    grid-template-columns: repeat(2, clamp(0px, calc(0px + (350 * max(0px, ((100dvw - 0px) / (960))))), 350px));
  }
}
.mainArea .businessArea .l-buttonWrapper .l-button.has-multiLine {
  padding-block: .8em;
}
@media print, screen and (min-width: 961px) {
  .mainArea .businessArea .l-buttonWrapper .l-button:last-child {
    grid-column: 1 / -1;
  }
}

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