/* 問い合わせフォーム。既存ページの絵・本文・動きには適用しない。 */
#contact-dialog [hidden]{display:none!important}
#contact-dialog .contact-honeypot{display:none}
#contact-dialog .contact-note,#contact-dialog .contact-phone-fallback{font-size:14px;line-height:1.9;margin:12px 0 20px}
#contact-dialog .contact-error{border:1px solid #8a3434;border-radius:8px;background:#fff7f5;color:#6b2929;padding:12px 14px;margin:12px 0;line-height:1.8;font-size:15px}
#contact-dialog input:not([type=checkbox]),#contact-dialog textarea,#contact-dialog select{max-width:100%;box-sizing:border-box;font-size:16px}
#contact-dialog label>span.is-optional{background:#fff;border:1px solid #b6c8be;color:#4a5a54}
.ar-thanks-note{margin:0 auto 32px;font-size:15px;line-height:1.9;text-align:center}
.ar-thanks-note a{text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
#contact-dialog .contact-consent{display:flex;align-items:flex-start;gap:10px;margin:12px 0 20px;font-size:14px;line-height:1.8}
#contact-dialog .contact-consent>span{font:inherit;letter-spacing:inherit;color:inherit;background:transparent;padding:0;white-space:normal}
#contact-dialog .contact-consent input{width:20px;height:20px;flex:0 0 20px;margin:3px 0 0;accent-color:var(--teal)}
#contact-dialog .contact-consent a,#contact-dialog .contact-phone-fallback a{text-decoration:underline;text-underline-offset:3px}
#contact-dialog .contact-actions{display:flex;flex-direction:column;gap:14px;align-items:stretch;margin-top:22px}
#contact-dialog .contact-actions .button{min-width:0;max-width:100%;white-space:normal;font-size:15px}
#contact-dialog .contact-actions .back-to-form{margin:0;min-height:44px;padding:8px 12px}
#contact-dialog .contact-status{font-size:14px;line-height:1.8;margin-top:12px;min-height:1.8em}
#contact-dialog .form-preview dd{overflow-wrap:anywhere;white-space:pre-wrap}
#contact-dialog button:disabled{opacity:.55;cursor:wait}
#contact-dialog #contact-send:disabled{cursor:not-allowed}
#contact-dialog :is(input,select,textarea,button,a):focus-visible{outline:3px solid var(--teal);outline-offset:3px}
#contact-dialog .contact-error:focus,#contact-dialog #confirm-title:focus{outline:2px solid var(--teal);outline-offset:4px}
@media(min-width:600px){#contact-dialog .contact-actions{align-items:center}#contact-dialog .contact-actions .button{width:100%}}