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

.unLn{
  --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:#fff;padding:clamp(52px,6.5vw,96px) 24px;
}
.unLn__in{max-width:860px;margin:0 auto}
.unLn__title{margin:0 0 clamp(20px,3vw,32px);font-size:clamp(21px,2.9vw,30px);font-weight:800;color:var(--ink);letter-spacing:-.01em}
.unLn__list{margin:0;padding:0;list-style:none}
.unLn__list a{
  display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:20px;padding:22px 0;
  border-top:1px solid var(--line);text-decoration:none;position:relative;
}
.unLn__list li:last-child a{border-bottom:1px solid var(--line)}
.unLn__list a::after{
  content:"";position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:var(--acc);
  transform:scaleX(0);transform-origin:left;transition:transform .42s cubic-bezier(.16,.84,.24,1);
}
.unLn__list a:hover::after{transform:scaleX(1)}
.unLn__list time{font-size:11.5px;color:var(--sub);font-variant-numeric:tabular-nums}
.unLn__t{font-size:15.5px;font-weight:700;color:var(--ink);line-height:1.65;transition:color .2s}
.unLn__list a:hover .unLn__t{color:var(--acc)}
.unLn__list em{font-style:normal;font-size:11px;font-weight:700;color:var(--sub);background:#f6f9fc;
  padding:5px 11px;border-radius:99px;white-space:nowrap}
.unLn__more{
  display:inline-flex;align-items:center;gap:8px;margin-top:30px;font-size:13.5px;font-weight:700;color:var(--acc);
  text-decoration:none;transition:gap .18s;
}
.unLn__more::after{content:"→"}
.unLn__more:hover{gap:13px}
@media (max-width:640px){
  .unLn__list a{grid-template-columns:1fr auto;gap:6px 12px;padding:18px 0}
  .unLn__list time{grid-column:1/-1}
}