フェードアップリビール

<div class="card08-01-01 io-reveal">
          <span class="ic08-01-01">✦</span>
          <h4>ふわっと登場</h4>
          <p>画面に入ると下からふわっと浮かび上がります。スクロールで往復すると何度でも再生されます。</p>
        </div>

.d08-01-01{background:#f6f7fb;}
        .d08-01-01 .card08-01-01{
          max-width:300px;padding:26px 24px;background:#fff;border-radius:14px;
          box-shadow:0 12px 30px rgba(30,40,80,.12);text-align:center;
          opacity:0;transform:translateY(34px);
          transition:opacity .7s ease,transform .7s cubic-bezier(.22,.9,.3,1);
        }
        .d08-01-01 .card08-01-01.is-in{opacity:1;transform:translateY(0);}
        .d08-01-01 .ic08-01-01{
          display:inline-flex;width:44px;height:44px;border-radius:50%;
          align-items:center;justify-content:center;font-size:20px;color:#fff;
          background:linear-gradient(135deg,#6366f1,#8b5cf6);margin-bottom:12px;
        }
        .d08-01-01 .card08-01-01 h4{margin:0 0 8px;font-size:16px;color:#1e293b;}
        .d08-01-01 .card08-01-01 p{margin:0;font-size:12.5px;line-height:1.8;color:#64748b;}