<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="titleUnderlineDomain" 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="48" text-anchor="middle" font-size="27" font-weight="700" fill="#2d2d2d">無料URLと独自ドメインの違い</text>
  <rect x="480" y="64" width="240" height="4" rx="2" fill="url(#titleUnderlineDomain)"/>

  <!-- 左カラム: 無料URL -->
  <rect x="90" y="95" width="480" height="400" rx="14" fill="#f5f5f3" stroke="#a9a9a9" stroke-width="2"/>
  <text x="330" y="135" text-anchor="middle" font-size="20" font-weight="700" fill="#2d2d2d">無料URL</text>
  <text x="330" y="163" text-anchor="middle" font-size="14" fill="#6a6a6a">omote-light.com/abc-shop</text>

  <line x1="120" y1="185" x2="540" y2="185" stroke="#dcdcdc" stroke-width="1"/>

  <text x="120" y="218" font-size="14.5" fill="#4a4a4a">・URLが長く、口頭で伝えにくい</text>
  <text x="120" y="250" font-size="14.5" fill="#4a4a4a">・メールはgmail等の共有ドメイン</text>
  <text x="120" y="282" font-size="14.5" fill="#4a4a4a">・初めての取引先に不安を与える</text>
  <text x="120" y="314" font-size="14.5" fill="#4a4a4a">ことがある</text>
  <text x="120" y="346" font-size="14.5" fill="#4a4a4a">・サービス乗り換え時にURLが</text>
  <text x="120" y="378" font-size="14.5" fill="#4a4a4a">変わり、検索順位がリセットされる</text>
  <text x="120" y="410" font-size="14.5" fill="#4a4a4a">・開業直後や方向性が未定の段階に</text>
  <text x="120" y="442" font-size="14.5" fill="#4a4a4a">は十分な選択肢</text>

  <!-- 右カラム: 独自ドメイン -->
  <rect x="630" y="95" width="480" height="400" rx="14" fill="#f4f9f3" stroke="#79bb74" stroke-width="2"/>
  <text x="870" y="135" text-anchor="middle" font-size="20" font-weight="700" fill="#2d2d2d">独自ドメイン</text>
  <text x="870" y="163" text-anchor="middle" font-size="14" fill="#3f6b3c">abc-shop.com</text>

  <line x1="660" y1="185" x2="1080" y2="185" stroke="#bcdcb8" stroke-width="1"/>

  <text x="660" y="218" font-size="14.5" fill="#3f6b3c">・短く覚えやすく、名刺やチラシに</text>
  <text x="660" y="250" font-size="14.5" fill="#3f6b3c">印刷しやすい</text>
  <text x="660" y="282" font-size="14.5" fill="#3f6b3c">・info@自社名.comの専用メールで</text>
  <text x="660" y="314" font-size="14.5" fill="#3f6b3c">信頼感が上がる</text>
  <text x="660" y="346" font-size="14.5" fill="#3f6b3c">・被リンクが集まりやすくAIにも</text>
  <text x="660" y="378" font-size="14.5" fill="#3f6b3c">「一次情報」として優先されやすい</text>
  <text x="660" y="410" font-size="14.5" fill="#3f6b3c">・年額1,500円〜と費用は小さく、</text>
  <text x="660" y="442" font-size="14.5" fill="#3f6b3c">検索資産を将来も引き継げる</text>

  <!-- 中央のVS -->
  <circle cx="600" cy="295" r="34" fill="#ffffff" stroke="#dcdcdc" stroke-width="2"/>
  <text x="600" y="303" text-anchor="middle" font-size="18" font-weight="700" fill="#6a6a6a">VS</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件超・BtoB取引の増加が切り替えの目安</text>
  <text x="600" y="606" text-anchor="middle" font-size="15" fill="#4a4a4a">月数百円の投資で、将来の検索資産と信頼を確保できる</text>
</svg>
