<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="titleUnderlineMigrationSteps" 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">ホームページ乗り換えの5ステップと期間の目安</text>
  <rect x="420" y="62" width="360" height="4" rx="2" fill="url(#titleUnderlineMigrationSteps)"/>

  <!-- ステップ1 -->
  <rect x="44" y="140" width="200" height="240" rx="14" fill="#f4f9f3" stroke="#79bb74" stroke-width="2"/>
  <circle cx="144" cy="140" r="22" fill="#79bb74"/>
  <text x="144" y="147" text-anchor="middle" font-size="18" font-weight="700" fill="#ffffff">1</text>
  <text x="144" y="192" text-anchor="middle" font-size="16" font-weight="700" fill="#3f6b3c">現状の棚卸し</text>
  <rect x="64" y="206" width="160" height="1" fill="#c9ddc7"/>
  <text x="72" y="232" font-size="12.5" fill="#4a4a4a">・ドメインの名義</text>
  <text x="72" y="254" font-size="12.5" fill="#4a4a4a">・契約の解約条件</text>
  <text x="72" y="276" font-size="12.5" fill="#4a4a4a">・元データの退避</text>
  <rect x="64" y="322" width="160" height="34" rx="17" fill="#79bb74"/>
  <text x="144" y="344" text-anchor="middle" font-size="12.5" font-weight="700" fill="#ffffff">1〜2週間</text>

  <!-- 矢印1 -->
  <line x1="248" y1="260" x2="264" y2="260" stroke="#4a4a4a" stroke-width="2.5"/>
  <polygon points="264,254 264,266 272,260" fill="#4a4a4a"/>

  <!-- ステップ2 -->
  <rect x="272" y="140" width="200" height="240" rx="14" fill="#f2f8fc" stroke="#55aae2" stroke-width="2"/>
  <circle cx="372" cy="140" r="22" fill="#55aae2"/>
  <text x="372" y="147" text-anchor="middle" font-size="18" font-weight="700" fill="#ffffff">2</text>
  <text x="372" y="192" text-anchor="middle" font-size="16" font-weight="700" fill="#2f6a91">移行先の構築</text>
  <rect x="292" y="206" width="160" height="1" fill="#bcdcea"/>
  <text x="300" y="232" font-size="12.5" fill="#4a4a4a">・移行先を比較して決定</text>
  <text x="300" y="254" font-size="12.5" fill="#4a4a4a">・旧サイトは公開のまま</text>
  <text x="300" y="276" font-size="12.5" fill="#4a4a4a">・新サイトを別で作成</text>
  <rect x="292" y="322" width="160" height="34" rx="17" fill="#55aae2"/>
  <text x="372" y="344" text-anchor="middle" font-size="12.5" font-weight="700" fill="#ffffff">2週間〜1ヶ月</text>

  <!-- 矢印2 -->
  <line x1="476" y1="260" x2="492" y2="260" stroke="#4a4a4a" stroke-width="2.5"/>
  <polygon points="492,254 492,266 500,260" fill="#4a4a4a"/>

  <!-- ステップ3 -->
  <rect x="500" y="140" width="200" height="240" rx="14" fill="#f4f9f3" stroke="#79bb74" stroke-width="2"/>
  <circle cx="600" cy="140" r="22" fill="#79bb74"/>
  <text x="600" y="147" text-anchor="middle" font-size="18" font-weight="700" fill="#ffffff">3</text>
  <text x="600" y="184" text-anchor="middle" font-size="15" font-weight="700" fill="#3f6b3c">ドメインの</text>
  <text x="600" y="203" text-anchor="middle" font-size="15" font-weight="700" fill="#3f6b3c">移管・接続</text>
  <rect x="520" y="214" width="160" height="1" fill="#c9ddc7"/>
  <text x="528" y="240" font-size="12.5" fill="#4a4a4a">・接続変更なら費用0円</text>
  <text x="528" y="262" font-size="12.5" fill="#4a4a4a">・移管は更新料</text>
  <text x="528" y="280" font-size="12.5" fill="#4a4a4a">　1年分が目安</text>
  <rect x="520" y="322" width="160" height="34" rx="17" fill="#79bb74"/>
  <text x="600" y="344" text-anchor="middle" font-size="12.5" font-weight="700" fill="#ffffff">数日〜2週間</text>

  <!-- 矢印3 -->
  <line x1="704" y1="260" x2="720" y2="260" stroke="#4a4a4a" stroke-width="2.5"/>
  <polygon points="720,254 720,266 728,260" fill="#4a4a4a"/>

  <!-- ステップ4 -->
  <rect x="728" y="140" width="200" height="240" rx="14" fill="#f2f8fc" stroke="#55aae2" stroke-width="2"/>
  <circle cx="828" cy="140" r="22" fill="#55aae2"/>
  <text x="828" y="147" text-anchor="middle" font-size="18" font-weight="700" fill="#ffffff">4</text>
  <text x="828" y="184" text-anchor="middle" font-size="15" font-weight="700" fill="#2f6a91">表示とメール</text>
  <text x="828" y="203" text-anchor="middle" font-size="15" font-weight="700" fill="#2f6a91">の確認</text>
  <rect x="748" y="214" width="160" height="1" fill="#bcdcea"/>
  <text x="756" y="240" font-size="12.5" fill="#4a4a4a">・反映まで新旧が混在</text>
  <text x="756" y="262" font-size="12.5" fill="#4a4a4a">・メールはテスト送受信</text>
  <text x="756" y="284" font-size="12.5" fill="#4a4a4a">・フォームも必ず確認</text>
  <rect x="748" y="322" width="160" height="34" rx="17" fill="#55aae2"/>
  <text x="828" y="344" text-anchor="middle" font-size="12.5" font-weight="700" fill="#ffffff">数時間〜2日</text>

  <!-- 矢印4 -->
  <line x1="932" y1="260" x2="948" y2="260" stroke="#4a4a4a" stroke-width="2.5"/>
  <polygon points="948,254 948,266 956,260" fill="#4a4a4a"/>

  <!-- ステップ5 -->
  <rect x="956" y="140" width="200" height="240" rx="14" fill="#fdf1e7" stroke="#e0894a" stroke-width="2"/>
  <circle cx="1056" cy="140" r="22" fill="#e0894a"/>
  <text x="1056" y="147" text-anchor="middle" font-size="18" font-weight="700" fill="#ffffff">5</text>
  <text x="1056" y="184" text-anchor="middle" font-size="15" font-weight="700" fill="#a85a1e">旧サービス</text>
  <text x="1056" y="203" text-anchor="middle" font-size="15" font-weight="700" fill="#a85a1e">の解約</text>
  <rect x="976" y="214" width="160" height="1" fill="#f0d5b8"/>
  <text x="984" y="240" font-size="12.5" fill="#4a4a4a">・すべての確認が</text>
  <text x="984" y="258" font-size="12.5" fill="#4a4a4a">　済んでから</text>
  <text x="984" y="280" font-size="12.5" fill="#4a4a4a">・並行期間を設ける</text>
  <rect x="976" y="322" width="160" height="34" rx="17" fill="#e0894a"/>
  <text x="1056" y="344" text-anchor="middle" font-size="12.5" font-weight="700" fill="#ffffff">必ず最後に</text>

  <!-- 結論バー -->
  <rect x="60" y="440" width="1080" height="170" rx="14" fill="#2f6a91"/>
  <text x="600" y="482" text-anchor="middle" font-size="17" font-weight="700" fill="#ffffff">解約は必ず最後。全体で1〜2ヶ月の計画で進める</text>
  <text x="600" y="520" text-anchor="middle" font-size="13.5" fill="#e8f2fa">順番を守れば、URL（ドメイン）もメールアドレスも止めずに乗り換えられる</text>
  <text x="600" y="548" text-anchor="middle" font-size="13.5" fill="#e8f2fa">切り替え後も2週間〜1ヶ月は旧環境を残し、データの取り忘れ・設定漏れに備える</text>
  <text x="600" y="576" text-anchor="middle" font-size="13.5" fill="#e8f2fa">切り替えは繁忙期を避け、アクセスの少ない曜日・時間帯に行う</text>
</svg>
