第2階層カテゴリ 第3階層タイトル

<h2 class="e-h2">見出し</h2>

<h2 class="e-h2 _left_">H2見出し_左揃え</h2>

<h3 class="e-h3">H3見出し_左揃え</h3>

<h4 class="e-h4">H4見出し_左揃え</h4>

<h5 class="e-h5">H5見出し_左揃え</h5>

<p class="e-txt-lead">本文（基本）が入ります。亀田クリニックでは待ち時間を少なくするため「予約診療」を行っています。診療を受けられる方は、はじめての方でもまず ”受診の予約” にご協力ください。本文（基本）が入ります。亀田クリニックでは待ち時間を少なくするため「予約診療」を行っています。診療を受けられる方は、はじめての方でもまず ”受診の予約” にご協力ください。</p>

<p>本文（基本）が入ります。亀田クリニックでは待ち時間を少なくするため「予約診療」を行っています。診療を受けられる方は、はじめての方でもまず ”受診の予約” にご協力ください。</p>

<p class="e-txt-emphasis">本文（基本）が入ります。亀田クリニックでは待ち時間を少なくするため「予約診療」を行っています。診療を受けられる方は、はじめての方でもまず ”受診の予約” にご協力ください。</p>

<p class="e-txt-m">本文（基本）が入ります。亀田クリニックでは待ち時間を少なくするため「予約診療」を行っています。診療を受けられる方は、はじめての方でもまず ”受診の予約” にご協力ください。</p>

<p class="e-txt-s">本文（基本）が入ります。亀田クリニックでは待ち時間を少なくするため「予約診療」を行っています。診療を受けられる方は、はじめての方でもまず ”受診の予約” にご協力ください。</p>

<p><a href="dummy">PC-リンク-01_文中</a></p>

<p><a class="e-a-txt-arrow" href="dummy">PC-リンク-02_遷移</a></p>

<p><a href="dummy" target="_blank">PC-リンク-03_別ウインドウ</a></p>

<p><a href="dummy.pdf">PC-リンク-04_PDF</a></p>

<p><a class="e-a-txt-arrow _fw-b_" href="dummy">PC-リンク-02_遷移_強調</a></p>

<a class="e-btn _prev_" href="dummy"><span class="__elem">ボタン</span></a>

<a class="e-btn _next_" href="dummy"><span class="__elem">ボタン</span></a>

<a class="e-btn" href="dummy" target="_blank"><span class="__elem">ボタン</span></a>

<a class="e-btn _prev_ _black_" href="dummy"><span class="__elem">ボタン</span></a>

<a class="e-btn _next_ _black_" href="dummy"><span class="__elem">ボタン</span></a>

<a class="e-btn _black_" href="dummy" target="_blank"><span class="__elem">ボタン</span></a>

<a class="e-btn _black_ _close_" href="dummy"><span class="__elem">閉じる</span></a>

<button class="e-btn _prev_" type="button" disabled><span class="__elem">ボタン</span></button>

<button class="e-btn _next_ _disabled_" type="button"><span class="__elem">ボタン</span></button>

<ul class="m-anchor-link">
    <li class="m-anchor-link__item"><a class="m-anchor-link__link" href="#dummy">ダミーテキスト</a></li>
    <li class="m-anchor-link__item"><a class="m-anchor-link__link" href="#dummy">ダミーテキスト</a></li>
</ul>

<ul class="e-menu-btn">
    <li class="e-menu-btn__item"><a class="e-menu-btn__link" href="dummy">ページ内リンク</a></li>
    <li class="e-menu-btn__item"><a class="e-menu-btn__link" href="dummy">ページ内リンク</a></li>
    <li class="e-menu-btn__item"><a class="e-menu-btn__link" href="dummy">ページ内リンク</a></li>
    <li class="e-menu-btn__item"><a class="e-menu-btn__link" href="dummy">ページ内リンク</a></li>
    <li class="e-menu-btn__item"><a class="e-menu-btn__link" href="dummy">ページ内リンク</a></li>
</ul>

<div class="m-more">
    <div class="m-more__contents">
        <div class="__show">表示コンテンツ</div>
        <div class="__hide">非表示コンテンツ</div>
    </div>
    <button class="m-more__btn" type="button">もっと見る</button>
    <button class="m-more__btn -active" type="button">閉じる</button>
</div>

<nav class="m-pager">
    <ul class="m-pager__inner">
    <li class="m-pager__item"><a href="dummy" rel="prev" aria-label="« Previous" class="__elem _prev_"></a></li>
        <li class="m-pager__item"><a href="dummy" class="__elem">1</a></li>
        <li class="m-pager__item _active_"><a href="dummy" class="__elem">2</a></li>
        <li class="m-pager__item"><a href="dummy" class="__elem">3</a></li>
        <li class="m-pager__item"><a href="dummy" class="__elem">4</a></li>
        <li class="m-pager__item"><a href="dummy" class="__elem">5</a></li>
        <li class="m-pager__item _disabled_" aria-disabled="true"><span class="__elem">...</span></li>
        <li class="m-pager__item"><a href="dummy" class="__elem">9</a></li>
        <li class="m-pager__item"><a href="dummy" rel="next" aria-label="Next »" class="__elem _next_"></a></li>
    </ul>
</nav>

<ul class="e-list-circle">
    <li>リストです。亀田クリニックでは待ち時間を少なくするため「予約診療」を行っています。診療を受けられる方は、はじめての方でもまず ”受診の予約” にご協力ください。</li>
    <li>リストです。亀田クリニックでは待ち時間を少なくするため「予約診療」を行っています。
        <ul class="e-list-circle">
            <li>リストの入れ子です。亀田クリニックでは待ち時間を少なくするため「予約診療」を行っています。診療を受けられる方は、はじめての方でもまず ”受診の予約” にご協力ください。</li>
        </ul>
    </li>
</ul>
<ol class="e-list-number">
    <li>番号付きリストです。亀田クリニックでは待ち時間を少なくするため「予約診療」を行っています。診療を受けられる方は、はじめての方でもまず ”受診の予約” にご協力ください。</li>
    <li>番号付きリストです。亀田クリニックでは待ち時間を少なくするため「予約診療」を行っています。診療を受けられる方は、</li>
    <li>番号付きリストです。亀田クリニックでは待ち時間を少なくするため「予約診療」を行っています。診療を受けられる方は、はじめての方でもまず ”受診の予約” にご協力ください。（<a href="dummy" target="_blank">テキストリンク</a>）田クリニックでは待ち時間を少なくするため「予約診療」を行っています。診療を受けられる方は、はじめての方でもまず ”受診の予約” にご協力ください。</li>
</ol>
<ol class="e-list-number02">
    <li>番号付きリストです。亀田クリニックでは待ち時間を少なくするため「予約診療」を行っています。診療を受けられる方は、はじめての方でもまず ”受診の予約” にご協力ください。</li>
    <li>番号付きリストです。亀田クリニックでは待ち時間を少なくするため「予約診療」を行っています。診療を受けられる方は、</li>
    <li>番号付きリストです。亀田クリニックでは待ち時間を少なくするため「予約診療」を行っています。診療を受けられる方は、はじめての方でもまず ”受診の予約” にご協力ください。（<a href="dummy" target="_blank">テキストリンク</a>）田クリニックでは待ち時間を少なくするため「予約診療」を行っています。診療を受けられる方は、はじめての方でもまず ”受診の予約” にご協力ください。</li>
</ol>
<ul class="e-list-line">
    <li>番号付きリストです。亀田クリニックでは待ち時間を少なくするため「予約診療」を行っています。診療を受けられる方は、はじめての方でもまず ”受診の予約” にご協力ください。</li>
    <li>番号付きリストです。亀田クリニックでは待ち時間を少なくするため「予約診療」を行っています。診療を受けられる方は、</li>
</ul>
<ul class="e-list-notes">
    <li>注釈が入ります。亀田クリニックでは待ち時間を少なくするため「予約診療」を行っています。診療を受けられる方は、はじめての方でもまず ”受診の予約” にご協力ください。亀田クリニックでは待ち時間を少なくするため「予約診療」を行っています。診療を受けられる方は、はじめての方でもまず ”受診の予約” にご協力ください。</li>
    <li>注釈が入ります。亀田クリニックでは待ち時間を少なくするため「予約診療」を行っています。診療を受けられる方は、はじめての方でもまず ”受診の予約” にご協力ください。亀田クリニックでは待ち時間を少なくするため「予約診療」を行っています。診療を受けられる方は、はじめての方でもまず ”受診の予約” にご協力ください。</li>
</ul>

    <dl class="m-accordion">
        <dt class="m-accordion__head">本文（基本）が入ります。亀田クリニックでは待ち時間を少なくするため「予約診療」を行っています。診療を受けられる方は、はじめての方でもまず ”受診の予約” にご協力ください。</dt>
        <dd class="m-accordion__body">本文（基本）が入ります。亀田クリニックでは待ち時間を少なくするため「予約診療」を行っています。診療を受けられる方は、はじめての方でもまず ”受診の予約” にご協力ください。</dd>
        <dt class="m-accordion__head">本文（基本）が入ります。亀田クリニックでは待ち時間を少なくするため「予約診療」を行っています。診療を受けられる方は、はじめての方でもまず ”受診の予約” にご協力ください。</dt>
        <dd class="m-accordion__body">本文（基本）が入ります。亀田クリニックでは待ち時間を少なくするため「予約診療」を行っています。診療を受けられる方は、はじめての方でもまず ”受診の予約” にご協力ください。</dd>
    </dl>

    <dl class="m-accordion _faq_">
        <dt class="m-accordion__head">本文（基本）が入ります。亀田クリニックでは待ち時間を少なくするため「予約診療」を行っています。診療を受けられる方は、はじめての方でもまず ”受診の予約” にご協力ください。</dt>
        <dd class="m-accordion__body">本文（基本）が入ります。亀田クリニックでは待ち時間を少なくするため「予約診療」を行っています。診療を受けられる方は、はじめての方でもまず ”受診の予約” にご協力ください。</dd>
        <dt class="m-accordion__head">本文（基本）が入ります。亀田クリニックでは待ち時間を少なくするため「予約診療」を行っています。診療を受けられる方は、はじめての方でもまず ”受診の予約” にご協力ください。</dt>
        <dd class="m-accordion__body">本文（基本）が入ります。亀田クリニックでは待ち時間を少なくするため「予約診療」を行っています。診療を受けられる方は、はじめての方でもまず ”受診の予約” にご協力ください。</dd>
    </dl>