/* ===== サービス詳細ページ共通CSS ===== */

/* レイアウト */
.sd-wrap{max-width:1200px;margin:0 auto;padding:calc(var(--nav-h) + 3rem) clamp(1.5rem,5vw,4rem) 4rem}
.sd-wrap h1{font-size:clamp(1.7rem,4vw,2.6rem);font-weight:900;margin-bottom:.8rem;line-height:1.3}
.sd-wrap .sd-en{font-family:var(--font-en);font-size:.8rem;color:var(--accent);letter-spacing:.15em;margin-bottom:1.8rem}
.sd-wrap h2{font-size:clamp(1.15rem,2vw,1.35rem);color:var(--accent);margin:2.5rem 0 1rem;font-weight:700;padding-bottom:.5rem;border-bottom:1px solid var(--border)}
.sd-wrap p{font-size:clamp(.92rem,1.1vw,1.02rem);line-height:2;color:var(--text-sub);margin-bottom:1rem}
.sd-wrap ul{padding-left:1.2rem;margin-bottom:1.2rem}
.sd-wrap li{font-size:clamp(.88rem,1vw,.95rem);color:var(--text-sub);line-height:1.85;margin-bottom:.5rem;position:relative;padding-left:1.2rem;list-style:none}
.sd-wrap li::before{content:'\25b8';position:absolute;left:0;color:var(--accent)}

/* ナビリンク */
.sd-back{display:inline-flex;align-items:center;gap:.4rem;color:var(--accent);font-size:.85rem;margin-bottom:2rem;transition:gap .3s}
.sd-back:hover{gap:.7rem}

/* ノート */
.sd-note{font-size:clamp(.85rem,1vw,.92rem);color:var(--text-sub);padding:1.2rem 1.5rem;background:rgba(0,212,255,.04);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;margin:1.5rem 0;line-height:1.9}

/* CTA */
.sd-cta{text-align:center;margin-top:3rem;padding:2.5rem;background:linear-gradient(135deg,rgba(0,102,255,.08),rgba(123,47,255,.05));border:1px solid var(--border);border-radius:var(--radius)}
.sd-cta h3{font-size:clamp(1.1rem,1.8vw,1.3rem);margin-bottom:.8rem}
.sd-cta p{font-size:clamp(.88rem,1vw,.95rem);margin-bottom:1.2rem;line-height:1.8}

/* 2カラムレイアウト */
.sd-2col{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}
@media(max-width:767px){.sd-2col{grid-template-columns:1fr}}

/* データカード */
.sd-data-card{padding:clamp(1.5rem,2.5vw,2rem);margin-bottom:1.8rem}
.sd-data-card h3{font-size:clamp(1rem,1.3vw,1.15rem);color:var(--accent);margin-bottom:1.2rem;display:flex;align-items:center;gap:.5rem}
.sd-data-card h3 i{font-size:1.2rem}
.sd-data-card .roi-t{margin-bottom:0}

/* フローステップ */
.sd-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-bottom:2rem}
.sd-flow-step{text-align:center;padding:1.5rem 1rem;position:relative}
.sd-flow-step::after{content:'→';position:absolute;right:-.6rem;top:50%;transform:translateY(-50%);color:var(--accent);font-weight:900}
.sd-flow-step:last-child::after{display:none}
.sd-fn{width:46px;height:46px;border-radius:50%;border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;margin:0 auto .8rem;font-family:var(--font-en);font-weight:900;font-size:1rem;color:var(--accent)}
.sd-flow-step h4{font-size:clamp(.88rem,1vw,.95rem);font-weight:700;margin-bottom:.4rem}
.sd-flow-step p{font-size:clamp(.78rem,.9vw,.85rem);color:var(--text-sub);line-height:1.65}
@media(max-width:767px){.sd-flow{grid-template-columns:1fr;gap:1rem}.sd-flow-step{text-align:left;display:flex;align-items:flex-start;gap:1rem;padding:1.2rem}.sd-flow-step::after{display:none}.sd-fn{margin:0;flex-shrink:0}.sd-flow-step h4,.sd-flow-step p{text-align:left}}

/* 料金テーブル */
.sd-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-bottom:2rem}
.sd-price-card{padding:2rem 1.5rem;text-align:center;position:relative;transition:transform .3s}
.sd-price-card:hover{transform:translateY(-4px)}
.sd-price-card.featured{border-color:var(--accent);background:linear-gradient(135deg,rgba(0,212,255,.06),rgba(0,102,255,.03))}
.sd-price-card.featured::before{content:'人気';position:absolute;top:-.5rem;left:50%;transform:translateX(-50%);background:var(--accent);color:#000;font-size:.72rem;padding:.2rem .8rem;border-radius:50px;font-weight:700}
.sd-price-name{font-size:clamp(.9rem,1.1vw,1rem);font-weight:700;margin-bottom:.5rem}
.sd-price-val{font-family:var(--font-en);font-size:clamp(1.6rem,2.5vw,2rem);font-weight:900;color:var(--accent);margin-bottom:.6rem}
.sd-price-val span{font-size:.75rem;font-weight:400;color:var(--text-sub)}
.sd-price-desc{font-size:clamp(.78rem,.9vw,.85rem);color:var(--text-sub);line-height:1.75}
@media(max-width:767px){.sd-price-grid{grid-template-columns:1fr}}

/* 特徴ハイライト */
.sd-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-bottom:2rem}
.sd-hl-card{padding:1.5rem 1.2rem;text-align:center}
.sd-hl-card i{font-size:1.8rem;color:var(--accent);margin-bottom:.7rem;display:block}
.sd-hl-card h4{font-size:clamp(.9rem,1.1vw,1rem);font-weight:700;margin-bottom:.5rem}
.sd-hl-card p{font-size:clamp(.8rem,.95vw,.88rem);color:var(--text-sub);line-height:1.75}
@media(max-width:767px){.sd-highlights{grid-template-columns:1fr}.sd-hl-card{text-align:left;display:flex;flex-direction:column;align-items:flex-start}.sd-hl-card i{font-size:1.5rem;margin-bottom:.5rem}}