【1】Pタグ★★★

Pタグ

<p>Pタグ</p>

---

【2】小見出し

<div class="komidashi">★★★</div>

---

【3】太字

太字

テキスト太字テキストテキスト

<p class="bold">太字</p> <p>テキスト<span class="b">太字</span>テキストテキスト</p>

---

【4】赤太字　#cf2e2e　　　　　　※新規追加

★★★ <span class="pink-b">★★★</span>

---

【5】マーカー

★★★ <span class="mark_yellow">★★★</span>

---

【6】注釈

<div class="mininote">★★★</div>

---

【7】BOX（基本）

<div class="has-border -border01"> <div class="komidashi">★見出し★</div> <p>★本文★</p> <ul class="check_list"> <li>★</li> <li>★</li> <li>★</li> </ul> </div>

---

【8】テーブル各種

●左上見出し

★	★	★
★	★	★

<table><thead> <tr> <th style="width: 30%;">★</th> <th style="width: 35%;">★</th> <th style="width: 35%;">★</th> </tr> </thead><tbody> <tr> <th>★</th> <td>★</td> <td>★</td> </tr> </tbody></table>

---

●左見出し

★	★
★	★

<table><tbody> <tr> <th style="width: 40%;">★</th> <td style="width: 60%;">★</td> </tr> <tr> <th>★</th> <td>★</td> </tr> </tbody></table>

---

●横固定

<div class="table__scroll"><table class="tablearea fixed"><tbody> <tr> <th>★見出し1★</th> <th>★</th> <th>★</th> </tr> <tr> <th>★見出し2★</th> <td>★</td> <td>★</td> </tr> <tr> <th>★見出し3★</th> <td>★</td> <td>★</td> </tr> </tbody></table></div>

---

●thead横固定

<div class="table__scroll"><table class="tablearea fixed"> <thead> <tr> <th>★見出し1★</th> <th>★</th> <th>★</th> </tr> </thead> <tbody> <tr> <th>★見出し2★</th> <td>★</td> <td>★</td> </tr> <tr> <th>★見出し3★</th> <td>★</td> <td>★</td> </tr> </tbody></table></div>

---

見出し

<h2><span id="H2-2">H2テキスト</span></h2> <h3><span id="H3-2">H3テキスト</span></h3>

---

ボタン

<div class="btn"> <a href="https://www.dclinic-shinjuku.or.jp/recommend/click/aga-dclinic..html?aga-kojinyunyu_b_bt&sid=1675140684172.567730511904" target="_blank" rel="nofollow noopener noreferrer">Dクリニックの<br>公式サイトはこちら</a> </div>