/*
Theme Name: BCS LP Service
Theme URI: https://lp.buildconnectsupport.com/
Author: Build Connect Support
Description: URL診断・LPリニューアル制作サービス専用テーマ
Version: 1.3.2
Text Domain: bcs-lp-service
*/
:root{--navy:#092943;--blue:#0879bd;--pale:#eef8ff;--orange:#f39820;--ink:#142b3d;--muted:#627688;--line:#dce8f0;--white:#fff;--green:#198754}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:#fff;line-height:1.75}a{color:inherit}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.top{padding:14px 0;background:#fff;border-bottom:1px solid var(--line)}.top .wrap{display:flex;justify-content:space-between;align-items:center}.brand{font-weight:900;color:var(--navy)}.top a{font-size:13px;text-decoration:none;color:var(--blue);font-weight:800}
.hero{padding:78px 0 68px;background:radial-gradient(circle at 85% 10%,#71c9ff33,transparent 32%),linear-gradient(145deg,#071d31,#0b4c78);color:#fff}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}.label{display:inline-block;padding:6px 11px;border:1px solid #7acfff66;border-radius:999px;color:#aee3ff;font-size:12px;font-weight:800}.hero h1{font-size:clamp(38px,5vw,64px);line-height:1.22;letter-spacing:-.045em;margin:20px 0}.hero h1 em{font-style:normal;color:#ffb03b}.hero p{font-size:18px;color:#e2eff7;margin:0 0 26px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:55px;padding:0 24px;border-radius:14px;text-decoration:none;font-weight:900}.primary{background:var(--orange);color:#fff;box-shadow:0 10px 24px #f3982040}.ghost{border:1px solid #ffffff77;color:#fff}.small-note{font-size:12px!important;color:#b9d2e3!important;margin-top:12px!important}.compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.screen{background:#fff;color:var(--ink);border-radius:18px;padding:11px;box-shadow:0 20px 50px #0004}.screen.before{transform:scale(.9);opacity:.72}.screen strong{display:block;text-align:center;font-size:11px;margin:2px 0 9px}.phone-ui{min-height:330px;border-radius:12px;background:#edf1f4;padding:14px}.after .phone-ui{background:linear-gradient(#0a3150 0 42%,#fff 42%);color:#fff}.mini{height:9px;background:#c8d2da;border-radius:6px;margin:9px 0}.after .mini{background:#fff8}.mini.w60{width:60%}.mini.cta{height:34px;margin-top:18px;background:var(--orange)}
section{padding:78px 0}.kicker{color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.14em;margin:0 0 8px}.title{font-size:clamp(30px,4vw,44px);line-height:1.35;letter-spacing:-.035em;color:var(--navy);margin:0 0 16px}.intro{max-width:760px;color:var(--muted);margin:0 0 38px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:26px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 34px #14394f0b}.num{font-size:12px;font-weight:900;color:var(--blue)}.card h3{font-size:20px;margin:8px 0}.card p{font-size:14px;color:var(--muted);margin:0}.pale{background:var(--pale)}.included{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:0;list-style:none}.included li{background:#fff;border:1px solid var(--line);padding:14px 16px 14px 43px;border-radius:14px;position:relative}.included li:before{content:"✓";position:absolute;left:16px;color:var(--green);font-weight:900}.price-box{max-width:820px;margin:auto;background:var(--navy);color:#fff;border-radius:28px;padding:42px;box-shadow:0 20px 50px #0b2b4030}.price-box h2{text-align:center;margin:0}.amount{text-align:center;font-size:54px;font-weight:900;color:#ffb13c;line-height:1.2;margin:16px 0}.amount small{font-size:15px;color:#fff}.payment{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0}.payment div{background:#ffffff12;border:1px solid #ffffff25;border-radius:14px;padding:16px;text-align:center}.payment strong{display:block;font-size:22px}.price-box .btn{display:flex}.price-box p{text-align:center;color:#c9dce8;font-size:12px}.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.step{border-top:4px solid var(--blue);background:#fff;border-radius:10px;padding:18px 14px;box-shadow:0 8px 26px #15384d0b}.step span{font-size:11px;color:var(--blue);font-weight:900}.step strong{display:block;margin-top:5px}.faq{max-width:850px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{font-weight:800;cursor:pointer}.faq p{color:var(--muted);font-size:14px}.final{background:#071e31;color:#fff;text-align:center}.final .title{color:#fff}.final .intro{margin:0 auto 26px;color:#cbdde9}.footer{padding:28px;text-align:center;font-size:12px;color:#7890a0}.footer a{color:inherit;text-decoration:underline;text-underline-offset:3px}.footer a:hover{color:var(--blue)}.sticky{display:none}
.contact-form{max-width:760px;margin:28px auto 0;text-align:left;background:#fff;color:var(--ink);padding:28px;border-radius:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field.full{grid-column:1/-1}.field label{display:block;font-size:13px;font-weight:800;margin-bottom:6px}.required{color:#c62828;font-size:11px}.field input,.field textarea{width:100%;border:1px solid #cbdbe5;border-radius:10px;padding:12px 13px;font:inherit;background:#fff}.field textarea{min-height:125px;resize:vertical}.consent{display:flex;gap:9px;align-items:flex-start;font-size:12px;margin:17px 0}.consent input{margin-top:5px}.contact-form .btn{border:0;width:100%;cursor:pointer;font-size:15px}.form-message{max-width:760px;margin:18px auto;padding:13px 16px;border-radius:10px;font-weight:800}.form-message.success{background:#dbf5e5;color:#116a36}.form-message.error{background:#ffe4e4;color:#9c1f1f}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.legal{padding:68px 0}.legal h1{font-size:clamp(32px,5vw,48px);line-height:1.3;color:var(--navy);margin:0 0 12px}.legal .updated{color:var(--muted);font-size:13px;margin-bottom:36px}.legal h2{font-size:22px;color:var(--navy);margin:36px 0 10px}.legal p,.legal li{color:#40596b;font-size:15px}.legal ul{padding-left:1.4em}.legal a{color:var(--blue)}
@media(max-width:800px){.wrap{width:min(100% - 28px,600px)}.hero{padding:48px 0}.hero-grid{grid-template-columns:1fr;gap:38px}.hero h1{font-size:40px}.hero p{font-size:16px}.three{grid-template-columns:1fr}.included{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr}.price-box{padding:28px 20px}.amount{font-size:44px}.payment{grid-template-columns:1fr}.compare{max-width:410px;margin:auto}section{padding:58px 0}.form-grid{grid-template-columns:1fr}.contact-form{padding:21px}.sticky{display:block;position:sticky;bottom:0;z-index:10;background:#fff;padding:9px 14px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -8px 28px #09294325}.sticky .btn{display:flex;min-height:49px}}