/* 芝キング 地域別ページ（/area/）専用スタイル。GPT案をベースに採用（2026-10-12）。全セレクタを .area-lp 配下に限定 */
.area-lp{color:#383e32;background:#fff;font:16px/1.9 "游ゴシック体","游ゴシック","YuGothic","Yu Gothic","Noto Sans JP",sans-serif;overflow-wrap:anywhere}
.area-lp *,.area-lp *::before,.area-lp *::after{box-sizing:border-box}
.area-lp .wrap{width:min(100% - 40px,1130px);margin:auto}
.area-lp .area-title,.area-lp h2,.area-lp h3,.area-lp summary{font-family:"irohamaru",sans-serif;line-height:1.5;color:#383e32;font-weight:500}
.area-lp .area-title{font-size:clamp(28px,5vw,50px);margin:16px 0 20px}
.area-lp h2{font-size:clamp(23px,3vw,32px);margin:8px 0 24px}
.area-lp h3{font-size:18px;margin:10px 0}
.area-lp p{margin:0 0 18px}
.area-lp a{color:inherit;text-underline-offset:5px}
.area-lp a:focus-visible,.area-lp summary:focus-visible{outline:3px solid #383e32;outline-offset:4px}
.area-lp .eyebrow{font:700 12px "Quicksand",sans-serif;letter-spacing:.16em;color:#456520}
.area-lp .section{padding:52px 0}
.area-lp .hero{padding:24px 0 50px;background:radial-gradient(ellipse at right bottom,#cbebaf,transparent 60%),#f2f5e9;border-radius:0 0 36px 36px}
.area-lp .crumbs,.area-lp .chips,.area-lp .tags,.area-lp .nearby{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:24px 0}
.area-lp .crumbs{font-size:12px;margin:0 0 28px}
.area-lp .crumbs li+li::before{content:"›";margin-right:8px}
.area-lp .chips li,.area-lp .tags li{padding:5px 12px;border-radius:50px;background:#fff;font-size:12px;line-height:1.6}
.area-lp .chips li::before{content:"✓ ";color:#456520}
.area-lp .actions{display:flex;flex-wrap:wrap;gap:12px}
.area-lp .button{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;min-height:54px;border:1px solid #d3ddc7;border-radius:50px;background:#fff;text-decoration:none;font-size:15px;font-weight:700;text-align:center}
.area-lp .button.line{background:#06c755;color:#fff;border-color:#06c755}
.area-lp .button:hover{box-shadow:0 5px 16px rgba(56,62,50,.13)}
.area-lp .small,.area-lp .meta{font-size:12px;color:#59644e}
.area-lp .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:22px}
.area-lp .card{min-width:0;border:1px solid #e0e6d7;border-radius:24px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.area-lp .card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#e8f2c7}
.area-lp .card-body{padding:20px;display:flex;flex-direction:column;flex:1}
.area-lp .card h3{font-size:16px}
.area-lp .tags{margin:12px 0 16px}
.area-lp .tags li{background:#f2f5e9}
.area-lp .card-link{margin-top:auto;display:flex;justify-content:space-between;border-top:1px solid #e0e6d7;padding-top:14px;font-size:14px;font-weight:700;text-decoration:none}
.area-lp .insights{padding:28px;border-radius:32px;background:#f2f5e9}
.area-lp .insights ul{padding-left:1.2em;margin:0}
.area-lp .insights li{margin:10px 0}
.area-lp .insights li::marker{color:#456520}
.area-lp .price-section{background:#f2f5e9}
.area-lp .price-box{display:grid;gap:24px;padding:28px;border-radius:28px;background:#fff}
.area-lp .price{font:700 clamp(28px,4vw,42px)/1.5 "Quicksand",sans-serif;margin:12px 0}
.area-lp .price small{font-size:14px}
.area-lp dl{margin:0}
.area-lp dt{font-size:13px}
.area-lp dd{margin:0 0 12px;font-weight:700}
.area-lp .flow{display:grid;gap:12px;list-style:none;padding:0;margin:0;counter-reset:step}
.area-lp .flow li{counter-increment:step;display:flex;gap:16px;align-items:center;padding:18px;border-radius:20px;background:#f2f5e9}
.area-lp .flow li::before{content:"0" counter(step);font:700 24px "Quicksand",sans-serif;color:#456520}
.area-lp .flow strong,.area-lp .flow small{display:block}
.area-lp .flow small{font-size:12px}
.area-lp details{border-bottom:1px solid #dce3d4}
.area-lp summary{display:flex;gap:12px;align-items:center;padding:20px 0;list-style:none;cursor:pointer;font-weight:700}
.area-lp summary::-webkit-details-marker{display:none}
.area-lp summary::before{content:"Q";color:#456520;font-family:"Quicksand",sans-serif}
.area-lp summary::after{content:"+";margin-left:auto}
.area-lp details[open] summary::after{content:"−"}
.area-lp details p{padding:0 24px;font-size:14px}
.area-lp .nearby a{display:block;padding:8px 18px;border:1px solid #dce3d4;border-radius:50px;text-decoration:none;font-size:14px;background:#fff}
.area-lp .nearby a:hover{background:#e8f2c7}
.area-lp .final{text-align:center;padding:36px 24px;background:#e8f2c7;border-radius:36px;margin-bottom:48px}
.area-lp .badge{display:inline-block;padding:4px 15px;background:#faa32d;border-radius:50px;font-size:12px;margin:16px 0}
.area-lp .final .button{width:min(100%,380px)}
/* ハブページ */
.area-lp .hub-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:10px;list-style:none;padding:0;margin:0 0 24px}
.area-lp .hub-list a{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border:1px solid #dce3d4;border-radius:16px;text-decoration:none;background:#fff;font-weight:700}
.area-lp .hub-list a:hover{background:#e8f2c7}
.area-lp .hub-list .count{font:700 13px "Quicksand",sans-serif;color:#456520}
.area-lp .plain-list{font-size:14px;color:#59644e}
@media(min-width:768px){
.area-lp .section{padding:72px 0}
.area-lp .hero{padding-top:150px}
.area-lp .price-box{grid-template-columns:1fr 1fr;padding:40px}
.area-lp .flow{grid-template-columns:repeat(5,minmax(0,1fr))}
.area-lp .flow li{display:block}
.area-lp .insights{padding:42px}
.area-lp .final{padding:52px 40px}
}
/* 監査対応：抜粋と施工前後 */
.area-lp .excerpt{font-size:13px;line-height:1.8;color:#4a5340;margin:4px 0 0}
.area-lp .ba-title{font-size:17px;margin:28px 0 8px}
.area-lp .insights ul.ba{list-style:none;padding:0}
.area-lp .ba li{background:#fff;border-radius:16px;padding:14px 18px;font-size:14px;line-height:1.8}
.area-lp .ba strong{font-size:14px}

/* 料金表 */
.area-lp .price-table{width:100%;border-collapse:collapse;font-size:14px;margin:4px 0 0}
.area-lp .price-table th,.area-lp .price-table td{padding:6px 4px;border-bottom:1px solid #e0e6d7;text-align:left}
.area-lp .price-table td{font-weight:700;text-align:right}
