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

.ftB{
  --acc:#635bff; --ink:#0a2540; --body:#374151; --sub:#4b5563; --line:#e6e9ee;
  background:#fff;padding:clamp(56px,7vw,104px) 24px;
  font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
}
.ftB__in{max-width:1040px;margin:0 auto;display:grid;gap:clamp(48px,6vw,88px)}
.ftB__row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4.5vw,64px);align-items:center}
.ftB__row--rev .ftB__figure{order:-1}
.ftB__num{
  margin:0 0 16px;font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--acc);
}
.ftB__title{margin:0;font-size:clamp(20px,2.6vw,26px);line-height:1.6;font-weight:800;color:var(--ink)}
.ftB__text{margin:16px 0 0;font-size:14.5px;line-height:2;color:var(--body)}
.ftB__list{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:9px}
.ftB__list li{position:relative;padding-left:22px;font-size:13.5px;color:var(--sub)}
.ftB__list li::before{
  content:"";position:absolute;left:0;top:.55em;width:11px;height:6px;
  border-left:2px solid var(--acc);border-bottom:2px solid var(--acc);transform:rotate(-45deg);
}
.ftB__figure{aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#f6f9fc;
  box-shadow:inset 0 0 0 1px var(--line)}
.ftB__mock{width:100%;height:100%}
.ftB__mock--a{background:
  linear-gradient(115deg,rgba(99,91,255,.14) 0%,rgba(0,179,255,.1) 55%,transparent 56%),
  repeating-linear-gradient(0deg,#fff 0 22px,#eef2f7 22px 23px)}
.ftB__mock--b{background:
  radial-gradient(70% 70% at 30% 30%,rgba(99,91,255,.24),transparent 70%),
  repeating-linear-gradient(90deg,#fff 0 26px,#eef2f7 26px 27px)}
@media (max-width:760px){
  .ftB__row,.ftB__row--rev{grid-template-columns:1fr}
  .ftB__row--rev .ftB__figure{order:0}
}