/* サービス詳細LP（/services/{slug}） tools-lp.css と併用 */
.slp-question{margin:0 0 14px;color:rgba(246,247,242,.72);font-size:.95rem}
.slp-title{font-size:clamp(2.4rem,5.4vw,4.8rem)!important;line-height:1.08!important}
.slp-outcome{font-size:clamp(1.05rem,1.8vw,1.35rem);font-weight:800;color:#d7edac;margin:0 0 14px}
.slp-spec .slp-price{padding:6px 0 20px}
.slp-price span{display:block;color:#89d7bd;font-size:.74rem;font-weight:700;margin-bottom:4px}
.slp-price strong{display:block;font-size:clamp(1.9rem,3.4vw,2.8rem);letter-spacing:-.04em;line-height:1.15}
.slp-price small{display:block;margin-top:6px;color:rgba(246,247,242,.7);font-size:.8rem}
.slp-spec dl{margin:0}
.slp-spec dl div{display:grid;grid-template-columns:4.5em 1fr;gap:12px;padding:14px 0;border-top:1px solid rgba(255,255,255,.15);font-size:.9rem}
.slp-spec dt{color:#89d7bd;font-size:.76rem;font-weight:700;padding-top:2px}
.slp-spec dd{margin:0;font-weight:700}

.slp-deliver{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--text)}
.slp-deliver article{padding:30px 28px 34px 0;min-height:180px}
.slp-deliver article+article{border-left:1px solid var(--line);padding-left:28px}
.slp-deliver span{display:block;font-size:3rem;font-weight:800;line-height:1;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.2px var(--text);margin-bottom:22px}
.slp-deliver h3{font-size:1.25rem;margin:0}

.slp-flow{padding:96px 0}
.slp-flow h2{margin-bottom:10px!important}
.slp-flow-note{color:rgba(246,247,242,.65);margin:0 0 44px}
.slp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:s}
.slp-steps li{position:relative;padding:28px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04)}
.slp-steps li:not(:last-child)::after{content:"→";position:absolute;right:-16px;top:30px;color:#89d7bd;font-weight:800;z-index:1}
.slp-when{display:inline-block;font-size:.72rem;font-weight:800;color:#10241f;background:#89d7bd;padding:3px 10px;margin-bottom:16px}
.slp-steps h3{font-size:1.15rem;margin:0 0 10px}
.slp-steps p{margin:0;color:rgba(246,247,242,.72);font-size:.9rem}

.slp-scope{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.slp-scope article{background:#fff;border:1px solid var(--line);padding:34px}
.slp-scope h3{font-size:1.3rem;margin:0 0 12px}
.slp-scope p{margin:0 0 10px;color:#34453d}
.slp-muted{color:var(--muted)!important;font-size:.86rem}
.slp-details{padding-top:0}
.slp-details .tdp-prose{max-width:860px}
.slp-chips div{display:flex;flex-wrap:wrap;gap:8px}

.slp-apply{padding:100px 0;color:#f6f7f2;background:radial-gradient(circle at 90% 10%,rgba(137,215,189,.22),transparent 35%),linear-gradient(135deg,#0f211b,#173a2f 60%,#0f5a47)}
.slp-apply-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:start}
.slp-apply-copy{position:sticky;top:30px}
.slp-apply h2{font-size:clamp(2rem,4.2vw,3.6rem);line-height:1.15;letter-spacing:-.04em;margin:0 0 20px}
.slp-apply h2 span{color:#89d7bd}
.slp-apply-copy>p{color:rgba(246,247,242,.8)}
.slp-after{list-style:none;margin:30px 0 0;padding:0}
.slp-after li{display:grid;grid-template-columns:2.6em 1fr;padding:13px 0;border-top:1px solid rgba(255,255,255,.15);font-weight:700}
.slp-after li span{color:#89d7bd;font-size:.74rem;padding-top:3px}
.slp-form{background:#fff;color:var(--text);padding:34px;border-top:5px solid #d7edac;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.slp-form .grid-2{gap:0 14px}
.slp-form label{font-size:.86rem;font-weight:700}
.slp-form fieldset{border:1px solid var(--line);padding:14px 16px;margin:6px 0 14px}
.slp-form fieldset .checkbox{display:inline-flex;margin:4px 16px 4px 0;font-weight:400}
.slp-form button[type=submit]{width:100%;padding:18px;font-size:1.05rem;font-weight:800;background:#192923;border-color:#192923;color:#fff;border-radius:2px;cursor:pointer}
.slp-form button[type=submit]:hover{background:var(--accent)}

.slp-resource{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center;background:var(--bg-soft);border:1px solid var(--line);padding:32px;color:var(--text);text-decoration:none;transition:box-shadow .25s,transform .25s}
.slp-resource:hover{transform:translateY(-3px);box-shadow:0 22px 50px rgba(25,41,35,.12)}
.slp-resource img{display:block;width:100%;height:auto;box-shadow:0 14px 34px rgba(25,41,35,.15)}
.slp-resource h3{font-size:clamp(1.3rem,2.4vw,1.9rem);letter-spacing:-.03em;margin:0 0 10px}
.slp-resource p{color:var(--muted);font-size:.92rem}

.slp-next-wrap{padding-bottom:96px}
.slp-next{display:grid;grid-template-columns:auto 1fr auto;gap:36px;align-items:center;padding:32px 36px;border:2px solid var(--text);color:var(--text);text-decoration:none;transition:background .25s,color .25s}
.slp-next:hover{background:#192923;color:#f6f7f2}
.slp-next:hover .tlp-kicker-dark,.slp-next:hover p{color:#89d7bd}
.slp-next .tlp-kicker-dark{margin:0}
.slp-next h3{font-size:1.4rem;margin:0 0 4px}
.slp-next p{margin:0;color:var(--muted);font-size:.88rem}
.slp-next-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.slp-next-meta strong{font-size:1.2rem}
.slp-next-meta small{font-size:.78rem;opacity:.7}
.slp-next-meta span{font-size:1.4rem}
.tlp-sticky b{color:#d7edac;font-weight:800}

@media (max-width:1000px){
 .slp-steps,.slp-deliver{grid-template-columns:1fr}
 .slp-deliver article,.slp-deliver article+article{border-left:0;padding:24px 0;min-height:0;border-bottom:1px solid var(--line)}
 .slp-steps li:not(:last-child)::after{content:"↓";right:auto;left:28px;top:auto;bottom:-18px}
 .slp-apply-grid,.slp-resource{grid-template-columns:1fr;gap:34px}
 .slp-apply-copy{position:static}
}
@media (max-width:700px){
 .slp-flow,.slp-apply{padding:60px 0}
 .slp-scope{grid-template-columns:1fr}
 .slp-scope article{padding:24px}
 .slp-form{padding:22px}
 .slp-resource{padding:20px}
 .slp-next{grid-template-columns:1fr;gap:12px;padding:24px}
 .slp-next-meta{align-items:flex-start}
 .slp-next-wrap{padding-bottom:60px}
}
