<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="newsTipsHubTitleBar" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#79bb74"/>
      <stop offset="1" stop-color="#55aae2"/>
    </linearGradient>
    <linearGradient id="newsTipsHubCenter" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#3f6b3c"/>
      <stop offset="1" stop-color="#2f6a91"/>
    </linearGradient>
    <linearGradient id="newsTipsHubSpoke1" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#79bb74"/>
      <stop offset="1" stop-color="#55aae2"/>
    </linearGradient>
    <linearGradient id="newsTipsHubSpoke2" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#6ab369"/>
      <stop offset="1" stop-color="#55aae2"/>
    </linearGradient>
    <linearGradient id="newsTipsHubSpoke3" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#5cae7e"/>
      <stop offset="1" stop-color="#55aae2"/>
    </linearGradient>
    <linearGradient id="newsTipsHubSpoke4" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#4ea394"/>
      <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="25" font-weight="700" fill="#2d2d2d">お知らせを書かないと、実際に何が起きる？</text>
  <rect x="450" y="62" width="300" height="4" rx="2" fill="url(#newsTipsHubTitleBar)"/>

  <!-- 接続線: 中心から4カードへ -->
  <line x1="490" y1="270" x2="330" y2="185" stroke="#79bb74" stroke-width="3"/>
  <line x1="710" y1="270" x2="870" y2="185" stroke="#5cae7e" stroke-width="3"/>
  <line x1="490" y1="405" x2="330" y2="490" stroke="#6ab369" stroke-width="3"/>
  <line x1="710" y1="405" x2="870" y2="490" stroke="#4ea394" stroke-width="3"/>

  <!-- 中心ノード -->
  <circle cx="600" cy="338" r="112" fill="url(#newsTipsHubCenter)"/>
  <text x="600" y="322" text-anchor="middle" font-size="19" font-weight="700" fill="#ffffff">お知らせを</text>
  <text x="600" y="350" text-anchor="middle" font-size="19" font-weight="700" fill="#ffffff">書かない</text>
  <text x="600" y="378" text-anchor="middle" font-size="13" fill="#dce9f2">4つの機会損失</text>

  <!-- カード1: 左上 -->
  <rect x="60" y="90" width="330" height="150" rx="14" fill="#f4f9f3" stroke="#79bb74" stroke-width="2"/>
  <circle cx="102" cy="130" r="17" fill="url(#newsTipsHubSpoke1)"/>
  <text x="102" y="136" text-anchor="middle" font-size="16" font-weight="700" fill="#ffffff">1</text>
  <text x="130" y="136" font-size="15.5" font-weight="700" fill="#3f6b3c">営業しているか不安で離脱</text>
  <text x="82" y="166" font-size="13.5" fill="#4a4a4a">お知らせの日付が古いと「もう閉店</text>
  <text x="82" y="188" font-size="13.5" fill="#4a4a4a">しているのでは」と不安になり、</text>
  <text x="82" y="210" font-size="13.5" fill="#4a4a4a">電話や来店を控えてしまう</text>

  <!-- カード2: 右上 -->
  <rect x="810" y="90" width="330" height="150" rx="14" fill="#f2f8fc" stroke="#55aae2" stroke-width="2"/>
  <circle cx="852" cy="130" r="17" fill="url(#newsTipsHubSpoke2)"/>
  <text x="852" y="136" text-anchor="middle" font-size="16" font-weight="700" fill="#ffffff">2</text>
  <text x="880" y="136" font-size="15.5" font-weight="700" fill="#2f6a91">営業時間変更が伝わらず無駄足</text>
  <text x="832" y="166" font-size="13.5" fill="#4a4a4a">臨時休業や時短営業を載せていな</text>
  <text x="832" y="188" font-size="13.5" fill="#4a4a4a">いと、来店したお客様が閉まった</text>
  <text x="832" y="210" font-size="13.5" fill="#4a4a4a">店の前で困ることになる</text>

  <!-- カード3: 左下 -->
  <rect x="60" y="436" width="330" height="150" rx="14" fill="#f4f9f3" stroke="#79bb74" stroke-width="2"/>
  <circle cx="102" cy="476" r="17" fill="url(#newsTipsHubSpoke3)"/>
  <text x="102" y="482" text-anchor="middle" font-size="16" font-weight="700" fill="#ffffff">3</text>
  <text x="130" y="482" font-size="15.5" font-weight="700" fill="#3f6b3c">新サービスに気づかれない</text>
  <text x="82" y="512" font-size="13.5" fill="#4a4a4a">新メニューや新サービスを始めて</text>
  <text x="82" y="534" font-size="13.5" fill="#4a4a4a">も、載せなければ既存訪問者には</text>
  <text x="82" y="556" font-size="13.5" fill="#4a4a4a">伝わらず、埋もれてしまう</text>

  <!-- カード4: 右下 -->
  <rect x="810" y="436" width="330" height="150" rx="14" fill="#f2f8fc" stroke="#55aae2" stroke-width="2"/>
  <circle cx="852" cy="476" r="17" fill="url(#newsTipsHubSpoke4)"/>
  <text x="852" y="482" text-anchor="middle" font-size="16" font-weight="700" fill="#ffffff">4</text>
  <text x="880" y="482" font-size="15.5" font-weight="700" fill="#2f6a91">検索エンジン・生成AIに不利</text>
  <text x="832" y="512" font-size="13.5" fill="#4a4a4a">長期間更新がないと、情報の鮮度</text>
  <text x="832" y="534" font-size="13.5" fill="#4a4a4a">判断で不利に働く可能性がある。</text>
  <text x="832" y="556" font-size="13.5" fill="#4a4a4a">「動いている実態」を示す材料に</text>

  <!-- 下部まとめ -->
  <rect x="60" y="608" width="1080" height="46" rx="12" fill="#2f6a91"/>
  <text x="600" y="637" text-anchor="middle" font-size="15" font-weight="700" fill="#ffffff">どれも、数行のお知らせを1本書くだけで防げる</text>
</svg>
