@media screen and (max-width: 960.98px) {
  .mainArea .updateArea .updateArea_introduction {
    padding-block: clamp(0px, calc(0px + (80 * max(0px, ((100dvw - 0px) / (768))))), 80px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .updateArea .updateArea_introduction {
    padding-block: clamp(0px, calc(0px + (80 * max(0px, ((100dvw - 0px) / (960))))), 80px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .updateArea .updateArea_introduction .l-header img {
    width: clamp(0px, calc(0px + (142 * max(0px, ((100dvw - 0px) / (768))))), 142px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .updateArea .updateArea_introduction .l-header img {
    width: clamp(0px, calc(0px + (78 * max(0px, ((100dvw - 0px) / (960))))), 78px);
  }
}
.mainArea .updateArea .updateArea_introduction .l-header .l-heading {
  margin-top: .75em;
}
.mainArea .updateArea .updateArea_introduction .l-important {
  margin-top: 3.5em;
}
.mainArea .updateArea .updateArea_introduction .l-important .l-heading {
  color: #fff;
  background-color: #0054B6;
  padding: .3em;
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: center;
  align-items: center;
  column-gap: .5em;
}
.mainArea .updateArea .updateArea_introduction .l-important .l-heading::before {
  content: "";
  background: url("../../../../assets/common/images/icon-exclamation-emphasis-outline.svg") no-repeat center/contain;
  aspect-ratio: 1;
  display: block;
}
@media screen and (max-width: 960.98px) {
  .mainArea .updateArea .updateArea_introduction .l-important .l-heading::before {
    width: clamp(0px, calc(0px + (50 * max(0px, ((100dvw - 0px) / (768))))), 50px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .updateArea .updateArea_introduction .l-important .l-heading::before {
    width: clamp(0px, calc(0px + (42 * max(0px, ((100dvw - 0px) / (960))))), 42px);
  }
}
.mainArea .updateArea .updateArea_introduction .l-important .l-inner {
  background-color: #F0F8FC;
}
@media screen and (max-width: 960.98px) {
  .mainArea .updateArea .updateArea_introduction .l-important .l-inner {
    text-align: left;
    padding: 3em 2em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .updateArea .updateArea_introduction .l-important .l-inner {
    padding: 3em 2em 4em;
  }
}
.mainArea .updateArea .updateArea_introduction .l-important .l-inner .l-attention {
  color: #E3148A;
  display: grid;
  justify-content: center;
  align-items: center;
  margin-top: .5em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .updateArea .updateArea_introduction .l-important .l-inner .l-attention {
    grid-template-columns: clamp(0px, calc(0px + (58 * max(0px, ((100dvw - 0px) / (768))))), 58px) 1fr;
    column-gap: 1em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .updateArea .updateArea_introduction .l-important .l-inner .l-attention {
    grid-template-columns: clamp(0px, calc(0px + (32 * max(0px, ((100dvw - 0px) / (960))))), 32px) auto;
    column-gap: .5em;
  }
}
.mainArea .updateArea .updateArea_introduction .l-important .l-inner .l-attention::before {
  content: "";
  background: url("../../../../assets/common/images/icon-exclamation-emphasis.svg") no-repeat center/contain;
  width: 100%;
  aspect-ratio: 1;
  display: block;
}
.mainArea .updateArea .updateArea_introduction .l-important .l-inner .l-note {
  margin-top: 2em;
  text-align: left;
}
@media print, screen and (min-width: 961px) {
  .mainArea .updateArea .updateArea_introduction .l-important .l-inner .l-note {
    display: grid;
    justify-content: center;
  }
}
.mainArea .updateArea .updateArea_introduction .l-row {
  margin-top: 3em;
  display: grid;
}
@media screen and (max-width: 960.98px) {
  .mainArea .updateArea .updateArea_introduction .l-row {
    grid-template-columns: 1fr;
    row-gap: 1.5em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .updateArea .updateArea_introduction .l-row {
    grid-template-columns: repeat(2, 1fr);
    gap: 3em;
  }
}
.mainArea .updateArea .updateArea_introduction .l-row .l-box {
  border: 1px solid #000;
}
.mainArea .updateArea .updateArea_introduction .l-row .l-box .l-heading {
  color: #fff;
  background-color: #0054B6;
  padding: .3em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .updateArea .updateArea_introduction .l-row .l-box .l-inner {
    text-align: left;
    padding: 1.5em 2em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .updateArea .updateArea_introduction .l-row .l-box .l-inner {
    padding: 3em;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .updateArea .updateArea_introduction .l-row .l-box .l-inner .l-text {
    text-align: center;
  }
}
.mainArea .updateArea .updateArea_introduction .l-row .l-box .l-inner .l-note {
  text-align: left;
}
@media screen and (max-width: 960.98px) {
  .mainArea .updateArea .updateArea_introduction .l-row .l-box .l-inner .l-note {
    margin-top: 1em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .updateArea .updateArea_introduction .l-row .l-box .l-inner .l-note {
    display: grid;
    justify-content: center;
    margin-top: 2em;
  }
}
.mainArea .updateArea .updateArea_introduction .l-row .l-box .l-inner .l-list {
  text-align: left;
}
@media print, screen and (min-width: 961px) {
  .mainArea .updateArea .updateArea_introduction .l-row .l-box .l-inner .l-list {
    display: grid;
    justify-content: center;
  }
}
.mainArea .updateArea .updateArea_introduction .l-row .l-box .l-inner .l-link {
  color: #0054B6;
  display: inline-block;
  margin-top: .5em;
}
.mainArea .updateArea .updateArea_introduction .l-row .l-box .l-inner .l-link::after {
  content: "";
  width: .5em;
  aspect-ratio: 1;
  border-color: currentColor;
  border-style: solid;
  border-width: .1em .1em 0 0;
  rotate: 45deg;
  display: inline-block;
  margin-left: .7em;
}
.mainArea .updateArea .updateArea_procedure {
  background-color: #F0F8FC;
}
@media screen and (max-width: 960.98px) {
  .mainArea .updateArea .updateArea_procedure {
    padding-block: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (768))))), 60px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .updateArea .updateArea_procedure {
    padding-block: clamp(0px, calc(0px + (50 * max(0px, ((100dvw - 0px) / (960))))), 50px);
  }
}
.mainArea .updateArea .updateArea_procedure .l-list {
  margin-top: 3em;
  display: grid;
  counter-reset: number;
}
@media screen and (max-width: 960.98px) {
  .mainArea .updateArea .updateArea_procedure .l-list {
    grid-template-columns: 1fr;
    row-gap: 2em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .updateArea .updateArea_procedure .l-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 3em;
  }
}
.mainArea .updateArea .updateArea_procedure .l-list li {
  background-color: #fff;
  text-align: left;
}
.mainArea .updateArea .updateArea_procedure .l-list li:not(:last-child) {
  display: grid;
  grid-template-columns: auto 1fr;
}
@media screen and (max-width: 960.98px) {
  .mainArea .updateArea .updateArea_procedure .l-list li:not(:last-child) {
    padding: 2em 2em 2.5em;
    column-gap: 2em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .updateArea .updateArea_procedure .l-list li:not(:last-child) {
    padding: 2em 3em 3em 3em;
    column-gap: 2.5em;
  }
}
.mainArea .updateArea .updateArea_procedure .l-list li:not(:last-child)::before {
  counter-increment: number;
  content: counter(number);
  font-weight: 700;
  line-height: 1;
  letter-spacing: .1em;
  color: #fff;
  background-color: #0054B6;
  width: 2em;
  aspect-ratio: 1;
  border-radius: 50%;
  display: grid;
  place-items: center;
}
@media screen and (max-width: 960.98px) {
  .mainArea .updateArea .updateArea_procedure .l-list li:not(:last-child)::before {
    font-size: clamp(1.6rem, calc(16px + (4 * max(0px, ((100dvw - 384px) / (384))))), 2rem);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .updateArea .updateArea_procedure .l-list li:not(:last-child)::before {
    font-size: clamp(2.3rem, calc(23px + (3 * max(0px, ((100dvw - 384px) / (384))))), 2.6rem);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .updateArea .updateArea_procedure .l-list li:last-child {
    padding: 3.5em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .updateArea .updateArea_procedure .l-list li:last-child {
    display: grid;
    place-items: center;
    padding: 2em 7.5em;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .updateArea .updateArea_procedure .l-list li .l-inner {
    padding-top: .3em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .updateArea .updateArea_procedure .l-list li .l-inner {
    padding-top: .8em;
  }
}
.mainArea .updateArea .updateArea_procedure .l-list li .l-inner img {
  margin-top: 1.5em;
  translate: -8% 0;
}
@media screen and (max-width: 960.98px) {
  .mainArea .updateArea .updateArea_procedure .l-list li .l-inner img {
    width: clamp(0px, calc(0px + (532 * max(0px, ((100dvw - 0px) / (768))))), 532px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .updateArea .updateArea_procedure .l-list li .l-inner img {
    width: clamp(0px, calc(0px + (391 * max(0px, ((100dvw - 0px) / (960))))), 391px);
  }
}
.mainArea .updateArea .updateArea_procedure .l-list li .l-text {
  display: grid;
  row-gap: 1.5em;
}
.mainArea .updateArea .updateArea_procedure .l-attention {
  margin-top: 3em;
}
@media print, screen and (min-width: 961px) {
  .mainArea .updateArea .updateArea_procedure .l-attention {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    justify-content: center;
    align-items: center;
    column-gap: 5em;
  }
}
@media screen and (min-width: 961px) and (max-width: 1199.98px) {
  .mainArea .updateArea .updateArea_procedure .l-attention {
    grid-template-columns: repeat(2, auto);
  }
}
@media print, screen and (min-width: 1200px) {
  .mainArea .updateArea .updateArea_procedure .l-attention {
    grid-template-columns: repeat(2, max-content);
  }
}
.mainArea .updateArea .updateArea_procedure .l-attention dt {
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: center;
  align-items: center;
  column-gap: .5em;
}
.mainArea .updateArea .updateArea_procedure .l-attention dt::before {
  content: "";
  background: url("../../../../assets/common/images/icon-exclamation-emphasis-blue.svg") no-repeat center/contain;
  aspect-ratio: 1;
  display: block;
}
@media screen and (max-width: 960.98px) {
  .mainArea .updateArea .updateArea_procedure .l-attention dt::before {
    width: clamp(0px, calc(0px + (68 * max(0px, ((100dvw - 0px) / (768))))), 68px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .updateArea .updateArea_procedure .l-attention dt::before {
    width: clamp(0px, calc(0px + (42 * max(0px, ((100dvw - 0px) / (960))))), 42px);
  }
}
.mainArea .updateArea .updateArea_procedure .l-attention dd {
  text-align: left;
}
@media screen and (max-width: 960.98px) {
  .mainArea .updateArea .updateArea_procedure .l-attention dd {
    margin-top: 1em;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .otherArea {
    padding-block: clamp(0px, calc(0px + (80 * max(0px, ((100dvw - 0px) / (768))))), 80px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .otherArea {
    padding-block: clamp(0px, calc(0px + (80 * max(0px, ((100dvw - 0px) / (960))))), 80px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .otherArea .l-header img {
    width: clamp(0px, calc(0px + (122 * max(0px, ((100dvw - 0px) / (768))))), 122px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .otherArea .l-header img {
    width: clamp(0px, calc(0px + (94 * max(0px, ((100dvw - 0px) / (960))))), 94px);
  }
}
.mainArea .otherArea .l-header .l-heading {
  margin-top: .75em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .otherArea .l-block {
    margin-top: 3em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .otherArea .l-block {
    margin-top: 5em;
  }
}
.mainArea .otherArea .l-block .l-heading {
  color: #fff;
  background-color: #0054B6;
  padding: .3em;
}
@media print, screen and (min-width: 961px) {
  .mainArea .otherArea .l-block .l-inner {
    padding-inline: 4em;
  }
}
.mainArea .otherArea .l-block .l-inner .l-list {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 1.5em;
  text-align: left;
  margin-top: 1.5em;
}
.mainArea .otherArea .l-attention {
  border: 1px solid #0054B6;
}
@media screen and (max-width: 960.98px) {
  .mainArea .otherArea .l-attention {
    margin-top: 4em;
    padding: 2em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .otherArea .l-attention {
    margin-top: 6em;
    padding: 3em 4em;
  }
}
.mainArea .otherArea .l-attention .l-heading {
  color: #0054B6;
}
.mainArea .otherArea .l-attention .l-list {
  text-align: left;
  margin-top: 1em;
}
.mainArea .otherArea .l-mobile {
  background-color: #F0F8FC;
  margin-top: 2em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .otherArea .l-mobile {
    padding: 2em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .otherArea .l-mobile {
    padding: 3em 4em;
  }
}
.mainArea .otherArea .l-mobile .l-heading {
  color: #0054B6;
}
.mainArea .otherArea .l-mobile .l-text {
  text-align: left;
  margin-top: 1em;
}
.mainArea .otherArea .l-mobile .l-note {
  text-align: left;
  margin-top: 1em;
}

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