@charset "utf-8";

:root {
  --sans-font: 'Zen Kaku Gothic New';
  --default-font: 'Zen Old Mincho';
  --font-color: #2F2F2F;
  --white-color: #fff;
  --bg-color: #eaf1e4;
  --base-color: #F2F2F2;
  --main-color: #91BA8F;
  --accent-color: #6A8768;
  --gray-color: #C4C4C4;
  --lightblack-color: #6A6969;
  --logo-color: #4D4A47;
  --header-height: 91px;
  --tabHeader-height: 69px;
  --spHeader-height: 57px;
}

.inquiry {
  margin-bottom: 5rem;
}

.inquiry-wrapper {
  background-color: var(--accent-color);
  padding-top: var(--header-height);
  padding-bottom: var(--header-height);
}

.inquiry-inner {
  width: 90%;
  margin: 0 auto;
  padding: 8rem 5rem;
  background-color: var(--white-color);
}

.inquiry-tl h3 {
  font-size: 3.2rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 15px;
  color: var(--logo-color);
}

.inquiry-tl p {
  font-size: 1.8rem;
  text-align: center;
}

/* -----フォーム全体----- */
.inquiry-cont a {
  color: #0c91a3;
}

.inquiry-cont {
  padding-top: 5rem;
}

.inquiry-cont dd {
  margin-bottom: 20px;
}

.wpcf7 {
  max-width: 572px;
  width: 100%;
  margin: 0 auto;
}

/* ラベルのスタイル */
.wpcf7-form label {
  display: block;
  margin-bottom: 10px;
  font-size: 1.6rem;
}

/* 必須フィールドのラベルスタイル */
.wpcf7-form .required {
  background-color: #c76e68;
  color: #fff;
  padding: 2px 5px;
  border-radius: 3px;
  margin-left: 10px;
  font-size: 1.2rem;
}

/* インプットフィールドのスタイル */
.wpcf7-form input {
  width: 100%;
  padding: 10px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  font-size: 1.6rem;
}

/* テキストエリアのスタイル */
.wpcf7-form textarea {
  width: 100%;
  height: 150px;
  resize: vertical;
  border: 1px solid #cccccc;
  border-radius: 5px;
  padding: 10px;
}

/* 同意ボタンのスタイル */
.inquiry-accept label {
  display: flex;
  justify-content: start;
}

.inquiry-accept label input {
  width: 20px;
  height: 20px;
}


/* 送信ボタンのスタイル */
.wpcf7-form input[type="submit"] {
  background-color: var(--accent-color);
  color: #fff;
  cursor: pointer;
  transition: background-color 0.3s ease;
  border: none;
}

.wpcf7-form input[type="submit"]:hover {
  background-color: var(--main-color);
}

/* エラーメッセージと成功メッセージのスタイル */
.wpcf7-form .wpcf7-not-valid-tip {
  color: #d6362b;
  font-size: 1.4rem;
}

.wpcf7-form .wpcf7-mail-sent-ok {
  color: var(--accent-color);
  font-size: 1.6rem;
}

/* リキャプチャ文言 */
.inquiry-recaptcha {
  margin-top: 5rem;
  font-size: 1.2rem;
  text-align: center;
}

.inquiry-recaptcha a {
  color: #0c91a3;
}

@media (max-width: 900px) {
  .inquiry-wrapper {
    padding-top: var(--tabHeader-height);
    padding-bottom: var(--tabHeader-height);
  }
}

@media (max-width: 572px) {
  .inquiry-wrapper {
    padding-top: var(--spHeader-height);
    padding-bottom: var(--spHeader-height);
  }
  .inquiry-inner {
    padding: 8rem 2rem;
  }

  .inquiry-tl h3 {
    font-size: 2.8rem;
  }

  .inquiry-tl p {
    font-size: 1.6rem;
  }

  .wpcf7-form label {
    font-size: 1.4rem;
  }
}

/* ---------------------------------
サンクスページ
------------------------------------ */
.thanks .inquiry-inner .btn {
  margin-top: 5rem;
}