.areas-page{padding-block:80px}.areas-page h1{margin:20px 0;font-size:clamp(30px,4vw,52px);line-height:1.3;letter-spacing:-.04em;word-break:keep-all}.areas-intro{max-width:640px;color:var(--color-muted);line-height:1.8}.areas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-block:40px}.areas-grid>a{padding:24px;border:1px solid var(--color-line);border-radius:16px;background:var(--color-paper)}.areas-grid>a:hover{border-color:var(--color-primary);background:var(--color-soft-blue)}.areas-grid a:focus-visible,.areas-note a:focus-visible{outline:3px solid var(--color-primary);outline-offset:4px}.areas-name{display:flex;align-items:center;justify-content:space-between;font-size:22px;font-weight:700}.areas-name svg{color:var(--color-primary)}.areas-detail,.areas-service{display:block;margin-top:12px;font-size:15px}.areas-detail{color:var(--color-muted)}.areas-note{padding:28px;border-radius:16px;background:var(--color-cloud)}.areas-note h2{font-size:22px;font-weight:700}.areas-note p{max-width:760px;margin-block:16px;line-height:1.8;color:var(--color-muted)}.areas-note a{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--color-primary);font-weight:600}@media (max-width:800px){.areas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.areas-page{padding-block:48px}.areas-grid{grid-template-columns:1fr}}