/* S75（2026-11）：概算見積。入力欄は16px以上、押す場所は44px以上。目立つボタンは1画面1つ（作成ボタン）。 */
.scl-est{display:grid;gap:16px;color:#183b34}
.scl-est [hidden]{display:none!important}
.scl-est-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0;padding:0;list-style:none;counter-reset:none}
.scl-est-steps li{display:flex;align-items:center;gap:6px;min-height:40px;padding:6px 8px;border-radius:8px;background:#f1f5f3;color:#5e7168;font-size:13px;font-weight:700;line-height:1.3}
.scl-est-steps li span{flex:0 0 22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid #bdcdc5;font-size:12px}
.scl-est-steps li.is-current{background:#183b34;color:#fff}.scl-est-steps li.is-current span{background:#fff;color:#183b34;border-color:#fff}
.scl-est-steps li.is-done{background:#e3efe9;color:#183b34}.scl-est-steps li.is-done span{background:#28705d;color:#fff;border-color:#28705d}
.scl-est-panel{display:grid;gap:16px;padding:20px;border:1px solid #bdcdc5;border-radius:10px;background:#fff}
.scl-est-h{margin:0;font-size:19px}
.scl-est-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;border:0}
.scl-est-mode legend{margin-bottom:8px;padding:0;font-size:15px;font-weight:700}
.scl-est-seg{position:relative;display:block;cursor:pointer}
.scl-est-seg input{position:absolute;opacity:0;width:1px;height:1px}
.scl-est-seg span{display:block;min-height:56px;padding:10px 12px;border:1px solid #bdcdc5;border-radius:8px;font-size:16px;font-weight:700;text-align:center}
.scl-est-seg small{display:block;margin-top:2px;font-size:12px;font-weight:400;color:#5e7168}
.scl-est-seg input:checked+span{border:2px solid #28705d;background:#eaf5ef;padding:9px 11px}
.scl-est-seg input:focus-visible+span{outline:3px solid #bbd8cc;outline-offset:2px}
.scl-est-field{display:grid;gap:6px;font-size:15px;font-weight:700}
.scl-est-field small{font-size:12px;font-weight:400;color:#5e7168}
.scl-est input:not([type=radio]):not([type=checkbox]),.scl-est select{width:100%;min-height:46px;padding:10px;border:1px solid #96a99e;border-radius:4px;background:#fff;color:#183b34;font-size:16px;font-weight:400}
.scl-est input:focus-visible,.scl-est select:focus-visible{outline:3px solid #bbd8cc;outline-offset:2px}
.scl-est-courses{max-height:340px;overflow:auto;border:1px solid #d5e2dc;border-radius:8px}
.scl-est-courses .scl-course-heading{position:sticky;top:0;z-index:1;margin:0;padding:8px 12px;background:#f6faf7;font-size:13px;font-weight:700;color:#297366}
.scl-est-courses .scl-course{display:flex;align-items:flex-start;gap:10px;min-height:44px;padding:11px 12px;border-bottom:1px solid #e1e9e4;font-size:15px;font-weight:500;cursor:pointer}
.scl-est-courses .scl-course:has(:checked){background:#edf7f1}
.scl-est-courses .scl-course small{display:block;margin-top:3px;font-size:13px;color:#40695c}
.scl-est-courses .scl-course.is-unavailable{opacity:.55;cursor:not-allowed}
.scl-est-courses .scl-offline-note{color:#a03928!important;font-weight:700}
.scl-est input[type=checkbox]{width:20px;height:20px;flex:0 0 20px;margin-top:2px;accent-color:#256953}
.scl-est-row{display:grid;grid-template-columns:1fr 1.4fr;gap:12px}
.scl-est-unit{display:flex;align-items:center;gap:8px}.scl-est-unit span{font-weight:400}
.scl-est-result{padding:16px;border-radius:10px;background:#f1f6f3}
.scl-est-result p{margin:0}
.scl-est-total-label{font-size:13px;font-weight:700;color:#40695c}
.scl-est-total{font-size:30px;font-weight:700;line-height:1.3}
.scl-est-lines{display:grid;gap:2px;margin:6px 0;font-size:13px;color:#40695c}
.scl-est-note{font-size:13px;line-height:1.7;color:#40695c}
.scl-est .button{width:100%;min-height:52px;font-size:16px}
.scl-est .button:disabled{opacity:.45;cursor:not-allowed}
.scl-est-sub,.scl-est-privacy{margin:0;font-size:13px;line-height:1.7;color:#506b62}
.scl-est-picked{margin:0;padding:10px 12px;border-radius:8px;background:#f1f6f3;font-size:14px}
.scl-est-back{justify-self:start;min-height:44px;padding:0;border:0;background:none;color:#28705d;font:inherit;font-size:14px;text-decoration:underline;cursor:pointer}
.scl-est [role=status]{margin:0;font-size:14px}
.scl-est .scl-field-error{display:block;margin:2px 0 0;color:#a03928;font-size:13px;font-weight:700}
.scl-est .scl-field-error::before{content:"！ "}
.scl-est [aria-invalid=true]{border-color:#a03928!important;background:#fffaf8!important}
.scl-est-done-number{margin:0;font-size:14px;color:#40695c}
.scl-est-done-total{margin:0;font-size:22px;font-weight:700}
.scl-est [data-est-download] form{display:grid;gap:6px}
.scl-est [data-est-download] small{font-size:12px;color:#5e7168}
.scl-est-next{margin:0;font-size:14px;line-height:1.8}
@media(max-width:680px){
  .scl-est-panel{padding:14px 12px}
  .scl-est-steps{gap:4px}.scl-est-steps li{flex-direction:column;justify-content:center;gap:2px;padding:6px 2px;font-size:11px;text-align:center}
  .scl-est-row{grid-template-columns:1fr}
  .scl-est-courses{max-height:300px}
  .scl-est-total{font-size:26px}
}
/* 6. スマホのステップ表示：丸の中に番号が収まるように */
.scl-est-steps li span{width:22px;height:22px;flex:none;line-height:1}
@media(max-width:680px){.scl-est-steps li span{width:20px;height:20px;font-size:11px}}
/* 2026-11-09 fix: 迷惑対策の隠し欄（Website）を概算見積でも隠す（form.css の指定は .scl-form の中だけだった） */
.scl-est .scl-honey{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}