.text-base {
  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 {
    font-size: var(--font-size-14);
  }
}
.text-base-middle {
  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 {
    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);
  }
}
.president-pic {
  width: 100%;
}

@media (max-width: 768px) {
  .president-pic {
    width: 59.7014925373%;
    margin: 0 auto;
  }
}
.president {
  margin-left: auto;
  margin-top: 40px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.president__text {
  font-size: var(--font-size-14);
  line-height: var(--font-line-height-15);
  letter-spacing: var(--font-letter-spacing-25);
  text-align: right;
}
.president__name {
  margin-top: 8px;
  font-size: var(--font-size-16);
  line-height: var(--font-line-height-175);
  letter-spacing: var(--font-letter-spacing-25);
  font-weight: var(--font-weight-bold);
  text-align: right;
}

@media (max-width: 768px) {
  .president {
    margin-top: 40px;
  }
  .president__text {
    font-size: var(--font-size-12);
  }
  .president__name {
    margin-top: 8px;
    font-size: var(--font-size-14);
  }
}
/*# sourceMappingURL=message.min.css.map */