/* 太陽光・蓄電池 商談用シミュレーションサイト 固有スタイル（funnel.css の上に読み込む） */
.ss-hero{background:linear-gradient(180deg,#eef6f8 0%,#ffffff 100%);padding:clamp(28px,5vw,56px) 20px 24px}
.ss-hero .fs-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}
.ss-hero h1{font-size:clamp(1.5rem,3.4vw,2.3rem);line-height:1.45;color:var(--fs-navy);font-weight:700;margin:0 0 14px}
.ss-hero h1 em{font-style:normal;color:var(--fs-orange);font-size:inherit;font-weight:inherit}
.ss-hero p{font-size:1.02rem;line-height:1.85;margin:0 0 14px}
.ss-hero .ss-for{display:inline-block;background:var(--fs-navy);color:#fff;font-size:.82rem;font-weight:700;padding:5px 12px;border-radius:6px;margin-bottom:12px}
.ss-three{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0}
.ss-three div{background:#fff;border:1px solid var(--fs-border);border-radius:12px;padding:14px 12px;text-align:center}
.ss-three b{display:block;color:var(--fs-navy);font-size:1.02rem;margin-bottom:4px}
.ss-three span{font-size:.82rem;color:var(--fs-gray);line-height:1.5;display:block}
.ss-three .is-key{border:2px solid var(--fs-orange)}
.ss-three .is-key b{color:var(--fs-orange)}
@media(max-width:767px){.ss-hero .fs-inner{grid-template-columns:1fr}.ss-three{grid-template-columns:1fr 1fr 1fr;gap:6px}.ss-three div{padding:10px 6px}.ss-three b{font-size:.92rem}.ss-three span{font-size:.72rem}}
/* mode switch */
.ss-mode{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.ss-mode label{flex:1 1 240px;display:flex;gap:10px;align-items:flex-start;border:2px solid var(--fs-border);border-radius:12px;padding:12px 14px;cursor:pointer;font-weight:400;margin:0;color:var(--fs-ink)}
.ss-mode label:has(input:checked){border-color:var(--fs-navy);background:var(--fs-bg)}
.ss-mode input{margin-top:5px;flex:0 0 auto}
.ss-mode b{display:block;color:var(--fs-navy);font-size:.98rem}
.ss-mode small{display:block;color:var(--fs-gray);font-size:.82rem;line-height:1.5}
.ss-sub{background:var(--fs-bg);border-radius:12px;padding:14px 16px;margin-top:6px}
.ss-sub .ss-sub-title{font-weight:700;color:var(--fs-navy);font-size:.92rem;margin:0 0 10px}
.ss-plan{font-weight:700;color:var(--fs-navy)}
.ss-row-a td:first-child,.ss-row-b td:first-child{border-left:4px solid var(--fs-orange)}
.fs-result-table .fs-num strong{font-size:1.05rem}
.ss-partner{font-size:.82rem;color:var(--fs-gray);text-align:right;margin:0 0 6px}
/* qr */
.ss-qr{display:none;background:#fff;border:2px dashed var(--fs-navy);border-radius:14px;padding:20px;margin-top:14px;text-align:center}
.ss-qr #ss-qr-img{display:inline-block;padding:8px;background:#fff}
.ss-qr #ss-qr-img img,.ss-qr #ss-qr-img canvas{display:block;margin:0 auto}
.ss-qr .ss-qr-url{font-size:.75rem;color:var(--fs-gray);word-break:break-all;margin:8px 0 0}
/* elec panel */
.ss-elec{display:none;margin-top:16px;background:#fff;border:1px solid var(--fs-border);border-radius:14px;padding:18px 20px}
.ss-elec h3{font-size:1.1rem;color:var(--fs-navy);margin:0 0 8px}
.ss-elec .ss-elec-in{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,240px));gap:12px 18px;margin:10px 0 14px}
.ss-elec label{display:block;font-weight:700;font-size:.9rem;color:var(--fs-navy);margin-bottom:4px}
.ss-elec input{width:100%;min-height:46px;padding:8px 12px;border:1px solid #b9c6c0;border-radius:8px;font-size:1rem}
/* guide page */
.ss-sched{width:100%;border-collapse:collapse;font-size:.92rem}
.ss-sched th,.ss-sched td{border:1px solid var(--fs-border);padding:8px 10px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.ss-sched th{background:var(--fs-navy);color:#fff;text-align:center;font-weight:700}
.ss-sched td:first-child{text-align:center}
.ss-sched .hl{background:#fff3cd;font-weight:700}
.ss-sched .hl-now td{background:#eaf6ee}
.ss-sched .hl-now .hl{background:#ffd88a}
.ss-sched-head{display:flex;flex-wrap:wrap;gap:8px 24px;background:var(--fs-bg);padding:12px 14px;border-radius:10px 10px 0 0;font-size:.92rem;border:1px solid var(--fs-border);border-bottom:0}
.ss-sched-head b{color:var(--fs-navy)}
.ss-sched-head .hl{background:#fff3cd;padding:0 6px;border-radius:4px}
.ss-callouts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:14px 0 0}
.ss-callouts div{border-left:5px solid var(--fs-orange);background:#fff;padding:10px 14px;border-radius:0 10px 10px 0;border-top:1px solid var(--fs-border);border-right:1px solid var(--fs-border);border-bottom:1px solid var(--fs-border)}
.ss-callouts b{color:var(--fs-navy);display:block;margin-bottom:2px}
.ss-callouts span{font-size:.9rem;line-height:1.6}
.ss-ng{width:100%;border-collapse:collapse;font-size:.92rem}
.ss-ng th,.ss-ng td{border:1px solid var(--fs-border);padding:10px 12px;vertical-align:top;line-height:1.6}
.ss-ng th{background:var(--fs-bg);color:var(--fs-navy);text-align:left;white-space:nowrap}
.ss-ng .ng{color:#b3261e}
.ss-ng .ok{color:#0a7d3e}
.ss-steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:12px}
.ss-steps li{position:relative;padding:14px 16px 14px 60px;background:#fff;border:1px solid var(--fs-border);border-radius:12px;line-height:1.75}
.ss-steps li::before{counter-increment:s;content:counter(s);position:absolute;left:16px;top:14px;width:32px;height:32px;border-radius:50%;background:var(--fs-navy);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
.ss-steps b{color:var(--fs-navy)}
.ss-toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0;list-style:none}
.ss-toc li a{display:inline-block;border:1px solid var(--fs-navy);color:var(--fs-navy);border-radius:999px;padding:6px 14px;font-size:.9rem;text-decoration:none}
.ss-toc li a:hover{background:var(--fs-navy);color:#fff}
@media print{header,footer,.sp-conversion,.ss-hero,#shikumi,#jirei,#eigyo,#line,#chui,.fs-diag-actions,.fs-result-cta,.fs-verdict .fs-btn-row,#ss-qr-btn,#ss-elec-btn{display:none!important}.fs-section{padding:0 0 12px}main{padding-bottom:0!important}.fs-diag{border:0;box-shadow:none;padding:0}.fs-result{display:block!important}}
/* 結果表：払い方の列が1文字ずつ折れないように */
#ss-rows td:first-child{min-width:200px;white-space:normal}
#ss-rows td:nth-child(2){min-width:150px}
#ss-rows td:last-child{min-width:200px}
@media(max-width:575px){#ss-rows td:first-child{min-width:170px}}
/* ラジオが .fs-diag input{width:100%} を受けて横幅を占有するのを防ぐ */
.fs-diag .ss-mode input[type=radio]{width:20px;height:20px;min-height:0;flex:0 0 20px;padding:0;margin:3px 0 0}
.ss-mode label>span{flex:1 1 auto;min-width:0}

/* レビュー反映：今のまま行・印刷 */
.ss-row-now td{background:var(--fs-bg)}
.ss-print-only{display:none}
@media print{
  .ss-print-only{display:block!important;margin-top:8px}
  #ss-rows td:first-child,#ss-rows td:nth-child(2),#ss-rows td:last-child{min-width:0!important}
  .fs-result-table th,.fs-result-table td{font-size:.78rem!important;padding:6px 6px!important}
  .fs-scroll-hint,#ss-clear,.ss-partner,#ss-stale{display:none!important}
  .fs-table-wrap{overflow:visible!important}
  body{font-size:12px}
}