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

.vcA{
  --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;
}
.vcA__in{max-width:1080px;margin:0 auto}
.vcA__title{margin:0 0 clamp(28px,4vw,44px);font-size:clamp(21px,2.9vw,30px);font-weight:800;color:var(--ink);
  text-align:center;letter-spacing:-.01em}
.vcA__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.vcA__grid figure{
  margin:0;background:#fff;border-radius:12px;padding:26px 24px 22px;box-shadow:0 0 0 1px var(--line);
  display:flex;flex-direction:column;
}
.vcA__grid blockquote{margin:0;font-size:14px;line-height:2;color:var(--body);flex:1}
.vcA__grid figcaption{
  margin-top:22px;padding-top:18px;border-top:1px solid var(--line);display:grid;
  grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:1px 12px;align-items:center;
}
.vcA__av{grid-row:span 2;width:40px;height:40px;border-radius:50%}
.vcA__av--a{background:linear-gradient(140deg,#a8c4d8,#4f7fa3)}
.vcA__av--b{background:linear-gradient(140deg,#f0c9c0,#b9705f)}
.vcA__av--c{background:linear-gradient(140deg,#b6cbb2,#5b7d59)}
.vcA__grid b{font-size:13.5px;font-weight:800;color:var(--ink)}
.vcA__grid small{font-size:11.5px;color:var(--sub)}
@media (max-width:880px){ .vcA__grid{grid-template-columns:1fr} }