不動産・物件紹介LP構成(外観→物件情報→間取り→内見予約)

<div class="lp01-11-11">
          <div class="sec photo">
            <div class="bld"></div>
          </div>
          <div class="sec info">
            <strong>グリーンヒルズ 302号室</strong>
            <span>賃料 12.8万円 / 2LDK / 徒歩8分</span>
          </div>
          <div class="sec plan">
            <span class="ttl">間取り図</span>
            <div class="mp"></div>
          </div>
          <div class="sec inq">内見予約はこちら</div>
        </div>

.d01-11-11{padding:0;display:block}
        .lp01-11-11{width:100%;height:100%;display:flex;flex-direction:column;font-size:9px;background:#fff}
        .lp01-11-11 .sec{padding:7px 9px;border-bottom:1px solid #eee;display:flex;flex-direction:column;gap:4px}
        .lp01-11-11 .photo{background:#eef2ea;align-items:center;padding-top:8px;padding-bottom:8px}
        .lp01-11-11 .bld{width:56px;height:34px;background:linear-gradient(160deg,#9db894,#4d6b47);border-radius:3px}
        .lp01-11-11 .info strong{font-size:10px;color:#274023}
        .lp01-11-11 .info span{font-size:7.5px;color:#5a6a55}
        .lp01-11-11 .ttl{font-size:8px;font-weight:bold;color:#274023}
        .lp01-11-11 .mp{width:100%;height:26px;background:#e5ece2;border:1px dashed #9db894;border-radius:3px}
        .lp01-11-11 .inq{background:#3f6b3a;color:#fff;font-weight:bold;font-size:9px;padding:7px;text-align:center;box-sizing:border-box}