/* 本番フォーム用の追加分（流入経路・入力エラー・送信中・ハニーポット・Turnstile・サンクスの事前入力の案内）。
   ZIP「サクッとLLMO_FTP公開用」の CSS 6本は変更せず、このファイルで足す。色・大きさは design.css の form-field に合わせる。 */
.referral-field{border:0;margin:0;padding:0;min-width:0}
.referral-field>legend{float:left;width:100%;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:0;margin:0 0 10px;font-size:15px;font-weight:700;color:var(--navy);line-height:1.7}
.referral-field>legend>span{font-size:11px;font-weight:500;line-height:1.5;color:#d85a00}
.referral-options{clear:both;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}
.referral-option{display:flex;align-items:center;gap:10px;min-height:54px;margin:0;padding:12px 14px;border:1px solid #bfcedb;border-radius:4px;background:#fff;color:var(--ink);font-size:15px;line-height:1.6;cursor:pointer;transition:border-color .18s,box-shadow .18s,background-color .18s}
.form-field .referral-option input[type=radio]{appearance:auto;display:inline-block;flex:none;width:18px;height:18px;min-height:0;margin:0;padding:0;border:0;box-shadow:none;accent-color:#1a78cb;cursor:pointer}
.form-field .referral-option input[type=radio]:focus{box-shadow:none}
.referral-option:focus-within{border-color:#4a9fed;box-shadow:0 0 0 3px #3a9aff1c}
.referral-option:has(input:checked){border-color:#4a9fed;background:#f5faff}
.referral-field.is-invalid .referral-option{border-color:#bd423e}
.form-consent input[aria-invalid=true]{outline:2px solid #bd423e;outline-offset:2px}
#form-error p{margin:0}
#form-error .form-error-list{margin-top:6px}
#form-error .form-error-list li{position:relative;padding-left:1em}
#form-error .form-error-list li::before{content:"・";position:absolute;left:0}
.form-trap{position:absolute!important;left:-10000px!important;top:auto;width:1px;height:1px;overflow:hidden}
.form-security-check{display:flex;justify-content:center;margin:0 0 23px}
.consultation-submit:disabled{cursor:wait}
.case-note{margin-top:48px;text-align:center}
.booking-prefill-note{max-width:640px;margin:16px auto 0;padding:10px 16px;border:1px solid #cfe3f3;border-radius:6px;background:#eef6fd;color:#1f5f8f;font-size:13px;line-height:1.8}
@media(max-width:743px){
.referral-field>legend{font-size:14px;margin-bottom:8px}
.referral-options{grid-template-columns:1fr;gap:10px}
.referral-option{min-height:52px;font-size:14px;padding:11px 12px}
.booking-prefill-note{font-size:12px;text-align:left}
.case-note{margin-top:44px;font-size:11px;text-align:left}
}
