<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="titleUnderline3" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#79bb74"/>
      <stop offset="1" stop-color="#55aae2"/>
    </linearGradient>
    <linearGradient id="hubGrad" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#79bb74"/>
      <stop offset="1" stop-color="#55aae2"/>
    </linearGradient>
    <marker id="arrowHead3" markerWidth="9" markerHeight="9" refX="6" refY="4.5" orient="auto">
      <path d="M0,0 L9,4.5 L0,9 Z" fill="#a9a9a9"/>
    </marker>
  </defs>

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

  <!-- タイトル -->
  <text x="600" y="48" text-anchor="middle" font-size="27" font-weight="700" fill="#2d2d2d">AIに紹介される3つの条件</text>
  <rect x="480" y="64" width="240" height="4" rx="2" fill="url(#titleUnderline3)"/>

  <!-- 中央ハブ -->
  <ellipse cx="600" cy="290" rx="120" ry="72" fill="url(#hubGrad)"/>
  <text x="600" y="280" text-anchor="middle" font-size="17" font-weight="700" fill="#ffffff">AIが選ぶ</text>
  <text x="600" y="305" text-anchor="middle" font-size="17" font-weight="700" fill="#ffffff">「引用できる情報」</text>

  <!-- スポーク1: 左上 -->
  <path d="M 490 250 L 340 195" stroke="#a9a9a9" stroke-width="2" fill="none" marker-end="url(#arrowHead3)"/>
  <rect x="90" y="100" width="330" height="140" rx="14" fill="#f4f9f3" stroke="#79bb74" stroke-width="2"/>
  <text x="255" y="130" text-anchor="middle" font-size="18" font-weight="700" fill="#2d2d2d">条件1</text>
  <text x="255" y="157" text-anchor="middle" font-size="15" font-weight="700" fill="#3f6b3c">事実が1文で完結</text>
  <text x="255" y="184" text-anchor="middle" font-size="13.5" fill="#4a4a4a">「誰が・何を・いくらで」が</text>
  <text x="255" y="205" text-anchor="middle" font-size="13.5" fill="#4a4a4a">1文にきれいに収まっている</text>

  <!-- スポーク2: 右上 -->
  <path d="M 710 250 L 860 195" stroke="#a9a9a9" stroke-width="2" fill="none" marker-end="url(#arrowHead3)"/>
  <rect x="780" y="100" width="330" height="140" rx="14" fill="#f2f8fc" stroke="#55aae2" stroke-width="2"/>
  <text x="945" y="130" text-anchor="middle" font-size="18" font-weight="700" fill="#2d2d2d">条件2</text>
  <text x="945" y="157" text-anchor="middle" font-size="15" font-weight="700" fill="#2f6a91">見出しと本文が一致</text>
  <text x="945" y="184" text-anchor="middle" font-size="13.5" fill="#4a4a4a">見出しの問いに、その直下で</text>
  <text x="945" y="205" text-anchor="middle" font-size="13.5" fill="#4a4a4a">結論から答えている</text>

  <!-- スポーク3: 下 -->
  <path d="M 600 362 L 600 400" stroke="#a9a9a9" stroke-width="2" fill="none" marker-end="url(#arrowHead3)"/>
  <rect x="360" y="405" width="480" height="120" rx="14" fill="#f4f9f3" stroke="#79bb74" stroke-width="2"/>
  <text x="600" y="433" text-anchor="middle" font-size="18" font-weight="700" fill="#2d2d2d">条件3</text>
  <text x="600" y="459" text-anchor="middle" font-size="15" font-weight="700" fill="#3f6b3c">運営者が明確</text>
  <text x="600" y="483" text-anchor="middle" font-size="13.5" fill="#4a4a4a">誰が書いた・運営しているかが明示され</text>
  <text x="600" y="504" text-anchor="middle" font-size="13.5" fill="#4a4a4a">信頼できる出どころになる（E-E-A-T）</text>

  <!-- フッター -->
  <rect x="90" y="550" width="1020" height="80" rx="12" fill="#f5f5f3"/>
  <text x="600" y="580" text-anchor="middle" font-size="17" font-weight="700" fill="#2d2d2d">3条件を満たす一次情報の整理が、AIOの本質</text>
  <text x="600" y="606" text-anchor="middle" font-size="15" fill="#4a4a4a">構造化データやllms.txtは、この整理を伝える「翻訳の補助」にすぎない</text>
</svg>
