スタイルガイド

大見出し
大見出し

<h2>大見出し<br />大見出し</h2>

• ページ内リンク
• ページ内リンク
• ページ内リンク
• ページ内リンク
• ページ内リンク
• ページ内リンク

<ul class="list--anchor">
	<li><a href="">ページ内リンク</a>
	</li>
	<li><a href="">ページ内リンク</a>
	</li>
	<li><a href="">ページ内リンク</a>
	</li>
	<li><a href="">ページ内リンク</a>
	</li>
	<li><a href="">ページ内リンク</a>
	</li>
	<li><a href="">ページ内リンク</a>
	</li>
</ul>

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

<p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
</p>

<p>
	テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト<strong>テキスト</strong>テキスト
</p>

<p>
	テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト<a href="#">テキスト</a>テキスト
</p>

中見出し

中見出し
中見出し

<h3>中見出し</h3>
<h3>中見出し<br />中見出し</h3>

小見出し
小見出し

<h4>小見出し<br />小見出し</h4>

小見出しh5

<h5>小見出しh5</h5>

• 箇条書きリスト
• 箇条書きリスト
• 箇条書きリスト
• 箇条書きリスト
• 箇条書きリスト

<ul>
	<li>箇条書きリスト</li>
	<li>箇条書きリスト</li>
	<li>箇条書きリスト</li>
	<li>箇条書きリスト</li>
	<li>箇条書きリスト</li>
</ul>

1. 数字リスト
2. 数字リスト
3. 数字リスト
4. 数字リスト
5. 数字リスト
6. 数字リスト
7. 数字リスト
8. 数字リスト
9. 数字リスト
10. 数字リスト
11. 数字リスト
12. 数字リスト

<ol>
	<li>数字リスト</li>
	<li>数字リスト</li>
	<li>数字リスト</li>
	<li>数字リスト</li>
	<li>数字リスト</li>
	<li>数字リスト</li>
	<li>数字リスト</li>
	<li>数字リスト</li>
	<li>数字リスト</li>
	<li>数字リスト</li>
	<li>数字リスト</li>
	<li>数字リスト</li>
</ol>

• 外部リンク
• 外部リンク
• 外部リンク
• 外部リンク

<ul class="list--ext">
	<li>外部リンク</li>
	<li>外部リンク</li>
	<li>外部リンク</li>
	<li>外部リンク</li>
</ul>

• 添付ファイルリンク
• 添付ファイルリンク
• 添付ファイルリンク
• 添付ファイルリンク

<ul class="list--ext">
	<li><a href="aaa.pdf">添付ファイルリンク</a></li>
	<li><a href="aaa.pdf">添付ファイルリンク</a></li>
	<li><a href="aaa.pdf">添付ファイルリンク</a></li>
	<li><a href="aaa.pdf">添付ファイルリンク</a></li>
</ul>

<div class="btn"><a href="#">ボタン</a></div>

<div class="btn"><a href="#">ボタン</a></div>

<div class="btn btn--ext"><a href="#">外部リンクボタン</a></div>

<div class="btn btn--ext"><a href="#">外部リンクボタン</a></div>

<div class="box">
	<h5>小見出し</h5>
	<p>
		テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
	</p>
</div>