共通部品：PRエリア用レイアウト

PRエリア（class="common-pr-area"）で使用できるレイアウトです。

ポイント箇条書き

番号付きで製品のポイントをPRするときに使用できるレイアウトです。
PR項目、イラスト、PR項目の説明テキストをご用意ください。タイトルなど自由に変更してください。
使用例（電子取引Save）

[製品名]にお任せください

簡単導入

ここにポイントについての簡単な説明を記載してください。リスト項目も使用できます。
自動入力
ここにポイントについての簡単な説明を記載してください。
- リスト項目１
- リスト項目２
- リスト項目３
ミニマムコスト

ここにポイントについての簡単な説明を記載してください。

機能紹介ページへのリンク

<div class="common-pr-point">
               <h3 class="common-pr-point-title">[製品名]にお任せください</h3>
               <ol>
                  <li>簡単導入
                     <div class="common-pr-point-flex">
                        <img src="../img/common_img/common-onayami.png" alt="">
                        <div class="common-pr-point-text">
                           <p>
                              ここにポイントについての簡単な説明を記載してください。リスト項目も使用できます。</p>

                        </div>
                     </div>
                  </li>
                  <li>自動入力
                     <div class="common-pr-point-flex">
                        <img src="../img/common_img/common-onayami.png" alt="">
                        <div class="common-pr-point-text">
                           <p>
                              ここにポイントについての簡単な説明を記載してください。</p>
                           <ul>
                              <li>リスト項目１</li>
                              <li>リスト項目２</li>
                              <li>リスト項目３</li>
                           </ul>
                        </div>
                     </div>
                  </li>
                  <li>ミニマムコスト
                     
                     <div class="common-pr-point-flex">
                        <img src="../img/common_img/common-onayami.png" alt="">
                        <div class="common-pr-point-text">
                           <p>
                              ここにポイントについての簡単な説明を記載してください。</p>
                           <p><a href="#">機能紹介ページへのリンク</a></p>
                        </div>
                     </div>
                  </li>
               </ol>
            </div>

タイトル付きの箇条書き

タイトルテキストの一部の文字サイズを大きくして色を変えることで強調できます。
強調したいテキストをspanタグで囲ってください。使用例（OSDC）

30年以上の実績！アンテナハウス独自の変換技術

ダミーテキスト
ダミーテキストダミーテキスト
ダミーテキストダミーテキストダミーテキスト

<div class="common-pr-titlebox">
   <h3>[製品名]が選ばれる<span class="titlebox-strong-option">3</span>つのポイント</h3>
   <ul>
      <li>ダミーテキスト</li>
      <li>ダミーテキストダミーテキスト</li>
      <li>ダミーテキストダミーテキストダミーテキスト</li>
   </ul>
</div>

強調の色は製品種別ごとのアクセントカラーが初期値になっています。色を変更したい場合には製品個別CSSに次の記述を追加して色を指定してください。

      .common-pr-titlebox {
	--titlebox-color: #1879a0;
      }