bg headline

ベタ塗り

<h2 class="c-h-bg">見出しです。</h2>

border headline

ボーダー

<h2 class="c-h-border">ボーダーの見出しです。</h2>
<h2 class="c-h-border c-h-border_center">テキストセンター</h2>
<h2 class="c-h-border c-h-border_left">左せん</h2>
<h2 class="c-h-border c-h-border_double">ダブル</h2>
<h2 class="c-h-border c-h-border_dashed">だっしゅ</h2>
<h2 class="c-h-border c-h-border_top-bottom">上下</h2>
<h2 class="c-h-border c-h-border_mix">みっくす</h2>

色

<h2 class="c-h-border c-h-border_left c-h-border_color_primary">ボーダーの見出しです。</h2>
<h2 class="c-h-border c-h-border_left c-h-border_color_secondary">ボーダーの見出しです。</h2>

mark headline

まる

<h2 class="c-h-mark c-h-mark_circle">マークがつきます</h2>
<h2 class="c-h-mark c-h-mark_circle  c-h-mark_circle_border">マークがつきます</h2>

四角

<h2 class="c-h-mark c-h-mark_square">マークがつきます</h2>
<h2 class="c-h-mark c-h-mark_square  c-h-mark_circle_border">マークがつきます</h2>

stripe headline

まる

<h2 class="c-h-stripe">ストライプです</h2>
<h2 class="c-h-stripe c-h-stripe_reverse">ストライプです</h2>
<h2 class="c-h-stripe c-h-stripe_b-left">ストライプです</h2>
<h2 class="c-h-stripe c-h-stripe_b-top-bottom">ストライプです</h2>
<h2 class="c-h-stripe c-h-stripe_bottom">ストライプです</h2>
<h2 class="c-h-stripe c-h-stripe_mix">ストライプです</h2>

subtitle headline

まる

<h2 class="c-h-subtitle">ストライプです<span class="null">spanタグを入れます</span></h2>