.service-page{background:#07090e}.service-page section{padding:clamp(75px,10vw,130px) 6%;border-bottom:1px solid #ffffff10}.service-inner{width:min(1050px,100%);margin:auto}.service-hero{padding-top:clamp(130px,17vw,210px)!important;background:radial-gradient(circle at 78% 30%,#16324b 0,#0b111b 27%,#05070b 65%)}.service-kicker{margin:0 0 22px;color:#73a5cc;font-size:10px;letter-spacing:.24em}.service-page h1{max-width:900px;margin:0;font-size:clamp(42px,7vw,82px);font-weight:300;line-height:1.22;letter-spacing:.015em}.service-page h2{margin:0;font-size:clamp(29px,4.7vw,54px);font-weight:350;line-height:1.4}.service-page h3{font-size:20px;font-weight:500;line-height:1.5}.service-lead{max-width:780px;margin:36px 0 0;color:#b6beca;font-size:clamp(16px,1.8vw,20px);line-height:2}.service-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}.service-actions a{padding:14px 20px;border:1px solid #ffffff26;border-radius:999px;font-size:12px}.service-actions a:first-child{border-color:#e96659;background:linear-gradient(110deg,#d92f66,#fa8336);color:#fff}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:48px;background:#ffffff16}.service-grid article{padding:33px 28px;background:#0d121b}.service-grid article>span{color:#689dc8;font-size:10px;letter-spacing:.16em}.service-grid p,.service-copy p{color:#a8b1bf;line-height:1.9}.service-copy{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,8vw,110px)}.service-points{margin:0;padding:0;list-style:none;border-top:1px solid #ffffff18}.service-points li{padding:20px 5px;border-bottom:1px solid #ffffff18;color:#c3cbd6;line-height:1.7}.service-points li:before{content:"→";margin-right:12px;color:#69a9d7}.service-faq article{padding:27px 3px;border-bottom:1px solid #ffffff18}.service-faq h3{margin:0 0 10px}.service-faq p{max-width:820px;margin:0;color:#a6afbd;line-height:1.9}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:45px;background:#ffffff18}.trust-strip div{padding:25px 20px;background:#0b1018}.trust-strip b{display:block;color:#76a8cf;font-size:11px}.trust-strip span{display:block;margin-top:8px;color:#c8d0da;font-size:13px;line-height:1.6}.service-cta{text-align:center;background:radial-gradient(circle at 50% 45%,#172944,#080b11 60%)}.service-cta p{max-width:700px;margin:24px auto 0;color:#aab3c0;line-height:1.9}.service-cta .service-actions{justify-content:center}.page-meta{margin-top:28px;color:#687486;font-size:11px}.privacy-copy{max-width:820px}.privacy-copy h2{margin-top:55px;font-size:25px}.privacy-copy p,.privacy-copy li{color:#abb4c0;line-height:1.9}.privacy-copy a{color:#85bce2;text-decoration:underline}@media(max-width:700px){.service-page section{padding:70px 24px}.service-hero{padding-top:120px!important}.service-page h1{font-size:40px}.service-grid,.service-copy,.trust-strip{grid-template-columns:1fr}.service-grid article{padding:28px 23px}.service-copy{gap:32px}.trust-strip{grid-template-columns:1fr 1fr}.service-actions{justify-content:center}.service-actions a{width:min(100%,360px);text-align:center}.page-meta{text-align:center}}

.service-answer-section{background:linear-gradient(135deg,#101a28,#080c12)}.service-answer{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(35px,7vw,95px);align-items:start}.service-answer .service-kicker{grid-column:1/-1;margin-bottom:0}.service-answer p:last-child{margin:0;color:#c0c9d5;font-size:clamp(16px,1.7vw,20px);line-height:2}@media(max-width:700px){.service-answer{grid-template-columns:1fr;gap:24px}.service-answer .service-kicker{margin-bottom:0}}
/* 2026-10-03 いまぽん。「ヘッダーの下の余白が広すぎる」。固定ヘッダーの分は .contact-page の padding-top で取っているので、ヒーロー側は詰める */
.contact-page .service-hero{padding-top:clamp(44px,6vw,96px)!important}
@media(max-width:700px){.contact-page .service-hero{padding-top:32px!important}}
/* 2026-10-03 いまぽん。「セクションの下のパディングが広すぎる」 */
/* editorial.css が後から読まれて上書きするので、指定を強めている */
html body .service-page section{padding-top:clamp(52px,7vw,104px);padding-bottom:clamp(52px,7vw,104px)}
html body .contact-page .service-hero{padding-bottom:clamp(36px,5vw,72px)}
@media(max-width:700px){html body .service-page section{padding-top:40px;padding-bottom:40px}html body .contact-page .service-hero{padding-top:28px!important;padding-bottom:28px}}
