囲み記事テンプレート

	<article class="progress">
		<h2> .progress お問い合わせの流れ</h2>
		<ol>
			<li>必要事項の入力 &nbsp;<span class="material-icons">east</span> 【確認する】</li>
			<li>入力項目の確認 &nbsp;<span class="material-icons">east</span> 【送信する】</li>
			<li>完了 <span class="material-icons">east</span> 入力されたメールアドレスに確認のメールが届きます。</li>
		</ol>
	</article>

	<article class="item">
		<h2> .item 項目</h2>
		<ul>
			<li>Lorem ipsum dolor sit amet</li>
			<li>Fuga reprehenderit </li>
			<li>Excepteur sint occaecat cupidatat</li>
		</ul>
	</article>

	<article class="information">
		<h2> .information 情報・お知らせ</h2>
		<ul>
			<li>Lorem ipsum dolor sit amet</li>
			<li>Fuga reprehenderit </li>
			<li>Excepteur sint occaecat cupidatat</li>
		</ul>
	</article>

	<article class="question">
		<h2> .question 疑問・質問</h2>
		<p>演奏音たてへぶんへぐるぐる野たですると大きなたたというセロた。</p>
		<ul class="square">
			<li>Lorem ipsum dolor sit amet ?</li>
			<li>Fuga reprehenderit ?</li>
			<li>Excepteur sint occaecat cupidatat ?</li>
		</ul>
	</article>

	<article class="notice">
		<h2> .notice 注意・注釈</h2>
		<p>演奏音たてへぶんへぐるぐる野たですると大きなたたというセロた。</p>
		<ul class="square">
			<li>Lorem ipsum dolor sit amet !</li>
			<li>Fuga reprehenderit !</li>
			<li>Excepteur sint occaecat cupidatat !</li>
		</ul>
	</article>