/* ===== 実績紹介 ===== */
.works-page{background:linear-gradient(180deg,#fff 0%,#eef1f5 100%)}
.works{padding:80px 0 110px}
.works .container{max-width:1000px}

.wk-list{margin:0 auto 40px}
.wk-list li{display:grid;grid-template-columns:70px 1fr 260px;align-items:center;gap:16px;
  padding:16px 8px;border-bottom:1px solid #d5dbe2}
.wk-cat{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;color:var(--navy);position:relative;padding-left:24px}
.wk-cat::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;border:3px solid currentColor}
.wk-cat.dev{color:#2f6fb0}
.wk-cat.mid{color:#3f9d6a}
.wk-cat.buy{color:#c0392b}
.wk-list b{font-weight:700;color:var(--ink);letter-spacing:.03em}
.wk-loc{color:var(--gray);font-size:.9rem}
.wk-more{text-align:center;margin-top:30px}
/* VIEW MORE: テキスト下に「上から徐々に大きくなる縦3点」(原本6_実績紹介.png準拠、SVG再現) */
.wk-more .btn.vm{flex-direction:column;gap:14px;border:0;background:transparent;color:var(--navy);padding:10px 30px;letter-spacing:.18em}
.wk-more .btn.vm:hover{background:transparent;color:var(--accent)}
.wk-more .vm-dots{display:block}
.wk-more .vm-dots circle{fill:var(--navy);transition:fill .3s}
.wk-more .btn.vm:hover .vm-dots circle{fill:var(--accent)}

.wk-map{margin:24px auto 90px;max-width:1000px}
.wk-map-box{position:relative;aspect-ratio:16/8;border-radius:2px;box-shadow:0 2px 12px rgba(30,51,80,.08);overflow:hidden;background:#e7ebf0}
.wk-map-legend{display:flex;justify-content:center;gap:26px;margin-top:16px;font-size:.85rem;color:var(--gray)}
.wk-map-legend li{display:flex;align-items:center;gap:8px}
.wk-map-legend .lg{width:14px;height:14px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:inline-block}
.wk-map-legend .lg.dev{background:#2f6fb0}.wk-map-legend .lg.mid{background:#3f9d6a}.wk-map-legend .lg.buy{background:#c0392b}

.wk-pick{max-width:1000px}
.wk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 30px}
.wk-img{position:relative;aspect-ratio:4/3;background-size:cover;background-position:center}
.wk-badge{position:absolute;left:0;bottom:0;background:var(--navy);color:#fff;font-size:.78rem;padding:6px 16px;letter-spacing:.06em}
.wk-badge.dark{background:#3a4a5e}
.wk-card figcaption{padding:14px 2px}
.wk-card b{display:block;color:var(--navy);font-size:1.05rem;margin-bottom:4px}
.wk-card small{color:var(--gray);font-size:.86rem}


@media(max-width:760px){
  .wk-list li{grid-template-columns:64px 1fr;gap:6px 12px}
  .wk-loc{grid-column:2;font-size:.82rem}
  .wk-grid{grid-template-columns:1fr 1fr;gap:26px 16px}
}
@media(max-width:440px){
  .wk-grid{grid-template-columns:1fr}
}