●目次ブロック数字リスト

            <div class="border index-list small">
            <b>目次</b>
            <ol>
              <li><a href="#id1">不動産投資型クラウドファンディングとは？</a>
                <ul class="list-style-disc">
                  <li><a href="#id0">不動産投資型クラウドファンディングとは？通常の不動産投資との違い</a></li>
                  <li><a href="#id0">不動産投資型クラウドファンディングとは？通常の不動産投資との違い</a></li>
                </ul>
              </li>
              <li><a href="#id2">通常の不動産投資との違い</a></li>
              <li><a href="#id3">サービス一覧</a></li>
              <li><a href="#id4">選ぶ時の3つのポイント</a></li>
              <li><a href="#id5">サービスの特長・ユニーク性</a></li>
              <li><a href="#id6">投資物件の種類・エリア</a></li>
              <li><a href="#id7">企業情報</a></li>
            </ol>
            </div>
            

            ●基本テキスト
            <h2>H2中見出しタイトル</h2>
              <h3>H3小見出しタイトル</h3>
                <p>本文（入力ツールによって自動付加）</p>
                  <b>ボールド</b>
                  <small>小文字</small>
                  <a href="URL">リンク</a>
                  <br>改行

                  <p class="text-center">テキスト中央配置</p>
                  <p class="text-right">テキスト右寄せ配置</p>
                  <p class="text-left">テキスト左寄せ配置</p>

            ●主題区切り
            <hr>

            ●ボタン
            <div class="btn_wrap">
              <a href="#" class="v4_btn">ボタン</a>
            </div>

            ●リスト
            <ol>
              <li>箇条書きリスト</li>
              <li>箇条書きリスト</li>
            </ol>
            <ul>
              <li>順序リスト</li>
              <li>順序リスト</li>
            </ul>
            <ul class="list-style-none">
              <li>①順序リスト</li>
              <li>②順序リスト</li>
            </ul>
            <ul class="list-style-none strong">
              <li><i class="fas fa-check-circle blue"></i>  Fontawesome使用リスト</li>
              <li><i class="fas fa-check-circle blue"></i>  Fontawesome使用リスト</li>
            </ul>

            ●引用
            <blockquote>引用:エンジョイワークスは国土交通省令和4年度の住宅市場を活用した空き家対策モデル事業に採択されており、同事業の枠組みを活用することで、弊社の実践事例を全国的に広げる取組に貢献することを目指しています。</blockquote>

            ●塗り背景
            <p class="bg-lightgray small">
              <b>山崎 亮（やまざきりょう）さん</b><br>
              <a href="#" target="_blank">https://studio-l.org/</a><br>
              静岡県出身、東京都在住<br>
studio-L代表。<br>
東北芸術工科大学教授（コミュニティデザイン学科長）。慶応義塾大学特別招聘教授。1973年愛知県生まれ。大阪府立大学大学院および東京大学大学院修了。博士（工学）。建築・ランドスケープ設計事務所を経て、2005年にstudio-Lを設立。地域の課題を地域に住む人たちが解決するためのコミュニティデザインに携わる。まちづくりのワークショップ、住民参加型の総合計画づくり、市民参加型のパークマネジメントなどに関するプロジェクトが多い。
            </p>

            ●ワク背景
            <p class="border">
              <b>山崎亮さんインタビュー（後編）へ</b><br>
              <a href="#">私たちが、大量生産のハコモノを必要としない理由</a>
            </p>

            ●YouTube
            <div class="youtube">
              <iframe src="〜"></iframe>（YouTube動画の埋め込みコードを囲う）
            </div>

            ●テーブル
            <div class="scroll-table">（スクロール付テーブルは.scroll-tableで囲う）
              <table>
                <tbody>
                  <tr>
                    <th></th>
                    <td><b>ファンド</b></td>
                    <td><b>現物</b></td>
                  </tr>
                  <tr>
                    <th>投資対象</th>
                    <td>住居用や商業施設など多数</td>
                    <td>住居用物件が中心</td>
                  </tr>
                </tbody>
              </table>
            </div>（スクロール付テーブルは.scroll-tableで囲う）

            ●画像
            <img src="画像パスURL（入力ツールによって自動付加）" alt="">
            ・推奨サイズ 幅1440px 解像度72dpi
            ・メインビジュアルサイズ 1440x810px  解像度72dpi

            <img src="画像パスURL（入力ツールによって自動付加）" alt="">
            <p class="caption">幅100%画像とキャプション</p>

            <div class="photo-border"><img class="mt0" src="画像パスURL（入力ツールによって自動付加）" alt=""></div>

            <img class="w70" src="画像パスURL（入力ツールによって自動付加）" alt="">
            <p class="caption w70">幅70%画像とキャプション</p>
            
            <img class="w50" src="画像パスURL（入力ツールによって自動付加）" alt="">
            <p class="caption w50">幅50%画像とキャプション</p>