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

.jbC{
  --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;
}
.jbC__in{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,4.5vw,56px);align-items:start}
.jbC__ph{aspect-ratio:3/4;border-radius:12px;background:linear-gradient(155deg,#a8c4d8,#3f6a8c)}
.jbC__fig figcaption{margin-top:12px;font-size:11.5px;color:var(--sub)}
.jbC__eyebrow{margin:0 0 14px;font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--acc)}
.jbC__body h2{margin:0;font-size:clamp(21px,3vw,30px);line-height:1.55;font-weight:800;color:var(--ink);letter-spacing:-.01em}
.jbC__body blockquote{
  margin:24px 0 0;padding:20px 22px;background:#f6f9fc;border-radius:12px;font-size:15px;line-height:2;
  color:var(--ink);font-weight:500;box-shadow:inset 3px 0 0 var(--acc);
}
.jbC__body p{margin:20px 0 0;font-size:14px;line-height:2.05;color:var(--body)}
.jbC__more{display:inline-block;margin-top:22px;font-size:13.5px;font-weight:700;color:var(--acc);text-decoration:none}
@media (max-width:800px){ .jbC__in{grid-template-columns:1fr} .jbC__ph{aspect-ratio:4/3} }