<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 675" font-family="'Hiragino Kaku Gothic ProN','Hiragino Sans','Noto Sans JP',sans-serif">
  <defs>
    <linearGradient id="brandLine" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0%" stop-color="#55aae2"/>
      <stop offset="100%" stop-color="#79bb74"/>
    </linearGradient>
    <marker id="arrowBlue" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
      <path d="M 0 0 L 10 5 L 0 10 z" fill="#2f6a91"/>
    </marker>
  </defs>

  <rect x="0" y="0" width="1200" height="675" fill="#ffffff"/>

  <!-- Title -->
  <text x="600" y="46" text-anchor="middle" font-size="26" font-weight="700" fill="#2d2d2d">問い合わせ対応「24時間ルール」の流れ</text>
  <rect x="470" y="60" width="260" height="4" rx="2" fill="url(#brandLine)"/>

  <!-- Timeline base line -->
  <line x1="90" y1="180" x2="1110" y2="180" stroke="#e6f2fa" stroke-width="6" stroke-linecap="round"/>
  <line x1="90" y1="180" x2="820" y2="180" stroke="url(#brandLine)" stroke-width="6" stroke-linecap="round"/>

  <!-- Stage 1: 即時 -->
  <circle cx="150" cy="180" r="14" fill="#2f6a91"/>
  <text x="150" y="186" text-anchor="middle" font-size="14" font-weight="700" fill="#ffffff">1</text>
  <text x="150" y="140" text-anchor="middle" font-size="15" font-weight="700" fill="#2f6a91">即時</text>
  <rect x="45" y="205" width="210" height="118" rx="12" fill="#f2f8fc" stroke="#55aae2" stroke-width="2"/>
  <text x="150" y="232" text-anchor="middle" font-size="15" font-weight="700" fill="#2d2d2d">自動返信メール</text>
  <text x="150" y="256" text-anchor="middle" font-size="12.5" fill="#4a4a4a">送信直後にシステムが</text>
  <text x="150" y="274" text-anchor="middle" font-size="12.5" fill="#4a4a4a">自動で一次対応</text>
  <text x="150" y="300" text-anchor="middle" font-size="12" fill="#2f6a91" font-weight="700">受付完了・目安時間</text>
  <text x="150" y="317" text-anchor="middle" font-size="12" fill="#2f6a91" font-weight="700">緊急連絡先を通知</text>

  <!-- Stage 2: 当日中〜24時間 -->
  <circle cx="480" cy="180" r="14" fill="#2f6a91"/>
  <text x="480" y="186" text-anchor="middle" font-size="14" font-weight="700" fill="#ffffff">2</text>
  <text x="480" y="140" text-anchor="middle" font-size="15" font-weight="700" fill="#2f6a91">当日中〜24時間以内</text>
  <rect x="375" y="205" width="210" height="118" rx="12" fill="#f2f8fc" stroke="#55aae2" stroke-width="2"/>
  <text x="480" y="232" text-anchor="middle" font-size="15" font-weight="700" fill="#2d2d2d">人による本返信</text>
  <text x="480" y="256" text-anchor="middle" font-size="12.5" fill="#4a4a4a">内容を確認し</text>
  <text x="480" y="274" text-anchor="middle" font-size="12.5" fill="#4a4a4a">簡易回答・日程調整</text>
  <text x="480" y="300" text-anchor="middle" font-size="12" fill="#2f6a91" font-weight="700">最低ラインは24時間</text>
  <text x="480" y="317" text-anchor="middle" font-size="12" fill="#2f6a91" font-weight="700">休日は翌営業日午前</text>

  <!-- Stage 3: 2〜3営業日 -->
  <circle cx="820" cy="180" r="14" fill="#3f6b3c"/>
  <text x="820" y="186" text-anchor="middle" font-size="14" font-weight="700" fill="#ffffff">3</text>
  <text x="820" y="140" text-anchor="middle" font-size="15" font-weight="700" fill="#3f6b3c">2〜3営業日以内</text>
  <rect x="715" y="205" width="210" height="118" rx="12" fill="#f4f9f3" stroke="#79bb74" stroke-width="2"/>
  <text x="820" y="232" text-anchor="middle" font-size="15" font-weight="700" fill="#2d2d2d">詳細な提案・見積もり</text>
  <text x="820" y="256" text-anchor="middle" font-size="12.5" fill="#4a4a4a">現地確認や</text>
  <text x="820" y="274" text-anchor="middle" font-size="12.5" fill="#4a4a4a">詳細見積もりが必要な場合</text>
  <text x="820" y="300" text-anchor="middle" font-size="12" fill="#3f6b3c" font-weight="700">数日かかっても</text>
  <text x="820" y="317" text-anchor="middle" font-size="12" fill="#3f6b3c" font-weight="700">問題ない領域</text>

  <!-- Stage 4 (goal, unfilled line already ends before it): 成約 -->
  <circle cx="1110" cy="180" r="16" fill="#ffffff" stroke="#3f6b3c" stroke-width="3"/>
  <text x="1110" y="140" text-anchor="middle" font-size="15" font-weight="700" fill="#2d2d2d">ゴール</text>
  <rect x="1010" y="205" width="200" height="118" rx="12" fill="#2d2d2d"/>
  <text x="1110" y="235" text-anchor="middle" font-size="15" font-weight="700" fill="#ffffff">比較検討中の</text>
  <text x="1110" y="256" text-anchor="middle" font-size="15" font-weight="700" fill="#ffffff">お客様を逃さず</text>
  <text x="1110" y="281" text-anchor="middle" font-size="13" fill="#cfe4cc">成約につなげる</text>
  <text x="1110" y="303" text-anchor="middle" font-size="12" fill="#c9e2f4">早さが内容の</text>
  <text x="1110" y="319" text-anchor="middle" font-size="12" fill="#c9e2f4">立派さより効く</text>

  <!-- connecting arrows between boxes -->
  <line x1="257" y1="264" x2="373" y2="264" stroke="#2f6a91" stroke-width="2.2" marker-end="url(#arrowBlue)"/>
  <line x1="587" y1="264" x2="713" y2="264" stroke="#2f6a91" stroke-width="2.2" marker-end="url(#arrowBlue)"/>
  <line x1="927" y1="264" x2="1008" y2="264" stroke="#2f6a91" stroke-width="2.2" marker-end="url(#arrowBlue)"/>

  <!-- Divider -->
  <line x1="90" y1="365" x2="1110" y2="365" stroke="#f5f5f3" stroke-width="1.5"/>

  <!-- Bottom: what happens if delayed -->
  <text x="150" y="400" font-size="16" font-weight="700" fill="#8a5a4a">対応が遅れると起きること</text>

  <rect x="90" y="418" width="500" height="192" rx="12" fill="#f5f5f3" stroke="#a9a9a9" stroke-width="2"/>
  <circle cx="125" cy="450" r="10" fill="#8a5a4a"/>
  <text x="125" y="455" text-anchor="middle" font-size="12" font-weight="700" fill="#ffffff">1</text>
  <text x="148" y="455" font-size="13.5" font-weight="700" fill="#2d2d2d">先に返信した同業他社に決まる</text>

  <circle cx="125" cy="486" r="10" fill="#8a5a4a"/>
  <text x="125" y="491" text-anchor="middle" font-size="12" font-weight="700" fill="#ffffff">2</text>
  <text x="148" y="491" font-size="13.5" font-weight="700" fill="#2d2d2d">数日で気持ちが冷めて離脱する</text>

  <circle cx="125" cy="524" r="10" fill="#8a5a4a"/>
  <text x="125" y="529" text-anchor="middle" font-size="12" font-weight="700" fill="#ffffff">3</text>
  <text x="148" y="522" font-size="13.5" font-weight="700" fill="#2d2d2d">「対応が雑」という印象が</text>
  <text x="148" y="542" font-size="13.5" font-weight="700" fill="#2d2d2d">第一印象として固定される</text>

  <circle cx="125" cy="570" r="10" fill="#8a5a4a"/>
  <text x="125" y="575" text-anchor="middle" font-size="12" font-weight="700" fill="#ffffff">4</text>
  <text x="148" y="568" font-size="13.5" font-weight="700" fill="#2d2d2d">丁寧な対応でも第一印象を</text>
  <text x="148" y="588" font-size="13.5" font-weight="700" fill="#2d2d2d">覆せない</text>

  <!-- Bottom right: key stat callout -->
  <rect x="610" y="418" width="500" height="192" rx="12" fill="#f2f8fc" stroke="#55aae2" stroke-width="2"/>
  <text x="640" y="452" font-size="14" fill="#2d2d2d">国内調査：問い合わせの回答時間について</text>
  <text x="640" y="475" font-size="14" fill="#2d2d2d">「24時間以内」を我慢の限界と感じる人</text>
  <text x="860" y="522" text-anchor="middle" font-size="42" font-weight="700" fill="#2f6a91">7割超</text>
  <text x="640" y="560" font-size="13" fill="#4a4a4a">対応スピードと商談化率の関係を調べた</text>
  <text x="640" y="580" font-size="13" fill="#4a4a4a">事例でも、24時間以内の返信と3日以上とで</text>
  <text x="640" y="600" font-size="13" fill="#4a4a4a">商談化率に大きな差が出たと報告されている</text>

</svg>
