.prose-article.region-page{width:100%;max-width:980px;color:#26372f;padding-top:36px}.region-page :is(h2,h3,section[id],div[id]){scroll-margin-top:96px}.prose-article.region-page>h2{margin-top:52px;padding:20px 0 0;border-left:0;border-top:1px solid #dce4da;font-size:clamp(21px,2.3vw,26px);line-height:1.6}.region-page>p{max-width:76ch;line-height:2}.region-page .region-hero{margin-bottom:36px;padding:34px 36px;border:1px solid #dce4da;border-radius:16px;background:#f5f7f1}.region-page .region-eyebrow{margin:0 0 12px;color:#58715f;font-size:12px;font-weight:500;line-height:1.7;letter-spacing:.09em}.region-page .region-hero h1{margin:0 0 20px;padding:0;border:0;color:#214832;font-size:clamp(26px,3.4vw,36px);line-height:1.6}.region-page .region-lead{max-width:72ch;margin-block:0;margin-inline:0;color:#48574d;font-size:15px;line-height:2}.region-page .region-jump-nav{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:24px;padding-top:20px;border-top:1px solid #dce4da}.region-page .region-jump-nav a,.region-page .region-back-link{display:inline-block;padding:5px 0;color:#345c40;font-size:13px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#9bae99}.region-page .region-back-link{margin-top:18px}.region-page .region-topic-directory{margin:36px 0}.region-page .region-section-heading h2{margin:0 0 20px;padding:0;border:0;color:#26372f;font-size:23px;line-height:1.7}.region-page .region-section-heading .region-eyebrow{margin-bottom:6px}.region-page .region-primary-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.region-page .region-primary-topics>a{display:block;padding:22px 24px;border:1px solid #dce4da;border-radius:10px;background:#fff;color:#214832;text-decoration:none;transition:background .15s,border-color .15s}.region-page .region-primary-topics>a:hover{border-color:#799372;background:#f7f9f4}.region-page .region-topic-name{display:flex;justify-content:space-between;gap:12px;font-size:18px;font-weight:500;line-height:1.6}.region-page .region-topic-name>span{color:#7d9278}.region-page .region-topic-description{display:block;margin-top:8px;color:#65715f;font-size:13px;line-height:1.7}.region-page .region-more-topics{margin:14px 0 0;border:1px solid #dce4da;border-radius:10px;background:#fff}.region-page .region-more-topics summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;color:#405349;font-size:14px;font-weight:500;cursor:pointer}.region-page .region-more-topics summary>span{flex-shrink:0;color:#68775f;font-size:12px}.region-page .region-more-topics summary:after{display:none}.region-page .region-secondary-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;padding:0 22px 16px}.region-page .region-secondary-topics a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid #e6ebe3;color:#405349;font-size:13px;text-decoration:none}.region-page .region-secondary-topics a:hover{color:#214832;text-decoration:underline;text-underline-offset:4px}.region-page :is(.region-primary-topics a,.region-more-topics summary,.region-jump-nav a,.region-back-link):focus-visible{outline:3px solid #527259;outline-offset:4px}.region-page .region-metrics{margin:36px 0;padding:24px;border-color:#dce4da;border-radius:12px;background:#f7f8f4}.region-page .region-metrics h2{padding:0;border:0;font-size:20px;line-height:1.7}.region-page .region-metrics>p{font-size:13px;line-height:1.9;margin:12px 0 20px;color:#5b685e}.region-page .region-metrics .grid{gap:10px}.region-page .region-metrics .grid>:is(a,div){padding:14px 10px;border-color:#e0e6dc;border-radius:8px}.region-page .region-metrics .grid p:first-child{margin-bottom:5px;color:#647260;font-size:12px}.region-page .region-metrics .grid p:last-child{font-size:23px;line-height:1.5;font-variant-numeric:tabular-nums}.region-page .region-pref-safety .grid p:last-child{font-size:20px}.region-page .region-pref-reference{padding:22px 24px;border-color:#dce4da;border-radius:10px}.region-page .region-pref-reference p{font-size:13px;line-height:1.9}.region-page .city-price-summary table{border:1px solid #dce4da;font-size:14px}.region-page .city-price-summary :is(th,td){padding:16px}.region-page .city-price-summary td[data-label=坪単価の中央値] .text-num{font-size:18px}.region-page .city-district-prices{border:1px solid #dce4da;border-radius:10px}.region-page .city-district-prices :is(th,td){padding:14px 16px;font-size:13px}@media(min-width:900px){.region-page .region-primary-topics{grid-template-columns:repeat(4,minmax(0,1fr))}.region-page .region-primary-topics>a{padding:22px 18px}}@media(max-width:640px){.prose-article.region-page{padding-top:24px;padding-bottom:32px}.region-page .region-hero{margin-bottom:28px;padding:24px 20px;border-radius:12px}.region-page .region-hero h1{margin-bottom:16px;font-size:26px;line-height:1.65}.region-page .region-lead{font-size:14px;line-height:1.95}.region-page .region-jump-nav{gap:6px 16px;margin-top:20px}.region-page .region-primary-topics{gap:10px}.region-page .region-primary-topics>a{padding:18px 14px}.region-page .region-topic-name{font-size:16px;gap:4px}.region-page .region-topic-description{font-size:12px}.region-page .region-more-topics summary{padding:16px;font-size:13px}.region-page .region-secondary-topics{grid-template-columns:1fr;padding:0 16px 12px}.region-page .region-metrics{padding:20px 16px}.region-page .region-livability .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.region-page .region-livability .grid>a:first-child{grid-column:1 / -1}.region-page .region-pref-safety .grid{grid-template-columns:1fr}.region-page .region-pref-safety .grid>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 14px}.region-page .region-pref-safety .grid p:first-child{margin-bottom:0}.region-page .city-price-summary{overflow:visible}.region-page .city-price-summary table{display:block;min-width:0;border:0;background:none;overflow:visible}.region-page .city-price-summary thead{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.region-page .city-price-summary tbody{display:block}.region-page .city-price-summary tr{display:block;margin-bottom:12px;padding:18px;border:1px solid #dce4da;border-radius:10px;background:#fff}.region-page .city-price-summary td{display:block;padding:6px 0;border:0;text-align:left;white-space:normal}.region-page .city-price-summary td:first-child{padding-top:0;color:#214832;font-size:16px;font-weight:500}.region-page .city-price-summary td[data-label]:before{content:attr(data-label);display:block;margin:6px 0 4px;color:#6b7766;font-size:12px;line-height:1.6}.region-page .city-price-summary td[data-label=坪単価の中央値] .text-num{font-size:23px}.region-page .city-district-prices :is(th,td):nth-child(2){position:sticky;left:0;background:#fafcf7;box-shadow:1px 0 #dce4da}}.region-page details.region-more-topics{padding:0}.region-page details.region-more-topics[open]{padding-bottom:0}.region-page .region-more-topics summary{margin:0;background:transparent}.region-page .region-more-topics[open] summary{margin-bottom:0}.region-page .region-more-topics summary:after{content:"+";display:block;color:#58715f}.region-page .region-more-topics[open] summary:after{content:"−"}.region-page .region-hero-with-photo{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;padding:30px;background:#f2f6ed}.region-page .region-hero-with-photo .region-hero-copy{align-self:center;min-width:0}.region-page .region-hero-with-photo h1{font-size:clamp(25px,2.8vw,32px);line-height:1.65}.region-page .region-hero-purpose{margin:18px 0 0;padding-left:14px;border-left:3px solid #8aa875;color:#395740;font-size:13px;line-height:1.85}.region-page .region-hero-photo{margin:0;min-width:0}.region-page .region-hero-photo img{display:block;width:100%;height:310px;-o-object-fit:cover;object-fit:cover;-o-object-position:center 50%;object-position:center 50%;border-radius:10px}.region-page .region-hero-photo figcaption{font-size:11px;line-height:1.8;color:#65705d;margin-top:9px}.region-page .region-hero-photo a{color:#536948;text-underline-offset:3px}.region-page .region-hero-with-photo .region-jump-nav{grid-column:1 / -1;margin-top:0}@media(max-width:700px){.region-page .region-hero-with-photo{grid-template-columns:minmax(0,1fr);gap:22px;padding:22px 20px}.region-page .region-hero-with-photo .region-hero-photo img{height:auto;aspect-ratio:16 / 9}.region-page .region-hero-with-photo .region-jump-nav{margin-top:0;gap:6px 16px}}.region-page .region-title-phrase{display:inline-block}
