/* ══ 下層ページ ══════════════════════════════════
   トップと同じ部品を使い回している。
   WordPressでは archive.php / single.php がこの形で出す。 */
.pg{padding:64px 0 96px;background:var(--paper)}
.pin{max-width:1180px;margin:0 auto;padding:0 44px}
.pan{font-size:12.5px;color:var(--ink2);letter-spacing:.08em;margin-bottom:26px}
.pan b{font-weight:400;color:var(--ink)}
.pgh{text-align:center;margin-bottom:44px}
.pgh .en{display:block;font-size:12.5px;letter-spacing:.4em;color:var(--or);margin-bottom:12px;font-weight:700}
.pgh h1{font-family:var(--m);font-size:31px;letter-spacing:.18em;margin:0 0 14px;font-weight:600}
.pgh p{margin:0;font-size:13.5px;color:var(--ink2);line-height:1.9}
.cats{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-bottom:42px}
.cats span{font-size:12.5px;letter-spacing:.08em;padding:9px 20px;border-radius:999px;
  border:1px solid var(--line);color:var(--ink2);background:#fff}
.cats span.on{background:var(--or);border-color:var(--or);color:#fff}
.cats span i{font-style:normal;opacity:.6;margin-left:6px;font-size:11.5px}

/* 記事の一覧 */
.blist{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.bc{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;
  box-shadow:0 3px 14px rgba(20,20,20,.06)}
.bc>img{width:100%;height:186px;object-fit:cover;display:block}
.bc .b{padding:20px 22px 24px}
.bc .d{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.bc .d time{font-size:12px;color:var(--ink2);letter-spacing:.12em}
.bc .d em{font-style:normal;font-size:11px;letter-spacing:.08em;padding:4px 10px;
  border-radius:4px;background:var(--or);color:#fff}
.bc h3{font-family:var(--m);font-size:16.5px;letter-spacing:.06em;margin:0 0 10px;
  font-weight:600;line-height:1.72}
.bc p{margin:0;font-size:12.5px;color:var(--ink2);line-height:1.9}
.pager{display:flex;gap:8px;justify-content:center;margin-top:52px}
.pager span{min-width:42px;height:42px;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--line);border-radius:8px;font-size:13.5px;background:#fff;color:var(--ink2)}
.pager span.on{background:var(--or);border-color:var(--or);color:#fff}

/* 記事そのもの */
.art{max-width:820px;margin:0 auto}
.arth{padding-bottom:26px;border-bottom:1px solid var(--line);margin-bottom:36px}
.arth .d{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.arth .d time{font-size:12.5px;color:var(--ink2);letter-spacing:.12em}
.arth .d em{font-style:normal;font-size:11px;letter-spacing:.08em;padding:4px 10px;
  border-radius:4px;background:var(--or);color:#fff}
.arth h1{font-family:var(--m);font-size:28px;letter-spacing:.1em;margin:0;font-weight:600;line-height:1.72}
.artb p{font-size:14.5px;line-height:2.2;color:var(--ink2);margin:0 0 24px}
.artb figure{margin:0 0 28px}
.artb figure img{width:100%;max-height:520px;object-fit:cover;border-radius:10px;display:block}
/* 縦長の写真をそのまま出すと1枚で画面が埋まるので、高さで止める */
.artb figcaption{margin-top:11px;font-size:12.5px;color:var(--ink2);letter-spacing:.04em}
.spec{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px 28px;margin:0 0 30px}
.spec b{display:block;font-family:var(--m);font-size:15px;letter-spacing:.1em;margin-bottom:14px;font-weight:600}
.spec dl{margin:0;display:grid;grid-template-columns:120px 1fr;gap:9px 0;font-size:13.5px}
.spec dt{color:var(--ink2);letter-spacing:.08em}
.spec dd{margin:0}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:56px;padding-top:34px;
  border-top:1px solid var(--line)}
.pn a{display:block;background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 22px}
.pn a span{display:block;font-size:11.5px;color:var(--or);letter-spacing:.12em;margin-bottom:7px;font-weight:700}
.pn a b{font-family:var(--m);font-size:14.5px;font-weight:600;letter-spacing:.04em;line-height:1.7}
.pn .nx{text-align:right}

/* 施工事例の一覧 */
.wlist{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.wc{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;
  box-shadow:0 3px 14px rgba(20,20,20,.06)}
.wc .two{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.wc .two figure{margin:0;position:relative;background:#111}
.wc .two img{width:100%;height:148px;object-fit:cover;display:block}
.wc .lb{position:absolute;left:0;top:0;font-size:10px;letter-spacing:.16em;padding:5px 11px;
  color:#fff;background:rgba(20,20,20,.78)}
.wc .lb.af{background:var(--or)}
.wc .b{padding:19px 21px 22px}
.wc h3{font-family:var(--m);font-size:16px;letter-spacing:.06em;margin:0 0 10px;font-weight:600;line-height:1.7}
.wc .m{font-size:12.5px;color:var(--ink2);letter-spacing:.06em;margin-bottom:12px}
.wc .tg{display:flex;gap:6px;flex-wrap:wrap}
.wc .tg span{font-size:11px;padding:4px 9px;border-radius:4px;background:var(--paper);
  color:var(--ink2);border:1px solid var(--line)}
@media(max-width:860px){
  .blist,.wlist{grid-template-columns:1fr}
  .pin{padding:0 18px}
}