<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="titleUnderlinePhotoBasics" 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">スマホ撮影の3つの基本とNG／OKの違い</text>
  <rect x="410" y="62" width="380" height="4" rx="2" fill="url(#titleUnderlinePhotoBasics)"/>

  <!-- 列見出し -->
  <text x="230" y="106" text-anchor="middle" font-size="14" font-weight="700" fill="#8a5a5a">NG（ありがち）</text>
  <text x="600" y="106" text-anchor="middle" font-size="14" font-weight="700" fill="#4a4a4a">基本</text>
  <text x="970" y="106" text-anchor="middle" font-size="14" font-weight="700" fill="#3f6b3c">OK（押さえたい）</text>

  <!-- 行1: 光 -->
  <rect x="60" y="126" width="340" height="130" rx="12" fill="#fdf1ee" stroke="#d98e83" stroke-width="1.5"/>
  <text x="230" y="160" text-anchor="middle" font-size="13.5" fill="#7a4a42">店内の蛍光灯だけで撮影</text>
  <text x="230" y="184" text-anchor="middle" font-size="13.5" fill="#7a4a42">色味が黄色っぽく／青白く</text>
  <text x="230" y="208" text-anchor="middle" font-size="13.5" fill="#7a4a42">かたよる</text>
  <text x="230" y="238" text-anchor="middle" font-size="12" fill="#a56b60">影が濃く出て暗い印象に</text>

  <rect x="440" y="126" width="320" height="130" rx="12" fill="#f2f8fc" stroke="#55aae2" stroke-width="2"/>
  <circle cx="600" cy="160" r="20" fill="#55aae2"/>
  <text x="600" y="166" text-anchor="middle" font-size="16" font-weight="700" fill="#ffffff">1</text>
  <text x="600" y="200" text-anchor="middle" font-size="15.5" font-weight="700" fill="#2f6a91">自然光を使う</text>
  <text x="600" y="226" text-anchor="middle" font-size="12.5" fill="#4a4a4a">窓際・明るい曇りの日が最適</text>

  <rect x="800" y="126" width="340" height="130" rx="12" fill="#f4f9f3" stroke="#79bb74" stroke-width="1.5"/>
  <text x="970" y="160" text-anchor="middle" font-size="13.5" fill="#3f6b3c">窓際・明るい曇りの日に撮影</text>
  <text x="970" y="184" text-anchor="middle" font-size="13.5" fill="#3f6b3c">影が薄く、加工なしでも</text>
  <text x="970" y="208" text-anchor="middle" font-size="13.5" fill="#3f6b3c">自然な色味に</text>
  <text x="970" y="238" text-anchor="middle" font-size="12" fill="#5a8a56">直射日光は避けるとより安定</text>

  <!-- 行2: 背景 -->
  <rect x="60" y="272" width="340" height="130" rx="12" fill="#fdf1ee" stroke="#d98e83" stroke-width="1.5"/>
  <text x="230" y="306" text-anchor="middle" font-size="13.5" fill="#7a4a42">段ボール・私物・工具が</text>
  <text x="230" y="330" text-anchor="middle" font-size="13.5" fill="#7a4a42">写り込んだまま撮影</text>
  <text x="230" y="358" text-anchor="middle" font-size="12" fill="#a56b60">印象が雑然とする</text>

  <rect x="440" y="272" width="320" height="130" rx="12" fill="#f2f8fc" stroke="#55aae2" stroke-width="2"/>
  <circle cx="600" cy="306" r="20" fill="#55aae2"/>
  <text x="600" y="312" text-anchor="middle" font-size="16" font-weight="700" fill="#ffffff">2</text>
  <text x="600" y="346" text-anchor="middle" font-size="15.5" font-weight="700" fill="#2f6a91">背景を片付ける</text>
  <text x="600" y="372" text-anchor="middle" font-size="12.5" fill="#4a4a4a">無地の壁・整えた机を選ぶ</text>

  <rect x="800" y="272" width="340" height="130" rx="12" fill="#f4f9f3" stroke="#79bb74" stroke-width="1.5"/>
  <text x="970" y="306" text-anchor="middle" font-size="13.5" fill="#3f6b3c">主役以外を片付けてから</text>
  <text x="970" y="330" text-anchor="middle" font-size="13.5" fill="#3f6b3c">撮影・無地の壁や机を使う</text>
  <text x="970" y="358" text-anchor="middle" font-size="12" fill="#5a8a56">来店時の目線に近い角度で</text>

  <!-- 行3: 枚数 -->
  <rect x="60" y="418" width="340" height="130" rx="12" fill="#fdf1ee" stroke="#d98e83" stroke-width="1.5"/>
  <text x="230" y="452" text-anchor="middle" font-size="13.5" fill="#7a4a42">1枚だけ撮って終わり</text>
  <text x="230" y="476" text-anchor="middle" font-size="13.5" fill="#7a4a42">水平の確認もせず掲載</text>
  <text x="230" y="504" text-anchor="middle" font-size="12" fill="#a56b60">ブレ・表情・傾きが選べない</text>

  <rect x="440" y="418" width="320" height="130" rx="12" fill="#f2f8fc" stroke="#55aae2" stroke-width="2"/>
  <circle cx="600" cy="452" r="20" fill="#55aae2"/>
  <text x="600" y="458" text-anchor="middle" font-size="16" font-weight="700" fill="#ffffff">3</text>
  <text x="600" y="492" text-anchor="middle" font-size="15.5" font-weight="700" fill="#2f6a91">10枚以上撮る</text>
  <text x="600" y="518" text-anchor="middle" font-size="12.5" fill="#4a4a4a">同じ構図で複数枚→選ぶ</text>

  <rect x="800" y="418" width="340" height="130" rx="12" fill="#f4f9f3" stroke="#79bb74" stroke-width="1.5"/>
  <text x="970" y="452" text-anchor="middle" font-size="13.5" fill="#3f6b3c">同じ構図で10枚前後撮影</text>
  <text x="970" y="476" text-anchor="middle" font-size="13.5" fill="#3f6b3c">水平線表示をオンにして</text>
  <text x="970" y="504" text-anchor="middle" font-size="12" fill="#5a8a56">一番良い1枚を選べる</text>

  <!-- 結論バー -->
  <rect x="60" y="580" width="1080" height="70" rx="14" fill="#2f6a91"/>
  <text x="600" y="614" text-anchor="middle" font-size="15.5" font-weight="700" fill="#ffffff">機材より「光・背景・枚数」。特別な道具や加工アプリは必須ではない</text>
  <text x="600" y="636" text-anchor="middle" font-size="12.5" fill="#e8f2fa">この3つを押さえるだけで、多くの業種でスマホ撮影が十分に使える写真になる</text>
</svg>
