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

.awB{
  --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(52px,6.5vw,96px) 24px;
}
.awB__in{max-width:800px;margin:0 auto}
.awB__eyebrow{margin:0 0 12px;font-size:11px;font-weight:800;letter-spacing:.22em;color:var(--acc)}
.awB__head h2{margin:0 0 clamp(24px,3.5vw,38px);font-size:clamp(21px,2.9vw,30px);font-weight:800;color:var(--ink);letter-spacing:-.01em}
.awB__list{margin:0;padding:0;list-style:none}
.awB__list li{
  display:grid;grid-template-columns:64px 1fr auto;gap:20px;align-items:center;padding:22px 0;
  border-top:1px solid var(--line);
}
.awB__list li:last-child{border-bottom:1px solid var(--line)}
.awB__list time{font-size:14px;font-weight:800;color:var(--sub);font-variant-numeric:tabular-nums}
.awB__list h3{margin:0;font-size:16px;font-weight:800;color:var(--ink)}
.awB__list p{margin:7px 0 0;font-size:12.5px;color:var(--body)}
.awB__m{
  font-size:11px;font-weight:800;color:var(--acc);background:rgba(99,91,255,.1);padding:6px 12px;border-radius:99px;
  white-space:nowrap;
}
@media (max-width:600px){
  .awB__list li{grid-template-columns:auto 1fr;gap:8px 16px}
  .awB__m{grid-column:2;justify-self:start}
}