.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);
  }
}
.announce {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 56px;
  margin-top: 40px;
}

.announce__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.announce__item.--phone {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.announce__item.--mail {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}

.announce__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.announce__icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: rgba(var(--color-grey), 1);
  position: relative;
}

.icon-phone {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: inline-block;
  width: 34px;
  height: 34px;
  background-color: currentColor;
  -webkit-mask: url("/assets/img/common/icon/icon_phone.svg") no-repeat center/contain;
          mask: url("/assets/img/common/icon/icon_phone.svg") no-repeat center/contain;
}

.icon-mail {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: inline-block;
  width: 36px;
  height: 29px;
  background-color: currentColor;
  -webkit-mask: url("/assets/img/common/icon/icon_form.svg") no-repeat center/contain;
          mask: url("/assets/img/common/icon/icon_form.svg") no-repeat center/contain;
}

@media (max-width: 768px) {
  .announce {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
/*# sourceMappingURL=contact.min.css.map */