```html
<head>
  <meta charset="UTF-8" />
  <title>生成AIとは？初心者向け解説</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      line-height: 1.6;
      margin: 20px;
      background-color: #f9f9f9;
      color: #333;
    }
    main {
      max-width: 800px;
      margin: 0 auto;
      background: #fff;
      padding: 25px;
      border-radius: 8px;
      box-shadow: 0 0 8px rgba(0,0,0,0.1);
    }
    h1 {
      color: #2c3e50;
      text-align: center;
    }
    section {
      margin-bottom: 30px;
    }
    img {
      display: block;
      margin: 15px auto;
      max-width: 100%;
      height: auto;
      border-radius: 6px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    }
    p {
      font-size: 16px;
    }
  </style>
</head>
<main>
  <h1>生成AI（生成人工知能）とは？<br>初心者向けのやさしい解説</h1>

  <section>
    <h2>1. 生成AIって何？</h2>
    <p>生成AIとは、コンピュータが文章・画像・音声などを自動で「新しく作り出すAI」のことです。たとえば、質問に答えたり、イラストを描いたり、音楽を作ったりできます。</p>
    <img src="/images/glossary/generative-ai-comic-01.png" alt="生成AIの基本イメージ" />
  </section>

  <section>
    <h2>2. どんな仕組みで動いているの？</h2>
    <p>生成AIは大量のデータを学習して、そこからパターンを見つけます。学んだ結果をもとに、新しい文章や画像を「まるで人間が作ったみたい」に生成できるのが特徴です。</p>
    <img src="/images/glossary/generative-ai-comic-02.png" alt="生成AIの仕組み" />
  </section>

  <section>
    <h2>3. 生成AIはどんな場面で使われている？</h2>
    <p>文章の自動作成、絵や動画の作成、翻訳、会話のサポートなど、幅広く活用されています。たとえば、チャットで質問に答えるAIアシスタントや、イラスト生成サービスなどがあります。</p>
    <img src="/images/glossary/generative-ai-comic-03.png" alt="生成AIの活用例" />
  </section>

  <section>
    <h2>4. どんなメリット・注意点がある？</h2>
    <p>メリットは「作業の効率化」や「新しいアイデアの創出」が期待できることです。一方で、誤った情報を生成することや、著作権問題にも注意が必要です。だから使うときは慎重に考えながら利用しましょう。</p>
    <img src="/images/glossary/generative-ai-comic-04.png" alt="生成AIのメリットと注意点" />
  </section>
</main>
```