中央見出し+3特徴

<div class="d01-04-09-wrap io-reveal">
          <div class="d01-04-09-head">
            <span class="d01-04-09-ey">FEATURES</span>
            <b>選ばれる3つの理由</b>
          </div>
          <div class="d01-04-09-cards">
            <div class="d01-04-09-card"><span class="d01-04-09-ic">1</span><b>実績豊富</b><p>多数の導入実績。</p></div>
            <div class="d01-04-09-card"><span class="d01-04-09-ic">2</span><b>低コスト</b><p>無駄のない価格設定。</p></div>
            <div class="d01-04-09-card"><span class="d01-04-09-ic">3</span><b>手厚い保守</b><p>安心の運用体制。</p></div>
          </div>
        </div>

.prev.d01-04-09{background:#fbfbfe}
        .d01-04-09-wrap{width:100%;max-width:480px;text-align:center}
        .d01-04-09-head{margin-bottom:20px;opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}
        .d01-04-09-wrap.is-in .d01-04-09-head{opacity:1;transform:none}
        .d01-04-09-ey{display:block;font-size:11px;letter-spacing:.16em;font-weight:800;color:#8a5bfa;margin-bottom:6px}
        .d01-04-09-head b{font-size:19px;color:#1e2440}
        .d01-04-09-cards{display:flex;gap:12px}
        .d01-04-09-card{flex:1;background:#fff;border:1px solid #ecedf5;border-radius:14px;padding:18px 10px;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}
        .d01-04-09-wrap.is-in .d01-04-09-card{opacity:1;transform:none}
        .d01-04-09-wrap.is-in .d01-04-09-card:nth-child(1){transition-delay:.18s}
        .d01-04-09-wrap.is-in .d01-04-09-card:nth-child(2){transition-delay:.31s}
        .d01-04-09-wrap.is-in .d01-04-09-card:nth-child(3){transition-delay:.44s}
        .d01-04-09-ic{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#5b7cfa,#8a5bfa);color:#fff;font-weight:800;font-size:14px;margin-bottom:10px}
        .d01-04-09-card b{display:block;font-size:14px;color:#20263c;margin-bottom:4px}
        .d01-04-09-card p{margin:0;font-size:11.5px;line-height:1.5;color:#6a7288}