<span class="text-l">大きい文字サイズ - 18px</span>

<span class="text-s">小さい文字サイズ - 13px</span>

<span class="text-note">※注釈 - 12px</span>

<p><span class="marker as_blue_bolder">強調したいところ</span>に入れます</p>

<p><span class="marker as_yellow_bolder">強調したいところ</span>に入れます</p>

<p><span class="marker as_blue_lighter">強調したいところ</span>に入れます</p>

<p><span class="marker as_yellow_lighter">強調したいところ</span>に入れます</p>

<div class="box as_border">
<p>囲み線のボックス</p>
</div>

<div class="box as_gray">
<p>ライトグレーのボックス</p>
</div>

<div class="box as_blue">
<p>水色のボックス</p>
</div>

<div class="box as_cream">
<p>クリーム色のボックス</p>
</div>

<div class="box as_gray as_border">
<p>囲み線で背景がライトグレーの組み合わせ</p>
</div>