<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="titleUnderlineChooseTemplate" 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="46" text-anchor="middle" font-size="26" font-weight="700" fill="#2d2d2d">オンボーディングから公開までの流れ</text>
  <rect x="420" y="62" width="360" height="4" rx="2" fill="url(#titleUnderlineChooseTemplate)"/>

  <!-- ステップ1 -->
  <rect x="90" y="160" width="280" height="260" rx="14" fill="#f4f9f3" stroke="#79bb74" stroke-width="2"/>
  <circle cx="230" cy="160" r="24" fill="#79bb74"/>
  <text x="230" y="168" text-anchor="middle" font-size="20" font-weight="700" fill="#ffffff">1</text>
  <text x="230" y="216" text-anchor="middle" font-size="17" font-weight="700" fill="#3f6b3c">AIとチャットで</text>
  <text x="230" y="238" text-anchor="middle" font-size="17" font-weight="700" fill="#3f6b3c">対話（全10ステップ）</text>
  <rect x="114" y="254" width="232" height="1" fill="#c9ddc7"/>
  <text x="130" y="284" font-size="13.5" fill="#4a4a4a">・業種、基本情報、強み</text>
  <text x="130" y="310" font-size="13.5" fill="#4a4a4a">・理念、サービス内容など</text>
  <text x="130" y="336" font-size="13.5" fill="#4a4a4a">・PDF一括入力にも対応</text>
  <text x="130" y="362" font-size="13.5" fill="#4a4a4a">・テンプレート選択は無し</text>
  <rect x="114" y="384" width="232" height="30" rx="15" fill="#79bb74"/>
  <text x="230" y="404" text-anchor="middle" font-size="13" font-weight="700" fill="#ffffff">質問に答えていくだけ</text>

  <!-- 矢印1 -->
  <line x1="378" y1="290" x2="404" y2="290" stroke="#a9a9a9" stroke-width="2.5"/>
  <polygon points="404,282 404,298 416,290" fill="#a9a9a9"/>

  <!-- ステップ2 -->
  <rect x="424" y="160" width="280" height="260" rx="14" fill="#f2f8fc" stroke="#55aae2" stroke-width="2"/>
  <circle cx="564" cy="160" r="24" fill="#55aae2"/>
  <text x="564" y="168" text-anchor="middle" font-size="20" font-weight="700" fill="#ffffff">2</text>
  <text x="564" y="216" text-anchor="middle" font-size="17" font-weight="700" fill="#2f6a91">入力内容が自動で</text>
  <text x="564" y="238" text-anchor="middle" font-size="17" font-weight="700" fill="#2f6a91">サイトに反映</text>
  <rect x="448" y="254" width="232" height="1" fill="#bcdcea"/>
  <text x="464" y="284" font-size="13.5" fill="#4a4a4a">・基本情報の保存</text>
  <text x="464" y="310" font-size="13.5" fill="#4a4a4a">・ヒーロー等の下書き作成</text>
  <text x="464" y="336" font-size="13.5" fill="#4a4a4a">・コラム2本とお知らせ作成</text>
  <text x="464" y="362" font-size="13.5" fill="#4a4a4a">・ヒーロー画像を自動選定</text>
  <rect x="448" y="384" width="232" height="30" rx="15" fill="#55aae2"/>
  <text x="564" y="404" text-anchor="middle" font-size="13" font-weight="700" fill="#ffffff">「サイトを作成して開始」</text>

  <!-- 矢印2 -->
  <line x1="712" y1="290" x2="738" y2="290" stroke="#a9a9a9" stroke-width="2.5"/>
  <polygon points="738,282 738,298 750,290" fill="#a9a9a9"/>

  <!-- ステップ3 -->
  <rect x="758" y="160" width="280" height="260" rx="14" fill="#fdf1e7" stroke="#e0894a" stroke-width="2"/>
  <circle cx="898" cy="160" r="24" fill="#e0894a"/>
  <text x="898" y="168" text-anchor="middle" font-size="20" font-weight="700" fill="#ffffff">3</text>
  <text x="898" y="216" text-anchor="middle" font-size="17" font-weight="700" fill="#a85a1e">AI審査を経て</text>
  <text x="898" y="238" text-anchor="middle" font-size="17" font-weight="700" fill="#a85a1e">自動で公開</text>
  <rect x="782" y="254" width="232" height="1" fill="#f0d5b8"/>
  <text x="798" y="284" font-size="13.5" fill="#4a4a4a">・処理完了後に自動審査</text>
  <text x="798" y="310" font-size="13.5" fill="#4a4a4a">・問題なければ即公開</text>
  <text x="798" y="336" font-size="13.5" fill="#4a4a4a">・テンプレートは公開後に</text>
  <text x="798" y="362" font-size="13.5" fill="#4a4a4a">　「デザイン」画面で選ぶ</text>
  <rect x="782" y="384" width="232" height="30" rx="15" fill="#e0894a"/>
  <text x="898" y="404" text-anchor="middle" font-size="13" font-weight="700" fill="#ffffff">「/mypage」へ移動</text>

  <!-- フッター -->
  <rect x="90" y="460" width="948" height="86" rx="12" fill="#f5f5f3"/>
  <text x="564" y="494" text-anchor="middle" font-size="16" font-weight="700" fill="#2d2d2d">オンボーディング完了時点で、サイトはすでに公開されている</text>
  <text x="564" y="522" text-anchor="middle" font-size="13.5" fill="#4a4a4a">テンプレート・カラー・フォントの見た目調整は、公開後の「デザイン」画面で行う</text>
</svg>
