YetiForceCRM \u5c0e\u5165\u52b9\u679c\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&family=Noto+Sans+JP:wght@400;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Inter', 'Noto Sans JP', sans-serif;\n background-color: #f0f4f8;\n }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n height: 320px;\n max-height: 400px;\n }\n @media (min-width: 768px) {\n .chart-container {\n height: 400px;\n }\n }\n .gradient-text {\n background: linear-gradient(90deg, #7a5195, #ef5675);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n .flow-arrow {\n font-size: 2rem;\n color: #ffa600;\n line-height: 1;\n }\n <\/style>\n<\/head>\n<body class=\"text-gray-800\">\n\n <div class=\"container mx-auto p-4 md:p-8 max-w-6xl\">\n\n <header class=\"text-center mb-12 md:mb-16\">\n <h1 class=\"text-3xl md:text-5xl font-bold mb-2 gradient-text\">YetiForceCRM\u3067\u5b9f\u73fe\u3059\u308b<\/h1>\n <h2 class=\"text-2xl md:text-4xl font-bold text-gray-700\">\u751f\u7523\u7ba1\u7406\u306e\u9769\u65b0<\/h2>\n <p class=\"mt-4 text-base md:text-lg text-gray-600\">\u8a08\u753b\u6700\u9069\u5316\u304b\u3089\u7d0d\u671f\u9075\u5b88\u3001\u30b3\u30b9\u30c8\u524a\u6e1b\u307e\u3067\u3092\u4e00\u6c17\u901a\u8cab\u3067\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002<\/p>\n <\/header>\n\n <section id=\"challenges\" class=\"mb-12 md:mb-20\">\n <h3 class=\"text-2xl md:text-3xl font-bold text-center mb-8 text-gray-700\">\u751f\u7523\u7ba1\u7406\u90e8\u9580\u304c\u76f4\u9762\u3059\u308b\u300c3\u3064\u306e\u58c1\u300d<\/h3>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 md:gap-8\">\n <div class=\"bg-white p-6 rounded-xl shadow-lg text-center transform hover:scale-105 transition-transform duration-300\">\n <div class=\"text-5xl mb-4\">\ud83d\udd52<\/div>\n <h4 class=\"text-xl font-bold mb-2 text-blue-900\">\u60c5\u5831\u306e\u30bf\u30a4\u30e0\u30e9\u30b0<\/h4>\n <p class=\"text-gray-600\">\u53d7\u6ce8\u60c5\u5831\u304c\u9045\u308c\u3001\u88fd\u9020\u8a08\u753b\u304c\u6df7\u4e71\u3002\u6025\u306a\u5909\u66f4\u5bfe\u5fdc\u306b\u8ffd\u308f\u308c\u308b\u3002<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-xl shadow-lg text-center transform hover:scale-105 transition-transform duration-300\">\n <div class=\"text-5xl mb-4\">\ud83c\udfed<\/div>\n <h4 class=\"text-xl font-bold mb-2 text-blue-900\">\u9032\u6357\u306e\u4e0d\u900f\u660e\u6027<\/h4>\n <p class=\"text-gray-600\">\u8907\u6570\u62e0\u70b9\u3084\u5916\u6ce8\u5148\u306e\u72b6\u6cc1\u304c\u898b\u3048\u305a\u3001\u7d0d\u671f\u9045\u5ef6\u30ea\u30b9\u30af\u304c\u5897\u5927\u3059\u308b\u3002<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-xl shadow-lg text-center transform hover:scale-105 transition-transform duration-300\">\n <div class=\"text-5xl mb-4\">\ud83d\udcc9<\/div>\n <h4 class=\"text-xl font-bold mb-2 text-blue-900\">\u4e0d\u6b63\u78ba\u306a\u9700\u8981\u4e88\u6e2c<\/h4>\n <p class=\"text-gray-600\">\u52d8\u3068\u7d4c\u9a13\u306b\u983c\u308a\u3001\u904e\u5270\u5728\u5eab\u3084\u6b20\u54c1\u304c\u767a\u751f\u3057\u3084\u3059\u304f\u306a\u308b\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"solution-flow\" class=\"mb-12 md:mb-20\">\n <h3 class=\"text-2xl md:text-3xl font-bold text-center mb-8 text-gray-700\">YetiForceCRM\u304c\u58c1\u3092\u58ca\u3059\u300c3\u3064\u306e\u9023\u643a\u300d<\/h3>\n <div class=\"space-y-8\">\n <div class=\"bg-white p-6 rounded-xl shadow-lg\">\n <h4 class=\"text-xl font-bold text-center mb-4 text-purple-700\">\u2460 \u53d7\u6ce8\u304b\u3089\u88fd\u9020\u307e\u3067\u3092\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u9023\u643a<\/h4>\n <div class=\"flex flex-col md:flex-row items-center justify-around text-center space-y-4 md:space-y-0\">\n <div class=\"p-4 rounded-lg bg-red-50 w-full md:w-1\/4\">\n <p class=\"font-bold text-red-600\">\u8ab2\u984c<\/p>\n <p>\u53d7\u6ce8\u60c5\u5831\u306e\u9045\u5ef6<\/p>\n <\/div>\n <div class=\"flow-arrow\">\u2192<\/div>\n <div class=\"p-4 rounded-lg bg-yellow-50 w-full md:w-1\/4\">\n <p class=\"font-bold text-yellow-600\">CRM\u6a5f\u80fd<\/p>\n <p>\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u60c5\u5831\u5171\u6709<\/p>\n <\/div>\n <div class=\"flow-arrow\">\u2192<\/div>\n <div class=\"p-4 rounded-lg bg-green-50 w-full md:w-1\/4\">\n <p class=\"font-bold text-green-600\">\u52b9\u679c<\/p>\n <p>\u88fd\u9020\u8a08\u753b\u306e\u6700\u9069\u5316<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-6 rounded-xl shadow-lg\">\n <h4 class=\"text-xl font-bold text-center mb-4 text-purple-700\">\u2461 \u5728\u5eab\u72b6\u6cc1\u3092\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u306b\u53ef\u8996\u5316<\/h4>\n <div class=\"flex flex-col md:flex-row items-center justify-around text-center space-y-4 md:space-y-0\">\n <div class=\"p-4 rounded-lg bg-red-50 w-full md:w-1\/4\">\n <p class=\"font-bold text-red-600\">\u8ab2\u984c<\/p>\n <p>\u9032\u6357\u306e\u4e0d\u900f\u660e\u6027<\/p>\n <\/div>\n <div class=\"flow-arrow\">\u2192<\/div>\n <div class=\"p-4 rounded-lg bg-yellow-50 w-full md:w-1\/4\">\n <p class=\"font-bold text-yellow-600\">CRM\u6a5f\u80fd<\/p>\n <p>\u5728\u5eab\u79fb\u52d5\u30fb\u5c65\u6b74\u7ba1\u7406<\/p>\n <\/div>\n <div class=\"flow-arrow\">\u2192<\/div>\n <div class=\"p-4 rounded-lg bg-green-50 w-full md:w-1\/4\">\n <p class=\"font-bold text-green-600\">\u52b9\u679c<\/p>\n <p>\u6b20\u54c1\u9632\u6b62\u30fb\u68da\u5378\u52b9\u7387\u5316<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-6 rounded-xl shadow-lg\">\n <h4 class=\"text-xl font-bold text-center mb-4 text-purple-700\">\u2462 \u30b5\u30d7\u30e9\u30a4\u30c1\u30a7\u30fc\u30f3\u5168\u4f53\u3092\u6700\u9069\u5316<\/h4>\n <div class=\"flex flex-col md:flex-row items-center justify-around text-center space-y-4 md:space-y-0\">\n <div class=\"p-4 rounded-lg bg-red-50 w-full md:w-1\/4\">\n <p class=\"font-bold text-red-600\">\u8ab2\u984c<\/p>\n <p>\u4e0d\u6b63\u78ba\u306a\u9700\u8981\u4e88\u6e2c<\/p>\n <\/div>\n <div class=\"flow-arrow\">\u2192<\/div>\n <div class=\"p-4 rounded-lg bg-yellow-50 w-full md:w-1\/4\">\n <p class=\"font-bold text-yellow-600\">CRM\u6a5f\u80fd<\/p>\n <p>\u8cfc\u8cb7\u767a\u6ce8\u30fbERP\u9023\u643a<\/p>\n <\/div>\n <div class=\"flow-arrow\">\u2192<\/div>\n <div class=\"p-4 rounded-lg bg-green-50 w-full md:w-1\/4\">\n <p class=\"font-bold text-green-600\">\u52b9\u679c<\/p>\n <p>\u30b5\u30d7\u30e9\u30a4\u30c1\u30a7\u30fc\u30f3\u53ef\u8996\u5316<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"impact\" class=\"mb-12 md:mb-20\">\n <h3 class=\"text-2xl md:text-3xl font-bold text-center mb-8 text-gray-700\">\u5c0e\u5165\u52b9\u679c\uff1a\u6570\u5b57\u3067\u898b\u308b\u751f\u7523\u6027\u306e\u5411\u4e0a<\/h3>\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 md:gap-12\">\n <div class=\"bg-white p-6 rounded-xl shadow-lg\">\n <h4 class=\"text-xl font-bold text-center mb-4\">\u4e3b\u8981KPI\u306e\u6539\u5584 (\u5c0e\u5165\u524d\u5f8c\u6bd4\u8f03)<\/h4>\n <p class=\"text-center text-gray-600 mb-4\">CRM\u5c0e\u5165\u306b\u3088\u308a\u3001\u751f\u7523\u7ba1\u7406\u306e\u91cd\u8981\u6307\u6a19\u304c\u5287\u7684\u306b\u6539\u5584\u3057\u307e\u3059\u3002<\/p>\n <div class=\"chart-container\">\n <canvas id=\"kpiImprovementChart\"><\/canvas>\n <\/div>\n <\/div>\n <div class=\"bg-white p-6 rounded-xl shadow-lg\">\n <h4 class=\"text-xl font-bold text-center mb-4\">\u68da\u5378\u4f5c\u696d\u6642\u9593\u306e\u524a\u6e1b\u7387<\/h4>\n <p class=\"text-center text-gray-600 mb-4\">\u5728\u5eab\u30c7\u30fc\u30bf\u306e\u6b63\u78ba\u6027\u5411\u4e0a\u306f\u3001\u68da\u5378\u4f5c\u696d\u306e\u5927\u5e45\u306a\u52b9\u7387\u5316\u306b\u7e4b\u304c\u308a\u307e\u3059\u3002<\/p>\n <div class=\"chart-container\">\n <canvas id=\"timeReductionChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"vision\" class=\"mb-12 md:mb-20\">\n <h3 class=\"text-2xl md:text-3xl font-bold text-center mb-8 text-gray-700\">\u7d4c\u55b6\u3078\u8ca2\u732e\u3059\u308b\u6226\u7565\u7684\u4fa1\u5024<\/h3>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 md:gap-8\">\n <div class=\"bg-white p-6 rounded-xl shadow-lg text-center\">\n <div class=\"text-5xl mb-4\">\ud83d\ude80<\/div>\n <h4 class=\"text-xl font-bold mb-2 text-blue-900\">JIT\u601d\u60f3\u306e\u5b9f\u73fe<\/h4>\n <p class=\"text-gray-600\">\u30ad\u30e3\u30c3\u30b7\u30e5\u30d5\u30ed\u30fc\u3092\u6539\u5584\u3057\u3001\u4f01\u696d\u306e\u8ca1\u52d9\u4f53\u8cea\u3092\u5f37\u5316\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-xl shadow-lg text-center\">\n <div class=\"text-5xl mb-4\">\ud83d\ude0a<\/div>\n <h4 class=\"text-xl font-bold mb-2 text-blue-900\">\u9867\u5ba2\u6e80\u8db3\u5ea6\u306e\u5411\u4e0a<\/h4>\n <p class=\"text-gray-600\">\u8fc5\u901f\u304b\u3064\u78ba\u5b9f\u306a\u88fd\u54c1\u63d0\u4f9b\u3067\u3001\u9867\u5ba2\u304b\u3089\u306e\u4fe1\u983c\u3092\u7372\u5f97\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-xl shadow-lg text-center\">\n <div class=\"text-5xl mb-4\">\ud83d\udcca<\/div>\n <h4 class=\"text-xl font-bold mb-2 text-blue-900\">\u30c7\u30fc\u30bf\u30c9\u30ea\u30d6\u30f3\u7d4c\u55b6<\/h4>\n <p class=\"text-gray-600\">\u672a\u6765\u306e\u5146\u5019\u3092\u6349\u3048\u3001\u6226\u7565\u7684\u306a\u7d4c\u55b6\u5224\u65ad\u3092\u53ef\u80fd\u306b\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"summary-table\" class=\"mb-12 md:mb-20\">\n <h3 class=\"text-2xl md:text-3xl font-bold text-center mb-8 text-gray-700\">\u6a5f\u80fd\u3068\u52b9\u679c\u306e\u307e\u3068\u3081<\/h3>\n <div class=\"bg-white p-4 md:p-6 rounded-xl shadow-lg overflow-x-auto\">\n <table class=\"w-full text-sm md:text-base text-left text-gray-600\">\n <thead class=\"bg-gray-100 text-gray-700\">\n <tr>\n <th class=\"p-3 md:p-4\">\u4e3b\u8981\u6a5f\u80fd<\/th>\n <th class=\"p-3 md:p-4\">\u5177\u4f53\u7684\u306a\u6d3b\u7528\u65b9\u6cd5<\/th>\n <th class=\"p-3 md:p-4\">\u89e3\u6c7a\u3055\u308c\u308b\u8ab2\u984c<\/th>\n <th class=\"p-3 md:p-4\">\u5c0e\u5165\u52b9\u679c<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr class=\"border-b border-gray-200\">\n <td class=\"p-3 md:p-4 font-bold text-purple-700\">\u53d7\u6ce8\u60c5\u5831\u9023\u643a<\/td>\n <td class=\"p-3 md:p-4\">\u55b6\u696d\u304b\u3089\u306e\u53d7\u6ce8\u30fb\u898b\u8fbc\u307f\u6848\u4ef6\u60c5\u5831\u3092\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u53c2\u7167<\/td>\n <td class=\"p-3 md:p-4\">\u60c5\u5831\u306e\u30bf\u30a4\u30e0\u30e9\u30b0\u3001\u8a08\u753b\u306e\u6df7\u4e71<\/td>\n <td class=\"p-3 md:p-4 font-semibold text-green-600\">\u88fd\u9020\u8a08\u753b\u306e\u6700\u9069\u5316\u3001\u7d0d\u671f\u9075\u5b88\u7387\u306e\u5411\u4e0a<\/td>\n <\/tr>\n <tr class=\"border-b border-gray-200\">\n <td class=\"p-3 md:p-4 font-bold text-purple-700\">\u5728\u5eab\u79fb\u52d5\u30fb\u5c65\u6b74\u7ba1\u7406<\/td>\n <td class=\"p-3 md:p-4\">\u5165\u8377\u30fb\u51fa\u8377\u306e\u5909\u52d5\u3092\u81ea\u52d5\u8a18\u9332\u3001\u5728\u5eab\u30a2\u30e9\u30fc\u30c8\u3092\u8a2d\u5b9a<\/td>\n <td class=\"p-3 md:p-4\">\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u306e\u5728\u5eab\u628a\u63e1\u306e\u56f0\u96e3\u3055\u3001\u6b20\u54c1\u30ea\u30b9\u30af<\/td>\n <td class=\"p-3 md:p-4 font-semibold text-green-600\">\u6b20\u54c1\u9632\u6b62\u3001\u68da\u5378\u4f5c\u696d\u306e\u5287\u7684\u306a\u52b9\u7387\u5316<\/td>\n <\/tr>\n <tr class=\"border-b border-gray-200\">\n <td class=\"p-3 md:p-4 font-bold text-purple-700\">\u8cfc\u8cb7\u767a\u6ce8\u7ba1\u7406<\/td>\n <td class=\"p-3 md:p-4\">\u4ed5\u5165\u5148\u3001\u767a\u6ce8\u30c7\u30fc\u30bf\u3001\u5165\u5eab\u4e88\u5b9a\u65e5\u7b49\u3092\u4e00\u5143\u7ba1\u7406<\/td>\n <td class=\"p-3 md:p-4\">\u8cc7\u6750\u8abf\u9054\u8a08\u753b\u306e\u4e0d\u900f\u660e\u3055\u3001\u767a\u6ce8\u30df\u30b9<\/td>\n <td class=\"p-3 md:p-4 font-semibold text-green-600\">\u8cc7\u6750\u8abf\u9054\u306e\u6700\u9069\u5316\u3001\u4f1a\u8a08\u51e6\u7406\u3068\u306e\u9023\u643a\u5f37\u5316<\/td>\n <\/tr>\n <tr class=\"border-b border-gray-200\">\n <td class=\"p-3 md:p-4 font-bold text-purple-700\">\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u81ea\u52d5\u5316<\/td>\n <td class=\"p-3 md:p-4\">\u53d7\u6ce8\u78ba\u5b9a\u6642\u306b\u5728\u5eab\u5f15\u5f53\u3084\u8acb\u6c42\u66f8\u4f5c\u6210\u3092\u81ea\u52d5\u5b9f\u884c<\/td>\n <td class=\"p-3 md:p-4\">\u624b\u4f5c\u696d\u306b\u3088\u308b\u9023\u643a\u30df\u30b9\u3001\u627f\u8a8d\u30d7\u30ed\u30bb\u30b9\u306e\u9045\u5ef6<\/td>\n <td class=\"p-3 md:p-4 font-semibold text-green-600\">\u696d\u52d9\u30d7\u30ed\u30bb\u30b9\u306e\u9ad8\u901f\u5316\u3001\u30d2\u30e5\u30fc\u30de\u30f3\u30a8\u30e9\u30fc\u524a\u6e1b<\/td>\n <\/tr>\n <tr>\n <td class=\"p-3 md:p-4 font-bold text-purple-700\">ERP\u6a5f\u80fd\u30fb\u9023\u643a<\/td>\n <td class=\"p-3 md:p-4\">\u65e2\u5b58\u30b7\u30b9\u30c6\u30e0\u3068\u9023\u643a\u3057\u3001\u751f\u7523\u306b\u95a2\u308f\u308b\u5168\u30c7\u30fc\u30bf\u3092\u7d71\u5408<\/td>\n <td class=\"p-3 md:p-4\">\u90e8\u9580\u9593\u306e\u30b7\u30b9\u30c6\u30e0\u5206\u65ad\u3001\u30c7\u30fc\u30bf\u306e\u30b5\u30a4\u30ed\u5316<\/td>\n <td class=\"p-3 md:p-4 font-semibold text-green-600\">\u30b5\u30d7\u30e9\u30a4\u30c1\u30a7\u30fc\u30f3\u5168\u4f53\u306e\u53ef\u8996\u5316\u3068\u5168\u4f53\u6700\u9069<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/section>\n\n <section id=\"catchphrase\" class=\"text-center my-12 md:my-20\">\n <div class=\"bg-white p-8 rounded-xl shadow-2xl max-w-4xl mx-auto transform hover:scale-105 transition-transform duration-300\">\n <h3 class=\"text-2xl md:text-4xl font-bold gradient-text\">\n \u60c5\u5831\u306e\u6d41\u308c\u3092\u3001\u4f01\u696d\u306e\u529b\u306b\u3002\n <\/h3>\n <p class=\"mt-4 text-gray-600 text-lg\">\n YetiForceCRM\u3067\u3001\u751f\u7523\u7ba1\u7406\u306e\u672a\u6765\u3092\u5275\u9020\u3057\u307e\u305b\u3093\u304b\uff1f\n <\/p>\n <\/div>\n <\/section>\n\n <footer class=\"text-center mt-12 md:mt-16 pt-8 border-t border-gray-300\">\n <\/footer>\n\n <\/div>\n\n <script>\n function wrapLabel(label, maxLength) {\n if (label.length <= maxLength) {\n return label;\n }\n const words = label.replace(\/\\s\/g, '').split(\/([A-Za-z\\s]+)\/).filter(Boolean);\n const lines = [];\n let currentLine = '';\n words.forEach(word => {\n if ((currentLine + word).length > maxLength) {\n lines.push(currentLine.trim());\n currentLine = word;\n } else {\n currentLine += word;\n }\n });\n lines.push(currentLine.trim());\n return lines;\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 colorPalette = {\n blue: '#003f5c',\n purple: '#7a5195',\n pink: '#ef5675',\n orange: '#ff764a',\n yellow: '#ffa600',\n lightGray: '#cccccc'\n };\n\n const kpiLabels = [\n '\u7d0d\u671f\u9075\u5b88\u7387 (On-time Rate)',\n '\u5728\u5eab\u524a\u6e1b\u7387 (Inventory Reduction)',\n '\u8a08\u753b\u5909\u66f4\u56de\u6570 (Plan Changes)'\n ].map(label => wrapLabel(label, 16));\n\n const kpiChartCtx = document.getElementById('kpiImprovementChart').getContext('2d');\n new Chart(kpiChartCtx, {\n type: 'bar',\n data: {\n labels: kpiLabels,\n datasets: [{\n label: '\u5c0e\u5165\u524d (Before)',\n data: [85, 10, 25],\n backgroundColor: colorPalette.lightGray,\n borderColor: '#999999',\n borderWidth: 1\n }, {\n label: '\u5c0e\u5165\u5f8c (After)',\n data: [98, 40, 5],\n backgroundColor: colorPalette.purple,\n borderColor: colorPalette.blue,\n borderWidth: 1\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n y: {\n beginAtZero: true,\n ticks: {\n font: {\n family: \"'Inter', sans-serif\"\n }\n }\n },\n x: {\n ticks: {\n font: {\n family: \"'Inter', sans-serif\"\n }\n }\n }\n },\n plugins: {\n legend: {\n position: 'top',\n labels: {\n font: {\n family: \"'Inter', sans-serif\",\n size: 14\n }\n }\n },\n tooltip: {\n callbacks: {\n title: tooltipTitleCallback\n }\n }\n }\n }\n });\n\n const timeReductionChartCtx = document.getElementById('timeReductionChart').getContext('2d');\n new Chart(timeReductionChartCtx, {\n type: 'doughnut',\n data: {\n labels: ['\u524a\u6e1b\u3055\u308c\u305f\u6642\u9593 (75%)', '\u6b8b\u308a\u306e\u6642\u9593 (25%)'],\n datasets: [{\n data: [75, 25],\n backgroundColor: [\n colorPalette.pink,\n colorPalette.lightGray\n ],\n hoverOffset: 4\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n position: 'bottom',\n labels: {\n font: {\n family: \"'Inter', sans-serif\",\n size: 14\n },\n padding: 20\n }\n },\n tooltip: {\n callbacks: {\n title: tooltipTitleCallback\n }\n }\n }\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>YetiForceCRM \u5c0e\u5165\u52b9\u679c\u30a4\u30f3\u30d5\u30a9\u30b0\u30e9\u30d5\u30a3\u30c3\u30af YetiForceCRM\u3067\u5b9f\u73fe\u3059\u308b \u751f\u7523\u7ba1\u7406\u306e\u9769\u65b0 \u8a08\u753b\u6700\u9069\u5316\u304b\u3089\u7d0d\u671f\u9075\u5b88\u3001\u30b3\u30b9\u30c8\u524a\u6e1b\u307e\u3067\u3092\u4e00\u6c17\u901a\u8cab\u3067\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002 \u751f\u7523\u7ba1\u7406\u90e8\u9580\u304c\u76f4\u9762\u3059\u308b\u300c3\u3064\u306e\u58c1\u300d \ud83d\udd52 \u60c5\u5831 […]<\/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-757","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/pages\/757","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=757"}],"version-history":[{"count":3,"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/pages\/757\/revisions"}],"predecessor-version":[{"id":922,"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/pages\/757\/revisions\/922"}],"wp:attachment":[{"href":"https:\/\/yetiworks.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=757"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":757,"date":"2025-08-05T09:12:25","date_gmt":"2025-08-05T00:12:25","guid":{"rendered":"https:\/\/yetiworks.jp\/?page_id=757"},"modified":"2025-08-06T15:56:42","modified_gmt":"2025-08-06T06:56:42","slug":"%e7%94%9f%e7%94%a3%e7%ae%a1%e7%90%86%e9%83%a8%e9%96%80","status":"publish","type":"page","link":"https:\/\/yetiworks.jp\/?page_id=757","title":{"rendered":"\u751f\u7523\u7ba1\u7406\u90e8\u9580\uff08\u56f3\u89e3\uff09"},"content":{"rendered":"\n\n\n\n \n \n YetiForceCRM \u5c0e\u5165\u52b9\u679c\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&family=Noto+Sans+JP:wght@400;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Inter', 'Noto Sans JP', sans-serif;\n background-color: #f0f4f8;\n }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n height: 320px;\n max-height: 400px;\n }\n @media (min-width: 768px) {\n .chart-container {\n height: 400px;\n }\n }\n .gradient-text {\n background: linear-gradient(90deg, #7a5195, #ef5675);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n .flow-arrow {\n font-size: 2rem;\n color: #ffa600;\n line-height: 1;\n }\n <\/style>\n<\/head>\n<body class=\"text-gray-800\">\n\n <div class=\"container mx-auto p-4 md:p-8 max-w-6xl\">\n\n <header class=\"text-center mb-12 md:mb-16\">\n <h1 class=\"text-3xl md:text-5xl font-bold mb-2 gradient-text\">YetiForceCRM\u3067\u5b9f\u73fe\u3059\u308b<\/h1>\n <h2 class=\"text-2xl md:text-4xl font-bold text-gray-700\">\u751f\u7523\u7ba1\u7406\u306e\u9769\u65b0<\/h2>\n <p class=\"mt-4 text-base md:text-lg text-gray-600\">\u8a08\u753b\u6700\u9069\u5316\u304b\u3089\u7d0d\u671f\u9075\u5b88\u3001\u30b3\u30b9\u30c8\u524a\u6e1b\u307e\u3067\u3092\u4e00\u6c17\u901a\u8cab\u3067\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002<\/p>\n <\/header>\n\n <section id=\"challenges\" class=\"mb-12 md:mb-20\">\n <h3 class=\"text-2xl md:text-3xl font-bold text-center mb-8 text-gray-700\">\u751f\u7523\u7ba1\u7406\u90e8\u9580\u304c\u76f4\u9762\u3059\u308b\u300c3\u3064\u306e\u58c1\u300d<\/h3>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 md:gap-8\">\n <div class=\"bg-white p-6 rounded-xl shadow-lg text-center transform hover:scale-105 transition-transform duration-300\">\n <div class=\"text-5xl mb-4\">\ud83d\udd52<\/div>\n <h4 class=\"text-xl font-bold mb-2 text-blue-900\">\u60c5\u5831\u306e\u30bf\u30a4\u30e0\u30e9\u30b0<\/h4>\n <p class=\"text-gray-600\">\u53d7\u6ce8\u60c5\u5831\u304c\u9045\u308c\u3001\u88fd\u9020\u8a08\u753b\u304c\u6df7\u4e71\u3002\u6025\u306a\u5909\u66f4\u5bfe\u5fdc\u306b\u8ffd\u308f\u308c\u308b\u3002<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-xl shadow-lg text-center transform hover:scale-105 transition-transform duration-300\">\n <div class=\"text-5xl mb-4\">\ud83c\udfed<\/div>\n <h4 class=\"text-xl font-bold mb-2 text-blue-900\">\u9032\u6357\u306e\u4e0d\u900f\u660e\u6027<\/h4>\n <p class=\"text-gray-600\">\u8907\u6570\u62e0\u70b9\u3084\u5916\u6ce8\u5148\u306e\u72b6\u6cc1\u304c\u898b\u3048\u305a\u3001\u7d0d\u671f\u9045\u5ef6\u30ea\u30b9\u30af\u304c\u5897\u5927\u3059\u308b\u3002<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-xl shadow-lg text-center transform hover:scale-105 transition-transform duration-300\">\n <div class=\"text-5xl mb-4\">\ud83d\udcc9<\/div>\n <h4 class=\"text-xl font-bold mb-2 text-blue-900\">\u4e0d\u6b63\u78ba\u306a\u9700\u8981\u4e88\u6e2c<\/h4>\n <p class=\"text-gray-600\">\u52d8\u3068\u7d4c\u9a13\u306b\u983c\u308a\u3001\u904e\u5270\u5728\u5eab\u3084\u6b20\u54c1\u304c\u767a\u751f\u3057\u3084\u3059\u304f\u306a\u308b\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"solution-flow\" class=\"mb-12 md:mb-20\">\n <h3 class=\"text-2xl md:text-3xl font-bold text-center mb-8 text-gray-700\">YetiForceCRM\u304c\u58c1\u3092\u58ca\u3059\u300c3\u3064\u306e\u9023\u643a\u300d<\/h3>\n <div class=\"space-y-8\">\n <div class=\"bg-white p-6 rounded-xl shadow-lg\">\n <h4 class=\"text-xl font-bold text-center mb-4 text-purple-700\">\u2460 \u53d7\u6ce8\u304b\u3089\u88fd\u9020\u307e\u3067\u3092\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u9023\u643a<\/h4>\n <div class=\"flex flex-col md:flex-row items-center justify-around text-center space-y-4 md:space-y-0\">\n <div class=\"p-4 rounded-lg bg-red-50 w-full md:w-1\/4\">\n <p class=\"font-bold text-red-600\">\u8ab2\u984c<\/p>\n <p>\u53d7\u6ce8\u60c5\u5831\u306e\u9045\u5ef6<\/p>\n <\/div>\n <div class=\"flow-arrow\">\u2192<\/div>\n <div class=\"p-4 rounded-lg bg-yellow-50 w-full md:w-1\/4\">\n <p class=\"font-bold text-yellow-600\">CRM\u6a5f\u80fd<\/p>\n <p>\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u60c5\u5831\u5171\u6709<\/p>\n <\/div>\n <div class=\"flow-arrow\">\u2192<\/div>\n <div class=\"p-4 rounded-lg bg-green-50 w-full md:w-1\/4\">\n <p class=\"font-bold text-green-600\">\u52b9\u679c<\/p>\n <p>\u88fd\u9020\u8a08\u753b\u306e\u6700\u9069\u5316<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-6 rounded-xl shadow-lg\">\n <h4 class=\"text-xl font-bold text-center mb-4 text-purple-700\">\u2461 \u5728\u5eab\u72b6\u6cc1\u3092\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u306b\u53ef\u8996\u5316<\/h4>\n <div class=\"flex flex-col md:flex-row items-center justify-around text-center space-y-4 md:space-y-0\">\n <div class=\"p-4 rounded-lg bg-red-50 w-full md:w-1\/4\">\n <p class=\"font-bold text-red-600\">\u8ab2\u984c<\/p>\n <p>\u9032\u6357\u306e\u4e0d\u900f\u660e\u6027<\/p>\n <\/div>\n <div class=\"flow-arrow\">\u2192<\/div>\n <div class=\"p-4 rounded-lg bg-yellow-50 w-full md:w-1\/4\">\n <p class=\"font-bold text-yellow-600\">CRM\u6a5f\u80fd<\/p>\n <p>\u5728\u5eab\u79fb\u52d5\u30fb\u5c65\u6b74\u7ba1\u7406<\/p>\n <\/div>\n <div class=\"flow-arrow\">\u2192<\/div>\n <div class=\"p-4 rounded-lg bg-green-50 w-full md:w-1\/4\">\n <p class=\"font-bold text-green-600\">\u52b9\u679c<\/p>\n <p>\u6b20\u54c1\u9632\u6b62\u30fb\u68da\u5378\u52b9\u7387\u5316<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-6 rounded-xl shadow-lg\">\n <h4 class=\"text-xl font-bold text-center mb-4 text-purple-700\">\u2462 \u30b5\u30d7\u30e9\u30a4\u30c1\u30a7\u30fc\u30f3\u5168\u4f53\u3092\u6700\u9069\u5316<\/h4>\n <div class=\"flex flex-col md:flex-row items-center justify-around text-center space-y-4 md:space-y-0\">\n <div class=\"p-4 rounded-lg bg-red-50 w-full md:w-1\/4\">\n <p class=\"font-bold text-red-600\">\u8ab2\u984c<\/p>\n <p>\u4e0d\u6b63\u78ba\u306a\u9700\u8981\u4e88\u6e2c<\/p>\n <\/div>\n <div class=\"flow-arrow\">\u2192<\/div>\n <div class=\"p-4 rounded-lg bg-yellow-50 w-full md:w-1\/4\">\n <p class=\"font-bold text-yellow-600\">CRM\u6a5f\u80fd<\/p>\n <p>\u8cfc\u8cb7\u767a\u6ce8\u30fbERP\u9023\u643a<\/p>\n <\/div>\n <div class=\"flow-arrow\">\u2192<\/div>\n <div class=\"p-4 rounded-lg bg-green-50 w-full md:w-1\/4\">\n <p class=\"font-bold text-green-600\">\u52b9\u679c<\/p>\n <p>\u30b5\u30d7\u30e9\u30a4\u30c1\u30a7\u30fc\u30f3\u53ef\u8996\u5316<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"impact\" class=\"mb-12 md:mb-20\">\n <h3 class=\"text-2xl md:text-3xl font-bold text-center mb-8 text-gray-700\">\u5c0e\u5165\u52b9\u679c\uff1a\u6570\u5b57\u3067\u898b\u308b\u751f\u7523\u6027\u306e\u5411\u4e0a<\/h3>\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 md:gap-12\">\n <div class=\"bg-white p-6 rounded-xl shadow-lg\">\n <h4 class=\"text-xl font-bold text-center mb-4\">\u4e3b\u8981KPI\u306e\u6539\u5584 (\u5c0e\u5165\u524d\u5f8c\u6bd4\u8f03)<\/h4>\n <p class=\"text-center text-gray-600 mb-4\">CRM\u5c0e\u5165\u306b\u3088\u308a\u3001\u751f\u7523\u7ba1\u7406\u306e\u91cd\u8981\u6307\u6a19\u304c\u5287\u7684\u306b\u6539\u5584\u3057\u307e\u3059\u3002<\/p>\n <div class=\"chart-container\">\n <canvas id=\"kpiImprovementChart\"><\/canvas>\n <\/div>\n <\/div>\n <div class=\"bg-white p-6 rounded-xl shadow-lg\">\n <h4 class=\"text-xl font-bold text-center mb-4\">\u68da\u5378\u4f5c\u696d\u6642\u9593\u306e\u524a\u6e1b\u7387<\/h4>\n <p class=\"text-center text-gray-600 mb-4\">\u5728\u5eab\u30c7\u30fc\u30bf\u306e\u6b63\u78ba\u6027\u5411\u4e0a\u306f\u3001\u68da\u5378\u4f5c\u696d\u306e\u5927\u5e45\u306a\u52b9\u7387\u5316\u306b\u7e4b\u304c\u308a\u307e\u3059\u3002<\/p>\n <div class=\"chart-container\">\n <canvas id=\"timeReductionChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"vision\" class=\"mb-12 md:mb-20\">\n <h3 class=\"text-2xl md:text-3xl font-bold text-center mb-8 text-gray-700\">\u7d4c\u55b6\u3078\u8ca2\u732e\u3059\u308b\u6226\u7565\u7684\u4fa1\u5024<\/h3>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 md:gap-8\">\n <div class=\"bg-white p-6 rounded-xl shadow-lg text-center\">\n <div class=\"text-5xl mb-4\">\ud83d\ude80<\/div>\n <h4 class=\"text-xl font-bold mb-2 text-blue-900\">JIT\u601d\u60f3\u306e\u5b9f\u73fe<\/h4>\n <p class=\"text-gray-600\">\u30ad\u30e3\u30c3\u30b7\u30e5\u30d5\u30ed\u30fc\u3092\u6539\u5584\u3057\u3001\u4f01\u696d\u306e\u8ca1\u52d9\u4f53\u8cea\u3092\u5f37\u5316\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-xl shadow-lg text-center\">\n <div class=\"text-5xl mb-4\">\ud83d\ude0a<\/div>\n <h4 class=\"text-xl font-bold mb-2 text-blue-900\">\u9867\u5ba2\u6e80\u8db3\u5ea6\u306e\u5411\u4e0a<\/h4>\n <p class=\"text-gray-600\">\u8fc5\u901f\u304b\u3064\u78ba\u5b9f\u306a\u88fd\u54c1\u63d0\u4f9b\u3067\u3001\u9867\u5ba2\u304b\u3089\u306e\u4fe1\u983c\u3092\u7372\u5f97\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-xl shadow-lg text-center\">\n <div class=\"text-5xl mb-4\">\ud83d\udcca<\/div>\n <h4 class=\"text-xl font-bold mb-2 text-blue-900\">\u30c7\u30fc\u30bf\u30c9\u30ea\u30d6\u30f3\u7d4c\u55b6<\/h4>\n <p class=\"text-gray-600\">\u672a\u6765\u306e\u5146\u5019\u3092\u6349\u3048\u3001\u6226\u7565\u7684\u306a\u7d4c\u55b6\u5224\u65ad\u3092\u53ef\u80fd\u306b\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"summary-table\" class=\"mb-12 md:mb-20\">\n <h3 class=\"text-2xl md:text-3xl font-bold text-center mb-8 text-gray-700\">\u6a5f\u80fd\u3068\u52b9\u679c\u306e\u307e\u3068\u3081<\/h3>\n <div class=\"bg-white p-4 md:p-6 rounded-xl shadow-lg overflow-x-auto\">\n <table class=\"w-full text-sm md:text-base text-left text-gray-600\">\n <thead class=\"bg-gray-100 text-gray-700\">\n <tr>\n <th class=\"p-3 md:p-4\">\u4e3b\u8981\u6a5f\u80fd<\/th>\n <th class=\"p-3 md:p-4\">\u5177\u4f53\u7684\u306a\u6d3b\u7528\u65b9\u6cd5<\/th>\n <th class=\"p-3 md:p-4\">\u89e3\u6c7a\u3055\u308c\u308b\u8ab2\u984c<\/th>\n <th class=\"p-3 md:p-4\">\u5c0e\u5165\u52b9\u679c<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr class=\"border-b border-gray-200\">\n <td class=\"p-3 md:p-4 font-bold text-purple-700\">\u53d7\u6ce8\u60c5\u5831\u9023\u643a<\/td>\n <td class=\"p-3 md:p-4\">\u55b6\u696d\u304b\u3089\u306e\u53d7\u6ce8\u30fb\u898b\u8fbc\u307f\u6848\u4ef6\u60c5\u5831\u3092\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u53c2\u7167<\/td>\n <td class=\"p-3 md:p-4\">\u60c5\u5831\u306e\u30bf\u30a4\u30e0\u30e9\u30b0\u3001\u8a08\u753b\u306e\u6df7\u4e71<\/td>\n <td class=\"p-3 md:p-4 font-semibold text-green-600\">\u88fd\u9020\u8a08\u753b\u306e\u6700\u9069\u5316\u3001\u7d0d\u671f\u9075\u5b88\u7387\u306e\u5411\u4e0a<\/td>\n <\/tr>\n <tr class=\"border-b border-gray-200\">\n <td class=\"p-3 md:p-4 font-bold text-purple-700\">\u5728\u5eab\u79fb\u52d5\u30fb\u5c65\u6b74\u7ba1\u7406<\/td>\n <td class=\"p-3 md:p-4\">\u5165\u8377\u30fb\u51fa\u8377\u306e\u5909\u52d5\u3092\u81ea\u52d5\u8a18\u9332\u3001\u5728\u5eab\u30a2\u30e9\u30fc\u30c8\u3092\u8a2d\u5b9a<\/td>\n <td class=\"p-3 md:p-4\">\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u306e\u5728\u5eab\u628a\u63e1\u306e\u56f0\u96e3\u3055\u3001\u6b20\u54c1\u30ea\u30b9\u30af<\/td>\n <td class=\"p-3 md:p-4 font-semibold text-green-600\">\u6b20\u54c1\u9632\u6b62\u3001\u68da\u5378\u4f5c\u696d\u306e\u5287\u7684\u306a\u52b9\u7387\u5316<\/td>\n <\/tr>\n <tr class=\"border-b border-gray-200\">\n <td class=\"p-3 md:p-4 font-bold text-purple-700\">\u8cfc\u8cb7\u767a\u6ce8\u7ba1\u7406<\/td>\n <td class=\"p-3 md:p-4\">\u4ed5\u5165\u5148\u3001\u767a\u6ce8\u30c7\u30fc\u30bf\u3001\u5165\u5eab\u4e88\u5b9a\u65e5\u7b49\u3092\u4e00\u5143\u7ba1\u7406<\/td>\n <td class=\"p-3 md:p-4\">\u8cc7\u6750\u8abf\u9054\u8a08\u753b\u306e\u4e0d\u900f\u660e\u3055\u3001\u767a\u6ce8\u30df\u30b9<\/td>\n <td class=\"p-3 md:p-4 font-semibold text-green-600\">\u8cc7\u6750\u8abf\u9054\u306e\u6700\u9069\u5316\u3001\u4f1a\u8a08\u51e6\u7406\u3068\u306e\u9023\u643a\u5f37\u5316<\/td>\n <\/tr>\n <tr class=\"border-b border-gray-200\">\n <td class=\"p-3 md:p-4 font-bold text-purple-700\">\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u81ea\u52d5\u5316<\/td>\n <td class=\"p-3 md:p-4\">\u53d7\u6ce8\u78ba\u5b9a\u6642\u306b\u5728\u5eab\u5f15\u5f53\u3084\u8acb\u6c42\u66f8\u4f5c\u6210\u3092\u81ea\u52d5\u5b9f\u884c<\/td>\n <td class=\"p-3 md:p-4\">\u624b\u4f5c\u696d\u306b\u3088\u308b\u9023\u643a\u30df\u30b9\u3001\u627f\u8a8d\u30d7\u30ed\u30bb\u30b9\u306e\u9045\u5ef6<\/td>\n <td class=\"p-3 md:p-4 font-semibold text-green-600\">\u696d\u52d9\u30d7\u30ed\u30bb\u30b9\u306e\u9ad8\u901f\u5316\u3001\u30d2\u30e5\u30fc\u30de\u30f3\u30a8\u30e9\u30fc\u524a\u6e1b<\/td>\n <\/tr>\n <tr>\n <td class=\"p-3 md:p-4 font-bold text-purple-700\">ERP\u6a5f\u80fd\u30fb\u9023\u643a<\/td>\n <td class=\"p-3 md:p-4\">\u65e2\u5b58\u30b7\u30b9\u30c6\u30e0\u3068\u9023\u643a\u3057\u3001\u751f\u7523\u306b\u95a2\u308f\u308b\u5168\u30c7\u30fc\u30bf\u3092\u7d71\u5408<\/td>\n <td class=\"p-3 md:p-4\">\u90e8\u9580\u9593\u306e\u30b7\u30b9\u30c6\u30e0\u5206\u65ad\u3001\u30c7\u30fc\u30bf\u306e\u30b5\u30a4\u30ed\u5316<\/td>\n <td class=\"p-3 md:p-4 font-semibold text-green-600\">\u30b5\u30d7\u30e9\u30a4\u30c1\u30a7\u30fc\u30f3\u5168\u4f53\u306e\u53ef\u8996\u5316\u3068\u5168\u4f53\u6700\u9069<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/section>\n\n <section id=\"catchphrase\" class=\"text-center my-12 md:my-20\">\n <div class=\"bg-white p-8 rounded-xl shadow-2xl max-w-4xl mx-auto transform hover:scale-105 transition-transform duration-300\">\n <h3 class=\"text-2xl md:text-4xl font-bold gradient-text\">\n \u60c5\u5831\u306e\u6d41\u308c\u3092\u3001\u4f01\u696d\u306e\u529b\u306b\u3002\n <\/h3>\n <p class=\"mt-4 text-gray-600 text-lg\">\n YetiForceCRM\u3067\u3001\u751f\u7523\u7ba1\u7406\u306e\u672a\u6765\u3092\u5275\u9020\u3057\u307e\u305b\u3093\u304b\uff1f\n <\/p>\n <\/div>\n <\/section>\n\n <footer class=\"text-center mt-12 md:mt-16 pt-8 border-t border-gray-300\">\n <\/footer>\n\n <\/div>\n\n <script>\n function wrapLabel(label, maxLength) {\n if (label.length <= maxLength) {\n return label;\n }\n const words = label.replace(\/\\s\/g, '').split(\/([A-Za-z\\s]+)\/).filter(Boolean);\n const lines = [];\n let currentLine = '';\n words.forEach(word => {\n if ((currentLine + word).length > maxLength) {\n lines.push(currentLine.trim());\n currentLine = word;\n } else {\n currentLine += word;\n }\n });\n lines.push(currentLine.trim());\n return lines;\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 colorPalette = {\n blue: '#003f5c',\n purple: '#7a5195',\n pink: '#ef5675',\n orange: '#ff764a',\n yellow: '#ffa600',\n lightGray: '#cccccc'\n };\n\n const kpiLabels = [\n '\u7d0d\u671f\u9075\u5b88\u7387 (On-time Rate)',\n '\u5728\u5eab\u524a\u6e1b\u7387 (Inventory Reduction)',\n '\u8a08\u753b\u5909\u66f4\u56de\u6570 (Plan Changes)'\n ].map(label => wrapLabel(label, 16));\n\n const kpiChartCtx = document.getElementById('kpiImprovementChart').getContext('2d');\n new Chart(kpiChartCtx, {\n type: 'bar',\n data: {\n labels: kpiLabels,\n datasets: [{\n label: '\u5c0e\u5165\u524d (Before)',\n data: [85, 10, 25],\n backgroundColor: colorPalette.lightGray,\n borderColor: '#999999',\n borderWidth: 1\n }, {\n label: '\u5c0e\u5165\u5f8c (After)',\n data: [98, 40, 5],\n backgroundColor: colorPalette.purple,\n borderColor: colorPalette.blue,\n borderWidth: 1\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n y: {\n beginAtZero: true,\n ticks: {\n font: {\n family: \"'Inter', sans-serif\"\n }\n }\n },\n x: {\n ticks: {\n font: {\n family: \"'Inter', sans-serif\"\n }\n }\n }\n },\n plugins: {\n legend: {\n position: 'top',\n labels: {\n font: {\n family: \"'Inter', sans-serif\",\n size: 14\n }\n }\n },\n tooltip: {\n callbacks: {\n title: tooltipTitleCallback\n }\n }\n }\n }\n });\n\n const timeReductionChartCtx = document.getElementById('timeReductionChart').getContext('2d');\n new Chart(timeReductionChartCtx, {\n type: 'doughnut',\n data: {\n labels: ['\u524a\u6e1b\u3055\u308c\u305f\u6642\u9593 (75%)', '\u6b8b\u308a\u306e\u6642\u9593 (25%)'],\n datasets: [{\n data: [75, 25],\n backgroundColor: [\n colorPalette.pink,\n colorPalette.lightGray\n ],\n hoverOffset: 4\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n position: 'bottom',\n labels: {\n font: {\n family: \"'Inter', sans-serif\",\n size: 14\n },\n padding: 20\n }\n },\n tooltip: {\n callbacks: {\n title: tooltipTitleCallback\n }\n }\n }\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>YetiForceCRM \u5c0e\u5165\u52b9\u679c\u30a4\u30f3\u30d5\u30a9\u30b0\u30e9\u30d5\u30a3\u30c3\u30af YetiForceCRM\u3067\u5b9f\u73fe\u3059\u308b \u751f\u7523\u7ba1\u7406\u306e\u9769\u65b0 \u8a08\u753b\u6700\u9069\u5316\u304b\u3089\u7d0d\u671f\u9075\u5b88\u3001\u30b3\u30b9\u30c8\u524a\u6e1b\u307e\u3067\u3092\u4e00\u6c17\u901a\u8cab\u3067\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002 \u751f\u7523\u7ba1\u7406\u90e8\u9580\u304c\u76f4\u9762\u3059\u308b\u300c3\u3064\u306e\u58c1\u300d \ud83d\udd52 \u60c5\u5831 […]<\/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-757","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/pages\/757","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=757"}],"version-history":[{"count":3,"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/pages\/757\/revisions"}],"predecessor-version":[{"id":922,"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/pages\/757\/revisions\/922"}],"wp:attachment":[{"href":"https:\/\/yetiworks.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=757"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}