/*
Theme Name: BCS LP Service Next
Theme URI: https://lp.buildconnectsupport.com/
Author: Build Connect Support
Description: 無料SEO診断と無料サイト改善案を入口にしたBCSサービスサイトテーマ
Version: 2.4.6
Text Domain: bcs-lp-service-next
*/
:root{--navy:#092943;--blue:#0879bd;--blue-dark:#075f92;--pale:#eef8ff;--orange:#f39820;--orange-dark:#d87d08;--ink:#142b3d;--muted:#627688;--line:#dce8f0;--white:#fff;--green:#198754}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.75}a{color:inherit}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:#fff}.header-inner{display:flex;align-items:center;gap:22px;min-height:70px}.brand{color:var(--navy);font-weight:900;text-decoration:none;white-space:nowrap}.main-nav{display:flex;align-items:center;gap:18px;margin-left:auto}.main-nav a{color:#40596b;font-size:12px;font-weight:800;text-decoration:none}.main-nav a:hover{color:var(--blue)}.header-cta{padding:11px 15px;border-radius:10px;background:var(--blue);color:#fff;font-size:12px;font-weight:900;text-decoration:none;white-space:nowrap}
section{padding:76px 0}.pale{background:var(--pale)}.kicker{margin:0 0 8px;color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.14em}.section-title{margin:0 0 16px;color:var(--navy);font-size:clamp(29px,4vw,44px);line-height:1.35;letter-spacing:-.035em}.intro{max-width:800px;margin:0 0 34px;color:var(--muted)}.center{display:flex;justify-content:center;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 22px;border:0;border-radius:13px;font:inherit;font-weight:900;text-align:center;text-decoration:none;cursor:pointer}.btn-orange{background:var(--orange);color:#fff;box-shadow:0 10px 24px #f3982035}.btn-orange:hover{background:var(--orange-dark)}.btn-blue{background:var(--blue);color:#fff}.btn-blue:hover{background:var(--blue-dark)}.btn-outline{border:1px solid #9bbccc;background:#fff;color:var(--navy)}
.hero{padding:58px 0 48px;background:radial-gradient(circle at 85% 10%,#71c9ff33,transparent 32%),linear-gradient(145deg,#071d31,#0b4c78);color:#fff}.hero-intro{max-width:940px;margin:0 auto 30px;text-align:center}.eyebrow{display:inline-block;margin:0;padding:6px 11px;border:1px solid #7acfff66;border-radius:999px;color:#aee3ff;font-size:12px;font-weight:800}.hero h1{margin:16px 0 10px;font-size:clamp(36px,5vw,58px);line-height:1.25;letter-spacing:-.045em}.hero h1 em{display:block;color:#ffb03b;font-style:normal}.hero-lead{margin:0;color:#e2eff7;font-size:clamp(17px,2vw,22px);font-weight:800}.entrance-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.entrance-card{display:flex;flex-direction:column;padding:26px;border:1px solid #ffffff30;border-radius:24px;background:#ffffff12;box-shadow:0 18px 44px #00111f55}.card-label{display:flex;align-items:center;gap:13px}.card-label>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--navy);font-size:12px;font-weight:900}.card-label small{display:block;color:#aee3ff;font-size:12px;font-weight:900}.card-label h2{margin:0;color:#fff;font-size:29px}.entrance-card ul{display:grid;grid-template-columns:1fr 1fr;gap:7px 18px;margin:18px 0;padding:0;list-style:none}.entrance-card li{position:relative;padding-left:20px;color:#e8f3fa;font-size:13px;font-weight:700}.entrance-card li:before{content:"✓";position:absolute;left:0;color:#7ee1aa}.entrance-card .btn{width:100%;margin-top:auto}.score-visual,.before-after{display:flex;align-items:center;justify-content:center;min-height:176px;margin-top:18px;border-radius:18px;background:#fff;color:var(--ink)}.score-ring{display:grid;place-items:center;align-content:center;width:126px;height:126px;border:12px solid #8bd7fb;border-radius:50%;color:var(--navy);line-height:1}.score-ring span{font-size:9px;font-weight:900}.score-ring strong{margin:7px 0 3px;font-size:42px}.score-ring small{color:var(--muted)}.before-after{gap:14px;padding:18px}.before-after>div{width:38%;padding:10px;border-radius:11px;background:#eef2f5;box-shadow:0 8px 22px #09294320}.before-after b{display:block;margin-bottom:8px;color:var(--muted);font-size:9px;text-align:center}.before-after i{display:block;height:8px;margin:8px;border-radius:8px;background:#aebdc7}.before-after .after{background:linear-gradient(#0a3150 0 48%,#f6fbff 48%)}.before-after .after i{background:#fff9}.before-after .after i:last-child{height:22px;background:var(--orange)}.before-after>strong{color:var(--blue);font-size:22px}.choice-note{display:flex;justify-content:center;gap:8px 22px;flex-wrap:wrap;margin-top:24px;padding:14px 20px;border:1px solid #7acfff55;border-radius:14px;background:#071e3177;text-align:center}.choice-note>*{font-size:13px}.choice-note span{flex-basis:100%;color:#cfe5f1}
.three-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.three-steps article{position:relative;padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 34px #14394f0b}.three-steps article:not(:last-child):after{content:"→";position:absolute;right:-18px;top:50%;z-index:2;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--blue);color:#fff;font-weight:900}.three-steps span{color:var(--blue);font-size:12px;font-weight:900}.three-steps h3{margin:3px 0;color:var(--navy);font-size:27px}.three-steps strong{display:block}.three-steps p{margin:8px 0 0;color:var(--muted);font-size:13px}.free-declaration{width:max-content;max-width:100%;margin:28px auto 0;padding:12px 22px;border:2px solid #76cc99;border-radius:999px;background:#f1fff7;color:#116a36;font-size:20px;font-weight:900;text-align:center}
.industry-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.industry-grid article{grid-column:span 2;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 14px 38px #12394f12}.industry-grid article:nth-child(4),.industry-grid article:nth-child(5){grid-column:span 3}.industry-grid a{display:block;aspect-ratio:16/10;overflow:hidden;background:#e5edf2}.industry-grid img{display:block;width:100%;height:100%;object-fit:cover;transition:.3s}.industry-grid a:hover img{transform:scale(1.025)}.industry-grid article>div{padding:18px 20px}.industry-grid h3{margin:0 0 5px;color:var(--navy)}.industry-grid p{margin:0;color:var(--muted);font-size:13px}.caption{margin:20px 0 0;color:var(--muted);font-size:11px;text-align:center}
.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.works-grid article{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 14px 38px #12394f12}.works-grid a{display:block;color:inherit;text-decoration:none}.works-grid img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top}.works-grid article div{padding:18px 20px}.works-grid span{color:var(--blue);font-size:11px;font-weight:900}.works-grid h3{margin:7px 0;color:var(--navy);font-size:20px}.works-grid p{min-height:42px;margin:0 0 14px;color:var(--muted);font-size:13px}.works-grid strong{color:var(--blue);font-size:13px}
.seo-check-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.url-form{padding:22px;border:1px solid var(--line);border-radius:18px;background:#f7fbfe}.url-form label{display:block;margin-bottom:6px;font-size:12px;font-weight:900}.url-form>div{display:flex;gap:9px}.url-form input{flex:1;min-width:0;min-height:54px;padding:10px 14px;border:1px solid #b9cfdb;border-radius:11px;font:inherit}.result-card{padding:28px;border-radius:24px;background:var(--navy);color:#fff;box-shadow:0 20px 45px #09294325}.result-score{display:flex;align-items:baseline;gap:12px}.result-score strong{color:#ffb03b;font-size:64px;line-height:1}.result-score span{font-weight:900}.result-card ul{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0;list-style:none}.result-card li:before{content:"✓";margin-right:8px;color:#7ee1aa}.result-counts{display:flex;gap:10px}.result-counts span{flex:1;padding:10px;border-radius:10px;background:#ffffff13;text-align:center;font-size:12px}.result-counts b{display:block;font-size:18px}
.seo-columns,.destination-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.seo-columns article,.destination-grid article{padding:30px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 34px #14394f0b}.seo-columns small,.destination-grid article>span{color:var(--blue);font-size:12px;font-weight:900}.seo-columns h3,.destination-grid h3{margin:4px 0 9px;color:var(--navy);font-size:28px}.seo-columns p,.seo-columns li,.destination-grid p{color:var(--muted);font-size:14px}.seo-columns a{color:var(--blue);font-weight:900}.seo-note,.development-note{margin:22px 0 0;padding:18px 20px;border-left:4px solid var(--blue);border-radius:12px;background:#fff;color:#40596b;font-size:13px}.destination-grid{margin-top:30px}.choice-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.development-note{border-color:#d6a344;background:#fffaf0}.final-cta{background:#071e31;color:#fff;text-align:center}.final-cta .kicker{color:#8dd7ff}.final-cta .section-title{color:#fff}.final-cta .intro{margin:0 auto 26px;color:#cbdde9}.form-note{max-width:680px;margin:18px auto 0;color:#9eb7c6;font-size:11px}.site-footer{padding:27px 0;color:#7890a0;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:20px}.fallback-content{padding:65px 0}.mobile-sticky{display:none}
@media(max-width:960px){.main-nav{display:none}.header-cta{margin-left:auto}}
@media(max-width:760px){.wrap{width:min(100% - 28px,600px)}section{padding:56px 0}.header-inner{min-height:62px}.brand{font-size:13px}.header-cta{padding:9px 10px;font-size:10px}.hero{padding:38px 0 34px}.hero-intro{text-align:left}.hero h1{font-size:34px}.hero h1 em{display:inline}.entrance-grid,.three-steps,.seo-check-grid,.seo-columns,.destination-grid,.works-grid{grid-template-columns:1fr}.entrance-card{padding:20px}.entrance-card ul{grid-template-columns:1fr}.three-steps article:not(:last-child):after{content:"↓";right:calc(50% - 18px);top:auto;bottom:-27px}.free-declaration{border-radius:16px;font-size:16px}.industry-grid{grid-template-columns:1fr}.industry-grid article,.industry-grid article:nth-child(4),.industry-grid article:nth-child(5){grid-column:auto}.url-form>div{display:grid}.result-card ul{grid-template-columns:1fr}.choice-buttons{grid-template-columns:1fr}.footer-inner{display:grid;text-align:center}.site-footer{padding-bottom:84px}.mobile-sticky{position:fixed;right:0;bottom:0;left:0;z-index:30;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:9px 14px calc(9px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -8px 28px #09294325}.mobile-sticky a{display:grid;place-items:center;min-height:46px;padding:7px;border-radius:11px;background:var(--orange);color:#fff;text-align:center;text-decoration:none;font-size:12px;font-weight:900}.mobile-sticky a+a{background:var(--blue)}}

.contact-form{max-width:780px;margin:28px auto 0;padding:28px;border-radius:22px;background:#fff;color:var(--ink);text-align:left}.contact-form fieldset{margin:23px 0;padding:0;border:0}.contact-form legend,.contact-form .field>label{display:block;margin-bottom:7px;font-size:13px;font-weight:900}.contact-form legend span,.contact-form .field>label span{color:#c44831}.choice-grid,.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice-grid label{padding:12px;border:1px solid var(--line);border-radius:10px;font-size:12px}.contact-form input[type=text],.contact-form input[type=url],.contact-form input[type=email],.contact-form textarea{width:100%;padding:12px;border:1px solid #b9cfdb;border-radius:10px;font:inherit}.form-grid{gap:14px}.field.full{grid-column:1/-1}.consent{display:flex;gap:8px;margin:20px 0;color:#40596b;font-size:12px}.consent a{color:var(--blue)}.contact-form .btn{width:100%}.hp-field{position:absolute!important;left:-9999px!important}.form-message{max-width:780px;margin:20px auto;padding:12px;border-radius:10px}.form-message.success{background:#e9fff3;color:#116a36}.form-message.error{background:#ffe9e9;color:#9d2525}
@media(max-width:760px){.choice-grid,.form-grid{grid-template-columns:1fr}.contact-form{padding:20px 16px}}

/* Basic SEO learning page */
.learning-hero{padding:70px 0;background:radial-gradient(circle at 88% 8%,#71c9ff33,transparent 32%),linear-gradient(145deg,#071d31,#0b4c78);color:#fff}.learning-hero-grid{display:grid;grid-template-columns:1fr 340px;gap:58px;align-items:center}.learning-hero h1{margin:18px 0 12px;font-size:clamp(38px,5vw,60px);line-height:1.25;letter-spacing:-.045em}.learning-hero p{max-width:690px;color:#d8eaf4}.learning-actions,.next-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:24px}.text-link{color:#fff;font-size:13px;font-weight:900;text-underline-offset:4px}.score-card,.score-sticky{padding:28px;border:1px solid #ffffff2c;border-radius:24px;background:#ffffff12;box-shadow:0 18px 48px #00111f44;text-align:center}.score-card small{display:block;color:#bfe4f7;font-weight:900}.score-card>strong{display:inline-block;margin-top:10px;color:#ffb03b;font-size:76px;line-height:1}.score-card>span{font-size:18px;font-weight:900}.progress{height:10px;margin:18px 0 10px;overflow:hidden;border-radius:999px;background:#ffffff22}.progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#67d7ff,#ffb03b);transition:width .25s}.score-card p{margin:0;color:#d8eaf4}.score-separation{padding:30px 0;background:#f7fbfe;border-bottom:1px solid var(--line)}.score-separation .wrap{display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center}.score-separation strong{color:var(--navy);font-size:19px}.score-separation p{margin:5px 0 0;color:var(--muted);font-size:13px}.score-compare{display:flex;align-items:center;gap:14px}.score-compare span{padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--muted);font-size:10px;text-align:center}.score-compare b{color:var(--navy);font-size:13px}.score-compare i{color:var(--orange);font-size:25px;font-style:normal;font-weight:900}.learning-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:26px;align-items:start}.learning-groups{display:grid;gap:22px}.learning-group{padding:0;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 10px 30px #12394f0b}.learning-group>header{display:flex;align-items:center;gap:12px;padding:20px 22px;border-bottom:1px solid var(--line);background:#f7fbfe;border-radius:20px 20px 0 0}.learning-group>header span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--blue);color:#fff;font-size:11px;font-weight:900}.learning-group>header h2{margin:0;color:var(--navy);font-size:20px}.learning-group>header b{margin-left:auto;color:var(--muted);font-size:11px}.learning-items{display:grid;grid-template-columns:1fr 1fr}.learning-item{position:relative;display:flex;gap:12px;padding:18px 20px;border-right:1px solid #edf3f6;border-bottom:1px solid #edf3f6;cursor:pointer}.learning-item:hover{background:#f7fbfe}.learning-item input{position:absolute;opacity:0}.check-mark{flex:0 0 23px;height:23px;border:2px solid #b5cad6;border-radius:7px;background:#fff}.learning-item input:checked+.check-mark{border-color:var(--green);background:var(--green)}.learning-item input:checked+.check-mark:after{content:"✓";display:grid;place-items:center;color:#fff;font-size:14px;font-weight:900}.learning-item strong{display:block;color:var(--navy);font-size:14px}.learning-item small{display:block;margin-top:4px;color:var(--muted);font-size:11px;line-height:1.65}.score-sticky{position:sticky;top:92px;border-color:transparent;background:var(--navy);color:#fff}.score-sticky small{color:#bfe4f7;font-weight:900}.score-sticky>div:nth-of-type(1) strong{color:#ffb03b;font-size:58px;line-height:1}.score-sticky .progress{background:#ffffff22}.score-sticky p{font-size:12px}.score-sticky button{border:0;background:transparent;color:#b8ceda;font-size:11px;text-decoration:underline;cursor:pointer}.learning-next .next-actions{margin-top:0}
@media(max-width:800px){.learning-hero-grid,.score-separation .wrap,.learning-layout{grid-template-columns:1fr}.learning-hero{padding:48px 0}.learning-hero h1{font-size:37px}.score-card{max-width:360px}.score-compare{justify-content:center}.learning-items{grid-template-columns:1fr}.learning-item{border-right:0}.score-sticky{position:static;order:-1}.next-actions .btn{width:100%}}

/* Advanced SEO */
.advanced-hero{background:radial-gradient(circle at 85% 8%,#c589ff30,transparent 30%),linear-gradient(145deg,#14152f,#153e67)}.advanced-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:26px;align-items:start}.area-list{display:grid;gap:24px}.area-card{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 34px #14394f0b}.area-card>header{display:flex;gap:18px;padding:24px;background:linear-gradient(135deg,#f2f9fd,#f8f3ff)}.area-card>header>span{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:14px;background:var(--navy);color:#8dd7ff;font-size:15px;font-weight:900}.area-card h2{margin:0;color:var(--navy);font-size:23px}.area-card header p{margin:5px 0 0;color:var(--muted);font-size:12px}.advanced-conclusion{text-align:center}.advanced-conclusion .intro{margin:0 auto 24px}
/* LP page */
.lp-hero{padding:76px 0;background:radial-gradient(circle at 88% 10%,#ffb03b30,transparent 32%),linear-gradient(145deg,#071d31,#0b4c78);color:#fff}.lp-hero-grid{display:grid;grid-template-columns:1fr 390px;gap:60px;align-items:center}.lp-hero h1{margin:18px 0 14px;font-size:clamp(38px,5vw,60px);line-height:1.25;letter-spacing:-.045em}.lp-hero p{max-width:690px;color:#d8eaf4}.lp-purpose-card{padding:28px;border:1px solid #ffffff2d;border-radius:24px;background:#ffffff12}.lp-purpose-card small{color:#aee3ff;font-weight:900}.lp-purpose-card ul{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 0;padding:0;list-style:none}.lp-purpose-card li{padding:12px;border-radius:10px;background:#fff;color:var(--navy);font-size:13px;font-weight:900}.problem-grid,.update-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.problem-grid article,.update-grid article{padding:25px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 34px #14394f0b}.problem-grid span{color:var(--blue);font-size:11px;font-weight:900}.problem-grid h3,.update-grid h3{margin:7px 0;color:var(--navy)}.problem-grid p,.update-grid p{margin:0;color:var(--muted);font-size:13px}.lp-flow{display:flex;align-items:center;gap:8px;margin:30px 0;overflow-x:auto}.lp-flow span{flex:1;min-width:130px;padding:18px 12px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--navy);font-size:13px;font-weight:900;text-align:center}.lp-flow i{color:var(--blue);font-style:normal;font-weight:900}.lp-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.lp-choice-grid article{padding:30px;border:1px solid var(--line);border-radius:22px;background:#fff}.lp-choice-grid article>span{color:var(--blue);font-size:12px;font-weight:900}.lp-choice-grid h3{margin:4px 0 12px;color:var(--navy);font-size:25px}.lp-choice-grid li{margin:7px 0;color:#40596b;font-size:13px}.lp-choice-grid .btn{width:100%;margin-top:14px}
@media(max-width:800px){.advanced-layout,.lp-hero-grid,.lp-choice-grid{grid-template-columns:1fr}.area-card>header{padding:20px}.problem-grid,.update-grid{grid-template-columns:1fr}.lp-hero{padding:48px 0}.lp-hero h1{font-size:37px}.lp-purpose-card ul{grid-template-columns:1fr}.lp-flow i{transform:rotate(90deg)}.lp-flow{display:grid;justify-items:stretch}.lp-flow span{width:100%}}

/* Keyword rank */
.rank-hero{padding:70px 0;background:radial-gradient(circle at 88% 8%,#71c9ff30,transparent 32%),linear-gradient(145deg,#071d31,#0b4c78);color:#fff}.rank-hero-grid{display:grid;grid-template-columns:1fr 440px;gap:54px;align-items:center}.rank-hero h1{margin:18px 0 13px;font-size:clamp(38px,5vw,59px);line-height:1.25;letter-spacing:-.045em}.rank-hero p{max-width:650px;color:#d8eaf4}.development-badge{display:inline-block;margin-top:12px;padding:7px 12px;border:1px solid #ffc36770;border-radius:999px;background:#ffb03b18;color:#ffd18c;font-size:11px;font-weight:900}.rank-form{padding:28px;border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 20px 50px #00111f55}.rank-form h2{margin:0 0 16px;color:var(--navy)}.rank-form label{display:block;margin:11px 0 5px;font-size:12px;font-weight:900}.rank-form label b{color:#c44831}.rank-form input,.rank-form select{width:100%;min-height:49px;padding:10px 12px;border:1px solid #b9cfdb;border-radius:10px;background:#fff;font:inherit}.rank-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rank-form .btn{width:100%;margin-top:15px}.rank-form small{display:block;margin-top:9px;color:var(--muted);font-size:10px}.rank-result-section{padding:45px 0;background:#f6fbfe}.rank-message,.rank-result{max-width:820px;margin:auto;padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff}.rank-message span{color:var(--orange);font-size:11px;font-weight:900;letter-spacing:.12em}.rank-message h2{margin:5px 0;color:var(--navy)}.rank-message p{color:var(--muted)}.rank-message dl,.rank-result dl{margin:18px 0 0}.rank-message dl div,.rank-result dl div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.rank-message dt,.rank-result dt{color:var(--muted);font-size:11px;font-weight:900}.rank-message dd,.rank-result dd{margin:0;overflow-wrap:anywhere;font-size:13px}.rank-number strong{color:var(--orange);font-size:76px;line-height:1}.rank-number span{font-weight:900}.rank-caution{padding:14px;border-radius:10px;background:#fff8e9;color:#6e572e;font-size:11px}.rank-next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.rank-next-grid article{padding:25px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 34px #14394f0b}.rank-next-grid span{color:var(--blue);font-size:11px;font-weight:900}.rank-next-grid h3{margin:6px 0;color:var(--navy)}.rank-next-grid p{color:var(--muted);font-size:13px}.rank-next-grid a{color:var(--blue);font-size:13px;font-weight:900}.rank-development{text-align:center}.rank-development .intro{margin:0 auto}
@media(max-width:800px){.rank-hero-grid,.rank-next-grid{grid-template-columns:1fr}.rank-hero{padding:48px 0}.rank-hero h1{font-size:37px}.rank-form-grid{grid-template-columns:1fr}.rank-message dl div,.rank-result dl div{grid-template-columns:1fr;gap:2px}}
.rank-form>small{font-size:10px}
.rank-message.quota{border-color:#f2c469;background:#fffaf0}.rank-message.quota span{color:#a66a00}.rank-message.quota h2{color:#714900}

/* Free SEO diagnosis */
.seo-audit-hero{padding:64px 0;background:radial-gradient(circle at 88% 8%,#71c9ff33,transparent 32%),linear-gradient(145deg,#071d31,#0b4c78);color:#fff}.seo-audit-hero-grid{display:grid;grid-template-columns:1fr 440px;gap:54px;align-items:center}.seo-audit-hero h1{margin:16px 0 12px;font-size:clamp(38px,5vw,60px);line-height:1.25;letter-spacing:-.045em}.seo-audit-hero p{max-width:660px;color:#d8eaf4}.seo-audit-form{padding:28px;border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 20px 50px #00111f55}.seo-audit-form h2{margin:0 0 15px;color:var(--navy)}.seo-audit-form label{display:block;margin-bottom:6px;font-size:12px;font-weight:900}.seo-audit-form input{width:100%;min-height:52px;padding:10px 13px;border:1px solid #b9cfdb;border-radius:10px;font:inherit}.seo-audit-form .btn{width:100%;margin-top:14px}.seo-audit-form small{display:block;margin-top:9px;color:var(--muted);font-size:10px}.seo-audit-result-section{padding:48px 0;background:#f6fbfe}.seo-audit-error,.seo-audit-result{max-width:920px;margin:auto;padding:30px;border:1px solid var(--line);border-radius:22px;background:#fff}.seo-audit-error h2{margin-top:0;color:#9d2525}.seo-audit-head{display:grid;grid-template-columns:180px 1fr;gap:30px;align-items:center}.seo-audit-score{display:grid;place-items:center;align-content:center;width:160px;height:160px;border:14px solid #8bd7fb;border-radius:50%;color:var(--navy);line-height:1}.seo-audit-score strong{font-size:58px}.seo-audit-score span{margin-top:7px;color:var(--muted);font-size:12px;font-weight:900}.seo-audit-summary h2{margin:0;color:var(--navy);font-size:30px}.seo-audit-summary p{margin:8px 0;color:var(--muted)}.seo-audit-url{overflow-wrap:anywhere;font-size:12px}.seo-audit-counts{display:flex;gap:10px;margin-top:15px}.seo-audit-counts span{padding:9px 13px;border-radius:10px;background:#eef8ff;color:var(--navy);font-size:12px;font-weight:900}.seo-audit-list{display:grid;gap:10px;margin-top:28px}.seo-audit-item{display:grid;grid-template-columns:34px 1fr;gap:13px;padding:16px;border:1px solid var(--line);border-radius:13px}.seo-audit-item>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e9fff3;color:#116a36;font-weight:900}.seo-audit-item.fail>span{background:#fff0ed;color:#a33b28}.seo-audit-item h3{margin:0;color:var(--navy);font-size:16px}.seo-audit-item p{margin:4px 0 0;color:var(--muted);font-size:12px}.seo-audit-next{text-align:center}.seo-audit-next .intro{margin:0 auto 24px}.seo-audit-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
@media(max-width:800px){.seo-audit-hero-grid,.seo-audit-head{grid-template-columns:1fr}.seo-audit-hero{padding:46px 0}.seo-audit-hero h1{font-size:37px}.seo-audit-form{padding:22px}.seo-audit-score{width:140px;height:140px}.seo-audit-result,.seo-audit-error{padding:20px}.seo-audit-links .btn{width:100%}}


/* Mobile navigation */
.menu-toggle{display:none;width:42px;height:42px;padding:9px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;flex:0 0 auto}
.menu-toggle span{display:block;width:100%;height:2px;margin:5px 0;border-radius:999px;background:var(--navy);transition:transform .2s ease,opacity .2s ease}
.mobile-menu-cta{display:none}

@media(max-width:960px){
  .site-header{position:sticky;top:0;overflow:visible}
  .header-inner{position:relative;gap:10px}
  .brand{margin-right:auto}
  .menu-toggle{display:block}
  .main-nav{position:absolute;top:calc(100% + 1px);right:0;left:0;z-index:40;display:none;margin:0;padding:10px 14px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;box-shadow:0 16px 28px #09294320}
  .main-nav.is-open{display:grid;gap:0}
  .main-nav a{display:block;padding:13px 8px;border-bottom:1px solid #edf3f7;color:var(--navy);font-size:14px}
  .main-nav a:last-child{border-bottom:0}
  .main-nav .mobile-menu-cta{display:flex;align-items:center;justify-content:center;margin-top:10px;padding:12px 14px;border:0;border-radius:10px;background:var(--blue);color:#fff;text-align:center}
  .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}

@media(max-width:760px){
  .header-inner{min-height:62px}
  .brand{font-size:12px}
  .header-cta{max-width:132px;padding:8px 9px;font-size:9px;line-height:1.25;text-align:center}
  .menu-toggle{width:40px;height:40px;padding:8px}
}

@media(max-width:430px){
  .header-inner{gap:7px}
  .brand{font-size:11px;letter-spacing:-.02em}
  .header-cta{max-width:116px;padding:7px 8px;font-size:8.5px}
  .menu-toggle{width:38px;height:38px}
}

/* Restored fixed price section */
.price-section{text-align:center}
.price-card{max-width:760px;margin:30px auto 0;padding:34px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 16px 40px #14394f12}
.price-package{margin:0;color:var(--navy);font-weight:900}
.price-main{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:8px 0 24px;color:var(--navy)}
.price-main strong{font-size:clamp(42px,7vw,68px);line-height:1}
.price-main span{font-size:14px;font-weight:800}
.price-split{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin:0 auto 22px;max-width:560px}
.price-split div{padding:18px;border-radius:16px;background:#f6fbfe}
.price-split small{display:block;color:var(--muted);font-weight:800}
.price-split strong{display:block;margin-top:4px;color:var(--navy);font-size:25px}
.price-split>span{color:var(--blue);font-size:24px;font-weight:900}
.price-note{margin:0 0 22px;padding:16px;border-radius:14px;background:#f1fff7;color:#116a36}
@media(max-width:600px){.price-card{padding:24px 18px}.price-split{grid-template-columns:1fr}.price-split>span{line-height:1}.price-main{flex-wrap:wrap}.price-main strong{font-size:44px}}

.fixed-price-note{display:grid;grid-template-columns:auto auto;gap:10px 24px;align-items:center;margin:22px auto 0;padding:18px 22px;max-width:860px;border:1px solid #d9e8f2;border-radius:16px;background:#fff}.fixed-price-note>div:first-child small{display:block;color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.12em}.fixed-price-note>div:first-child strong{display:block;color:var(--navy);font-size:17px}.fixed-price-amount{color:var(--navy);font-size:30px;font-weight:900;text-align:right}.fixed-price-amount small{font-size:12px}.fixed-price-note p{grid-column:1/-1;margin:0;color:var(--muted);font-size:12px}@media(max-width:700px){.fixed-price-note{grid-template-columns:1fr}.fixed-price-amount{text-align:left}}


/* v2.4.0 marketing process: specialized SEO value bridge */
.seo-included{padding:84px 0;background:#fff}.seo-included-box{padding:40px;border:1px solid #dce8f2;border-radius:24px;background:linear-gradient(145deg,#f7fbfe,#eef8ff)}.seo-included-box .intro strong{color:#0b5f96}.seo-included-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:28px 0}.seo-included-grid article{padding:20px 16px;border-radius:16px;background:#fff;border:1px solid #d7e7f1}.seo-included-grid span{display:block;color:#1686c8;font-weight:900;font-size:12px}.seo-included-grid strong{display:block;margin:6px 0;color:#0a2d49;font-size:14px;line-height:1.5}.seo-included-grid p{margin:0;color:#607589;font-size:12px;line-height:1.7}.redesign-scope{margin:24px 0 30px;padding:22px;border-radius:18px;background:#071d31;color:#fff}.redesign-scope>strong{display:block;font-size:18px;margin-bottom:12px}.redesign-scope>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.redesign-scope span{padding:10px;border-radius:10px;background:#ffffff12;border:1px solid #ffffff24;text-align:center;font-weight:800;font-size:12px}.redesign-scope p{margin:14px 0 0;color:#cfe3f0;font-size:13px}.redesign-scope p strong{color:#fff}.destination-grid article p strong{color:#0b5f96}@media(max-width:900px){.seo-included-grid{grid-template-columns:repeat(2,1fr)}.redesign-scope>div{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.seo-included{padding:56px 0}.seo-included-box{padding:24px 18px}.seo-included-grid,.redesign-scope>div{grid-template-columns:1fr}}

/* ===== ヘッダー最終版 =====
   PC：ロゴ左／ナビ右
   iPhone：ロゴ左＋CTA右上＋ハンバーガー右下
   ========================================================= */

.site-header{
  padding-top:0 !important;
  padding-bottom:0 !important;
}

.site-header .header-inner{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  min-height:72px !important;
  padding-top:6px !important;
  padding-bottom:6px !important;
  display:flex !important;
  align-items:center !important;
}

.site-header .bcs-brand-reference{
  display:flex !important;
  align-items:center !important;
  margin-left:max(20px, calc((100vw - 1120px) / 2)) !important;
  margin-right:0 !important;
  margin-top:8px !important;
  padding:0 !important;
  flex-shrink:0 !important;
  text-decoration:none !important;
}

.site-header .bcs-header-logo{
  display:block !important;
  width:410px !important;
  max-width:410px !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain !important;
  position:static !important;
  left:auto !important;
  top:auto !important;
  transform:none !important;
}

.site-header .main-nav{
  margin-left:auto !important;
  gap:14px !important;
  flex-wrap:nowrap !important;
  white-space:nowrap !important;
}

.site-header .main-nav a,
.site-header .header-cta{
  white-space:nowrap !important;
  flex-shrink:0 !important;
}

.site-header .header-cta{
  margin-right:20px !important;
}

/* 1180px以下：通常ナビを隠してハンバーガーへ */
@media(max-width:1180px){

  .site-header .bcs-brand-reference{
    margin-left:20px !important;
    margin-top:0 !important;
  }

  .site-header .main-nav{
    display:none !important;
  }

  /* 開いた時は !important で表示を上書き */
  .site-header .main-nav.is-open{
    display:grid !important;
  }

  .site-header .menu-toggle{
    display:block !important;
  }
}

/* iPhone・スマホ */
@media screen and (max-width:768px){

  .site-header .header-inner{
    position:relative !important;
    display:block !important;
    min-height:92px !important;
    padding:6px 10px !important;
  }

  /* 左：ロゴ */
  .site-header .bcs-brand-reference{
    position:absolute !important;
    left:12px !important;
    top:15px !important;
    margin:0 !important;
    padding:0 !important;
    width:auto !important;
    max-width:calc(100vw - 145px) !important;
    overflow:visible !important;
  }

  .site-header .bcs-header-logo{
    display:block !important;
    width:225px !important;
    max-width:100% !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:contain !important;
  }

  /* 右上：無料サイト改善案 */
  .site-header .header-cta{
    position:absolute !important;
    top:10px !important;
    right:10px !important;
    margin:0 !important;
    max-width:116px !important;
    padding:7px 8px !important;
    font-size:8.5px !important;
    line-height:1.25 !important;
    text-align:center !important;
    white-space:nowrap !important;
  }

  /* 右下：ハンバーガー */
  .site-header .menu-toggle{
    display:block !important;
    position:absolute !important;
    right:10px !important;
    bottom:6px !important;
    width:38px !important;
    height:38px !important;
    margin:0 !important;
    padding:8px !important;
    z-index:50 !important;
  }

  /* 開いたメニューはヘッダー直下に表示 */
  .site-header .main-nav{
    position:absolute !important;
    top:calc(100% + 1px) !important;
    right:0 !important;
    left:0 !important;
    z-index:40 !important;
    margin:0 !important;
  }

  .site-header .main-nav.is-open{
    display:grid !important;
  }
}