.text-base, .signature__name {
  font-size: var(--font-size-16);
  line-height: var(--font-line-height-175);
  letter-spacing: var(--font-letter-spacing-25);
}

@media (max-width: 768px) {
  .text-base, .signature__name {
    font-size: var(--font-size-14);
  }
}
.text-base-middle, .signature__company, .signature__position {
  font-size: var(--font-size-14);
  line-height: var(--font-line-height-15);
  letter-spacing: var(--font-letter-spacing-25);
}

@media (max-width: 768px) {
  .text-base-middle, .signature__company, .signature__position {
    font-size: var(--font-size-12);
  }
}
.text-base-small {
  font-size: var(--font-size-12);
  line-height: var(--font-line-height-15);
  letter-spacing: var(--font-letter-spacing-0);
}

@media (max-width: 768px) {
  .text-base-small {
    font-size: var(--font-size-10);
  }
}
.heading-lv1 {
  font-family: var(--font-family-zenkakau);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-56);
  line-height: var(--font-line-height-15);
  letter-spacing: var(--font-letter-spacing-10);
}

.heading-lv2 {
  font-family: var(--font-family-zenkakau);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-48);
  line-height: var(--font-line-height-15);
  letter-spacing: var(--font-letter-spacing-2);
}

.heading-lv3 {
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-32);
  line-height: var(--font-line-height-15);
  letter-spacing: var(--font-letter-spacing-2);
}

.heading-lv4 {
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-24);
  line-height: var(--font-line-height-15);
  letter-spacing: var(--font-letter-spacing-2);
}

@media (max-width: 768px) {
  .heading-lv1 {
    font-size: var(--font-size-28);
    line-height: var(--font-line-height-15);
    letter-spacing: var(--font-letter-spacing-2);
  }
  .heading-lv2 {
    font-size: var(--font-size-24);
    line-height: var(--font-line-height-15);
    letter-spacing: var(--font-letter-spacing-2);
  }
  .heading-lv3 {
    font-size: var(--font-size-21);
    line-height: var(--font-line-height-15);
    letter-spacing: var(--font-letter-spacing-2);
  }
  .heading-lv4 {
    font-size: var(--font-size-18);
    line-height: var(--font-line-height-15);
    letter-spacing: var(--font-letter-spacing-2);
  }
}
.signature {
  margin-left: auto;
  margin-top: 56px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.signature__company {
  text-align: right;
}
.signature__name-area {
  margin-top: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 10px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.signature__position {
  text-align: right;
}
.signature__name {
  font-weight: var(--font-weight-bold);
  text-align: right;
}

@media (max-width: 768px) {
  .signature {
    margin-top: 40px;
  }
  .signature__name-area {
    margin-top: 6px;
    gap: 0 10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
/*# sourceMappingURL=topcommitment.min.css.map */