リスト

<ul class="indexList">
<li>
<a href="#">
<div class="meta">
<span class="label">お知らせ</span>
<time datetime="2026-04-01">2026.4.1</time>
</div>
<p>
見た目だけを整えるのではなく、情報設計や導線を含めて全体を設計することで、長く運用できるWebサイトを目指します。
</p>
</a>
</li>
<li>
<a href="#">
<div class="meta">
<span class="label">お知らせ</span>
<time datetime="2026-04-01">2026.4.1</time>
</div>
<p>
見た目だけを整えるのではなく、情報設計や導線を含めて全体を設計することで、長く運用できるWebサイトを目指します。
</p>
</a>
</li>
<li>
<a href="#">
<div class="meta">
<span class="label">お知らせ</span>
<time datetime="2026-04-01">2026.4.1</time>
</div>
<p>
見た目だけを整えるのではなく、情報設計や導線を含めて全体を設計することで、長く運用できるWebサイトを目指します。
</p>
</a>
</li>
</ul>

<ul class="flex card shadow gap-8">
<li class="line-3"><a href="#">
<span class="listTitle">株式会社ケイツー・インタラクティブ</span>
<span class="listMeta">東京都台東区雷門2-19-17-316</span>
</a></li>
<li class="line-3"><a href="#">
<span class="listTitle">株式会社ケイツー・インタラクティブ</span>
<span class="listMeta">東京都台東区雷門2-19-17-316</span>
</a></li>
<li class="line-3"><a href="#">
<span class="listTitle">株式会社ケイツー・インタラクティブ</span>
<span class="listMeta">東京都台東区雷門2-19-17-316</span>
</a></li>
</ul>

<div class="matomeSelect">
<select aria-label="選択した項目への操作">
<option>削除</option>
<option>編集</option>
</select>
</div>
<ul class="matomeList">
<li><div class="checkBoxCell"><label><input type="checkbox" value="" checked aria-describedby="item01"><span class="inputCheck"></span></label></div>
<a href="#" id="item01" class="matomeCell">
<span class="listTitle">株式会社ケイツー・インタラクティブ</span>
<span class="listMeta">東京都台東区雷門2-19-17-316</span>
</a></li>
</ul>

<ul class="pagingList">
<li class="prev"><a href="#"><</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li class="active"><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li><a href="#">8</a></li>
<li><a href="#">9</a></li>
<li><a href="#">10</a></li>
<li class="next"><a href="#">></a></li>
</ul>

<ul class="typeA">
<li>サンプルテキスト</li>
<li>サンプルテキスト</li>
<li>サンプルテキスト</li>
</ul>

<ul class="typeB">
<li>サンプルテキスト</li>
<li>サンプルテキスト</li>
<li>サンプルテキスト</li>
</ul>