heading1

見出しのベースです。

Example

見出しの補足見出しの補足

彼は背後にひそかな足音を聞いた。それはあまり良い意味を

<div class="heading1">
  <div class="subText">見出しの補足見出しの補足</div>
  <h2 class="mainText">彼は背後にひそかな足音を聞いた。それはあまり良い意味を</h2>
</div>

バリエーションtypeAです。

Example

見出しの補足見出しの補足

<div class="heading1 heading1--typeA">
  <div class="subText">見出しの補足見出しの補足</div>
  <h2 class="mainText">彼は背後にひそかな足音を聞いた。それはあまり良い意味を</h2>
</div>

バリエーションtypeBです。

Example

見出しの補足見出しの補足

<div class="heading1 heading1--typeB">
  <div class="subText">見出しの補足見出しの補足</div>
  <h2 class="mainText">彼は背後にひそかな足音を聞いた。それはあまり良い意味を</h2>
</div>

別の見出しです。

Example

<h2 class="heading2">彼は背後にひそかな足音を聞いた</h2>