## Sample

日本語を記載した時に文字が大きすぎる場合は、日本語部分を<span class="ja">で囲ってください。

# <h1>見出し見出し

## <h2>見出し見出し

### <h3>見出し見出し

#### <h4>見出し見出し

### 見出しの装飾　class=gradation

### 見出しの装飾 class="cloud"

class="right"をつけると、文字が右寄せになります

class="center"をつけると、文字が中央寄せになります

class="handwritingをつけると、英数字が筆記体、和文は明朝体になります

emタグはマーカーをひいたような装飾がつきます。

class="label"をつけると、背景色がつきます。左右に余白がつくので注意。

class="box"をつけると左に余白ががつきます。
class="blueline"をつけると左に青い線がつきます。合わせて使用してください

ulリスト

- list1
- list2
- list3

olリスト

1. list1
2. list2
3. list3

ulリスト（クラス指定あり）

- list1
- list2
- list3

dlリスト

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

dlリストにclass="grid"をつけた場合

項目
  説明文。Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
項目
  説明文。Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.