.works #top_new{
  padding-top: 80px;
}
main.hpw-works{
  --gap:22px; --radius:16px; --shadow:0 8px 24px rgba(0,0,0,.08);
  --border:1px solid #e5e7eb; --ink:#0f172a; --muted:#64748b;
  max-width:1200px; margin:0 auto; padding:28px 20px 60px;
  color:var(--ink); line-height:1.7;
}
main.hpw-works .hpw-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  column-gap:var(--gap);
  row-gap:25px;
}
@media(max-width:980px){
  main.hpw-works .hpw-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  main.hpw-works .hpw-grid{grid-template-columns:1fr}
}
main.hpw-works .hpw-card{
  background:#fff; border:var(--border); border-radius:var(--radius);
  box-shadow:var(--shadow); overflow:hidden;
  display:flex; flex-direction:column; padding-bottom:6px;
}
main.hpw-works .hpw-thumb{display:block; aspect-ratio:16/9; background:#f8fafc}
main.hpw-works .hpw-thumb img{width:100%; height:100%; object-fit:cover; display:block}
main.hpw-works .hpw-title{font-size:18px; margin:10px 16px 4px; line-height:1.4}
main.hpw-works .hpw-title a{color:inherit; text-decoration:none}
main.hpw-works .hpw-title a:hover{text-decoration:underline; text-underline-offset:3px}
main.hpw-works .hpw-meta{
  margin:0 16px 6px; padding:0; list-style:none; font-size:14px; color:var(--muted)
}
main.hpw-works .hpw-meta li{margin:6px 0}
main.hpw-works .hpw-meta span{color:var(--ink); font-weight:600; margin-right:.4em}
main.hpw-works .hpw-meta a{word-break:break-all; overflow-wrap:anywhere}
main.hpw-works .hpw-link{margin:0 16px 12px}
main.hpw-works .hpw-link a{
  display:inline-block; padding:5px 10px; font-size:13px;
  color:#0369a1; background:#f1f5f9; border:1px solid #cbd5e1; border-radius:6px; text-decoration:none
}
main.hpw-works .hpw-link a:hover{background:#e2e8f0; border-color:#94a3b8}

.hpw-works-archive .ttl_wrap{ text-align:center; margin:40px auto 32px }
.hpw-works-archive .ttl_wrap h2{
  font-size:clamp(28px,4vw,40px); font-weight:700; color:#0f172a;
  position:relative; display:inline-block; padding-bottom:12px; margin:0
}
.hpw-works-archive .ttl_wrap h2::after{
  content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%);
  width:60px; height:3px; background-color:#0ea5e9; border-radius:2px
}
.hpw-works-archive .ttl_wrap p{
  margin-top:12px; font-size:16px; color:#64748b; letter-spacing:.05em
}
.hpw-works-archive #top_new{ padding-top:50px }

/* カード下の余白をさらに圧縮 */
main.hpw-works .hpw-card {
  padding-bottom: 0;         /* 既定の 6px → 0 に */
  margin-bottom: 8px;        /* 下の余白を小さく統一 */
}

main.hpw-works .hpw-link {
  margin: 0 16px 6px;        /* 既定の 12px → 6px に */
}
.hpw-intro {
  max-width: 800px;
  margin: 0 auto 40px;
  font-size: 15px;
  line-height: 1.8;
  color: #475569;
  text-align: left;
}
.hpw-intro p {
  text-indent: 1em;
  color: #222;
}
.hpw-intro p a{
  text-decoration: underline;
}
.hpw-intro p.center {
  text-align: center;
  text-indent: 0;
}