@charset "UTF-8";
/*

Contact
----------------------------------------------- */
/* ヘッダーメニュー ローカル表示 */
.header-navi li:nth-child(5):before {
  transform: scale(1, 1);
}

/* お問い合わせ */
@media (width > 768px) {
  .sec-contact-header {
    padding-inline: 6.8571428571vw;
  }
}
@media (width <= 768px) {
  .sec-contact-header {
    padding-inline: 20px;
  }
}
@media (width > 768px) {
  .sec-contact-header {
    padding-top: 3.2142857143vw;
  }
}
@media (width <= 768px) {
  .sec-contact-header {
    padding-top: 60px;
  }
}
.sec-contact-header .ja {
  font-weight: 600;
  line-height: 1.1;
}
@media (width > 768px) {
  .sec-contact-header .ja {
    margin-top: 1.0714285714vw;
    font-size: 4.2142857143vw;
  }
}
@media (width <= 768px) {
  .sec-contact-header .ja {
    margin-top: 25px;
    font-size: 42rem;
  }
}
@media (width > 768px) {
  .sec-contact-body {
    padding-inline: 21.4285714286vw;
  }
}
@media (width <= 768px) {
  .sec-contact-body {
    padding-inline: 20px;
  }
}
@media (width > 768px) {
  .sec-contact-body {
    padding-top: 15.7142857143vw;
  }
}
@media (width <= 768px) {
  .sec-contact-body {
    padding-top: 100px;
  }
}

.contact-form {
  display: grid;
}
@media (width > 768px) {
  .contact-form {
    margin-top: 3.2142857143vw;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 2.3571428571vw 3.5714285714vw;
  }
}
@media (width <= 768px) {
  .contact-form {
    margin-top: 20px;
  }
}
@media (width <= 768px) {
  .contact-form dt {
    margin-bottom: 8px;
  }
}
@media (width <= 768px) {
  .contact-form dd {
    margin-bottom: 30px;
  }
}
.contact-form input[type=text],
.contact-form input[type=tel],
.contact-form input[type=email],
.contact-form textarea,
.contact-form select {
  appearance: none;
  width: 100%;
  border: 1px solid #8C8C8C;
}
@media (width > 768px) {
  .contact-form input[type=text],
  .contact-form input[type=tel],
  .contact-form input[type=email],
  .contact-form textarea,
  .contact-form select {
    border-radius: 0.7142857143vw;
    height: 4.5714285714vw;
    padding: 1.0714285714vw 1.7857142857vw;
  }
}
@media (width <= 768px) {
  .contact-form input[type=text],
  .contact-form input[type=tel],
  .contact-form input[type=email],
  .contact-form textarea,
  .contact-form select {
    border-radius: 10px;
    height: 64px;
    padding: 15px 16px;
  }
}
@media (width > 768px) {
  .contact-form textarea {
    height: 17.1428571429vw;
  }
}
@media (width <= 768px) {
  .contact-form textarea {
    height: 240px;
  }
}
.contact-form .submit-btn {
  width: 100%;
  background-color: var(--color-bland);
  border: 1px solid var(--color-bland);
  color: #fff;
  font-weight: 600;
  transition: 0.2s;
}
.contact-form .submit-btn:hover {
  background-color: #fff;
  color: var(--color-bland);
}
@media (width > 768px) {
  .contact-form .submit-btn {
    height: 4.5714285714vw;
    border-radius: 0.7142857143vw;
    font-size: 1.5714285714vw;
  }
}
@media (width <= 768px) {
  .contact-form .submit-btn {
    height: 64px;
    border-radius: 10px;
    font-size: 22rem;
  }
}
.contact-form .inquiry-type {
  position: relative;
}
.contact-form .inquiry-type::before, .contact-form .inquiry-type::after {
  font-family: "Font Awesome 7 Free";
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  line-height: 1;
  text-rendering: auto;
  flex-shrink: 0;
}
.contact-form .inquiry-type::before {
  position: absolute;
  top: 50%;
  right: 1.7857142857vw;
  transform: translateY(-50%);
  content: "\f107";
}