/* お問い合わせ 入力フォームページのタイトルを非表示 */
.page-id-15 .entry-title,
.page-id-15 .page-title {
  display: none;
}

/* === フォーム全体 === */
.q-and-a-form-wrapper {
    max-width: 640px;
    margin: 5px auto;
    padding: 24px 16px;
}

.q-and-a-form {
    background: #ffffff;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 16px 20px;
}

/* === 1行 = ラベル列 + 入力列 === */
.q-and-a-form .form-row {
    display: grid;
    grid-template-columns: 200px minmax(0, 1fr); /* 左:ラベル 右:入力 */
    column-gap: 8px;
    align-items: center;
    margin-bottom: 12px;
}

/* ラベル側 */
.q-and-a-form .form-label {
    white-space: nowrap;
}

/* 入力側 */
.q-and-a-form .form-field {
    width: 100%;
}

.q-and-a-form .form-field input {
    width: 100%;
    max-width: 260px;
    padding: 4px 8px;
    font-size: 16px;
    box-sizing: border-box;
}

.q-and-a-form .form-field textarea {
    width: 100%;
    max-width: 100%;
    height: 200px;
    padding: 4px 8px;
    font-size: 16px;
    box-sizing: border-box;
}


/* 生年月日だけ特殊 */
.q-and-a-form .form-field--birthday {
    display: flex;
    align-items: center;
    gap: 4px;
}

.q-and-a-form .birthday-year,
.q-and-a-form .birthday-month,
.q-and-a-form .birthday-day {
    width: 90px;
}

.q-and-a-form .birthday-separator {
    font-size: 16px;
}

/* ボタン */
.q-and-a-form .form-actions {
    margin-top: 20px;
    text-align: center;
}

.q-and-a-form .btn-submit {
    display: inline-block;
    padding: 8px 24px;
    border-radius: 9999px;
    border: none;
    background: #333;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

/* スマホ時のレイアウト変更 */
@media (max-width: 768px) {

  /* ラベル＋入力を縦並びにする */
  .q-and-a-form .form-row {
      display: block;              /* grid → block に上書き */
      margin-bottom: 20px;
  }

  .q-and-a-form .form-label {
      display: block;
      margin-bottom: 6px;          /* ラベルの下に余白 */
  }

  /* 入力欄をちょっと右に寄せる */
  .q-and-a-form .form-field {
      margin-left: 12px;           /* ← インデント量、お好みで調整 */
  }

  /* スマホでは幅を広めにしてあげる */
  .q-and-a-form .form-field input,
  .q-and-a-form .form-field select {
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
  }
}