/* Googleマップ集客ガイド：共通の色・書体を使い、図はHTMLとSVGで構成。 */
body[data-page="guide"]{--guide-paper:#fdfdf9;--guide-tint:#f1f2eb;--guide-track:#e0e4db;--guide-secondary:#537460;--guide-faint:#b9c5b5;background:var(--guide-paper)}
.guide-hero{padding-block:80px 88px;border-bottom:1px solid var(--line)}
.guide-hero h1{font-size:clamp(34px,4.8vw,62px);line-height:1.65}.guide-lead{margin-top:28px;color:var(--muted)}
.guide-hero-route{display:flex;align-items:center;gap:20px;margin:36px 0;width:fit-content}.guide-hero-route span{padding:10px 20px;border:1px solid var(--line);font-family:var(--serif)}.guide-hero-route span:first-child{border-color:var(--seal);color:var(--seal)}.guide-hero-route i{font-style:normal;color:var(--seal)}
.guide-section{padding-block:84px}.guide-inner{max-width:1040px}.guide-section .eyebrow{margin-bottom:14px}.guide-section h2{margin-bottom:36px}.guide-tinted{background:var(--guide-tint)}.guide-panel{padding:40px;background:var(--guide-paper);border:1px solid var(--line)}.guide-stat{text-align:center}.guide-stat>p:first-child{font-weight:700;color:var(--seal)}.guide-stat strong,.guide-branches strong{font-size:76px;font-weight:500;line-height:1.3;color:var(--seal);font-variant-numeric:tabular-nums}.guide-stat strong span,.guide-branches strong span{font-size:28px;margin-left:4px}.people{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:16px;max-width:620px;margin:30px auto 44px}.people svg{display:block;width:100%;max-height:76px;fill:var(--guide-faint)}.people .active svg{fill:var(--seal)}
.guide-bars{display:grid;gap:20px}.guide-bar{display:grid;grid-template-columns:170px minmax(0,1fr);gap:16px;align-items:center;font-size:15px}.bar-track{position:relative;display:flex;align-items:center;height:28px;padding-right:78px}.bar-track::before{content:'';position:absolute;inset:0 78px 0 0;background:var(--guide-track)}.bar-track i{display:block;background:var(--guide-secondary);height:100%;position:relative;flex-shrink:0}.guide-bar.is-map .bar-track i{background:var(--seal)}.bar-track b{position:relative;font-size:16px;font-weight:700;white-space:nowrap;margin-left:10px;font-variant-numeric:tabular-nums;line-height:1}.guide-note{font-size:12px;color:var(--muted);line-height:1.9;margin-top:24px}.guide-note a{text-decoration:underline;text-underline-offset:3px}.visit-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:center}.guide-donut{width:260px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--seal) 0% 64.5%,var(--guide-secondary) 64.5% 86.1%,var(--guide-faint) 86.1% 100%);display:grid;place-items:center;margin:auto}.guide-donut>div{background:var(--guide-paper);border-radius:50%;width:73%;height:73%;display:flex;flex-direction:column;align-items:center;justify-content:center}.guide-donut small{font-size:13px}.guide-donut strong{font-size:44px;line-height:1.5;color:var(--seal);font-weight:500}.guide-donut strong span{font-size:20px}.guide-legend{list-style:none;padding:0;margin:22px 0 0}.guide-legend li{display:flex;align-items:baseline;gap:12px;border-bottom:1px solid var(--line);padding:16px 0;font-size:15px}.guide-legend li b{margin-left:auto;white-space:nowrap}.guide-legend small{color:var(--muted)}.swatch{width:10px;height:10px;flex-shrink:0;border-radius:50%}.swatch.visit{background:var(--seal)}.swatch.search{background:var(--guide-secondary)}.swatch.never{background:var(--guide-faint)}
.guide-comparisons{display:grid;grid-template-columns:1fr 1fr;gap:24px}.guide-comparisons .guide-panel{padding:28px}.guide-comparisons h3,.guide-salon h3{font-family:var(--serif);font-size:22px;font-weight:500}.guide-label{font-size:12px;color:var(--muted);margin-bottom:12px}.guide-comparisons .guide-note{margin:8px 0 24px}.guide-comparisons .guide-bar{grid-template-columns:1fr;gap:5px}.guide-takeaway{text-align:center;font-family:var(--serif);font-size:27px;line-height:1.8;margin-top:36px;color:var(--green)}.guide-salon{border-left:3px solid var(--guide-secondary);background:var(--guide-tint);padding:28px 32px;margin-top:42px}.guide-salon>p:not(.guide-label):not(.guide-note){font-size:14px;margin:8px 0 24px}.guide-salon .guide-bars{max-width:700px}.branch-start{text-align:center;border:1px solid var(--line);padding:20px;max-width:560px;margin:auto;font-weight:700}.guide-branches{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:720px;margin:auto;text-align:center}.guide-branches>div{display:flex;flex-direction:column;align-items:center}.branch-arrow{font-size:38px;color:var(--guide-secondary);line-height:1.8}.guide-branches p{min-height:62px;display:grid;align-content:center;line-height:1.7}.guide-branches strong{color:var(--green);font-size:58px}.guide-branches .branch-leave strong,.branch-leave .branch-arrow{color:var(--seal)}.guide-small-chart{max-width:720px;margin:42px auto 0}.guide-small-chart h3{margin-bottom:24px}.guide-journey{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.guide-journey li{position:relative;border-top:2px solid var(--green);padding-top:20px}.guide-journey li:not(:last-child)::after{content:'→';position:absolute;right:-23px;top:68px;color:var(--seal)}.journey-number{font-family:var(--serif);font-size:22px;color:var(--seal)}.guide-journey h3{font-family:var(--serif);font-size:26px;margin:10px 0}.guide-journey li>p{font-size:14px;min-height:80px}.guide-journey li>div{border-top:1px solid var(--line);padding-top:16px}.guide-journey small{display:block;color:var(--muted);font-size:11px;margin-bottom:8px}.guide-journey b{font-size:14px;font-weight:500}.guide-checklist{list-style:none;padding:0;margin:0;max-width:760px}.guide-checklist li{display:flex;gap:20px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line);font-size:18px}.guide-checklist li>span:first-child{color:var(--seal);font-weight:700}.guide-sources{padding-block:28px 64px;color:var(--muted);font-size:12px}.guide-sources h2{font-family:var(--sans);font-size:15px;margin-bottom:16px}.guide-sources ul{padding-left:18px;margin-top:18px}.guide-sources li{margin-top:12px}.guide-sources a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
@media(max-width:900px){.visit-layout{gap:28px}.guide-donut{width:220px}.guide-comparisons{grid-template-columns:1fr}}
@media(max-width:760px){.guide-hero{padding-block:42px 54px}.guide-hero h1{font-size:clamp(27px,8vw,38px);letter-spacing:.01em}.guide-lead{font-size:15px}.guide-lead br{display:none}.guide-hero-route{gap:10px;width:100%;margin-block:28px}.guide-hero-route span{padding:10px 7px;font-size:13px;flex:1;text-align:center;white-space:nowrap}.guide-hero-route i{font-size:14px}.guide-section{padding-block:56px}.guide-section h2{font-size:27px;margin-bottom:28px}.guide-panel{padding:24px 18px}.guide-stat strong{font-size:64px}.people{gap:7px;margin:24px 0 32px}.people svg{max-height:60px}.guide-bar{grid-template-columns:1fr;gap:6px;font-size:14px}.guide-bars{gap:18px}.bar-track{height:24px;padding-right:72px}.bar-track::before{right:72px}.bar-track b{font-size:15px;margin-left:8px}.guide-note{font-size:12px}.visit-layout{grid-template-columns:1fr;gap:28px}.guide-donut{width:230px}.guide-legend li{font-size:14px;gap:9px}.guide-comparisons .guide-panel{padding:24px 18px}.guide-comparisons h3{font-size:22px}.guide-takeaway{font-size:22px;margin-top:28px}.guide-salon{padding:24px 18px;margin-top:32px}.guide-salon h3{font-size:22px}.branch-start{font-size:15px;padding:16px}.guide-branches{gap:14px}.guide-branches p{font-size:13px;min-height:60px}.guide-branches strong{font-size:40px}.guide-branches strong span{font-size:19px}.branch-arrow{font-size:30px}.guide-small-chart{margin-top:32px}.guide-journey{grid-template-columns:1fr;gap:36px}.guide-journey li{padding:18px 0 0 50px}.journey-number{position:absolute;left:0;top:18px}.guide-journey h3{margin-top:0;font-size:25px}.guide-journey li>p{min-height:0;margin-bottom:18px}.guide-journey li>p br{display:none}.guide-journey li:not(:last-child)::after{content:'↓';right:auto;left:12px;top:auto;bottom:-34px}.guide-checklist li{font-size:16px;gap:14px}.guide-sources{padding-bottom:44px}}
/* 章の余白、写真、数字を中心にした編集レイアウト。 */
body[data-page="guide"]{--guide-tint:#f3f5f1;--guide-paper:#fdfdf9;--green:#284f40;--ink:#25352f;--seal:#a54432;color:var(--ink);background:var(--guide-paper);color-scheme:light}
.guide-hero{position:relative;isolation:isolate;height:72vh;min-height:620px;display:flex;align-items:flex-end;padding:0;border:0;color:#fff;background:#284f40}
.guide-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.guide-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#142f27f2 0%,#18382d80 55%,#18382d0d 100%);z-index:-1}.guide-hero-copy{padding-block:70px}.guide-hero .eyebrow{color:#fff;margin-bottom:20px}.guide-hero h1{font-size:clamp(38px,4.5vw,64px);line-height:1.6;letter-spacing:.04em}.guide-lead{max-width:620px;margin:24px 0;color:#fff;font-size:16px;line-height:2}.guide-hero .text-link{color:white;border-color:white}
.guide-section{padding-block:110px;scroll-margin-top:32px}.guide-inner{max-width:1080px}.guide-chapter{display:flex;align-items:center;gap:26px;font-size:16px;margin-bottom:30px}.guide-chapter>span{font-family:var(--serif);font-size:80px;line-height:1.1;color:#b9c6bb;font-weight:400}.guide-section h2{font-size:36px;line-height:1.65;margin-bottom:44px}.guide-big{font-family:var(--serif);font-size:clamp(72px,8.4vw,120px);line-height:1.4;color:var(--seal);letter-spacing:-.04em;margin-bottom:14px}.guide-panel{border:0;padding:40px;background:transparent}.guide-section .map-people{margin:0 0 56px;max-width:600px}.guide-bars{gap:24px}.guide-bar{font-size:16px;grid-template-columns:170px minmax(0,1fr)}.bar-track{height:20px}.bar-track b{font-size:16px}.guide-note{font-size:12px}.guide-donut{width:300px}.guide-donut strong{font-family:var(--serif);font-size:56px}.guide-donut>div{background:var(--guide-tint)}.guide-legend li{font-size:16px}.guide-comparisons .guide-panel,.guide-salon{padding:36px;border:1px solid var(--line);background:var(--guide-paper)}.guide-comparisons .bar-track b,.guide-salon .bar-track b{font-family:var(--serif);font-size:28px}.guide-comparisons .bar-track,.guide-salon .bar-track{padding-right:92px}.guide-comparisons .bar-track::before,.guide-salon .bar-track::before{right:92px}.guide-label{font-size:14px}.guide-branches strong{font-family:var(--serif)}.guide-branches p{font-size:16px}.guide-dark{background:#284f40;color:#fff}.guide-dark h2{color:#fff}.guide-dark .guide-chapter>span{color:#85a194}.guide-journey{gap:32px}.guide-journey li{border-color:#9bb3a5}.guide-journey li:not(:last-child)::after{color:#b5ccbc}.journey-number{color:#c7d7ca;font-size:26px}.guide-journey h3{font-size:30px}.guide-journey small{font-size:12px;color:#d6e0d8}.guide-journey li>div{border-color:#ffffff40}.guide-journey li>p,.guide-journey b{font-size:15px}.journey-example{margin:28px 0 0}.journey-example>p{font-size:13px;margin-bottom:16px}.journey-phone{width:132px;height:248px;border:5px solid #142d24;border-radius:22px;overflow:hidden;background:#fdfdf9;box-shadow:0 12px 30px #10251c33}.journey-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.journey-example figcaption{font-size:12px;margin-top:12px}.guide-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:none}.guide-checklist li{padding:28px;background:var(--guide-paper);border:1px solid var(--line);font-size:17px;align-items:flex-start}.guide-checklist li>span:first-child{font-family:var(--serif);font-size:32px;font-weight:400;line-height:1.4}.guide-closing{font-family:var(--serif);font-size:28px;margin-top:52px;text-align:center}.guide-sources{font-size:12px;line-height:2}.guide-section *{min-width:0}
@media(max-width:760px){.guide-hero{height:78vh;height:78svh;min-height:560px}.guide-hero-copy{padding-block:40px}.guide-hero h1{font-size:clamp(30px,8vw,38px);letter-spacing:0;line-height:1.65}.guide-hero .eyebrow{font-size:12px}.guide-lead{font-size:15px;margin:20px 0}.guide-section{padding-block:68px}.guide-chapter{gap:18px;font-size:14px;margin-bottom:26px}.guide-chapter>span{font-size:72px}.guide-section h2{font-size:27px;margin-bottom:30px}.guide-big{font-size:72px}.guide-panel{padding:12px 0 24px}.guide-bar{grid-template-columns:1fr;font-size:14px}.guide-comparisons .guide-panel,.guide-salon{padding:26px 20px}.guide-donut{width:270px}.guide-legend li{font-size:14px}.guide-branches{gap:16px}.guide-branches p{font-size:14px}.guide-branches strong{font-size:42px}.guide-dark h2 br{display:none}.guide-journey{gap:0;margin-left:9px}.guide-journey li{border-top:0;border-left:1px solid #9bb3a5;padding:0 0 42px 36px}.guide-journey li::before{content:'';position:absolute;left:-5px;top:13px;width:9px;height:9px;border-radius:50%;background:#d6e0d8}.guide-journey li:not(:last-child)::after{display:none}.guide-journey li:last-child{padding-bottom:0}.journey-number{position:static;display:block;margin-bottom:8px}.guide-journey h3{font-size:27px}.guide-checklist{grid-template-columns:1fr;gap:14px}.guide-checklist li{padding:22px 18px;font-size:16px}.guide-closing{font-size:23px;margin-top:36px}}