:root{--blue:#2c6e8f;--green:#6f8e5a;--white:#f4f7f3;--ink:#263238;--muted:#5e6b70;--line:#d9e1df;--surface:#fff;--soft-blue:#eaf2f5;--soft-green:#eef3e9;--soft-orange:#fbf3e5;--orange:#d59a42}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--white);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",system-ui,sans-serif;line-height:1.7}a{color:var(--blue)}a:hover,a:focus-visible{text-decoration:underline}
.topbar{background:var(--ink);color:#fff;font-size:.82rem}.topbar-inner,header,main,footer>div{max-width:1180px;margin:auto;padding-left:1.25rem;padding-right:1.25rem}.topbar-inner{padding-top:.35rem;padding-bottom:.35rem;text-align:right}
header{background:var(--surface);padding-top:1rem;padding-bottom:.85rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.75rem;color:var(--ink);text-decoration:none}.emblem{width:48px;height:48px}.brand strong{display:block;font-size:1.2rem}.brand small{color:var(--muted);letter-spacing:.06em}.tools{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.tools a{border:1px solid var(--line);padding:.3rem .55rem;font-size:.82rem}
nav{background:var(--blue)}nav .nav{max-width:1180px;margin:auto;display:flex;flex-wrap:wrap}nav a{color:#fff;padding:.55rem .85rem;font-size:.88rem;text-decoration:none}nav a:hover,nav a:focus-visible,nav a.active{background:rgba(255,255,255,.16)}
.breadcrumbs{color:var(--muted);font-size:.82rem;padding-top:1rem}h1{font-size:2rem;margin:1rem 0 .25rem}.lead{color:var(--muted);margin-top:0}.notice{background:var(--soft-blue);border-left:4px solid var(--blue);padding:.8rem 1rem;margin:1.25rem 0}.notice strong{display:block}.notice p{margin:.25rem 0 0}.section{margin:1.5rem 0}.section h2{font-size:1.3rem;border-bottom:2px solid var(--blue);padding-bottom:.35rem;margin-bottom:.75rem}.panel{background:var(--surface);border:1px solid var(--line);padding:1rem}.panel h2,.panel h3{margin:.1rem 0 .45rem}.panel ul{margin:.35rem 0;padding-left:1.2rem}.panel li{margin:.2rem 0}.small{color:var(--muted);font-size:.86rem}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--blue);padding:1rem}.card:nth-child(3n+2){border-top-color:var(--green)}.card:nth-child(3n){border-top-color:var(--orange)}.card h2,.card h3{margin:.05rem 0 .4rem;font-size:1.1rem}.card p{margin:.25rem 0;color:var(--muted);font-size:.9rem}.card ul{margin:.35rem 0;padding-left:1.15rem;font-size:.9rem}.card li{margin:.18rem 0}.quick-list{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}.quick{display:block;background:var(--surface);border:1px solid var(--line);padding:.75rem .85rem;font-weight:700}.quick small{display:block;color:var(--muted);font-weight:400;font-size:.78rem}.quick:hover,.quick:focus-visible{background:var(--soft-blue);border-color:var(--blue);text-decoration:none}
table{width:100%;border-collapse:collapse;background:var(--surface);font-size:.9rem}th,td{border:1px solid var(--line);padding:.65rem .75rem;text-align:left;vertical-align:top}th{background:var(--soft-blue);font-weight:700}.columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.columns .panel{height:100%}.building-photo{display:block;width:100%;height:auto;margin:.7rem 0;border:1px solid var(--line)}.floor-map{display:block;width:100%;height:auto;border:1px solid var(--line);background:#fff}.search-form{display:flex;gap:.55rem;background:var(--surface);border:1px solid var(--line);padding:1rem}.search-form input{flex:1;min-width:0;border:1px solid #aebfc4;padding:.65rem .75rem;font:inherit}.button{border:0;background:var(--blue);color:#fff;padding:.65rem .9rem;font:inherit;cursor:pointer}.result-card{background:var(--surface);border:1px solid var(--line);padding:.75rem 1rem;margin:.6rem 0}.result-card h3{margin:0;font-size:1rem}.result-card p{margin:.15rem 0;color:var(--muted);font-size:.86rem}.step-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem}.step{background:var(--soft-green);border:1px solid #dbe7d5;padding:.8rem}.step strong{display:block;color:#547341;margin-bottom:.2rem}.step p{margin:0;font-size:.84rem}.floor{font-weight:700;color:var(--blue);white-space:nowrap}footer{background:var(--ink);color:#fff;margin-top:2.5rem;padding:1.3rem 0}footer p{margin:.2rem 0;font-size:.82rem;color:rgba(255,255,255,.8)}footer a{color:#fff}
@media(max-width:760px){header{align-items:flex-start;flex-direction:column}.tools{justify-content:flex-start}nav a{flex:1 0 25%;text-align:center}.card-grid{grid-template-columns:repeat(2,1fr)}.quick-list,.columns{grid-template-columns:repeat(2,1fr)}.step-grid{grid-template-columns:repeat(2,1fr)}table{table-layout:fixed}th,td{overflow-wrap:anywhere}.search-form{align-items:stretch;flex-direction:column}}
@media(max-width:430px){nav a{flex-basis:50%}.card-grid,.quick-list,.columns,.step-grid{grid-template-columns:1fr}h1{font-size:1.6rem}.topbar-inner{text-align:left}}