/* 応募フォーム。★枠線・ラベルは設計側が描いているので、重ねる部品は透明にする。 */
.sec .live-form{position:absolute;inset:0;z-index:499}
.sec .lf-in{background:transparent;border:0;outline:none;font:400 16px/1.5
  'Hiragino Sans','Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif;
  color:#231815;padding:0 12px;box-sizing:border-box;-webkit-appearance:none;appearance:none}
.sec textarea.lf-in{padding:10px 12px;resize:vertical}
.sec .lf-in:focus{outline:2px solid #c2591c;outline-offset:1px;border-radius:3px}
/* 選択欄は既定の矢印を消す（設計側に矢印が描いてある） */
.sec .lf-sel{color:#666}
.sec .lf-sel:valid{color:#231815}
.sec .lf-in::placeholder{color:transparent}   /* 設計側に文言が描いてあるので二重にしない */
.sec .lf-sel option{color:#231815}
/* 入力があったら、設計側の「ー 以下から選択してください ー」を隠す用の目印 */
.sec .lf-check{display:flex;align-items:center;cursor:pointer}
.sec .lf-check input{width:16px;height:16px;accent-color:#c2591c;margin:0 8px 0 2px}
.sec .lf-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sec .lf-submit{border:0;cursor:pointer;color:#fff;font:700 24px/1
  'Hiragino Sans','Hiragino Kaku Gothic ProN',sans-serif;background:transparent}
.sec .lf-submit:focus-visible{outline:3px solid #231815;outline-offset:3px}
.sec .lf-msg{font:400 16px/1.6 'Hiragino Sans',sans-serif;color:#231815}
.sec .lf-msg.lf-warn{color:#c2591c;font-weight:600}
.sec .lf-in:user-invalid{outline:2px solid #d33;outline-offset:1px;border-radius:3px}

/* ══ CF7版の応募フォーム（2026-09-01 中尾さん「問い合わせフォームはCF7を実装して」）══
   ★**実出力で確かめてから当てている**＝CF7は本文を1つの <p> にまとめ、
     各タグの間に <br> を入れる（正本＝有明幸大 02_知見「プラグイン出力にCSSを当てるなら
     本番の実出力で検証する_CF7はpを挟む」）。∴ 流れの中に高さを作らせない。
   ★位置は `.lf-slot` の inline style（＝form.json の実測をそのまま出している）。
   ★枠線・見出し・選択の案内文は**設計側が描いている**ので、重ねる部品は透明にする。 */
.sec .lf-cf7{position:absolute;inset:0;z-index:499}
.sec .lf-cf7 .wpcf7{position:absolute;inset:0}
.sec .lf-cf7 form{position:static;margin:0}
.sec .lf-cf7 p{margin:0;line-height:0}
.sec .lf-cf7 br{display:none}
.sec .lf-cf7 .hidden-fields-container{display:none}
.sec .lf-cf7 .screen-reader-response{position:absolute;width:1px;height:1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sec .lf-slot{position:absolute;z-index:500;line-height:normal}
.sec .lf-slot .wpcf7-form-control-wrap{display:block;width:100%;height:100%}
.sec .lf-slot .wpcf7-form-control{width:100%;height:100%;background:transparent;border:0;
  outline:none;font:400 16px/1.5 'Hiragino Sans','Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif;
  color:#231815;padding:0 12px;box-sizing:border-box;-webkit-appearance:none;appearance:none}
.sec .lf-slot textarea.wpcf7-form-control{padding:10px 12px;resize:vertical}
/* ★選択欄だけは**中を白で塗る**。設計にも「ー 以下から選択してください ー」が
     描かれているので、透明のまま重ねると**同じ文字が2枚**になって滲む（実測）。
   ★`:valid` で出し分ける手は使えない＝CF7は必須を `aria-required` で表すだけで
     HTMLの `required` を付けないため、空でも `:valid` に当たってしまう（実測）。
   ★枠線は設計が描いているので、**3pxの透明な縁**を残して塗る（背景は縁の内側だけ）。 */
.sec .lf-slot select.wpcf7-form-control{color:#231815;border:3px solid transparent;
  background:linear-gradient(#fff,#fff) no-repeat padding-box;
  background-size:calc(100% - 56px) 100%}   /* ★右56pxは塗らない＝設計の「∨」を隠さない */
.sec .lf-slot select.wpcf7-form-control option{color:#231815}
.sec .lf-slot .wpcf7-form-control::placeholder{color:transparent}  /* 設計に文言が描いてある */
.sec .lf-slot .wpcf7-form-control:focus{outline:2px solid #c2591c;outline-offset:1px;border-radius:3px}
/* 希望勤務地＝1項目ずつ設計の座標に置く。ラベル文字も設計が描いているので読み上げ専用にする */
.sec .lf-check-slot .wpcf7-checkbox{display:flex;align-items:center;height:100%;width:100%}
.sec .lf-check-slot .wpcf7-list-item{margin:0;display:flex;align-items:center}
.sec .lf-check-slot label{display:flex;align-items:center;cursor:pointer}
/* ★チェックの四角は**設計の四角にぴったり重ねる**（ずれると二重に見える）。
     実測＝設計の四角は 19x19、区画内 x=484／y=1152・1184・1216・1248（間隔32）。
     枠の箱（form.json）は x=483／y=1143.4… なので **左+1px・上+8.6px** で合う。 */
/* ★位置の基準は**枠の箱（.lf-slot）**。label を relative にすると
     label 自身が基準になり、flexの寄せ分だけ右下にずれる（実測＝+8,+6px）。 */
.sec .lf-check-slot label{position:static;width:100%;height:100%}
.sec .lf-check-slot input[type=checkbox]{position:absolute;left:1px;top:8.6px;
  width:19px;height:19px;margin:0;accent-color:#c2591c}
.sec .lf-check-slot .wpcf7-list-item-label{position:absolute;width:1px;height:1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* 送信ボタン＝設計のオレンジの丸ボタンの上に重ねる
   ★2026-09-15 かよこさん検品＝設計の白い「送信」（Webフォント・800）の上に CF7 の value「送信」（Hiragino 700）が
     重なって二重・にじんで見えた。∴ CF7 側の文字は透明にして**設計の文字だけを見せる**（value は残す＝読み上げ・送信は従来どおり）。 */
.sec .lf-submit-slot .wpcf7-submit{width:100%;height:100%;border:0;cursor:pointer;color:transparent;text-shadow:none;
  background:transparent;font:700 24px/1 'Hiragino Sans','Hiragino Kaku Gothic ProN',sans-serif}
.sec .lf-submit-slot .wpcf7-submit:focus-visible{outline:3px solid #231815;outline-offset:3px}
.sec .lf-submit-slot .wpcf7-spinner{position:absolute;right:-44px;top:50%;transform:translateY(-50%);margin:0}
/* 返答・エラー＝送信ボタンの下に出す（設計に場所が無いので、こちらで決めた位置） */
.sec .lf-cf7 .wpcf7-response-output{position:absolute;left:481px;top:1958px;width:470px;
  margin:0;padding:.4em .8em;box-sizing:border-box;
  font:400 15px/1.6 'Hiragino Sans',sans-serif;color:#231815}
.sec .lf-slot .wpcf7-not-valid-tip{position:absolute;left:0;top:100%;margin-top:2px;
  font:600 12px/1.4 'Hiragino Sans',sans-serif;color:#d33;white-space:nowrap}

/* ★スパム対策の見えない欄（ハニーポット）。人には見せず、機械には見える。
   `display:none` は「機械にも見えない」と判断されて素通りされることがあるので、
   **画面の外へ出す**（読み上げは aria-hidden で止める）。 */
.sec .lf-guard{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}

/* ★日付欄の「年/月/日」を**他の欄と同じ濃さ**に揃える（2026-09-02 中尾さん
     「見学年月日の年の…がグレーになっています」）。
   ★ブラウザは未入力の日付欄を**灰色のひな型**で描き、いま選ばれている枠だけ濃くする＝
     **半分だけ灰色**に見える。設計にはそもそも灰色の指定が無いので、全部同じ濃さにする。
   ★カレンダーのアイコンも同じ色味に寄せる（既定は青みがかった灰色）。 */
.sec .lf-slot input[type=date].wpcf7-form-control{color:#231815}
.sec .lf-slot input[type=date]::-webkit-datetime-edit,
.sec .lf-slot input[type=date]::-webkit-datetime-edit-text,
.sec .lf-slot input[type=date]::-webkit-datetime-edit-year-field,
.sec .lf-slot input[type=date]::-webkit-datetime-edit-month-field,
.sec .lf-slot input[type=date]::-webkit-datetime-edit-day-field{color:#231815;opacity:1}
.sec .lf-slot input[type=date]::-webkit-calendar-picker-indicator{opacity:.55}