/* 施工事例ギャラリー（2026-09-26）＝3分類の見出し・枚数・チップ・4:3グリッド・拡大表示。丸い水彩飾りなし・文字13px以上 */
.works-gallery{--wg-navy:#1b3a5c;--wg-gold:#a8783a;--wg-paper:#f4f6f9;--wg-line:#dfe4ea}
.works-note{margin:0 0 14px;font-size:15px;color:#4d5a67}
.works-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 34px}
.works-tabs a{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border:1px solid var(--wg-line);border-radius:999px;background-color:#fff;color:var(--wg-navy);font-size:16px;font-weight:500;text-decoration:none;transition:background-color .15s,border-color .15s}
.works-tabs a:hover{background-color:var(--wg-paper);border-color:#b9c7d6}
.works-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 9px;border-radius:999px;background-color:var(--wg-paper);color:var(--wg-gold);font-size:13px;font-weight:700;letter-spacing:.02em}
.works-group{scroll-margin-top:170px;background-color:var(--wg-paper);border-radius:28px;padding:30px 30px 26px;margin:0 0 26px}
.works-group-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin:0 0 18px}
.works-group-head h3{display:flex;align-items:center;gap:12px;margin:0;font-size:24px!important;line-height:1.5;color:var(--wg-navy)}
.works-group-head h3 .works-count{background-color:#fff}
.works-lead{margin:0;font-size:15.5px;line-height:1.8;color:#000}
.works-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.works-grid li{margin:0;padding:0}
.works-grid li::before{content:none}
.works-thumb{display:block;border-radius:16px;overflow:hidden;background-color:#e6ebf1;transition:transform .2s,box-shadow .2s}
.works-thumb:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(27,58,92,.14)}
.works-thumb:focus-visible{outline:3px solid var(--wg-gold);outline-offset:3px}
.works-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.works-more{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin:18px 0 0;font-size:14px;color:#4d5a67}
.works-more .text-link{font-size:15px}
@media(max-width:960px){.works-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.works-group{scroll-margin-top:90px;padding:24px 18px 20px;border-radius:24px}}
@media(max-width:640px){
  .works-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-right:-20px;padding-right:20px;scrollbar-width:none}
  .works-tabs::-webkit-scrollbar{display:none}
  .works-tabs a{flex:none;height:42px;padding:0 16px;font-size:15px}
  .works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .works-group-head h3{font-size:21px!important}
  .works-thumb{border-radius:12px}
}
/* 拡大表示 */
.wg-lightbox{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background-color:rgba(10,20,32,.92);padding:56px 64px 72px}
.wg-lightbox[hidden]{display:none}
.wg-lightbox img{display:block;max-width:100%;max-height:calc(100vh - 150px);width:auto;height:auto;border-radius:8px;box-shadow:0 20px 50px rgba(0,0,0,.4)}
.wg-cap{position:absolute;left:0;right:0;bottom:22px;text-align:center;color:#fff;font-size:15px;letter-spacing:.06em}
.wg-btn{position:absolute;display:grid;place-items:center;width:52px;height:52px;border:0;border-radius:50%;background-color:rgba(255,255,255,.14);color:#fff;font-size:26px;line-height:1;cursor:pointer;transition:background-color .15s}
.wg-btn:hover,.wg-btn:focus-visible{background-color:rgba(255,255,255,.28);outline:none}
.wg-close{top:14px;right:14px;font-size:30px}
.wg-prev{left:10px;top:50%;transform:translateY(-50%)}
.wg-next{right:10px;top:50%;transform:translateY(-50%)}
@media(max-width:640px){.wg-lightbox{padding:60px 8px 70px}.wg-prev,.wg-next{top:auto;bottom:12px;transform:none;width:46px;height:46px}.wg-prev{left:14px}.wg-next{right:14px}.wg-cap{bottom:26px}}