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

.vcC{
  --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;
}
.vcC__in{max-width:960px;margin:0 auto;display:grid;grid-template-columns:250px 1fr;gap:clamp(28px,4.5vw,60px)}
.vcC__score{text-align:center}
.vcC__score b{font-size:clamp(42px,6vw,60px);font-weight:800;color:var(--ink);letter-spacing:-.03em;line-height:1}
.vcC__stars{margin-top:8px;font-size:16px;color:#f0a500;letter-spacing:2px}
.vcC__score p{margin:8px 0 0;font-size:11.5px;color:var(--sub)}
.vcC__bars{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:7px}
.vcC__bars li{display:grid;grid-template-columns:14px 1fr;gap:10px;align-items:center}
.vcC__bars span{font-size:11px;color:var(--sub)}
.vcC__bars i{height:7px;border-radius:99px;background:#eef1f6;position:relative;display:block}
.vcC__bars i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--v);border-radius:99px;background:#f0a500}
.vcC__list{margin:0;padding:0;list-style:none;display:grid;gap:0}
.vcC__list li{padding:22px 0;border-top:1px solid var(--line)}
.vcC__list li:first-child{padding-top:0;border-top:0}
.vcC__meta{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.vcC__meta b{font-size:13.5px;font-weight:800;color:var(--ink)}
.vcC__meta span{font-size:12px;color:#f0a500;letter-spacing:1px}
.vcC__meta time{font-size:11px;color:var(--sub);margin-left:auto}
.vcC__list p{margin:11px 0 0;font-size:13.5px;line-height:1.95;color:var(--body)}
@media (max-width:760px){ .vcC__in{grid-template-columns:1fr} }