<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="titleUnderlineManageInquiries" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#79bb74"/>
      <stop offset="1" stop-color="#55aae2"/>
    </linearGradient>
    <marker id="arrowManageInquiries" markerWidth="10" markerHeight="10" refX="8" refY="5" orient="auto">
      <polygon points="0,0 10,5 0,10" fill="#a9a9a9"/>
    </marker>
  </defs>

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

  <!-- タイトル -->
  <text x="600" y="42" text-anchor="middle" font-size="25" font-weight="700" fill="#2d2d2d">問い合わせ受信から返信までの流れ</text>
  <rect x="415" y="58" width="370" height="4" rx="2" fill="url(#titleUnderlineManageInquiries)"/>

  <!-- ステップ1 -->
  <rect x="60" y="150" width="252" height="270" rx="14" fill="#f4f9f3" stroke="#79bb74" stroke-width="2"/>
  <circle cx="186" cy="150" r="22" fill="#79bb74"/>
  <text x="186" y="157" text-anchor="middle" font-size="18" font-weight="700" fill="#ffffff">1</text>
  <text x="186" y="202" text-anchor="middle" font-size="15.5" font-weight="700" fill="#3f6b3c">フォーム送信</text>
  <rect x="82" y="218" width="208" height="1" fill="#c9ddc7"/>
  <text x="96" y="246" font-size="12.5" fill="#4a4a4a">お客さまが問い合わせ</text>
  <text x="96" y="268" font-size="12.5" fill="#4a4a4a">フォームに入力し</text>
  <text x="96" y="290" font-size="12.5" fill="#4a4a4a">送信する</text>
  <rect x="82" y="378" width="208" height="28" rx="14" fill="#79bb74"/>
  <text x="186" y="397" text-anchor="middle" font-size="11.5" font-weight="700" fill="#ffffff">サイトの問い合わせフォーム</text>

  <!-- 矢印1 -->
  <line x1="318" y1="285" x2="340" y2="285" stroke="#a9a9a9" stroke-width="2.5" marker-end="url(#arrowManageInquiries)"/>

  <!-- ステップ2 -->
  <rect x="358" y="150" width="252" height="270" rx="14" fill="#f2f8fc" stroke="#55aae2" stroke-width="2"/>
  <circle cx="484" cy="150" r="22" fill="#55aae2"/>
  <text x="484" y="157" text-anchor="middle" font-size="18" font-weight="700" fill="#ffffff">2</text>
  <text x="484" y="202" text-anchor="middle" font-size="15.5" font-weight="700" fill="#2f6a91">通知メール</text>
  <rect x="380" y="218" width="208" height="1" fill="#bcdcea"/>
  <text x="394" y="246" font-size="12.5" fill="#4a4a4a">設定した送信先へ</text>
  <text x="394" y="268" font-size="12.5" fill="#4a4a4a">自動でメール通知</text>
  <text x="394" y="290" font-size="12.5" fill="#4a4a4a">（未設定なら登録先へ）</text>
  <rect x="380" y="378" width="208" height="28" rx="14" fill="#55aae2"/>
  <text x="484" y="397" text-anchor="middle" font-size="11.5" font-weight="700" fill="#ffffff">To/CC/BCCを設定可能</text>

  <!-- 矢印2 -->
  <line x1="616" y1="285" x2="638" y2="285" stroke="#a9a9a9" stroke-width="2.5" marker-end="url(#arrowManageInquiries)"/>

  <!-- ステップ3 -->
  <rect x="656" y="150" width="252" height="270" rx="14" fill="#fdf1e7" stroke="#e0894a" stroke-width="2"/>
  <circle cx="782" cy="150" r="22" fill="#e0894a"/>
  <text x="782" y="157" text-anchor="middle" font-size="18" font-weight="700" fill="#ffffff">3</text>
  <text x="782" y="202" text-anchor="middle" font-size="15.5" font-weight="700" fill="#a85a1e">一覧で確認</text>
  <rect x="678" y="218" width="208" height="1" fill="#f0d5b8"/>
  <text x="692" y="246" font-size="12.5" fill="#4a4a4a">「お問い合わせを見る」</text>
  <text x="692" y="268" font-size="12.5" fill="#4a4a4a">画面で内容を確認</text>
  <text x="692" y="290" font-size="12.5" fill="#4a4a4a">クリックで既読に変わる</text>
  <rect x="678" y="378" width="208" height="28" rx="14" fill="#e0894a"/>
  <text x="782" y="397" text-anchor="middle" font-size="11.5" font-weight="700" fill="#ffffff">未読／既読の2状態で管理</text>

  <!-- 矢印3 -->
  <line x1="914" y1="285" x2="936" y2="285" stroke="#a9a9a9" stroke-width="2.5" marker-end="url(#arrowManageInquiries)"/>

  <!-- ステップ4 -->
  <rect x="954" y="150" width="252" height="270" rx="14" fill="#f4f9f3" stroke="#79bb74" stroke-width="2"/>
  <circle cx="1080" cy="150" r="22" fill="#79bb74"/>
  <text x="1080" y="157" text-anchor="middle" font-size="18" font-weight="700" fill="#ffffff">4</text>
  <text x="1080" y="202" text-anchor="middle" font-size="15.5" font-weight="700" fill="#3f6b3c">返信する</text>
  <rect x="976" y="218" width="208" height="1" fill="#c9ddc7"/>
  <text x="990" y="246" font-size="12.5" fill="#4a4a4a">詳細のメールアドレス</text>
  <text x="990" y="268" font-size="12.5" fill="#4a4a4a">リンクから、お使いの</text>
  <text x="990" y="290" font-size="12.5" fill="#4a4a4a">メールソフトで返信</text>
  <rect x="976" y="378" width="208" height="28" rx="14" fill="#79bb74"/>
  <text x="1080" y="397" text-anchor="middle" font-size="11.5" font-weight="700" fill="#ffffff">管理画面から直接送信は不可</text>

  <!-- フッター -->
  <rect x="60" y="460" width="1146" height="86" rx="12" fill="#f5f5f3"/>
  <text x="633" y="494" text-anchor="middle" font-size="16" font-weight="700" fill="#2d2d2d">管理画面でできるのは「確認」「既読/未読」「削除」まで</text>
  <text x="633" y="522" text-anchor="middle" font-size="13.5" fill="#4a4a4a">返信そのものは、表示されたメールアドレスから普段のメールソフトで行う</text>
</svg>
