クラウドファンディングLP構成(ストーリー→達成率→リターン→支援)

<div class="lp01-11-12">
          <div class="sec story">
            <strong>この技術を、もっと多くの人へ。</strong>
          </div>
          <div class="sec prog">
            <span class="ttl">達成率 168%</span>
            <div class="bar"><i></i></div>
            <span class="amt">支援総額 ¥3,360,000 / 目標 ¥2,000,000</span>
          </div>
          <div class="sec rw">
            <span class="ttl">リターン一覧</span>
            <div class="row"><b>¥5,000</b><b>¥10,000</b><b>¥30,000</b></div>
          </div>
          <div class="sec sup">このプロジェクトを支援する</div>
        </div>

.d01-11-12{padding:0;display:block}
        .lp01-11-12{width:100%;height:100%;display:flex;flex-direction:column;font-size:9px;background:#fff}
        .lp01-11-12 .sec{padding:7px 9px;border-bottom:1px solid #eee;display:flex;flex-direction:column;gap:5px}
        .lp01-11-12 .story{background:#132a3e;color:#fff;align-items:center;text-align:center;padding-top:12px;padding-bottom:12px}
        .lp01-11-12 .story strong{font-size:9.5px;line-height:1.4}
        .lp01-11-12 .ttl{font-size:8px;font-weight:bold;color:#132a3e}
        .lp01-11-12 .bar{width:100%;height:8px;background:#e3e9ef;border-radius:4px;overflow:hidden}
        .lp01-11-12 .bar i{display:block;width:100%;height:100%;background:#e0522f;border-radius:4px}
        .lp01-11-12 .amt{font-size:7px;color:#556}
        .lp01-11-12 .rw{display:flex;gap:5px}
        .lp01-11-12 .rw b{flex:1;text-align:center;font-size:8px;background:#fdf1ec;border:1px solid #e0522f;border-radius:3px;padding:4px 0;color:#e0522f}
        .lp01-11-12 .sup{background:#e0522f;color:#fff;font-weight:bold;font-size:9px;padding:7px;text-align:center;box-sizing:border-box}