/* ============================================================
   お問い合わせフォーム（WPForms）
   2026/09 a.design
   ------------------------------------------------------------
   ・サイト内で使用しているフォームはお問い合わせページの1つだけ
     （大学用・共通欄は、このフォームへのリンクのみ）
   ・WPForms はページ本文中に #wpforms-○○ というID付きの指定を
     出力するため、変数には !important を付けて優先度を確保
   ・背景の帯は付けていません。付ける場合は、フォームを囲んでいる
     Arkhe「セクション」ブロックの背景色を編集画面で設定してください
   ============================================================ */

/* ---------- 色・サイズ（WPForms の変数を上書き） ---------- */
.wpforms-container.wpforms-render-modern{
  --wpforms-field-border-radius:2px!important;
  --wpforms-field-border-color:#D5D9E0!important;
  --wpforms-field-background-color:#fff!important;
  --wpforms-field-text-color:#333!important;
  --wpforms-field-size-input-height:52px!important;
  --wpforms-field-size-font-size:16px!important;
  --wpforms-field-size-padding-h:16px!important;
  --wpforms-label-color:#333!important;
  --wpforms-label-error-color:#B4264D!important;
  --wpforms-label-size-font-size:14px!important;
  --wpforms-button-background-color:#B4264D!important;
  --wpforms-button-border-color:#B4264D!important;
  --wpforms-button-text-color:#fff!important;
  --wpforms-button-border-radius:2px!important;
  --wpforms-button-size-font-size:16px!important;
  --wpforms-button-size-height:58px!important;
  --wpforms-button-size-padding-h:40px!important;
  --wpforms-button-size-margin-top:24px!important;
}

/* ---------- フォーム本体を中央に ---------- */
.wpforms-container.wpforms-render-modern{
  margin:0 auto!important;
  line-height:1.9;
}
.wpforms-container.wpforms-render-modern .wpforms-form{
  max-width:680px!important;
  margin:0 auto!important;
}

/* ---------- 各項目 ---------- */
.wpforms-container.wpforms-render-modern .wpforms-field{
  padding:0 0 22px!important;
}
.wpforms-container.wpforms-render-modern .wpforms-field-label{
  font-weight:600!important;
  letter-spacing:.02em;
  margin-bottom:8px!important;
}
.wpforms-container.wpforms-render-modern .wpforms-required-label{
  color:#B4264D!important;
  margin-left:4px;
}

/* 入力欄を幅いっぱいに
   （初期設定の small は25%、medium は60%の幅で左に寄ります） */
.wpforms-container.wpforms-render-modern input.wpforms-field-small,
.wpforms-container.wpforms-render-modern input.wpforms-field-medium,
.wpforms-container.wpforms-render-modern input.wpforms-field-large,
.wpforms-container.wpforms-render-modern textarea.wpforms-field-small,
.wpforms-container.wpforms-render-modern textarea.wpforms-field-medium,
.wpforms-container.wpforms-render-modern textarea.wpforms-field-large,
.wpforms-container.wpforms-render-modern select.wpforms-field-small,
.wpforms-container.wpforms-render-modern select.wpforms-field-medium,
.wpforms-container.wpforms-render-modern select.wpforms-field-large{
  width:100%!important;
  max-width:100%!important;
}

/* プレースホルダー */
.wpforms-container.wpforms-render-modern ::placeholder{
  color:#9AA0AA;
  opacity:1;
}

/* 入力中の枠色 */
.wpforms-container.wpforms-render-modern .wpforms-field input:focus,
.wpforms-container.wpforms-render-modern .wpforms-field textarea:focus,
.wpforms-container.wpforms-render-modern .wpforms-field select:focus{
  border-color:#B4264D!important;
  box-shadow:0 0 0 2px rgba(180,38,77,.14)!important;
  outline:none!important;
}

/* お問い合わせ内容欄の高さ */
.wpforms-container.wpforms-render-modern .wpforms-field-textarea textarea{
  min-height:180px!important;
}

/* ---------- 送信ボタン ---------- */
.wpforms-container.wpforms-render-modern .wpforms-submit-container{
  text-align:center!important;
  padding-top:12px;
}
.wpforms-container.wpforms-render-modern button.wpforms-submit{
  min-width:min(340px,100%)!important;
  font-weight:600!important;
  letter-spacing:.06em;
  transition:opacity .2s;
}
.wpforms-container.wpforms-render-modern button.wpforms-submit:hover{
  opacity:.85;
}

/* ---------- スマートフォン ---------- */
@media(max-width:640px){
  .wpforms-container.wpforms-render-modern button.wpforms-submit{
    width:100%!important;
  }
  .wpforms-container.wpforms-render-modern .wpforms-field{
    padding:0 0 18px!important;
  }
}