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

.arB{
  --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(24px,3vw,40px) 24px clamp(44px,6vw,80px);
}
.arB__in{max-width:720px;margin:0 auto}
.arB__in > *{margin:0 0 26px}
.arB__in > *:last-child{margin-bottom:0}
.arB__lead{font-size:16.5px;line-height:2.1;color:var(--ink);font-weight:500}
.arB__in h2{
  margin-top:44px;font-size:clamp(19px,2.6vw,24px);font-weight:800;color:var(--ink);line-height:1.6;
  padding-left:16px;border-left:4px solid var(--acc);
}
.arB__in h3{margin-top:36px;font-size:17px;font-weight:800;color:var(--ink)}
.arB__in p{font-size:15px;line-height:2.15;color:var(--body)}
.arB__in strong{font-weight:800;color:var(--ink);background:linear-gradient(transparent 62%,rgba(99,91,255,.2) 62%)}
.arB__in blockquote{
  margin-left:0;margin-right:0;padding:22px 24px;background:#f6f9fc;border-radius:12px;
  font-size:14.5px;line-height:2;color:var(--body);box-shadow:inset 3px 0 0 var(--acc);
}
.arB__in ul{padding-left:0;list-style:none;display:grid;gap:12px}
.arB__in li{position:relative;padding-left:24px;font-size:14.5px;line-height:1.95;color:var(--body)}
.arB__in li::before{content:"";position:absolute;left:2px;top:.72em;width:7px;height:7px;border-radius:50%;background:var(--acc)}