<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="titleUnderlinePet5" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#79bb74"/>
      <stop offset="1" stop-color="#55aae2"/>
    </linearGradient>
    <linearGradient id="cardGrad1" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#f4f9f3"/>
      <stop offset="1" stop-color="#e5f2e3"/>
    </linearGradient>
    <linearGradient id="cardGrad2" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#f2f8fc"/>
      <stop offset="1" stop-color="#e3f0f9"/>
    </linearGradient>
    <linearGradient id="cardGrad3" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#f4f9f3"/>
      <stop offset="1" stop-color="#e5f2e3"/>
    </linearGradient>
    <linearGradient id="cardGrad4" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#f2f8fc"/>
      <stop offset="1" stop-color="#e3f0f9"/>
    </linearGradient>
    <linearGradient id="cardGrad5" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#f4f9f3"/>
      <stop offset="1" stop-color="#e5f2e3"/>
    </linearGradient>
  </defs>

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

  <text x="600" y="46" text-anchor="middle" font-size="22" font-weight="700" fill="#2d2d2d">ペットサロンのホームページに最低限必要な5ページ</text>
  <rect x="400" y="60" width="400" height="4" rx="2" fill="url(#titleUnderlinePet5)"/>

  <!-- 5枚のカードを横に並べる -->
  <!-- カード1 -->
  <rect x="40" y="100" width="216" height="480" rx="14" fill="url(#cardGrad1)" stroke="#79bb74" stroke-width="1.3"/>
  <circle cx="148" cy="140" r="20" fill="#79bb74"/>
  <text x="148" y="147" text-anchor="middle" font-size="16" font-weight="700" fill="#ffffff">1</text>
  <text x="148" y="182" text-anchor="middle" font-size="14.5" font-weight="700" fill="#3f6b3c">サロン紹介</text>
  <text x="60" y="215" font-size="12" fill="#4a4a4a">理念・スタッフの</text>
  <text x="60" y="234" font-size="12" fill="#4a4a4a">経験を紹介</text>
  <text x="60" y="266" font-size="12" fill="#4a4a4a">動物取扱業の</text>
  <text x="60" y="285" font-size="12" fill="#4a4a4a">登録番号・登録</text>
  <text x="60" y="304" font-size="12" fill="#4a4a4a">年月日を明記</text>
  <text x="60" y="336" font-size="12" fill="#4a4a4a">事業所所在地を</text>
  <text x="60" y="355" font-size="12" fill="#4a4a4a">記載</text>

  <!-- カード2 -->
  <rect x="264" y="100" width="216" height="480" rx="14" fill="url(#cardGrad2)" stroke="#55aae2" stroke-width="1.3"/>
  <circle cx="372" cy="140" r="20" fill="#55aae2"/>
  <text x="372" y="147" text-anchor="middle" font-size="16" font-weight="700" fill="#ffffff">2</text>
  <text x="372" y="182" text-anchor="middle" font-size="14.5" font-weight="700" fill="#2f6a91">料金メニュー</text>
  <text x="284" y="215" font-size="12" fill="#4a4a4a">犬種・サイズ別の</text>
  <text x="284" y="234" font-size="12" fill="#4a4a4a">料金目安</text>
  <text x="284" y="266" font-size="12" fill="#4a4a4a">毛玉の状態等に</text>
  <text x="284" y="285" font-size="12" fill="#4a4a4a">よる追加料金の</text>
  <text x="284" y="304" font-size="12" fill="#4a4a4a">条件も明記</text>

  <!-- カード3 -->
  <rect x="488" y="100" width="216" height="480" rx="14" fill="url(#cardGrad3)" stroke="#79bb74" stroke-width="1.3"/>
  <circle cx="596" cy="140" r="20" fill="#79bb74"/>
  <text x="596" y="147" text-anchor="middle" font-size="16" font-weight="700" fill="#ffffff">3</text>
  <text x="596" y="182" text-anchor="middle" font-size="14" font-weight="700" fill="#3f6b3c">対応犬種・</text>
  <text x="596" y="200" text-anchor="middle" font-size="14" font-weight="700" fill="#3f6b3c">サイズ</text>
  <text x="508" y="230" font-size="12" fill="#4a4a4a">大型犬・シニア犬</text>
  <text x="508" y="249" font-size="12" fill="#4a4a4a">等の受け入れ</text>
  <text x="508" y="268" font-size="12" fill="#4a4a4a">条件を具体的に</text>
  <text x="508" y="300" font-size="12" fill="#4a4a4a">対応不可の場合は</text>
  <text x="508" y="319" font-size="12" fill="#4a4a4a">明確に明記</text>

  <!-- カード4 -->
  <rect x="712" y="100" width="216" height="480" rx="14" fill="url(#cardGrad4)" stroke="#55aae2" stroke-width="1.3"/>
  <circle cx="820" cy="140" r="20" fill="#55aae2"/>
  <text x="820" y="147" text-anchor="middle" font-size="16" font-weight="700" fill="#ffffff">4</text>
  <text x="820" y="182" text-anchor="middle" font-size="14.5" font-weight="700" fill="#2f6a91">お客様の声</text>
  <text x="732" y="215" font-size="12" fill="#4a4a4a">仕上がりだけでなく</text>
  <text x="732" y="234" font-size="12" fill="#4a4a4a">対応の丁寧さが</text>
  <text x="732" y="253" font-size="12" fill="#4a4a4a">伝わるエピソード</text>
  <text x="732" y="285" font-size="12" fill="#4a4a4a">飼い主本人の</text>
  <text x="732" y="304" font-size="12" fill="#4a4a4a">了承を得て掲載</text>

  <!-- カード5 -->
  <rect x="936" y="100" width="216" height="480" rx="14" fill="url(#cardGrad5)" stroke="#79bb74" stroke-width="1.3"/>
  <circle cx="1044" cy="140" r="20" fill="#79bb74"/>
  <text x="1044" y="147" text-anchor="middle" font-size="16" font-weight="700" fill="#ffffff">5</text>
  <text x="1044" y="182" text-anchor="middle" font-size="14.5" font-weight="700" fill="#3f6b3c">予約導線</text>
  <text x="956" y="215" font-size="12" fill="#4a4a4a">犬種・体重・性格・</text>
  <text x="956" y="234" font-size="12" fill="#4a4a4a">ワクチン接種状況</text>
  <text x="956" y="253" font-size="12" fill="#4a4a4a">を選択式で確認</text>
  <text x="956" y="285" font-size="12" fill="#4a4a4a">初回受け入れの</text>
  <text x="956" y="304" font-size="12" fill="#4a4a4a">準備をスムーズに</text>

  <text x="600" y="620" text-anchor="middle" font-size="13" fill="#666666">すべて「事実に基づく安心材料」を積み上げる観点で整えるのがポイント</text>
</svg>
