YetiForceCRM \u55b6\u696d\u90e8\u9580\u5411\u3051\u30a4\u30f3\u30d5\u30a9\u30b0\u30e9\u30d5\u30a3\u30c3\u30af<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700;900&family=Noto+Sans+JP:wght@400;700;900&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Inter', 'Noto Sans JP', sans-serif;\n background-color: #FFFFFF;\n }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n height: 300px;\n max-height: 400px;\n }\n @media (min-width: 768px) {\n .chart-container {\n height: 350px;\n }\n }\n .gradient-text {\n background: linear-gradient(90deg, #00A6A6, #E55B3C);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n .card {\n background-color: #f9fafb; \/* bg-gray-50 *\/\n border: 1px solid #e5e7eb; \/* border-gray-200 *\/\n border-radius: 0.75rem; \/* rounded-xl *\/\n padding: 1.5rem; \/* p-6 *\/\n box-shadow: 0 4px 6px -1px rgb(0 0 0 \/ 0.1), 0 2px 4px -2px rgb(0 0 0 \/ 0.1); \/* shadow-md *\/\n }\n <\/style>\n<\/head>\n<body class=\"text-gray-800\">\n\n <div class=\"container mx-auto p-4 md:p-8\">\n\n <header class=\"text-center mb-20 md:mb-32\">\n <h1 class=\"text-4xl md:text-6xl font-black mb-4 gradient-text\">\u55b6\u696d\u306e\u58c1\u3092\u6253\u3061\u7834\u308b<\/h1>\n <p class=\"text-lg md:text-xl text-[#E55B3C] font-bold\">YetiForceCRM\u304c\u5b9f\u73fe\u3059\u308b\u3001\u30c7\u30fc\u30bf\u4e3b\u5c0e\u306e\u55b6\u696d\u6539\u9769<\/p>\n <\/header>\n\n <section id=\"challenges\" class=\"mb-20 md:mb-32\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-center mb-12 text-[#00A6A6]\">\u591a\u304f\u306e\u55b6\u696d\u7d44\u7e54\u304c\u76f4\u9762\u3059\u308b\u300c3\u3064\u306e\u58c1\u300d<\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n \n <div class=\"card text-center flex flex-col items-center\">\n <h3 class=\"text-xl font-bold mb-4 text-[#E55B3C]\">\u60c5\u5831\u306e\u5c5e\u4eba\u5316<\/h3>\n <div class=\"w-48 h-48 mb-4\">\n <canvas id=\"challengeChart1\"><\/canvas>\n <\/div>\n <p class=\"text-gray-600\">\u9867\u5ba2\u60c5\u5831\u304c\u500b\u4eba\u306ePC\u3084\u624b\u5e33\u306b\u6563\u5728\u3002\u62c5\u5f53\u8005\u306e\u7570\u52d5\u3084\u9000\u8077\u3067\u8cb4\u91cd\u306a\u60c5\u5831\u304c\u5931\u308f\u308c\u3001\u30d3\u30b8\u30cd\u30b9\u30c1\u30e3\u30f3\u30b9\u3092\u9003\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n\n <div class=\"card text-center flex flex-col items-center\">\n <h3 class=\"text-xl font-bold mb-4 text-[#E55B3C]\">\u6848\u4ef6\u7ba1\u7406\u306e\u30d6\u30e9\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u5316<\/h3>\n <div class=\"w-48 h-48 mb-4\">\n <canvas id=\"challengeChart2\"><\/canvas>\n <\/div>\n <p class=\"text-gray-600\">\u591a\u6570\u306e\u6848\u4ef6\u306e\u512a\u5148\u9806\u4f4d\u304c\u4e0d\u660e\u78ba\u3002\u62c5\u5f53\u8005\u306e\u52d8\u306b\u983c\u3063\u305f\u7ba1\u7406\u306f\u3001\u6a5f\u4f1a\u640d\u5931\u3068\u975e\u52b9\u7387\u5316\u3092\u62db\u304d\u307e\u3059\u3002<\/p>\n <\/div>\n\n <div class=\"card text-center flex flex-col items-center\">\n <h3 class=\"text-xl font-bold mb-4 text-[#E55B3C]\">\u30b3\u30a2\u696d\u52d9\u3092\u5727\u8feb\u3059\u308b\u4e8b\u52d9\u4f5c\u696d<\/h3>\n <div class=\"w-48 h-48 mb-4\">\n <canvas id=\"challengeChart3\"><\/canvas>\n <\/div>\n <p class=\"text-gray-600\">\u898b\u7a4d\u4f5c\u6210\u3084\u5831\u544a\u66f8\u696d\u52d9\u306b\u8ffd\u308f\u308c\u3001\u672c\u6765\u6ce8\u529b\u3059\u3079\u304d\u9867\u5ba2\u3078\u306e\u4fa1\u5024\u63d0\u6848\u306e\u6642\u9593\u304c\u596a\u308f\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"solution-flow\" class=\"mb-20 md:mb-32\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-center mb-12 text-[#00A6A6]\">YetiForceCRM\u304c\u3082\u305f\u3089\u3059\u5909\u9769\u306e\u30d5\u30ed\u30fc<\/h2>\n <div class=\"space-y-8\">\n <div class=\"card grid grid-cols-1 md:grid-cols-3 gap-4 items-center\">\n <div class=\"text-center md:text-right\">\n <p class=\"font-bold text-lg text-red-500\">\u8ab2\u984c<\/p>\n <p>\u60c5\u5831\u306e\u5c5e\u4eba\u5316<\/p>\n <\/div>\n <div class=\"flex items-center justify-center text-4xl font-bold text-[#75B7B7]\">\n <span class=\"hidden md:inline\">\u2192<\/span>\n <span class=\"md:hidden\">\u2193<\/span>\n <\/div>\n <div class=\"text-center md:text-left\">\n <p class=\"font-bold text-lg text-green-500\">\u89e3\u6c7a\u7b56<\/p>\n <p>\u9867\u5ba2\u60c5\u5831\u306e\u4e00\u5143\u7ba1\u7406<\/p>\n <\/div>\n <\/div>\n <div class=\"card grid grid-cols-1 md:grid-cols-3 gap-4 items-center\">\n <div class=\"text-center md:text-right\">\n <p class=\"font-bold text-lg text-red-500\">\u8ab2\u984c<\/p>\n <p>\u6848\u4ef6\u7ba1\u7406\u306e\u4e0d\u900f\u660e\u3055<\/p>\n <\/div>\n <div class=\"flex items-center justify-center text-4xl font-bold text-[#75B7B7]\">\n <span class=\"hidden md:inline\">\u2192<\/span>\n <span class=\"md:hidden\">\u2193<\/span>\n <\/div>\n <div class=\"text-center md:text-left\">\n <p class=\"font-bold text-lg text-green-500\">\u89e3\u6c7a\u7b56<\/p>\n <p>\u30d1\u30a4\u30d7\u30e9\u30a4\u30f3\u306e\u898b\u3048\u308b\u5316<\/p>\n <\/div>\n <\/div>\n <div class=\"card grid grid-cols-1 md:grid-cols-3 gap-4 items-center\">\n <div class=\"text-center md:text-right\">\n <p class=\"font-bold text-lg text-red-500\">\u8ab2\u984c<\/p>\n <p>\u975e\u52b9\u7387\u306a\u4e8b\u52d9\u4f5c\u696d<\/p>\n <\/div>\n <div class=\"flex items-center justify-center text-4xl font-bold text-[#75B7B7]\">\n <span class=\"hidden md:inline\">\u2192<\/span>\n <span class=\"md:hidden\">\u2193<\/span>\n <\/div>\n <div class=\"text-center md:text-left\">\n <p class=\"font-bold text-lg text-green-500\">\u89e3\u6c7a\u7b56<\/p>\n <p>\u696d\u52d9\u30d7\u30ed\u30bb\u30b9\u306e\u81ea\u52d5\u5316<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"transformation\" class=\"mb-20 md:mb-32\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-center mb-12 text-[#00A6A6]\">\u30c7\u30fc\u30bf\u3067\u898b\u308b\u5c0e\u5165\u52b9\u679c\uff1a\u55b6\u696d\u529b\u306e\u98db\u8e8d\u7684\u5411\u4e0a<\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n <div class=\"card\">\n <h3 class=\"text-xl font-bold mb-4 text-center text-[#E55B3C]\">\u30af\u30ed\u30fc\u30b8\u30f3\u30b0\u7387\u306e\u5411\u4e0a<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"closingRateChart\"><\/canvas>\n <\/div>\n <p class=\"text-gray-600 mt-4 text-center\">\u30c7\u30fc\u30bf\u306b\u57fa\u3065\u3044\u305f\u7684\u78ba\u306a\u5224\u65ad\u304c\u53ef\u80fd\u306b\u306a\u308a\u3001\u6848\u4ef6\u306e\u30af\u30ed\u30fc\u30b8\u30f3\u30b0\u7387\u304c\u5927\u5e45\u306b\u6539\u5584\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"card\">\n <h3 class=\"text-xl font-bold mb-4 text-center text-[#E55B3C]\">\u55b6\u696d\u6d3b\u52d5\u6642\u9593\u306e\u8cea\u306e\u5909\u5316<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"timeAllocationChart\"><\/canvas>\n <\/div>\n <p class=\"text-gray-600 mt-4 text-center\">\u4e8b\u52d9\u4f5c\u696d\u306e\u6642\u9593\u3092\u524a\u6e1b\u3057\u3001\u9867\u5ba2\u3078\u306e\u4fa1\u5024\u63d0\u4f9b\u3068\u3044\u3046\u6700\u3082\u751f\u7523\u6027\u306e\u9ad8\u3044\u30b3\u30a2\u696d\u52d9\u306b\u96c6\u4e2d\u3067\u304d\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"card md:col-span-2\">\n <h3 class=\"text-xl font-bold mb-4 text-center text-[#E55B3C]\">\u30c1\u30fc\u30e0\u5168\u4f53\u306e\u58f2\u4e0a\u63a8\u79fb<\/h3>\n <div class=\"chart-container h-64 md:h-[400px]\">\n <canvas id=\"salesTrendChart\"><\/canvas>\n <\/div>\n <p class=\"text-gray-600 mt-4 text-center\">\u55b6\u696d\u30d7\u30ed\u30bb\u30b9\u304c\u6a19\u6e96\u5316\u3055\u308c\u3001\u30c1\u30fc\u30e0\u5168\u4f53\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u304c\u5e95\u4e0a\u3052\u3055\u308c\u308b\u3053\u3068\u3067\u3001\u7d99\u7d9a\u7684\u306a\u58f2\u4e0a\u6210\u9577\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"features\" class=\"mb-20 md:mb-32\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-center mb-12 text-[#00A6A6]\">\u751f\u7523\u6027\u3092\u6700\u5927\u5316\u3059\u308b\u4e3b\u8981\u6a5f\u80fd<\/h2>\n <div class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-6 text-center\">\n <div class=\"card\">\n <span class=\"text-5xl\">\ud83d\udc64<\/span>\n <h4 class=\"font-bold mt-4\">\u9867\u5ba2\u30fb\u30ea\u30fc\u30c9\u7ba1\u7406<\/h4>\n <\/div>\n <div class=\"card\">\n <span class=\"text-5xl\">\ud83d\udcca<\/span>\n <h4 class=\"font-bold mt-4\">\u6848\u4ef6\u30fb\u30d1\u30a4\u30d7\u30e9\u30a4\u30f3\u7ba1\u7406<\/h4>\n <\/div>\n <div class=\"card\">\n <span class=\"text-5xl\">\ud83d\udcc4<\/span>\n <h4 class=\"font-bold mt-4\">\u898b\u7a4d\u30fb\u6ce8\u6587\u7ba1\u7406<\/h4>\n <\/div>\n <div class=\"card\">\n <span class=\"text-5xl\">\u2705<\/span>\n <h4 class=\"font-bold mt-4\">\u30bf\u30b9\u30af\u30fb\u6d3b\u52d5\u7ba1\u7406<\/h4>\n <\/div>\n <div class=\"card\">\n <span class=\"text-5xl\">\ud83d\udcc8<\/span>\n <h4 class=\"font-bold mt-4\">\u30ec\u30dd\u30fc\u30c8\u30fb\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9<\/h4>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"summary-table\" class=\"mb-20 md:mb-32\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-center mb-12 text-[#00A6A6]\">\u6a5f\u80fd\u3068\u52b9\u679c\u306e\u30b5\u30de\u30ea\u30fc<\/h2>\n <div class=\"card overflow-x-auto\">\n <table class=\"w-full text-sm text-left text-gray-500\">\n <thead class=\"text-xs text-gray-700 uppercase bg-gray-100\">\n <tr>\n <th scope=\"col\" class=\"px-6 py-3\">\u4e3b\u8981\u6a5f\u80fd<\/th>\n <th scope=\"col\" class=\"px-6 py-3\">\u5177\u4f53\u7684\u306a\u6d3b\u7528\u65b9\u6cd5<\/th>\n <th scope=\"col\" class=\"px-6 py-3\">\u89e3\u6c7a\u3055\u308c\u308b\u8ab2\u984c<\/th>\n <th scope=\"col\" class=\"px-6 py-3\">\u5f97\u3089\u308c\u308b\u52b9\u679c<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr class=\"bg-white border-b\">\n <th scope=\"row\" class=\"px-6 py-4 font-medium text-gray-900 whitespace-nowrap\">\u9867\u5ba2\u30fb\u30ea\u30fc\u30c9\u7ba1\u7406<\/th>\n <td class=\"px-6 py-4\">\u9867\u5ba2\u30c7\u30fc\u30bf\u3001\u5546\u8ac7\u5c65\u6b74\u306e\u4e00\u5143\u7ba1\u7406<\/td>\n <td class=\"px-6 py-4\">\u60c5\u5831\u306e\u5c5e\u4eba\u5316\u3001\u5f15\u304d\u7d99\u304e\u30ed\u30b9<\/td>\n <td class=\"px-6 py-4\">\u55b6\u696d\u6d3b\u52d5\u306e\u7d99\u7d9a\u6027\u78ba\u4fdd<\/td>\n <\/tr>\n <tr class=\"bg-gray-50 border-b\">\n <th scope=\"row\" class=\"px-6 py-4 font-medium text-gray-900 whitespace-nowrap\">\u6848\u4ef6\u30fb\u30d1\u30a4\u30d7\u30e9\u30a4\u30f3\u7ba1\u7406<\/th>\n <td class=\"px-6 py-4\">\u6848\u4ef6\u30b9\u30c6\u30fc\u30b8\u306e\u53ef\u8996\u5316\u3001\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u53c2\u7167<\/td>\n <td class=\"px-6 py-4\">\u6848\u4ef6\u7ba1\u7406\u306e\u4e0d\u900f\u660e\u3055<\/td>\n <td class=\"px-6 py-4\">\u30af\u30ed\u30fc\u30b8\u30f3\u30b0\u7387\u5411\u4e0a<\/td>\n <\/tr>\n <tr class=\"bg-white border-b\">\n <th scope=\"row\" class=\"px-6 py-4 font-medium text-gray-900 whitespace-nowrap\">\u898b\u7a4d\u30fb\u6ce8\u6587\u7ba1\u7406<\/th>\n <td class=\"px-6 py-4\">\u898b\u7a4d\u66f8\u306e\u81ea\u52d5\u751f\u6210\u3001\u5951\u7d04\u7ba1\u7406<\/td>\n <td class=\"px-6 py-4\">\u898b\u7a4d\u4f5c\u6210\u306e\u5de5\u6570\u5897\u5927<\/td>\n <td class=\"px-6 py-4\">\u30b3\u30a2\u696d\u52d9\u3078\u306e\u96c6\u4e2d<\/td>\n <\/tr>\n <tr class=\"bg-gray-50 border-b\">\n <th scope=\"row\" class=\"px-6 py-4 font-medium text-gray-900 whitespace-nowrap\">\u30bf\u30b9\u30af\u30fb\u6d3b\u52d5\u7ba1\u7406<\/th>\n <td class=\"px-6 py-4\">\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u767b\u9332\u3001\u30ea\u30de\u30a4\u30f3\u30c0\u30fc\u8a2d\u5b9a<\/td>\n <td class=\"px-6 py-4\">\u55b6\u696d\u6d3b\u52d5\u306e\u629c\u3051\u6f0f\u308c<\/td>\n <td class=\"px-6 py-4\">\u696d\u52d9\u52b9\u7387\u5316\u3001\u5bfe\u5fdc\u54c1\u8cea\u5411\u4e0a<\/td>\n <\/tr>\n <tr class=\"bg-white\">\n <th scope=\"row\" class=\"px-6 py-4 font-medium text-gray-900 whitespace-nowrap\">\u30ec\u30dd\u30fc\u30c8\u30fb\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9<\/th>\n <td class=\"px-6 py-4\">\u5546\u8ac7\u60c5\u5831\u306e\u81ea\u52d5\u96c6\u8a08\u3001\u30ef\u30f3\u30af\u30ea\u30c3\u30af\u30ec\u30dd\u30fc\u30c8<\/td>\n <td class=\"px-6 py-4\">\u5831\u544a\u696d\u52d9\u306e\u5de5\u6570\u5897\u5927<\/td>\n <td class=\"px-6 py-4\">\u30c7\u30fc\u30bf\u306b\u57fa\u3065\u3044\u305f\u610f\u601d\u6c7a\u5b9a<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/section>\n\n <footer class=\"text-center pt-8 border-t-2 border-gray-200\">\n <p class=\"text-xl font-bold text-[#E55B3C]\">YetiForceCRM\u3067\u3001\u6b21\u306e\u30b9\u30c6\u30fc\u30b8\u3078\u3002<\/p>\n <p class=\"text-gray-600 mt-2\">\u5358\u306a\u308b\u52b9\u7387\u5316\u3092\u8d85\u3048\u3001\u9867\u5ba2\u6e80\u8db3\u5ea6\u3092\u9ad8\u3081\u3001\u6301\u7d9a\u7684\u306a\u7af6\u4e89\u512a\u4f4d\u6027\u3092\u78ba\u7acb\u3057\u307e\u3059\u3002<\/p>\n <\/footer>\n\n <\/div>\n\n <script>\n const FONT_COLOR = '#374151'; \n const BORDER_COLOR = '#D1D5DB';\n const PALETTE = {\n primary: '#00A6A6',\n secondary: '#75B7B7',\n accent: '#E55B3C',\n lightAccent: '#F28E79',\n background: '#FFFFFF'\n };\n\n function wrapLabel(label) {\n const maxLen = 16;\n if (label.length <= maxLen) {\n return label;\n }\n const words = label.split(' ');\n let lines = [];\n let currentLine = '';\n for (const word of words) {\n if ((currentLine + word).length > maxLen) {\n lines.push(currentLine.trim());\n currentLine = '';\n }\n currentLine += word + ' ';\n }\n lines.push(currentLine.trim());\n return lines.filter(line => line.length > 0);\n }\n\n const tooltipTitleCallback = (tooltipItems) => {\n const item = tooltipItems[0];\n let label = item.chart.data.labels[item.dataIndex];\n if (Array.isArray(label)) {\n return label.join(' ');\n }\n return label;\n };\n \n const commonChartOptions = {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n labels: {\n color: FONT_COLOR\n }\n },\n tooltip: {\n callbacks: {\n title: tooltipTitleCallback\n }\n }\n },\n scales: {\n y: {\n ticks: { color: FONT_COLOR },\n grid: { color: BORDER_COLOR }\n },\n x: {\n ticks: { color: FONT_COLOR },\n grid: { display: false }\n }\n }\n };\n\n \n const challengeData1 = {\n labels: ['\u5931\u308f\u308c\u305f\u60c5\u5831', '\u5f15\u304d\u7d99\u304c\u308c\u305f\u60c5\u5831'],\n datasets: [{\n label: '\u60c5\u5831\u8cc7\u7523',\n data: [40, 60],\n backgroundColor: [PALETTE.accent, PALETTE.secondary],\n borderColor: PALETTE.background,\n borderWidth: 4\n }]\n };\n new Chart(document.getElementById('challengeChart1'), {\n type: 'doughnut',\n data: challengeData1,\n options: { ...commonChartOptions, scales: { y: { display: false }, x: { display: false } } }\n });\n\n \n const challengeData2 = {\n labels: ['\u52d8\u306b\u983c\u308b\u6848\u4ef6', '\u30c7\u30fc\u30bf\u306b\u57fa\u3065\u304f\u6848\u4ef6'],\n datasets: [{\n label: '\u6848\u4ef6\u7ba1\u7406',\n data: [65, 35],\n backgroundColor: [PALETTE.accent, PALETTE.secondary],\n borderColor: PALETTE.background,\n borderWidth: 4\n }]\n };\n new Chart(document.getElementById('challengeChart2'), {\n type: 'doughnut',\n data: challengeData2,\n options: { ...commonChartOptions, scales: { y: { display: false }, x: { display: false } } }\n });\n\n \n const challengeData3 = {\n labels: ['\u4e8b\u52d9\u4f5c\u696d\u306e\u6642\u9593', '\u30b3\u30a2\u696d\u52d9\u306e\u6642\u9593'],\n datasets: [{\n label: '\u696d\u52d9\u6642\u9593',\n data: [50, 50],\n backgroundColor: [PALETTE.accent, PALETTE.secondary],\n borderColor: PALETTE.background,\n borderWidth: 4\n }]\n };\n new Chart(document.getElementById('challengeChart3'), {\n type: 'doughnut',\n data: challengeData3,\n options: { ...commonChartOptions, scales: { y: { display: false }, x: { display: false } } }\n });\n\n \n const closingRateData = {\n labels: ['\u5c0e\u5165\u524d', '\u5c0e\u5165\u5f8c'],\n datasets: [{\n label: '\u30af\u30ed\u30fc\u30b8\u30f3\u30b0\u7387 (%)',\n data: [22, 35],\n backgroundColor: [PALETTE.lightAccent, PALETTE.primary],\n borderRadius: 8\n }]\n };\n new Chart(document.getElementById('closingRateChart'), {\n type: 'bar',\n data: closingRateData,\n options: { ...commonChartOptions, indexAxis: 'y', plugins: { legend: { display: false } } }\n });\n\n \n const timeAllocationData = {\n labels: ['\u5c0e\u5165\u524d', '\u5c0e\u5165\u5f8c'],\n datasets: [\n {\n label: '\u4e8b\u52d9\u4f5c\u696d',\n data: [50, 20],\n backgroundColor: PALETTE.accent,\n },\n {\n label: '\u30b3\u30a2\u696d\u52d9',\n data: [50, 80],\n backgroundColor: PALETTE.primary,\n }\n ]\n };\n new Chart(document.getElementById('timeAllocationChart'), {\n type: 'bar',\n data: timeAllocationData,\n options: { ...commonChartOptions, scales: { x: { stacked: true }, y: { stacked: true } } }\n });\n\n \n const salesTrendData = {\n labels: ['1\u6708', '2\u6708', '3\u6708', '4\u6708', '5\u6708', '6\u6708'],\n datasets: [{\n label: '\u30c1\u30fc\u30e0\u58f2\u4e0a (\u767e\u4e07\u5186)',\n data: [120, 150, 140, 180, 220, 250],\n fill: true,\n borderColor: PALETTE.primary,\n backgroundColor: 'rgba(0, 166, 166, 0.2)',\n tension: 0.4\n }]\n };\n new Chart(document.getElementById('salesTrendChart'), {\n type: 'line',\n data: salesTrendData,\n options: { ...commonChartOptions, plugins: { legend: { display: false } } }\n });\n\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>YetiForceCRM \u55b6\u696d\u90e8\u9580\u5411\u3051\u30a4\u30f3\u30d5\u30a9\u30b0\u30e9\u30d5\u30a3\u30c3\u30af \u55b6\u696d\u306e\u58c1\u3092\u6253\u3061\u7834\u308b YetiForceCRM\u304c\u5b9f\u73fe\u3059\u308b\u3001\u30c7\u30fc\u30bf\u4e3b\u5c0e\u306e\u55b6\u696d\u6539\u9769 \u591a\u304f\u306e\u55b6\u696d\u7d44\u7e54\u304c\u76f4\u9762\u3059\u308b\u300c3\u3064\u306e\u58c1\u300d \u60c5\u5831\u306e\u5c5e\u4eba\u5316 \u9867\u5ba2\u60c5\u5831\u304c\u500b\u4eba\u306ePC\u3084\u624b\u5e33\u306b\u6563 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-704","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/pages\/704","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yetiworks.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=704"}],"version-history":[{"count":6,"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/pages\/704\/revisions"}],"predecessor-version":[{"id":914,"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/pages\/704\/revisions\/914"}],"wp:attachment":[{"href":"https:\/\/yetiworks.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=704"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":704,"date":"2025-08-01T17:18:04","date_gmt":"2025-08-01T08:18:04","guid":{"rendered":"https:\/\/yetiworks.jp\/?page_id=704"},"modified":"2025-08-06T15:54:08","modified_gmt":"2025-08-06T06:54:08","slug":"%e5%96%b6%e6%a5%ad%e9%83%a8%e9%96%80","status":"publish","type":"page","link":"https:\/\/yetiworks.jp\/?page_id=704","title":{"rendered":"\u55b6\u696d\u90e8\u9580\uff08\u56f3\u89e3\uff09"},"content":{"rendered":"\n\n\n\n \n \n YetiForceCRM \u55b6\u696d\u90e8\u9580\u5411\u3051\u30a4\u30f3\u30d5\u30a9\u30b0\u30e9\u30d5\u30a3\u30c3\u30af<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700;900&family=Noto+Sans+JP:wght@400;700;900&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Inter', 'Noto Sans JP', sans-serif;\n background-color: #FFFFFF;\n }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n height: 300px;\n max-height: 400px;\n }\n @media (min-width: 768px) {\n .chart-container {\n height: 350px;\n }\n }\n .gradient-text {\n background: linear-gradient(90deg, #00A6A6, #E55B3C);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n .card {\n background-color: #f9fafb; \/* bg-gray-50 *\/\n border: 1px solid #e5e7eb; \/* border-gray-200 *\/\n border-radius: 0.75rem; \/* rounded-xl *\/\n padding: 1.5rem; \/* p-6 *\/\n box-shadow: 0 4px 6px -1px rgb(0 0 0 \/ 0.1), 0 2px 4px -2px rgb(0 0 0 \/ 0.1); \/* shadow-md *\/\n }\n <\/style>\n<\/head>\n<body class=\"text-gray-800\">\n\n <div class=\"container mx-auto p-4 md:p-8\">\n\n <header class=\"text-center mb-20 md:mb-32\">\n <h1 class=\"text-4xl md:text-6xl font-black mb-4 gradient-text\">\u55b6\u696d\u306e\u58c1\u3092\u6253\u3061\u7834\u308b<\/h1>\n <p class=\"text-lg md:text-xl text-[#E55B3C] font-bold\">YetiForceCRM\u304c\u5b9f\u73fe\u3059\u308b\u3001\u30c7\u30fc\u30bf\u4e3b\u5c0e\u306e\u55b6\u696d\u6539\u9769<\/p>\n <\/header>\n\n <section id=\"challenges\" class=\"mb-20 md:mb-32\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-center mb-12 text-[#00A6A6]\">\u591a\u304f\u306e\u55b6\u696d\u7d44\u7e54\u304c\u76f4\u9762\u3059\u308b\u300c3\u3064\u306e\u58c1\u300d<\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n \n <div class=\"card text-center flex flex-col items-center\">\n <h3 class=\"text-xl font-bold mb-4 text-[#E55B3C]\">\u60c5\u5831\u306e\u5c5e\u4eba\u5316<\/h3>\n <div class=\"w-48 h-48 mb-4\">\n <canvas id=\"challengeChart1\"><\/canvas>\n <\/div>\n <p class=\"text-gray-600\">\u9867\u5ba2\u60c5\u5831\u304c\u500b\u4eba\u306ePC\u3084\u624b\u5e33\u306b\u6563\u5728\u3002\u62c5\u5f53\u8005\u306e\u7570\u52d5\u3084\u9000\u8077\u3067\u8cb4\u91cd\u306a\u60c5\u5831\u304c\u5931\u308f\u308c\u3001\u30d3\u30b8\u30cd\u30b9\u30c1\u30e3\u30f3\u30b9\u3092\u9003\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n\n <div class=\"card text-center flex flex-col items-center\">\n <h3 class=\"text-xl font-bold mb-4 text-[#E55B3C]\">\u6848\u4ef6\u7ba1\u7406\u306e\u30d6\u30e9\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u5316<\/h3>\n <div class=\"w-48 h-48 mb-4\">\n <canvas id=\"challengeChart2\"><\/canvas>\n <\/div>\n <p class=\"text-gray-600\">\u591a\u6570\u306e\u6848\u4ef6\u306e\u512a\u5148\u9806\u4f4d\u304c\u4e0d\u660e\u78ba\u3002\u62c5\u5f53\u8005\u306e\u52d8\u306b\u983c\u3063\u305f\u7ba1\u7406\u306f\u3001\u6a5f\u4f1a\u640d\u5931\u3068\u975e\u52b9\u7387\u5316\u3092\u62db\u304d\u307e\u3059\u3002<\/p>\n <\/div>\n\n <div class=\"card text-center flex flex-col items-center\">\n <h3 class=\"text-xl font-bold mb-4 text-[#E55B3C]\">\u30b3\u30a2\u696d\u52d9\u3092\u5727\u8feb\u3059\u308b\u4e8b\u52d9\u4f5c\u696d<\/h3>\n <div class=\"w-48 h-48 mb-4\">\n <canvas id=\"challengeChart3\"><\/canvas>\n <\/div>\n <p class=\"text-gray-600\">\u898b\u7a4d\u4f5c\u6210\u3084\u5831\u544a\u66f8\u696d\u52d9\u306b\u8ffd\u308f\u308c\u3001\u672c\u6765\u6ce8\u529b\u3059\u3079\u304d\u9867\u5ba2\u3078\u306e\u4fa1\u5024\u63d0\u6848\u306e\u6642\u9593\u304c\u596a\u308f\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"solution-flow\" class=\"mb-20 md:mb-32\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-center mb-12 text-[#00A6A6]\">YetiForceCRM\u304c\u3082\u305f\u3089\u3059\u5909\u9769\u306e\u30d5\u30ed\u30fc<\/h2>\n <div class=\"space-y-8\">\n <div class=\"card grid grid-cols-1 md:grid-cols-3 gap-4 items-center\">\n <div class=\"text-center md:text-right\">\n <p class=\"font-bold text-lg text-red-500\">\u8ab2\u984c<\/p>\n <p>\u60c5\u5831\u306e\u5c5e\u4eba\u5316<\/p>\n <\/div>\n <div class=\"flex items-center justify-center text-4xl font-bold text-[#75B7B7]\">\n <span class=\"hidden md:inline\">\u2192<\/span>\n <span class=\"md:hidden\">\u2193<\/span>\n <\/div>\n <div class=\"text-center md:text-left\">\n <p class=\"font-bold text-lg text-green-500\">\u89e3\u6c7a\u7b56<\/p>\n <p>\u9867\u5ba2\u60c5\u5831\u306e\u4e00\u5143\u7ba1\u7406<\/p>\n <\/div>\n <\/div>\n <div class=\"card grid grid-cols-1 md:grid-cols-3 gap-4 items-center\">\n <div class=\"text-center md:text-right\">\n <p class=\"font-bold text-lg text-red-500\">\u8ab2\u984c<\/p>\n <p>\u6848\u4ef6\u7ba1\u7406\u306e\u4e0d\u900f\u660e\u3055<\/p>\n <\/div>\n <div class=\"flex items-center justify-center text-4xl font-bold text-[#75B7B7]\">\n <span class=\"hidden md:inline\">\u2192<\/span>\n <span class=\"md:hidden\">\u2193<\/span>\n <\/div>\n <div class=\"text-center md:text-left\">\n <p class=\"font-bold text-lg text-green-500\">\u89e3\u6c7a\u7b56<\/p>\n <p>\u30d1\u30a4\u30d7\u30e9\u30a4\u30f3\u306e\u898b\u3048\u308b\u5316<\/p>\n <\/div>\n <\/div>\n <div class=\"card grid grid-cols-1 md:grid-cols-3 gap-4 items-center\">\n <div class=\"text-center md:text-right\">\n <p class=\"font-bold text-lg text-red-500\">\u8ab2\u984c<\/p>\n <p>\u975e\u52b9\u7387\u306a\u4e8b\u52d9\u4f5c\u696d<\/p>\n <\/div>\n <div class=\"flex items-center justify-center text-4xl font-bold text-[#75B7B7]\">\n <span class=\"hidden md:inline\">\u2192<\/span>\n <span class=\"md:hidden\">\u2193<\/span>\n <\/div>\n <div class=\"text-center md:text-left\">\n <p class=\"font-bold text-lg text-green-500\">\u89e3\u6c7a\u7b56<\/p>\n <p>\u696d\u52d9\u30d7\u30ed\u30bb\u30b9\u306e\u81ea\u52d5\u5316<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"transformation\" class=\"mb-20 md:mb-32\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-center mb-12 text-[#00A6A6]\">\u30c7\u30fc\u30bf\u3067\u898b\u308b\u5c0e\u5165\u52b9\u679c\uff1a\u55b6\u696d\u529b\u306e\u98db\u8e8d\u7684\u5411\u4e0a<\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n <div class=\"card\">\n <h3 class=\"text-xl font-bold mb-4 text-center text-[#E55B3C]\">\u30af\u30ed\u30fc\u30b8\u30f3\u30b0\u7387\u306e\u5411\u4e0a<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"closingRateChart\"><\/canvas>\n <\/div>\n <p class=\"text-gray-600 mt-4 text-center\">\u30c7\u30fc\u30bf\u306b\u57fa\u3065\u3044\u305f\u7684\u78ba\u306a\u5224\u65ad\u304c\u53ef\u80fd\u306b\u306a\u308a\u3001\u6848\u4ef6\u306e\u30af\u30ed\u30fc\u30b8\u30f3\u30b0\u7387\u304c\u5927\u5e45\u306b\u6539\u5584\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"card\">\n <h3 class=\"text-xl font-bold mb-4 text-center text-[#E55B3C]\">\u55b6\u696d\u6d3b\u52d5\u6642\u9593\u306e\u8cea\u306e\u5909\u5316<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"timeAllocationChart\"><\/canvas>\n <\/div>\n <p class=\"text-gray-600 mt-4 text-center\">\u4e8b\u52d9\u4f5c\u696d\u306e\u6642\u9593\u3092\u524a\u6e1b\u3057\u3001\u9867\u5ba2\u3078\u306e\u4fa1\u5024\u63d0\u4f9b\u3068\u3044\u3046\u6700\u3082\u751f\u7523\u6027\u306e\u9ad8\u3044\u30b3\u30a2\u696d\u52d9\u306b\u96c6\u4e2d\u3067\u304d\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"card md:col-span-2\">\n <h3 class=\"text-xl font-bold mb-4 text-center text-[#E55B3C]\">\u30c1\u30fc\u30e0\u5168\u4f53\u306e\u58f2\u4e0a\u63a8\u79fb<\/h3>\n <div class=\"chart-container h-64 md:h-[400px]\">\n <canvas id=\"salesTrendChart\"><\/canvas>\n <\/div>\n <p class=\"text-gray-600 mt-4 text-center\">\u55b6\u696d\u30d7\u30ed\u30bb\u30b9\u304c\u6a19\u6e96\u5316\u3055\u308c\u3001\u30c1\u30fc\u30e0\u5168\u4f53\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u304c\u5e95\u4e0a\u3052\u3055\u308c\u308b\u3053\u3068\u3067\u3001\u7d99\u7d9a\u7684\u306a\u58f2\u4e0a\u6210\u9577\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"features\" class=\"mb-20 md:mb-32\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-center mb-12 text-[#00A6A6]\">\u751f\u7523\u6027\u3092\u6700\u5927\u5316\u3059\u308b\u4e3b\u8981\u6a5f\u80fd<\/h2>\n <div class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-6 text-center\">\n <div class=\"card\">\n <span class=\"text-5xl\">\ud83d\udc64<\/span>\n <h4 class=\"font-bold mt-4\">\u9867\u5ba2\u30fb\u30ea\u30fc\u30c9\u7ba1\u7406<\/h4>\n <\/div>\n <div class=\"card\">\n <span class=\"text-5xl\">\ud83d\udcca<\/span>\n <h4 class=\"font-bold mt-4\">\u6848\u4ef6\u30fb\u30d1\u30a4\u30d7\u30e9\u30a4\u30f3\u7ba1\u7406<\/h4>\n <\/div>\n <div class=\"card\">\n <span class=\"text-5xl\">\ud83d\udcc4<\/span>\n <h4 class=\"font-bold mt-4\">\u898b\u7a4d\u30fb\u6ce8\u6587\u7ba1\u7406<\/h4>\n <\/div>\n <div class=\"card\">\n <span class=\"text-5xl\">\u2705<\/span>\n <h4 class=\"font-bold mt-4\">\u30bf\u30b9\u30af\u30fb\u6d3b\u52d5\u7ba1\u7406<\/h4>\n <\/div>\n <div class=\"card\">\n <span class=\"text-5xl\">\ud83d\udcc8<\/span>\n <h4 class=\"font-bold mt-4\">\u30ec\u30dd\u30fc\u30c8\u30fb\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9<\/h4>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"summary-table\" class=\"mb-20 md:mb-32\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-center mb-12 text-[#00A6A6]\">\u6a5f\u80fd\u3068\u52b9\u679c\u306e\u30b5\u30de\u30ea\u30fc<\/h2>\n <div class=\"card overflow-x-auto\">\n <table class=\"w-full text-sm text-left text-gray-500\">\n <thead class=\"text-xs text-gray-700 uppercase bg-gray-100\">\n <tr>\n <th scope=\"col\" class=\"px-6 py-3\">\u4e3b\u8981\u6a5f\u80fd<\/th>\n <th scope=\"col\" class=\"px-6 py-3\">\u5177\u4f53\u7684\u306a\u6d3b\u7528\u65b9\u6cd5<\/th>\n <th scope=\"col\" class=\"px-6 py-3\">\u89e3\u6c7a\u3055\u308c\u308b\u8ab2\u984c<\/th>\n <th scope=\"col\" class=\"px-6 py-3\">\u5f97\u3089\u308c\u308b\u52b9\u679c<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr class=\"bg-white border-b\">\n <th scope=\"row\" class=\"px-6 py-4 font-medium text-gray-900 whitespace-nowrap\">\u9867\u5ba2\u30fb\u30ea\u30fc\u30c9\u7ba1\u7406<\/th>\n <td class=\"px-6 py-4\">\u9867\u5ba2\u30c7\u30fc\u30bf\u3001\u5546\u8ac7\u5c65\u6b74\u306e\u4e00\u5143\u7ba1\u7406<\/td>\n <td class=\"px-6 py-4\">\u60c5\u5831\u306e\u5c5e\u4eba\u5316\u3001\u5f15\u304d\u7d99\u304e\u30ed\u30b9<\/td>\n <td class=\"px-6 py-4\">\u55b6\u696d\u6d3b\u52d5\u306e\u7d99\u7d9a\u6027\u78ba\u4fdd<\/td>\n <\/tr>\n <tr class=\"bg-gray-50 border-b\">\n <th scope=\"row\" class=\"px-6 py-4 font-medium text-gray-900 whitespace-nowrap\">\u6848\u4ef6\u30fb\u30d1\u30a4\u30d7\u30e9\u30a4\u30f3\u7ba1\u7406<\/th>\n <td class=\"px-6 py-4\">\u6848\u4ef6\u30b9\u30c6\u30fc\u30b8\u306e\u53ef\u8996\u5316\u3001\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u53c2\u7167<\/td>\n <td class=\"px-6 py-4\">\u6848\u4ef6\u7ba1\u7406\u306e\u4e0d\u900f\u660e\u3055<\/td>\n <td class=\"px-6 py-4\">\u30af\u30ed\u30fc\u30b8\u30f3\u30b0\u7387\u5411\u4e0a<\/td>\n <\/tr>\n <tr class=\"bg-white border-b\">\n <th scope=\"row\" class=\"px-6 py-4 font-medium text-gray-900 whitespace-nowrap\">\u898b\u7a4d\u30fb\u6ce8\u6587\u7ba1\u7406<\/th>\n <td class=\"px-6 py-4\">\u898b\u7a4d\u66f8\u306e\u81ea\u52d5\u751f\u6210\u3001\u5951\u7d04\u7ba1\u7406<\/td>\n <td class=\"px-6 py-4\">\u898b\u7a4d\u4f5c\u6210\u306e\u5de5\u6570\u5897\u5927<\/td>\n <td class=\"px-6 py-4\">\u30b3\u30a2\u696d\u52d9\u3078\u306e\u96c6\u4e2d<\/td>\n <\/tr>\n <tr class=\"bg-gray-50 border-b\">\n <th scope=\"row\" class=\"px-6 py-4 font-medium text-gray-900 whitespace-nowrap\">\u30bf\u30b9\u30af\u30fb\u6d3b\u52d5\u7ba1\u7406<\/th>\n <td class=\"px-6 py-4\">\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u767b\u9332\u3001\u30ea\u30de\u30a4\u30f3\u30c0\u30fc\u8a2d\u5b9a<\/td>\n <td class=\"px-6 py-4\">\u55b6\u696d\u6d3b\u52d5\u306e\u629c\u3051\u6f0f\u308c<\/td>\n <td class=\"px-6 py-4\">\u696d\u52d9\u52b9\u7387\u5316\u3001\u5bfe\u5fdc\u54c1\u8cea\u5411\u4e0a<\/td>\n <\/tr>\n <tr class=\"bg-white\">\n <th scope=\"row\" class=\"px-6 py-4 font-medium text-gray-900 whitespace-nowrap\">\u30ec\u30dd\u30fc\u30c8\u30fb\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9<\/th>\n <td class=\"px-6 py-4\">\u5546\u8ac7\u60c5\u5831\u306e\u81ea\u52d5\u96c6\u8a08\u3001\u30ef\u30f3\u30af\u30ea\u30c3\u30af\u30ec\u30dd\u30fc\u30c8<\/td>\n <td class=\"px-6 py-4\">\u5831\u544a\u696d\u52d9\u306e\u5de5\u6570\u5897\u5927<\/td>\n <td class=\"px-6 py-4\">\u30c7\u30fc\u30bf\u306b\u57fa\u3065\u3044\u305f\u610f\u601d\u6c7a\u5b9a<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/section>\n\n <footer class=\"text-center pt-8 border-t-2 border-gray-200\">\n <p class=\"text-xl font-bold text-[#E55B3C]\">YetiForceCRM\u3067\u3001\u6b21\u306e\u30b9\u30c6\u30fc\u30b8\u3078\u3002<\/p>\n <p class=\"text-gray-600 mt-2\">\u5358\u306a\u308b\u52b9\u7387\u5316\u3092\u8d85\u3048\u3001\u9867\u5ba2\u6e80\u8db3\u5ea6\u3092\u9ad8\u3081\u3001\u6301\u7d9a\u7684\u306a\u7af6\u4e89\u512a\u4f4d\u6027\u3092\u78ba\u7acb\u3057\u307e\u3059\u3002<\/p>\n <\/footer>\n\n <\/div>\n\n <script>\n const FONT_COLOR = '#374151'; \n const BORDER_COLOR = '#D1D5DB';\n const PALETTE = {\n primary: '#00A6A6',\n secondary: '#75B7B7',\n accent: '#E55B3C',\n lightAccent: '#F28E79',\n background: '#FFFFFF'\n };\n\n function wrapLabel(label) {\n const maxLen = 16;\n if (label.length <= maxLen) {\n return label;\n }\n const words = label.split(' ');\n let lines = [];\n let currentLine = '';\n for (const word of words) {\n if ((currentLine + word).length > maxLen) {\n lines.push(currentLine.trim());\n currentLine = '';\n }\n currentLine += word + ' ';\n }\n lines.push(currentLine.trim());\n return lines.filter(line => line.length > 0);\n }\n\n const tooltipTitleCallback = (tooltipItems) => {\n const item = tooltipItems[0];\n let label = item.chart.data.labels[item.dataIndex];\n if (Array.isArray(label)) {\n return label.join(' ');\n }\n return label;\n };\n \n const commonChartOptions = {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n labels: {\n color: FONT_COLOR\n }\n },\n tooltip: {\n callbacks: {\n title: tooltipTitleCallback\n }\n }\n },\n scales: {\n y: {\n ticks: { color: FONT_COLOR },\n grid: { color: BORDER_COLOR }\n },\n x: {\n ticks: { color: FONT_COLOR },\n grid: { display: false }\n }\n }\n };\n\n \n const challengeData1 = {\n labels: ['\u5931\u308f\u308c\u305f\u60c5\u5831', '\u5f15\u304d\u7d99\u304c\u308c\u305f\u60c5\u5831'],\n datasets: [{\n label: '\u60c5\u5831\u8cc7\u7523',\n data: [40, 60],\n backgroundColor: [PALETTE.accent, PALETTE.secondary],\n borderColor: PALETTE.background,\n borderWidth: 4\n }]\n };\n new Chart(document.getElementById('challengeChart1'), {\n type: 'doughnut',\n data: challengeData1,\n options: { ...commonChartOptions, scales: { y: { display: false }, x: { display: false } } }\n });\n\n \n const challengeData2 = {\n labels: ['\u52d8\u306b\u983c\u308b\u6848\u4ef6', '\u30c7\u30fc\u30bf\u306b\u57fa\u3065\u304f\u6848\u4ef6'],\n datasets: [{\n label: '\u6848\u4ef6\u7ba1\u7406',\n data: [65, 35],\n backgroundColor: [PALETTE.accent, PALETTE.secondary],\n borderColor: PALETTE.background,\n borderWidth: 4\n }]\n };\n new Chart(document.getElementById('challengeChart2'), {\n type: 'doughnut',\n data: challengeData2,\n options: { ...commonChartOptions, scales: { y: { display: false }, x: { display: false } } }\n });\n\n \n const challengeData3 = {\n labels: ['\u4e8b\u52d9\u4f5c\u696d\u306e\u6642\u9593', '\u30b3\u30a2\u696d\u52d9\u306e\u6642\u9593'],\n datasets: [{\n label: '\u696d\u52d9\u6642\u9593',\n data: [50, 50],\n backgroundColor: [PALETTE.accent, PALETTE.secondary],\n borderColor: PALETTE.background,\n borderWidth: 4\n }]\n };\n new Chart(document.getElementById('challengeChart3'), {\n type: 'doughnut',\n data: challengeData3,\n options: { ...commonChartOptions, scales: { y: { display: false }, x: { display: false } } }\n });\n\n \n const closingRateData = {\n labels: ['\u5c0e\u5165\u524d', '\u5c0e\u5165\u5f8c'],\n datasets: [{\n label: '\u30af\u30ed\u30fc\u30b8\u30f3\u30b0\u7387 (%)',\n data: [22, 35],\n backgroundColor: [PALETTE.lightAccent, PALETTE.primary],\n borderRadius: 8\n }]\n };\n new Chart(document.getElementById('closingRateChart'), {\n type: 'bar',\n data: closingRateData,\n options: { ...commonChartOptions, indexAxis: 'y', plugins: { legend: { display: false } } }\n });\n\n \n const timeAllocationData = {\n labels: ['\u5c0e\u5165\u524d', '\u5c0e\u5165\u5f8c'],\n datasets: [\n {\n label: '\u4e8b\u52d9\u4f5c\u696d',\n data: [50, 20],\n backgroundColor: PALETTE.accent,\n },\n {\n label: '\u30b3\u30a2\u696d\u52d9',\n data: [50, 80],\n backgroundColor: PALETTE.primary,\n }\n ]\n };\n new Chart(document.getElementById('timeAllocationChart'), {\n type: 'bar',\n data: timeAllocationData,\n options: { ...commonChartOptions, scales: { x: { stacked: true }, y: { stacked: true } } }\n });\n\n \n const salesTrendData = {\n labels: ['1\u6708', '2\u6708', '3\u6708', '4\u6708', '5\u6708', '6\u6708'],\n datasets: [{\n label: '\u30c1\u30fc\u30e0\u58f2\u4e0a (\u767e\u4e07\u5186)',\n data: [120, 150, 140, 180, 220, 250],\n fill: true,\n borderColor: PALETTE.primary,\n backgroundColor: 'rgba(0, 166, 166, 0.2)',\n tension: 0.4\n }]\n };\n new Chart(document.getElementById('salesTrendChart'), {\n type: 'line',\n data: salesTrendData,\n options: { ...commonChartOptions, plugins: { legend: { display: false } } }\n });\n\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>YetiForceCRM \u55b6\u696d\u90e8\u9580\u5411\u3051\u30a4\u30f3\u30d5\u30a9\u30b0\u30e9\u30d5\u30a3\u30c3\u30af \u55b6\u696d\u306e\u58c1\u3092\u6253\u3061\u7834\u308b YetiForceCRM\u304c\u5b9f\u73fe\u3059\u308b\u3001\u30c7\u30fc\u30bf\u4e3b\u5c0e\u306e\u55b6\u696d\u6539\u9769 \u591a\u304f\u306e\u55b6\u696d\u7d44\u7e54\u304c\u76f4\u9762\u3059\u308b\u300c3\u3064\u306e\u58c1\u300d \u60c5\u5831\u306e\u5c5e\u4eba\u5316 \u9867\u5ba2\u60c5\u5831\u304c\u500b\u4eba\u306ePC\u3084\u624b\u5e33\u306b\u6563 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-704","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/pages\/704","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yetiworks.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=704"}],"version-history":[{"count":6,"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/pages\/704\/revisions"}],"predecessor-version":[{"id":914,"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/pages\/704\/revisions\/914"}],"wp:attachment":[{"href":"https:\/\/yetiworks.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=704"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}