1 files changed, 27 insertions, 13 deletions

diff --git a/src/content/docs/whisper-moji-okosi.mdx b/src/content/docs/whisper-moji-okosi.mdx
index 655687a..6b04153 100644
--- a/src/content/docs/whisper-moji-okosi.mdx
+++ b/src/content/docs/whisper-moji-okosi.mdx
@@ -1,5 +1,5 @@
 ---
-title: Whisper + AI で文字起こしを劇的に効率化する方法
+title: 無料・超高精度のWhisper + AIで文字起こしする方法
 description: OpenAI Whisperと生成AIを組み合わせた超高精度な文字起こしの方法。Google Colabを使えば無料・インストール不要で利用できます。
 ---
 
@@ -66,24 +66,38 @@ Whisperだけでも十分実用的ですが、文字起こし結果を **生成A
 
 Whisperで文字起こししたテキストをコピーし、以下のようなプロンプトとともに生成AIに渡します。
 
-> 以下は市議会の一般質問の文字起こしです。次のように整形してください：
->
-> - 誤字・脱字を文脈から判断して修正する
-> - 話者を特定し、発言の先頭に【話者名】を付ける
->   話者: 安竹洋平（質問者）、小林洋子（市長）、教育長（名前不明）
-> - 「えー」「あのー」などのフィラーは削除する
-> - 文意が通るように適宜句読点を補う
-> - 元の発言内容は変えないこと
->
-> [ここにWhisperの文字起こし結果を貼り付ける]
+<div class="whisper-quote">
+
+以下は市議会の一般質問の文字起こしです。次のように整形してください：
+
+- 誤字・脱字を文脈から判断して修正する
+- 話者を特定し、発言の先頭に【話者名】を付ける
+  話者: 安竹洋平（質問者）、小林洋子（市長）、教育長（名前不明）
+- 「えー」「あのー」などのフィラーは削除する
+- 文意が通るように適宜句読点を補う
+- 元の発言内容は変えないこと
+
+[ここにWhisperの文字起こし結果を貼り付ける]
+
+</div>
 
 ### 実例
 
 **Whisper出力（生）:**
-> いじめの重大事態に関してですよ専門家から重大事態としてこれを扱いなさいと扱った方がいいですよという助言を受けながらですね教育委員会としては重大事態として扱わなかったという事例があるんですが一般して最終的に重大事態として扱うことになったんですが
+
+<div class="whisper-quote">
+
+いじめの重大事態に関してですよ専門家から重大事態としてこれを扱いなさいと扱った方がいいですよという助言を受けながらですね教育委員会としては重大事態として扱わなかったという事例があるんですが一般して最終的に重大事態として扱うことになったんですが
+
+</div>
 
 **生成AIで整形後:**
-> 【安竹】いじめの重大事態に関してです。専門家から「重大事態として扱った方がいい」という助言を受けながら、教育委員会としては重大事態として扱わなかった事例があります。一旦は最終的に重大事態として扱うことになったのですが…
+
+<div class="whisper-quote">
+
+【安竹】いじめの重大事態に関してです。専門家から「重大事態として扱った方がいい」という助言を受けながら、教育委員会としては重大事態として扱わなかった事例があります。一旦は最終的に重大事態として扱うことになったのですが…
+
+</div>
 
 ### 議会での活用フロー