:root{color:#223c32;font-synthesis:none;background:#f4f3ec;font-family:Inter,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;line-height:1.75}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline-offset:5px;outline:3px solid #d35a32}header,main,footer{max-width:1280px;margin:auto}header{border-bottom:1px solid #d9ded2;justify-content:space-between;align-items:center;height:110px;padding:0 48px;display:flex}.brand{letter-spacing:-.06em;align-items:center;gap:12px;font-size:21px;font-weight:800;display:flex}.brand-icon{color:#f4f3ec;background:#234b39;border-radius:50%;place-items:center;width:39px;height:39px;font:italic 700 30px Georgia;display:grid}header nav{gap:35px;font-size:13px;font-weight:600;display:flex}header nav span{margin-left:10px}main{padding:0 48px}.eyebrow{letter-spacing:.18em;align-items:center;gap:12px;font-size:11px;font-weight:700;display:flex}.eyebrow:before{content:"";background:#d65d39;border-radius:50%;width:7px;height:7px}h1{letter-spacing:-.06em;margin:24px 0;font-size:clamp(38px,5vw,66px);line-height:1.5}h2{letter-spacing:-.04em;font-size:30px}.pill{color:#60705e;border:1px solid #cbd3c5;border-radius:30px;padding:6px 13px;font-size:11px;display:inline-block}.button{color:#fff;background:#234b39;border-radius:5px;justify-content:space-between;gap:48px;padding:16px 24px;font-size:14px;font-weight:600;display:inline-flex}.section-head{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.region-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.region-card{background:#fafaf5;border:1px solid #d4dbce;border-radius:7px;min-height:170px;padding:25px;transition:transform .2s,background .2s;position:relative}.region-card:hover{background:#e9eddc;transform:translateY(-4px)}.region-card .en{letter-spacing:.12em;color:#829076;font-size:9px}.region-card h3{margin:7px 0;font-size:23px}.region-card p{max-width:85%;margin:0;font-size:11px}.arrow{position:absolute;bottom:22px;right:20px}footer{border-top:1px solid #d9ded2;justify-content:space-between;align-items:center;gap:24px;margin-top:80px;padding:42px 48px;display:flex}footer p,footer small{font-size:10px}.dot{color:#d65d39;font-size:12px}.breadcrumb{color:#65765f;padding-top:30px;font-size:12px;display:block}.empty{text-align:center;background:#eef0e4;border:1px dashed #b8c6b1;border-radius:8px;margin:35px 0;padding:50px}.prefectures{flex-wrap:wrap;gap:10px;display:flex}.notice{color:#697561;font-size:12px}@media (width<=800px){header{height:84px;padding:0 24px}main{padding:0 24px}header nav{gap:16px;font-size:11px}header nav a:last-child{display:none}.region-grid{grid-template-columns:repeat(2,1fr)}.section-head{display:block}footer{flex-wrap:wrap;padding:30px 24px}footer p{width:100%;margin:0}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}:root{color:#584535;background:#fffaf2}header{border-color:#efdfce;height:86px}.brand-icon{color:#fff;background:#e76229}.brand{color:#9b411f}header nav{gap:24px}h1,h2,h3{font-weight:800}h2{color:#994326;font-size:30px}p{color:#806e5d}.eyebrow{color:#c1582d;letter-spacing:.15em}.eyebrow:before{background:#e66b31}.button{color:#fff;background:#e76229;border-radius:50px;box-shadow:0 4px #be471d}.button:hover{background:#d75320}.section-head{text-align:center;margin-bottom:30px;display:block}.section-head .eyebrow{justify-content:center}.section-head h2{margin:12px 0}.section-head p{font-size:13px}.region-card{background:#fffdfa;border-color:#ead5b8;border-radius:12px}.region-card:hover{background:#fff7e7}.region-card .en{color:#aa805c}.region-card p{color:#89725e}.arrow{color:#d65c24}.pill{color:#8d633f;background:#fff8e9;border-color:#e5c9aa}.notice{color:#8a7663;text-align:center;margin-top:22px}.empty{background:#fff1dc;border-color:#e2bf98;border-radius:20px;padding:45px 20px}.breadcrumb{color:#a85a31}.category-intro{text-align:center;padding-top:40px}.category-intro .eyebrow{justify-content:center}.category-intro h1{font-size:clamp(28px,4.5vw,48px)}.category-emoji{font-size:56px}footer{border-color:#ead5b8}footer .dot{color:#e76229}@media (width<=800px){header{padding:0 20px}.brand{gap:8px;font-size:17px}.brand-icon{width:32px;height:32px;font-size:25px}header nav{gap:12px;font-size:10px}main{padding:0 16px}h2{font-size:24px}.region-card{padding:20px 16px}.region-card h3{font-size:21px}}@media (width<=390px){header nav a:nth-child(2){display:none}}
