/* お問い合わせフォーム（MW WP Form 42）の見た目＝白いテイスト。フォームの中身（項目・文言）は管理画面のまま。生成元 plan_b/wp/src/assets/dive/form.css */
.sec.form{scroll-margin-top:96px}
.mwf{max-width:44em;margin-inline:auto}   /* 2026-09-07 河原さん「フォームも画面の中央で左揃え」＝記事と同じ 44 字の列を中央に */
.sec.form .h2row{max-width:44em;margin-inline:auto}
.mwf .content,.mwf .inner{margin:0;padding:0}
.mwf .formBox .headLine01{display:none}                   /* 親テーマ用の見出し（空）は出さない */
.mwf table{width:100%;border-collapse:collapse;border-top:1px solid var(--line)}
.mwf tr{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:8px 24px;padding:16px 0;border-bottom:1px solid var(--line)}
.mwf th{padding:8px 0;text-align:left;font:600 14px/1.8 var(--gt);color:var(--ink);vertical-align:top}
.mwf th.size{font-size:13px;color:var(--ink2)}
.mwf td{padding:0}
.mwf input[type=text],.mwf input[type=email],.mwf input[type=tel],.mwf input[type=url],.mwf select,.mwf textarea{
  width:100%;max-width:100%;box-sizing:border-box;min-height:46px;padding:10px 14px;border:1px solid #c8c8c8;border-radius:8px;background:#fff;
  font:500 16px/1.6 var(--gt);color:var(--ink);appearance:none;-webkit-appearance:none;transition:border-color .25s var(--e-cubic),box-shadow .25s var(--e-cubic)}
.mwf select{background-image:linear-gradient(45deg,transparent 50%,var(--ink3) 50%),linear-gradient(135deg,var(--ink3) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:40px}
.mwf textarea{min-height:180px;resize:vertical}
.mwf input:focus,.mwf select:focus,.mwf textarea:focus{outline:0;border-color:var(--acc);box-shadow:0 0 0 3px rgba(42,91,215,.16)}
.mwf ::placeholder{color:#9aa0a6}
.mwf ul.inputUl{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mwf .notes{margin-top:8px;font-size:13px;line-height:1.8;color:var(--ink3)}
.mwf .error{display:block;margin-top:6px;font-size:13px;color:#c0392b}
.mwf ul.submit{list-style:none;display:flex;gap:14px;justify-content:center;margin:clamp(26px,3.6vw,40px) 0 0}
.mwf ul.submit li:empty{display:none}
.mwf input[type=submit],.mwf button[type=submit]{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 34px;border:1.5px solid var(--ink);border-radius:999px;
  background:var(--ink);color:#fff;font:600 15.5px/1 var(--gt);letter-spacing:.04em;cursor:pointer;appearance:none;-webkit-appearance:none;transition:transform .35s var(--e-cubic),background-color .35s var(--e-cubic),color .35s var(--e-cubic)}
.mwf input[type=submit]:hover{transform:translate3d(0,-2px,0)}
.mwf input[name=submitBack]{background:#fff;color:var(--ink)}
/* 確認画面＝入力値が文字で並ぶ */
.mwf .mw_wp_form_confirm td{padding:8px 0;font-size:16px;line-height:1.8;overflow-wrap:anywhere}
.mwf .complete{margin-top:8px;font-size:16.5px;line-height:2;color:var(--ink)}
.mwf .complete + p{margin-top:24px}
/* 罠の欄（人には見えない・読み上げにも渡さない） */
.syn-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
@media (max-width:820px){
  .mwf tr{grid-template-columns:1fr;gap:4px;padding:14px 0}
  .mwf ul.inputUl{grid-template-columns:1fr}
  .mwf ul.submit{flex-direction:column;align-items:stretch}
  .mwf input[type=submit]{width:100%}
}

/* 送信ボタンの前の利用目的の明示（2026-09-10・個人情報保護法21条2項） */
.mwf .syn-privacy{margin:clamp(24px,3.4vw,36px) 0 -8px;text-align:center;font-size:13.5px;line-height:1.8;color:var(--ink2)}
.mwf .syn-privacy a{color:var(--acc);text-decoration:underline;text-decoration-color:rgba(42,91,215,.35);text-underline-offset:.18em}
.mwf .syn-privacy a:hover{text-decoration-color:var(--acc)}