/* S74（2026-11）：相談・見積・資料請求のページ。入力が主役の列＋細い補足の列。補足は横（PC）か下（スマホ）。 */
.contact-page{padding-top:8px;padding-bottom:56px}
.contact-head{margin:6px 0 14px}
.contact-head h1{margin:0 0 6px;font-size:clamp(24px,2.6vw,32px);line-height:1.4}
.contact-head p{margin:0;max-width:52em;font-size:14px;line-height:1.75;color:var(--muted,#506b62)}
.contact-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-width:760px;margin:0 0 16px;padding:4px;border-radius:12px;background:#eef3f0}
.contact-tabs button{min-height:48px;padding:8px 10px;border:1px solid transparent;border-radius:9px;background:transparent;color:#2f4f45;font:inherit;font-size:15px;font-weight:700;line-height:1.35;cursor:pointer}
.contact-tabs button[aria-selected=true]{background:#fff;border-color:#bdcdc5;color:#183b34;box-shadow:0 1px 4px #183b3414}
.contact-tabs button:focus-visible{outline:3px solid #bbd8cc;outline-offset:2px}
.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:start}
.form-main{min-width:0}
.form-main .scl-intro{display:none}
.form-main .scl-form{padding:22px}
.service-form h2#consultation-form{margin:0 0 12px;font-size:22px}
.form-aside{position:sticky;top:96px;padding:16px 18px;border:1px solid #d5e2dc;border-radius:10px;background:#f7faf8;font-size:14px;line-height:1.7}
.form-aside-title{margin:0 0 8px;font-size:13px;font-weight:700;color:#297366}
.form-aside ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.form-aside li{padding-left:18px;position:relative}
.form-aside li::before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;border-radius:50%;background:#28705d}
.form-aside-phone a{font-size:17px;font-weight:700;color:#183b34;white-space:nowrap}
.service-more{margin-top:40px;display:grid;gap:24px}
.service-more .form-choices{margin-bottom:0}
.service-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.service-more .service-points{margin-bottom:0}
.service-more .phone-box{margin-top:0}
.scl-form .scl-submit-note{margin:-8px 0 0;font-size:13px;text-align:center;color:#506b62}
@media(max-width:900px){.form-layout{grid-template-columns:1fr;gap:16px}.form-aside{position:static}.service-more-grid{grid-template-columns:1fr}}
@media(max-width:680px){
  .contact-page{padding-bottom:40px}
  .contact-head h1{font-size:23px}
  .contact-head p{font-size:13px}
  .contact-tabs{gap:4px;padding:3px}
  .contact-tabs button{min-height:46px;padding:6px 4px;font-size:13px}
  .form-main .scl-form{padding:16px 12px}
}
.sim-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin:14px 0 0;font-size:14px}
/* 1画面で目立つボタンは1つ：相談・見積ページでは右下の固定ボックスを出さない */
body:has(.contact-page) .desktop-support,body:has(.scl-est[data-context=simulation]) .desktop-support{display:none!important}
.contact-tabs .tab-sm{display:none}
@media(max-width:680px){.contact-tabs .tab-lg{display:none}.contact-tabs .tab-sm{display:inline}}
/* 下部の固定バー（見積もり・ご相談）は今いるページへのリンクなので、相談・見積ページでは出さない（電話ボタンは残す） */
body:has(.contact-page) .mobile-cta,body:has(.scl-est[data-context=simulation]) .mobile-cta{display:none!important}
@media(max-width:680px){body:has(.contact-page) .floating-phone,body:has(.scl-est[data-context=simulation]) .floating-phone{bottom:16px}}
/* S74 修正（2026-11-09）
   4. 相談・見積ページ（/contact/ 全タブ）では「今すぐ電話」の丸ボタンを出さない（電話番号は補足欄） */
body:has(.contact-page) .floating-phone{display:none!important}
/* 5. 資料請求タブでは「ご相談の目的」を出さない。相談タブ・講習ページの目的からは「資料請求」を外す（送る値・受付DBは同じ） */
.contact-page[data-tab=download] .scl-purpose{display:none!important}
.form-main .scl-purpose .scl-radio:has(input[name=purpose][value=download]){display:none!important}
/* 9・10. 講習ページ：フォームが画面に入っている間は電話の丸ボタン・右下の固定ボックスを引っ込める（service-form.js が body に .sc-form-in-view を付ける） */
.floating-phone,.desktop-support{transition:opacity .2s ease,transform .2s ease}
body.sc-form-in-view .floating-phone,body.sc-form-in-view .desktop-support{opacity:0;transform:translateY(16px);pointer-events:none}
/* 10. 講習ページの右下の固定ボックスは小さめにして本文にかぶりにくく */
@media(min-width:681px){body:has(.form-layout) .desktop-support{right:12px;bottom:12px;width:176px;padding:6px;gap:5px;border-radius:10px}
  body:has(.form-layout) .desktop-support a{padding:8px 8px;font-size:12px}}
/* 10（調整）：本文の幅は1160px。右の余白に収まる幅（120px）にし、余白が足りない幅（1420px未満）では講習ページに出さない */
@media(min-width:681px){body:has(.form-layout) .desktop-support{right:10px;bottom:16px;width:120px;padding:5px;gap:5px}
  body:has(.form-layout) .desktop-support a{padding:7px 4px;font-size:12px;line-height:1.35;white-space:normal}}
@media(min-width:681px) and (max-width:1419px){body:has(.form-layout) .desktop-support{display:none!important}}
/* 2026-11-12：フォームのあるページ（オンライン・出張・会場の案内）のスマホ下部は電話だけ。電話が2つ並ばないよう丸ボタンは出さない */
.mobile-cta.mobile-cta-tel{grid-template-columns:1fr}
.mobile-cta.mobile-cta-tel a,.mobile-cta.mobile-cta-tel a:last-child{background:#fff;border:1px solid #c9d2ce;color:#183b34;font-size:14px;line-height:1.3}
.mobile-cta.mobile-cta-tel small{display:block;font-size:10px;font-weight:400;color:#5c6d66}
@media(max-width:680px){body:has(.mobile-cta-tel) .floating-phone{display:none!important}}
/* 2026-11-12（オーナー指示）：フォームのあるページの補足の箱は控えめに（強調はフォーム内の「選択中の講習」だけ） */
.form-aside{background:#fff;border:1px solid #dfe5e2}
.form-aside-title{color:#46564f}
.form-aside li::before{background:#9aa8a2}
.form-aside .sc-after-submit{background:#fff;border-color:#dfe5e2}
.application-flow details{background:#f4f5f5!important;border:0!important}
.application-flow details summary{color:#5c6d66!important;font-weight:600}
.application-flow details summary::after{color:#9aa8a2!important}