:root { --blue:#0757ab; --cyan:#02b9d0; --ink:#17304e; --pale:#f2fbff; --line:#d9e6ef; --muted:#5b6c7e; }
*{box-sizing:border-box} body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;line-height:1.65;background:#fff}.site-header{height:56px;padding:0 clamp(18px,4vw,76px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #edf2f6}.brand{font-size:1.35rem;font-weight:800;letter-spacing:.03em;color:var(--blue);text-decoration:none}.admin-link{font-size:.82rem;color:var(--muted);text-decoration:none}.hero{position:relative;width:100%;aspect-ratio:1668/942;background:url('/public/images/top-hero.png') center/cover no-repeat}.image-search{position:absolute;inset:0}.image-search input{position:absolute;left:44.5%;top:53.5%;width:49%;height:10.8%;padding:0 4% 0 8%;border:3px solid #2879c7;border-radius:10px;background:#fff;color:#1d4d78;font-family:inherit;font-size:clamp(.8rem,1.5vw,1.4rem);font-weight:600;outline:none}.image-search input:focus{box-shadow:0 0 0 3px #0b78d966}.image-search button{position:absolute;left:56.7%;top:66.6%;width:24.3%;height:9.6%;padding:0;border:0;border-radius:12px;color:#fff;background:linear-gradient(100deg,#075cc1,#05acc3);font-family:inherit;font-size:clamp(.9rem,2.2vw,2rem);font-weight:800;cursor:pointer;box-shadow:0 4px 8px #155aa63d}.image-search button::after{content:'⌕  検索'}.image-search button:focus-visible{outline:3px solid #fff;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page{max-width:1040px;margin:0 auto;padding:50px 20px 70px}.page h1{font-size:clamp(1.8rem,4vw,2.7rem);margin:0 0 7px}.lead{margin:0 0 28px;color:var(--muted)}.result-search{display:flex;gap:10px;margin:22px 0 16px}.result-search input{flex:1;padding:12px;border:1px solid #b8cbda;border-radius:8px;font:inherit}.result-search button{padding:10px 23px;border:0;border-radius:8px;background:var(--blue);color:#fff;font:inherit;font-weight:700;cursor:pointer}.status{padding:12px 16px;border-left:4px solid var(--cyan);background:var(--pale);color:var(--muted)}.demand-card{margin:16px 0;padding:24px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 3px 11px #2d58730c}.tag{display:inline-block;padding:3px 11px;border-radius:99px;color:#0c659b;background:#e7f7fb;font-size:.83rem;font-weight:700}.demand-card h2{margin:11px 0 5px;font-size:1.35rem}.area{margin:0;color:#1769a6;font-weight:700}.summary{margin:13px 0 18px;color:#40566c}.detail-button{display:inline-block;padding:9px 18px;border:0;border-radius:7px;color:#fff;background:linear-gradient(100deg,#075cc1,#05acc3);text-decoration:none;font-size:.92rem;font-weight:800}.detail-grid{display:grid;grid-template-columns:180px 1fr;margin:20px 0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.detail-grid dt,.detail-grid dd{margin:0;padding:14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-grid dt{font-weight:800;background:#f3f9fc}.external-link{display:inline-block;margin-top:8px}.back-link{color:var(--blue);font-weight:700}.notice{padding:18px;border-radius:10px;background:#f5faf6;color:#386149}.admin-table{width:100%;border-collapse:collapse;background:#fff}.admin-table th,.admin-table td{padding:9px;border:1px solid var(--line);text-align:left;vertical-align:top}.admin-table th{background:#f1f8fc}.table-wrap{overflow:auto}.error{color:#b21e2b;font-weight:700}footer{padding:22px 5vw;color:#e8f4ff;background:#17476d;text-align:center;font-size:.82rem}@media(max-width:760px){.hero{min-height:390px;background-size:cover;background-position:center top}.image-search input{left:44.5%;top:53.5%;width:49%;height:10.8%;font-size:.75rem}.image-search button{left:56.7%;top:66.6%;width:24.3%;height:9.6%;font-size:.8rem}.page{padding:35px 18px 55px}.detail-grid{grid-template-columns:1fr}.detail-grid dt{padding-bottom:2px;border-bottom:0}.detail-grid dd{padding-top:2px}}