第三章の表題
この行には、第三章の説明や目的などについて書くとよいでしょう。
第一節の見出し
ここが第一節のテキスト部分です。この文章を、右側の写真（または図・イラスト）に対応した内容に入れ替えてください。
また写真の位置は、右側 "img-right" または左側 "img-left" のどちらかにしてください。
写真の表示サイズを変更したい場合は、global.css にある .explanation-figure に対して指定している、 flex-basis の数値を変更してください。0% から 50% まで設定ができます。
第二節の見出し
ここが第二節のテキスト部分です。この文章を、左側の写真（または図・イラスト）に対応した内容に入れ替えてください。
また写真の位置は、右側 "img-right" または左側 "img-left" のどちらかにしてください。
写真の表示サイズを変更したい場合は、global.css にある .explanation-figure に対して指定している、 flex-basis の数値を変更してください。0% から 50% まで設定ができます。
第三節の見出し
ここが第三節のテキスト部分です。この文章を、右側の写真（または図・イラスト）に対応した内容に入れ替えてください。
また写真の位置は、右側 "img-right" または左側 "img-left" のどちらかにしてください。
section に対して何も指定しない場合、HTML で書いた順に表示されます。
写真の表示サイズを変更したい場合は、global.css にある .explanation-figure に対して指定している、 flex-basis の数値を変更してください。0% から 50% まで設定ができます。
第四節の見出し
ここには、テキストを入れてください。写真を表示させない場合の例です。
写真を表示させたい場合は、第一節または第二節のソースをコピーして入れてください。