<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="titleUnderlineRenewal" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#79bb74"/>
      <stop offset="1" stop-color="#55aae2"/>
    </linearGradient>
    <marker id="arrowHeadRenewal" markerWidth="9" markerHeight="9" refX="6" refY="4.5" orient="auto">
      <path d="M0,0 L9,4.5 L0,9 Z" fill="#a9a9a9"/>
    </marker>
  </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">作り直すべき4つのサインと判断の流れ</text>
  <rect x="440" y="62" width="320" height="4" rx="2" fill="url(#titleUnderlineRenewal)"/>

  <!-- 4つのサイン (横並びカード) -->
  <rect x="50" y="95" width="255" height="130" rx="12" fill="#f2f8fc" stroke="#55aae2" stroke-width="2"/>
  <text x="177" y="122" text-anchor="middle" font-size="15" font-weight="700" fill="#2f6a91">サイン1</text>
  <text x="177" y="150" text-anchor="middle" font-size="14.5" font-weight="700" fill="#2d2d2d">スマホで見づらい</text>
  <text x="177" y="174" text-anchor="middle" font-size="12.5" fill="#4a4a4a">文字が小さい・押しにくい</text>
  <text x="177" y="194" text-anchor="middle" font-size="12.5" fill="#4a4a4a">表示に時間がかかる</text>

  <rect x="320" y="95" width="255" height="130" rx="12" fill="#f4f9f3" stroke="#79bb74" stroke-width="2"/>
  <text x="447" y="122" text-anchor="middle" font-size="15" font-weight="700" fill="#3f6b3c">サイン2</text>
  <text x="447" y="150" text-anchor="middle" font-size="14.5" font-weight="700" fill="#2d2d2d">問い合わせが減った</text>
  <text x="447" y="174" text-anchor="middle" font-size="12.5" fill="#4a4a4a">競合が刷新し見劣りする</text>
  <text x="447" y="194" text-anchor="middle" font-size="12.5" fill="#4a4a4a">理由もなく反応が減少</text>

  <rect x="590" y="95" width="255" height="130" rx="12" fill="#f2f8fc" stroke="#55aae2" stroke-width="2"/>
  <text x="717" y="122" text-anchor="middle" font-size="15" font-weight="700" fill="#2f6a91">サイン3</text>
  <text x="717" y="150" text-anchor="middle" font-size="14.5" font-weight="700" fill="#2d2d2d">事業内容が変わった</text>
  <text x="717" y="174" text-anchor="middle" font-size="12.5" fill="#4a4a4a">主力サービス・実績・</text>
  <text x="717" y="194" text-anchor="middle" font-size="12.5" fill="#4a4a4a">会社情報の変化を未反映</text>

  <rect x="860" y="95" width="255" height="130" rx="12" fill="#f4f9f3" stroke="#79bb74" stroke-width="2"/>
  <text x="987" y="122" text-anchor="middle" font-size="15" font-weight="700" fill="#3f6b3c">サイン4</text>
  <text x="987" y="150" text-anchor="middle" font-size="14.5" font-weight="700" fill="#2d2d2d">自分で更新できない</text>
  <text x="987" y="174" text-anchor="middle" font-size="12.5" fill="#4a4a4a">修正のたびに制作会社へ依頼</text>
  <text x="987" y="194" text-anchor="middle" font-size="12.5" fill="#4a4a4a">担当者しか触れない</text>

  <!-- 矢印: 4カードから判定ボックスへ集約 -->
  <path d="M 177 225 L 500 275" stroke="#a9a9a9" stroke-width="2" fill="none" marker-end="url(#arrowHeadRenewal)"/>
  <path d="M 447 225 L 540 275" stroke="#a9a9a9" stroke-width="2" fill="none" marker-end="url(#arrowHeadRenewal)"/>
  <path d="M 717 225 L 660 275" stroke="#a9a9a9" stroke-width="2" fill="none" marker-end="url(#arrowHeadRenewal)"/>
  <path d="M 987 225 L 700 275" stroke="#a9a9a9" stroke-width="2" fill="none" marker-end="url(#arrowHeadRenewal)"/>

  <!-- 判定ボックス -->
  <rect x="410" y="280" width="380" height="70" rx="14" fill="#2f6a91"/>
  <text x="600" y="308" text-anchor="middle" font-size="16" font-weight="700" fill="#ffffff">いくつ当てはまるか数える</text>
  <text x="600" y="332" text-anchor="middle" font-size="13.5" fill="#e8f2fa">3つ以上＝全体作り直しの検討時期</text>

  <!-- 分岐: 部分改修 vs フルリニューアル -->
  <path d="M 480 350 L 300 420" stroke="#a9a9a9" stroke-width="2" fill="none" marker-end="url(#arrowHeadRenewal)"/>
  <path d="M 720 350 L 900 420" stroke="#a9a9a9" stroke-width="2" fill="none" marker-end="url(#arrowHeadRenewal)"/>

  <rect x="90" y="425" width="420" height="150" rx="14" fill="#f4f9f3" stroke="#79bb74" stroke-width="2"/>
  <text x="300" y="455" text-anchor="middle" font-size="17" font-weight="700" fill="#3f6b3c">部分改修で様子を見る</text>
  <text x="300" y="483" text-anchor="middle" font-size="13.5" fill="#4a4a4a">1〜2個の該当、または</text>
  <text x="300" y="505" text-anchor="middle" font-size="13.5" fill="#4a4a4a">改修箇所が全体の3割未満</text>
  <text x="300" y="527" text-anchor="middle" font-size="13.5" fill="#4a4a4a">改修費用の年間合計が</text>
  <text x="300" y="549" text-anchor="middle" font-size="13.5" fill="#4a4a4a">フルリニューアル費用の2割未満</text>

  <rect x="690" y="425" width="420" height="150" rx="14" fill="#f2f8fc" stroke="#55aae2" stroke-width="2"/>
  <text x="900" y="455" text-anchor="middle" font-size="17" font-weight="700" fill="#2f6a91">フルリニューアルを検討</text>
  <text x="900" y="483" text-anchor="middle" font-size="13.5" fill="#4a4a4a">3つ以上該当、または</text>
  <text x="900" y="505" text-anchor="middle" font-size="13.5" fill="#4a4a4a">改修箇所が全体の3割超</text>
  <text x="900" y="527" text-anchor="middle" font-size="13.5" fill="#4a4a4a">改修費用の年間合計が</text>
  <text x="900" y="549" text-anchor="middle" font-size="13.5" fill="#4a4a4a">フルリニューアル費用の2割超</text>

  <!-- フッター -->
  <rect x="90" y="605" width="1020" height="55" rx="12" fill="#f5f5f3"/>
  <text x="600" y="638" text-anchor="middle" font-size="15" font-weight="700" fill="#2d2d2d">年数ではなく「今どんな支障が出ているか」で判断する</text>
</svg>
