<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="titleUnderlineChecklist" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#79bb74"/>
      <stop offset="1" stop-color="#55aae2"/>
    </linearGradient>
    <marker id="arrowHeadChecklist" 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">公開前チェック15項目の優先度</text>
  <rect x="480" y="64" width="240" height="4" rx="2" fill="url(#titleUnderlineChecklist)"/>

  <!-- スタート -->
  <rect x="470" y="90" width="260" height="52" rx="10" fill="#2d2d2d"/>
  <text x="600" y="123" text-anchor="middle" font-size="16" font-weight="700" fill="#ffffff">公開ボタンを押す前に</text>

  <!-- 分岐線 -->
  <path d="M 600 142 L 600 160 L 210 160 L 210 178" stroke="#a9a9a9" stroke-width="2" fill="none" marker-end="url(#arrowHeadChecklist)"/>
  <path d="M 600 142 L 600 178" stroke="#a9a9a9" stroke-width="2" fill="none" marker-end="url(#arrowHeadChecklist)"/>
  <path d="M 600 142 L 600 160 L 990 160 L 990 178" stroke="#a9a9a9" stroke-width="2" fill="none" marker-end="url(#arrowHeadChecklist)"/>

  <!-- 必須7項目 -->
  <rect x="70" y="182" width="280" height="272" rx="14" fill="#f4f9f3" stroke="#79bb74" stroke-width="2"/>
  <text x="210" y="212" text-anchor="middle" font-size="18" font-weight="700" fill="#3f6b3c">必須 7項目</text>
  <text x="90" y="240" font-size="13" fill="#4a4a4a">1. 基本情報がすべて埋まっている</text>
  <text x="90" y="264" font-size="13" fill="#4a4a4a">2. 問い合わせフォームのテスト送信</text>
  <text x="90" y="288" font-size="13" fill="#4a4a4a">3. 主要ページのリンクが開ける</text>
  <text x="90" y="312" font-size="13" fill="#4a4a4a">4. スマホ表示が崩れていない</text>
  <text x="90" y="336" font-size="13" fill="#4a4a4a">5. 写真の明るさ・解像度が十分</text>
  <text x="90" y="360" font-size="13" fill="#4a4a4a">6. 料金が記載されている</text>
  <text x="90" y="384" font-size="13" fill="#4a4a4a">7. SSL（https）が有効</text>
  <text x="210" y="424" text-anchor="middle" font-size="13.5" font-weight="700" fill="#3f6b3c">これだけは公開前に</text>
  <text x="210" y="444" text-anchor="middle" font-size="13.5" font-weight="700" fill="#3f6b3c">必ずクリアする</text>

  <!-- 推奨5項目 -->
  <rect x="460" y="182" width="280" height="272" rx="14" fill="#f2f8fc" stroke="#55aae2" stroke-width="2"/>
  <text x="600" y="212" text-anchor="middle" font-size="18" font-weight="700" fill="#2f6a91">推奨 5項目</text>
  <text x="480" y="240" font-size="13" fill="#4a4a4a">8. ページ固有のタイトル・説明文</text>
  <text x="480" y="264" font-size="13" fill="#4a4a4a">9. FAQが5項目以上ある</text>
  <text x="480" y="288" font-size="13" fill="#4a4a4a">10. 「次のアクション」の選択肢</text>
  <text x="480" y="312" font-size="13" fill="#4a4a4a">11. ファビコンが設定されている</text>
  <text x="480" y="336" font-size="13" fill="#4a4a4a">12. OGP画像が設定されている</text>
  <text x="600" y="424" text-anchor="middle" font-size="13.5" font-weight="700" fill="#2f6a91">やっておくと</text>
  <text x="600" y="444" text-anchor="middle" font-size="13.5" font-weight="700" fill="#2f6a91">差がつく項目</text>

  <!-- 任意3項目 -->
  <rect x="850" y="182" width="280" height="272" rx="14" fill="#f5f5f3" stroke="#a9a9a9" stroke-width="2"/>
  <text x="990" y="212" text-anchor="middle" font-size="18" font-weight="700" fill="#5a5a5a">任意 3項目</text>
  <text x="870" y="240" font-size="13" fill="#4a4a4a">13. Search Console/Analytics</text>
  <text x="870" y="260" font-size="13" fill="#4a4a4a">の登録</text>
  <text x="870" y="288" font-size="13" fill="#4a4a4a">14. Googleビジネスプロフィール</text>
  <text x="870" y="308" font-size="13" fill="#4a4a4a">の整備</text>
  <text x="870" y="336" font-size="13" fill="#4a4a4a">15. SNSとの連携</text>
  <text x="990" y="424" text-anchor="middle" font-size="13.5" font-weight="700" fill="#5a5a5a">公開後に少しずつ</text>
  <text x="990" y="444" text-anchor="middle" font-size="13.5" font-weight="700" fill="#5a5a5a">整えればよい</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">必須7項目さえクリアすれば、第一印象で大きく損をすることはない</text>
  <text x="600" y="606" text-anchor="middle" font-size="15" fill="#4a4a4a">推奨・任意の項目は公開後に少しずつ整えていけば大丈夫</text>
</svg>
