html,body{margin:0;background:#fff}

.ntC{
  --acc:#635bff; --ink:#0a2540; --body:#374151; --sub:#4b5563; --line:#e6e9ee;
  font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
  background:#f6f9fc;padding:clamp(44px,5.5vw,80px) 24px;
}
.ntC__in{max-width:820px;margin:0 auto}
.ntC__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}
.ntC__head h2{margin:0;font-size:clamp(19px,2.6vw,26px);font-weight:800;color:var(--ink);letter-spacing:-.01em}
.ntC__head a{font-size:12.5px;font-weight:700;color:var(--acc);text-decoration:none}
.ntC__list{margin:0;padding:0;list-style:none;background:#fff;border-radius:12px;box-shadow:0 0 0 1px var(--line);overflow:hidden}
.ntC__list a{
  display:grid;grid-template-columns:96px 74px 1fr;gap:16px;align-items:center;padding:16px 20px;
  text-decoration:none;border-top:1px solid var(--line);transition:background .12s;
}
.ntC__list li:first-child a{border-top:0}
.ntC__list a:hover{background:#f8fbff}
.ntC__list time{font-size:11.5px;color:var(--sub);font-variant-numeric:tabular-nums}
.ntC__list em{
  font-style:normal;font-size:10.5px;font-weight:800;text-align:center;padding:5px 0;border-radius:4px;
  background:#eef1f6;color:var(--sub);
}
.ntC__list em.is-imp{background:rgba(192,57,43,.1);color:#c0392b}
.ntC__list em.is-new{background:rgba(14,124,90,.1);color:#0e7c5a}
.ntC__list span{font-size:14px;color:var(--ink);line-height:1.6}
.ntC__list a:hover span{color:var(--acc)}
@media (max-width:640px){
  .ntC__list a{grid-template-columns:auto 1fr;gap:8px 12px;padding:14px 16px}
  .ntC__list span{grid-column:1/-1}
}