<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="titleUnderlinePhotoDecision" 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="25" font-weight="700" fill="#2d2d2d">プロに頼む？スマホで十分？判断の目安</text>
  <rect x="430" y="62" width="340" height="4" rx="2" fill="url(#titleUnderlinePhotoDecision)"/>

  <!-- ひし形の判断ノード -->
  <polygon points="600,96 720,150 600,204 480,150" fill="#f2f8fc" stroke="#55aae2" stroke-width="2"/>
  <text x="600" y="144" text-anchor="middle" font-size="13" font-weight="700" fill="#2f6a91">その写真は購買判断に</text>
  <text x="600" y="163" text-anchor="middle" font-size="13" font-weight="700" fill="#2f6a91">直結する？</text>

  <!-- 左矢印：YES -->
  <line x1="500" y1="180" x2="330" y2="250" stroke="#e0894a" stroke-width="2.5"/>
  <polygon points="326,244 322,258 338,254" fill="#e0894a"/>
  <rect x="360" y="200" width="46" height="24" rx="12" fill="#e0894a"/>
  <text x="383" y="216" text-anchor="middle" font-size="12" font-weight="700" fill="#ffffff">YES</text>

  <!-- 右矢印：NO -->
  <line x1="700" y1="180" x2="870" y2="250" stroke="#79bb74" stroke-width="2.5"/>
  <polygon points="862,254 878,258 874,244" fill="#79bb74"/>
  <rect x="794" y="200" width="46" height="24" rx="12" fill="#79bb74"/>
  <text x="817" y="216" text-anchor="middle" font-size="12" font-weight="700" fill="#ffffff">NO</text>

  <!-- 左箱：プロに向く -->
  <rect x="80" y="270" width="440" height="330" rx="14" fill="#fdf1e7" stroke="#e0894a" stroke-width="2"/>
  <text x="300" y="308" text-anchor="middle" font-size="17" font-weight="700" fill="#a85a1e">プロに依頼を検討</text>
  <rect x="112" y="322" width="376" height="1" fill="#f0d5b8"/>

  <text x="112" y="354" font-size="13.5" font-weight="700" fill="#a85a1e">業種の例</text>
  <text x="120" y="378" font-size="13" fill="#4a4a4a">・飲食店の料理写真</text>
  <text x="120" y="400" font-size="13" fill="#4a4a4a">・美容室／エステの仕上がり写真</text>
  <text x="120" y="422" font-size="13" fill="#4a4a4a">・結婚式関連</text>

  <text x="112" y="458" font-size="13.5" font-weight="700" fill="#a85a1e">使いみちの例</text>
  <text x="120" y="482" font-size="13" fill="#4a4a4a">・トップページのメインビジュアル</text>
  <text x="120" y="504" font-size="13" fill="#4a4a4a">・料金ページの商品写真</text>

  <rect x="112" y="530" width="376" height="46" rx="10" fill="#e0894a"/>
  <text x="300" y="559" text-anchor="middle" font-size="13" font-weight="700" fill="#ffffff">費用目安：出張撮影 3万〜10万円</text>

  <!-- 右箱：スマホで十分 -->
  <rect x="680" y="270" width="440" height="330" rx="14" fill="#f4f9f3" stroke="#79bb74" stroke-width="2"/>
  <text x="900" y="308" text-anchor="middle" font-size="17" font-weight="700" fill="#3f6b3c">スマホ撮影で十分</text>
  <rect x="712" y="322" width="376" height="1" fill="#c9ddc7"/>

  <text x="712" y="354" font-size="13.5" font-weight="700" fill="#3f6b3c">業種の例</text>
  <text x="720" y="378" font-size="13" fill="#4a4a4a">・士業、教室、整体、不動産</text>
  <text x="720" y="400" font-size="13" fill="#4a4a4a">・工務店など「人」や「情報」が</text>
  <text x="720" y="422" font-size="13" fill="#4a4a4a">　主役の業種</text>

  <text x="712" y="458" font-size="13.5" font-weight="700" fill="#3f6b3c">使いみちの例</text>
  <text x="720" y="482" font-size="13" fill="#4a4a4a">・お知らせの添え写真</text>
  <text x="720" y="504" font-size="13" fill="#4a4a4a">・スタッフ紹介、店内の日常風景</text>

  <rect x="712" y="530" width="376" height="46" rx="10" fill="#79bb74"/>
  <text x="900" y="559" text-anchor="middle" font-size="13" font-weight="700" fill="#ffffff">費用目安：0円（本記事の3基本で撮影）</text>

  <!-- 補足 -->
  <text x="600" y="632" text-anchor="middle" font-size="12.5" fill="#4a4a4a">両方に当てはまる場合は、看板写真だけプロ・それ以外はスマホという使い分けも現実的</text>
</svg>
