# 第三章

## 第三章の表題

この行には、第三章の説明や目的などについて書くとよいでしょう。

### 第一節の見出し

ここが第一節のテキスト部分です。この文章を、右側の写真（または図・イラスト）に対応した内容に入れ替えてください。

また写真の位置は、右側 "img-right" または左側 "img-left" のどちらかにしてください。

写真の表示サイズを変更したい場合は、global.css にある .explanation-figure に対して指定している、 flex-basis の数値を変更してください。0% から 50% まで設定ができます。

「具満タン」CD版より利用

### 第二節の見出し

ここが第二節のテキスト部分です。この文章を、左側の写真（または図・イラスト）に対応した内容に入れ替えてください。

また写真の位置は、右側 "img-right" または左側 "img-left" のどちらかにしてください。

写真の表示サイズを変更したい場合は、global.css にある .explanation-figure に対して指定している、 flex-basis の数値を変更してください。0% から 50% まで設定ができます。

「具満タン」CD版より利用

### 第三節の見出し

ここが第三節のテキスト部分です。この文章を、右側の写真（または図・イラスト）に対応した内容に入れ替えてください。

また写真の位置は、右側 "img-right" または左側 "img-left" のどちらかにしてください。

section に対して何も指定しない場合、HTML で書いた順に表示されます。

写真の表示サイズを変更したい場合は、global.css にある .explanation-figure に対して指定している、 flex-basis の数値を変更してください。0% から 50% まで設定ができます。

「具満タン」CD版より利用

### 第四節の見出し

ここには、テキストを入れてください。写真を表示させない場合の例です。

写真を表示させたい場合は、第一節または第二節のソースをコピーして入れてください。