<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="titleUnderlineGym" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#79bb74"/>
      <stop offset="1" stop-color="#55aae2"/>
    </linearGradient>
    <linearGradient id="cardGradLeftGym" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#f4f9f3"/>
      <stop offset="1" stop-color="#e5f2e3"/>
    </linearGradient>
    <linearGradient id="cardGradMidGym" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#f7f3e8"/>
      <stop offset="1" stop-color="#efe6d0"/>
    </linearGradient>
    <linearGradient id="cardGradRightGym" 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="42" text-anchor="middle" font-size="21" font-weight="700" fill="#2d2d2d">Instagram・ポータルサイト・自社ホームページ、それぞれの役割</text>
  <rect x="380" y="55" width="440" height="4" rx="2" fill="url(#titleUnderlineGym)"/>

  <!-- 左カード: Instagram -->
  <rect x="40" y="90" width="345" height="530" rx="14" fill="url(#cardGradLeftGym)" stroke="#79bb74" stroke-width="1.5"/>
  <circle cx="212" cy="130" r="20" fill="#79bb74"/>
  <text x="212" y="137" text-anchor="middle" font-size="16" font-weight="700" fill="#ffffff">I</text>
  <text x="212" y="172" text-anchor="middle" font-size="17" font-weight="700" fill="#3f6b3c">Instagram</text>

  <text x="65" y="210" font-size="13" font-weight="700" fill="#3f6b3c">得意なこと</text>
  <text x="65" y="233" font-size="12" fill="#4a4a4a">・トレーニング風景や</text>
  <text x="78" y="251" font-size="12" fill="#4a4a4a">ビフォーアフターを</text>
  <text x="78" y="269" font-size="12" fill="#4a4a4a">日常的に届けられる</text>
  <text x="65" y="292" font-size="12" fill="#4a4a4a">・DMで気軽にやり取り</text>
  <text x="65" y="315" font-size="12" fill="#4a4a4a">・見た瞬間の興味づけに強い</text>

  <line x1="65" y1="335" x2="360" y2="335" stroke="#c8dfc6" stroke-width="1"/>

  <text x="65" y="362" font-size="13" font-weight="700" fill="#3f6b3c">苦手なこと</text>
  <text x="65" y="385" font-size="12" fill="#4a4a4a">・投稿は時系列で流れる</text>
  <text x="65" y="407" font-size="12" fill="#4a4a4a">・料金体系や指導方針を</text>
  <text x="78" y="425" font-size="12" fill="#4a4a4a">まとめて確認できない</text>
  <text x="65" y="447" font-size="12" fill="#4a4a4a">・条件明記が徹底しにくい</text>

  <rect x="60" y="555" width="305" height="50" rx="9" fill="#ffffff" stroke="#a8cca5" stroke-width="1"/>
  <text x="212" y="576" text-anchor="middle" font-size="12" font-weight="700" fill="#3f6b3c">向いている役割</text>
  <text x="212" y="593" text-anchor="middle" font-size="11" fill="#4a4a4a">「変化の見た目で興味を引く」入口</text>

  <!-- 中央カード: ポータルサイト -->
  <rect x="427" y="90" width="345" height="530" rx="14" fill="url(#cardGradMidGym)" stroke="#c8a050" stroke-width="1.5"/>
  <circle cx="599" cy="130" r="20" fill="#c8a050"/>
  <text x="599" y="137" text-anchor="middle" font-size="16" font-weight="700" fill="#ffffff">P</text>
  <text x="599" y="172" text-anchor="middle" font-size="17" font-weight="700" fill="#8a6a2f">ポータルサイト</text>

  <text x="452" y="210" font-size="13" font-weight="700" fill="#8a6a2f">得意なこと</text>
  <text x="452" y="233" font-size="12" fill="#4a4a4a">・比較検討層に</text>
  <text x="465" y="251" font-size="12" fill="#4a4a4a">見つけてもらいやすい</text>
  <text x="452" y="274" font-size="12" fill="#4a4a4a">・掲載直後から露出できる</text>

  <line x1="452" y1="300" x2="747" y2="300" stroke="#e0cd9e" stroke-width="1"/>

  <text x="452" y="327" font-size="13" font-weight="700" fill="#8a6a2f">苦手なこと</text>
  <text x="452" y="350" font-size="12" fill="#4a4a4a">・掲載料が継続的にかかる</text>
  <text x="452" y="372" font-size="12" fill="#4a4a4a">・他院との比較表示の中に</text>
  <text x="465" y="390" font-size="12" fill="#4a4a4a">埋もれやすい</text>
  <text x="452" y="412" font-size="12" fill="#4a4a4a">・指導方針の違いが</text>
  <text x="465" y="430" font-size="12" fill="#4a4a4a">伝わりにくい</text>

  <rect x="447" y="555" width="305" height="50" rx="9" fill="#ffffff" stroke="#ddc389" stroke-width="1"/>
  <text x="599" y="576" text-anchor="middle" font-size="12" font-weight="700" fill="#8a6a2f">向いている役割</text>
  <text x="599" y="593" text-anchor="middle" font-size="11" fill="#4a4a4a">「比較検討層に見つけてもらう」場所</text>

  <!-- 右カード: 自社ホームページ -->
  <rect x="814" y="90" width="345" height="530" rx="14" fill="url(#cardGradRightGym)" stroke="#55aae2" stroke-width="1.5"/>
  <circle cx="986" cy="130" r="20" fill="#55aae2"/>
  <text x="986" y="137" text-anchor="middle" font-size="16" font-weight="700" fill="#ffffff">H</text>
  <text x="986" y="172" text-anchor="middle" font-size="17" font-weight="700" fill="#2f6a91">自社ホームページ</text>

  <text x="839" y="210" font-size="13" font-weight="700" fill="#2f6a91">得意なこと</text>
  <text x="839" y="233" font-size="12" fill="#4a4a4a">・料金体系や指導方針を</text>
  <text x="852" y="251" font-size="12" fill="#4a4a4a">一覧化して蓄積できる</text>
  <text x="839" y="274" font-size="12" fill="#4a4a4a">・体験談の条件を丁寧に</text>
  <text x="852" y="292" font-size="12" fill="#4a4a4a">説明できる</text>
  <text x="839" y="315" font-size="12" fill="#4a4a4a">・独自ドメインなら自社資産に</text>

  <line x1="839" y1="335" x2="1134" y2="335" stroke="#a8cfe8" stroke-width="1"/>

  <text x="839" y="362" font-size="13" font-weight="700" fill="#2f6a91">苦手なこと</text>
  <text x="839" y="385" font-size="12" fill="#4a4a4a">・単体では新規の出会いを</text>
  <text x="852" y="403" font-size="12" fill="#4a4a4a">生み出す力が弱い</text>
  <text x="839" y="425" font-size="12" fill="#4a4a4a">・知ってもらった後で</text>
  <text x="852" y="443" font-size="12" fill="#4a4a4a">初めて検索される</text>

  <rect x="834" y="555" width="305" height="50" rx="9" fill="#ffffff" stroke="#a8cfe8" stroke-width="1"/>
  <text x="986" y="576" text-anchor="middle" font-size="12" font-weight="700" fill="#2f6a91">向いている役割</text>
  <text x="986" y="593" text-anchor="middle" font-size="11" fill="#4a4a4a">「料金・指導方針を確認する」場所</text>

  <!-- 連携矢印 -->
  <path d="M 388 340 L 424 340" stroke="#8a8a8a" stroke-width="2.5" fill="none" marker-end="url(#arrowGym1)"/>
  <path d="M 775 340 L 811 340" stroke="#8a8a8a" stroke-width="2.5" fill="none" marker-end="url(#arrowGym2)"/>
  <defs>
    <marker id="arrowGym1" markerWidth="10" markerHeight="10" refX="8" refY="3" orient="auto" markerUnits="strokeWidth">
      <path d="M0,0 L0,6 L9,3 z" fill="#8a8a8a"/>
    </marker>
    <marker id="arrowGym2" markerWidth="10" markerHeight="10" refX="8" refY="3" orient="auto" markerUnits="strokeWidth">
      <path d="M0,0 L0,6 L9,3 z" fill="#8a8a8a"/>
    </marker>
  </defs>
  <text x="600" y="650" text-anchor="middle" font-size="13" fill="#666666">3つを役割分担させ、興味づけ・比較検討から料金・指導方針の確認へ橋渡しするのが基本形</text>
</svg>
