@charset "UTF-8";
@font-face {
  font-family: "Kanata-kanji";
  src: url("../font/Kanata-kanji.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
:root {
  --scale: 0.0694444444vw;
  --max: 1;
}
@media screen and (max-width: 767px) {
  :root {
    --scale: 0.2666666667vw;
    --max: 10;
  }
}

/* ===============================
  お問い合わせ
=============================== */
main.contact::before {
  z-index: 8;
}
/*------------------------------
contact__header
------------------------------*/
.contact__header {
  margin-top: min(calc(16 * var(--scale)), calc(16px * var(--max)));
}

.contact__title {
  font-size: min(calc(45 * var(--scale)), calc(45px * var(--max)));
  font-weight: 700;
  color: #00685f;
  text-align: center;
  padding-bottom: 0.4em;
  position: relative;
}
.contact__title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #5aaf7e;
  border-radius: min(calc(50 * var(--scale)), calc(50px * var(--max)));
  width: 2.1em;
  height: 0.1em;
}
@media (max-width: 767px) {
  .contact__title {
    font-size: min(calc(36 * var(--scale)), calc(36px * var(--max)));
  }
}

.contact__lead {
  margin-top: min(calc(23 * var(--scale)), calc(23px * var(--max)));
  font-size: min(calc(26 * var(--scale)), calc(26px * var(--max)));
  font-weight: 700;
  text-align: center;
  color: #00685f;
}
@media (max-width: 767px) {
  .contact__lead {
    font-size: min(calc(18 * var(--scale)), calc(18px * var(--max)));
  }
}

/*------------------------------
information
------------------------------*/
.information {
  margin-top: min(calc(145 * var(--scale)), calc(145px * var(--max)));
  padding: min(calc(30 * var(--scale)), calc(30px * var(--max))) 0 min(calc(70 * var(--scale)), calc(70px * var(--max)));
  position: relative;
}

.informatio__content {
  background: #fff;
  border-radius: min(calc(80 * var(--scale)), calc(80px * var(--max)));
  padding: min(calc(56 * var(--scale)), calc(56px * var(--max))) 0 4%;
  text-align: center;
  position: relative;
}
.informatio__content::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: min(calc(87 * var(--scale)), calc(87px * var(--max)));
  transform: translateY(100%);
  background: url(../img/common/introduction-tail.png) no-repeat center center/contain;
  width: min(calc(120 * var(--scale)), calc(120px * var(--max)));
  aspect-ratio: 241/89;
}
.informatio__content::before {
  content: "";
  position: absolute;
  background: url(../img/request/dec01.png) no-repeat center center/100%;
  aspect-ratio: 88/85;
  transform: translate(-50%, -30%);
  width: 4%;
  left: 94%;
  top: 0%;
}
@media (max-width: 767px) {
  .informatio__content {
    border-radius: min(calc(40 * var(--scale)), calc(40px * var(--max)));
    padding: min(calc(42 * var(--scale)), calc(42px * var(--max))) min(calc(16 * var(--scale)), calc(16px * var(--max)));
  }
  .informatio__content::before {
    width: 14%;
    transform: translate(-50%, -130%);
  }
  .informatio__content::after {
    right: min(calc(20 * var(--scale)), calc(20px * var(--max)));
    width: min(calc(60 * var(--scale)), calc(60px * var(--max)));
  }
}

.information__heading {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: min(calc(44 * var(--scale)), calc(44px * var(--max)));
  font-weight: 700;
  color: #d89500;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .information__heading {
    font-size: min(calc(24 * var(--scale)), calc(24px * var(--max)));
  }
}

.information__message {
  font-size: min(calc(18 * var(--scale)), calc(18px * var(--max)));
  font-weight: 700;
}
.information__message a {
  text-decoration: underline;
  color: #00685f;
}
@media (max-width: 767px) {
  .information__message {
    font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
    text-align: left;
  }
}

.information__button {
  margin-top: 3%;
}
.information__button a {
  padding: 0.8em 1.3em;
}
@media (max-width: 767px) {
  .information__button a {
    padding: 0.8em 1em;
    font-size: 16px;
    margin-top: 2em;
  }
}

/*------------------------------
inquiry 
------------------------------*/
.inquiry {
  padding-bottom: min(calc(220 * var(--scale)), calc(220px * var(--max)));
}
@media (max-width: 767px) {
  .inquiry {
    padding-bottom: min(calc(160 * var(--scale)), calc(160px * var(--max)));
  }
}

.inquiry__content {
  width: calc(1033 / 1120 * 100%);
  margin: 0 auto;
  border: 1px solid #3d3d3d;
  border-radius: min(calc(25 * var(--scale)), calc(25px * var(--max)));
  background: #fff;
  padding: min(calc(90 * var(--scale)), calc(90px * var(--max))) min(calc(150 * var(--scale)), calc(150px * var(--max))) 7%;
  position: relative;
  box-shadow: 2px 4px 20px rgba(217, 217, 217, 0.3);
}
@media (max-width: 767px) {
  .inquiry__content {
    width: 100%;
    padding: min(calc(55 * var(--scale)), calc(55px * var(--max))) min(calc(15 * var(--scale)), calc(15px * var(--max)));
  }
}

.inquiry__title {
  position: absolute;
  top: 0;
  left: 50%;
  color: #fff;
  font-size: min(calc(36 * var(--scale)), calc(36px * var(--max)));
  background: #00685f;
  transform: translate(-50%, -40%);
  padding: 0.3em 1.5em;
  border-radius: 1.38em;
}
@media (max-width: 767px) {
  .inquiry__title {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: min(calc(24 * var(--scale)), calc(24px * var(--max)));
  }
}

.inquiry__items dt:nth-child(n+2) {
  margin-top: min(calc(34 * var(--scale)), calc(34px * var(--max)));
}

.inquiry__label {
  font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
  font-weight: 700;
  color: #00685f;
}

.inquiry__status {
  display: inline-block;
  font-size: min(calc(14 * var(--scale)), calc(14px * var(--max)));
  font-weight: 700;
  color: #fff;
  background: #00685f;
  border-radius: 0.4em;
  padding: 0.2em 0.6em;
  margin-right: 0.8em;
}

.inquiry__field {
  margin-top: min(calc(10 * var(--scale)), calc(10px * var(--max)));
  font-size: min(calc(18 * var(--scale)), calc(18px * var(--max)));
  font-weight: 700;
}
.inquiry__field input[type=text],
.inquiry__field input[type=tel],
.inquiry__field input[type=email],
.inquiry__field textarea {
  font-size: min(calc(18 * var(--scale)), calc(18px * var(--max)));
  font-family: "Zen Maru Gothic", sans-serif;
  color: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  width: min(calc(370 * var(--scale)), calc(370px * var(--max)));
  max-width: 100%;
  border: 1px solid #00685f;
  background: #fbfff9;
  border-radius: min(calc(23 * var(--scale)), calc(23px * var(--max)));
  padding: 0.3em 1.3em;
}
.inquiry__field input[type=text],
.inquiry__field input[type=tel],
.inquiry__field input[type=email] {
  width: 64%;
}
.inquiry__field textarea {
  width: 100%;
  resize: vertical;
  min-height: 236px;
}
.inquiry__field textarea:not(.act) {
  color: #aeaeae;
}
.inquiry__field textarea::-moz-placeholder {
  color: #aeaeae;
  line-height: 1.9;
}
.inquiry__field textarea::placeholder {
  color: #aeaeae;
  line-height: 1.9;
}
@media (max-width: 767px) {
  .inquiry__field {
    font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
  }
  .inquiry__field input[type=text],
.inquiry__field input[type=tel],
.inquiry__field input[type=email] {
    width: 100%;
  }
  .inquiry__field input[type=text],
.inquiry__field input[type=tel],
.inquiry__field input[type=email],
.inquiry__field textarea {
    font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
  }
}

.inquiry__field__accept .c-form-error {
  display: none;
}
.inquiry__field__accept:not(:has(.is-invalid)) .c-form-text {
  display: none;
}

.inquiry__note {
  margin-top: min(calc(10 * var(--scale)), calc(10px * var(--max)));
  font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
  color: #717171;
  letter-spacing: -0.05em;
}
@media (max-width: 767px) {
  .inquiry__note {
    font-size: min(calc(14 * var(--scale)), calc(14px * var(--max)));
  }
}

.inquiry__check-group {
  display: flex;
  flex-direction: column;
  padding-left: 1%;
}

.inquiry__check {
  display: flex;
  align-items: center;
}
.inquiry__check:has(input[type=checkbox]:checked) .inquiry__check-input::after {
  display: block;
}
.inquiry__check input[type=radio] {
  opacity: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  width: 0;
  height: 0;
}
@media (max-width: 767px) {
  .inquiry__check {
    align-items: flex-start;
  }
}

.inquiry__check-input {
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  border: 1px solid #00685f;
  background: #fbfff9;
  position: relative;
  margin-right: 0.8em;
}
.inquiry__check-input::after {
  content: "";
  position: absolute;
  border: solid 2px #00685f;
  border-top: 0;
  border-left: 0;
  width: 60%;
  aspect-ratio: 10/22;
  top: 0;
  left: 0;
  transform: translate(70%, -30%) rotate(45deg);
  z-index: 1;
  display: none;
}
.inquiry__check-input input {
  background: transparent;
}
@media (max-width: 767px) {
  .inquiry__check-input {
    flex-shrink: 0;
    margin-top: 0.3em;
  }
}

@media (max-width: 767px) {
  .inquiry__check-label {
    width: 80%;
    font-size: min(calc(15 * var(--scale)), calc(15px * var(--max)));
  }
}

.inquiry__submit {
  margin-top: 6.4%;
  text-align: center;
}

.inquiry__button {
  cursor: pointer;
  position: relative;
  font-size: min(calc(18 * var(--scale)), calc(18px * var(--max)));
  padding: 0.6em 3.4em;
}
.inquiry__button input {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.inquiry__message {
  font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
  font-weight: 700;
  margin-top: min(calc(10 * var(--scale)), calc(10px * var(--max)));
  color: #00685f;
  text-align: center;
  letter-spacing: -0.05em;
}

.contact-nav {
  margin-top: min(calc(26 * var(--scale)), calc(26px * var(--max)));
  background: #fffaee;
  padding: min(calc(40 * var(--scale)), calc(40px * var(--max))) min(calc(40 * var(--scale)), calc(40px * var(--max))) 7%;
  letter-spacing: -0.05em;
  border-radius: min(calc(17 * var(--scale)), calc(17px * var(--max)));
}
@media (max-width: 767px) {
  .contact-nav {
    padding: min(calc(40 * var(--scale)), calc(40px * var(--max))) min(calc(20 * var(--scale)), calc(20px * var(--max)));
  }
}

.contact-nav__message {
  font-size: min(calc(18 * var(--scale)), calc(18px * var(--max)));
  font-weight: 700;
  color: #e49f00;
  text-align: center;
}

.contact-nav__list {
  margin-top: min(calc(15 * var(--scale)), calc(15px * var(--max)));
  display: flex;
  justify-content: center;
  gap: 0 min(calc(45 * var(--scale)), calc(45px * var(--max)));
}
.contact-nav__list li a {
  display: inline-block;
  font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
  font-weight: 700;
  text-decoration: underline;
}
@media (max-width: 767px) {
  .contact-nav__list {
    flex-direction: column;
    gap: min(calc(10 * var(--scale)), calc(10px * var(--max))) 0;
    align-items: center;
  }
}

/*------------------------------
thanks
------------------------------*/
.thanks {
  margin-top: min(calc(34 * var(--scale)), calc(34px * var(--max)));
  padding: min(calc(48 * var(--scale)), calc(48px * var(--max))) 0;
  border-top: 2px dashed #dba326;
  border-bottom: 2px dashed #dba326;
  display: none;
}

.is-send .thanks {
  display: block;
}

.thanks__heading {
  font-size: min(calc(22 * var(--scale)), calc(22px * var(--max)));
  font-weight: 700;
  color: #00685f;
  text-align: center;
}
@media (max-width: 767px) {
  .thanks__heading {
    font-size: min(calc(17 * var(--scale)), calc(17px * var(--max)));
  }
}

.thanks__message {
  margin-top: min(calc(15 * var(--scale)), calc(15px * var(--max)));
  font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
  font-weight: 700;
  text-align: center;
}
@media (max-width: 767px) {
  .thanks__message {
    font-size: min(calc(15 * var(--scale)), calc(15px * var(--max)));
  }
}
/*# sourceMappingURL=contact.css.map */