<svg viewBox="0 0 1200 675" xmlns="http://www.w3.org/2000/svg" font-family="'Hiragino Kaku Gothic ProN','Hiragino Sans','Noto Sans JP',sans-serif">
  <defs>
    <linearGradient id="titleUnderlineAiReadsTwoMech" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#79bb74"/>
      <stop offset="1" stop-color="#55aae2"/>
    </linearGradient>
  </defs>

  <rect x="0" y="0" width="1200" height="675" fill="#ffffff"/>

  <!-- タイトル -->
  <text x="600" y="46" text-anchor="middle" font-size="26" font-weight="700" fill="#2d2d2d">AIがサイトを読む2つの仕組み</text>
  <rect x="450" y="62" width="300" height="4" rx="2" fill="url(#titleUnderlineAiReadsTwoMech)"/>

  <!-- 左カラム: 学習（事前） オレンジ -->
  <rect x="90" y="100" width="480" height="400" rx="14" fill="#fdf1e7" stroke="#e0894a" stroke-width="2"/>
  <text x="330" y="140" text-anchor="middle" font-size="19" font-weight="700" fill="#a85a1e">場面1：学習（事前）</text>
  <text x="330" y="165" text-anchor="middle" font-size="13.5" fill="#4a4a4a">AIが作られる段階で読む</text>

  <rect x="130" y="185" width="400" height="70" rx="10" fill="#ffffff" stroke="#e0894a" stroke-width="1.5"/>
  <text x="330" y="211" text-anchor="middle" font-size="14" font-weight="700" fill="#a85a1e">タイミング：訓練のとき</text>
  <text x="330" y="234" text-anchor="middle" font-size="12.5" fill="#4a4a4a">インターネット上の膨大なページを</text>
  <text x="330" y="252" text-anchor="middle" font-size="12.5" fill="#4a4a4a">まとめて学習する</text>

  <rect x="130" y="267" width="400" height="70" rx="10" fill="#ffffff" stroke="#e0894a" stroke-width="1.5"/>
  <text x="330" y="293" text-anchor="middle" font-size="14" font-weight="700" fill="#a85a1e">特徴：学習に「締め切り」がある</text>
  <text x="330" y="316" text-anchor="middle" font-size="12.5" fill="#4a4a4a">その時点までの情報しか知らない</text>

  <rect x="130" y="349" width="400" height="70" rx="10" fill="#fbefe0" stroke="#e0894a" stroke-width="1.5"/>
  <text x="330" y="375" text-anchor="middle" font-size="14" font-weight="700" fill="#a85a1e">お店への影響</text>
  <text x="330" y="398" text-anchor="middle" font-size="12.5" fill="#4a4a4a">先週変えた営業時間は反映されない</text>

  <rect x="130" y="431" width="400" height="46" rx="23" fill="#e0894a"/>
  <text x="330" y="459" text-anchor="middle" font-size="14" font-weight="700" fill="#ffffff">古い情報しか持てない場面</text>

  <!-- 右カラム: 検索（その場） 緑 -->
  <rect x="630" y="100" width="480" height="400" rx="14" fill="#f4f9f3" stroke="#79bb74" stroke-width="2"/>
  <text x="870" y="140" text-anchor="middle" font-size="19" font-weight="700" fill="#3f6b3c">場面2：検索（その場）</text>
  <text x="870" y="165" text-anchor="middle" font-size="13.5" fill="#4a4a4a">質問に答えるためその場で読む</text>

  <rect x="670" y="185" width="400" height="70" rx="10" fill="#ffffff" stroke="#79bb74" stroke-width="1.5"/>
  <text x="870" y="211" text-anchor="middle" font-size="14" font-weight="700" fill="#3f6b3c">タイミング：回答時のウェブ検索</text>
  <text x="870" y="234" text-anchor="middle" font-size="12.5" fill="#4a4a4a">質問に応じてその場で検索し、</text>
  <text x="870" y="252" text-anchor="middle" font-size="12.5" fill="#4a4a4a">見つけたページを読んで答える</text>

  <rect x="670" y="267" width="400" height="70" rx="10" fill="#ffffff" stroke="#79bb74" stroke-width="1.5"/>
  <text x="870" y="293" text-anchor="middle" font-size="14" font-weight="700" fill="#3f6b3c">特徴：最新性が必要な質問で働く</text>
  <text x="870" y="316" text-anchor="middle" font-size="12.5" fill="#4a4a4a">「〇〇市のおすすめの美容室」など</text>

  <rect x="670" y="349" width="400" height="70" rx="10" fill="#eaf6e9" stroke="#79bb74" stroke-width="1.5"/>
  <text x="870" y="375" text-anchor="middle" font-size="14" font-weight="700" fill="#3f6b3c">お店への影響</text>
  <text x="870" y="398" text-anchor="middle" font-size="12.5" fill="#4a4a4a">最新の正しい情報で紹介してもらえる</text>

  <rect x="670" y="431" width="400" height="46" rx="23" fill="#79bb74"/>
  <text x="870" y="459" text-anchor="middle" font-size="14" font-weight="700" fill="#ffffff">お店にとって重要なのはこちら</text>

  <!-- フッター -->
  <rect x="90" y="520" width="1020" height="90" rx="12" fill="#f5f5f3"/>
  <text x="600" y="553" text-anchor="middle" font-size="16.5" font-weight="700" fill="#2d2d2d">最新の正しい情報で紹介されるかは「検索」の場面で決まる</text>
  <text x="600" y="582" text-anchor="middle" font-size="14" fill="#4a4a4a">AIに検索で見つけてもらい、正しく読み取ってもらえる状態を整えることが重要</text>
</svg>
