{
  "id": "break-even-inhouse-outsourcing",
  "schemaVersion": 2,
  "title": {
    "ja": "月600件で内製と外注が逆転 — 1件単価だけで決めない",
    "en": "In-House and Outsourced Costs Cross at 600 Orders per Month"
  },
  "summary": {
    "ja": "固定費と従量費を足した総費用を2本の直線で比べ、交点の左右で安い案が変わる損益分岐を示す。1件単価だけで外注を選ばない",
    "en": "Compare total monthly cost as fixed plus per-order costs. The intersection shows where the cheaper option switches, so unit cost alone does not drive the choice."
  },
  "capturedAt": "2026-09-25",
  "categories": [
    "presentation"
  ],
  "tags": [
    "data-viz",
    "minimal"
  ],
  "useCases": [
    "pricing",
    "comparison"
  ],
  "format": "slide-16x9",
  "density": "medium",
  "layout": {
    "kind": "axis",
    "canvas": {
      "w": 1920,
      "h": 1080
    },
    "margin": {
      "top": 82,
      "right": 120,
      "bottom": 82,
      "left": 120
    }
  },
  "type": {
    "title": {
      "size": 44,
      "weight": 700,
      "tracking": "0.01em"
    },
    "subtitle": {
      "size": 22,
      "weight": 400
    },
    "axisTitle": {
      "size": 20,
      "weight": 500
    },
    "axisTick": {
      "size": 20,
      "weight": 400,
      "numeric": "tabular"
    },
    "seriesLabel": {
      "size": 22,
      "weight": 700
    },
    "lineEnd": {
      "size": 20,
      "weight": 500,
      "numeric": "tabular"
    },
    "crossingLabel": {
      "size": 22,
      "weight": 500
    },
    "crossingValue": {
      "size": 30,
      "weight": 700,
      "numeric": "tabular"
    },
    "panelTitle": {
      "size": 24,
      "weight": 700
    },
    "panelValue": {
      "size": 42,
      "weight": 700,
      "numeric": "tabular"
    },
    "panelCopy": {
      "size": 20,
      "weight": 400
    },
    "regionValue": {
      "size": 22,
      "weight": 700
    },
    "regionCopy": {
      "size": 20,
      "weight": 400
    },
    "assumption": {
      "size": 20,
      "weight": 400
    },
    "conclusion": {
      "size": 26,
      "weight": 500
    }
  },
  "colors": {
    "ground": "#FFFFFF",
    "surface": "#F4F6F9",
    "ink": "#131820",
    "muted": "#667183",
    "accent": "#1F5FA8",
    "rule": "#DBE1E9",
    "series": [
      "#2F6FB5",
      "#A85A2E"
    ]
  },
  "rules": [
    {
      "ja": "縦軸は固定費と従量費を合算した月間総額にする。1件単価だけを比較すると、固定費がある案の有利不利が隠れる",
      "en": "Plot total monthly cost, combining fixed and per-order charges. Comparing unit rates alone hides the effect of fixed costs."
    },
    {
      "ja": "交点が等費用になる。交点より左と右でどちらの案が低いかを、同じ尺度で示す",
      "en": "The intersection is the equal-cost volume. Use the same scale to show which option costs less on either side."
    },
    {
      "ja": "計算の前提と含めていない費用を明記する。品質差・立ち上げ・移行費用があれば交点は変わる",
      "en": "State calculation assumptions and excluded costs. Quality differences, setup, or migration can move the break-even point."
    },
    {
      "ja": "架空の単価を用いた試算であり、実際の委託判断を推奨するものではない",
      "en": "This uses fictional rates and is not a recommendation for a real sourcing decision."
    }
  ],
  "cover": "https://design-vault.pages.dev/_astro/cover.DMUpyj8q.png",
  "assets": [],
  "shortlist": false,
  "status": "published",
  "relations": {
    "similar": []
  },
  "license": "Original",
  "publishedAt": null,
  "reproduction": {
    "spec": {
      "format": "slide-16x9",
      "density": "medium",
      "layout": {
        "kind": "axis",
        "canvas": {
          "w": 1920,
          "h": 1080
        },
        "margin": {
          "top": 82,
          "right": 120,
          "bottom": 82,
          "left": 120
        }
      },
      "type": {
        "title": {
          "size": 44,
          "weight": 700,
          "tracking": "0.01em"
        },
        "subtitle": {
          "size": 22,
          "weight": 400
        },
        "axisTitle": {
          "size": 20,
          "weight": 500
        },
        "axisTick": {
          "size": 20,
          "weight": 400,
          "numeric": "tabular"
        },
        "seriesLabel": {
          "size": 22,
          "weight": 700
        },
        "lineEnd": {
          "size": 20,
          "weight": 500,
          "numeric": "tabular"
        },
        "crossingLabel": {
          "size": 22,
          "weight": 500
        },
        "crossingValue": {
          "size": 30,
          "weight": 700,
          "numeric": "tabular"
        },
        "panelTitle": {
          "size": 24,
          "weight": 700
        },
        "panelValue": {
          "size": 42,
          "weight": 700,
          "numeric": "tabular"
        },
        "panelCopy": {
          "size": 20,
          "weight": 400
        },
        "regionValue": {
          "size": 22,
          "weight": 700
        },
        "regionCopy": {
          "size": 20,
          "weight": 400
        },
        "assumption": {
          "size": 20,
          "weight": 400
        },
        "conclusion": {
          "size": 26,
          "weight": 500
        }
      },
      "colors": {
        "ground": "#FFFFFF",
        "surface": "#F4F6F9",
        "ink": "#131820",
        "muted": "#667183",
        "accent": "#1F5FA8",
        "rule": "#DBE1E9",
        "series": [
          "#2F6FB5",
          "#A85A2E"
        ]
      },
      "rules": [
        "Plot total monthly cost, combining fixed and per-order charges. Comparing unit rates alone hides the effect of fixed costs.",
        "The intersection is the equal-cost volume. Use the same scale to show which option costs less on either side.",
        "State calculation assumptions and excluded costs. Quality differences, setup, or migration can move the break-even point.",
        "This uses fictional rates and is not a recommendation for a real sourcing decision."
      ]
    },
    "prompt": {
      "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 82 右 120 下 82 左 120\n\n## 文字（版面 1920px に対する px）\ntitle  44px / 700 / 字間 0.01em\nsubtitle  22px / 400\naxisTitle  20px / 500\naxisTick  20px / 400 / 等幅数字\nseriesLabel  22px / 700\nlineEnd  20px / 500 / 等幅数字\ncrossingLabel  22px / 500\ncrossingValue  30px / 700 / 等幅数字\npanelTitle  24px / 700\npanelValue  42px / 700 / 等幅数字\npanelCopy  20px / 400\nregionValue  22px / 700\nregionCopy  20px / 400\nassumption  20px / 400\nconclusion  26px / 500\n\n## 配色\n地 #FFFFFF / 面 #F4F6F9 / 文字 #131820 / 補助 #667183 / 強調 #1F5FA8 / 罫 #DBE1E9 / #2F6FB5 / #A85A2E\n\n## 外すと崩れる点\n- 縦軸は固定費と従量費を合算した月間総額にする。1件単価だけを比較すると、固定費がある案の有利不利が隠れる\n- 交点が等費用になる。交点より左と右でどちらの案が低いかを、同じ尺度で示す\n- 計算の前提と含めていない費用を明記する。品質差・立ち上げ・移行費用があれば交点は変わる\n- 架空の単価を用いた試算であり、実際の委託判断を推奨するものではない\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/break-even-inhouse-outsourcing/pattern.html",
      "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 82 right 120 bottom 82 left 120\n\n## Type (px against a 1920px canvas)\ntitle  44px / 700 / tracking 0.01em\nsubtitle  22px / 400\naxisTitle  20px / 500\naxisTick  20px / 400 / tabular numerals\nseriesLabel  22px / 700\nlineEnd  20px / 500 / tabular numerals\ncrossingLabel  22px / 500\ncrossingValue  30px / 700 / tabular numerals\npanelTitle  24px / 700\npanelValue  42px / 700 / tabular numerals\npanelCopy  20px / 400\nregionValue  22px / 700\nregionCopy  20px / 400\nassumption  20px / 400\nconclusion  26px / 500\n\n## Colour\nGround #FFFFFF / Surface #F4F6F9 / Ink #131820 / Muted #667183 / Accent #1F5FA8 / Rule #DBE1E9 / #2F6FB5 / #A85A2E\n\n## Constraints — dropping these breaks it\n- Plot total monthly cost, combining fixed and per-order charges. Comparing unit rates alone hides the effect of fixed costs.\n- The intersection is the equal-cost volume. Use the same scale to show which option costs less on either side.\n- State calculation assumptions and excluded costs. Quality differences, setup, or migration can move the break-even point.\n- This uses fictional rates and is not a recommendation for a real sourcing decision.\n\nReplace the content with [your content]. Keep the measurements and colours as given.\nFor an exact reproduction, use the verbatim HTML at https://design-vault.pages.dev/designs/break-even-inhouse-outsourcing/pattern.html."
    },
    "code": {
      "html": "<!doctype html>\n<meta charset=\"utf-8\">\n<title>月600件で内製と外注が逆転 — 1件単価だけで決めない</title>\n<meta name=\"dv-font\" content=\"Zen Kaku Gothic New:400;500;700\">\n<link rel=\"stylesheet\" href=\"./font.css\">\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1920\" height=\"1080\" viewBox=\"0 0 1920 1080\" data-artboard=\"true\">\n  <style>\n    :root {\n      --ground: #FFFFFF; --surface: #F4F6F9; --ink: #131820;\n      --muted: #667183; --accent: #1F5FA8; --rule: #DBE1E9;\n      --series-1: #2F6FB5; --series-2: #A85A2E;\n    }\n    svg { font-family: \"Zen Kaku Gothic New\", \"Hiragino Sans\", \"Yu Gothic\", sans-serif; }\n    .ground { fill: var(--ground); }\n    .ink { fill: var(--ink); }\n    .muted { fill: var(--muted); }\n    .accent { fill: var(--accent); }\n    .rule { stroke: var(--rule); }\n    .title { font-size: 44px; font-weight: 700; letter-spacing: .01em; }\n    .subtitle { font-size: 22px; font-weight: 400; }\n    .axis-title { font-size: 20px; font-weight: 500; }\n    .axis-tick { font-size: 20px; font-weight: 400; font-variant-numeric: tabular-nums; }\n    .series-label { font-size: 22px; font-weight: 700; }\n    .line-end { font-size: 20px; font-weight: 500; font-variant-numeric: tabular-nums; }\n    .crossing-label { font-size: 22px; font-weight: 500; }\n    .crossing-value { font-size: 30px; font-weight: 700; font-variant-numeric: tabular-nums; }\n    .panel-title { font-size: 24px; font-weight: 700; }\n    .panel-value { font-size: 42px; font-weight: 700; font-variant-numeric: tabular-nums; }\n    .panel-copy { font-size: 20px; font-weight: 400; }\n    .region-value { font-size: 22px; font-weight: 700; }\n    .region-copy { font-size: 20px; font-weight: 400; }\n    .assumption { font-size: 20px; font-weight: 400; }\n    .conclusion { font-size: 26px; font-weight: 500; }\n    .grid { stroke: var(--rule); stroke-width: 1.5; }\n    .series-inhouse { fill: none; stroke: var(--series-1); stroke-width: 7; }\n    .series-outsourced { fill: none; stroke: var(--series-2); stroke-width: 7; }\n    .area-inhouse { fill: var(--series-1); opacity: .09; }\n    .area-outsourced { fill: var(--series-2); opacity: .09; }\n  </style>\n  <rect class=\"ground\" x=\"0\" y=\"0\" width=\"1920\" height=\"1080\"/>\n  <g transform=\"translate(120 82)\" data-content=\"true\">\n    <rect x=\"0\" y=\"0\" width=\"1680\" height=\"916\" fill=\"transparent\"/>\n    <text class=\"title ink\" data-type=\"title\" x=\"0\" y=\"56\">月600件で内製と外注が逆転 — 1件単価だけで決めない</text>\n    <text class=\"subtitle muted\" data-type=\"subtitle\" x=\"0\" y=\"105\">架空の受注処理コスト / 固定費と従量費を足した月間総額で比較</text>\n    <line class=\"rule\" x1=\"0\" y1=\"142\" x2=\"1680\" y2=\"142\" stroke-width=\"2\"/>\n\n    <text class=\"axis-title muted\" data-type=\"axisTitle\" x=\"0\" y=\"196\">月間総費用（円）</text>\n    <text class=\"axis-title muted\" x=\"675\" y=\"750\" text-anchor=\"middle\">月間処理件数（件）</text>\n    <line x1=\"465\" y1=\"190\" x2=\"515\" y2=\"190\" stroke=\"var(--series-1)\" stroke-width=\"6\"/>\n    <text class=\"series-label\" data-type=\"seriesLabel\" x=\"529\" y=\"197\" fill=\"var(--series-1)\">内製</text>\n    <line x1=\"625\" y1=\"190\" x2=\"675\" y2=\"190\" stroke=\"var(--series-2)\" stroke-width=\"6\"/>\n    <text class=\"series-label\" x=\"689\" y=\"197\" fill=\"var(--series-2)\">外注</text>\n\n    <!-- Plot area: x = 0–1,200 orders; y = ¥0–¥1,800,000. -->\n    <g>\n      <line class=\"grid\" x1=\"115\" y1=\"680\" x2=\"1165\" y2=\"680\"/>\n      <line class=\"grid\" x1=\"115\" y1=\"575\" x2=\"1165\" y2=\"575\"/>\n      <line class=\"grid\" x1=\"115\" y1=\"470\" x2=\"1165\" y2=\"470\"/>\n      <line class=\"grid\" x1=\"115\" y1=\"365\" x2=\"1165\" y2=\"365\"/>\n      <line class=\"grid\" x1=\"115\" y1=\"260\" x2=\"1165\" y2=\"260\"/>\n      <line class=\"grid\" x1=\"115\" y1=\"260\" x2=\"115\" y2=\"680\"/>\n      <line class=\"grid\" x1=\"377.5\" y1=\"260\" x2=\"377.5\" y2=\"680\"/>\n      <line class=\"grid\" x1=\"640\" y1=\"260\" x2=\"640\" y2=\"680\" stroke-dasharray=\"7 8\"/>\n      <line class=\"grid\" x1=\"902.5\" y1=\"260\" x2=\"902.5\" y2=\"680\"/>\n      <line class=\"grid\" x1=\"1165\" y1=\"260\" x2=\"1165\" y2=\"680\"/>\n\n      <text class=\"axis-tick muted\" data-type=\"axisTick\" x=\"94\" y=\"687\" text-anchor=\"end\">¥0</text>\n      <text class=\"axis-tick muted\" x=\"94\" y=\"582\" text-anchor=\"end\">¥450k</text>\n      <text class=\"axis-tick muted\" x=\"94\" y=\"477\" text-anchor=\"end\">¥900k</text>\n      <text class=\"axis-tick muted\" x=\"94\" y=\"372\" text-anchor=\"end\">¥1.35M</text>\n      <text class=\"axis-tick muted\" x=\"94\" y=\"267\" text-anchor=\"end\">¥1.8M</text>\n      <text class=\"axis-tick muted\" x=\"115\" y=\"712\" text-anchor=\"middle\">0</text>\n      <text class=\"axis-tick muted\" x=\"377.5\" y=\"712\" text-anchor=\"middle\">300</text>\n      <text class=\"axis-tick accent\" x=\"640\" y=\"712\" text-anchor=\"middle\">600</text>\n      <text class=\"axis-tick muted\" x=\"902.5\" y=\"712\" text-anchor=\"middle\">900</text>\n      <text class=\"axis-tick muted\" x=\"1165\" y=\"712\" text-anchor=\"middle\">1,200</text>\n    </g>\n\n    <!-- The filled gap switches sides at the exact intersection. -->\n    <path class=\"area-outsourced\" d=\"M115 512 L640 456 L640 456 L115 652 Z\"/>\n    <path class=\"area-inhouse\" d=\"M640 456 L1165 260 L1165 400 Z\"/>\n    <path class=\"series-inhouse\" d=\"M115 512 L1165 400\"/>\n    <path class=\"series-outsourced\" d=\"M115 652 L1165 260\"/>\n    <line x1=\"640\" y1=\"456\" x2=\"640\" y2=\"680\" stroke=\"var(--accent)\" stroke-width=\"2.5\" stroke-dasharray=\"7 7\"/>\n    <circle cx=\"640\" cy=\"456\" r=\"12\" fill=\"var(--ground)\" stroke=\"var(--ink)\" stroke-width=\"5\"/>\n    <rect x=\"664\" y=\"411\" width=\"250\" height=\"72\" rx=\"10\" fill=\"var(--ground)\" stroke=\"var(--rule)\" stroke-width=\"2\"/>\n    <text class=\"crossing-value ink\" data-type=\"crossingValue\" x=\"682\" y=\"441\">¥960k</text>\n    <text class=\"crossing-label muted\" data-type=\"crossingLabel\" x=\"682\" y=\"469\">600件で同額</text>\n\n    <text class=\"line-end muted\" data-type=\"lineEnd\" x=\"1165\" y=\"392\" text-anchor=\"end\">¥1.2M</text>\n    <text class=\"line-end muted\" x=\"1165\" y=\"250\" text-anchor=\"end\">¥1.8M</text>\n\n    <rect x=\"1230\" y=\"220\" width=\"420\" height=\"470\" fill=\"var(--surface)\"/>\n    <rect x=\"1230\" y=\"220\" width=\"6\" height=\"470\" fill=\"var(--accent)\"/>\n    <text class=\"panel-title ink\" data-type=\"panelTitle\" x=\"1265\" y=\"270\">損益分岐点</text>\n    <text class=\"panel-value accent\" data-type=\"panelValue\" x=\"1265\" y=\"332\">600件 / 月</text>\n    <text class=\"panel-copy muted\" data-type=\"panelCopy\" x=\"1265\" y=\"371\">両案とも月 ¥960k</text>\n    <line class=\"rule\" x1=\"1265\" y1=\"402\" x2=\"1615\" y2=\"402\"/>\n    <text class=\"region-value\" data-type=\"regionValue\" x=\"1265\" y=\"448\" fill=\"var(--series-2)\">600件より少ない</text>\n    <text class=\"region-copy ink\" data-type=\"regionCopy\" x=\"1265\" y=\"481\">外注の総額が低い</text>\n    <text class=\"region-value\" x=\"1265\" y=\"539\" fill=\"var(--series-1)\">600件より多い</text>\n    <text class=\"region-copy ink\" x=\"1265\" y=\"572\">内製の総額が低い</text>\n    <line class=\"rule\" x1=\"1265\" y1=\"602\" x2=\"1615\" y2=\"602\"/>\n    <text class=\"assumption muted\" data-type=\"assumption\" x=\"1265\" y=\"640\">交点は2本の総費用が等しい件数</text>\n\n    <line class=\"rule\" x1=\"0\" y1=\"790\" x2=\"1680\" y2=\"790\" stroke-width=\"2\"/>\n    <text class=\"conclusion ink\" data-type=\"conclusion\" x=\"0\" y=\"842\">月の件数が600を超える見込みなら、内製の固定費を回収できる。</text>\n    <text class=\"assumption muted\" x=\"0\" y=\"892\">前提：内製 月額固定費72万円＋1件400円 / 外注 月額固定費12万円＋1件1,400円 / 品質・移行費用は含めない</text>\n  </g>\n</svg>\n",
      "url": "https://design-vault.pages.dev/designs/break-even-inhouse-outsourcing/pattern.html",
      "fonts": [
        "https://design-vault.pages.dev/designs/break-even-inhouse-outsourcing/font.css",
        "https://design-vault.pages.dev/designs/break-even-inhouse-outsourcing/font-0.woff2",
        "https://design-vault.pages.dev/designs/break-even-inhouse-outsourcing/font-1.woff2",
        "https://design-vault.pages.dev/designs/break-even-inhouse-outsourcing/font-2.woff2"
      ]
    }
  },
  "urls": {
    "ja": "https://design-vault.pages.dev/designs/break-even-inhouse-outsourcing",
    "en": "https://design-vault.pages.dev/en/designs/break-even-inhouse-outsourcing"
  },
  "notesMarkdown": "1件あたりの単価だけを比べると、月の処理件数が少ない間に効く固定費を見落とす。ここでは\n内製に月72万円の固定費と1件400円、外注に月12万円の固定費と1件1,400円を仮定した。\n\n総費用は600件/月で一致する。それより少ない月は外注、それより多い月は内製のほうが安い。\n範囲や品質、立ち上げ費用を含めた実際の判断では、同じ条件を費用に加えて交点を引き直す。"
}