<?xml version="1.0" encoding="UTF-8"?>
<svg width="100%" viewBox="0 0 680 400" xmlns="http://www.w3.org/2000/svg" style="background: #ffffff;">
  <title>TEM図：顧客の経験のプロセスと分岐点での力のせめぎ合い</title>
  <desc>分岐点にSD（上から降りてくる）とSG（下から突き上げる）がせめぎ合う構造</desc>
  <defs>
    <marker id="ap" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="5" markerHeight="5" orient="auto-start-reverse">
      <path d="M2 1L8 5L2 9" fill="none" stroke="#4A7A6A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </marker>
    <marker id="ag" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="5" markerHeight="5" orient="auto-start-reverse">
      <path d="M2 1L8 5L2 9" fill="none" stroke="#C0C6CC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </marker>
    <marker id="at" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="5" markerHeight="5" orient="auto-start-reverse">
      <path d="M2 1L8 5L2 9" fill="none" stroke="#4A5560" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </marker>
  </defs>
  <line x1="30" y1="185" x2="224" y2="185" stroke="#4A7A6A" stroke-width="1.5" stroke-dasharray="4 4" stroke-linecap="round" opacity="0.4" marker-end="url(#ap)"/>
  <text x="48" y="173" fill="#9AA4AE" font-family="'Helvetica Neue', 'Noto Sans JP', Arial, sans-serif" font-size="9.5">過去の経験</text>
  <line x1="358" y1="185" x2="418" y2="118" stroke="#4A7A6A" stroke-width="1.8" stroke-linecap="round"/>
  <line x1="418" y1="118" x2="498" y2="118" stroke="#4A7A6A" stroke-width="1.8" stroke-linecap="round" marker-end="url(#ap)"/>
  <line x1="358" y1="185" x2="490" y2="185" stroke="#C0C6CC" stroke-width="1" stroke-dasharray="5 4" stroke-linecap="round" marker-end="url(#ag)"/>
  <line x1="358" y1="185" x2="418" y2="255" stroke="#C0C6CC" stroke-width="1" stroke-dasharray="5 4" stroke-linecap="round"/>
  <line x1="418" y1="255" x2="490" y2="255" stroke="#C0C6CC" stroke-width="1" stroke-dasharray="5 4" stroke-linecap="round" marker-end="url(#ag)"/>
  <polygon points="291,155 276,141 283,141 283,95 299,95 299,141 306,141" fill="#8C5A5A" opacity="0.18"/>
  <text x="291" y="78" text-anchor="middle" fill="#6B4040" font-family="'Helvetica Neue', 'Noto Sans JP', Arial, sans-serif" font-size="10" font-weight="600">社会的方向づけ（SD）：径路を制約する力</text>
  <text x="266" y="108" text-anchor="end" fill="#8C6060" font-family="'Helvetica Neue', 'Noto Sans JP', Arial, sans-serif" font-size="9.5">社会規範や通念、</text>
  <text x="266" y="123" text-anchor="end" fill="#8C6060" font-family="'Helvetica Neue', 'Noto Sans JP', Arial, sans-serif" font-size="9.5">周囲の慎重な意見、価格への不安</text>
  <polygon points="291,215 276,229 283,229 283,275 299,275 299,229 306,229" fill="#5A7088" opacity="0.18"/>
  <text x="291" y="292" text-anchor="middle" fill="#3A5068" font-family="'Helvetica Neue', 'Noto Sans JP', Arial, sans-serif" font-size="10" font-weight="600">社会的助勢（SG）：径路を促進する力</text>
  <text x="266" y="240" text-anchor="end" fill="#5A7088" font-family="'Helvetica Neue', 'Noto Sans JP', Arial, sans-serif" font-size="9.5">友人の体験談、店員のひと言、</text>
  <text x="266" y="255" text-anchor="end" fill="#5A7088" font-family="'Helvetica Neue', 'Noto Sans JP', Arial, sans-serif" font-size="9.5">成功事例との出会い</text>
  <rect x="226" y="165" width="132" height="40" rx="3" fill="#F4F6F8" stroke="#4A7A6A" stroke-width="0.9"/>
  <text x="292" y="180" text-anchor="middle" fill="#2B5545" font-family="'Helvetica Neue', 'Noto Sans JP', Arial, sans-serif" font-size="12" font-weight="600">分岐点</text>
  <text x="292" y="198" text-anchor="middle" fill="#5A8A78" font-family="'Helvetica Neue', 'Noto Sans JP', Arial, sans-serif" font-size="8.5">径路が転換するポイント</text>
  <rect x="502" y="96" width="128" height="46" rx="3" fill="#E8EFED" stroke="#4A7A6A" stroke-width="0.8"/>
  <text x="566" y="112" text-anchor="middle" fill="#2B5545" font-family="'Helvetica Neue', 'Noto Sans JP', Arial, sans-serif" font-size="11" font-weight="600">等至点</text>
  <text x="566" y="127" text-anchor="middle" fill="#5A8A78" font-family="'Helvetica Neue', 'Noto Sans JP', Arial, sans-serif" font-size="8.5">注目する結果</text>
  <text x="566" y="139" text-anchor="middle" fill="#5A8A78" font-family="'Helvetica Neue', 'Noto Sans JP', Arial, sans-serif" font-size="8.5">（購入・継続・離反など）</text>
  <text x="497" y="189" fill="#A8B0B8" font-family="'Helvetica Neue', 'Noto Sans JP', Arial, sans-serif" font-size="9">実現されなかった径路</text>
  <text x="497" y="259" fill="#A8B0B8" font-family="'Helvetica Neue', 'Noto Sans JP', Arial, sans-serif" font-size="9">実現されなかった径路</text>
  <line x1="40" y1="322" x2="636" y2="322" stroke="#4A5560" stroke-width="0.8" marker-end="url(#at)"/>
  <text x="40" y="340" fill="#4A5560" font-family="'Helvetica Neue', 'Noto Sans JP', Arial, sans-serif" font-size="10">非可逆的時間</text>
  <g transform="translate(50, 372)">
    <line x1="0" y1="0" x2="24" y2="0" stroke="#4A7A6A" stroke-width="1.8" stroke-linecap="round" marker-end="url(#ap)"/>
    <text x="36" y="4" fill="#5F6B75" font-family="'Helvetica Neue', 'Noto Sans JP', Arial, sans-serif" font-size="9.5">実現された径路</text>
    <line x1="180" y1="0" x2="204" y2="0" stroke="#C0C6CC" stroke-width="1" stroke-dasharray="5 4" marker-end="url(#ag)"/>
    <text x="216" y="4" fill="#5F6B75" font-family="'Helvetica Neue', 'Noto Sans JP', Arial, sans-serif" font-size="9.5">実現されなかった径路</text>
  </g>
</svg>
