<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="titleUnderlineRest" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#79bb74"/>
      <stop offset="1" stop-color="#55aae2"/>
    </linearGradient>
    <linearGradient id="hubGradRest" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#f4f9f3"/>
      <stop offset="1" stop-color="#e5f2e3"/>
    </linearGradient>
    <linearGradient id="spokeGradGourmet" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#f2f8fc"/>
      <stop offset="1" stop-color="#e3f0f9"/>
    </linearGradient>
    <linearGradient id="spokeGradGbp" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#f2f8fc"/>
      <stop offset="1" stop-color="#e3f0f9"/>
    </linearGradient>
    <linearGradient id="spokeGradSns" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#f2f8fc"/>
      <stop offset="1" stop-color="#e3f0f9"/>
    </linearGradient>
  </defs>

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

  <text x="600" y="46" text-anchor="middle" font-size="24" font-weight="700" fill="#2d2d2d">ホームページを「本命の受け皿」に、3つの入口をつなぐ</text>
  <rect x="380" y="60" width="440" height="4" rx="2" fill="url(#titleUnderlineRest)"/>

  <!-- 中心ハブ: ホームページ -->
  <rect x="470" y="290" width="260" height="130" rx="16" fill="url(#hubGradRest)" stroke="#79bb74" stroke-width="2"/>
  <text x="600" y="340" text-anchor="middle" font-size="20" font-weight="700" fill="#3f6b3c">ホームページ</text>
  <text x="600" y="365" text-anchor="middle" font-size="13" fill="#4a4a4a">予約導線・メニュー・</text>
  <text x="600" y="384" text-anchor="middle" font-size="13" fill="#4a4a4a">こだわりを蓄積する場所</text>

  <!-- スポーク1: グルメサイト -->
  <rect x="90" y="110" width="290" height="150" rx="14" fill="url(#spokeGradGourmet)" stroke="#55aae2" stroke-width="1.5"/>
  <text x="235" y="148" text-anchor="middle" font-size="16" font-weight="700" fill="#2f6a91">グルメサイト</text>
  <text x="235" y="170" text-anchor="middle" font-size="12" fill="#4a4a4a">(食べログ・ぐるなび等)</text>
  <text x="115" y="196" font-size="12.5" fill="#4a4a4a">「探している」人への</text>
  <text x="115" y="216" font-size="12.5" fill="#4a4a4a">強力な入口。手数料と</text>
  <text x="115" y="236" font-size="12.5" fill="#4a4a4a">掲載順位は運営側の仕様</text>

  <!-- スポーク2: GBP -->
  <rect x="455" y="80" width="290" height="150" rx="14" fill="url(#spokeGradGbp)" stroke="#55aae2" stroke-width="1.5"/>
  <text x="600" y="118" text-anchor="middle" font-size="16" font-weight="700" fill="#2f6a91">Googleビジネス</text>
  <text x="600" y="140" text-anchor="middle" font-size="16" font-weight="700" fill="#2f6a91">プロフィール</text>
  <text x="480" y="166" font-size="12.5" fill="#4a4a4a">地図・MEO検索での</text>
  <text x="480" y="186" font-size="12.5" fill="#4a4a4a">露出。近隣で「今すぐ」</text>
  <text x="480" y="206" font-size="12.5" fill="#4a4a4a">探す人に強い</text>

  <!-- スポーク3: SNS -->
  <rect x="820" y="110" width="290" height="150" rx="14" fill="url(#spokeGradSns)" stroke="#55aae2" stroke-width="1.5"/>
  <text x="965" y="148" text-anchor="middle" font-size="16" font-weight="700" fill="#2f6a91">SNS</text>
  <text x="965" y="170" text-anchor="middle" font-size="12" fill="#4a4a4a">(Instagram等)</text>
  <text x="845" y="196" font-size="12.5" fill="#4a4a4a">日々の発信で「今」を</text>
  <text x="845" y="216" font-size="12.5" fill="#4a4a4a">伝える。過去の投稿は</text>
  <text x="845" y="236" font-size="12.5" fill="#4a4a4a">流れて蓄積されにくい</text>

  <!-- 接続線 -->
  <line x1="290" y1="260" x2="510" y2="330" stroke="#88aac0" stroke-width="2"/>
  <line x1="600" y1="230" x2="600" y2="290" stroke="#88aac0" stroke-width="2"/>
  <line x1="910" y1="260" x2="690" y2="330" stroke="#88aac0" stroke-width="2"/>

  <!-- 予約導線 下部 -->
  <rect x="330" y="480" width="540" height="130" rx="14" fill="#f2f8fc" stroke="#55aae2" stroke-width="1.5"/>
  <text x="600" y="518" text-anchor="middle" font-size="16" font-weight="700" fill="#2f6a91">どの入口から来ても、予約・来店につながる導線を1つに</text>
  <text x="600" y="546" text-anchor="middle" font-size="13" fill="#4a4a4a">グルメサイト・GBP・SNSのプロフィールリンクを</text>
  <text x="600" y="568" text-anchor="middle" font-size="13" fill="#4a4a4a">すべてホームページの予約ボタンに集約する</text>

  <line x1="600" y1="420" x2="600" y2="480" stroke="#55aae2" stroke-width="2"/>
  <polygon points="600,486 594,474 606,474" fill="#55aae2"/>
</svg>
