<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="titleUnderlineShigyo" 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="#f2f8fc"/>
      <stop offset="1" stop-color="#e3f0f9"/>
    </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="#f2f8fc"/>
      <stop offset="1" stop-color="#e3f0f9"/>
    </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="23" font-weight="700" fill="#2d2d2d">士業事務所のホームページに最低限必要な5つのページ</text>
  <rect x="400" y="60" width="400" height="4" rx="2" fill="url(#titleUnderlineShigyo)"/>

  <!-- カード1: 事務所紹介 -->
  <rect x="55" y="95" width="215" height="230" rx="14" fill="url(#cardGrad1)" stroke="#55aae2" stroke-width="1.5"/>
  <circle cx="162" cy="130" r="18" fill="#55aae2"/>
  <text x="162" y="136" text-anchor="middle" font-size="16" font-weight="700" fill="#ffffff">1</text>
  <text x="162" y="168" text-anchor="middle" font-size="15" font-weight="700" fill="#2f6a91">事務所紹介</text>
  <text x="70" y="196" font-size="11.5" fill="#4a4a4a">地域・力を入れて</text>
  <text x="70" y="214" font-size="11.5" fill="#4a4a4a">いる分野を1〜2文</text>
  <text x="70" y="232" font-size="11.5" fill="#4a4a4a">で伝える書き出し</text>
  <text x="70" y="260" font-size="11.5" fill="#4a4a4a">設立年・所属団体</text>
  <text x="70" y="278" font-size="11.5" fill="#4a4a4a">だけでなく姿勢を</text>
  <text x="70" y="296" font-size="11.5" fill="#4a4a4a">言葉にする</text>

  <!-- カード2: 取扱分野 -->
  <rect x="285" y="95" width="215" height="230" rx="14" fill="url(#cardGrad2)" stroke="#55aae2" stroke-width="1.5"/>
  <circle cx="392" cy="130" r="18" fill="#55aae2"/>
  <text x="392" y="136" text-anchor="middle" font-size="16" font-weight="700" fill="#ffffff">2</text>
  <text x="392" y="168" text-anchor="middle" font-size="15" font-weight="700" fill="#2f6a91">取扱分野</text>
  <text x="300" y="196" font-size="11.5" fill="#4a4a4a">全分野は一覧で、</text>
  <text x="300" y="214" font-size="11.5" fill="#4a4a4a">得意な2〜3分野は</text>
  <text x="300" y="232" font-size="11.5" fill="#4a4a4a">個別ページで詳しく</text>
  <text x="300" y="260" font-size="11.5" fill="#4a4a4a">濃淡をつけると</text>
  <text x="300" y="278" font-size="11.5" fill="#4a4a4a">専門性が伝わる</text>

  <!-- カード3: スタッフ紹介 -->
  <rect x="515" y="95" width="215" height="230" rx="14" fill="url(#cardGrad3)" stroke="#55aae2" stroke-width="1.5"/>
  <circle cx="622" cy="130" r="18" fill="#55aae2"/>
  <text x="622" y="136" text-anchor="middle" font-size="16" font-weight="700" fill="#ffffff">3</text>
  <text x="622" y="168" text-anchor="middle" font-size="15" font-weight="700" fill="#2f6a91">所長・スタッフ紹介</text>
  <text x="530" y="196" font-size="11.5" fill="#4a4a4a">経歴・担当分野を</text>
  <text x="530" y="214" font-size="11.5" fill="#4a4a4a">事実ベースで記載</text>
  <text x="530" y="242" font-size="11.5" fill="#4a4a4a">誰に相談すれば</text>
  <text x="530" y="260" font-size="11.5" fill="#4a4a4a">よいかが伝わる</text>

  <!-- カード4: アクセス -->
  <rect x="745" y="95" width="215" height="230" rx="14" fill="url(#cardGrad4)" stroke="#55aae2" stroke-width="1.5"/>
  <circle cx="852" cy="130" r="18" fill="#55aae2"/>
  <text x="852" y="136" text-anchor="middle" font-size="16" font-weight="700" fill="#ffffff">4</text>
  <text x="852" y="168" text-anchor="middle" font-size="15" font-weight="700" fill="#2f6a91">アクセス</text>
  <text x="760" y="196" font-size="11.5" fill="#4a4a4a">住所・道順・</text>
  <text x="760" y="214" font-size="11.5" fill="#4a4a4a">面談の予約方法</text>
  <text x="760" y="242" font-size="11.5" fill="#4a4a4a">オンライン面談の</text>
  <text x="760" y="260" font-size="11.5" fill="#4a4a4a">対応可否も明記</text>

  <!-- カード5: 問い合わせ導線 (強調) -->
  <rect x="975" y="95" width="170" height="230" rx="14" fill="url(#cardGrad5)" stroke="#3f6b3c" stroke-width="2.5"/>
  <circle cx="1060" cy="130" r="18" fill="#79bb74"/>
  <text x="1060" y="136" text-anchor="middle" font-size="16" font-weight="700" fill="#ffffff">5</text>
  <text x="1060" y="163" text-anchor="middle" font-size="14" font-weight="700" fill="#3f6b3c">問い合わせ</text>
  <text x="1060" y="181" text-anchor="middle" font-size="14" font-weight="700" fill="#3f6b3c">導線</text>
  <text x="988" y="208" font-size="11" fill="#4a4a4a">相談分野を</text>
  <text x="988" y="224" font-size="11" fill="#4a4a4a">選択式で整理</text>
  <text x="988" y="250" font-size="11" fill="#4a4a4a">初回対応の</text>
  <text x="988" y="266" font-size="11" fill="#4a4a4a">質が変わる</text>

  <!-- 下部: 共通の注意書き -->
  <rect x="55" y="355" width="1090" height="270" rx="16" fill="#fafafa" stroke="#dddddd" stroke-width="1"/>
  <text x="600" y="395" text-anchor="middle" font-size="17" font-weight="700" fill="#2d2d2d">5ページすべてに共通する原則：事実に基づいて、誇張せずに書く</text>

  <!-- 左: 書いてよい -->
  <rect x="90" y="425" width="480" height="170" rx="12" fill="#f4f9f3" stroke="#79bb74" stroke-width="1.5"/>
  <text x="330" y="455" text-anchor="middle" font-size="15" font-weight="700" fill="#3f6b3c">◎ 書いてよい（事実情報）</text>
  <text x="112" y="482" font-size="12.5" fill="#4a4a4a">・資格取得年、経歴、前職</text>
  <text x="112" y="506" font-size="12.5" fill="#4a4a4a">・取扱分野への注力理由</text>
  <text x="112" y="530" font-size="12.5" fill="#4a4a4a">・実際の相談件数（実数のみ）</text>
  <text x="112" y="554" font-size="12.5" fill="#4a4a4a">・料金の目安（〇〇円〜）</text>
  <text x="112" y="578" font-size="12.5" fill="#4a4a4a">・対応可能な面談方法</text>

  <!-- 右: 書いてはいけない -->
  <rect x="630" y="425" width="480" height="170" rx="12" fill="#fdf3f1" stroke="#e08a6a" stroke-width="1.5"/>
  <text x="870" y="455" text-anchor="middle" font-size="15" font-weight="700" fill="#a34a2e">✕ 書いてはいけない（規制対象）</text>
  <text x="652" y="482" font-size="12.5" fill="#4a4a4a">・「必ず節税できます」等の成果保証</text>
  <text x="652" y="506" font-size="12.5" fill="#4a4a4a">・「業界No.1」等の裏付けない比較</text>
  <text x="652" y="530" font-size="12.5" fill="#4a4a4a">・「勝訴率100%」等の断定表現</text>
  <text x="652" y="554" font-size="12.5" fill="#4a4a4a">・退職済みスタッフや対応終了分野</text>
  <text x="652" y="578" font-size="12.5" fill="#4a4a4a">の記載を残したままにする</text>
</svg>
