<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="titleUnderlinePhotoTips" 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="26" font-weight="700" fill="#2d2d2d">良い写真とNGな写真の比較</text>
  <rect x="450" y="62" width="300" height="4" rx="2" fill="url(#titleUnderlinePhotoTips)"/>

  <!-- 左カラム: NG例（オレンジ） -->
  <rect x="90" y="100" width="480" height="410" rx="14" fill="#fdf1e7" stroke="#e0894a" stroke-width="2"/>
  <text x="330" y="140" text-anchor="middle" font-size="19" font-weight="700" fill="#a85a1e">NG例</text>
  <text x="330" y="165" text-anchor="middle" font-size="13.5" fill="#4a4a4a">暗い時間帯・斜めの構図</text>

  <!-- 暗い写真枠（NG） -->
  <rect x="180" y="185" width="300" height="180" rx="10" fill="#4a4a4a" stroke="#e0894a" stroke-width="2" transform="rotate(-3 330 275)"/>
  <rect x="200" y="205" width="260" height="140" rx="6" fill="#3a3a3a" transform="rotate(-3 330 275)"/>
  <text x="330" y="280" text-anchor="middle" font-size="13" fill="#8a8a8a" transform="rotate(-3 330 275)">暗くて斜め</text>
  <!-- 太陽に薄い雲アイコン（夜っぽさ表現の代わりに暗さを示す月アイコン） -->
  <circle cx="440" cy="215" r="14" fill="#6b6b6b" transform="rotate(-3 330 275)"/>

  <text x="330" y="392" text-anchor="middle" font-size="13" font-weight="700" fill="#a85a1e">明るさ不足・水平が崩れている</text>
  <text x="330" y="414" text-anchor="middle" font-size="12" fill="#4a4a4a">夜の蛍光灯だけで撮影／グリッド未使用</text>

  <rect x="150" y="435" width="360" height="55" rx="8" fill="#ffffff" stroke="#e0894a" stroke-width="1.5"/>
  <text x="330" y="458" text-anchor="middle" font-size="12.5" font-weight="700" fill="#a85a1e">✕ 実物より良く見せすぎる加工</text>
  <text x="330" y="478" text-anchor="middle" font-size="11.5" fill="#4a4a4a">来店時の「思っていたのと違う」を招く</text>

  <!-- 右カラム: 良い例（緑） -->
  <rect x="630" y="100" width="480" height="410" rx="14" fill="#f4f9f3" stroke="#79bb74" stroke-width="2"/>
  <text x="870" y="140" text-anchor="middle" font-size="19" font-weight="700" fill="#3f6b3c">良い例</text>
  <text x="870" y="165" text-anchor="middle" font-size="13.5" fill="#4a4a4a">自然光の時間帯・水平を合わせる</text>

  <!-- 明るい写真枠（良い例） -->
  <rect x="720" y="185" width="300" height="180" rx="10" fill="#eafaf0" stroke="#79bb74" stroke-width="2"/>
  <rect x="740" y="205" width="260" height="140" rx="6" fill="#ffffff"/>
  <!-- 太陽アイコン -->
  <circle cx="980" cy="220" r="16" fill="#f5c95a"/>
  <line x1="980" y1="196" x2="980" y2="190" stroke="#f5c95a" stroke-width="3"/>
  <line x1="1000" y1="220" x2="1006" y2="220" stroke="#f5c95a" stroke-width="3"/>
  <line x1="994" y1="234" x2="998" y2="238" stroke="#f5c95a" stroke-width="3"/>
  <text x="870" y="280" text-anchor="middle" font-size="13" fill="#3f6b3c">明るい・水平がまっすぐ</text>
  <!-- グリッド線 -->
  <line x1="780" y1="205" x2="780" y2="345" stroke="#c9e8c6" stroke-width="1"/>
  <line x1="860" y1="205" x2="860" y2="345" stroke="#c9e8c6" stroke-width="1"/>
  <line x1="940" y1="205" x2="940" y2="345" stroke="#c9e8c6" stroke-width="1"/>
  <line x1="740" y1="252" x2="1000" y2="252" stroke="#c9e8c6" stroke-width="1"/>
  <line x1="740" y1="299" x2="1000" y2="299" stroke="#c9e8c6" stroke-width="1"/>

  <text x="870" y="392" text-anchor="middle" font-size="13" font-weight="700" fill="#3f6b3c">晴れた日の午前〜昼、グリッドで水平確認</text>
  <text x="870" y="414" text-anchor="middle" font-size="12" fill="#4a4a4a">外観・内観・商品・人の4種類を実物どおりに</text>

  <rect x="690" y="435" width="360" height="55" rx="8" fill="#ffffff" stroke="#79bb74" stroke-width="1.5"/>
  <text x="870" y="458" text-anchor="middle" font-size="12.5" font-weight="700" fill="#3f6b3c">○ 引きと寄り、両方を撮っておく</text>
  <text x="870" y="478" text-anchor="middle" font-size="11.5" fill="#4a4a4a">全体感と質感、どちらも伝わる</text>

  <!-- フッター -->
  <rect x="90" y="540" width="1020" height="90" rx="12" fill="#f5f5f3"/>
  <text x="600" y="573" text-anchor="middle" font-size="16.5" font-weight="700" fill="#2d2d2d">写真の質を最も左右するのは機材ではなく「明るさ」</text>
  <text x="600" y="602" text-anchor="middle" font-size="14" fill="#4a4a4a">実物どおりに撮ることが、来店したお客さまとの信頼につながる</text>
</svg>
