@charset "UTF-8";
/* ==========================================================
   Contact Form 7 用の追加スタイル
   2026-11 MW WP Form から移行。MW 時代の入力画面の見た目に合わせる。
   読み込みはフォームのページだけ（テーマ lib/custom/cf7.php）。
   ========================================================== */

/* 送信ボタン：入力画面のボタン（submitConfirm）と同じ寸法に戻す。
   ボタン名が「送信する」になったため、確認画面用の input[value="送信する"]（幅 48% / 260px）が当たるのを打ち消す。 */
#mailform .wpcf7 form.mw_wp_form .submit input.wpcf7-submit[name="submitConfirm"] {
  width: 335px;
  height: 60px;
  margin: 0 auto -30px;
  font-size: 1.6rem;
  background: url("../images/common/link-arrow-white.svg") right 15px center no-repeat #0074cc;
}
#mailform .wpcf7 form.mw_wp_form .submit input.wpcf7-submit[name="submitConfirm"]:hover {
  color: #0074cc;
  background: url("../images/common/link-arrow-blue.svg") right 15px center no-repeat #fff;
}
/* 送信中は押せないことを示す */
#mailform .wpcf7 form.mw_wp_form.submitting .submit input.wpcf7-submit {
  opacity: 0.6;
  pointer-events: none;
}

/* チェックボックス：CF7 既定の左余白を消す（MW の .horizontal-item 相当） */
#mailform .wpcf7 .wpcf7-list-item {
  margin: 0;
}
/* 協力業者様募集の「ご協力いただける業務」：MW の .mwform-checkbox-field 相当 */
.page--partners #mailform .wpcf7 dd .wpcf7-list-item {
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 5px;
}

/* 入力エラー：MW の .error 相当（項目の下に赤字） */
#mailform .wpcf7 .wpcf7-not-valid-tip {
  display: block;
  margin-top: 5px;
  color: #b70000;
  font-size: 1.4rem;
}
#mailform .wpcf7 .agree .wpcf7-not-valid-tip {
  text-align: center;
}

/* Turnstile（AIOS が挿入）：MW 時代と同じく余白なし・左寄せのまま */
#mailform .wpcf7 .cf-turnstile-wrap {
  padding: 0 !important;
}

/* 送信結果のメッセージ（エラー時のみ表示。成功時は完了ページへ移動する） */
#mailform .wpcf7 form .wpcf7-response-output {
  margin: 60px auto 0;
  max-width: 580px;
  padding: 10px 15px;
  font-size: 1.4rem;
  line-height: 1.6;
  text-align: center;
}