/* お問い合わせフォーム。配色と角丸は site.css の変数にそろえる。 */
.contact-form-section>p:not(.eyebrow):not(.policy-small){font-size:15px;line-height:2;color:#355767}
.contact-form{margin-top:26px}
.contact-field{margin-bottom:24px}
.contact-field label{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;line-height:1.8;margin-bottom:8px}
.contact-required,.contact-optional{font-size:11px;font-weight:700;line-height:1.6;border-radius:4px;padding:1px 8px}
.contact-required{background:#f7e4d7;color:#8a4420}
.contact-optional{background:var(--mint);color:#426b5c}
.contact-field input,.contact-field select,.contact-field textarea{display:block;width:100%;font:inherit;font-size:16px;line-height:1.8;color:var(--ink);background:#fff;border:1px solid #b9cbcc;border-radius:8px;padding:11px 14px}
.contact-field select{appearance:auto;height:50px}
.contact-field textarea{resize:vertical;min-height:190px}
.contact-field input::placeholder{color:#8fa4aa}
.contact-field input:focus-visible,.contact-field select:focus-visible,.contact-field textarea:focus-visible{outline:3px solid #ca6c2e;outline-offset:2px;border-color:var(--blue)}
.contact-field [aria-invalid="true"]{border-color:#b3452c;background:#fdf6f3}
.contact-hint{font-size:13px;line-height:1.9;color:var(--muted);margin-top:7px}
.contact-error{font-size:14px;line-height:1.8;font-weight:700;color:#a03a22;margin-top:7px}
.contact-alert{border-left:3px solid #b3452c;background:#fbeee9;border-radius:0 9px 9px 0;padding:15px 19px;margin-top:22px;font-size:14px;color:#7c2f1c}
.contact-alert p{font-size:14px;line-height:1.9;margin-top:4px}
.contact-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.contact-form .button{border:1px solid transparent;cursor:pointer}
.contact-form .button[disabled]{opacity:.6;cursor:default;transform:none}
.contact-review{margin:24px 0 0;border-top:1px solid var(--line)}
.contact-review>div{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}
.contact-review dt{font-size:14px;font-weight:700;color:var(--muted)}
.contact-review dd{margin:0;font-size:16px;line-height:2;overflow-wrap:anywhere}
.contact-buttons{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.contact-buttons form{margin:0}
.contact-buttons .button{cursor:pointer;font-family:inherit}
.contact-buttons .button.outline{background:#fff;color:var(--deep)}
@media(max-width:760px){.contact-field label{font-size:14px}.contact-review>div{grid-template-columns:1fr;gap:4px;padding:13px 0}.contact-review dd{font-size:15px}.contact-buttons{flex-direction:column}.contact-buttons .button{width:100%}.contact-form .contact-action{width:100%}}