\u30d5\u30ed\u30fc\u30c8\u30c6\u30ec\u30d3\u30dc\u30fc\u30c9 \u30c7\u30fc\u30bf\u30a4\u30f3\u30d5\u30a9\u30b0\u30e9\u30d5\u30a3\u30c3\u30af – \u30ab\u30ef\u30b8\u30ea\u30c7\u30b6\u30a4\u30f3<\/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=Noto+Sans+JP:wght@300;400;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Noto Sans JP', sans-serif;\n background-color: #CCE0ED;\n }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n height: 350px;\n max-height: 400px;\n }\n @media (max-width: 768px) {\n .chart-container {\n height: 300px;\n }\n }\n .flowchart-arrow {\n font-size: 2rem;\n line-height: 1;\n color: #34657F;\n }\n .timeline::before {\n content: '';\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n top: 0;\n bottom: 0;\n width: 4px;\n background-color: #34657F;\n border-radius: 2px;\n }\n .timeline-item {\n position: relative;\n width: 100%;\n padding-left: calc(50% + 30px);\n padding-right: 30px;\n }\n .timeline-item:nth-child(odd) {\n padding-left: 30px;\n padding-right: calc(50% + 30px);\n text-align: right;\n }\n .timeline-dot {\n content: '';\n position: absolute;\n left: 50%;\n top: 1rem;\n transform: translateX(-50%);\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background-color: #003F5C;\n border: 4px solid #CCE0ED;\n }\n .timeline-item:nth-child(odd) .timeline-dot {\n left: 50%;\n }\n <\/style>\n<\/head>\n<body class=\"text-[#003F5C]\">\n\n <header class=\"bg-[#003F5C] text-white p-6 text-center shadow-lg\">\n <h1 class=\"text-3xl md:text-4xl font-bold\">\u30d5\u30ed\u30fc\u30c8\u30c6\u30ec\u30d3\u30dc\u30fc\u30c9\u306e\u300c\u771f\u5b9f\u300d<\/h1>\n <p class=\"mt-2 text-lg text-[#CCE0ED]\">\u30c7\u30b6\u30a4\u30f3\u306e\u88cf\u306b\u96a0\u3055\u308c\u305f\u3001\u5b89\u5168\u6027\u3068\u8010\u4e45\u6027\u306e\u9078\u629e\u3002<\/p>\n <\/header>\n\n <main class=\"container mx-auto p-4 md:p-8\">\n\n <section id=\"allure\" class=\"text-center mb-16\">\n <h2 class=\"text-4xl font-bold mb-4\">\u7a7a\u9593\u3092\u3001\u30a2\u30fc\u30c8\u306b\u3059\u308b\u3002<\/h2>\n <p class=\"text-lg max-w-3xl mx-auto text-[#34657F]\">\u5e8a\u304b\u3089\u6d6e\u904a\u3059\u308b\u30c7\u30b6\u30a4\u30f3\u306f\u3001\u30ea\u30d3\u30f3\u30b0\u3092\u958b\u653e\u7684\u3067\u30e2\u30c0\u30f3\u306a\u7a7a\u9593\u3078\u3068\u6607\u83ef\u3055\u305b\u307e\u3059\u3002\u3057\u304b\u3057\u3001\u305d\u306e\u7f8e\u3057\u3055\u3092\u6c38\u9060\u306b\u4fdd\u3064\u305f\u3081\u306b\u306f\u3001\u8868\u9762\u7684\u306a\u30c7\u30b6\u30a4\u30f3\u3060\u3051\u3067\u306f\u4e0d\u5341\u5206\u3067\u3059\u3002\u672c\u8cea\u7684\u306a\u300c\u54c1\u8cea\u300d\u3068\u300c\u69cb\u9020\u300d\u306b\u76ee\u3092\u5411\u3051\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n <\/section>\n\n <section id=\"dangers\" class=\"mb-16\">\n <h2 class=\"text-3xl font-bold text-center mb-8\">\u591a\u304f\u306e\u88fd\u54c1\u304c\u62b1\u3048\u308b\u300c\u96a0\u308c\u305f\u30ea\u30b9\u30af\u300d<\/h2>\n <div class=\"grid md:grid-cols-2 gap-8\">\n <div class=\"bg-white\/70 p-6 rounded-lg shadow-md border border-red-200\">\n <h3 class=\"text-2xl font-bold mb-3 text-red-700\">\u4e00\u822c\u7684\u306a\u30d5\u30ed\u30fc\u30c8\u30c6\u30ec\u30d3\u30dc\u30fc\u30c9<\/h3>\n <ul class=\"space-y-4\">\n <li class=\"flex items-start\"><span class=\"text-red-500 mr-3 text-2xl\">⚠️<\/span><span><strong class=\"block\">\u7a7a\u6d1e\u69cb\u9020 (\u30d5\u30e9\u30c3\u30b7\u30e5\u69cb\u9020)<\/strong>\u6642\u9593\u3068\u5171\u306b\u4e2d\u592e\u304c\u5782\u308c\u4e0b\u304c\u308a\u3001\u6b6a\u307f\u304c\u751f\u3058\u308b\u30ea\u30b9\u30af\u3002<\/span><\/li>\n <li class=\"flex items-start\"><span class=\"text-red-500 mr-3 text-2xl\">⚠️<\/span><span><strong class=\"block\">\u4e0d\u5341\u5206\u306a\u58c1\u56fa\u5b9a<\/strong>\u5358\u7d14\u306a\u30d3\u30b9\u6b62\u3081\u3067\u306f\u3001\u30c6\u30ec\u30d3\u3084\u53ce\u7d0d\u7269\u306e\u91cd\u307f\u3067\u58c1\u3054\u3068\u5265\u304c\u308c\u308b\u5371\u967a\u6027\u3002<\/span><\/li>\n <li class=\"flex items-start\"><span class=\"text-red-500 mr-3 text-2xl\">⚠️<\/span><span><strong class=\"block\">\u6392\u71b1\u306e\u672a\u8003\u616e<\/strong>\u6a5f\u5668\u306e\u71b1\u304c\u3053\u3082\u308a\u3001AV\u6a5f\u5668\u306e\u5bff\u547d\u3092\u7e2e\u3081\u308b\u539f\u56e0\u306b\u3002<\/span><\/li>\n <li class=\"flex items-start\"><span class=\"text-red-500 mr-3 text-2xl\">⚠️<\/span><span><strong class=\"block\">\u5b50\u4f9b\u306e\u5b89\u5168\u3078\u306e\u61f8\u5ff5<\/strong>\u6249\u306b\u4e57\u308b\u306a\u3069\u3001\u4e88\u671f\u305b\u306c\u4f7f\u3044\u65b9\u306b\u3088\u308b\u7834\u640d\u3084\u4e8b\u6545\u306e\u30ea\u30b9\u30af\u3002<\/span><\/li>\n <\/ul>\n <\/div>\n <div class=\"bg-[#003F5C] text-white p-6 rounded-lg shadow-xl\">\n <h3 class=\"text-2xl font-bold mb-3 text-[#99B2C8]\">\u30ab\u30ef\u30b8\u30ea\u30c7\u30b6\u30a4\u30f3\u306e\u7b54\u3048<\/h3>\n <ul class=\"space-y-4\">\n <li class=\"flex items-start\"><span class=\"text-green-400 mr-3 text-2xl\">✅<\/span><span><strong class=\"block\">\u5168\u6750\u30b3\u30a2\u69cb\u9020<\/strong>\u4e2d\u8eab\u307e\u3067\u8a70\u307e\u3063\u305f\u9811\u4e08\u306a\u4f5c\u308a\u3067\u3001\u7d4c\u5e74\u5909\u5316\u306b\u3088\u308b\u6b6a\u307f\u3092\u6291\u5236\u3002<\/span><\/li>\n <li class=\"flex items-start\"><span class=\"text-green-400 mr-3 text-2xl\">✅<\/span><span><strong class=\"block\">\u72ec\u81ea\u306eL\u578b\u30d6\u30e9\u30b1\u30c3\u30c8<\/strong>\u58c1\u3068\u672c\u4f53\u3092\u9762\u3067\u652f\u3048\u3001200kg\u4ee5\u4e0a\u306e\u8010\u8377\u91cd\u3092\u5b9f\u73fe\u3002<\/span><\/li>\n <li class=\"flex items-start\"><span class=\"text-green-400 mr-3 text-2xl\">✅<\/span><span><strong class=\"block\">\u8a08\u7b97\u3055\u308c\u305f\u6392\u71b1\u8a2d\u8a08<\/strong>\u5927\u5207\u306aAV\u6a5f\u5668\u3092\u5b88\u308b\u305f\u3081\u306e\u6700\u9069\u306a\u7a7a\u6c17\u7d4c\u8def\u3092\u78ba\u4fdd\u3002<\/span><\/li>\n <li class=\"flex items-start\"><span class=\"text-green-400 mr-3 text-2xl\">✅<\/span><span><strong class=\"block\">\u30c1\u30e3\u30a4\u30eb\u30c9\u5bfe\u5fdc\u578b<\/strong>\u304a\u5b50\u69d8\u306e\u5b89\u5168\u3092\u7b2c\u4e00\u306b\u8003\u3048\u305f\u3001\u4e0a\u958b\u304d\u6249\u3084\u6307\u631f\u307f\u9632\u6b62\u91d1\u7269\u3082\u3054\u7528\u610f\u3002<\/span><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"solution\" class=\"mb-16\">\n <h2 class=\"text-3xl font-bold text-center mb-8\">\u30c7\u30fc\u30bf\u3067\u898b\u308b\u3001\u30ab\u30ef\u30b8\u30ea\u30c7\u30b6\u30a4\u30f3\u306e\u512a\u4f4d\u6027<\/h2>\n <div class=\"grid md:grid-cols-2 gap-8\">\n \n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <h3 class=\"text-xl font-bold text-center mb-4\">\u6bd4\u8f03\uff1a\u69cb\u9020\u7684\u5b89\u5b9a\u6027<\/h3>\n <p class=\"text-center text-sm text-[#34657F] mb-4\">\u5185\u90e8\u69cb\u9020\u306e\u9055\u3044\u304c\u3001\u9577\u671f\u7684\u306a\u8010\u4e45\u6027\u306b\u6c7a\u5b9a\u7684\u306a\u5dee\u3092\u751f\u307f\u307e\u3059\u3002<\/p>\n <div class=\"chart-container h-64 md:h-80\">\n <canvas id=\"structureChart\"><\/canvas>\n <\/div>\n <\/div>\n\n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <h3 class=\"text-xl font-bold text-center mb-4\">\u8cfc\u5165\u8005\u304c\u91cd\u8996\u3059\u308b\u30dd\u30a4\u30f3\u30c8<\/h3>\n <p class=\"text-center text-sm text-[#34657F] mb-4\">\u30c7\u30b6\u30a4\u30f3\u6027\u3060\u3051\u3067\u306a\u304f\u3001\u5b89\u5168\u6027\u3068\u8010\u4e45\u6027\u304c\u91cd\u8981\u8996\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n <div class=\"chart-container h-64 md:h-80\">\n <canvas id=\"concernsChart\"><\/canvas>\n <\/div>\n <\/div>\n\n <div class=\"md:col-span-2 bg-white p-6 rounded-lg shadow-md\">\n <h3 class=\"text-xl font-bold text-center mb-4\">\u6bd4\u8f03\uff1a\u58c1\u3078\u306e\u56fa\u5b9a\u65b9\u6cd5<\/h3>\n <p class=\"text-center text-sm text-[#34657F] mb-6\">\u300c\u305f\u3060\u4ed8\u3044\u3066\u3044\u308b\u300d\u3060\u3051\u3067\u306f\u4e0d\u5341\u5206\u3002\u672c\u5f53\u306e\u5b89\u5168\u3092\u652f\u3048\u308b\u69cb\u9020\u3068\u306f\u3002<\/p>\n <div class=\"flex flex-col md:flex-row items-center justify-around text-center\">\n <div class=\"w-full md:w-2\/5 p-4 border-2 border-red-200 rounded-lg\">\n <h4 class=\"text-lg font-bold text-red-700\">\u4e00\u822c\u7684\u306a\u56fa\u5b9a<\/h4>\n <p class=\"text-sm h-12\">\u58c1\u306b\u30d3\u30b9\u3067\u76f4\u63a5\u56fa\u5b9a<\/p>\n <div class=\"text-6xl my-4\">🏠<\/div>\n <p class=\"text-red-600\"><strong>\u30ea\u30b9\u30af:<\/strong> \u6642\u9593\u3068\u5171\u306b\u50be\u304d\u3001\u58c1\u3054\u3068\u5265\u304c\u308c\u308b\u5371\u967a\u6027<\/p>\n <\/div>\n <div class=\"flowchart-arrow my-4 md:my-0\">\u2794<\/div>\n <div class=\"w-full md:w-2\/5 p-4 border-2 border-green-300 bg-green-50 rounded-lg\">\n <h4 class=\"text-lg font-bold text-green-800\">\u30ab\u30ef\u30b8\u30ea\u30c7\u30b6\u30a4\u30f3\u306eL\u578b\u30d6\u30e9\u30b1\u30c3\u30c8<\/h4>\n <p class=\"text-sm h-12\">\u58c1\u3068\u30ad\u30e3\u30d3\u30cd\u30c3\u30c8\u672c\u4f53\u3092\u300c\u9762\u300d\u3067\u652f\u3048\u308b<\/p>\n <div class=\"text-6xl my-4\">🛡️<\/div>\n <p class=\"text-green-700\"><strong>\u5b89\u5fc3:<\/strong> 200kg\u4ee5\u4e0a\u306e\u8377\u91cd\u306b\u3082\u8010\u3048\u308b\u5727\u5012\u7684\u306a\u652f\u6301\u529b<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"history\" class=\"mb-16\">\n <h2 class=\"text-3xl font-bold text-center mb-12\">\u4fe1\u983c\u306f\u3001\u4e00\u65e5\u306b\u3057\u3066\u6210\u3089\u305a\u3002<\/h2>\n <div class=\"relative\">\n <div class=\"timeline\">\n <div class=\"timeline-item\">\n <div class=\"timeline-dot\"><\/div>\n <div class=\"p-6 bg-white rounded-lg shadow-md\">\n <h3 class=\"text-xl font-bold text-[#003F5C]\">2004\u5e74<\/h3>\n <p class=\"text-[#34657F]\">\u30ab\u30ef\u30b8\u30ea\u30c7\u30b6\u30a4\u30f3\u304c\u65e5\u672c\u3067\u521d\u3081\u3066\u300c\u30d5\u30ed\u30fc\u30c8\u30c6\u30ec\u30d3\u30dc\u30fc\u30c9\u300d\u3092\u8003\u6848\u30fb\u958b\u767a\u3002\u30e2\u30c7\u30eb\u30cf\u30a6\u30b9\u3067\u516c\u958b\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"timeline-item\">\n <div class=\"timeline-dot\"><\/div>\n <div class=\"p-6 bg-white rounded-lg shadow-md\">\n <h3 class=\"text-xl font-bold text-[#003F5C]\">2004-2014\u5e74<\/h3>\n <p class=\"text-[#34657F]\">10\u5e74\u4ee5\u4e0a\u306b\u308f\u305f\u308b\u5fb9\u5e95\u7684\u306a\u691c\u8a3c\u671f\u9593\u3002\u5f37\u5ea6\u3001\u8010\u4e45\u6027\u3001\u5b89\u5168\u6027\u3092\u5b9f\u74b0\u5883\u3067\u30c6\u30b9\u30c8\u3057\u3001\u6539\u826f\u3092\u91cd\u306d\u308b\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"timeline-item\">\n <div class=\"timeline-dot\"><\/div>\n <div class=\"p-6 bg-white rounded-lg shadow-md\">\n <h3 class=\"text-xl font-bold text-[#003F5C]\">2015\u5e74<\/h3>\n <p class=\"text-[#34657F]\">\u72ec\u81ea\u306eL\u578b\u30d6\u30e9\u30b1\u30c3\u30c8\u69cb\u9020\u3092\u5b8c\u6210\u3055\u305b\u3001\u5168\u56fd\u8ca9\u58f2\u3092\u958b\u59cb\u3002\u9ad8\u3044\u8a55\u4fa1\u3092\u5f97\u308b\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"timeline-item\">\n <div class=\"timeline-dot\"><\/div>\n <div class=\"p-6 bg-white rounded-lg shadow-md\">\n <h3 class=\"text-xl font-bold text-[#003F5C]\">\u73fe\u5728<\/h3>\n <p class=\"text-[#34657F]\">900\u7a2e\u985e\u4ee5\u4e0a\u306e\u30ab\u30e9\u30fc\u30fb\u8cea\u611f\u3092\u63d0\u4f9b\u3002\u30c1\u30e3\u30a4\u30eb\u30c9\u5bfe\u5fdc\u578b\u306a\u3069\u3001\u591a\u69d8\u306a\u30cb\u30fc\u30ba\u306b\u5fdc\u3048\u308b\u88fd\u54c1\u30e9\u30a4\u30f3\u30ca\u30c3\u30d7\u3092\u5c55\u958b\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"cta\" class=\"text-center bg-white p-8 rounded-lg shadow-xl\">\n <h2 class=\"text-3xl font-bold mb-4\">\u5f8c\u6094\u3057\u306a\u3044\u9078\u629e\u3092\u3001\u3042\u306a\u305f\u306e\u30ea\u30d3\u30f3\u30b0\u306b\u3002<\/h2>\n <p class=\"text-lg max-w-3xl mx-auto text-[#34657F] mb-8\">\u672c\u7269\u306e\u54c1\u8cea\u3068\u3001\u6c38\u304f\u7d9a\u304f\u5b89\u5fc3\u3092\u624b\u306b\u5165\u308c\u307e\u305b\u3093\u304b\uff1f\u30ab\u30ef\u30b8\u30ea\u30c7\u30b6\u30a4\u30f3\u304c\u3001\u3042\u306a\u305f\u306e\u7406\u60f3\u306e\u7a7a\u9593\u3065\u304f\u308a\u3092\u5168\u529b\u3067\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002<\/p>\n <div class=\"flex flex-wrap justify-center gap-4\">\n <a href=\"https:\/\/kd-office.com\/lpp\/tvkakaku\/\" target=\"_blank\" class=\"bg-[#003F5C] text-white font-bold py-3 px-8 rounded-full hover:bg-[#34657F] transition-colors shadow-lg\">\u4fa1\u683c\u8868\u3092\u898b\u308b<\/a>\n <a href=\"https:\/\/kd-office.com\/lpp\/gallery\/\" target=\"_blank\" class=\"bg-transparent border-2 border-[#003F5C] text-[#003F5C] font-bold py-3 px-8 rounded-full hover:bg-[#CCE0ED] transition-colors\">\u8c4a\u5bcc\u306a\u65bd\u5de5\u4e8b\u4f8b<\/a>\n <a href=\"https:\/\/k-dlab.com\/p\/r\/IJD6ex9U\" target=\"_blank\" class=\"bg-transparent border-2 border-[#003F5C] text-[#003F5C] font-bold py-3 px-8 rounded-full hover:bg-[#CCE0ED] transition-colors\">\u5c02\u9580\u5bb6\u306b\u76f8\u8ac7\u3059\u308b<\/a>\n <\/div>\n <\/section>\n\n <\/main>\n\n <footer class=\"text-center p-6 mt-8\">\n <p class=\"text-sm text-[#34657F]\">© KAWASHIRI DESIGN. All Rights Reserved.<\/p>\n <\/footer>\n\n <script>\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 wrapLabel = (label) => {\n const maxLength = 16;\n if (label.length <= maxLength) {\n return label;\n }\n const words = label.split(' ');\n const lines = [];\n let currentLine = '';\n for (const word of words) {\n if ((currentLine + word).length > maxLength) {\n lines.push(currentLine.trim());\n currentLine = '';\n }\n currentLine += word + ' ';\n }\n lines.push(currentLine.trim());\n return lines;\n };\n\n const structureCtx = document.getElementById('structureChart').getContext('2d');\n new Chart(structureCtx, {\n type: 'bar',\n data: {\n labels: ['\u4e00\u822c\u7684\u306a\u30dc\u30fc\u30c9 (\u7a7a\u6d1e)', '\u30ab\u30ef\u30b8\u30ea\u30c7\u30b6\u30a4\u30f3 (\u30b3\u30a2\u6750)'],\n datasets: [{\n label: '\u69cb\u9020\u7684\u5b89\u5b9a\u6307\u6570',\n data: [30, 95],\n backgroundColor: ['#99B2C8', '#003F5C'],\n borderColor: ['#668BA4', '#003F5C'],\n borderWidth: 1\n }]\n },\n options: {\n indexAxis: 'y',\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n x: {\n beginAtZero: true,\n max: 100,\n ticks: { color: '#34657F' }\n },\n y: {\n ticks: { color: '#003F5C', font: { weight: 'bold' } }\n }\n },\n plugins: {\n legend: { display: false },\n tooltip: {\n callbacks: { title: tooltipTitleCallback }\n }\n }\n }\n });\n\n const concernsCtx = document.getElementById('concernsChart').getContext('2d');\n new Chart(concernsCtx, {\n type: 'doughnut',\n data: {\n labels: ['\u5b89\u5168\u6027', '\u8010\u4e45\u6027\u30fb\u5f37\u5ea6', '\u30c7\u30b6\u30a4\u30f3\u6027', '\u53ce\u7d0d\u30fb\u6a5f\u80fd\u6027'],\n datasets: [{\n label: '\u91cd\u8996\u3059\u308b\u30dd\u30a4\u30f3\u30c8',\n data: [40, 35, 15, 10],\n backgroundColor: ['#003F5C', '#34657F', '#668BA4', '#99B2C8'],\n hoverOffset: 4\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n position: 'bottom',\n labels: { color: '#003F5C' }\n },\n tooltip: {\n callbacks: { title: tooltipTitleCallback }\n }\n }\n }\n });\n <\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u30d5\u30ed\u30fc\u30c8\u30c6\u30ec\u30d3\u30dc\u30fc\u30c9 \u30c7\u30fc\u30bf\u30a4\u30f3\u30d5\u30a9\u30b0\u30e9\u30d5\u30a3\u30c3\u30af – \u30ab\u30ef\u30b8\u30ea\u30c7\u30b6\u30a4\u30f3 \u30d5\u30ed\u30fc\u30c8\u30c6\u30ec\u30d3\u30dc\u30fc\u30c9\u306e\u300c\u771f\u5b9f\u300d \u30c7\u30b6\u30a4\u30f3\u306e\u88cf\u306b\u96a0\u3055\u308c\u305f\u3001\u5b89\u5168\u6027\u3068\u8010\u4e45\u6027\u306e\u9078\u629e\u3002 \u7a7a\u9593\u3092\u3001\u30a2\u30fc\u30c8\u306b\u3059\u308b\u3002 \u5e8a\u304b\u3089\u6d6e\u904a\u3059\u308b\u30c7\u30b6\u30a4\u30f3\u306f\u3001\u30ea\u30d3\u30f3 […]<\/p>\n","protected":false},"author":1,"featured_media":19874,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"swell_btn_cv_data":"","footnotes":""},"categories":[120,456],"tags":[956,951,918,628,957,950,122,948,945,947,946,900,953,952,949,944,958,955,459,954],"class_list":["post-19873","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-120","category-456","tag-float_tvboard","tag-951","tag-918","tag-628","tag-957","tag-950","tag-122","tag-948","tag-945","tag-947","tag-946","tag-900","tag-953","tag-952","tag-949","tag-944","tag-958","tag-955","tag-459","tag-954"],"acf":[],"_links":{"self":[{"href":"https:\/\/kd-office.com\/index.php?rest_route=\/wp\/v2\/posts\/19873","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kd-office.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kd-office.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kd-office.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kd-office.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=19873"}],"version-history":[{"count":1,"href":"https:\/\/kd-office.com\/index.php?rest_route=\/wp\/v2\/posts\/19873\/revisions"}],"predecessor-version":[{"id":19875,"href":"https:\/\/kd-office.com\/index.php?rest_route=\/wp\/v2\/posts\/19873\/revisions\/19875"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kd-office.com\/index.php?rest_route=\/wp\/v2\/media\/19874"}],"wp:attachment":[{"href":"https:\/\/kd-office.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19873"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kd-office.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=19873"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kd-office.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=19873"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":19873,"date":"2025-07-29T03:58:00","date_gmt":"2025-07-28T18:58:00","guid":{"rendered":"https:\/\/kd-office.com\/?p=19873"},"modified":"2025-07-29T03:59:06","modified_gmt":"2025-07-28T18:59:06","slug":"%e3%83%95%e3%83%ad%e3%83%bc%e3%83%88%e3%83%86%e3%83%ac%e3%83%93%e3%83%9c%e3%83%bc%e3%83%89%e3%81%ae%e3%80%8c%e7%9c%9f%e5%ae%9f%e3%80%8d%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e8%a3%8f%e3%81%ab","status":"publish","type":"post","link":"https:\/\/kd-office.com\/?p=19873","title":{"rendered":"\u30d5\u30ed\u30fc\u30c8\u30c6\u30ec\u30d3\u30dc\u30fc\u30c9\u306e\u300c\u771f\u5b9f\u300d|\u30c7\u30b6\u30a4\u30f3\u306e\u88cf\u306b\u96a0\u3055\u308c\u305f\u3001\u5b89\u5168\u6027\u3068\u8010\u4e45\u6027\u306e\u9078\u629e"},"content":{"rendered":"\n\n\n\n \n \n \u30d5\u30ed\u30fc\u30c8\u30c6\u30ec\u30d3\u30dc\u30fc\u30c9 \u30c7\u30fc\u30bf\u30a4\u30f3\u30d5\u30a9\u30b0\u30e9\u30d5\u30a3\u30c3\u30af – \u30ab\u30ef\u30b8\u30ea\u30c7\u30b6\u30a4\u30f3<\/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=Noto+Sans+JP:wght@300;400;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Noto Sans JP', sans-serif;\n background-color: #CCE0ED;\n }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n height: 350px;\n max-height: 400px;\n }\n @media (max-width: 768px) {\n .chart-container {\n height: 300px;\n }\n }\n .flowchart-arrow {\n font-size: 2rem;\n line-height: 1;\n color: #34657F;\n }\n .timeline::before {\n content: '';\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n top: 0;\n bottom: 0;\n width: 4px;\n background-color: #34657F;\n border-radius: 2px;\n }\n .timeline-item {\n position: relative;\n width: 100%;\n padding-left: calc(50% + 30px);\n padding-right: 30px;\n }\n .timeline-item:nth-child(odd) {\n padding-left: 30px;\n padding-right: calc(50% + 30px);\n text-align: right;\n }\n .timeline-dot {\n content: '';\n position: absolute;\n left: 50%;\n top: 1rem;\n transform: translateX(-50%);\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background-color: #003F5C;\n border: 4px solid #CCE0ED;\n }\n .timeline-item:nth-child(odd) .timeline-dot {\n left: 50%;\n }\n <\/style>\n<\/head>\n<body class=\"text-[#003F5C]\">\n\n <header class=\"bg-[#003F5C] text-white p-6 text-center shadow-lg\">\n <h1 class=\"text-3xl md:text-4xl font-bold\">\u30d5\u30ed\u30fc\u30c8\u30c6\u30ec\u30d3\u30dc\u30fc\u30c9\u306e\u300c\u771f\u5b9f\u300d<\/h1>\n <p class=\"mt-2 text-lg text-[#CCE0ED]\">\u30c7\u30b6\u30a4\u30f3\u306e\u88cf\u306b\u96a0\u3055\u308c\u305f\u3001\u5b89\u5168\u6027\u3068\u8010\u4e45\u6027\u306e\u9078\u629e\u3002<\/p>\n <\/header>\n\n <main class=\"container mx-auto p-4 md:p-8\">\n\n <section id=\"allure\" class=\"text-center mb-16\">\n <h2 class=\"text-4xl font-bold mb-4\">\u7a7a\u9593\u3092\u3001\u30a2\u30fc\u30c8\u306b\u3059\u308b\u3002<\/h2>\n <p class=\"text-lg max-w-3xl mx-auto text-[#34657F]\">\u5e8a\u304b\u3089\u6d6e\u904a\u3059\u308b\u30c7\u30b6\u30a4\u30f3\u306f\u3001\u30ea\u30d3\u30f3\u30b0\u3092\u958b\u653e\u7684\u3067\u30e2\u30c0\u30f3\u306a\u7a7a\u9593\u3078\u3068\u6607\u83ef\u3055\u305b\u307e\u3059\u3002\u3057\u304b\u3057\u3001\u305d\u306e\u7f8e\u3057\u3055\u3092\u6c38\u9060\u306b\u4fdd\u3064\u305f\u3081\u306b\u306f\u3001\u8868\u9762\u7684\u306a\u30c7\u30b6\u30a4\u30f3\u3060\u3051\u3067\u306f\u4e0d\u5341\u5206\u3067\u3059\u3002\u672c\u8cea\u7684\u306a\u300c\u54c1\u8cea\u300d\u3068\u300c\u69cb\u9020\u300d\u306b\u76ee\u3092\u5411\u3051\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n <\/section>\n\n <section id=\"dangers\" class=\"mb-16\">\n <h2 class=\"text-3xl font-bold text-center mb-8\">\u591a\u304f\u306e\u88fd\u54c1\u304c\u62b1\u3048\u308b\u300c\u96a0\u308c\u305f\u30ea\u30b9\u30af\u300d<\/h2>\n <div class=\"grid md:grid-cols-2 gap-8\">\n <div class=\"bg-white\/70 p-6 rounded-lg shadow-md border border-red-200\">\n <h3 class=\"text-2xl font-bold mb-3 text-red-700\">\u4e00\u822c\u7684\u306a\u30d5\u30ed\u30fc\u30c8\u30c6\u30ec\u30d3\u30dc\u30fc\u30c9<\/h3>\n <ul class=\"space-y-4\">\n <li class=\"flex items-start\"><span class=\"text-red-500 mr-3 text-2xl\">⚠️<\/span><span><strong class=\"block\">\u7a7a\u6d1e\u69cb\u9020 (\u30d5\u30e9\u30c3\u30b7\u30e5\u69cb\u9020)<\/strong>\u6642\u9593\u3068\u5171\u306b\u4e2d\u592e\u304c\u5782\u308c\u4e0b\u304c\u308a\u3001\u6b6a\u307f\u304c\u751f\u3058\u308b\u30ea\u30b9\u30af\u3002<\/span><\/li>\n <li class=\"flex items-start\"><span class=\"text-red-500 mr-3 text-2xl\">⚠️<\/span><span><strong class=\"block\">\u4e0d\u5341\u5206\u306a\u58c1\u56fa\u5b9a<\/strong>\u5358\u7d14\u306a\u30d3\u30b9\u6b62\u3081\u3067\u306f\u3001\u30c6\u30ec\u30d3\u3084\u53ce\u7d0d\u7269\u306e\u91cd\u307f\u3067\u58c1\u3054\u3068\u5265\u304c\u308c\u308b\u5371\u967a\u6027\u3002<\/span><\/li>\n <li class=\"flex items-start\"><span class=\"text-red-500 mr-3 text-2xl\">⚠️<\/span><span><strong class=\"block\">\u6392\u71b1\u306e\u672a\u8003\u616e<\/strong>\u6a5f\u5668\u306e\u71b1\u304c\u3053\u3082\u308a\u3001AV\u6a5f\u5668\u306e\u5bff\u547d\u3092\u7e2e\u3081\u308b\u539f\u56e0\u306b\u3002<\/span><\/li>\n <li class=\"flex items-start\"><span class=\"text-red-500 mr-3 text-2xl\">⚠️<\/span><span><strong class=\"block\">\u5b50\u4f9b\u306e\u5b89\u5168\u3078\u306e\u61f8\u5ff5<\/strong>\u6249\u306b\u4e57\u308b\u306a\u3069\u3001\u4e88\u671f\u305b\u306c\u4f7f\u3044\u65b9\u306b\u3088\u308b\u7834\u640d\u3084\u4e8b\u6545\u306e\u30ea\u30b9\u30af\u3002<\/span><\/li>\n <\/ul>\n <\/div>\n <div class=\"bg-[#003F5C] text-white p-6 rounded-lg shadow-xl\">\n <h3 class=\"text-2xl font-bold mb-3 text-[#99B2C8]\">\u30ab\u30ef\u30b8\u30ea\u30c7\u30b6\u30a4\u30f3\u306e\u7b54\u3048<\/h3>\n <ul class=\"space-y-4\">\n <li class=\"flex items-start\"><span class=\"text-green-400 mr-3 text-2xl\">✅<\/span><span><strong class=\"block\">\u5168\u6750\u30b3\u30a2\u69cb\u9020<\/strong>\u4e2d\u8eab\u307e\u3067\u8a70\u307e\u3063\u305f\u9811\u4e08\u306a\u4f5c\u308a\u3067\u3001\u7d4c\u5e74\u5909\u5316\u306b\u3088\u308b\u6b6a\u307f\u3092\u6291\u5236\u3002<\/span><\/li>\n <li class=\"flex items-start\"><span class=\"text-green-400 mr-3 text-2xl\">✅<\/span><span><strong class=\"block\">\u72ec\u81ea\u306eL\u578b\u30d6\u30e9\u30b1\u30c3\u30c8<\/strong>\u58c1\u3068\u672c\u4f53\u3092\u9762\u3067\u652f\u3048\u3001200kg\u4ee5\u4e0a\u306e\u8010\u8377\u91cd\u3092\u5b9f\u73fe\u3002<\/span><\/li>\n <li class=\"flex items-start\"><span class=\"text-green-400 mr-3 text-2xl\">✅<\/span><span><strong class=\"block\">\u8a08\u7b97\u3055\u308c\u305f\u6392\u71b1\u8a2d\u8a08<\/strong>\u5927\u5207\u306aAV\u6a5f\u5668\u3092\u5b88\u308b\u305f\u3081\u306e\u6700\u9069\u306a\u7a7a\u6c17\u7d4c\u8def\u3092\u78ba\u4fdd\u3002<\/span><\/li>\n <li class=\"flex items-start\"><span class=\"text-green-400 mr-3 text-2xl\">✅<\/span><span><strong class=\"block\">\u30c1\u30e3\u30a4\u30eb\u30c9\u5bfe\u5fdc\u578b<\/strong>\u304a\u5b50\u69d8\u306e\u5b89\u5168\u3092\u7b2c\u4e00\u306b\u8003\u3048\u305f\u3001\u4e0a\u958b\u304d\u6249\u3084\u6307\u631f\u307f\u9632\u6b62\u91d1\u7269\u3082\u3054\u7528\u610f\u3002<\/span><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"solution\" class=\"mb-16\">\n <h2 class=\"text-3xl font-bold text-center mb-8\">\u30c7\u30fc\u30bf\u3067\u898b\u308b\u3001\u30ab\u30ef\u30b8\u30ea\u30c7\u30b6\u30a4\u30f3\u306e\u512a\u4f4d\u6027<\/h2>\n <div class=\"grid md:grid-cols-2 gap-8\">\n \n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <h3 class=\"text-xl font-bold text-center mb-4\">\u6bd4\u8f03\uff1a\u69cb\u9020\u7684\u5b89\u5b9a\u6027<\/h3>\n <p class=\"text-center text-sm text-[#34657F] mb-4\">\u5185\u90e8\u69cb\u9020\u306e\u9055\u3044\u304c\u3001\u9577\u671f\u7684\u306a\u8010\u4e45\u6027\u306b\u6c7a\u5b9a\u7684\u306a\u5dee\u3092\u751f\u307f\u307e\u3059\u3002<\/p>\n <div class=\"chart-container h-64 md:h-80\">\n <canvas id=\"structureChart\"><\/canvas>\n <\/div>\n <\/div>\n\n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <h3 class=\"text-xl font-bold text-center mb-4\">\u8cfc\u5165\u8005\u304c\u91cd\u8996\u3059\u308b\u30dd\u30a4\u30f3\u30c8<\/h3>\n <p class=\"text-center text-sm text-[#34657F] mb-4\">\u30c7\u30b6\u30a4\u30f3\u6027\u3060\u3051\u3067\u306a\u304f\u3001\u5b89\u5168\u6027\u3068\u8010\u4e45\u6027\u304c\u91cd\u8981\u8996\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n <div class=\"chart-container h-64 md:h-80\">\n <canvas id=\"concernsChart\"><\/canvas>\n <\/div>\n <\/div>\n\n <div class=\"md:col-span-2 bg-white p-6 rounded-lg shadow-md\">\n <h3 class=\"text-xl font-bold text-center mb-4\">\u6bd4\u8f03\uff1a\u58c1\u3078\u306e\u56fa\u5b9a\u65b9\u6cd5<\/h3>\n <p class=\"text-center text-sm text-[#34657F] mb-6\">\u300c\u305f\u3060\u4ed8\u3044\u3066\u3044\u308b\u300d\u3060\u3051\u3067\u306f\u4e0d\u5341\u5206\u3002\u672c\u5f53\u306e\u5b89\u5168\u3092\u652f\u3048\u308b\u69cb\u9020\u3068\u306f\u3002<\/p>\n <div class=\"flex flex-col md:flex-row items-center justify-around text-center\">\n <div class=\"w-full md:w-2\/5 p-4 border-2 border-red-200 rounded-lg\">\n <h4 class=\"text-lg font-bold text-red-700\">\u4e00\u822c\u7684\u306a\u56fa\u5b9a<\/h4>\n <p class=\"text-sm h-12\">\u58c1\u306b\u30d3\u30b9\u3067\u76f4\u63a5\u56fa\u5b9a<\/p>\n <div class=\"text-6xl my-4\">🏠<\/div>\n <p class=\"text-red-600\"><strong>\u30ea\u30b9\u30af:<\/strong> \u6642\u9593\u3068\u5171\u306b\u50be\u304d\u3001\u58c1\u3054\u3068\u5265\u304c\u308c\u308b\u5371\u967a\u6027<\/p>\n <\/div>\n <div class=\"flowchart-arrow my-4 md:my-0\">\u2794<\/div>\n <div class=\"w-full md:w-2\/5 p-4 border-2 border-green-300 bg-green-50 rounded-lg\">\n <h4 class=\"text-lg font-bold text-green-800\">\u30ab\u30ef\u30b8\u30ea\u30c7\u30b6\u30a4\u30f3\u306eL\u578b\u30d6\u30e9\u30b1\u30c3\u30c8<\/h4>\n <p class=\"text-sm h-12\">\u58c1\u3068\u30ad\u30e3\u30d3\u30cd\u30c3\u30c8\u672c\u4f53\u3092\u300c\u9762\u300d\u3067\u652f\u3048\u308b<\/p>\n <div class=\"text-6xl my-4\">🛡️<\/div>\n <p class=\"text-green-700\"><strong>\u5b89\u5fc3:<\/strong> 200kg\u4ee5\u4e0a\u306e\u8377\u91cd\u306b\u3082\u8010\u3048\u308b\u5727\u5012\u7684\u306a\u652f\u6301\u529b<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"history\" class=\"mb-16\">\n <h2 class=\"text-3xl font-bold text-center mb-12\">\u4fe1\u983c\u306f\u3001\u4e00\u65e5\u306b\u3057\u3066\u6210\u3089\u305a\u3002<\/h2>\n <div class=\"relative\">\n <div class=\"timeline\">\n <div class=\"timeline-item\">\n <div class=\"timeline-dot\"><\/div>\n <div class=\"p-6 bg-white rounded-lg shadow-md\">\n <h3 class=\"text-xl font-bold text-[#003F5C]\">2004\u5e74<\/h3>\n <p class=\"text-[#34657F]\">\u30ab\u30ef\u30b8\u30ea\u30c7\u30b6\u30a4\u30f3\u304c\u65e5\u672c\u3067\u521d\u3081\u3066\u300c\u30d5\u30ed\u30fc\u30c8\u30c6\u30ec\u30d3\u30dc\u30fc\u30c9\u300d\u3092\u8003\u6848\u30fb\u958b\u767a\u3002\u30e2\u30c7\u30eb\u30cf\u30a6\u30b9\u3067\u516c\u958b\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"timeline-item\">\n <div class=\"timeline-dot\"><\/div>\n <div class=\"p-6 bg-white rounded-lg shadow-md\">\n <h3 class=\"text-xl font-bold text-[#003F5C]\">2004-2014\u5e74<\/h3>\n <p class=\"text-[#34657F]\">10\u5e74\u4ee5\u4e0a\u306b\u308f\u305f\u308b\u5fb9\u5e95\u7684\u306a\u691c\u8a3c\u671f\u9593\u3002\u5f37\u5ea6\u3001\u8010\u4e45\u6027\u3001\u5b89\u5168\u6027\u3092\u5b9f\u74b0\u5883\u3067\u30c6\u30b9\u30c8\u3057\u3001\u6539\u826f\u3092\u91cd\u306d\u308b\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"timeline-item\">\n <div class=\"timeline-dot\"><\/div>\n <div class=\"p-6 bg-white rounded-lg shadow-md\">\n <h3 class=\"text-xl font-bold text-[#003F5C]\">2015\u5e74<\/h3>\n <p class=\"text-[#34657F]\">\u72ec\u81ea\u306eL\u578b\u30d6\u30e9\u30b1\u30c3\u30c8\u69cb\u9020\u3092\u5b8c\u6210\u3055\u305b\u3001\u5168\u56fd\u8ca9\u58f2\u3092\u958b\u59cb\u3002\u9ad8\u3044\u8a55\u4fa1\u3092\u5f97\u308b\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"timeline-item\">\n <div class=\"timeline-dot\"><\/div>\n <div class=\"p-6 bg-white rounded-lg shadow-md\">\n <h3 class=\"text-xl font-bold text-[#003F5C]\">\u73fe\u5728<\/h3>\n <p class=\"text-[#34657F]\">900\u7a2e\u985e\u4ee5\u4e0a\u306e\u30ab\u30e9\u30fc\u30fb\u8cea\u611f\u3092\u63d0\u4f9b\u3002\u30c1\u30e3\u30a4\u30eb\u30c9\u5bfe\u5fdc\u578b\u306a\u3069\u3001\u591a\u69d8\u306a\u30cb\u30fc\u30ba\u306b\u5fdc\u3048\u308b\u88fd\u54c1\u30e9\u30a4\u30f3\u30ca\u30c3\u30d7\u3092\u5c55\u958b\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"cta\" class=\"text-center bg-white p-8 rounded-lg shadow-xl\">\n <h2 class=\"text-3xl font-bold mb-4\">\u5f8c\u6094\u3057\u306a\u3044\u9078\u629e\u3092\u3001\u3042\u306a\u305f\u306e\u30ea\u30d3\u30f3\u30b0\u306b\u3002<\/h2>\n <p class=\"text-lg max-w-3xl mx-auto text-[#34657F] mb-8\">\u672c\u7269\u306e\u54c1\u8cea\u3068\u3001\u6c38\u304f\u7d9a\u304f\u5b89\u5fc3\u3092\u624b\u306b\u5165\u308c\u307e\u305b\u3093\u304b\uff1f\u30ab\u30ef\u30b8\u30ea\u30c7\u30b6\u30a4\u30f3\u304c\u3001\u3042\u306a\u305f\u306e\u7406\u60f3\u306e\u7a7a\u9593\u3065\u304f\u308a\u3092\u5168\u529b\u3067\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002<\/p>\n <div class=\"flex flex-wrap justify-center gap-4\">\n <a href=\"https:\/\/kd-office.com\/lpp\/tvkakaku\/\" target=\"_blank\" class=\"bg-[#003F5C] text-white font-bold py-3 px-8 rounded-full hover:bg-[#34657F] transition-colors shadow-lg\">\u4fa1\u683c\u8868\u3092\u898b\u308b<\/a>\n <a href=\"https:\/\/kd-office.com\/lpp\/gallery\/\" target=\"_blank\" class=\"bg-transparent border-2 border-[#003F5C] text-[#003F5C] font-bold py-3 px-8 rounded-full hover:bg-[#CCE0ED] transition-colors\">\u8c4a\u5bcc\u306a\u65bd\u5de5\u4e8b\u4f8b<\/a>\n <a href=\"https:\/\/k-dlab.com\/p\/r\/IJD6ex9U\" target=\"_blank\" class=\"bg-transparent border-2 border-[#003F5C] text-[#003F5C] font-bold py-3 px-8 rounded-full hover:bg-[#CCE0ED] transition-colors\">\u5c02\u9580\u5bb6\u306b\u76f8\u8ac7\u3059\u308b<\/a>\n <\/div>\n <\/section>\n\n <\/main>\n\n <footer class=\"text-center p-6 mt-8\">\n <p class=\"text-sm text-[#34657F]\">© KAWASHIRI DESIGN. All Rights Reserved.<\/p>\n <\/footer>\n\n <script>\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 wrapLabel = (label) => {\n const maxLength = 16;\n if (label.length <= maxLength) {\n return label;\n }\n const words = label.split(' ');\n const lines = [];\n let currentLine = '';\n for (const word of words) {\n if ((currentLine + word).length > maxLength) {\n lines.push(currentLine.trim());\n currentLine = '';\n }\n currentLine += word + ' ';\n }\n lines.push(currentLine.trim());\n return lines;\n };\n\n const structureCtx = document.getElementById('structureChart').getContext('2d');\n new Chart(structureCtx, {\n type: 'bar',\n data: {\n labels: ['\u4e00\u822c\u7684\u306a\u30dc\u30fc\u30c9 (\u7a7a\u6d1e)', '\u30ab\u30ef\u30b8\u30ea\u30c7\u30b6\u30a4\u30f3 (\u30b3\u30a2\u6750)'],\n datasets: [{\n label: '\u69cb\u9020\u7684\u5b89\u5b9a\u6307\u6570',\n data: [30, 95],\n backgroundColor: ['#99B2C8', '#003F5C'],\n borderColor: ['#668BA4', '#003F5C'],\n borderWidth: 1\n }]\n },\n options: {\n indexAxis: 'y',\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n x: {\n beginAtZero: true,\n max: 100,\n ticks: { color: '#34657F' }\n },\n y: {\n ticks: { color: '#003F5C', font: { weight: 'bold' } }\n }\n },\n plugins: {\n legend: { display: false },\n tooltip: {\n callbacks: { title: tooltipTitleCallback }\n }\n }\n }\n });\n\n const concernsCtx = document.getElementById('concernsChart').getContext('2d');\n new Chart(concernsCtx, {\n type: 'doughnut',\n data: {\n labels: ['\u5b89\u5168\u6027', '\u8010\u4e45\u6027\u30fb\u5f37\u5ea6', '\u30c7\u30b6\u30a4\u30f3\u6027', '\u53ce\u7d0d\u30fb\u6a5f\u80fd\u6027'],\n datasets: [{\n label: '\u91cd\u8996\u3059\u308b\u30dd\u30a4\u30f3\u30c8',\n data: [40, 35, 15, 10],\n backgroundColor: ['#003F5C', '#34657F', '#668BA4', '#99B2C8'],\n hoverOffset: 4\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n position: 'bottom',\n labels: { color: '#003F5C' }\n },\n tooltip: {\n callbacks: { title: tooltipTitleCallback }\n }\n }\n }\n });\n <\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u30d5\u30ed\u30fc\u30c8\u30c6\u30ec\u30d3\u30dc\u30fc\u30c9 \u30c7\u30fc\u30bf\u30a4\u30f3\u30d5\u30a9\u30b0\u30e9\u30d5\u30a3\u30c3\u30af – \u30ab\u30ef\u30b8\u30ea\u30c7\u30b6\u30a4\u30f3 \u30d5\u30ed\u30fc\u30c8\u30c6\u30ec\u30d3\u30dc\u30fc\u30c9\u306e\u300c\u771f\u5b9f\u300d \u30c7\u30b6\u30a4\u30f3\u306e\u88cf\u306b\u96a0\u3055\u308c\u305f\u3001\u5b89\u5168\u6027\u3068\u8010\u4e45\u6027\u306e\u9078\u629e\u3002 \u7a7a\u9593\u3092\u3001\u30a2\u30fc\u30c8\u306b\u3059\u308b\u3002 \u5e8a\u304b\u3089\u6d6e\u904a\u3059\u308b\u30c7\u30b6\u30a4\u30f3\u306f\u3001\u30ea\u30d3\u30f3 […]<\/p>\n","protected":false},"author":1,"featured_media":19874,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"swell_btn_cv_data":"","footnotes":""},"categories":[120,456],"tags":[956,951,918,628,957,950,122,948,945,947,946,900,953,952,949,944,958,955,459,954],"class_list":["post-19873","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-120","category-456","tag-float_tvboard","tag-951","tag-918","tag-628","tag-957","tag-950","tag-122","tag-948","tag-945","tag-947","tag-946","tag-900","tag-953","tag-952","tag-949","tag-944","tag-958","tag-955","tag-459","tag-954"],"acf":[],"_links":{"self":[{"href":"https:\/\/kd-office.com\/index.php?rest_route=\/wp\/v2\/posts\/19873","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kd-office.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kd-office.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kd-office.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kd-office.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=19873"}],"version-history":[{"count":1,"href":"https:\/\/kd-office.com\/index.php?rest_route=\/wp\/v2\/posts\/19873\/revisions"}],"predecessor-version":[{"id":19875,"href":"https:\/\/kd-office.com\/index.php?rest_route=\/wp\/v2\/posts\/19873\/revisions\/19875"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kd-office.com\/index.php?rest_route=\/wp\/v2\/media\/19874"}],"wp:attachment":[{"href":"https:\/\/kd-office.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19873"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kd-office.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=19873"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kd-office.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=19873"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}