王道LP構成(ヒーロー→特徴→実績→CTA)

<div class="lp01-11-01">
          <div class="sec hero">
            <span class="logo">LOGO</span>
            <strong>あなたの毎日を、もっと快適に</strong>
            <span class="btn">今すぐ申し込む</span>
          </div>
          <div class="sec feat">
            <span class="ttl">3つの特徴</span>
            <div class="row"><i></i><i></i><i></i></div>
          </div>
          <div class="sec ach">
            <span class="ttl">導入実績</span>
            <div class="row"><b>1,200</b><b>98%</b><b>4.8</b></div>
          </div>
          <div class="sec cta">お申し込みはこちら</div>
          <div class="sec ftr">© Company</div>
        </div>

.d01-11-01{padding:0;display:block}
        .lp01-11-01{width:100%;height:100%;display:flex;flex-direction:column;font-size:9px;background:#fafafa}
        .lp01-11-01 .sec{padding:8px 10px;display:flex;flex-direction:column;align-items:center;gap:4px;border-bottom:1px solid #eee}
        .lp01-11-01 .hero{background:#2b2f77;color:#fff;padding-top:14px;padding-bottom:14px}
        .lp01-11-01 .logo{font-size:8px;letter-spacing:1px;opacity:.7}
        .lp01-11-01 .hero strong{font-size:11px}
        .lp01-11-01 .btn{background:#ffb400;color:#2b2f77;font-size:8px;padding:3px 10px;border-radius:20px;font-weight:bold}
        .lp01-11-01 .ttl{font-size:9px;font-weight:bold;color:#333}
        .lp01-11-01 .row{display:flex;gap:6px}
        .lp01-11-01 .feat .row i{width:20px;height:14px;background:#dfe3ff;border-radius:3px}
        .lp01-11-01 .ach{background:#f2f2f6}
        .lp01-11-01 .ach .row b{font-size:10px;color:#2b2f77}
        .lp01-11-01 .cta{background:#ff6b4a;color:#fff;font-size:9px;font-weight:bold;padding:8px}
        .lp01-11-01 .ftr{background:#222;color:#999;font-size:7px;padding:5px}