/* 太陽光発電カテゴリ（/solar_power/） — loaded after style / cases / company / qa / rd-banner / chikuden.css */
.pg-sp #ranking,.pg-sp #list,.pg-sp #choose{scroll-margin-top:60px}

/* hero：右上に太陽のグラデーション、右に「お悩みから選ぶ」 */
.sp-hero{position:relative}
.sp-sun{position:absolute;right:-12vw;top:-14vw;width:52vw;height:52vw;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,207,63,.30),rgba(245,179,1,.12) 38%,transparent 66%);pointer-events:none}
.sp-hero .w{position:relative}
.sp-q{border:1px solid var(--line);border-radius:26px;background:rgba(18,23,21,.88);backdrop-filter:blur(8px);padding:24px 24px 14px}
.sp-q .hd3{font-size:18px;color:#fff;margin-bottom:6px}
.sp-q .hd3 span{display:block;font-family:var(--ff);font-size:12.5px;font-weight:500;color:var(--mut);margin-top:4px}
.sp-q a{display:grid;grid-template-columns:40px 1fr 32px;gap:10px;align-items:center;padding:13px 2px;border-top:1px solid var(--line);transition:.25s}
.sp-q a .no{font-family:var(--ff-d);font-weight:800;font-size:13px;color:var(--amb)}
.sp-q a .t{display:flex;flex-direction:column;line-height:1.5}
.sp-q a b{font-size:15px;color:#fff}
.sp-q a small{font-size:12px;color:var(--mut);margin-top:2px}
.sp-q a i{font-style:normal;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-family:var(--ff-d);color:#fff;transition:.25s}
.sp-q a:hover{padding-left:8px}
.sp-q a:hover i{background:var(--amb);border-color:var(--amb);color:var(--ink)}
.sp-q a.sim{margin-top:8px;border:1px solid rgba(56,214,196,.45);border-radius:16px;padding:13px 12px;background:rgba(56,214,196,.07)}
.sp-q a.sim .no{font-size:11px;letter-spacing:.1em;color:#38d6c4}
.sp-q a.sim:hover{padding-left:16px;border-color:#38d6c4}

/* 実データ */
.sp-rd{padding:0 0 clamp(40px,5vw,72px)}
.sp-rd .rdb{background:var(--ink2);border:1px solid rgba(245,179,1,.4)}

/* 売れ筋：3枚の大きなカード */
.sp-rank{padding-top:clamp(56px,6vw,96px)}
.sp-rk{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px}
.sp-rk a{position:relative;display:flex;flex-direction:column;background:var(--ink2);border:1px solid var(--line);border-radius:26px;overflow:hidden;transition:.3s}
.sp-rk a:hover{border-color:rgba(245,179,1,.6);transform:translateY(-3px)}
.sp-rk .no{position:absolute;left:16px;top:16px;z-index:2;font-family:var(--ff-d);font-weight:800;font-size:14px;background:var(--amb);color:var(--ink);border-radius:999px;padding:5px 14px}
.sp-rk .r1 .no{font-size:17px;padding:6px 16px}
.sp-rk .im{display:block;aspect-ratio:4/3;background:#fff;overflow:hidden}
.sp-rk .r1 .im{aspect-ratio:4/3.2}
.sp-rk .im img{width:100%;height:100%;object-fit:cover;transition:1s var(--ease)}
.sp-rk a:hover .im img{transform:scale(1.04)}
.sp-rk .in{display:flex;flex-direction:column;padding:20px 22px 22px}
.sp-rk .in small{font-size:12px;color:var(--mut)}
.sp-rk .in b{font-family:var(--ff-h);font-size:clamp(18px,1.7vw,24px);color:#fff;line-height:1.4;margin-top:2px}
.sp-rk .tg{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}
.sp-rk .tg em{font-style:normal;font-size:11px;font-weight:700;color:var(--amb2);border:1px solid rgba(245,179,1,.45);border-radius:6px;padding:1px 8px}
.sp-rk .wr{display:flex;gap:18px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.sp-rk .wr span{font-family:var(--ff-d);font-weight:800;font-size:20px;color:#fff}
.sp-rk .wr i{display:block;font-style:normal;font-family:var(--ff);font-size:11px;font-weight:500;color:var(--mut)}
.sp-rk .go{position:absolute;right:18px;bottom:20px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-family:var(--ff-d);color:#fff;transition:.25s}
.sp-rk a:hover .go{background:var(--amb);border-color:var(--amb);color:var(--ink)}

/* 製品カード（太陽光用） */
.spc .im img{object-fit:cover}
.spc .tg .f{background:#fff3d1;color:#8a6400}
.spc .wr{display:flex;gap:14px;margin-top:auto;padding-top:12px}
.spc .wr .cp{margin:0;padding:0;flex-direction:column;align-items:flex-start;gap:0}
.spc .wr .cp i{font-size:10.5px}
.ck-grid.sm .spc .wr{display:none}

/* 選び方 */
.sp-pt{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sp-pt article{display:flex;flex-direction:column;background:var(--ink2);border:1px solid var(--line);border-radius:24px;padding:24px}
.sp-pt .no{font-family:var(--ff-d);font-weight:800;font-stretch:115%;font-size:40px;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--amb)}
.sp-pt h3{font-size:18px;color:#fff;margin-top:14px;line-height:1.5}
.sp-pt p:not(.no){font-size:13.5px;line-height:1.95;color:#b9c2be;margin-top:8px}
.sp-pt p b{color:#fff}
.sp-pt a{margin-top:auto;padding-top:16px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#fff}
.sp-pt a i{font-style:normal;font-family:var(--ff-d);color:var(--amb)}
.sp-pt a:hover{color:var(--amb)}

/* 導入前に確かめる */
.sp-ck{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sp-ck a{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line-d);border-radius:22px;padding:24px 24px 60px;transition:.25s}
.sp-ck a:hover{border-color:var(--ink);transform:translateY(-3px)}
.sp-ck .en{font-family:var(--ff-d);font-weight:700;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--grn)}
.sp-ck a:first-child .en{color:#1c9e91}
.sp-ck h3{font-size:17px;color:var(--ink);margin-top:8px;line-height:1.5}
.sp-ck p:not(.en){font-size:13px;line-height:1.85;color:var(--mut-d);margin-top:8px}
.sp-ck .go{position:absolute;left:24px;bottom:20px;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:var(--ff-d);transition:.25s}
.sp-ck a:hover .go{background:var(--amb);color:var(--ink)}

/* 補助金＋セット */
.sp-set{background:var(--ink);color:#fff;border-radius:26px;padding:clamp(24px,3vw,36px)}
.sp-set .lb{font-family:var(--ff-d);font-weight:700;font-size:11px;letter-spacing:.22em;color:var(--amb)}
.sp-set h3{font-size:clamp(20px,2vw,26px);margin-top:8px;line-height:1.5}
.sp-set p:not(.lb){font-size:14px;line-height:1.95;color:#cfd5d2;margin-top:12px}
.sp-set .bt{margin-top:20px}

/* 記事 */
.sp-arts{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;border-top:1px solid var(--line)}
.sp-arts a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 4px;border-bottom:1px solid var(--line);transition:.25s}
.sp-arts b{font-family:var(--ff-h);font-size:15px;line-height:1.6;color:#fff}
.sp-arts span{flex:0 0 auto;font-size:12px;color:var(--mut)}
.sp-arts a:hover{padding-left:10px}
.sp-arts a:hover b{color:var(--amb)}

@media (max-width:1180px){
  .sp-rk{grid-template-columns:1fr 1fr}
  .sp-rk .r1{grid-column:1/-1}
  .sp-rk .r1 .im{aspect-ratio:16/8}
  .sp-pt,.sp-ck{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .sp-rk{grid-template-columns:1fr}
  .sp-rk .r1 .im{aspect-ratio:4/3}
  .sp-pt,.sp-ck,.sp-arts{grid-template-columns:1fr}
  .sp-sun{width:110vw;height:110vw;right:-50vw;top:-40vw}
}
@media (max-width:600px){ .sp-q{padding:20px 16px 10px} }

/* メーカー別の製品紹介（/solar_power/solar/） */
.pg-spm .spm-mk{scroll-margin-top:72px;padding:clamp(28px,3.4vw,44px) 0;border-top:1px solid var(--line-d)}
.pg-spm .spm-mk:first-child{border-top:0;padding-top:0}
.spm-h{display:flex;align-items:flex-end;gap:16px 36px;flex-wrap:wrap;margin-bottom:20px}
.spm-h h2{font-family:var(--ff-h);font-size:clamp(22px,2.4vw,30px);color:var(--ink);line-height:1.4;margin-top:6px}
.spm-h dl{display:flex;gap:24px;margin:0}
.spm-h dt{font-size:11px;color:var(--mut-d)}
.spm-h dd{margin:0;font-family:var(--ff-d);font-weight:800;font-size:18px;color:var(--ink)}
.spm-go{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--ink);border-bottom:1px solid currentColor;padding-bottom:2px}
.spm-go:hover{color:var(--grn)}
.spm-n{font-size:12px;color:var(--mut-d);margin-top:20px}
.spm-ft{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.spm-ix a{padding:8px 2px}
.spm-ix a i{width:28px;height:28px}
@media (max-width:720px){ .spm-h dl{gap:16px} .spm-go{margin-left:0} }
@media (max-width:600px){ .spm-ft .bt-l{white-space:normal;max-width:100%} }
.sp-rk .wr{padding-right:52px}