/* ME Theme - 見積もりシミュレーター専用スタイル（共有ヘッダー/フッター使用のためサイト共通部は除外） */
:root{--t:#1a1a1a;--m:#555;--d:#888;--b:#d0d0d0;--l:#eaeaea;--s:#1a1a1a;--h:#faf9f6}
.c{max-width:880px;width:100%;margin:0 auto;padding:116px 20px 40px;flex:1}
.ah{text-align:center;padding-bottom:28px;margin-bottom:44px;border-bottom:3px solid var(--t)}
.ah h1{font-size:clamp(22px,4vw,30px);font-weight:700;letter-spacing:.04em}
.ah p{color:var(--m);font-size:14px;margin-top:10px}
.stp{margin-bottom:56px}
.sh{display:flex;align-items:center;gap:14px;margin-bottom:8px}
.sn{background:var(--t);color:#fff;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0}
.st{font-size:clamp(20px,3vw,24px);font-weight:700}
.sno{color:var(--m);font-size:14px;margin-bottom:18px;padding-left:50px}
.sb{margin-top:16px}
.sg{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.sc{border:2px solid var(--b);padding:20px 6px;text-align:center;cursor:pointer;transition:.15s;background:#fff;user-select:none;border-radius:6px}
.sc:hover{border-color:var(--t)}
.sc.on,.mc.on,.smc.on,.oi.on{background:var(--s);color:#fff;border-color:var(--s)}
.sl{font-size:20px;font-weight:700;margin-bottom:4px}
.ss{font-size:12px;color:var(--m)}
.sc.on .ss,.smc.on .smd,.oi.on .oid{color:#bbb}
.mg{display:grid;gap:12px}
.mc{border:2px solid var(--b);padding:22px 24px;cursor:pointer;transition:.15s;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;background:#fff;border-radius:6px}
.mc:hover,.smc:hover,.oi:hover,.ob:hover:not(.da){border-color:var(--t)}
.mc.on{border-color:var(--s);background:var(--h);border-left-width:6px;padding-left:20px;color:var(--t)}
.mt{font-size:18px;font-weight:700;margin-bottom:4px}
.md{font-size:14px;color:var(--m)}
.mp{text-align:right;white-space:nowrap}
.mpl{font-size:12px;color:var(--d);margin-bottom:2px}
.mpv{font-size:20px;font-weight:700}
.mpp{font-size:13px;color:var(--d)}
.mdu{font-size:12px;color:var(--m);margin-top:4px}
.mdu::before,.sdl::before,.sid::before{content:"⏱ "}
.smw{margin-top:16px;padding:18px 20px;background:var(--h);border-left:4px solid var(--t);border-radius:0 6px 6px 0}
.sml{font-size:14px;font-weight:700;margin-bottom:12px}
.smg{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
.smc{border:2px solid var(--b);padding:14px 10px;cursor:pointer;text-align:center;background:#fff;transition:.15s;border-radius:6px}
.sml2{font-size:14px;font-weight:700;margin-bottom:2px}
.smp{font-size:14px;font-weight:700}
.smd{font-size:11px;color:var(--m);margin-top:2px}
.ob{border:2px solid var(--b);margin-bottom:10px;transition:.15s;border-radius:6px;overflow:hidden}
.ob.da{opacity:.35;pointer-events:none}
.ob.ac{border-color:var(--s)}
.oh{padding:18px 20px;cursor:pointer;display:flex;align-items:center;gap:14px}
.ob.ac .oh{background:var(--h)}
.ock{width:22px;height:22px;border:2px solid var(--b);position:relative;flex-shrink:0;border-radius:4px}
.ob.ac .ock{background:var(--s);border-color:var(--s)}
.ock::after{content:"";position:absolute;left:6px;top:1px;width:6px;height:12px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0}
.ob.ac .ock::after{opacity:1}
.olb{flex:1;font-size:16px;font-weight:700}
.op{font-size:16px;font-weight:700;white-space:nowrap}
.ob:not(.ac) .op{color:var(--d);font-size:14px;font-weight:500}
.oy{padding:18px 20px;border-top:1px solid var(--l);display:none}
.ob.ac .oy{display:block}
.osl{font-size:13px;font-weight:700;margin-bottom:12px;color:var(--m)}
.oit{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}
.oi{border:2px solid var(--b);padding:12px 14px;cursor:pointer;transition:.15s;display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:#fff;border-radius:6px}
.oil{font-size:14px;font-weight:600;line-height:1.4}
.oip{font-size:13px;font-weight:700;white-space:nowrap}
.oiw{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.oid{font-size:11px;font-weight:500;color:var(--m);white-space:nowrap}
.oin{font-size:14px;color:var(--m)}
.sum{position:sticky;bottom:0;background:#fff;border-top:3px solid var(--t);z-index:50;box-shadow:0 -6px 24px rgba(0,0,0,.08);margin-top:auto}
.si{max-width:880px;margin:0 auto;padding:16px 20px 12px}
.suh{display:flex;justify-content:space-between;align-items:center;cursor:pointer}
.shl{display:flex;align-items:center;gap:12px}
.sut{font-size:15px;font-weight:700}
.rb{background:#fff;border:1px solid var(--b);padding:5px 12px;font-size:12px;font-family:inherit;cursor:pointer;border-radius:4px}
.rb:hover{border-color:var(--t)}
.stg{font-size:13px;font-weight:700;color:var(--m)}
.siw{display:none;margin-top:12px;padding-top:12px;border-top:1px solid var(--l)}
.sum.O .siw{display:block}
.sit{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;gap:10px}
.sil{color:var(--m);flex:1}
.sip{font-weight:700;white-space:nowrap}
.se{text-align:center;font-size:13px;color:var(--d);padding:10px 0}
.sdr{margin-top:8px;padding-top:8px;border-top:1px solid var(--l);display:flex;justify-content:space-between;align-items:center;font-size:13px}
.sdl{color:var(--m);font-weight:500}
.sdv{font-weight:700}
.sid{font-size:11px;color:var(--d);display:block;margin-top:2px;white-space:nowrap}
.sto{margin-top:12px;padding-top:12px;border-top:1px solid var(--l);display:flex;justify-content:flex-end;align-items:baseline;gap:24px}
.te{font-size:14px;color:var(--m)}
.te strong{margin-left:6px;color:var(--t);font-size:16px;font-weight:700}
.ti{font-size:15px;font-weight:700}
.ti strong{font-size:clamp(28px,5vw,34px);margin-left:8px;color:var(--t)}
.nt{font-size:11px;color:var(--d);text-align:right;margin-top:6px}
@media(max-width:640px){
.c{padding:88px 14px 28px}
.ah{padding-bottom:22px;margin-bottom:34px}.ah h1{font-size:24px;line-height:1.35}.ah p{font-size:13px}
.stp{margin-bottom:42px}.sh{gap:10px}.sn{width:32px;height:32px;font-size:16px}.st{font-size:20px}.sno{font-size:13px;margin-bottom:14px}
.sg{grid-template-columns:repeat(3,1fr);gap:8px}
.sc{padding:14px 6px}.sl{font-size:18px}.ss{font-size:11px}
.mc{grid-template-columns:1fr;gap:10px;padding:16px 14px}
.mc.on{padding-left:12px}
.mp{text-align:left}
.sno{padding-left:0}
.smw{padding:14px}.smg{grid-template-columns:1fr 1fr}
.oh{padding:14px;gap:10px;align-items:flex-start}
.oy{padding:14px}
.olb,.op{font-size:14px}
.ob:not(.ac) .op{font-size:12px}
.ock{width:20px;height:20px}
.ock::after{left:5px}
.oit{grid-template-columns:1fr}.oi{padding:12px}.oil{font-size:13px}.oin{font-size:13px}
.si{padding:12px 14px calc(10px + env(safe-area-inset-bottom))}.suh{align-items:flex-start;gap:10px}.shl{flex-wrap:wrap;gap:8px}.sut{font-size:14px}.stg{font-size:12px}.sit{font-size:12px}.sdr{font-size:12px}
.sto{flex-direction:column;align-items:flex-end;gap:4px}
.ti strong{font-size:26px}
.nt{text-align:left;font-size:10px}
}