/* Regional guides share the LP's warm palette and font; no inline styles. */
.area-main{background:#fffaf0;color:#293c43}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.65rem;list-style:none;margin:0;padding:0;font-size:.9rem}
.breadcrumbs li+li::before{content:"›";margin-right:.65rem}
.breadcrumbs.section{padding-top:24px;padding-bottom:24px}
.area-main>.area-article{max-width:1040px;margin:auto;padding:0 24px}
.area-hero{padding:40px 0 56px;border-bottom:1px solid #e5d9bc}
.area-eyebrow{font-weight:800;color:#985014;letter-spacing:.04em;margin:0 0 18px}
.area-hero h1{font-size:clamp(1.9rem,3.8vw,3.2rem);line-height:1.45;letter-spacing:.02em;max-width:21em;margin:0 0 24px;text-wrap:balance}
.area-hero h1 span{display:inline-block;max-width:100%}
.area-intro{font-size:1.13rem;line-height:2;max-width:48em}
.area-service-condition{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start;margin:30px 0 24px;padding:24px;background:#fff0c5;border-radius:16px}
.area-label{font-weight:800;white-space:nowrap;color:#724513;border-bottom:3px solid #e3a622;padding:3px 0}
.area-service-condition p{margin:0;line-height:1.9}
.area-text-link{display:inline-block;font-weight:800;text-underline-offset:5px;padding:8px 0;color:#694511}
.area-guide,.area-faq{padding:52px 0}
.area-guide h2,.area-faq h2{font-size:clamp(1.55rem,2.5vw,2rem);line-height:1.55;margin:0 0 22px}
.area-guide>p,.area-steps p,.area-notice p{line-height:1.95}
.area-steps{list-style:none;counter-reset:area-step;margin:30px 0;padding:0;display:grid;gap:18px}
.area-steps li{counter-increment:area-step;position:relative;padding:26px 30px 26px 92px;border:1px solid #eadfc6;border-radius:18px;background:#fff}
.area-steps li::before{content:"0" counter(area-step);position:absolute;left:26px;top:24px;font-size:1.6rem;font-weight:800;color:#ad6217}
.area-steps h3{font-size:1.2rem;margin:0 0 10px;line-height:1.6}
.area-steps p{margin:0}
.area-note{border-left:4px solid #96bba0;padding:8px 0 8px 20px}
.area-notice{background:#fff0cf;border:1px solid #dfc071;border-radius:14px;padding:24px;margin:26px 0}
.area-notice h3{margin:0 0 12px;font-size:1.2rem;line-height:1.6}
.area-notice p{margin:0}
.area-sources{font-size:.92rem;background:#f0f3eb;padding:24px;border-radius:14px;margin-top:28px;line-height:1.8}
.area-sources ul{padding-left:1.3em;margin:12px 0}
.area-sources li+li{margin-top:8px}
.area-sources a{text-underline-offset:3px;overflow-wrap:anywhere;color:#345e45}
.area-sources p{margin:12px 0 0;color:#4f6054}
.area-faq{border-top:1px solid #e5d9bc}
.area-faq details{border-bottom:1px solid #e5d9bc;padding:22px 0}
.area-faq summary{font-weight:800;cursor:pointer;line-height:1.7}
.area-faq details p{line-height:1.95;margin:18px 0 0;max-width:52em}
.area-consult{text-align:center;background:#fff0c5;border-top:1px solid #ead391}
.area-consult>p{max-width:48em;margin:1.5rem auto}
.area-consult .phone-contact{max-width:480px;margin:1.5rem auto}
.area-contact-links{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.area-main a:focus-visible,.area-faq summary:focus-visible{outline:3px solid #a74612;outline-offset:4px}
@media(max-width:600px){.area-main>.area-article{padding:0 20px}.area-hero{padding:22px 0 36px}.area-hero h1 span{display:inline-block;max-width:100%}
.area-intro{font-size:1rem}.area-service-condition{grid-template-columns:1fr;gap:12px;padding:20px}.area-label{justify-self:start}.area-guide,.area-faq{padding:36px 0}.area-steps li{padding:64px 20px 22px}.area-steps li::before{left:20px;top:14px}.area-sources,.area-notice{padding:20px}.area-contact-links{flex-direction:column}.area-consult .phone-contact strong{font-size:1.9rem}}

/* 2026-09-25 guide layout: hero illustration, comparison, recommended order, illustrated steps. */
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.area-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:center}
.area-hero-illust{width:100%;height:auto}
.area-badges{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0 0 26px}
.area-badges li{background:#fff;border:2px solid #f0d58f;border-radius:999px;padding:6px 14px;font-weight:800;font-size:.92rem;color:#8a4a12}
.area-hero-cta{display:inline-block}
.area-compare,.area-flow{padding:52px 0;border-bottom:1px solid #e5d9bc}
.area-compare h2,.area-flow h2{font-size:clamp(1.55rem,2.5vw,2rem);line-height:1.55;margin:0 0 18px}
.area-compare>p,.area-flow>p{line-height:1.95;max-width:48em}
.compare-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:18px;overflow:hidden;border:1px solid #eadfc6;margin:26px 0 12px}
.compare-table th,.compare-table td{padding:16px 18px;text-align:left;vertical-align:top;line-height:1.8;border-bottom:1px solid #f1e8d4}
.compare-table tbody tr:last-child th,.compare-table tbody tr:last-child td{border-bottom:0}
.compare-table thead th{background:#f7f1e3;font-size:1rem}
.compare-table thead th img{display:block;margin:0 0 6px}
.compare-table th[scope=row]{width:8em;color:#724513;white-space:nowrap}
.compare-table .ours{background:#fff6dc}
.compare-table thead th.ours{background:#ffe7a8}
.compare-table td.ours{font-weight:700;color:#5b3a10}
.area-compare-note{font-size:.88rem;color:#6b5a3e}
.area-flow-steps{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.area-flow-steps li{background:#fff;border:1px solid #eadfc6;border-radius:18px;padding:18px 20px 22px;text-align:center}
.area-flow-steps img{width:100%;max-width:220px;height:auto}
.area-flow-steps h3{font-size:1.08rem;margin:10px 0 8px;line-height:1.6}
.area-flow-steps h3 span{display:inline-grid;place-items:center;width:1.8em;height:1.8em;border-radius:50%;background:#ffcc55;color:#5b3a10;margin-right:.4em;font-size:.9rem}
.area-flow-steps p{margin:0;line-height:1.85;text-align:left}
.area-steps li{display:grid;grid-template-columns:72px 1fr;gap:20px;align-items:start;padding:24px 26px}
.area-steps li::before{content:none}
.step-no{display:block;font-size:.82rem;letter-spacing:.08em;color:#ad6217;margin-bottom:4px}
@media(max-width:760px){.area-hero{grid-template-columns:1fr;gap:12px}.area-hero-illust{order:-1;max-width:420px;margin:0 auto}.area-flow-steps{grid-template-columns:1fr}}
@media(max-width:600px){
.compare-table thead{display:none}
.compare-table,.compare-table tbody,.compare-table tr{display:block}
.compare-table tr{border-bottom:1px solid #eadfc6}
.compare-table th[scope=row]{display:block;width:auto;background:#f7f1e3;border:0;padding:12px 16px}
.compare-table td{display:block;border:0;padding:10px 16px}
.compare-table td::before{content:attr(data-label);display:block;font-size:.78rem;font-weight:800;color:#8a6a3a}
.area-steps li{grid-template-columns:52px 1fr;gap:14px;padding:20px 18px}
.area-steps img{width:52px;height:52px}
.area-badges li{font-size:.85rem}
.area-compare,.area-flow{padding:36px 0}}
.area-hero h1{font-size:clamp(1.7rem,2.9vw,2.45rem)}
.area-hero .area-intro{margin-bottom:20px}