/* contact.css - お問い合わせフォーム専用スタイル common.css / forms.css / request2.css を読み込んだ上での補完。 request2.css に存在する #requestForm 限定ルールを #contactForm 用に再定義する。 */ /* ===== request2.css の #requestForm 限定ルールを #contactForm にも適用 ===== */ #contactForm input:not([type="hidden"]):focus, #contactForm select:focus, #contactForm textarea:focus { background: #fff; border-color: var(--r2-primary); box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.15); outline: none; } #contactForm input, #contactForm select, #contactForm textarea { background-color: #f8fafc; } #contactForm .btn-submit--alert { background: var(--r2-danger) !important; color: #ffe680 !important; } #contactForm[data-locked-after-email="1"] #sendBtn { opacity: 0.5; cursor: not-allowed; } @media (min-width: 769px) { #contactForm #email { max-width: 70%; } } /* 「お客さま区分」（最初のフィールドセット）の上に少し余白を入れる （request2.css は :first-of-type を margin-top:0 にしているため上書き） */ #contactForm .form-fieldset:first-of-type { margin-top: 1.6rem; } /* ===== お問い合わせ種別ゲート（ガイド型リスト版） ===== */ /* フォームは HTML の hidden 属性で確実に隠し、JSで表示する（UA標準・FOUCなし）。 JS無効時は の