.filter{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.filter button{font:inherit;border:1px solid var(--line-strong);color:var(--ink);cursor:pointer;background:#ffffff8c;border-radius:2px;padding:7px 16px;font-size:14px;transition:border-color .25s,color .25s,background-color .25s}.filter button:hover{border-color:var(--blue);color:var(--blue-ink)}.filter button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.filter.small button{font-size:13px;font-family:var(--num);padding:5px 12px;font-weight:700}.filter.small button[data-f=""]{font-family:inherit;font-weight:400}.list-wrap{background:var(--card);border-top:1px solid var(--line-strong)}.list{border-collapse:collapse;width:100%;font-size:14.5px}.list thead th{z-index:2;color:var(--sub);text-align:left;border-bottom:1px solid var(--line-strong);white-space:nowrap;background:#eef2f6;padding:10px 14px;font-size:12.5px;font-weight:500;position:sticky;top:66px}.list thead th.c{text-align:center;width:6.5em}.list td{border-bottom:1px solid var(--line);vertical-align:top;padding:12px 14px;line-height:1.7}.list td.c{text-align:center;vertical-align:middle}.list tbody tr{transition:background-color .2s}.list tbody tr:has(a){cursor:pointer}.list tbody tr:has(a):hover{background:#ffffffbf}.list tbody tr[hidden]{display:none}.list .name{font-weight:500}.list .name a{color:var(--ink);transition:color .25s}.list .name a .t{background-image:linear-gradient(var(--blue), var(--blue));transition:background-size .35s var(--ease);background-position:0 100%;background-repeat:no-repeat;background-size:0 1.5px}.list tr:hover .name a{color:var(--blue-ink)}.list tr:hover .name a .t{background-size:100% 1.5px}.list .name a:after{content:"詳細";color:var(--blue-ink);vertical-align:1px;border:1px solid #00a0e973;border-radius:2px;margin-left:10px;padding:1px 7px;font-size:11.5px;font-weight:500}.list .sub{color:var(--sub);font-size:12.5px;display:block}.list .tech{font-family:var(--num);white-space:nowrap;font-weight:700}.list tr.cont .tech{color:#0000}.list .area{color:var(--sub);font-size:13.5px}.dot{border:1.5px solid var(--blue);border-radius:50%;width:12px;height:12px;display:inline-block;position:relative}.dot:after{content:"";background:var(--blue);border-radius:50%;position:absolute;inset:2.5px}.list-note{color:var(--sub);margin-top:12px;font-size:13px}.next-links{flex-wrap:wrap;gap:8px 32px;margin-top:36px;display:flex}.tech-group{border-top:1px solid var(--line);grid-template-columns:14em minmax(0,1fr);gap:8px 32px;padding:18px 0;display:grid}.tech-group:first-of-type{border-top-color:var(--line-strong)}.tech-group h3{letter-spacing:.04em;font-size:16.5px;line-height:1.6}.tags{flex-wrap:wrap;gap:6px;list-style:none;display:flex}.tags li{border:1px solid var(--line-strong);background:#ffffff8c;border-radius:2px;padding:4px 11px;font-size:13.5px}.tech-group p{font-size:14.5px;line-height:1.9}.tech-group dl{grid-template-columns:auto 1fr;gap:4px 16px;font-size:14.5px;line-height:1.8;display:grid}.tech-group dt{color:var(--sub)}.case-body{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:48px;display:grid}.case-body .desc{line-height:2.05}.case-figs{gap:20px;display:grid}.case-figs figure button{aspect-ratio:4/3;border:0;border-top:1px solid var(--line-strong);cursor:zoom-in;background:#fff;border-radius:2px;width:100%;padding:0;transition:border-color .3s;display:block;position:relative;overflow:hidden}.case-figs img{object-fit:contain;width:calc(100% - 32px);height:calc(100% - 32px);transition:transform .6s var(--ease);position:absolute;inset:16px}.case-figs figure button:hover{border-top-color:var(--blue)}.case-figs figure button:hover img{transform:scale(1.03)}.case-figs figcaption{color:var(--sub);margin-top:8px;font-size:13.5px}.pager{border-top:1px solid var(--line);justify-content:space-between;gap:16px;margin-top:40px;padding-top:20px;display:flex}.zoom{background:#fff;border:0;border-radius:3px;max-width:min(92vw,1100px);max-height:90vh;margin:auto;padding:0;inset:0;box-shadow:0 30px 80px -20px #14283c73}.zoom::backdrop{background:#1f2a338c}.zoom img{object-fit:contain;width:min(86vw,960px);height:auto;max-height:78vh;margin:0 auto;padding:44px 24px 12px;display:block}.zoom p{color:var(--sub);padding:0 24px 16px;font-size:13.5px}.zoom button{border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;background:#fff;width:36px;height:36px;font-size:18px;line-height:1;position:absolute;top:8px;right:8px}@media (width<=960px){.list thead th{top:60px}.tech-group{grid-template-columns:1fr}.case-body{grid-template-columns:1fr;gap:28px}}@media (width<=600px){.list{font-size:13.5px}.list td,.list thead th{padding:10px 8px}.list{table-layout:fixed}.list thead th.c{white-space:normal;text-align:center;width:3.4em;padding:8px 2px;font-size:11px;line-height:1.35}.list td{overflow-wrap:anywhere}.list td.c{padding:10px 2px}.list .name a:after{margin:2px 0 0 6px;display:inline-block}.list .tech{white-space:normal}}