画像の見出し構造を変更 (#30)

* ドキュメントテンプレートに画像ファイルとmermaidのセクションを追加

* 画像サンプルとMermaidサンプルの画像を更新

docs/_document-template/contents.md

@@ -39,6 +39,8 @@ dest: ./output/ドキュメントテンプレート.pdf
     - [2.7. インラインコード](#27-インラインコード)
     - [2.8. リンク](#28-リンク)
     - [2.9. 画像](#29-画像)
+        - [2.9.1. 画像ファイル](#291-画像ファイル)
+        - [2.9.2. mermaid](#292-mermaid)
     - [2.10. テーブル](#210-テーブル)
     - [2.11. 箇条書き](#211-箇条書き)
     - [2.12. タスクリスト](#212-タスクリスト)
@@ -253,6 +255,8 @@ URL を `< >` で囲うと、そのままリンクにできます。
 
 ## 2.9. 画像
 
+### 2.9.1. 画像ファイル
+
 画像は draw.io で作成した SVG 画像を使用してください。
 \*.drawio ファイルと、作成した \*.svg ファイルを images フォルダーに配置します。
 画像内に文字を入れる場合は、フォントを `Yu Gothic UI` に、フォントサイズを 16 ポイントに設定してください。
@@ -267,6 +271,8 @@ URL を `< >` で囲うと、そのままリンクにできます。
 
 ![demo 画像](/docs/_document-template/images/demo.svg)
 
+### 2.9.2. mermaid
+
 簡単な図は、 [mermaid](https://mermaid.js.org/) で作成できます ( Beta )。
 ` ```mermaid ～ ``` ` で囲った範囲に mermaid 記法で図を記述できます。
 

pdf-sample.md

@@ -41,11 +41,11 @@
 
 \*\.svg 形式のファイルにも対応しています。
 
-![画像貼り付けのサンプル](https://github.com/user-attachments/assets/9dbf143c-d536-4c35-aedf-fe3f2839795b)
+![画像貼り付けのサンプル](https://github.com/user-attachments/assets/07502d0d-2491-4ac9-8b68-402074b0a020)
 
 [Mermaid](https://mermaid.js.org/) の構文を入れることもできます。
 
-![Mermaid のサンプル](https://github.com/user-attachments/assets/8f896815-0346-403c-a330-cac7bb01dd8f)
+![Mermaid のサンプル](https://github.com/user-attachments/assets/7546d248-6fba-45e6-99a6-fbe35156da0a)
 
 ## テーブル