<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="voiceCollectTitleBar" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#79bb74"/>
      <stop offset="1" stop-color="#55aae2"/>
    </linearGradient>
    <linearGradient id="voiceCollectBadge1" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#3f6b3c"/>
      <stop offset="1" stop-color="#5cae7e"/>
    </linearGradient>
    <linearGradient id="voiceCollectBadge2" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#2f6a91"/>
      <stop offset="1" stop-color="#55aae2"/>
    </linearGradient>
  </defs>

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

  <text x="600" y="50" text-anchor="middle" font-size="25" font-weight="700" fill="#2d2d2d">お客様の声、2つの集め方</text>
  <rect x="500" y="66" width="200" height="4" rx="2" fill="url(#voiceCollectTitleBar)"/>

  <!-- カード1: その場で一言 -->
  <rect x="80" y="120" width="480" height="480" rx="18" fill="#f4f9f3" stroke="#79bb74" stroke-width="2"/>
  <circle cx="320" cy="200" r="36" fill="url(#voiceCollectBadge1)"/>
  <text x="320" y="209" text-anchor="middle" font-size="24" font-weight="700" fill="#ffffff">1</text>
  <text x="320" y="262" text-anchor="middle" font-size="19" font-weight="700" fill="#3f6b3c">その場で一言もらう</text>

  <rect x="120" y="290" width="400" height="2" fill="#c9e3c6"/>

  <text x="140" y="330" font-size="14.5" font-weight="700" fill="#2d2d2d">タイミング</text>
  <text x="140" y="356" font-size="14" fill="#4a4a4a">施術・打ち合わせ直後、満足度が</text>
  <text x="140" y="378" font-size="14" fill="#4a4a4a">一番高い瞬間</text>

  <text x="140" y="416" font-size="14.5" font-weight="700" fill="#2d2d2d">方法</text>
  <text x="140" y="442" font-size="14" fill="#4a4a4a">口頭でひとことお願いし、その場</text>
  <text x="140" y="464" font-size="14" fill="#4a4a4a">でメモやスマホに記録する</text>

  <text x="140" y="502" font-size="14.5" font-weight="700" fill="#2d2d2d">向いている業種</text>
  <text x="140" y="528" font-size="14" fill="#4a4a4a">美容室・飲食店など、会話が自然</text>
  <text x="140" y="550" font-size="14" fill="#4a4a4a">に生まれる業種</text>

  <rect x="120" y="568" width="400" height="2" fill="#c9e3c6"/>
  <text x="320" y="590" text-anchor="middle" font-size="13" fill="#3f6b3c">ポイント：長文を求めない</text>

  <!-- カード2: アンケート -->
  <rect x="640" y="120" width="480" height="480" rx="18" fill="#f2f8fc" stroke="#55aae2" stroke-width="2"/>
  <circle cx="880" cy="200" r="36" fill="url(#voiceCollectBadge2)"/>
  <text x="880" y="209" text-anchor="middle" font-size="24" font-weight="700" fill="#ffffff">2</text>
  <text x="880" y="262" text-anchor="middle" font-size="19" font-weight="700" fill="#2f6a91">簡単なアンケートを渡す</text>

  <rect x="680" y="290" width="400" height="2" fill="#bfe0f5"/>

  <text x="700" y="330" font-size="14.5" font-weight="700" fill="#2d2d2d">タイミング</text>
  <text x="700" y="356" font-size="14" fill="#4a4a4a">落ち着いた場面で、後日答えても</text>
  <text x="700" y="378" font-size="14" fill="#4a4a4a">らう形でもよい</text>

  <text x="700" y="416" font-size="14.5" font-weight="700" fill="#2d2d2d">方法</text>
  <text x="700" y="442" font-size="14" fill="#4a4a4a">3〜4個の短い質問を用意した用</text>
  <text x="700" y="464" font-size="14" fill="#4a4a4a">紙やオンラインフォームを渡す</text>

  <text x="700" y="502" font-size="14.5" font-weight="700" fill="#2d2d2d">向いている業種</text>
  <text x="700" y="528" font-size="14" fill="#4a4a4a">士業・教室など、比較的落ち着い</text>
  <text x="700" y="550" font-size="14" fill="#4a4a4a">た場面が多い業種</text>

  <rect x="680" y="568" width="400" height="2" fill="#bfe0f5"/>
  <text x="880" y="590" text-anchor="middle" font-size="13" fill="#2f6a91">ポイント：質問は3〜4個までに絞る</text>

  <!-- 下部まとめ -->
  <rect x="80" y="622" width="1040" height="40" rx="10" fill="#2f6a91"/>
  <text x="600" y="648" text-anchor="middle" font-size="14.5" font-weight="700" fill="#ffffff">共通ルール：「長文で書いてください」とは頼まない</text>
</svg>
