\u4eba\u4e8b\u306e\u30af\u30b9\u30ea\u7bb1 | \u4e2d\u5c0f\u4f01\u696d\u306e\u30d2\u30c8\u30ea\u30b9\u30af\u5bfe\u7b56\u30fb\u4eba\u4e8b\u8ab2\u984c\u89e3\u6c7a<\/title><br \/>\n <br \/>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script><br \/>\n <br \/>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script><br \/>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;800&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: #f7f7f7;\n scroll-behavior: smooth;\n }\n .color-primary { background-color: #10B981; }\n .text-primary { color: #10B981; }<\/p>\n<p> .card {\n background-color: white;\n border-radius: 1.5rem;\n box-shadow: 0 4px 20px rgba(0,0,0,0.05);\n transition: all 0.3s ease;\n }\n .card:hover {\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0,0,0,0.1);\n }\n .hero-bg {\n background: linear-gradient(135deg, #047857 0%, #059669 100%);\n }\n .step-number {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: #10B981;\n color: white;\n font-weight: bold;\n margin-bottom: 1rem;\n }\n .input-range { @apply w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer accent-emerald-500; }<\/p>\n<p> \/* \u30ab\u30b9\u30bf\u30e0\u30b9\u30af\u30ed\u30fc\u30eb\u30d0\u30fc *\/\n .custom-scrollbar::-webkit-scrollbar { width: 6px; }\n .custom-scrollbar::-webkit-scrollbar-track { background: #f1f1f1; }\n .custom-scrollbar::-webkit-scrollbar-thumb { background: #10B981; border-radius: 10px; }<\/p>\n<p> @media print { .no-print { display: none; } }<\/p>\n<p> \/* \u88c5\u98fe\u7528\u80cc\u666f *\/\n .bg-pattern {\n background-image: radial-gradient(#10b981 0.5px, transparent 0.5px);\n background-size: 24px 24px;\n }\n <\/style>\n<p><\/head><\/p>\n<p><body class=\"bg-gray-50 text-gray-800 antialiased\"><\/p>\n<p> <\/p>\n<header class=\"bg-white\/90 backdrop-blur-md sticky top-0 z-50 shadow-sm\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 flex justify-between items-center\">\n<div class=\"text-2xl font-black text-green-700 tracking-tighter\">\u4eba\u4e8b\u306e\u30af\u30b9\u30ea\u7bb1<\/div>\n<nav class=\"hidden md:flex space-x-6 items-center\">\n <a href=\"#concept\" class=\"text-sm font-semibold text-gray-600 hover:text-green-600 transition\">\u30b3\u30f3\u30bb\u30d7\u30c8<\/a><br \/>\n <a href=\"#merit-demerit\" class=\"text-sm font-semibold text-gray-600 hover:text-green-600 transition\">\u9762\u8ac7\u306e\u4fa1\u5024<\/a><br \/>\n <a href=\"#hitrorisk\" class=\"text-sm font-semibold text-gray-600 hover:text-green-600 transition\">\u30d2\u30c8\u30ea\u30b9\u30af\u3068\u306f<\/a><br \/>\n <a href=\"#dashboard\" class=\"text-sm font-bold text-emerald-600 bg-emerald-50 px-3 py-1 rounded-full\">\u30b9\u30ad\u30eb\u8a3a\u65ad<\/a><br \/>\n <a href=\"#service-detail\" class=\"text-sm font-semibold text-gray-600 hover:text-green-600 transition\">\u30b5\u30fc\u30d3\u30b9\u8a73\u7d30<\/a><br \/>\n <a href=\"#contact\" class=\"bg-green-600 text-white text-sm font-bold py-2 px-5 rounded-full hover:bg-green-700 transition shadow-md\">\u7121\u6599\u76f8\u8ac7<\/a><br \/>\n <\/nav>\n<\/p><\/div>\n<\/header>\n<p> <\/p>\n<section class=\"hero-bg py-16 sm:py-28 text-white relative overflow-hidden\">\n<div class=\"absolute inset-0 opacity-10 pointer-events-none\">\n <svg width=\"100%\" height=\"100%\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\">\n <path d=\"M0 100 C 20 0 50 0 100 100 Z\" fill=\"white\"><\/path>\n <\/svg>\n <\/div>\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10\">\n<h1 class=\"text-4xl sm:text-7xl font-black mb-6 leading-tight tracking-tight\">\n \u305d\u306e\u300c\u4eba\u300d\u306e\u75db\u307f\u3001<br class=\"hidden sm:block\">\u30ac\u30de\u30f3\u3057\u3066\u3044\u307e\u305b\u3093\u304b\uff1f<br \/>\n <\/h1>\n<p class=\"text-xl sm:text-2xl font-medium mb-10 opacity-90\">\u4e2d\u5c0f\u4f01\u696d\u306e\u7d4c\u55b6\u8005\u3068\u4eba\u4e8b\u62c5\u5f53\u8005\u306e\u305f\u3081\u306e\u3001\u4eba\u4e8b\u306e\u99c6\u3051\u8fbc\u307f\u5bfa\u3002<\/p>\n<div class=\"flex flex-col sm:flex-row justify-center gap-4\">\n <a href=\"#dashboard\" class=\"bg-yellow-400 text-gray-900 font-black text-lg py-4 px-10 rounded-full hover:bg-yellow-300 transition transform hover:scale-105 shadow-2xl\"><br \/>\n \u9762\u63a5\u30b9\u30ad\u30eb\u3092\u30bb\u30eb\u30d5\u8a3a\u65ad<br \/>\n <\/a><br \/>\n <a href=\"#concept\" class=\"bg-white\/20 backdrop-blur-sm text-white font-bold text-lg py-4 px-10 rounded-full border border-white\/30 hover:bg-white\/30 transition\"><br \/>\n \u79c1\u305f\u3061\u306e\u601d\u60f3\u3092\u898b\u308b<br \/>\n <\/a>\n <\/div>\n<div class=\"mt-12 inline-flex items-center gap-2 bg-green-900\/30 px-4 py-2 rounded-full border border-white\/10\">\n <span class=\"flex h-2 w-2 rounded-full bg-yellow-400 animate-pulse\"><\/span><br \/>\n <span class=\"text-sm font-medium\">\u73fe\u5728\u3001\u591a\u304f\u306e\u4e2d\u5c0f\u4f01\u696d\u304b\u3089\u8a3a\u65ad\u4f9d\u983c\u3092\u3044\u305f\u3060\u3044\u3066\u3044\u307e\u3059<\/span>\n <\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section id=\"concept\" class=\"py-20 bg-white\">\n<div class=\"max-w-7xl mx-auto px-4\">\n<div class=\"text-center mb-16\">\n<h2 class=\"text-3xl sm:text-5xl font-black mb-6 text-gray-900\">\u79c1\u305f\u3061\u306e\u601d\u60f3\uff1a\u6cbb\u7642\u304b\u3089\u300c\u4e88\u9632\u300d\u3078<\/h2>\n<p class=\"text-lg text-gray-600 max-w-3xl mx-auto\">\n \u554f\u984c\u304c\u8d77\u304d\u3066\u304b\u3089\u5bfe\u51e6\u3059\u308b\u306e\u3067\u306f\u3001\u30b3\u30b9\u30c8\u3082\u6642\u9593\u3082\u3001\u305d\u3057\u3066\u7d4c\u55b6\u9663\u30fb\u4eba\u4e8b\u306e\u5fc3\u52b4\u3082\u8a08\u308a\u77e5\u308c\u307e\u305b\u3093\u3002<br \/>\n \u79c1\u305f\u3061\u306e\u4f7f\u547d\u306f\u3001\u4f1a\u793e\u3092\u300c\u75c5\u6c17\u306b\u3055\u305b\u306a\u3044\u300d\u3053\u3068\u3002\n <\/p>\n<\/p><\/div>\n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-10\">\n<div class=\"p-8 bg-red-50 rounded-3xl border border-red-100 relative overflow-hidden\">\n<div class=\"absolute top-4 right-4 text-4xl opacity-20\">\u26a0\ufe0f<\/div>\n<h3 class=\"text-xl font-bold text-red-700 mb-4\">\u5f93\u6765\u306e\u300c\u4e8b\u5f8c\u5bfe\u5fdc\u300d<\/h3>\n<ul class=\"space-y-3 mb-6 text-gray-700\">\n<li>\u30fb\u96e2\u8077\u304c\u767a\u751f\u3057\u3066\u304b\u3089\u52df\u96c6\u3092\u304b\u3051\u308b<\/li>\n<li>\u30fb\u30c1\u30fc\u30e0\u304c\u5d29\u58ca\u3057\u3066\u304b\u3089\u9762\u8ac7\u3059\u308b<\/li>\n<li>\u30fb\u30c8\u30e9\u30d6\u30eb\u306b\u306a\u3063\u3066\u304b\u3089\u5f01\u8b77\u58eb\u306b\u76f8\u8ac7<\/li>\n<\/ul>\n<div class=\"bg-red-200 text-red-800 font-bold py-2 px-4 rounded-lg text-center\">\n \u9ad8\u30b3\u30b9\u30c8\u30fb\u9ad8\u30b9\u30c8\u30ec\u30b9\u30fb\u4f4e\u6210\u9577\n <\/div>\n<\/p><\/div>\n<div class=\"p-8 bg-emerald-50 rounded-3xl border border-emerald-100 relative overflow-hidden\">\n<div class=\"absolute top-4 right-4 text-4xl opacity-20\">\u2728<\/div>\n<h3 class=\"text-xl font-bold text-emerald-700 mb-4\">\u30af\u30b9\u30ea\u7bb1\u306e\u300c\u4e88\u9632\u7684\u30a2\u30d7\u30ed\u30fc\u30c1\u300d<\/h3>\n<ul class=\"space-y-3 mb-6 text-gray-700\">\n<li>\u30fb\u5b9a\u671f\u7684\u306a\u7d44\u7e54\u8a3a\u65ad\u3067\u4e0d\u6e80\u3092\u53ef\u8996\u5316<\/li>\n<li>\u30fb\u63a1\u7528\u524d\u306b\u30df\u30b9\u30de\u30c3\u30c1\u3092\u9632\u3050\u4ed5\u7d44\u307f\u4f5c\u308a<\/li>\n<li>\u30fb\u30cf\u30e9\u30b9\u30e1\u30f3\u30c8\u3092\u751f\u307e\u306a\u3044\u98a8\u571f\u306e\u91b8\u6210<\/li>\n<\/ul>\n<div class=\"bg-emerald-500 text-white font-bold py-2 px-4 rounded-lg text-center shadow-lg\">\n \u4f4e\u30b3\u30b9\u30c8\u30fb\u5b89\u5b9a\u7684\u6210\u9577\u30fb\u7d4c\u55b6\u306e\u4f59\u88d5\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section id=\"merit-demerit\" class=\"py-20 bg-emerald-900 text-white\">\n<div class=\"max-w-7xl mx-auto px-4\">\n<div class=\"text-center mb-16\">\n<h2 class=\"text-3xl sm:text-5xl font-black mb-6 tracking-tight\">\u306a\u305c\u300c\u30d7\u30ed\u306b\u3088\u308b\u9762\u8ac7\u300d\u304c\u5fc5\u8981\u306a\u306e\u304b<\/h2>\n<p class=\"text-emerald-200 text-lg\">\u60c5\u5831\u306e\u975e\u5bfe\u79f0\u6027\u3092\u89e3\u6d88\u3057\u3001\u96e2\u8077\u30b3\u30b9\u30c8\u3092\u5287\u7684\u306b\u524a\u6e1b\u3057\u307e\u3059<\/p>\n<\/p><\/div>\n<div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 mb-16\">\n <\/p>\n<div class=\"bg-white\/10 backdrop-blur-md p-8 rounded-3xl border border-white\/20\">\n<h3 class=\"text-2xl font-bold text-emerald-400 mb-6 flex items-center gap-2\">\n <span>\u2705<\/span> \u9762\u8ac7\u3092\u3059\u308b\u30e1\u30ea\u30c3\u30c8<br \/>\n <\/h3>\n<div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm\">\n<div class=\"p-4 bg-white\/5 rounded-xl\">\n<p class=\"font-bold text-emerald-300\">\u4eba\u6750\u5b9a\u7740\u7387\u306e\u5411\u4e0a<\/p>\n<p>\u96e2\u8077\u9632\u6b62\u306b\u76f4\u7d50<\/p><\/div>\n<div class=\"p-4 bg-white\/5 rounded-xl\">\n<p class=\"font-bold text-emerald-300\">\u7d44\u7e54\u306e\u8ab2\u984c\u767a\u898b<\/p>\n<p>\u73fe\u5834\u306e\u30ea\u30a2\u30eb\u306a\u58f0\u3092\u628a\u63e1<\/p><\/div>\n<div class=\"p-4 bg-white\/5 rounded-xl\">\n<p class=\"font-bold text-emerald-300\">\u30e2\u30c1\u30d9\u30fc\u30b7\u30e7\u30f3UP<\/p>\n<p>\u50cd\u304f\u610f\u6b32\u3092\u518d\u71c3\u3055\u305b\u308b<\/p><\/div>\n<div class=\"p-4 bg-white\/5 rounded-xl\">\n<p class=\"font-bold text-emerald-300\">\u80b2\u6210\u8a08\u753b\u306e\u7cbe\u5ea6\u5411\u4e0a<\/p>\n<p>\u500b\u3005\u306e\u5fd7\u5411\u306b\u5408\u308f\u305b\u305f\u914d\u7f6e<\/p><\/div>\n<div class=\"p-4 bg-white\/5 rounded-xl\">\n<p class=\"font-bold text-emerald-300\">\u5fc3\u7406\u7684\u5b89\u5168\u6027\u306e\u78ba\u4fdd<\/p>\n<p>\u5b89\u5fc3\u3057\u3066\u60a9\u307f\u3092\u8a71\u305b\u308b\u5834<\/p><\/div>\n<div class=\"p-4 bg-white\/5 rounded-xl\">\n<p class=\"font-bold text-emerald-300\">\u96e2\u8077\u30b3\u30b9\u30c8\u306e\u524a\u6e1b<\/p>\n<p>\u518d\u63a1\u7528\u30fb\u6559\u80b2\u8cbb\u306e\u6291\u5236<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"bg-red-950\/30 backdrop-blur-md p-8 rounded-3xl border border-red-500\/30\">\n<h3 class=\"text-2xl font-bold text-red-400 mb-6 flex items-center gap-2\">\n <span>\u274c<\/span> \u9762\u8ac7\u3092\u3057\u306a\u3044\u30c7\u30e1\u30ea\u30c3\u30c8<br \/>\n <\/h3>\n<div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm opacity-80\">\n<div class=\"p-4 bg-black\/20 rounded-xl\">\n<p class=\"font-bold text-red-300\">\u96e2\u8077\u7387\u306e\u4e0a\u6607<\/p>\n<p>\u4e0d\u6e80\u304c\u653e\u7f6e\u3055\u308c\u9000\u8077\u3078<\/p><\/div>\n<div class=\"p-4 bg-black\/20 rounded-xl\">\n<p class=\"font-bold text-red-300\">\u80b2\u6210\u306e\u7684\u5916\u308c\u5316<\/p>\n<p>\u671f\u5f85\u3068\u5fd7\u5411\u304c\u30ba\u30ec\u308b<\/p><\/div>\n<div class=\"p-4 bg-black\/20 rounded-xl\">\n<p class=\"font-bold text-red-300\">\u8ab2\u984c\u306e\u898b\u843d\u3068\u3057<\/p>\n<p>\u554f\u984c\u304c\u624b\u9045\u308c\u306b\u306a\u308b<\/p><\/div>\n<div class=\"p-4 bg-black\/20 rounded-xl\">\n<p class=\"font-bold text-red-300\">\u30b3\u30b9\u30c8\u306e\u5897\u5927<\/p>\n<p>\u518d\u63a1\u7528\u306e\u60aa\u5faa\u74b0<\/p><\/div>\n<div class=\"p-4 bg-black\/20 rounded-xl\">\n<p class=\"font-bold text-red-300\">\u751f\u7523\u6027\u306e\u4f4e\u4e0b<\/p>\n<p>\u4e0d\u5b89\u3092\u62b1\u3048\u8fbc\u307f\u52b9\u7387\u30c0\u30a6\u30f3<\/p><\/div>\n<div class=\"p-4 bg-black\/20 rounded-xl\">\n<p class=\"font-bold text-red-300\">\u7d44\u7e54\u6587\u5316\u306e\u5f31\u4f53\u5316<\/p>\n<p>\u300c\u4eba\u3092\u5927\u5207\u306b\u3057\u306a\u3044\u300d\u5370\u8c61<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n<div class=\"card p-8 bg-white text-gray-800\">\n<h4 class=\"font-bold text-lg mb-4 text-emerald-600\">1. \u60c5\u5831\u306e\u975e\u5bfe\u79f0\u6027\u3092\u89e3\u6d88<\/h4>\n<p class=\"text-sm leading-relaxed\">\n \u793e\u54e1\u306e\u300c\u4e0d\u5b89\u300d\u306f\u7d4c\u55b6\u306b\u306f\u5c4a\u304d\u306b\u304f\u304f\u3001\u7d4c\u55b6\u306e\u300c\u671f\u5f85\u300d\u306f\u73fe\u5834\u306b\u4f1d\u308f\u308a\u306b\u304f\u3044\u3082\u306e\u3002\u9762\u8ac7\u306f\u3053\u306e\u30ae\u30e3\u30c3\u30d7\u3092\u57cb\u3081\u3001\u53cc\u65b9\u306e\u8a8d\u8b58\u3092\u4e00\u81f4\u3055\u305b\u307e\u3059\u3002\n <\/p>\n<\/p><\/div>\n<div class=\"card p-8 bg-white text-gray-800\">\n<h4 class=\"font-bold text-lg mb-4 text-emerald-600\">2. \u4e0d\u6e80\u30fb\u30ea\u30b9\u30af\u306e\u65e9\u671f\u767a\u898b<\/h4>\n<p class=\"text-sm leading-relaxed\">\n \u96e2\u8077\u306f\u300c\u4e0d\u6e80\u306e\u7206\u767a\u300d\u304b\u3089\u8d77\u3053\u308a\u307e\u3059\u3002\u5b9a\u671f\u9762\u8ac7\u3067\u5c0f\u3055\u306a\u706b\u7a2e\u3092\u62fe\u3044\u3001\u6539\u5584\u3059\u308b\u3053\u3068\u3067\u3001\u9000\u8077\u306b\u81f3\u308b\u524d\u306b\u89e3\u6c7a\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\u3002\n <\/p>\n<\/p><\/div>\n<div class=\"card p-8 bg-white text-gray-800\">\n<h4 class=\"font-bold text-lg mb-4 text-emerald-600\">3. \u627f\u8a8d\u6b32\u6c42\u3068\u5b9a\u7740\u306e\u76f8\u95a2<\/h4>\n<p class=\"text-sm leading-relaxed\">\n \u300c\u81ea\u5206\u3092\u898b\u3066\u304f\u308c\u3066\u3044\u308b\u300d\u3068\u3044\u3046\u627f\u8a8d\u611f\u306f\u3001\u7d66\u4e0e\u4ee5\u4e0a\u306e\u5b9a\u7740\u8981\u56e0\u3068\u306a\u308a\u307e\u3059\u3002\u30ad\u30e3\u30ea\u30a2\u652f\u63f4\u3092\u5236\u5ea6\u5316\u3059\u308b\u3053\u3068\u304c\u3001\u7af6\u5408\u3078\u306e\u4eba\u6750\u6d41\u51fa\u3092\u9632\u304e\u307e\u3059\u3002\n <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section id=\"hitrorisk\" class=\"py-20 bg-gray-50 border-y border-gray-200\">\n<div class=\"max-w-7xl mx-auto px-4\">\n<div class=\"flex flex-col lg:flex-row gap-12 items-center\">\n<div class=\"lg:w-1\/2\">\n <\/p>\n<div class=\"inline-block px-8 py-3 bg-red-600 text-white rounded-xl font-black text-2xl mb-8 shadow-lg transform -rotate-2\">\n \u8a3a\u65ad\u540d\uff1a\u30d2\u30c8\u30ea\u30b9\u30af\n <\/div>\n<h2 class=\"text-3xl sm:text-5xl font-black mb-6 leading-tight\">\n \u305d\u306e\u60a9\u307f\u3001\u653e\u7f6e\u3059\u308c\u3070<br \/><span class=\"text-red-600 underline decoration-8 decoration-red-200 underline-offset-8\">\u91cd\u75c7\u5316<\/span>\u3057\u307e\u3059\u3002<br \/>\n <\/h2>\n<p class=\"text-lg text-gray-600 mb-8 leading-relaxed\">\n \u4e2d\u5c0f\u4f01\u696d\u3067\u4eba\u6750\u304c\u5b9a\u7740\u3057\u306a\u3044\u7406\u7531\u306f\u3001\u8cc3\u91d1\u3060\u3051\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u6210\u9577\u6a5f\u4f1a\u306e\u4e0d\u8db3\u3001\u63a1\u7528\u306e\u30df\u30b9\u30de\u30c3\u30c1\u3001\u305d\u3057\u3066\u300c\u5fc3\u7406\u7684\u5b89\u5168\u6027\u306e\u6b20\u5982\u300d\u304c\u3001\u5e74\u959335\u301c38%\u306b\u9054\u3059\u308b\u65e9\u671f\u96e2\u8077\u7387\u306e\u6b63\u4f53\u3067\u3059\u3002\n <\/p>\n<div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n<div class=\"flex items-center p-4 bg-white rounded-xl shadow-sm border border-gray-100\">\n <span class=\"text-2xl mr-3\">\ud83d\udc64<\/span><\/p>\n<div>\n<p class=\"font-bold\">\u63a1\u7528\u96e3<\/p>\n<p class=\"text-xs text-gray-500\">76%\u304c\u300c\u52d8\u300d\u3067\u63a1\u7528\u3057\u5931\u6557<\/p>\n<\/div><\/div>\n<div class=\"flex items-center p-4 bg-white rounded-xl shadow-sm border border-gray-100\">\n <span class=\"text-2xl mr-3\">\ud83d\udcc9<\/span><\/p>\n<div>\n<p class=\"font-bold\">\u96e2\u8077\u5897<\/p>\n<p class=\"text-xs text-gray-500\">\u627f\u8a8d\u611f\u306e\u6b20\u5982\u304c\u4e3b\u56e0<\/p>\n<\/div><\/div>\n<div class=\"flex items-center p-4 bg-white rounded-xl shadow-sm border border-gray-100\">\n <span class=\"text-2xl mr-3\">\ud83d\udca2<\/span><\/p>\n<div>\n<p class=\"font-bold\">\u52b4\u52d9\u8ab2\u984c<\/p>\n<p class=\"text-xs text-gray-500\">\u73fe\u5834\u306e\u58f0\u304c\u5c4a\u304b\u306a\u3044\u30ea\u30b9\u30af<\/p>\n<\/div><\/div>\n<div class=\"flex items-center p-4 bg-white rounded-xl shadow-sm border border-gray-100\">\n <span class=\"text-2xl mr-3\">\ud83d\udcb0<\/span><\/p>\n<div>\n<p class=\"font-bold\">\u30b3\u30b9\u30c8\u5897<\/p>\n<p class=\"text-xs text-gray-500\">\u63a1\u7528\u30fb\u6559\u80b2\u8cbb\u306e\u5782\u308c\u6d41\u3057<\/p>\n<\/div><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"lg:w-1\/2\">\n<div class=\"bg-white p-8 rounded-3xl shadow-xl border-l-[12px] border-emerald-500\">\n<h3 class=\"text-2xl font-bold mb-6\">\u89e3\u6c7a\u3078\u306e3\u30b9\u30c6\u30c3\u30d7<\/h3>\n<div class=\"space-y-8\">\n<div class=\"flex gap-4\">\n<div class=\"step-number\">1<\/div>\n<div>\n<h4 class=\"font-bold text-lg\">\u5fdc\u6025\u51e6\u7f6e (First Aid)<\/h4>\n<p class=\"text-sm text-gray-600\">\u7dca\u6025\u306e\u96e2\u8077\u7533\u3057\u51fa\u306b\u5bfe\u3057\u3001\u7b2c\u4e09\u8005\u306e\u30d7\u30ed\u304c\u4ecb\u5165\u3002\u611f\u60c5\u306e\u975e\u5bfe\u79f0\u6027\u3092\u6574\u7406\u3057\u3001\u307e\u305a\u306f\u300c\u51fa\u8840\u300d\u3092\u6b62\u3081\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"flex gap-4\">\n<div class=\"step-number\">2<\/div>\n<div>\n<h4 class=\"font-bold text-lg\">\u6839\u672c\u6cbb\u7642 (Root Cause)<\/h4>\n<p class=\"text-sm text-gray-600\">\u8a55\u4fa1\u57fa\u6e96\u306e\u66d6\u6627\u3055\u3084\u300c\u52d8\u300d\u306b\u983c\u3063\u305f\u63a1\u7528\u3092\u5ec3\u6b62\u3002\u79d1\u5b66\u7684\u6839\u62e0\u306b\u57fa\u3065\u304f\u7d44\u7e54\u4f5c\u308a\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"flex gap-4\">\n<div class=\"step-number\">3<\/div>\n<div>\n<h4 class=\"font-bold text-lg\">\u4e88\u9632\u3068\u5b9a\u671f\u691c\u8a3a (Prevention)<\/h4>\n<p class=\"text-sm text-gray-600\">\u5b9a\u671f\u9762\u8ac7\uff08\u30ad\u30e3\u30ea\u30a2\u30c9\u30c3\u30af\uff09\u3092\u5236\u5ea6\u5316\u3002\u4e0d\u6e80\u3092\u300c\u53ef\u8996\u5316\u300d\u3057\u7d9a\u3051\u3001\u75c5\u6c17\u306b\u306a\u3089\u306a\u3044\u7d44\u7e54\u98a8\u571f\u3092\u7bc9\u304d\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section id=\"dashboard\" class=\"py-24 bg-emerald-50\">\n<div class=\"max-w-6xl mx-auto px-4\">\n<div class=\"text-center mb-16\">\n <span class=\"text-emerald-600 font-black tracking-widest text-xs uppercase\">Self Diagnosis<\/span><\/p>\n<h2 class=\"text-4xl font-black text-gray-900 mt-2 mb-4\">\u9762\u63a5\u30fb\u9762\u8ac7\u30b9\u30ad\u30eb\u8a3a\u65ad<\/h2>\n<p class=\"text-lg text-emerald-700\">\u5c5e\u4eba\u7684\u306a\u300c\u52d8\u300d\u3092\u6392\u9664\u3057\u3001\u8a55\u4fa1\u57fa\u6e96\u3092\u8a00\u8a9e\u5316\u3067\u304d\u3066\u3044\u308b\u304b\u30c1\u30a7\u30c3\u30af\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n<\/p><\/div>\n<div class=\"grid grid-cols-1 lg:grid-cols-3 gap-10\">\n <\/p>\n<div class=\"lg:col-span-2 space-y-6\">\n<div class=\"bg-white p-8 rounded-3xl shadow-xl border border-emerald-100\">\n<div class=\"flex justify-between items-center mb-8\">\n<h3 class=\"text-xl font-black flex items-center gap-3 text-gray-800\">\n <span class=\"w-2 h-8 bg-emerald-500 rounded-full\"><\/span><br \/>\n \u30b9\u30ad\u30eb\u8a3a\u65ad\u9805\u76ee\uff0820\uff09<br \/>\n <\/h3>\n<p> <button onclick=\"resetAll()\" class=\"text-xs text-gray-400 hover:text-red-500 transition\">\u30ea\u30bb\u30c3\u30c8<\/button>\n <\/div>\n<div id=\"survey-container\" class=\"space-y-10 max-h-[600px] overflow-y-auto pr-4 custom-scrollbar\">\n \n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"space-y-6\">\n<div class=\"bg-white p-8 rounded-3xl shadow-xl border border-emerald-100 sticky top-24\">\n<h3 class=\"text-xl font-black mb-8 text-gray-800\">\u8a3a\u65ad\u7d50\u679c\u30ec\u30dd\u30fc\u30c8<\/h3>\n<div class=\"mb-8 aspect-square flex items-center justify-center\">\n <canvas id=\"radarChart\"><\/canvas>\n <\/div>\n<div class=\"space-y-6\">\n<div class=\"p-6 bg-emerald-50 rounded-2xl text-center\">\n<p class=\"text-xs uppercase tracking-widest text-emerald-600 font-bold mb-2\">\u7dcf\u5408\u8a3a\u65ad\u30b9\u30b3\u30a2<\/p>\n<div class=\"flex justify-center items-baseline gap-2\">\n <span id=\"total-score\" class=\"text-6xl font-black text-emerald-600\">0<\/span><br \/>\n <span class=\"text-gray-400 font-bold\">\/ 100<\/span>\n <\/div>\n<\/p><\/div>\n<div id=\"feedback-area\" class=\"text-sm border-l-4 border-emerald-500 pl-4 py-3 bg-emerald-50\/50 rounded-r-lg italic text-gray-600 leading-relaxed\">\n \u30b9\u30e9\u30a4\u30c0\u30fc\u3092\u52d5\u304b\u3057\u3066\u3001\u5ba2\u89b3\u7684\u306a\u9762\u8ac7\u30b9\u30ad\u30eb\u3092\u30c1\u30a7\u30c3\u30af\u3057\u3066\u304f\u3060\u3055\u3044\u3002\n <\/div>\n<p> <button onclick=\"window.print()\" class=\"w-full py-4 bg-gray-900 text-white rounded-xl font-bold hover:bg-black transition shadow-lg\"><br \/>\n \u8a3a\u65ad\u7d50\u679c\u3092PDF\u3067\u4fdd\u5b58<br \/>\n <\/button>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section id=\"service-detail\" class=\"py-24 bg-white relative overflow-hidden\">\n<div class=\"absolute top-0 right-0 w-64 h-64 bg-emerald-50 rounded-full blur-3xl -mr-32 -mt-32 opacity-60\"><\/div>\n<div class=\"absolute bottom-0 left-0 w-96 h-96 bg-emerald-50 rounded-full blur-3xl -ml-48 -mb-48 opacity-60\"><\/div>\n<div class=\"max-w-7xl mx-auto px-4 relative z-10\">\n<div class=\"text-center mb-20\">\n<h2 class=\"text-3xl sm:text-5xl font-black mb-6 text-gray-900 tracking-tight\">\u300c\u4eba\u4e8b\u306e\u30af\u30b9\u30ea\u7bb1\u300d\u304c\u3067\u304d\u308b\u3053\u3068<\/h2>\n<p class=\"text-lg text-gray-600 max-w-2xl mx-auto\">\n \u79c1\u305f\u3061\u306f\u305f\u3060\u306e\u30a2\u30c9\u30d0\u30a4\u30b6\u30fc\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u73fe\u5834\u306b\u6df1\u304f\u5165\u308a\u8fbc\u307f\u3001\u7d44\u7e54\u306e\u5065\u5eb7\u3092\u5b9f\u52d9\u30ec\u30d9\u30eb\u3067\u652f\u3048\u308b\u300c\u5e38\u5099\u85ac\u300d\u306e\u3088\u3046\u306a\u5b58\u5728\u3067\u3059\u3002\n <\/p>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"mb-24\">\n<div class=\"flex items-center gap-4 mb-10\">\n<h3 class=\"text-2xl font-black bg-emerald-600 text-white px-6 py-2 rounded-lg\">\u4e2d\u5c0f\u4f01\u696d\u3092\u8972\u3046\u300c7\u3064\u306e\u30d2\u30c8\u30ea\u30b9\u30af\u300d<\/h3>\n<div class=\"h-1 flex-grow bg-emerald-100 rounded-full hidden sm:block\"><\/div>\n<\/p><\/div>\n<div class=\"grid grid-cols-2 md:grid-cols-4 lg:grid-cols-7 gap-4\">\n<div class=\"p-6 bg-gray-50 rounded-2xl border border-gray-100 text-center hover:bg-emerald-500 hover:text-white transition-colors duration-300 group\">\n<div class=\"text-3xl mb-3\">\ud83d\udce2<\/div>\n<p class=\"font-bold text-sm\">\u63a1\u7528<\/p>\n<p class=\"text-[10px] opacity-70 mt-1 group-hover:text-emerald-50\">\u5c02\u9580\u6027\u4e0d\u8db3\u306e\u89e3\u6d88<\/p>\n<\/p><\/div>\n<div class=\"p-6 bg-gray-50 rounded-2xl border border-gray-100 text-center hover:bg-emerald-500 hover:text-white transition-colors duration-300 group\">\n<div class=\"text-3xl mb-3\">\ud83e\udd1d<\/div>\n<p class=\"font-bold text-sm\">\u5b9a\u7740<\/p>\n<p class=\"text-[10px] opacity-70 mt-1 group-hover:text-emerald-50\">\u30df\u30b9\u30de\u30c3\u30c1\u9632\u6b62<\/p>\n<\/p><\/div>\n<div class=\"p-6 bg-gray-50 rounded-2xl border border-gray-100 text-center hover:bg-emerald-500 hover:text-white transition-colors duration-300 group\">\n<div class=\"text-3xl mb-3\">\ud83c\udf31<\/div>\n<p class=\"font-bold text-sm\">\u80b2\u6210<\/p>\n<p class=\"text-[10px] opacity-70 mt-1 group-hover:text-emerald-50\">\u81ea\u5f8b\u578b\u4eba\u6750\u306e\u5275\u51fa<\/p>\n<\/p><\/div>\n<div class=\"p-6 bg-gray-50 rounded-2xl border border-gray-100 text-center hover:bg-emerald-500 hover:text-white transition-colors duration-300 group\">\n<div class=\"text-3xl mb-3\">\u2696\ufe0f<\/div>\n<p class=\"font-bold text-sm\">\u8a55\u4fa1<\/p>\n<p class=\"text-[10px] opacity-70 mt-1 group-hover:text-emerald-50\">\u7d0d\u5f97\u611f\u3042\u308b\u5236\u5ea6\u8a2d\u8a08<\/p>\n<\/p><\/div>\n<div class=\"p-6 bg-gray-50 rounded-2xl border border-gray-100 text-center hover:bg-emerald-500 hover:text-white transition-colors duration-300 group\">\n<div class=\"text-3xl mb-3\">\ud83c\udf08<\/div>\n<p class=\"font-bold text-sm\">\u591a\u69d8\u6027<\/p>\n<p class=\"text-[10px] opacity-70 mt-1 group-hover:text-emerald-50\">\u500b\u6027\u3092\u529b\u306b\u5909\u3048\u308b<\/p>\n<\/p><\/div>\n<div class=\"p-6 bg-gray-50 rounded-2xl border border-gray-100 text-center hover:bg-emerald-500 hover:text-white transition-colors duration-300 group\">\n<div class=\"text-3xl mb-3\">\ud83d\udcdd<\/div>\n<p class=\"font-bold text-sm\">\u52b4\u52d9<\/p>\n<p class=\"text-[10px] opacity-70 mt-1 group-hover:text-emerald-50\">\u30c8\u30e9\u30d6\u30eb\u306e\u672a\u7136\u9632\u6b62<\/p>\n<\/p><\/div>\n<div class=\"p-6 bg-gray-50 rounded-2xl border border-gray-100 text-center hover:bg-emerald-500 hover:text-white transition-colors duration-300 group\">\n<div class=\"text-3xl mb-3\">\ud83d\udc51<\/div>\n<p class=\"font-bold text-sm\">\u5f8c\u7d99\u8005<\/p>\n<p class=\"text-[10px] opacity-70 mt-1 group-hover:text-emerald-50\">\u6b21\u4ee3\u30ea\u30fc\u30c0\u30fc\u306e\u80b2\u6210<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"grid grid-cols-1 lg:grid-cols-2 gap-16 items-center\">\n<div class=\"relative\">\n<div class=\"bg-pattern absolute inset-0 opacity-10\"><\/div>\n<div class=\"relative bg-white p-1 rounded-3xl shadow-2xl overflow-hidden\">\n<div class=\"bg-emerald-600 p-8 text-white rounded-2xl\">\n<h4 class=\"text-2xl font-bold mb-6 italic\">“\u4eba\u4e8b\u304c\u5909\u308f\u308c\u3070\u3001\u7d4c\u55b6\u306e\u30b9\u30d4\u30fc\u30c9\u304c\u5909\u308f\u308b\u3002”<\/h4>\n<div class=\"space-y-6\">\n<div class=\"flex gap-4 items-start\">\n<div class=\"bg-white\/20 p-2 rounded-lg\">\ud83d\udcca<\/div>\n<div>\n<p class=\"font-bold\">\u610f\u601d\u6c7a\u5b9a\u306e\u8cea\u304c\u5411\u4e0a<\/p>\n<p class=\"text-sm text-emerald-100\">\u73fe\u5834\u306e\u30ea\u30a2\u30eb\u306a\u30c7\u30fc\u30bf\u3092\u5143\u306b\u3001\u78ba\u4fe1\u3092\u6301\u3063\u305f\u7d4c\u55b6\u5224\u65ad\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"flex gap-4 items-start\">\n<div class=\"bg-white\/20 p-2 rounded-lg\">\ud83d\udee1\ufe0f<\/div>\n<div>\n<p class=\"font-bold\">\u6cd5\u7684\u30fb\u611f\u60c5\u7684\u30ea\u30b9\u30af\u306e\u56de\u907f<\/p>\n<p class=\"text-sm text-emerald-100\">\u5c02\u9580\u5bb6\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u3092\u901a\u3058\u3001\u52b4\u50cd\u30c8\u30e9\u30d6\u30eb\u3084\u5fc3\u7406\u7684\u5bfe\u7acb\u3092\u82bd\u306e\u3046\u3061\u306b\u6458\u307f\u53d6\u308a\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"flex gap-4 items-start\">\n<div class=\"bg-white\/20 p-2 rounded-lg\">\ud83d\ude80<\/div>\n<div>\n<p class=\"font-bold\">\u672c\u6765\u306e\u7d4c\u55b6\u696d\u52d9\u306b\u96c6\u4e2d<\/p>\n<p class=\"text-sm text-emerald-100\">\u7169\u96d1\u306a\u4eba\u4e8b\u8ab2\u984c\u3092\u30a2\u30a6\u30c8\u30bd\u30fc\u30b9\u30fb\u4ed5\u7d44\u307f\u5316\u3059\u308b\u3053\u3068\u3067\u3001\u793e\u9577\u306f\u672a\u6765\u3092\u5275\u308b\u4ed5\u4e8b\u306b\u5c02\u5ff5\u3067\u304d\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"space-y-8\">\n<h3 class=\"text-3xl font-black text-gray-900 leading-tight\">\u79c1\u305f\u3061\u304c\u9078\u3070\u308c\u308b\u7406\u7531<\/h3>\n<div class=\"space-y-6\">\n<div class=\"flex gap-6\">\n<div class=\"text-4xl\">\ud83d\udca1<\/div>\n<div>\n<h4 class=\"text-xl font-bold mb-2\">\u300c\u5c02\u9580\u533b\u300d\u3078\u306e\u30cf\u30d6\u6a5f\u80fd<\/h4>\n<p class=\"text-gray-600 text-sm\">\u5f01\u8b77\u58eb\u3084\u793e\u52b4\u58eb\u3001\u7814\u4fee\u4f1a\u793e\u306a\u3069\u3001\u591a\u5c90\u306b\u308f\u305f\u308b\u5c02\u9580\u5bb6\u306e\u4e2d\u304b\u3089\u3001\u8cb4\u793e\u306e\u8ab2\u984c\u306b\u6700\u3082\u9069\u3057\u305f\u300c\u540d\u533b\u300d\u3092\u30de\u30c3\u30c1\u30f3\u30b0\u3057\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"flex gap-6\">\n<div class=\"text-4xl\">\ud83c\udfaf<\/div>\n<div>\n<h4 class=\"text-xl font-bold mb-2\">\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3055\u308c\u305f\u51e6\u65b9\u7b8b<\/h4>\n<p class=\"text-gray-600 text-sm\">\u30d1\u30c3\u30b1\u30fc\u30b8\u5546\u54c1\u3092\u58f2\u308a\u3064\u3051\u308b\u306e\u3067\u306f\u306a\u304f\u3001\u8cb4\u793e\u306e\u4f01\u696d\u898f\u6a21\u30fb\u696d\u7a2e\u30fb\u30d5\u30a7\u30fc\u30ba\u306b\u5408\u308f\u305b\u305f\u6700\u9069\u306a\u89e3\u6c7a\u7b56\u3092\u63d0\u6848\u3057\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"flex gap-6\">\n<div class=\"text-4xl\">\ud83e\udd1d<\/div>\n<div>\n<h4 class=\"text-xl font-bold mb-2\">\u4f34\u8d70\u578b\u306e\u30b5\u30dd\u30fc\u30c8\u4f53\u5236<\/h4>\n<p class=\"text-gray-600 text-sm\">\u63d0\u6848\u3057\u3066\u7d42\u308f\u308a\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u5236\u5ea6\u306e\u5b9a\u7740\u3084\u793e\u54e1\u3078\u306e\u6d78\u900f\u307e\u3067\u3001\u4e8c\u4eba\u4e09\u811a\u3067\u6700\u5f8c\u307e\u3067\u8cac\u4efb\u3092\u6301\u3063\u3066\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<footer class=\"bg-gray-900 text-white py-16\">\n<div class=\"max-w-7xl mx-auto px-4 text-center\">\n<div class=\"text-3xl font-black text-emerald-500 mb-8 tracking-tighter\">\u4eba\u4e8b\u306e\u30af\u30b9\u30ea\u7bb1<\/div>\n<p class=\"text-gray-400 text-sm max-w-xl mx-auto mb-10 leading-relaxed\">\n \u79c1\u305f\u3061\u306f\u3001\u4e2d\u5c0f\u4f01\u696d\u304c\u62b1\u3048\u308b\u300c\u4eba\u300d\u306e\u60a9\u307f\u306b\u5bc4\u308a\u6dfb\u3044\u3001<br class=\"hidden sm:block\"><br \/>\n \u60c5\u5831\u306e\u975e\u5bfe\u79f0\u6027\u3092\u89e3\u6d88\u3057\u3001\u8ab0\u3082\u304c\u6d3b\u304d\u6d3b\u304d\u3068\u50cd\u3051\u308b\u793e\u4f1a\u3092\u76ee\u6307\u3057\u3066\u3044\u307e\u3059\u3002\n <\/p>\n<p class=\"text-gray-500 text-xs\">© 2025 \u4eba\u4e8b\u306e\u30af\u30b9\u30ea\u7bb1 All rights reserved.<\/p>\n<\/p><\/div>\n<\/footer>\n<p> <br \/>\n <script>\n const categories = {\n A: { title: \"\u57fa\u672c\u30b9\u30ad\u30eb (\u5b9a\u91cf\u7684\u8a55\u4fa1)\", questions: [\n \"\u5019\u88dc\u8005\u306e\u8a71\u3092\u906e\u3089\u305a\u3001\u6700\u5f8c\u307e\u3067\u50be\u8074\u3067\u304d\u3066\u3044\u308b\u304b\",\n \"\u8cea\u554f\u306f\u8ad6\u7406\u7684\u3067\u4e00\u8cab\u3057\u3066\u304a\u308a\u3001\u610f\u56f3\u304c\u660e\u78ba\u304b\",\n \"\u56de\u7b54\u3092\u6b63\u3057\u304f\u7406\u89e3\u3057\u3001\u9069\u5b9c\u8981\u7d04\u3057\u3066\u78ba\u8a8d\u3067\u304d\u3066\u3044\u308b\u304b\",\n \"\u9762\u63a5\u306e\u9032\u884c\u3092\u6642\u9593\u901a\u308a\u306b\u7ba1\u7406\u3067\u304d\u3066\u3044\u308b\u304b\",\n \"\u81ea\u793e\u306e\u30d3\u30b8\u30e7\u30f3\u3084\u9b45\u529b\u3092\u5206\u304b\u308a\u3084\u3059\u304f\u4f1d\u3048\u3089\u308c\u3066\u3044\u308b\u304b\"\n ]},\n B: { title: \"\u5bfe\u8a71\u529b (\u5b89\u5fc3\u611f\u30fb\u5f15\u304d\u51fa\u3057)\", questions: [\n \"\u76f8\u624b\u304c\u30ea\u30e9\u30c3\u30af\u30b9\u3057\u3066\u672c\u97f3\u3092\u8a71\u305b\u308b\u96f0\u56f2\u6c17\u3092\u4f5c\u308c\u3066\u3044\u308b\u304b\",\n \"\u5019\u88dc\u8005\u306e\u5f37\u307f\u3084\u5f31\u307f\u3092\u5f15\u304d\u51fa\u3059\u8cea\u554f\u304c\u3067\u304d\u3066\u3044\u308b\u304b\",\n \"\u76f8\u624b\u306e\u4fa1\u5024\u89b3\u3084\u30ad\u30e3\u30ea\u30a2\u5fd7\u5411\u3092\u6b63\u3057\u304f\u7406\u89e3\u3067\u304d\u3066\u3044\u308b\u304b\",\n \"\u4e3b\u89b3\u3092\u62bc\u3057\u4ed8\u3051\u305a\u3001\u516c\u5e73\u30fb\u4e2d\u7acb\u306a\u614b\u5ea6\u3092\u4fdd\u3066\u3066\u3044\u308b\u304b\",\n \"\u9762\u63a5\u5f8c\u306b\u9069\u5207\u306a\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3092\u4f1d\u3048\u3089\u308c\u3066\u3044\u308b\u304b\"\n ]},\n C: { title: \"\u5224\u65ad\u529b\u30fb\u8a55\u4fa1\u529b (\u898b\u6975\u3081\u30fb\u6839\u62e0)\", questions: [\n \"\u30b9\u30ad\u30eb\u3092\u8077\u52d9\u8981\u4ef6(JD)\u3068\u51b7\u9759\u306b\u7167\u3089\u3057\u5408\u308f\u305b\u3066\u3044\u308b\u304b\",\n \"\u7d44\u7e54\u306e\u30ab\u30eb\u30c1\u30e3\u30fc\u306b\u5408\u3046\u304b\u3069\u3046\u304b\u3092\u898b\u6975\u3081\u3066\u3044\u308b\u304b\",\n \"\u7b2c\u4e00\u5370\u8c61\u3084\u30d0\u30a4\u30a2\u30b9\u3092\u6392\u9664\u3057\u3001\u4e8b\u5b9f\u3067\u8a55\u4fa1\u3057\u3066\u3044\u308b\u304b\",\n \"\u8868\u9762\u7684\u306a\u56de\u7b54\u306e\u88cf\u306b\u3042\u308b\u300c\u6f5c\u5728\u80fd\u529b\u300d\u3092\u6398\u308a\u4e0b\u3052\u3066\u3044\u308b\u304b\",\n \"\u63a1\u7528\u53ef\u5426\u306e\u5224\u65ad\u6839\u62e0\u3092\u3001\u8ad6\u7406\u7684\u306b\u8a00\u8a9e\u5316\u3067\u304d\u3066\u3044\u308b\u304b\"\n ]},\n D: { title: \"\u6226\u7565\u7684\u8996\u70b9 (\u80b2\u6210\u30fb\u63a5\u7d9a)\", questions: [\n \"\u63a1\u7528\u5f8c\u306e\u80b2\u6210\u30d7\u30e9\u30f3\u3092\u5177\u4f53\u7684\u306b\u30a4\u30e1\u30fc\u30b8\u3067\u304d\u3066\u3044\u308b\u304b\",\n \"\u81ea\u793e\u306e\u8ab2\u984c\u3068\u5019\u88dc\u8005\u306e\u63a5\u70b9\u3092\u898b\u51fa\u305b\u3066\u3044\u308b\u304b\",\n \"\u4e2d\u9577\u671f\u7684\u306a\u5b9a\u7740\u53ef\u80fd\u6027\uff08\u30e9\u30a4\u30d5\u30b9\u30c6\u30fc\u30b8\u7b49\uff09\u3092\u8003\u616e\u3057\u3066\u3044\u308b\u304b\",\n \"\u914d\u5c5e\u90e8\u7f72\u3068\u306e\u9023\u643a\u3092\u610f\u8b58\u3057\u3066\u8a55\u4fa1\u3067\u304d\u3066\u3044\u308b\u304b\",\n \"\u63a1\u7528\u6d3b\u52d5\u81ea\u4f53\u3092\u6539\u5584\u3059\u308b\u305f\u3081\u306e\u63d0\u6848\u304c\u3067\u304d\u3066\u3044\u308b\u304b\"\n ]}\n };<\/p>\n<p> let chart;\n const scores = { A: [0,0,0,0,0], B: [0,0,0,0,0], C: [0,0,0,0,0], D: [0,0,0,0,0] };<\/p>\n<p> function initSurvey() {\n const container = document.getElementById('survey-container');\n Object.keys(categories).forEach(catKey => {\n const cat = categories[catKey];\n const section = document.createElement('div');\n section.className = \"mb-12\";\n section.innerHTML = `<\/p>\n<div class=\"flex justify-between items-end mb-6 border-b-2 border-emerald-50 pb-2\">\n<h4 class=\"font-black text-gray-800 text-lg\">${cat.title}<\/h4>\n<p> <span id=\"avg-${catKey}\" class=\"text-sm text-emerald-600 font-bold\">\u5e73\u5747: 0.0<\/span>\n <\/div>\n<div class=\"space-y-8\">\n ${cat.questions.map((q, i) => `<\/p>\n<div>\n<div class=\"flex justify-between mb-3 items-start\">\n <label class=\"text-sm font-semibold text-gray-600 leading-tight pr-4\">${i+1}. ${q}<\/label>\n <span class=\"text-lg font-black text-emerald-600 min-w-[20px] text-right\" id=\"val-${catKey}-${i}\">0<\/span>\n <\/div>\n<p> <input type=\"range\" min=\"0\" max=\"5\" value=\"0\" step=\"1\" \n class=\"input-range\" \n oninput=\"updateScore('${catKey}', ${i}, this.value)\">\n <\/div>\n<p> `).join('')}\n <\/p><\/div>\n<p> `;\n container.appendChild(section);\n });\n }<\/p>\n<p> function updateScore(cat, index, val) {\n scores[cat][index] = parseInt(val);\n document.getElementById(`val-${cat}-${index}`).innerText = val;\n calculate();\n }<\/p>\n<p> function calculate() {\n const averages = Object.keys(categories).map(cat => {\n const sum = scores[cat].reduce((a, b) => a + b, 0);\n const avg = sum \/ scores[cat].length;\n document.getElementById(`avg-${cat}`).innerText = `\u5e73\u5747: ${avg.toFixed(1)}`;\n return avg;\n });<\/p>\n<p> const total = Object.values(scores).flat().reduce((a,b) => a+b, 0);\n document.getElementById('total-score').innerText = total;<\/p>\n<p> chart.data.datasets[0].data = averages;\n chart.update();\n updateFeedback(total);\n }<\/p>\n<p> function updateFeedback(total) {\n const area = document.getElementById('feedback-area');\n if (total === 0) area.innerHTML = \"\u30c1\u30a7\u30c3\u30af\u3092\u958b\u59cb\u3057\u3066\u304f\u3060\u3055\u3044\u3002\";\n else if (total < 40) area.innerHTML = \"<strong>\u3010\u8981\u6539\u5584\u3011<\/strong>\u5c5e\u4eba\u7684\u306a\u611f\u899a\u306b\u983c\u308a\u3059\u304e\u3066\u3044\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002\u8a55\u4fa1\u57fa\u6e96\u306e\u8a00\u8a9e\u5316\u304c\u5fc5\u8981\u3067\u3059\u3002\";\n else if (total < 75) area.innerHTML = \"<strong>\u3010\u6a19\u6e96\u3011<\/strong>\u4e00\u5b9a\u306e\u30b9\u30ad\u30eb\u304c\u3042\u308a\u307e\u3059\u304c\u3001\u30d0\u30a4\u30a2\u30b9\u306e\u6392\u9664\u3084\u6226\u7565\u7684\u306a\u8cea\u554f\u3067\u7cbe\u5ea6\u304c\u4e0a\u304c\u308a\u307e\u3059\u3002\";\n else area.innerHTML = \"<strong>\u3010\u512a\u79c0\u3011<\/strong>\u9ad8\u3044\u30ec\u30d9\u30eb\u3067\u3059\u3002\u793e\u5185\u306e\u9762\u8ac7\u30e1\u30f3\u30bf\u30fc\u3068\u3057\u3066\u5f8c\u9032\u306e\u80b2\u6210\u304c\u671f\u5f85\u3067\u304d\u307e\u3059\u3002\";\n }<\/p>\n<p> function initChart() {\n const ctx = document.getElementById('radarChart').getContext('2d');\n chart = new Chart(ctx, {\n type: 'radar',\n data: {\n labels: [\"\u57fa\u672c\u30b9\u30ad\u30eb\", \"\u5bfe\u8a71\u529b\", \"\u5224\u65ad\u30fb\u8a55\u4fa1\u529b\", \"\u6226\u7565\u7684\u8996\u70b9\"],\n datasets: [{\n label: '\u504f\u5dee\u5024',\n data: [0, 0, 0, 0],\n backgroundColor: 'rgba(16, 185, 129, 0.2)',\n borderColor: '#10B981',\n borderWidth: 3\n }]\n },\n options: {\n scales: { r: { beginAtZero: true, max: 5, ticks: { display: false } } },\n plugins: { legend: { display: false } }\n }\n });\n }<\/p>\n<p> function resetAll() { if(confirm('\u30ea\u30bb\u30c3\u30c8\u3057\u307e\u3059\u304b\uff1f')) location.reload(); }<\/p>\n<p> window.onload = () => {\n initSurvey();\n initChart();\n };\n <\/script><\/p>\n<p><!DOCTYPE html><br \/>\n<html lang=\"ja\"><br \/>\n<head><br \/>\n <meta charset=\"UTF-8\"><br \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n <title>\u4eba\u4e8b\u306e\u30af\u30b9\u30ea\u7bb1\uff5c\u30d2\u30c8\u30ea\u30b9\u30af\u5065\u5eb7\u8a3a\u65ad\u30a2\u30d7\u30ea<\/title><br \/>\n <br \/>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script><br \/>\n \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@400;500;700;900&family=Shippori+Mincho:wght@700&display=swap\" rel=\"stylesheet\">\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n<style>\n body {\n font-family: 'Noto Sans JP', sans-serif;\n background-color: #f0f4f8;\n }\n .handwriting {\n font-family: 'Shippori Mincho', serif;\n }\n \/* \u30b9\u30e0\u30fc\u30ba\u306a\u30d5\u30a7\u30fc\u30c9\u30a4\u30f3\u30fb\u30d5\u30a7\u30fc\u30c9\u30a2\u30a6\u30c8 *\/\n .page-transition {\n transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;\n }\n .hidden-page {\n opacity: 0;\n transform: translateY(10px);\n pointer-events: none;\n position: absolute;\n width: 100%;\n }\n .active-page {\n opacity: 1;\n transform: translateY(0);\n pointer-events: auto;\n position: relative;\n }\n \/* \u30af\u30b9\u30ea\u306e\u30e1\u30bf\u30d5\u30a1\u30fc\u30b9\u30bf\u30a4\u30eb *\/\n .medical-blue {\n color: #005bac;\n }\n .bg-medical-blue {\n background-color: #005bac;\n }\n .border-medical-blue {\n border-color: #005bac;\n }\n \/* \u8a3a\u65ad\u30b9\u30bf\u30f3\u30d7\u98a8\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\n .stamp-animation {\n animation: stampIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;\n }\n @keyframes stampIn {\n 0% { transform: scale(3) rotate(-30deg); opacity: 0; }\n 100% { transform: scale(1) rotate(-12deg); opacity: 0.85; }\n }\n <\/style>\n<p><\/head><br \/>\n<body class=\"min-h-screen flex flex-col justify-between text-gray-800 antialiased selection:bg-blue-100\"><\/p>\n<p> <\/p>\n<header class=\"bg-white border-b border-blue-100 py-4 px-6 sticky top-0 z-30 shadow-sm\">\n<div class=\"max-w-4xl mx-auto flex items-center justify-between\">\n<div class=\"flex items-center space-x-3\">\n<div class=\"w-10 h-10 bg-medical-blue rounded-xl flex items-center justify-center text-white text-xl font-bold shadow-md shadow-blue-200\">\n <i class=\"fa-solid fa-briefcase-medical\"><\/i>\n <\/div>\n<div>\n<h1 class=\"text-lg font-black tracking-tight text-blue-900 flex items-center\">\n \u4eba\u4e8b\u306e\u30af\u30b9\u30ea\u7bb1<br \/>\n <span class=\"ml-2 px-1.5 py-0.5 bg-blue-100 text-blue-800 text-[10px] font-bold rounded-md\">\u7121\u6599\u8a3a\u65ad\u30a2\u30d7\u30ea<\/span><br \/>\n <\/h1>\n<p class=\"text-[10px] text-gray-400\">\u30d2\u30c8\u306e\u5065\u5eb7\u304c\u3001\u4f1a\u793e\u306e\u672a\u6765\u3092\u5f37\u304f\u3059\u308b\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"text-xs text-gray-400 font-mono hidden sm:block\">Karte No. 2026-HR<\/div>\n<\/p><\/div>\n<\/header>\n<p> <br \/>\n <main class=\"flex-grow max-w-4xl w-full mx-auto px-4 py-8 relative\"><\/p>\n<p> <\/p>\n<section id=\"page-start\" class=\"page-transition active-page\">\n<div class=\"bg-white rounded-3xl p-8 md:p-12 shadow-xl border border-blue-50 relative overflow-hidden\">\n <\/p>\n<div class=\"absolute -top-20 -right-20 w-64 h-64 bg-blue-50 rounded-full opacity-60\"><\/div>\n<div class=\"absolute -bottom-20 -left-20 w-48 h-48 bg-orange-50 rounded-full opacity-60\"><\/div>\n<div class=\"relative z-10 max-w-2xl mx-auto text-center\">\n <span class=\"px-3 py-1 bg-orange-100 text-orange-700 text-xs font-bold rounded-full tracking-wider uppercase\">HR Vital Sign Check<\/span><\/p>\n<h2 class=\"text-3xl md:text-4xl font-black text-gray-900 leading-tight mt-4 mb-6\">\n \u305d\u306e\u300c\u4eba\u300d\u306e\u60a9\u307f\u3001<br class=\"sm:hidden\">\u7d4c\u55b6\u306e<span class=\"relative inline-block text-medical-blue\">\u300c\u6301\u75c5\u300d<span class=\"absolute bottom-1 left-0 w-full h-2 bg-yellow-300 opacity-60 -z-10\"><\/span><\/span>\u306b\u3057\u3066\u3044\u307e\u305b\u3093\u304b\uff1f<br \/>\n <\/h2>\n<p class=\"text-gray-600 text-sm md:text-base leading-relaxed mb-8\">\n \u512a\u79c0\u306a\u793e\u54e1\u306e\u96e2\u8077\u306f\u300c\u51fa\u8840\u300d\u3001\u63a1\u7528\u96e3\u306f\u300c\u8ca7\u8840\u300d\u3002<br \/>\n \u672c\u97f3\u3092\u8a00\u308f\u305a\u306b\u300c\u4e00\u8eab\u4e0a\u306e\u90fd\u5408\u300d\u3067\u53bb\u3063\u3066\u3044\u304f\u90e8\u4e0b\u305f\u3061\u306e\u3001\u672c\u5f53\u306e\u4e0d\u6e80\u306f\u65e5\u5e38\u306e\u3084\u308a\u53d6\u308a\uff08\u30d6\u30e9\u30c3\u30af\u30dc\u30c3\u30af\u30b9\uff09\u306e\u4e2d\u306b\u96a0\u3055\u308c\u3066\u3044\u307e\u3059\u3002<br \/>\n 20\u306e\u8cea\u554f\u306b\u7b54\u3048\u3066\u3001\u7d44\u7e54\u306e\u300c\u30d2\u30c8\u30ea\u30b9\u30af\u91cd\u75c7\u5ea6\u300d\u3092\u3042\u3076\u308a\u51fa\u3057\u307e\u3057\u3087\u3046\u3002\n <\/p>\n<p> <br \/>\n <button onclick=\"startDiagnosis()\" class=\"bg-medical-blue hover:bg-blue-800 text-white font-bold text-lg px-8 py-4 rounded-full shadow-lg shadow-blue-200 transition-all transform hover:-translate-y-0.5 active:translate-y-0 w-full sm:w-auto\"><br \/>\n \u7121\u6599\u8a3a\u65ad\u3092\u958b\u59cb\u3059\u308b <i class=\"fa-solid fa-arrow-right ml-2\"><\/i><br \/>\n <\/button><\/p>\n<div class=\"grid grid-cols-3 gap-4 mt-12 border-t border-gray-100 pt-8 text-gray-500\">\n<div class=\"text-center\">\n<div class=\"text-2xl text-medical-blue mb-1\"><i class=\"fa-solid fa-stethoscope\"><\/i><\/div>\n<p class=\"text-xs font-bold text-gray-700\">\u8a2d\u554f\u6570: 20\u554f<\/p>\n<p class=\"text-[9px] text-gray-400 mt-1\">\u7d043\u5206\u3067\u5b8c\u4e86\u3057\u307e\u3059<\/p>\n<\/p><\/div>\n<div class=\"text-center border-x border-gray-100\">\n<div class=\"text-2xl text-orange-500 mb-1\"><i class=\"fa-solid fa-paste\"><\/i><\/div>\n<p class=\"text-xs font-bold text-gray-700\">\u8a3a\u65ad\u9805\u76ee: 5\u5927\u8981\u7d20<\/p>\n<p class=\"text-[9px] text-gray-400 mt-1\">\u63a1\u7528\u30fb\u5b9a\u7740\u30fb\u80b2\u6210\u30fb\u8a55\u4fa1\u30fb\u52b4\u52d9<\/p>\n<\/p><\/div>\n<div class=\"text-center\">\n<div class=\"text-2xl text-emerald-500 mb-1\"><i class=\"fa-solid fa-file-medical\"><\/i><\/div>\n<p class=\"text-xs font-bold text-gray-700\">\u51e6\u65b9\u7b8b\u306e\u81ea\u52d5\u767a\u884c<\/p>\n<p class=\"text-[9px] text-gray-400 mt-1\">\u7d50\u679c\u306b\u57fa\u3065\u304d\u5bfe\u7b56\u3092\u63d0\u6848<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section id=\"page-quiz\" class=\"page-transition hidden-page\">\n<div class=\"bg-white rounded-3xl p-6 md:p-8 shadow-xl border border-blue-50\">\n <\/p>\n<div class=\"flex justify-between items-center mb-4\">\n <span id=\"quiz-category\" class=\"px-2.5 py-1 bg-blue-50 text-medical-blue text-xs font-bold rounded-lg\">\u521d\u671f\u5bfe\u5fdc\u306e\u6a5f\u80fd\u4e0d\u5168<\/span><br \/>\n <span class=\"text-xs font-mono font-bold text-gray-400\" id=\"quiz-progress-text\">Step 1 \/ 5<\/span>\n <\/div>\n<p> <\/p>\n<div class=\"w-full h-2 bg-gray-100 rounded-full mb-8 overflow-hidden\">\n<div id=\"quiz-progress-bar\" class=\"h-full bg-medical-blue transition-all duration-300\" style=\"width: 20%\"><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div id=\"questions-container\" class=\"space-y-6\">\n \n <\/div>\n<p> <\/p>\n<div class=\"flex justify-between items-center mt-10 pt-6 border-t border-gray-100\">\n <button id=\"btn-prev\" onclick=\"prevStep()\" class=\"text-gray-400 hover:text-gray-600 text-sm font-bold flex items-center space-x-2 py-2 px-4 rounded-lg hover:bg-gray-50 transition-colors\"><br \/>\n <i class=\"fa-solid fa-chevron-left\"><\/i> <span>\u623b\u308b<\/span><br \/>\n <\/button><br \/>\n <button id=\"btn-next\" onclick=\"nextStep()\" class=\"bg-medical-blue hover:bg-blue-800 text-white font-bold text-sm px-6 py-3 rounded-xl shadow-md shadow-blue-100 flex items-center space-x-2 transition-all\"><br \/>\n <span id=\"btn-next-text\">\u6b21\u306e\u8a2d\u554f\u3078<\/span> <i class=\"fa-solid fa-chevron-right text-xs\"><\/i><br \/>\n <\/button>\n <\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section id=\"page-result\" class=\"page-transition hidden-page\">\n <\/p>\n<div class=\"bg-white rounded-3xl shadow-2xl border-2 border-blue-900\/10 p-6 md:p-10 overflow-hidden relative\" id=\"result-print-area\">\n<p> <\/p>\n<div id=\"result-stamp\" class=\"absolute top-8 right-8 z-20 font-black tracking-widest uppercase pointer-events-none hidden sm:block\">\n \n <\/div>\n<div class=\"border-b-4 border-double border-blue-900 pb-6 mb-8 flex flex-col sm:flex-row justify-between items-start sm:items-center\">\n<div>\n<h2 class=\"text-2xl font-black text-blue-950 flex items-center gap-2\">\n <i class=\"fa-solid fa-file-prescription text-medical-blue\"><\/i><br \/>\n \u7d44\u7e54\u306e\u30d2\u30c8\u30ea\u30b9\u30af\u51e6\u65b9\u7b8b<br \/>\n <\/h2>\n<p class=\"text-xs text-gray-400 font-mono mt-1\">Prescription No. <span id=\"presc-id\">—-<\/span><\/p>\n<\/p><\/div>\n<div class=\"text-right mt-4 sm:mt-0 text-xs text-gray-500 font-bold bg-blue-50\/50 p-2.5 rounded-lg border border-blue-100\">\n \u8a3a\u65ad\u65e5: <span id=\"current-date\">—-\u5e74–\u6708–\u65e5<\/span><br \/>\n \u62c5\u5f53\u533b: \u4eba\u4e8b\u306e\u30af\u30b9\u30ea\u7bb1 \u8a3a\u65ad\u30c1\u30fc\u30e0\n <\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 mb-8\">\n <\/p>\n<div class=\"bg-blue-50\/40 rounded-2xl p-6 border border-blue-100\/50 flex flex-col items-center justify-center text-center\">\n <span class=\"text-xs font-bold text-blue-900 tracking-wider\">\u30d2\u30c8\u30ea\u30b9\u30af\u91cd\u75c7\u5ea6<\/span><\/p>\n<div class=\"relative my-4 flex items-center justify-center\">\n <\/p>\n<div class=\"text-5xl font-black text-blue-900\" id=\"result-score\">0<\/div>\n<div class=\"text-sm font-bold text-gray-400 ml-1\">\/ 20\u554f<\/div>\n<\/p><\/div>\n<div class=\"text-xs text-gray-500\" id=\"result-score-evaluation\">\u521d\u671f\u5bfe\u5fdc\u3092\u898b\u76f4\u3059\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"md:col-span-2 bg-slate-50 rounded-2xl p-6 border border-slate-200\/60 relative\">\n <span class=\"px-2.5 py-0.5 bg-red-100 text-red-800 text-[10px] font-bold rounded-md\">\u8a3a\u65ad\u7d50\u679c\u306e\u898b\u7acb\u3066<\/span><\/p>\n<h4 class=\"text-xl font-black text-gray-900 mt-2 mb-3\" id=\"result-diagnosis-name\">—-<\/h4>\n<p class=\"text-xs leading-relaxed text-gray-600\" id=\"result-diagnosis-desc\">\n \u3053\u3053\u306b\u8a3a\u65ad\u7d50\u679c\u306b\u5408\u308f\u305b\u305f\u898b\u7acb\u3066\u6587\u8a00\u3092\u633f\u5165\u3057\u307e\u3059\u3002\n <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"mb-8\">\n<h4 class=\"text-sm font-bold text-gray-500 mb-4 tracking-wider uppercase flex items-center gap-2\">\n <i class=\"fa-solid fa-pills text-medical-blue\"><\/i> \u672c\u65e5\u306e\u51e6\u65b9\u30d7\u30e9\u30f3\uff08\u304a\u3059\u3059\u3081\u306e\u304a\u85ac\uff09<br \/>\n <\/h4>\n<div class=\"grid grid-cols-1 md:grid-cols-3 gap-4\" id=\"prescribed-medicine-container\">\n \n <\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"bg-amber-50\/60 rounded-2xl p-6 border border-amber-200\/60 mb-8\">\n<h4 class=\"text-xs font-bold text-amber-800 tracking-wider flex items-center gap-2 mb-2\">\n <i class=\"fa-solid fa-user-doctor\"><\/i> \u5c02\u9580\u533b\uff08\u30ad\u30e3\u30ea\u30b3\u30f3\u30fb\u793e\u52b4\u58eb\uff09\u304b\u3089\u306e\u30a2\u30c9\u30d0\u30a4\u30b9<br \/>\n <\/h4>\n<p class=\"text-xs text-amber-900\/80 leading-relaxed handwriting\" id=\"result-doctor-advice\">\n \u300c\u4e00\u8eab\u4e0a\u306e\u90fd\u5408\u300d\u3068\u3044\u3046\u9000\u8077\u7406\u7531\u306e\u9670\u306b\u96a0\u3055\u308c\u305f\u3001\u8077\u5834\u3078\u306e\u4e0d\u6e80\u3084\u6210\u9577\u6a5f\u4f1a\u306e\u4e0d\u8db3\u3002\u307e\u305a\u306f\u3001\u7d4c\u55b6\u8005\u306e\u300c\u58c1\u6253\u3061\u300d\u304b\u3089\u59cb\u3081\u3066\u307f\u307e\u305b\u3093\u304b\u3002\n <\/p>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"flex flex-col sm:flex-row gap-4 justify-between items-center border-t border-gray-100 pt-8\">\n<div class=\"flex gap-2\">\n <button onclick=\"copyPrescription()\" class=\"px-4 py-2 bg-gray-100 hover:bg-gray-200 text-gray-700 text-xs font-bold rounded-lg transition-colors flex items-center gap-1\"><br \/>\n <i class=\"fa-solid fa-copy\"><\/i> \u7d50\u679c\u3092\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\u306b\u30b3\u30d4\u30fc<br \/>\n <\/button><br \/>\n <button onclick=\"window.print()\" class=\"px-4 py-2 bg-gray-100 hover:bg-gray-200 text-gray-700 text-xs font-bold rounded-lg transition-colors flex items-center gap-1\"><br \/>\n <i class=\"fa-solid fa-print\"><\/i> \u5370\u5237\u3059\u308b<br \/>\n <\/button>\n <\/div>\n<p> <button onclick=\"resetDiagnosis()\" class=\"text-medical-blue hover:underline text-xs font-bold\"><br \/>\n \u3082\u3046\u4e00\u5ea6\u8a3a\u65ad\u3092\u884c\u3046 <i class=\"fa-solid fa-rotate-right ml-1\"><\/i><br \/>\n <\/button>\n <\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"bg-white rounded-3xl p-6 md:p-8 shadow-xl border border-blue-50 mt-8 text-center relative overflow-hidden\">\n<div class=\"absolute top-0 right-0 w-32 h-32 bg-orange-100\/30 rounded-full blur-2xl\"><\/div>\n<div class=\"relative z-10 max-w-xl mx-auto\">\n <span class=\"px-2.5 py-0.5 bg-orange-100 text-orange-800 text-[10px] font-bold rounded-md uppercase tracking-wider\">Campaign<\/span><\/p>\n<h3 class=\"text-lg font-black text-gray-900 mt-2\">\u4e00\u5ea6\u3001\u5c02\u9580\u5bb6\u3068\u300c\u7121\u6599\u554f\u8a3a\u300d\u3092\u884c\u3063\u3066\u307f\u307e\u305b\u3093\u304b\uff1f<\/h3>\n<p class=\"text-xs text-gray-500 mt-1 mb-6\">\u73fe\u72b6\u306e\u30e2\u30e4\u30e2\u30e4\u3092\u6574\u7406\u3057\u30017\u3064\u306e\u8996\u70b9\u3067\u7d44\u7e54\u8a3a\u65ad\uff0830\u5206\u9593\u7121\u6599\uff09\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n<p> <\/p>\n<form id=\"contact-form\" onsubmit=\"handleFormSubmit(event)\" class=\"space-y-3 text-left\">\n<div class=\"grid grid-cols-1 sm:grid-cols-2 gap-3\">\n <input type=\"text\" id=\"form-company\" required placeholder=\"\u4f1a\u793e\u540d\" class=\"px-4 py-3 bg-gray-50 border border-gray-200 rounded-xl text-xs focus:outline-none focus:border-medical-blue w-full\"><br \/>\n <input type=\"text\" id=\"form-name\" required placeholder=\"\u304a\u540d\u524d\" class=\"px-4 py-3 bg-gray-50 border border-gray-200 rounded-xl text-xs focus:outline-none focus:border-medical-blue w-full\">\n <\/div>\n<div class=\"grid grid-cols-1 sm:grid-cols-2 gap-3\">\n <input type=\"email\" id=\"form-email\" required placeholder=\"\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\" class=\"px-4 py-3 bg-gray-50 border border-gray-200 rounded-xl text-xs focus:outline-none focus:border-medical-blue w-full\"><br \/>\n <input type=\"tel\" id=\"form-phone\" placeholder=\"\u96fb\u8a71\u756a\u53f7\" class=\"px-4 py-3 bg-gray-50 border border-gray-200 rounded-xl text-xs focus:outline-none focus:border-medical-blue w-full\">\n <\/div>\n<p> <button type=\"submit\" class=\"w-full py-3 bg-orange-500 hover:bg-orange-600 text-white font-bold text-xs rounded-xl shadow-lg shadow-orange-100 transition-all\"><br \/>\n 30\u5206\u306e\u7121\u6599\u554f\u8a3a\u3092\u4e88\u7d04\u3059\u308b\uff08\u7121\u6599\uff09<br \/>\n <\/button><br \/>\n <\/form>\n<div id=\"form-success-msg\" class=\"hidden text-emerald-600 text-xs font-bold mt-4\">\n <i class=\"fa-solid fa-circle-check\"><\/i> \u304a\u7533\u3057\u8fbc\u307f\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059\u3002\u6298\u308a\u8fd4\u3057\u62c5\u5f53\u533b\uff08\u53ca\u5ddd\uff09\u3088\u308a\u3054\u9023\u7d61\u3044\u305f\u3057\u307e\u3059\u3002\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/main><\/p>\n<p> <\/p>\n<footer class=\"bg-white border-t border-blue-100 py-6 px-6 text-center text-xs text-gray-400\">\n<div class=\"max-w-4xl mx-auto flex flex-col sm:flex-row justify-between items-center gap-4\">\n<p>© 2026 Jinji no Kusuribako. All rights reserved.<\/p>\n<div class=\"flex gap-4\">\n <a href=\"#\" class=\"hover:text-medical-blue\">\u5229\u7528\u898f\u7d04<\/a><br \/>\n <a href=\"#\" class=\"hover:text-medical-blue\">\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc<\/a>\n <\/div>\n<\/p><\/div>\n<\/footer>\n<p> <br \/>\n <script><\/p>\n<p> \/\/ \u8cea\u554f\u30c7\u30fc\u30bf\u5b9a\u7fa9\n const questions = [\n {\n id: 1,\n category: \"\u521d\u671f\u5bfe\u5fdc\u306e\u6a5f\u80fd\u4e0d\u5168\",\n step: \"1 \/ 5\",\n progress: 20,\n text: \"\u51fa\u793e\u3067\u304d\u306a\u304f\u306a\u3063\u305f\u793e\u54e1\u306b\u5bfe\u3057\u3066\u3001\u300c\u672c\u4eba\u304b\u3089\u9023\u7d61\u304c\u3042\u308b\u307e\u3067\u300d\u3068\u9759\u89b3\u3057\u30011\u9031\u9593\u4ee5\u4e0a\u5177\u4f53\u7684\u306a\u30a2\u30d7\u30ed\u30fc\u30c1\u3092\u6020\u3063\u3066\u3044\u307e\u3059\u304b\uff1f\",\n ngWord: \"\u300c\u4e86\u89e3\u3002\u6b21\u306f\u3044\u3064\u6765\u308c\u305d\u3046\uff1f\u300d\u3068\u5fa9\u5e30\u6642\u671f\u306e\u307f\u3092\u78ba\u8a8d\u3057\u3001\u4ed6\u306f\u9759\u89b3\u3002\",\n staffMind: \"\u300c\u30b7\u30d5\u30c8\u306e\u30b3\u30de\u3068\u3057\u304b\u898b\u3089\u308c\u3066\u3044\u306a\u3044\u3002\u5fc3\u914d\u3059\u3089\u3055\u308c\u3066\u3044\u306a\u3044\u3093\u3060\u306a\u3002\u300d\",\n risk: \"\u4e0d\u4fe1\u611f\u306e\u58ca\u75bd\uff08\u3048\u305d\uff09\u306b\u3088\u308b\u300c\u7a81\u767a\u7684\u306a\u9000\u8077\u4ee3\u884c\u306e\u5229\u7528\u300d\"\n },\n {\n id: 2,\n category: \"\u521d\u671f\u5bfe\u5fdc\u306e\u6a5f\u80fd\u4e0d\u5168\",\n step: \"1 \/ 5\",\n progress: 20,\n text: \"\u9000\u8077\u9858\u3092\u63d0\u51fa\u3055\u308c\u3066\u304b\u3089\u521d\u3081\u3066\u3001\u305d\u306e\u793e\u54e1\u304c\u62b1\u3048\u3066\u3044\u305f\u6df1\u523b\u306a\u4e0d\u6e80\u3092\u805e\u304d\u51fa\u305d\u3046\u3068\u3057\u3066\u3044\u307e\u3059\u304b\uff1f\",\n ngWord: \"\u300c\u306a\u3093\u3067\uff1f\u4f55\u304c\u4e0d\u6e80\u306a\u306e\uff1f\u300d\u3068\u624b\u9045\u308c\u306b\u306a\u3063\u3066\u304b\u3089\u614c\u3066\u3066\u30d2\u30a2\u30ea\u30f3\u30b0\u3092\u8a66\u307f\u308b\u3002\",\n staffMind: \"\u300c\u8f9e\u3081\u308b\u3068\u8a00\u308f\u306a\u3051\u308c\u3070\u4e0d\u6e80\u3059\u3089\u805e\u3044\u3066\u3082\u3089\u3048\u306a\u3044\u3002\u3082\u3046\u6c7a\u610f\u306f\u5909\u308f\u3089\u306a\u3044\u306e\u306b\u3002\u300d\",\n risk: \"\u624b\u9045\u308c\u306e\u6025\u6027\u4e0d\u5168\uff08\u6b62\u8840\u3067\u304d\u306a\u3044\u72b6\u614b\uff09\"\n },\n {\n id: 3,\n category: \"\u521d\u671f\u5bfe\u5fdc\u306e\u6a5f\u80fd\u4e0d\u5168\",\n step: \"1 \/ 5\",\n progress: 20,\n text: \"\u300c\u4e00\u8eab\u4e0a\u306e\u90fd\u5408\u300d\u3068\u3044\u3046\u9000\u8077\u9858\u306e\u6587\u9762\u3092\u771f\u306b\u53d7\u3051\u3001\u305d\u308c\u4ee5\u4e0a\u306e\u672c\u97f3\u306e\u5f15\u304d\u51fa\u3057\u3092\u8ae6\u3081\u3066\u3044\u307e\u3059\u304b\uff1f\",\n ngWord: \"\u300c\u305d\u3063\u304b\u3001\u4e00\u8eab\u4e0a\u306e\u90fd\u5408\u306a\u3089\u4ed5\u65b9\u306a\u3044\u306d\u300d\u3068\u6df1\u6398\u308a\u305b\u305a\u6ce2\u98a8\u3092\u7acb\u3066\u305a\u306b\u53d7\u9818\u3059\u308b\u3002\",\n staffMind: \"\u300c\u672c\u5f53\u306e\u7406\u7531\uff08\u4eba\u9593\u95a2\u4fc2\u3001\u8a55\u4fa1\u306e\u4e0d\u6e80\uff09\u3092\u8a00\u3063\u3066\u3082\u7121\u99c4\u3002\u7a4f\u4fbf\u306b\u53bb\u308b\u306e\u304c\u4e00\u756a\u3002\u300d\",\n risk: \"\u75c5\u56e0\u306e\u30d6\u30e9\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u5316\uff08\u7d44\u7e54\u8ab2\u984c\u304c\u96a0\u853d\u3055\u308c\u518d\u767a\u3092\u7e70\u308a\u8fd4\u3059\uff09\"\n },\n {\n id: 4,\n category: \"\u521d\u671f\u5bfe\u5fdc\u306e\u6a5f\u80fd\u4e0d\u5168\",\n step: \"1 \/ 5\",\n progress: 20,\n text: \"\u300c\u6700\u8fd1\u5143\u6c17\u304c\u306a\u3044\u300d\u300c\u6697\u3044\u300d\u3068\u6c17\u3065\u3044\u305f\u30b9\u30bf\u30c3\u30d5\u3092\u3001\u696d\u52d9\u306e\u591a\u5fd9\u3055\u3092\u7406\u7531\u306b\u58f0\u3092\u304b\u3051\u305a\u306b\u69d8\u5b50\u898b\u3057\u3066\u3044\u307e\u3059\u304b\uff1f\",\n ngWord: \"\u6c17\u4ed8\u304d\u3064\u3064\u3082\u300c\u307e\u3042\u305d\u306e\u3046\u3061\u843d\u3061\u7740\u304f\u3060\u308d\u3046\u300d\u300c\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u306e\u3053\u3068\u3060\u3057\u300d\u3068\u30b9\u30eb\u30fc\u3059\u308b\u3002\",\n staffMind: \"\u300c\u8ab0\u3082\u79c1\u306e\u5909\u5316\u306b\u6c17\u3065\u304b\u306a\u3044\u3002\u3053\u306e\u7d44\u7e54\u306b\u304a\u3051\u308b\u81ea\u5206\u306e\u5b58\u5728\u4fa1\u5024\u3092\u7591\u3063\u3066\u3057\u307e\u3046\u3002\u300d\",\n risk: \"\u30b5\u30a4\u30ec\u30f3\u30c8\u30fb\u30ad\u30e9\u30fc\uff08\u9759\u304b\u306a\u9000\u8077\u3001\u30a8\u30f3\u30b2\u30fc\u30b8\u30e1\u30f3\u30c8\u306e\u81f4\u547d\u7684\u4f4e\u4e0b\uff09\"\n },\n {\n id: 5,\n category: \"\u73fe\u5834\u4efb\u305b\u306e\u30de\u30cd\u30b8\u30e1\u30f3\u30c8\",\n step: \"2 \/ 5\",\n progress: 40,\n text: \"\u7279\u5b9a\u306e\u4e0a\u53f8\u3084\u7ba1\u7406\u8077\u306e\u3082\u3068\u3067\u96e2\u8077\u304c\u7d9a\u3044\u3066\u3044\u308b\u5642\u304c\u3042\u308a\u306a\u304c\u3089\u3001\u4eba\u4e8b\u304c\u7a4d\u6975\u7684\u306b\u4ecb\u5165\u3059\u308b\u3053\u3068\u3092\u907f\u3051\u3066\u3044\u307e\u3059\u304b\uff1f\",\n ngWord: \"\u300c\u3042\u306e\u8ab2\u9577\u3082\u60aa\u6c17\u306f\u306a\u3044\u304b\u3089\u300d\u300c\u671f\u5f85\u3057\u3066\u3044\u308b\u88cf\u8fd4\u3057\u3060\u3088\u300d\u3068\u64c1\u8b77\u3057\u3066\u3084\u308a\u904e\u3054\u305d\u3046\u3068\u3059\u308b\u3002\",\n staffMind: \"\u300c\u4f1a\u793e\u306b\u8a34\u3048\u3066\u3082\u7121\u99c4\u3002\u7d44\u7e54\u306f\u3042\u306e\u30cf\u30e9\u30b9\u30e1\u30f3\u30c8\u7ba1\u7406\u8077\u306e\u5473\u65b9\u306a\u3093\u3060\u3002\u300d\",\n risk: \"\u96e2\u8077\u30c9\u30df\u30ce\uff08\u7d44\u7e54\u306e\u708e\u75c7\u304c\u4ed6\u306e\u5065\u5168\u306a\u30b9\u30bf\u30c3\u30d5\u3078\u3082\u611f\u67d3\uff09\"\n },\n {\n id: 6,\n category: \"\u73fe\u5834\u4efb\u305b\u306e\u30de\u30cd\u30b8\u30e1\u30f3\u30c8\",\n step: \"2 \/ 5\",\n progress: 40,\n text: \"\u300c\u9762\u8ac7\uff081on1\uff09\u300d\u306e\u5b9f\u65bd\u72b6\u6cc1\u3084\u8cea\u3092\u73fe\u5834\u7ba1\u7406\u8077\u306b\u4e00\u4efb\u3057\u3001\u5b9f\u969b\u306b\u3069\u3093\u306a\u4f1a\u8a71\u304c\u3055\u308c\u3066\u3044\u308b\u304b\u628a\u63e1\u3057\u3066\u3044\u307e\u305b\u3093\u304b\uff1f\",\n ngWord: \"\u300c\u56f0\u3063\u3066\u308b\u3053\u3068\u3042\u308b\uff1f...\u306a\u3044\u306a\u3089\u9032\u6357\u306d\u300d\u3068\u5f62\u5f0f\u7684\u306a\u554f\u3044\u304b\u3051\u304b\u3089\u4e00\u65b9\u7684\u306a\u696d\u52d9\u30c0\u30e1\u51fa\u3057\u306b\u5165\u308b\u3002\",\n staffMind: \"\u300c\u4fe1\u983c\u3067\u304d\u306a\u3044\u3042\u306a\u305f\u306b\u8a00\u3048\u308b\u60a9\u307f\u306a\u3069\u306a\u3044\u3002\u6bce\u9031\u306e\u300e\u8aac\u6559\u306e\u6642\u9593\u300f\u3067\u3057\u304b\u306a\u3044\u3002\u300d\",\n risk: \"\u9762\u8ac7\u306e\u5f62\u9ab8\u5316\u30fb\u30d6\u30e9\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u5316\uff08\u7ba1\u7406\u8005\u306b\u3088\u308b\u5bc6\u5ba4\u30cf\u30e9\u30b9\u30e1\u30f3\u30c8\u306e\u6e29\u5e8a\uff09\"\n },\n {\n id: 7,\n category: \"\u73fe\u5834\u4efb\u305b\u306e\u30de\u30cd\u30b8\u30e1\u30f3\u30c8\",\n step: \"2 \/ 5\",\n progress: 40,\n text: \"\u4eba\u9593\u95a2\u4fc2\u306e\u30c8\u30e9\u30d6\u30eb\u76f8\u8ac7\u3092\u53d7\u3051\u305f\u969b\u3001\u300c\u304a\u4e92\u3044\u69d8\u3060\u304b\u3089\u5927\u4eba\u306b\u306a\u3063\u3066\u3046\u307e\u304f\u3084\u3063\u3066\u300d\u3068\u66d6\u6627\u306b\u3044\u306a\u3057\u3066\u3044\u307e\u3059\u304b\uff1f\",\n ngWord: \"\u300c\u304a\u4e92\u3044\u306b\u6b69\u307f\u5bc4\u308d\u3046\u300d\u300c\u3042\u3044\u3064\u3082\u60aa\u6c17\u306f\u306a\u3044\u300d\u3068\u3001\u3046\u3084\u3080\u3084\u306e\u59a5\u5354\u6848\u3067\u53ce\u3081\u3088\u3046\u3068\u3059\u308b\u3002\",\n staffMind: \"\u300c\u3044\u3058\u3081\u3084\u5acc\u304c\u3089\u305b\u3092\u300e\u304a\u4e92\u3044\u69d8\u300f\u3067\u7247\u4ed8\u3051\u308b\u306e\u304b\u3002\u3053\u306e\u4f1a\u793e\u306f\u52a0\u5bb3\u8005\u3092\u4fdd\u8b77\u3059\u308b\u3093\u3060\u3002\u300d\",\n risk: \"\u30e2\u30e9\u30eb\u306e\u81ea\u58ca\u30fb\u7d44\u7e54\u79e9\u5e8f\u306e\u8150\u6557\uff08\u8aa0\u5b9f\u306a\u4eba\u9593\u307b\u3069\u771f\u3063\u5148\u306b\u53bb\u308b\uff09\"\n },\n {\n id: 8,\n category: \"\u73fe\u5834\u4efb\u305b\u306e\u30de\u30cd\u30b8\u30e1\u30f3\u30c8\",\n step: \"2 \/ 5\",\n progress: 40,\n text: \"\u300c\u3044\u3064\u3067\u3082\u76f8\u8ac7\u306b\u4e57\u308b\u3088\u300d\u3068\u8a00\u3044\u306a\u304c\u3089\u3001\u3044\u3056\u8a71\u3057\u304b\u3051\u3089\u308c\u308b\u3068\u30d1\u30bd\u30b3\u30f3\u3092\u53e9\u304d\u306a\u304c\u3089\u751f\u8fd4\u4e8b\u3092\u3057\u3066\u3044\u307e\u305b\u3093\u304b\uff1f\",\n ngWord: \"\u300c\u3044\u3064\u3067\u3082\u8a00\u3063\u3066\uff01\u300d\u3068\u8a00\u3046\u5272\u306b\u306f\u3001\u8a71\u3057\u304b\u3051\u3089\u308c\u305f\u3089\u9732\u9aa8\u306b\u9762\u5012\u304f\u3055\u305d\u3046\u306a\u9854\u3092\u3059\u308b\u3002\",\n staffMind: \"\u300c\u5fd9\u3057\u3044\u30a2\u30d4\u30fc\u30eb\u304c\u3059\u3054\u3059\u304e\u3066\u3001\u672c\u97f3\u306e\u76f8\u8ac7\u306a\u3093\u3066\u7d76\u5bfe\u306b\u5207\u308a\u51fa\u305b\u308b\u96f0\u56f2\u6c17\u3067\u306f\u306a\u3044\u3002\u300d\",\n risk: \"\u5fc3\u7406\u7684\u5b89\u5168\u6027\u306e\u9ebb\u75fa\uff08\u73fe\u5834\u304c\u52dd\u624b\u306a\u5224\u65ad\u3092\u4e0b\u3057\u81f4\u547d\u7684\u306a\u30df\u30b9\u304c\u96a0\u3055\u308c\u308b\uff09\"\n },\n {\n id: 9,\n category: \"\u6210\u9577\u6a5f\u4f1a\u306e\u55aa\u5931\",\n step: \"3 \/ 5\",\n progress: 60,\n text: \"\u512a\u79c0\u306a\u30b9\u30bf\u30c3\u30d5\u3060\u304b\u3089\u3068\u4fe1\u983c\u3057\u3001\u30d5\u30a9\u30ed\u30fc\u3092\u6020\u3063\u305f\u307e\u307e\u904e\u5ea6\u306a\u696d\u52d9\u91cf\u3092\u96c6\u4e2d\u3055\u305b\u7d9a\u3051\u3066\u3044\u307e\u3059\u304b\uff1f\",\n ngWord: \"\u300c\u3084\u3063\u3071\u308a\u983c\u308a\u306b\u306a\u308b\u306d\uff01\u300d\u300c\u4ed5\u4e8b\u304c\u9045\u3044\u4ed6\u306e\u30e1\u30f3\u30d0\u30fc\u306e\u5206\u3082\u30d5\u30a9\u30ed\u30fc\u3088\u308d\u3057\u304f\uff01\u300d\",\n staffMind: \"\u300c\u6210\u679c\u3092\u51fa\u305b\u3070\u51fa\u3059\u307b\u3069\u8ca0\u62c5\u304c\u5897\u3048\u308b\u3002\u7d66\u6599\u306f\u540c\u3058\u306a\u306e\u306b\u3002\u3053\u306e\u4f1a\u793e\u306b\u3044\u308c\u3070\u6f70\u3055\u308c\u308b\u3002\u300d\",\n risk: \"\u30a8\u30fc\u30b9\u4f9d\u5b58\u306b\u3088\u308b\u300c\u30dd\u30c3\u30ad\u30ea\u9000\u8077\u300d\uff08\u7d44\u7e54\u3092\u652f\u3048\u308b\u4eba\u6750\u304c\u7a81\u7136\u6298\u308c\u308b\uff09\"\n },\n {\n id: 10,\n category: \"\u6210\u9577\u6a5f\u4f1a\u306e\u55aa\u5931\",\n step: \"3 \/ 5\",\n progress: 60,\n text: \"\u82e5\u624b\u793e\u54e1\u304c\u5c06\u6765\u306e\u30ad\u30e3\u30ea\u30a2\u306e\u30e2\u30e4\u30e2\u30e4\u3092\u8a34\u3048\u305f\u6642\u3001\u300c\u77f3\u306e\u4e0a\u306b\u3082\u4e09\u5e74\u300d\u306a\u3069\u306e\u7cbe\u795e\u8ad6\u3067\u8aac\u5f97\u3057\u3066\u3044\u307e\u305b\u3093\u304b\uff1f\",\n ngWord: \"\u300c\u82e5\u3044\u3046\u3061\u306f\u307f\u3093\u306a\u8f9b\u3044\u3082\u306e\u300d\u300c\u6614\u306f\u3082\u3063\u3068\u53b3\u3057\u304b\u3063\u305f\u305e\u300d\u3068\u81ea\u5206\u306e\u904e\u53bb\u306e\u6804\u5149\u3092\u62bc\u3057\u4ed8\u3051\u308b\u3002\",\n staffMind: \"\u300c\u3053\u3053\u3067\u306e\u7d4c\u9a13\u306f\u4ed6\u793e\u3067\u901a\u7528\u3057\u306a\u3044\u3002\u53e4\u3044\u4fa1\u5024\u89b3\u306e\u307e\u307e\u8cb7\u3044\u53e9\u304b\u308c\u308b\u306e\u306f\u304a\u65ad\u308a\u3060\u3002\u300d\",\n risk: \"\u30ad\u30e3\u30ea\u30a2\u8ca7\u8840\uff08\u6210\u9577\u3092\u671b\u3080\u512a\u79c0\u306a\u82e5\u624b\u307b\u3069\u65e9\u671f\u306b\u898b\u5207\u308b\uff09\"\n },\n {\n id: 11,\n category: \"\u6210\u9577\u6a5f\u4f1a\u306e\u55aa\u5931\",\n step: \"3 \/ 5\",\n progress: 60,\n text: \"\u8a55\u4fa1\u9762\u8ac7\u304c\u300c\u8a55\u4fa1\u7d50\u679c\uff08\u6570\u5b57\u3084\u8003\u8ab2\uff09\u306e\u4f1d\u9054\u300d\u3060\u3051\u3067\u7d42\u308f\u3063\u3066\u304a\u308a\u3001\u4eca\u5f8c\u306e\u5e0c\u671b\u30ad\u30e3\u30ea\u30a2\u306b\u3064\u3044\u3066\u805e\u3044\u3066\u3044\u307e\u305b\u3093\u304b\uff1f\",\n ngWord: \"\u300c\u4eca\u671f\u306fB\u8a55\u4fa1\u3002\u3053\u3053\u304c\u8db3\u308a\u306a\u3044\u3002\u6765\u671f\u306f\u3082\u3063\u3068\u58f2\u4e0a\u3092\u4f38\u3070\u305d\u3046\u300d\u3068\u3001\u67fb\u5b9a\u306e\u901a\u77e5\u306e\u307f\u3002\",\n staffMind: \"\u300c\u79c1\u306f\u4f1a\u793e\u306e\u305f\u3060\u306e\u6b6f\u8eca\u306a\u306e\u304b\u3002\u81ea\u5206\u306e\u5c06\u6765\u3092\u3053\u306e\u4f1a\u793e\u3067\u8003\u3048\u308b\u7406\u7531\u304c\u306a\u304f\u306a\u3063\u305f\u3002\u300d\",\n risk: \"\u30a8\u30f3\u30b2\u30fc\u30b8\u30e1\u30f3\u30c8\u306e\u4f4e\u4e0b\uff08\u3084\u308a\u304c\u3044\u55aa\u5931\u306b\u3088\u308b\u4ed6\u793e\u3078\u306e\u9759\u304b\u306a\u8ee2\u8077\u6d3b\u52d5\uff09\"\n },\n {\n id: 12,\n category: \"\u6210\u9577\u6a5f\u4f1a\u306e\u55aa\u5931\",\n step: \"3 \/ 5\",\n progress: 60,\n text: \"\u300c\u3069\u3046\u3059\u308c\u3070\u6607\u7d66\u30fb\u6607\u683c\u3067\u304d\u308b\u304b\u300d\u3068\u3044\u3046\u57fa\u6e96\u3084\u30ad\u30e3\u30ea\u30a2\u30de\u30c3\u30d7\u304c\u66d6\u6627\u3067\u3001\u300c\u9811\u5f35\u3063\u3066\u3044\u308c\u3070\u305d\u306e\u3046\u3061\u300d\u3068\u6fc1\u3057\u3066\u3044\u307e\u3059\u304b\uff1f\",\n ngWord: \"\u300c\u307e\u3042\u3001\u4e00\u6b69\u305a\u3064\u3084\u3063\u3066\u3044\u3053\u3046\u300d\u300c\u76ee\u306e\u524d\u306e\u4ed5\u4e8b\u3092\u3057\u3063\u304b\u308a\u3084\u308c\u3070\u898b\u3066\u308b\u304b\u3089\u300d\",\n staffMind: \"\u300c\u8a55\u4fa1\u3055\u308c\u308b\u6761\u4ef6\u304c\u308f\u304b\u3089\u306a\u3044\u3002\u3044\u3064\u307e\u3067\u3053\u306e\u4e0d\u900f\u660e\u306a\u4e0d\u5b89\u306b\u8010\u3048\u308c\u3070\u3044\u3044\u306e\u304b\u3002\u300d\",\n risk: \"\u5c06\u6765\u50cf\u306e\u767d\u5185\u969c\uff08\u5c06\u6765\u306e\u5c55\u671b\u304c\u4e0d\u900f\u660e\u306a\u3053\u3068\u306b\u3088\u308b\u4ed6\u793e\u306e\u30ad\u30e3\u30ea\u30a2\u30d1\u30b9\u3078\u306e\u9003\u907f\uff09\"\n },\n {\n id: 13,\n category: \"\u63a1\u7528\u30d7\u30ed\u30bb\u30b9\u306e\u30df\u30b9\u30de\u30c3\u30c1\",\n step: \"4 \/ 5\",\n progress: 80,\n text: \"\u9762\u63a5\u306b\u304a\u3044\u3066\u3001\u9762\u63a5\u5b98\u304c\u300c\u306a\u3093\u3068\u306a\u304f\u5408\u3044\u305d\u3046\u300d\u3068\u3044\u3063\u305f\u81ea\u8eab\u306e\u300c\u76f4\u611f\u3084\u30a6\u30de\u300d\u3092\u6700\u512a\u5148\u3057\u3066\u63a1\u7528\u3092\u6c7a\u3081\u3066\u3044\u307e\u3059\u304b\uff1f\",\n ngWord: \"\u300c\u30d5\u30a3\u30fc\u30ea\u30f3\u30b0\u304c\u826f\u304b\u3063\u305f\u304b\u3089\uff01\u300d\u300c\u7d4c\u6b74\u304c\u826f\u3044\u304b\u3089\u5373\u6226\u529b\u306b\u306a\u308a\u305d\u3046\u300d\u3068\u611f\u899a\u7684\u306b\u5408\u5426\u5224\u5b9a\u3002\",\n staffMind: \"\u300c\u5165\u793e\u3057\u3066\u307f\u305f\u3089\u3001\u6c42\u3081\u3089\u308c\u3066\u3044\u305f\u30b9\u30ad\u30eb\u3068\u5b9f\u969b\u306e\u81ea\u5206\u306e\u80fd\u529b\u304c\u5168\u304f\u5408\u3063\u3066\u3044\u306a\u3044\u3002\u300d\",\n risk: \"\u5165\u793e\u521d\u671f\u306e\u62d2\u7d76\u53cd\u5fdc\uff08\u73fe\u5834\u3082\u65b0\u4eba\u3082\u4e0d\u9069\u5408\u306b\u82e6\u3057\u307f\u8d85\u65e9\u671f\u96e2\u8077\u3078\uff09\"\n },\n {\n id: 14,\n category: \"\u63a1\u7528\u30d7\u30ed\u30bb\u30b9\u306e\u30df\u30b9\u30de\u30c3\u30c1\",\n step: \"4 \/ 5\",\n progress: 80,\n text: \"\u6c42\u4eba\u306e\u969b\u3001\u81ea\u793e\u306e\u9b45\u529b\u7684\u306a\u90e8\u5206\u3070\u304b\u308a\u3092\u4f1d\u3048\u3001\u5165\u793e\u5f8c\u306b\u76f4\u9762\u3059\u308b\u300c\u6ce5\u81ed\u3044\u73fe\u5b9f\u300d\u3092\u5305\u307f\u96a0\u3057\u3066\u3044\u307e\u3059\u304b\uff1f\",\n ngWord: \"\u300c\u30a2\u30c3\u30c8\u30db\u30fc\u30e0\u3067\u6b8b\u696d\u4e00\u5207\u306a\u3057\u3001\u8ab0\u3067\u3082\u6d3b\u8e8d\u3067\u304d\u308b\uff01\u300d\u3068\u6c42\u4eba\u7968\u306b\u826f\u3044\u3053\u3068\u3060\u3051\u3092\u66f8\u304f\u3002\",\n staffMind: \"\u300c\u805e\u3044\u3066\u3044\u305f\u8077\u5834\u74b0\u5883\u3068\u307e\u3063\u305f\u304f\u9055\u3046\u3002\u4eba\u9593\u95a2\u4fc2\u3082\u30ae\u30b9\u30ae\u30b9\u3057\u3066\u3044\u308b\u3002\u9a19\u3055\u308c\u305f\u3002\u300d\",\n risk: \"\u30ea\u30a2\u30ea\u30c6\u30a3\u30fb\u30b7\u30e7\u30c3\u30af\uff08\u5165\u793e1\u30f6\u6708\u76ee\u3067\u306e\u5931\u671b\u3068\u30de\u30a4\u30f3\u30c9\u55aa\u5931\uff09\"\n },\n {\n id: 15,\n category: \"\u63a1\u7528\u30d7\u30ed\u30bb\u30b9\u306e\u30df\u30b9\u30de\u30c3\u30c1\",\n step: \"4 \/ 5\",\n progress: 80,\n text: \"\u65b0\u5165\u793e\u54e1\u306e\u53d7\u3051\u5165\u308c\u304c\u30de\u30cb\u30e5\u30a2\u30eb\u5316\u3055\u308c\u3066\u304a\u3089\u305a\u3001\u591a\u5fd9\u306a\u73fe\u5834\u306e\u62c5\u5f53\u5148\u8f29\u306b\u6559\u80b2\u3092\u4e38\u6295\u3052\u3057\u3066\u3044\u307e\u3059\u304b\uff1f\",\n ngWord: \"\u300c\u3053\u308c\u8aad\u3093\u3067\u304a\u3044\u3066\u300d\u300c\u5206\u304b\u3089\u306a\u304b\u3063\u305f\u3089\u624b\u306e\u7a7a\u3044\u3066\u305d\u3046\u306a\u4eba\u306b\u805e\u3044\u3066\u300d\",\n staffMind: \"\u300c\u5148\u8f29\u304c\u5fd9\u3057\u3059\u304e\u3066\u8cea\u554f\u3067\u304d\u306a\u3044\u3002\u90aa\u9b54\u8005\u6271\u3044\u3055\u308c\u3066\u3044\u308b\u3088\u3046\u3067\u3001\u5c45\u5834\u6240\u304c\u306a\u3044\u3002\u300d\",\n risk: \"\u5b64\u7acb\u306b\u3088\u308b\u7a92\u606f\uff08\u6b53\u8fce\u3055\u308c\u3066\u3044\u306a\u3044\u4e0d\u5b89\u304b\u3089\u3059\u3050\u306b\u8f9e\u610f\u304c\u82bd\u751f\u3048\u308b\uff09\"\n },\n {\n id: 16,\n category: \"\u63a1\u7528\u30d7\u30ed\u30bb\u30b9\u306e\u30df\u30b9\u30de\u30c3\u30c1\",\n step: \"4 \/ 5\",\n progress: 80,\n text: \"\u65e9\u671f\u9000\u8077\u3084\u8f9e\u9000\u304c\u7d9a\u3044\u305f\u6642\u3001\u300c\u6700\u8fd1\u306e\u82e5\u3044\u5b50\u306f\u6839\u6027\u304c\u306a\u3044\u304b\u3089\u300d\u3068\u3059\u3079\u3066\u6c42\u8077\u8005\u306e\u30de\u30a4\u30f3\u30c9\u306e\u305b\u3044\u306b\u3057\u3066\u3044\u307e\u3059\u304b\uff1f\",\n ngWord: \"\u300c\u3046\u3061\u306e\u30ec\u30d9\u30eb\u306b\u5408\u308f\u306a\u304b\u3063\u305f\u306d\u300d\u300c\u4eca\u306e\u82e5\u8005\u306f\u3059\u3050\u6839\u3092\u4e0a\u3052\u308b\u304b\u3089\u4ed5\u65b9\u306a\u3044\u300d\",\n staffMind: \"\u300c\u305d\u3082\u305d\u3082\u3069\u3093\u306a\u57fa\u6e96\u3067\u63a1\u3063\u305f\u306e\u304b\u3002\u4f1a\u793e\u5074\u306b\u632f\u308a\u8fd4\u308b\u59ff\u52e2\u304c\u30bc\u30ed\u306a\u306e\u304c\u672c\u5f53\u306e\u6050\u6016\u3002\u300d\",\n risk: \"\u63a1\u7528\u529b\u306e\u514d\u75ab\u4e0d\u5168\uff08\u554f\u984c\u306e\u672c\u8cea\u306b\u6c17\u3065\u304b\u305a\u7121\u9650\u306b\u30df\u30b9\u30de\u30c3\u30c1\u63a1\u7528\u3092\u7e70\u308a\u8fd4\u3059\uff09\"\n },\n {\n id: 17,\n category: \"\u74b0\u5883\u30fb\u5236\u5ea6\u306e\u6a5f\u80fd\u4e0d\u5168\",\n step: \"5 \/ 5\",\n progress: 100,\n text: \"\u300c\u6b8b\u696d\u3092\u6e1b\u3089\u305b\u300d\u3068\u30b9\u30ed\u30fc\u30ac\u30f3\u3067\u547d\u4ee4\u3059\u308b\u3060\u3051\u3067\u3001\u696d\u52d9\u91cf\u306e\u8abf\u6574\u3084\u30d7\u30ed\u30bb\u30b9\u306e\u6839\u672c\u7684\u898b\u76f4\u3057\u306b\u4ecb\u5165\u3057\u3066\u3044\u307e\u305b\u3093\u304b\uff1f\",\n ngWord: \"\u300c\u6b8b\u696d\u30bc\u30ed\u76ee\u6a19\uff01\u307f\u3093\u306a\u52b9\u7387\u3088\u304f\u5b9a\u6642\u9000\u793e\u3057\u3088\u3046\uff01\u300d\u3068\u73fe\u5834\u306b\u7d50\u679c\u3060\u3051\u3092\u62bc\u3057\u4ed8\u3051\u308b\u3002\",\n staffMind: \"\u300c\u4ed5\u4e8b\u306e\u91cf\u3082\u96e3\u6613\u5ea6\u3082\u5909\u308f\u3089\u306a\u3044\u306e\u306b\u5b9a\u6642\u9000\u793e\u306f\u7269\u7406\u7684\u306b\u7121\u7406\u3002\u96a0\u308c\u30b5\u30fc\u30d3\u30b9\u6b8b\u696d\u3092\u3057\u308d\u3068\u3044\u3046\u3053\u3068\uff1f\u300d\",\n risk: \"\u96a0\u308c\u6b8b\u696d\u306e\u6162\u6027\u5316\uff08\u4f1a\u793e\u3078\u306e\u4e0d\u4fe1\u611f\u3068\u7a81\u7136\u306e\u52b4\u52d9\u544a\u767a\u30ea\u30b9\u30af\u306e\u91b8\u6210\uff09\"\n },\n {\n id: 18,\n category: \"\u74b0\u5883\u30fb\u5236\u5ea6\u306e\u6a5f\u80fd\u4e0d\u5168\",\n step: \"5 \/ 5\",\n progress: 100,\n text: \"\u80b2\u5150\u3084\u4ecb\u8b77\u306a\u3069\u300c\u30e9\u30a4\u30d5\u30b9\u30c6\u30fc\u30b8\u306e\u5909\u5316\u300d\u306b\u76f4\u9762\u3057\u305f\u793e\u54e1\u306b\u5bfe\u3057\u3001\u4e00\u5f8b\u306e\u50cd\u304d\u65b9\u3092\u62bc\u3057\u901a\u3057\u3066\u3044\u307e\u305b\u3093\u304b\uff1f\",\n ngWord: \"\u300c\u307f\u3093\u306a\u5fd9\u3057\u3044\u4e2d\u3067\u3084\u308a\u304f\u308a\u3057\u3066\u3044\u308b\u304b\u3089\u3001\u7279\u5225\u6271\u3044\u306f\u96e3\u3057\u3044\u306d\u3048\u300d\",\n staffMind: \"\u300c\u3053\u306e\u4f1a\u793e\u306b\u3044\u305f\u3089\u5bb6\u5ead\u3084\u5927\u5207\u306a\u4eba\u751f\u3092\u72a0\u7272\u306b\u3059\u308b\u3057\u304b\u306a\u3044\u3002\u5bb6\u65cf\u3092\u512a\u5148\u3057\u3066\u9000\u8077\u3057\u3088\u3046\u3002\u300d\",\n risk: \"\u5b9f\u52d9\u30ea\u30fc\u30c0\u30fc\u5c64\uff0830\u301c40\u4ee3\u306e\u4e2d\u6838\u4eba\u6750\uff09\u306e\u6d41\u51fa\uff08\u80b2\u5150\u30fb\u4ecb\u8b77\u96e3\u6c11\uff09\"\n },\n {\n id: 19,\n category: \"\u74b0\u5883\u30fb\u5236\u5ea6\u306e\u6a5f\u80fd\u4e0d\u5168\",\n step: \"5 \/ 5\",\n progress: 100,\n text: \"\u8a55\u4fa1\u306e\u4e0d\u6e80\u3092\u3076\u3064\u3051\u3089\u308c\u305f\u969b\u3001\u300c\u4e0a\u304c\u305d\u3046\u6c7a\u3081\u305f\u304b\u3089\u300d\u300c\u5f79\u54e1\u4f1a\u8b70\u3067\u6c7a\u307e\u3063\u305f\u300d\u3068\u81ea\u5206\u306e\u8cac\u4efb\u3092\u56de\u907f\u3059\u308b\u767a\u8a00\u3092\u3057\u3066\u3044\u307e\u305b\u3093\u304b\uff1f\",\n ngWord: \"\u300c\u4ffa\u306f\u304a\u524d\u3092\u826f\u304f\u8a55\u4fa1\u3057\u305f\u3093\u3060\u3051\u3069\u3001\u793e\u9577\u306e\u67fb\u5b9a\u304c\u8f9b\u304f\u3066\u3055\u300d\u3068\u4f1a\u793e\u3092\u60aa\u8005\u306b\u3059\u308b\u3002\",\n staffMind: \"\u300c\u4f1a\u793e\u306e\u65b9\u91dd\u3059\u3089\u9632\u885b\u3057\u3066\u304f\u308c\u306a\u3044\u306e\u304b\u3002\u81ea\u5206\u306e\u5c06\u6765\u3092\u76fe\u306b\u3059\u308b\u4e0a\u53f8\u306e\u4e0b\u3067\u306f\u50cd\u3051\u306a\u3044\u3002\u300d\",\n risk: \"\u30ea\u30fc\u30c0\u30fc\u30b7\u30c3\u30d7\u306e\u58ca\u6b7b\uff08\u4e0a\u53f8\u3078\u306e\u7d76\u5bfe\u7684\u4fe1\u983c\u55aa\u5931\u306b\u3088\u308b\u7d44\u7e54\u7d71\u6cbb\u306e\u5d29\u58ca\uff09\"\n },\n {\n id: 20,\n category: \"\u74b0\u5883\u30fb\u5236\u5ea6\u306e\u6a5f\u80fd\u4e0d\u5168\",\n step: \"5 \/ 5\",\n progress: 100,\n text: \"\u793e\u9577\u4e00\u4eba\u304c\u4eba\u4e8b\u3084\u8a55\u4fa1\u306e\u60a9\u307f\u306e\u3059\u3079\u3066\u3092\u62b1\u3048\u8fbc\u307f\u3001\u76f8\u8ac7\u3084\u58c1\u6253\u3061\u304c\u3067\u304d\u308b\u5ba2\u89b3\u7684\u306a\u30d1\u30fc\u30c8\u30ca\u30fc\u304c\u4e0d\u5728\u3067\u3059\u304b\uff1f\",\n ngWord: \"\u300c\u3069\u3046\u3057\u3066\u8ab0\u3082\u79c1\u3068\u540c\u3058\u71b1\u91cf\u3067\u52d5\u304b\u306a\u3044\uff01\u300d\u300c\u793e\u54e1\u306b\u88cf\u5207\u3089\u308c\u305f\u300d\u3068\u793e\u9577\u5ba4\u3067\u4e00\u4eba\u61a4\u6168\u3059\u308b\u3002\",\n staffMind: \"\u300c\u793e\u9577\u306f\u3044\u3064\u3082\u30a4\u30e9\u30a4\u30e9\u3057\u3066\u3044\u3066\u4e0d\u6a5f\u5acc\u3002\u3068\u306b\u304b\u304f\u6a5f\u5acc\u3092\u4f3a\u3063\u3066\u3001\u30df\u30b9\u306f\u96a0\u305d\u3046\u3002\u300d\",\n risk: \"\u793e\u9577\u306e\u904e\u52b4\u30fb\u5b64\u7acb\uff08\u88f8\u306e\u738b\u69d8\u306b\u306a\u308a\u30a4\u30a8\u30b9\u30de\u30f3\u3057\u304b\u6b8b\u3089\u306a\u3044\u7d44\u7e54\uff09\"\n }\n ];<\/p>\n<p> let currentStep = 0; \/\/ 0: Start, 1: Quiz, 2: Result\n let activeCategoryIndex = 0; \/\/ 0-4 (\u30ab\u30c6\u30b4\u30ea\u30fc\u3054\u3068\u306b4\u554f\u305a\u3064)\n const totalCategories = 5;\n const answers = {}; \/\/ id: boolean<\/p>\n<p> \/\/ \u8a3a\u65ad\u30b9\u30bf\u30fc\u30c8\n function startDiagnosis() {\n switchPage('page-start', 'page-quiz');\n currentStep = 1;\n activeCategoryIndex = 0;\n renderQuiz();\n }<\/p>\n<p> \/\/ \u30da\u30fc\u30b8\u5207\u308a\u66ff\u3048\n function switchPage(fromId, toId) {\n const fromEl = document.getElementById(fromId);\n const toEl = document.getElementById(toId);<\/p>\n<p> fromEl.classList.add('hidden-page');\n fromEl.classList.remove('active-page');<\/p>\n<p> toEl.classList.remove('hidden-page');\n toEl.classList.add('active-page');<\/p>\n<p> window.scrollTo({ top: 0, behavior: 'smooth' });\n }<\/p>\n<p> \/\/ \u8a2d\u554f\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\n function renderQuiz() {\n const container = document.getElementById('questions-container');\n container.innerHTML = '';<\/p>\n<p> \/\/ \u30ab\u30c6\u30b4\u30ea\u30fc\u5224\u5b9a\n const currentQuestions = questions.slice(activeCategoryIndex * 4, (activeCategoryIndex * 4) + 4);\n const categoryName = currentQuestions[0].category;\n const stepText = `\u30b9\u30c6\u30c3\u30d7 ${activeCategoryIndex + 1} \/ ${totalCategories}`;\n const progressPercentage = ((activeCategoryIndex + 1) \/ totalCategories) * 100;<\/p>\n<p> document.getElementById('quiz-category').innerText = categoryName;\n document.getElementById('quiz-progress-text').innerText = stepText;\n document.getElementById('quiz-progress-bar').style.width = `${progressPercentage}%`;<\/p>\n<p> currentQuestions.forEach(q => {\n const isChecked = answers[q.id] || false;<\/p>\n<p> const card = document.createElement('div');\n card.className = `p-5 rounded-2xl border-2 transition-all cursor-pointer ${isChecked ? 'bg-blue-50\/50 border-blue-600' : 'bg-white border-gray-100 hover:border-blue-200'}`;\n card.id = `q-card-${q.id}`;\n card.onclick = () => toggleAnswer(q.id);<\/p>\n<p> card.innerHTML = `<\/p>\n<div class=\"flex items-start gap-3\">\n<div class=\"mt-0.5 flex-shrink-0\">\n <input type=\"checkbox\" id=\"chk-${q.id}\" ${isChecked ? 'checked' : ''} class=\"w-5 h-5 accent-blue-600 cursor-pointer pointer-events-none\">\n <\/div>\n<div class=\"flex-grow\">\n<p class=\"text-sm font-bold text-gray-800 leading-relaxed mb-3\">${q.text}<\/p>\n<p> <\/p>\n<div class=\"border border-dashed border-gray-200 rounded-xl p-3 bg-gray-50\/50 text-[11px] space-y-2 mt-2\" onclick=\"event.stopPropagation();\">\n <button onclick=\"toggleHelp(${q.id})\" class=\"flex items-center text-medical-blue hover:underline font-bold tracking-tight\">\n <i class=\"fa-solid fa-magnifying-glass-chart mr-1\"><\/i> \u73fe\u5834\u306e\u3084\u308a\u53d6\u308a\uff08\u30d6\u30e9\u30c3\u30af\u30dc\u30c3\u30af\u30b9\uff09\u3092\u3042\u3076\u308a\u51fa\u3059\n <\/button><\/p>\n<div id=\"help-${q.id}\" class=\"hidden space-y-2 pt-2 border-t border-dashed border-gray-200\">\n<p class=\"text-gray-600\"><strong class=\"text-orange-600\">\u8a00\u3063\u3066\u3057\u307e\u3044\u304c\u3061\u306a\u8a00\u8449\uff1a<\/strong><br \/>${q.ngWord}<\/p>\n<p class=\"text-gray-600\"><strong class=\"text-emerald-600\">\u30b9\u30bf\u30c3\u30d5\u306e\u672c\u5f53\u306e\u672c\u97f3\uff1a<\/strong><br \/>${q.staffMind}<\/p>\n<p class=\"text-red-700\"><strong class=\"text-red-600\">\u5f15\u304d\u8d77\u3053\u3055\u308c\u308b\u30ea\u30b9\u30af\uff08\u6301\u75c5\uff09\uff1a<\/strong><br \/>${q.risk}<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> `;\n container.appendChild(card);\n });<\/p>\n<p> \/\/ \u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u306e\u5236\u5fa1\n document.getElementById('btn-prev').style.visibility = activeCategoryIndex === 0 ? 'hidden' : 'visible';\n document.getElementById('btn-next-text').innerText = activeCategoryIndex === (totalCategories - 1) ? '\u8a3a\u65ad\u7d50\u679c\u3092\u898b\u308b' : '\u6b21\u306e\u8a2d\u554f\u3078';\n }<\/p>\n<p> \/\/ \u56de\u7b54\u306e\u30c8\u30b0\u30eb\n function toggleAnswer(id) {\n answers[id] = !answers[id];<\/p>\n<p> const card = document.getElementById(`q-card-${id}`);\n const checkbox = document.getElementById(`chk-${id}`);<\/p>\n<p> if (answers[id]) {\n card.classList.add('bg-blue-50\/50', 'border-blue-600');\n card.classList.remove('border-gray-100', 'hover:border-blue-200');\n checkbox.checked = true;\n } else {\n card.classList.remove('bg-blue-50\/50', 'border-blue-600');\n card.classList.add('border-gray-100', 'hover:border-blue-200');\n checkbox.checked = false;\n }\n }<\/p>\n<p> \/\/ \u30d8\u30eb\u30d7\u306e\u958b\u9589\n function toggleHelp(id) {\n const helpEl = document.getElementById(`help-${id}`);\n helpEl.classList.toggle('hidden');\n }<\/p>\n<p> \/\/ \u6b21\u3078\n function nextStep() {\n if (activeCategoryIndex < totalCategories - 1) {\n activeCategoryIndex++;\n renderQuiz();\n } else {\n showResult();\n }\n }\n\n \/\/ \u623b\u308b\n function prevStep() {\n if (activeCategoryIndex > 0) {\n activeCategoryIndex--;\n renderQuiz();\n }\n }<\/p>\n<p> \/\/ \u7d50\u679c\u767a\u8868\n function showResult() {\n currentStep = 2;\n switchPage('page-quiz', 'page-result');<\/p>\n<p> \/\/ ID\u3068\u65e5\u4ed8\u3092\u81ea\u52d5\u30bb\u30c3\u30c8\n document.getElementById('presc-id').innerText = Math.floor(Math.random() * 900000) + 100000;\n const now = new Date();\n document.getElementById('current-date').innerText = `${now.getFullYear()}\u5e74${now.getMonth() + 1}\u6708${now.getDate()}\u65e5`;<\/p>\n<p> \/\/ \u30b9\u30b3\u30a2\u7b97\u51fa\n const checkedCount = Object.values(answers).filter(Boolean).length;\n document.getElementById('result-score').innerText = checkedCount;<\/p>\n<p> \/\/ \u30b9\u30b3\u30a2\u8a55\u4fa1\u3068\u5224\u5b9a\n let evalText = \"\";\n let diagnosisName = \"\";\n let diagnosisDesc = \"\";\n let stampHTML = \"\";\n let medicineHTML = \"\";\n let doctorAdvice = \"\";<\/p>\n<p> if (checkedCount <= 4) {\n evalText = \"\u7d44\u7e54\u306f\u6bd4\u8f03\u7684\u5b89\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002\u8efd\u5ea6\u306e\u4e88\u9632\u306b\u6ce8\u529b\u3057\u307e\u3057\u3087\u3046\u3002\";\n diagnosisName = \"\u3010\u8efd\u75c7\u30fb\u8981\u4e88\u9632\u3011\u521d\u671f\u5fae\u71b1\u578b\u7d44\u7e54\";\n diagnosisDesc = \"\u6c7a\u5b9a\u7684\u306a\u6a5f\u80fd\u4e0d\u5168\u306b\u306f\u81f3\u3063\u3066\u3044\u307e\u305b\u3093\u304c\u3001\u4e00\u90e8\u306e\u73fe\u5834\u3067\u300e\u9759\u304b\u306a\u4e0d\u6e80\u300f\u304c\u767a\u751f\u3057\u3066\u3044\u307e\u3059\u3002\u4eca\u3059\u3050\u81f4\u547d\u7684\u306a\u96e2\u8077\u306b\u7e4b\u304c\u308b\u53ef\u80fd\u6027\u306f\u4f4e\u3044\u3067\u3059\u304c\u3001\u7ba1\u7406\u8005\u3068\u30b9\u30bf\u30c3\u30d5\u306e\u9593\u306b\u8a8d\u8b58\u306e\u30ae\u30e3\u30c3\u30d7\uff08\u975e\u5bfe\u79f0\u6027\uff09\u304c\u751f\u307e\u308c\u59cb\u3081\u3066\u3044\u308b\u7d4c\u904e\u89b3\u5bdf\u671f\u3067\u3059\u3002\";\n stampHTML = `<span class=\"stamp-animation inline-block border-4 border-emerald-500 text-emerald-500 font-bold px-4 py-2 text-xl rounded-md uppercase\">\u8981\u4e88\u9632<\/span>`;\n medicineHTML = `<\/p>\n<div class=\"bg-emerald-50 rounded-xl p-4 border border-emerald-100\">\n <span class=\"text-[9px] font-bold text-emerald-800 uppercase tracking-widest\">Maintenance<\/span><\/p>\n<h5 class=\"font-bold text-sm text-gray-900 mt-1 mb-2\">\u300c\u80c3\u85ac\u300d\u793e\u9577\u306e\u58c1\u6253\u3061<\/h5>\n<p class=\"text-[11px] text-gray-600 leading-relaxed\">\u30ad\u30e3\u30ea\u30b3\u30f3\u306b\u3088\u308b\u67081\u56de\u76f8\u8ac7\u3067\u3001\u7d4c\u55b6\u8005\u306e\u30e2\u30e4\u30e2\u30e4\u3068\u7d44\u7e54\u8ab2\u984c\u3092\u3059\u3063\u304d\u308a\u69cb\u9020\u5316\u3057\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<div class=\"bg-emerald-50 rounded-xl p-4 border border-emerald-100\">\n <span class=\"text-[9px] font-bold text-emerald-800 uppercase tracking-widest\">Supplement<\/span><\/p>\n<h5 class=\"font-bold text-sm text-gray-900 mt-1 mb-2\">\u300c\u30b5\u30d7\u30ea\u300dHR\u30cb\u30e5\u30fc\u30b9<\/h5>\n<p class=\"text-[11px] text-gray-600 leading-relaxed\">\u4eba\u4e8b\u306e\u6700\u65b0\u30c8\u30ec\u30f3\u30c9\u3001\u52a9\u6210\u91d1\u8981\u4ef6\u3001\u6cd5\u6539\u6b63\u60c5\u5831\u3092\u5b9a\u671f\u7684\u306b\u30b3\u30f3\u30d1\u30af\u30c8\u306b\u304a\u5c4a\u3051\u3057\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<div class=\"bg-emerald-50 rounded-xl p-4 border border-emerald-100\">\n <span class=\"text-[9px] font-bold text-emerald-800 uppercase tracking-widest\">Education<\/span><\/p>\n<h5 class=\"font-bold text-sm text-gray-900 mt-1 mb-2\">\u300c\u5065\u5eb7\u756a\u7d44\u300d\u5b66\u7fd2\u52d5\u753b<\/h5>\n<p class=\"text-[11px] text-gray-600 leading-relaxed\">\u30de\u30cd\u30b8\u30e1\u30f3\u30c8\u306e\u57fa\u790e\u77e5\u8b58\u3084\u5fc3\u7406\u7684\u5b89\u5168\u6027\u306b\u3064\u3044\u3066\u3001\u3044\u3064\u3067\u3082\u9699\u9593\u6642\u9593\u3067\u5b66\u3079\u308b\u30a2\u30fc\u30ab\u30a4\u30d6\u52d5\u753b\u3067\u3059\u3002<\/p>\n<\/p><\/div>\n<p> `;\n doctorAdvice = \"\u300c\u521d\u671f\u75c7\u72b6\u306e\u3046\u3061\u306b\u5e38\u5099\u85ac\u3092\u624b\u5143\u306b\u7f6e\u3044\u3066\u304a\u304f\u3053\u3068\u3067\u3001\u4e0d\u6e80\u306e\u6162\u6027\u5316\u3084\u5927\u51fa\u8840\uff08\u96e2\u8077\uff09\u3092\u672a\u7136\u306b\u9632\u3050\u3053\u3068\u304c\u53ef\u80fd\u3067\u3059\u3002\u307e\u305a\u306f\u30d9\u30fc\u30b7\u30c3\u30af\u306a\u5e38\u5099\u85ac\u30d7\u30e9\u30f3\u3067\u4f1a\u793e\u306e\u57fa\u790e\u4f53\u529b\u3092\u9ad8\u3081\u3066\u3044\u304d\u307e\u3057\u3087\u3046\u3002\u300d\";\n } else if (checkedCount <= 11) {\n evalText = \"\u73fe\u5834\u306e\u6162\u6027\u708e\u75c7\u304c\u59cb\u307e\u3063\u3066\u3044\u307e\u3059\u3002\u65e9\u6025\u306a\u6b62\u8840\u5bfe\u7b56\u304c\u5fc5\u8981\u3067\u3059\u3002\";\n diagnosisName = \"\u3010\u4e2d\u7b49\u75c7\u30fb\u8981\u6cbb\u7642\u3011\u6162\u6027\u708e\u75c7\u578b\u7d44\u7e54\";\n diagnosisDesc = \"\u7ba1\u7406\u8077\u306e\u30d6\u30e9\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u5316\u3084\u5c5e\u4eba\u7684\u306a\u8a55\u4fa1\u306b\u3088\u308a\u3001\u73fe\u5834\u30b9\u30bf\u30c3\u30d5\u306e\u30a8\u30f3\u30b2\u30fc\u30b8\u30e1\u30f3\u30c8\u304c\u4f4e\u4e0b\u3057\u3001\u3044\u3064\u300e\u7a81\u767a\u7684\u306a\u5927\u51fa\u8840\uff08\u96e2\u8077\uff09\u300f\u304c\u8d77\u304d\u3066\u3082\u304a\u304b\u3057\u304f\u306a\u3044\u8b66\u6212\u72b6\u614b\u3067\u3059\u3002\u8868\u9762\u7684\u306b\u306f\u4f55\u3082\u4e0d\u6e80\u3092\u8a00\u308f\u306a\u304f\u3066\u3082\u3001\u6c34\u9762\u4e0b\u3067\u8ee2\u8077\u6d3b\u52d5\u3092\u9032\u3081\u3066\u3044\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002\";\n stampHTML = `<span class=\"stamp-animation inline-block border-4 border-orange-500 text-orange-500 font-bold px-4 py-2 text-xl rounded-md uppercase\">\u8981\u6cbb\u7642<\/span>`;\n medicineHTML = `<\/p>\n<div class=\"bg-orange-50 rounded-xl p-4 border border-orange-100\">\n <span class=\"text-[9px] font-bold text-orange-800 uppercase tracking-widest\">Emergency<\/span><\/p>\n<h5 class=\"font-bold text-sm text-gray-900 mt-1 mb-2\">\u300c\u5f37\u529b\u7d46\u5275\u818f\u300d\u793e\u54e1\u9762\u8ac7\u4ee3\u884c<\/h5>\n<p class=\"text-[11px] text-gray-600 leading-relaxed\">\u8f9e\u3081\u305d\u3046\u306a\u5146\u5019\u306e\u3042\u308b\u793e\u54e1\u3001\u4e0d\u6e80\u3092\u62b1\u3048\u308b\u73fe\u5834\u30b9\u30bf\u30c3\u30d5\u3078\u3001\u30ad\u30e3\u30ea\u30b3\u30f3\u304c\u9762\u8ac7\u3092\u884c\u3044\u672c\u97f3\u3068\u30ea\u30b9\u30af\u3092\u30b1\u30a2\u3057\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<div class=\"bg-orange-50 rounded-xl p-4 border border-orange-100\">\n <span class=\"text-[9px] font-bold text-orange-800 uppercase tracking-widest\">Emergency<\/span><\/p>\n<h5 class=\"font-bold text-sm text-gray-900 mt-1 mb-2\">\u300c\u89e3\u71b1\u5264\u300d\u30c8\u30e9\u30d6\u30eb\u4ef2\u88c1<\/h5>\n<p class=\"text-[11px] text-gray-600 leading-relaxed\">\u4eba\u9593\u95a2\u4fc2\u306e\u5bfe\u7acb\u3084\u3001\u30cf\u30e9\u30b9\u30e1\u30f3\u30c8\u7591\u60d1\u306e\u3042\u308b\u73fe\u5834\u306b\u5165\u308a\u3001\u71b1\u3092\u5e2f\u3073\u305f\u611f\u60c5\u5bfe\u7acb\u306e\u6c88\u9759\u5316\u3068\u6539\u5584\u6307\u793a\u3092\u56f3\u308a\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<div class=\"bg-orange-50 rounded-xl p-4 border border-orange-100\">\n <span class=\"text-[9px] font-bold text-orange-800 uppercase tracking-widest\">Specialist<\/span><\/p>\n<h5 class=\"font-bold text-sm text-gray-900 mt-1 mb-2\">\u9ad8\u5ea6\u306a\u5c02\u9580\u5916\u6765\u30c1\u30fc\u30e0<\/h5>\n<p class=\"text-[11px] text-gray-600 leading-relaxed\">\u30cf\u30e9\u30b9\u30e1\u30f3\u30c8\u5916\u90e8\u7a93\u53e3\u306e\u8a2d\u7f6e\u3084\u3001FP\u3001\u793e\u52b4\u58eb\u3068\u9023\u643a\u3057\u305f\u5c31\u696d\u898f\u5247\u6700\u9069\u5316\u30fb\u30c8\u30e9\u30d6\u30eb\u4e88\u9632\u306b\u53d6\u308a\u7d44\u307f\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<p> `;\n doctorAdvice = \"\u300c\u9000\u8077\u3092\u544a\u3052\u3089\u308c\u3066\u304b\u3089\u3001\u3044\u304f\u3089\u6761\u4ef6\u63d0\u793a\u306a\u3069\u306e\u300e\u5fdc\u6025\u51e6\u7f6e\u300f\u3092\u65bd\u3057\u3066\u3082\u3001\u624b\u9045\u308c\uff08\u6b62\u8840\u4e0d\u80fd\uff09\u3067\u3059\u3002\u30d7\u30ed\u306b\u3088\u308b\u7b2c\u4e09\u8005\u9762\u8ac7\u3092\u5b9f\u65bd\u3057\u3001\u96a0\u308c\u305f\u4e0d\u6e80\u3092\u30b9\u30d4\u30fc\u30c7\u30a3\u306b\u7279\u5b9a\u3057\u3066\u89e3\u6c7a\u306b\u5411\u3051\u3066\u30a2\u30d7\u30ed\u30fc\u30c1\u3057\u307e\u3057\u3087\u3046\u3002\u300d\";\n } else {\n evalText = \"\u7d44\u7e54\u5168\u4f53\u306b\u6a5f\u80fd\u4e0d\u5168\u304c\u8ee2\u79fb\u3057\u3066\u3044\u307e\u3059\u3002\u629c\u672c\u7684\u306a\u5916\u79d1\u624b\u8853\u304c\u5fc5\u8981\u3067\u3059\u3002\";\n diagnosisName = \"\u3010\u91cd\u75c7\u30fb\u8981\u5916\u79d1\u624b\u8853\u3011\u91cd\u5ea6\u9aa8\u683c\u6a5f\u80fd\u4e0d\u5168\u578b\u7d44\u7e54\";\n diagnosisDesc = \"\u7d44\u7e54\u306e\u5c4b\u53f0\u9aa8\uff08\u8a55\u4fa1\u30fb\u30ad\u30e3\u30ea\u30a2\uff09\u3084\u5185\u81d3\uff08\u63a1\u7528\u30fb\u80b2\u6210\uff09\u306b\u6839\u672c\u7684\u306a\u6301\u75c5\u304c\u751f\u3058\u3066\u3044\u307e\u3059\u3002\u300e\u4eba\u304c\u5165\u3063\u3066\u3082\u3059\u3050\u8f9e\u3081\u308b\u300f\u300e\u7ba1\u7406\u8077\u304c\u73fe\u5834\u3092\u56de\u305b\u305a\u7d4c\u55b6\u8005\u304c\u5b64\u7acb\u3057\u3066\u3044\u308b\u300f\u6162\u6027\u7684\u306a\u4f53\u8cea\u3002\u305d\u306e\u5834\u3057\u306e\u304e\u3067\u306f\u306a\u3044\u3001\u7d44\u7e54\u8a2d\u8a08\u306e\u6839\u672c\u898b\u76f4\u3057\u304c\u5fc5\u8981\u4e0d\u53ef\u6b20\u3067\u3059\u3002\";\n stampHTML = `<span class=\"stamp-animation inline-block border-4 border-red-500 text-red-500 font-bold px-4 py-2 text-xl rounded-md uppercase\">\u8981\u5916\u79d1\u624b\u8853<\/span>`;\n medicineHTML = `<\/p>\n<div class=\"bg-red-50 rounded-xl p-4 border border-red-100\">\n <span class=\"text-[9px] font-bold text-red-800 uppercase tracking-widest\">Surgery<\/span><\/p>\n<h5 class=\"font-bold text-sm text-gray-900 mt-1 mb-2\">\u300c\u9aa8\u683c\u77ef\u6b63\u300d\u8a55\u4fa1\u5236\u5ea6\u69cb\u7bc9<\/h5>\n<p class=\"text-[11px] text-gray-600 leading-relaxed\">\u5f62\u9ab8\u5316\u3057\u305f\u8a55\u4fa1\u30b7\u30fc\u30c8\u3084\u4e3b\u89b3\u7684\u306a\u67fb\u5b9a\u304b\u3089\u8131\u5374\u3057\u3001\u8ab0\u3082\u304c\u7d0d\u5f97\u3057\u81ea\u5f8b\u7684\u306b\u52d5\u304d\u51fa\u3059\u8a55\u4fa1\u5236\u5ea6\u3092\u518d\u69cb\u7bc9\u3057\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<div class=\"bg-red-50 rounded-xl p-4 border border-red-100\">\n <span class=\"text-[9px] font-bold text-red-800 uppercase tracking-widest\">Rehabilitation<\/span><\/p>\n<h5 class=\"font-bold text-sm text-gray-900 mt-1 mb-2\">\u300c\u30ea\u30cf\u30d3\u30ea\u300d\u6b21\u4e16\u4ee3\u30ea\u30fc\u30c0\u30fc\u7814\u4fee<\/h5>\n<p class=\"text-[11px] text-gray-600 leading-relaxed\">\u73fe\u5834\u7ba1\u7406\u8077\u3078\u3001\u4e3b\u89b3\u3092\u6392\u9664\u3057\u305f\u300e\u8a55\u4fa1\u9762\u8ac7\u30b9\u30ad\u30eb\u300f\u3084\u3001\u5fc3\u7406\u7684\u5b89\u5168\u6027\u306e\u9ad8\u3044\u5bfe\u8a71\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u6cd5\u3092\u935b\u3048\u76f4\u3057\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<div class=\"bg-red-50 rounded-xl p-4 border border-red-100\">\n <span class=\"text-[9px] font-bold text-red-800 uppercase tracking-widest\">Advanced Medicine<\/span><\/p>\n<h5 class=\"font-bold text-sm text-gray-900 mt-1 mb-2\">\u52a9\u6210\u91d1\u6d3b\u7528\uff06BPO\u652f\u63f4<\/h5>\n<p class=\"text-[11px] text-gray-600 leading-relaxed\">\u4eba\u6750\u958b\u767a\u652f\u63f4\u52a9\u6210\u91d1\u3092\u30d5\u30eb\u6d3b\u7528\u3057\u3001\u6559\u80b2\u30b3\u30b9\u30c8\u3092\u5b9f\u8cea\u30bc\u30ed\u306b\u6291\u3048\u306a\u304c\u3089\u3001\u63a1\u7528\u6226\u7565\u304b\u3089\u5b9f\u52d9\u3092\u307e\u308b\u3054\u3068\u4ee3\u884c\u652f\u63f4\u3057\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<p> `;\n doctorAdvice = \"\u300c\u3053\u306e\u72b6\u614b\u306e\u307e\u307e\u63a1\u7528\u306b\u591a\u984d\u306e\u6295\u8cc7\u3092\u884c\u3063\u3066\u3082\u3001\u6d41\u51fa\u3059\u308b\u30d0\u30b1\u30c4\u306e\u3088\u3046\u306b\u63a1\u7528\u8cbb\u304c\u7121\u99c4\u306b\u306a\u308a\u307e\u3059\u3002\u307e\u305a\u306f\u5236\u5ea6\u69cb\u7bc9\u3068\u7ba1\u7406\u8005\u6559\u80b2\u306b\u3088\u308b\u300e\u9aa8\u683c\u30fb\u4f53\u8cea\u306e\u5916\u79d1\u624b\u8853\u300f\u3092\u5b9f\u884c\u3057\u3001\u4e2d\u304b\u3089\u5f37\u3044\u7d44\u7e54\u3092\u4f5c\u308a\u76f4\u3059\u899a\u609f\u304c\u5fc5\u8981\u3067\u3059\u3002\u300d\";\n }<\/p>\n<p> document.getElementById('result-score-evaluation').innerText = evalText;\n document.getElementById('result-diagnosis-name').innerText = diagnosisName;\n document.getElementById('result-diagnosis-desc').innerText = diagnosisDesc;\n document.getElementById('result-stamp').innerHTML = stampHTML;\n document.getElementById('prescribed-medicine-container').innerHTML = medicineHTML;\n document.getElementById('result-doctor-advice').innerText = doctorAdvice;\n }<\/p>\n<p> \/\/ \u30ea\u30bb\u30c3\u30c8\n function resetDiagnosis() {\n questions.forEach(q => answers[q.id] = false);\n activeCategoryIndex = 0;\n switchPage('page-result', 'page-quiz');\n renderQuiz();\n }<\/p>\n<p> \/\/ \u30d5\u30a9\u30fc\u30e0\u9001\u4fe1\n function handleFormSubmit(event) {\n event.preventDefault();\n \/\/ \u9001\u4fe1\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u6a21\u64ec\n document.getElementById('contact-form').classList.add('opacity-50', 'pointer-events-none');\n setTimeout(() => {\n document.getElementById('contact-form').reset();\n document.getElementById('contact-form').classList.add('hidden');\n document.getElementById('form-success-msg').classList.remove('hidden');\n }, 1000);\n }<\/p>\n<p> \/\/ \u7d50\u679c\u3092\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\u306b\u30b3\u30d4\u30fc\n function copyPrescription() {\n const score = document.getElementById('result-score').innerText;\n const diagnosis = document.getElementById('result-diagnosis-name').innerText;\n const desc = document.getElementById('result-diagnosis-desc').innerText;\n const url = window.location.href;<\/p>\n<p> const textToCopy = `\u3010\u4eba\u4e8b\u306e\u30af\u30b9\u30ea\u7bb1\u3011\u30d2\u30c8\u30ea\u30b9\u30af\u5065\u5eb7\u8a3a\u65ad\u7d50\u679c\n\u25a0\u8a3a\u65ad\u30b9\u30b3\u30a2: ${score} \/ 20\u70b9\n\u25a0\u8a3a\u65ad\u540d: ${diagnosis}\n\u25a0\u898b\u7acb\u3066:\n${desc}<\/p>\n<p>\u25bc\u307e\u305a\u306f\u7121\u6599\u554f\u8a3a\u304b\u3089\u30b9\u30bf\u30fc\u30c8\n${url}`;<\/p>\n<p> \/\/ \u4e92\u63db\u6027\u7dad\u6301\u306e\u305f\u3081\u306e\u30b3\u30d4\u30fc\u624b\u6cd5\n const textarea = document.createElement('textarea');\n textarea.value = textToCopy;\n document.body.appendChild(textarea);\n textarea.select();\n document.execCommand('copy');\n document.body.removeChild(textarea);<\/p>\n<p> alert(\"\u8a3a\u65ad\u7d50\u679c\u3092\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\u306b\u30b3\u30d4\u30fc\u3057\u307e\u3057\u305f\uff01\u30e1\u30fc\u30eb\u3084\u30c1\u30e3\u30c3\u30c8\u3067\u306e\u5171\u6709\u306b\u3054\u5229\u7528\u304f\u3060\u3055\u3044\u3002\");\n }\n <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u4eba\u4e8b\u306e\u30af\u30b9\u30ea\u7bb1 | \u4e2d\u5c0f\u4f01\u696d\u306e\u30d2\u30c8\u30ea\u30b9\u30af\u5bfe\u7b56\u30fb\u4eba\u4e8b\u8ab2\u984c\u89e3\u6c7a \u4eba\u4e8b\u306e\u30af\u30b9\u30ea\u7bb1 \u30b3\u30f3\u30bb\u30d7\u30c8 \u9762\u8ac7\u306e\u4fa1\u5024 \u30d2\u30c8\u30ea\u30b9\u30af\u3068\u306f \u30b9\u30ad\u30eb\u8a3a\u65ad \u30b5\u30fc\u30d3\u30b9\u8a73\u7d30 \u7121\u6599\u76f8\u8ac7 \u305d\u306e\u300c\u4eba\u300d\u306e\u75db\u307f\u3001\u30ac\u30de\u30f3\u3057\u3066\u3044\u307e\u305b\u3093\u304b\uff1f \u4e2d\u5c0f\u4f01\u696d\u306e\u7d4c\u55b6\u8005\u3068\u4eba\u4e8b\u62c5\u5f53 […]<\/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-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jinji-kusuribako.jp\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jinji-kusuribako.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jinji-kusuribako.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jinji-kusuribako.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jinji-kusuribako.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":82,"href":"https:\/\/jinji-kusuribako.jp\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":133,"href":"https:\/\/jinji-kusuribako.jp\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/133"}],"wp:attachment":[{"href":"https:\/\/jinji-kusuribako.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":13,"date":"2025-12-16T15:22:11","date_gmt":"2025-12-16T06:22:11","guid":{"rendered":"http:\/\/jinji-kusuribako.jp\/?page_id=13"},"modified":"2026-05-29T12:11:29","modified_gmt":"2026-05-29T03:11:29","slug":"13-2","status":"publish","type":"page","link":"https:\/\/jinji-kusuribako.jp\/","title":{"rendered":""},"content":{"rendered":"

\n
\n
\n
\n
\n \u4eba\u4e8b\u306e\u30af\u30b9\u30ea\u7bb1 | \u4e2d\u5c0f\u4f01\u696d\u306e\u30d2\u30c8\u30ea\u30b9\u30af\u5bfe\u7b56\u30fb\u4eba\u4e8b\u8ab2\u984c\u89e3\u6c7a<\/title><br \/>\n <br \/>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script><br \/>\n <br \/>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script><br \/>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;800&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: #f7f7f7;\n scroll-behavior: smooth;\n }\n .color-primary { background-color: #10B981; }\n .text-primary { color: #10B981; }<\/p>\n<p> .card {\n background-color: white;\n border-radius: 1.5rem;\n box-shadow: 0 4px 20px rgba(0,0,0,0.05);\n transition: all 0.3s ease;\n }\n .card:hover {\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0,0,0,0.1);\n }\n .hero-bg {\n background: linear-gradient(135deg, #047857 0%, #059669 100%);\n }\n .step-number {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: #10B981;\n color: white;\n font-weight: bold;\n margin-bottom: 1rem;\n }\n .input-range { @apply w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer accent-emerald-500; }<\/p>\n<p> \/* \u30ab\u30b9\u30bf\u30e0\u30b9\u30af\u30ed\u30fc\u30eb\u30d0\u30fc *\/\n .custom-scrollbar::-webkit-scrollbar { width: 6px; }\n .custom-scrollbar::-webkit-scrollbar-track { background: #f1f1f1; }\n .custom-scrollbar::-webkit-scrollbar-thumb { background: #10B981; border-radius: 10px; }<\/p>\n<p> @media print { .no-print { display: none; } }<\/p>\n<p> \/* \u88c5\u98fe\u7528\u80cc\u666f *\/\n .bg-pattern {\n background-image: radial-gradient(#10b981 0.5px, transparent 0.5px);\n background-size: 24px 24px;\n }\n <\/style>\n<p><\/head><\/p>\n<p><body class=\"bg-gray-50 text-gray-800 antialiased\"><\/p>\n<p> <\/p>\n<header class=\"bg-white\/90 backdrop-blur-md sticky top-0 z-50 shadow-sm\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 flex justify-between items-center\">\n<div class=\"text-2xl font-black text-green-700 tracking-tighter\">\u4eba\u4e8b\u306e\u30af\u30b9\u30ea\u7bb1<\/div>\n<nav class=\"hidden md:flex space-x-6 items-center\">\n <a href=\"#concept\" class=\"text-sm font-semibold text-gray-600 hover:text-green-600 transition\">\u30b3\u30f3\u30bb\u30d7\u30c8<\/a><br \/>\n <a href=\"#merit-demerit\" class=\"text-sm font-semibold text-gray-600 hover:text-green-600 transition\">\u9762\u8ac7\u306e\u4fa1\u5024<\/a><br \/>\n <a href=\"#hitrorisk\" class=\"text-sm font-semibold text-gray-600 hover:text-green-600 transition\">\u30d2\u30c8\u30ea\u30b9\u30af\u3068\u306f<\/a><br \/>\n <a href=\"#dashboard\" class=\"text-sm font-bold text-emerald-600 bg-emerald-50 px-3 py-1 rounded-full\">\u30b9\u30ad\u30eb\u8a3a\u65ad<\/a><br \/>\n <a href=\"#service-detail\" class=\"text-sm font-semibold text-gray-600 hover:text-green-600 transition\">\u30b5\u30fc\u30d3\u30b9\u8a73\u7d30<\/a><br \/>\n <a href=\"#contact\" class=\"bg-green-600 text-white text-sm font-bold py-2 px-5 rounded-full hover:bg-green-700 transition shadow-md\">\u7121\u6599\u76f8\u8ac7<\/a><br \/>\n <\/nav>\n<\/p><\/div>\n<\/header>\n<p> <\/p>\n<section class=\"hero-bg py-16 sm:py-28 text-white relative overflow-hidden\">\n<div class=\"absolute inset-0 opacity-10 pointer-events-none\">\n <svg width=\"100%\" height=\"100%\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\">\n <path d=\"M0 100 C 20 0 50 0 100 100 Z\" fill=\"white\"><\/path>\n <\/svg>\n <\/div>\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10\">\n<h1 class=\"text-4xl sm:text-7xl font-black mb-6 leading-tight tracking-tight\">\n \u305d\u306e\u300c\u4eba\u300d\u306e\u75db\u307f\u3001<br class=\"hidden sm:block\">\u30ac\u30de\u30f3\u3057\u3066\u3044\u307e\u305b\u3093\u304b\uff1f<br \/>\n <\/h1>\n<p class=\"text-xl sm:text-2xl font-medium mb-10 opacity-90\">\u4e2d\u5c0f\u4f01\u696d\u306e\u7d4c\u55b6\u8005\u3068\u4eba\u4e8b\u62c5\u5f53\u8005\u306e\u305f\u3081\u306e\u3001\u4eba\u4e8b\u306e\u99c6\u3051\u8fbc\u307f\u5bfa\u3002<\/p>\n<div class=\"flex flex-col sm:flex-row justify-center gap-4\">\n <a href=\"#dashboard\" class=\"bg-yellow-400 text-gray-900 font-black text-lg py-4 px-10 rounded-full hover:bg-yellow-300 transition transform hover:scale-105 shadow-2xl\"><br \/>\n \u9762\u63a5\u30b9\u30ad\u30eb\u3092\u30bb\u30eb\u30d5\u8a3a\u65ad<br \/>\n <\/a><br \/>\n <a href=\"#concept\" class=\"bg-white\/20 backdrop-blur-sm text-white font-bold text-lg py-4 px-10 rounded-full border border-white\/30 hover:bg-white\/30 transition\"><br \/>\n \u79c1\u305f\u3061\u306e\u601d\u60f3\u3092\u898b\u308b<br \/>\n <\/a>\n <\/div>\n<div class=\"mt-12 inline-flex items-center gap-2 bg-green-900\/30 px-4 py-2 rounded-full border border-white\/10\">\n <span class=\"flex h-2 w-2 rounded-full bg-yellow-400 animate-pulse\"><\/span><br \/>\n <span class=\"text-sm font-medium\">\u73fe\u5728\u3001\u591a\u304f\u306e\u4e2d\u5c0f\u4f01\u696d\u304b\u3089\u8a3a\u65ad\u4f9d\u983c\u3092\u3044\u305f\u3060\u3044\u3066\u3044\u307e\u3059<\/span>\n <\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section id=\"concept\" class=\"py-20 bg-white\">\n<div class=\"max-w-7xl mx-auto px-4\">\n<div class=\"text-center mb-16\">\n<h2 class=\"text-3xl sm:text-5xl font-black mb-6 text-gray-900\">\u79c1\u305f\u3061\u306e\u601d\u60f3\uff1a\u6cbb\u7642\u304b\u3089\u300c\u4e88\u9632\u300d\u3078<\/h2>\n<p class=\"text-lg text-gray-600 max-w-3xl mx-auto\">\n \u554f\u984c\u304c\u8d77\u304d\u3066\u304b\u3089\u5bfe\u51e6\u3059\u308b\u306e\u3067\u306f\u3001\u30b3\u30b9\u30c8\u3082\u6642\u9593\u3082\u3001\u305d\u3057\u3066\u7d4c\u55b6\u9663\u30fb\u4eba\u4e8b\u306e\u5fc3\u52b4\u3082\u8a08\u308a\u77e5\u308c\u307e\u305b\u3093\u3002<br \/>\n \u79c1\u305f\u3061\u306e\u4f7f\u547d\u306f\u3001\u4f1a\u793e\u3092\u300c\u75c5\u6c17\u306b\u3055\u305b\u306a\u3044\u300d\u3053\u3068\u3002\n <\/p>\n<\/p><\/div>\n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-10\">\n<div class=\"p-8 bg-red-50 rounded-3xl border border-red-100 relative overflow-hidden\">\n<div class=\"absolute top-4 right-4 text-4xl opacity-20\">\u26a0\ufe0f<\/div>\n<h3 class=\"text-xl font-bold text-red-700 mb-4\">\u5f93\u6765\u306e\u300c\u4e8b\u5f8c\u5bfe\u5fdc\u300d<\/h3>\n<ul class=\"space-y-3 mb-6 text-gray-700\">\n<li>\u30fb\u96e2\u8077\u304c\u767a\u751f\u3057\u3066\u304b\u3089\u52df\u96c6\u3092\u304b\u3051\u308b<\/li>\n<li>\u30fb\u30c1\u30fc\u30e0\u304c\u5d29\u58ca\u3057\u3066\u304b\u3089\u9762\u8ac7\u3059\u308b<\/li>\n<li>\u30fb\u30c8\u30e9\u30d6\u30eb\u306b\u306a\u3063\u3066\u304b\u3089\u5f01\u8b77\u58eb\u306b\u76f8\u8ac7<\/li>\n<\/ul>\n<div class=\"bg-red-200 text-red-800 font-bold py-2 px-4 rounded-lg text-center\">\n \u9ad8\u30b3\u30b9\u30c8\u30fb\u9ad8\u30b9\u30c8\u30ec\u30b9\u30fb\u4f4e\u6210\u9577\n <\/div>\n<\/p><\/div>\n<div class=\"p-8 bg-emerald-50 rounded-3xl border border-emerald-100 relative overflow-hidden\">\n<div class=\"absolute top-4 right-4 text-4xl opacity-20\">\u2728<\/div>\n<h3 class=\"text-xl font-bold text-emerald-700 mb-4\">\u30af\u30b9\u30ea\u7bb1\u306e\u300c\u4e88\u9632\u7684\u30a2\u30d7\u30ed\u30fc\u30c1\u300d<\/h3>\n<ul class=\"space-y-3 mb-6 text-gray-700\">\n<li>\u30fb\u5b9a\u671f\u7684\u306a\u7d44\u7e54\u8a3a\u65ad\u3067\u4e0d\u6e80\u3092\u53ef\u8996\u5316<\/li>\n<li>\u30fb\u63a1\u7528\u524d\u306b\u30df\u30b9\u30de\u30c3\u30c1\u3092\u9632\u3050\u4ed5\u7d44\u307f\u4f5c\u308a<\/li>\n<li>\u30fb\u30cf\u30e9\u30b9\u30e1\u30f3\u30c8\u3092\u751f\u307e\u306a\u3044\u98a8\u571f\u306e\u91b8\u6210<\/li>\n<\/ul>\n<div class=\"bg-emerald-500 text-white font-bold py-2 px-4 rounded-lg text-center shadow-lg\">\n \u4f4e\u30b3\u30b9\u30c8\u30fb\u5b89\u5b9a\u7684\u6210\u9577\u30fb\u7d4c\u55b6\u306e\u4f59\u88d5\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section id=\"merit-demerit\" class=\"py-20 bg-emerald-900 text-white\">\n<div class=\"max-w-7xl mx-auto px-4\">\n<div class=\"text-center mb-16\">\n<h2 class=\"text-3xl sm:text-5xl font-black mb-6 tracking-tight\">\u306a\u305c\u300c\u30d7\u30ed\u306b\u3088\u308b\u9762\u8ac7\u300d\u304c\u5fc5\u8981\u306a\u306e\u304b<\/h2>\n<p class=\"text-emerald-200 text-lg\">\u60c5\u5831\u306e\u975e\u5bfe\u79f0\u6027\u3092\u89e3\u6d88\u3057\u3001\u96e2\u8077\u30b3\u30b9\u30c8\u3092\u5287\u7684\u306b\u524a\u6e1b\u3057\u307e\u3059<\/p>\n<\/p><\/div>\n<div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 mb-16\">\n <\/p>\n<div class=\"bg-white\/10 backdrop-blur-md p-8 rounded-3xl border border-white\/20\">\n<h3 class=\"text-2xl font-bold text-emerald-400 mb-6 flex items-center gap-2\">\n <span>\u2705<\/span> \u9762\u8ac7\u3092\u3059\u308b\u30e1\u30ea\u30c3\u30c8<br \/>\n <\/h3>\n<div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm\">\n<div class=\"p-4 bg-white\/5 rounded-xl\">\n<p class=\"font-bold text-emerald-300\">\u4eba\u6750\u5b9a\u7740\u7387\u306e\u5411\u4e0a<\/p>\n<p>\u96e2\u8077\u9632\u6b62\u306b\u76f4\u7d50<\/p><\/div>\n<div class=\"p-4 bg-white\/5 rounded-xl\">\n<p class=\"font-bold text-emerald-300\">\u7d44\u7e54\u306e\u8ab2\u984c\u767a\u898b<\/p>\n<p>\u73fe\u5834\u306e\u30ea\u30a2\u30eb\u306a\u58f0\u3092\u628a\u63e1<\/p><\/div>\n<div class=\"p-4 bg-white\/5 rounded-xl\">\n<p class=\"font-bold text-emerald-300\">\u30e2\u30c1\u30d9\u30fc\u30b7\u30e7\u30f3UP<\/p>\n<p>\u50cd\u304f\u610f\u6b32\u3092\u518d\u71c3\u3055\u305b\u308b<\/p><\/div>\n<div class=\"p-4 bg-white\/5 rounded-xl\">\n<p class=\"font-bold text-emerald-300\">\u80b2\u6210\u8a08\u753b\u306e\u7cbe\u5ea6\u5411\u4e0a<\/p>\n<p>\u500b\u3005\u306e\u5fd7\u5411\u306b\u5408\u308f\u305b\u305f\u914d\u7f6e<\/p><\/div>\n<div class=\"p-4 bg-white\/5 rounded-xl\">\n<p class=\"font-bold text-emerald-300\">\u5fc3\u7406\u7684\u5b89\u5168\u6027\u306e\u78ba\u4fdd<\/p>\n<p>\u5b89\u5fc3\u3057\u3066\u60a9\u307f\u3092\u8a71\u305b\u308b\u5834<\/p><\/div>\n<div class=\"p-4 bg-white\/5 rounded-xl\">\n<p class=\"font-bold text-emerald-300\">\u96e2\u8077\u30b3\u30b9\u30c8\u306e\u524a\u6e1b<\/p>\n<p>\u518d\u63a1\u7528\u30fb\u6559\u80b2\u8cbb\u306e\u6291\u5236<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"bg-red-950\/30 backdrop-blur-md p-8 rounded-3xl border border-red-500\/30\">\n<h3 class=\"text-2xl font-bold text-red-400 mb-6 flex items-center gap-2\">\n <span>\u274c<\/span> \u9762\u8ac7\u3092\u3057\u306a\u3044\u30c7\u30e1\u30ea\u30c3\u30c8<br \/>\n <\/h3>\n<div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm opacity-80\">\n<div class=\"p-4 bg-black\/20 rounded-xl\">\n<p class=\"font-bold text-red-300\">\u96e2\u8077\u7387\u306e\u4e0a\u6607<\/p>\n<p>\u4e0d\u6e80\u304c\u653e\u7f6e\u3055\u308c\u9000\u8077\u3078<\/p><\/div>\n<div class=\"p-4 bg-black\/20 rounded-xl\">\n<p class=\"font-bold text-red-300\">\u80b2\u6210\u306e\u7684\u5916\u308c\u5316<\/p>\n<p>\u671f\u5f85\u3068\u5fd7\u5411\u304c\u30ba\u30ec\u308b<\/p><\/div>\n<div class=\"p-4 bg-black\/20 rounded-xl\">\n<p class=\"font-bold text-red-300\">\u8ab2\u984c\u306e\u898b\u843d\u3068\u3057<\/p>\n<p>\u554f\u984c\u304c\u624b\u9045\u308c\u306b\u306a\u308b<\/p><\/div>\n<div class=\"p-4 bg-black\/20 rounded-xl\">\n<p class=\"font-bold text-red-300\">\u30b3\u30b9\u30c8\u306e\u5897\u5927<\/p>\n<p>\u518d\u63a1\u7528\u306e\u60aa\u5faa\u74b0<\/p><\/div>\n<div class=\"p-4 bg-black\/20 rounded-xl\">\n<p class=\"font-bold text-red-300\">\u751f\u7523\u6027\u306e\u4f4e\u4e0b<\/p>\n<p>\u4e0d\u5b89\u3092\u62b1\u3048\u8fbc\u307f\u52b9\u7387\u30c0\u30a6\u30f3<\/p><\/div>\n<div class=\"p-4 bg-black\/20 rounded-xl\">\n<p class=\"font-bold text-red-300\">\u7d44\u7e54\u6587\u5316\u306e\u5f31\u4f53\u5316<\/p>\n<p>\u300c\u4eba\u3092\u5927\u5207\u306b\u3057\u306a\u3044\u300d\u5370\u8c61<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n<div class=\"card p-8 bg-white text-gray-800\">\n<h4 class=\"font-bold text-lg mb-4 text-emerald-600\">1. \u60c5\u5831\u306e\u975e\u5bfe\u79f0\u6027\u3092\u89e3\u6d88<\/h4>\n<p class=\"text-sm leading-relaxed\">\n \u793e\u54e1\u306e\u300c\u4e0d\u5b89\u300d\u306f\u7d4c\u55b6\u306b\u306f\u5c4a\u304d\u306b\u304f\u304f\u3001\u7d4c\u55b6\u306e\u300c\u671f\u5f85\u300d\u306f\u73fe\u5834\u306b\u4f1d\u308f\u308a\u306b\u304f\u3044\u3082\u306e\u3002\u9762\u8ac7\u306f\u3053\u306e\u30ae\u30e3\u30c3\u30d7\u3092\u57cb\u3081\u3001\u53cc\u65b9\u306e\u8a8d\u8b58\u3092\u4e00\u81f4\u3055\u305b\u307e\u3059\u3002\n <\/p>\n<\/p><\/div>\n<div class=\"card p-8 bg-white text-gray-800\">\n<h4 class=\"font-bold text-lg mb-4 text-emerald-600\">2. \u4e0d\u6e80\u30fb\u30ea\u30b9\u30af\u306e\u65e9\u671f\u767a\u898b<\/h4>\n<p class=\"text-sm leading-relaxed\">\n \u96e2\u8077\u306f\u300c\u4e0d\u6e80\u306e\u7206\u767a\u300d\u304b\u3089\u8d77\u3053\u308a\u307e\u3059\u3002\u5b9a\u671f\u9762\u8ac7\u3067\u5c0f\u3055\u306a\u706b\u7a2e\u3092\u62fe\u3044\u3001\u6539\u5584\u3059\u308b\u3053\u3068\u3067\u3001\u9000\u8077\u306b\u81f3\u308b\u524d\u306b\u89e3\u6c7a\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\u3002\n <\/p>\n<\/p><\/div>\n<div class=\"card p-8 bg-white text-gray-800\">\n<h4 class=\"font-bold text-lg mb-4 text-emerald-600\">3. \u627f\u8a8d\u6b32\u6c42\u3068\u5b9a\u7740\u306e\u76f8\u95a2<\/h4>\n<p class=\"text-sm leading-relaxed\">\n \u300c\u81ea\u5206\u3092\u898b\u3066\u304f\u308c\u3066\u3044\u308b\u300d\u3068\u3044\u3046\u627f\u8a8d\u611f\u306f\u3001\u7d66\u4e0e\u4ee5\u4e0a\u306e\u5b9a\u7740\u8981\u56e0\u3068\u306a\u308a\u307e\u3059\u3002\u30ad\u30e3\u30ea\u30a2\u652f\u63f4\u3092\u5236\u5ea6\u5316\u3059\u308b\u3053\u3068\u304c\u3001\u7af6\u5408\u3078\u306e\u4eba\u6750\u6d41\u51fa\u3092\u9632\u304e\u307e\u3059\u3002\n <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section id=\"hitrorisk\" class=\"py-20 bg-gray-50 border-y border-gray-200\">\n<div class=\"max-w-7xl mx-auto px-4\">\n<div class=\"flex flex-col lg:flex-row gap-12 items-center\">\n<div class=\"lg:w-1\/2\">\n <\/p>\n<div class=\"inline-block px-8 py-3 bg-red-600 text-white rounded-xl font-black text-2xl mb-8 shadow-lg transform -rotate-2\">\n \u8a3a\u65ad\u540d\uff1a\u30d2\u30c8\u30ea\u30b9\u30af\n <\/div>\n<h2 class=\"text-3xl sm:text-5xl font-black mb-6 leading-tight\">\n \u305d\u306e\u60a9\u307f\u3001\u653e\u7f6e\u3059\u308c\u3070<br \/><span class=\"text-red-600 underline decoration-8 decoration-red-200 underline-offset-8\">\u91cd\u75c7\u5316<\/span>\u3057\u307e\u3059\u3002<br \/>\n <\/h2>\n<p class=\"text-lg text-gray-600 mb-8 leading-relaxed\">\n \u4e2d\u5c0f\u4f01\u696d\u3067\u4eba\u6750\u304c\u5b9a\u7740\u3057\u306a\u3044\u7406\u7531\u306f\u3001\u8cc3\u91d1\u3060\u3051\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u6210\u9577\u6a5f\u4f1a\u306e\u4e0d\u8db3\u3001\u63a1\u7528\u306e\u30df\u30b9\u30de\u30c3\u30c1\u3001\u305d\u3057\u3066\u300c\u5fc3\u7406\u7684\u5b89\u5168\u6027\u306e\u6b20\u5982\u300d\u304c\u3001\u5e74\u959335\u301c38%\u306b\u9054\u3059\u308b\u65e9\u671f\u96e2\u8077\u7387\u306e\u6b63\u4f53\u3067\u3059\u3002\n <\/p>\n<div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n<div class=\"flex items-center p-4 bg-white rounded-xl shadow-sm border border-gray-100\">\n <span class=\"text-2xl mr-3\">\ud83d\udc64<\/span><\/p>\n<div>\n<p class=\"font-bold\">\u63a1\u7528\u96e3<\/p>\n<p class=\"text-xs text-gray-500\">76%\u304c\u300c\u52d8\u300d\u3067\u63a1\u7528\u3057\u5931\u6557<\/p>\n<\/div><\/div>\n<div class=\"flex items-center p-4 bg-white rounded-xl shadow-sm border border-gray-100\">\n <span class=\"text-2xl mr-3\">\ud83d\udcc9<\/span><\/p>\n<div>\n<p class=\"font-bold\">\u96e2\u8077\u5897<\/p>\n<p class=\"text-xs text-gray-500\">\u627f\u8a8d\u611f\u306e\u6b20\u5982\u304c\u4e3b\u56e0<\/p>\n<\/div><\/div>\n<div class=\"flex items-center p-4 bg-white rounded-xl shadow-sm border border-gray-100\">\n <span class=\"text-2xl mr-3\">\ud83d\udca2<\/span><\/p>\n<div>\n<p class=\"font-bold\">\u52b4\u52d9\u8ab2\u984c<\/p>\n<p class=\"text-xs text-gray-500\">\u73fe\u5834\u306e\u58f0\u304c\u5c4a\u304b\u306a\u3044\u30ea\u30b9\u30af<\/p>\n<\/div><\/div>\n<div class=\"flex items-center p-4 bg-white rounded-xl shadow-sm border border-gray-100\">\n <span class=\"text-2xl mr-3\">\ud83d\udcb0<\/span><\/p>\n<div>\n<p class=\"font-bold\">\u30b3\u30b9\u30c8\u5897<\/p>\n<p class=\"text-xs text-gray-500\">\u63a1\u7528\u30fb\u6559\u80b2\u8cbb\u306e\u5782\u308c\u6d41\u3057<\/p>\n<\/div><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"lg:w-1\/2\">\n<div class=\"bg-white p-8 rounded-3xl shadow-xl border-l-[12px] border-emerald-500\">\n<h3 class=\"text-2xl font-bold mb-6\">\u89e3\u6c7a\u3078\u306e3\u30b9\u30c6\u30c3\u30d7<\/h3>\n<div class=\"space-y-8\">\n<div class=\"flex gap-4\">\n<div class=\"step-number\">1<\/div>\n<div>\n<h4 class=\"font-bold text-lg\">\u5fdc\u6025\u51e6\u7f6e (First Aid)<\/h4>\n<p class=\"text-sm text-gray-600\">\u7dca\u6025\u306e\u96e2\u8077\u7533\u3057\u51fa\u306b\u5bfe\u3057\u3001\u7b2c\u4e09\u8005\u306e\u30d7\u30ed\u304c\u4ecb\u5165\u3002\u611f\u60c5\u306e\u975e\u5bfe\u79f0\u6027\u3092\u6574\u7406\u3057\u3001\u307e\u305a\u306f\u300c\u51fa\u8840\u300d\u3092\u6b62\u3081\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"flex gap-4\">\n<div class=\"step-number\">2<\/div>\n<div>\n<h4 class=\"font-bold text-lg\">\u6839\u672c\u6cbb\u7642 (Root Cause)<\/h4>\n<p class=\"text-sm text-gray-600\">\u8a55\u4fa1\u57fa\u6e96\u306e\u66d6\u6627\u3055\u3084\u300c\u52d8\u300d\u306b\u983c\u3063\u305f\u63a1\u7528\u3092\u5ec3\u6b62\u3002\u79d1\u5b66\u7684\u6839\u62e0\u306b\u57fa\u3065\u304f\u7d44\u7e54\u4f5c\u308a\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"flex gap-4\">\n<div class=\"step-number\">3<\/div>\n<div>\n<h4 class=\"font-bold text-lg\">\u4e88\u9632\u3068\u5b9a\u671f\u691c\u8a3a (Prevention)<\/h4>\n<p class=\"text-sm text-gray-600\">\u5b9a\u671f\u9762\u8ac7\uff08\u30ad\u30e3\u30ea\u30a2\u30c9\u30c3\u30af\uff09\u3092\u5236\u5ea6\u5316\u3002\u4e0d\u6e80\u3092\u300c\u53ef\u8996\u5316\u300d\u3057\u7d9a\u3051\u3001\u75c5\u6c17\u306b\u306a\u3089\u306a\u3044\u7d44\u7e54\u98a8\u571f\u3092\u7bc9\u304d\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section id=\"dashboard\" class=\"py-24 bg-emerald-50\">\n<div class=\"max-w-6xl mx-auto px-4\">\n<div class=\"text-center mb-16\">\n <span class=\"text-emerald-600 font-black tracking-widest text-xs uppercase\">Self Diagnosis<\/span><\/p>\n<h2 class=\"text-4xl font-black text-gray-900 mt-2 mb-4\">\u9762\u63a5\u30fb\u9762\u8ac7\u30b9\u30ad\u30eb\u8a3a\u65ad<\/h2>\n<p class=\"text-lg text-emerald-700\">\u5c5e\u4eba\u7684\u306a\u300c\u52d8\u300d\u3092\u6392\u9664\u3057\u3001\u8a55\u4fa1\u57fa\u6e96\u3092\u8a00\u8a9e\u5316\u3067\u304d\u3066\u3044\u308b\u304b\u30c1\u30a7\u30c3\u30af\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n<\/p><\/div>\n<div class=\"grid grid-cols-1 lg:grid-cols-3 gap-10\">\n <\/p>\n<div class=\"lg:col-span-2 space-y-6\">\n<div class=\"bg-white p-8 rounded-3xl shadow-xl border border-emerald-100\">\n<div class=\"flex justify-between items-center mb-8\">\n<h3 class=\"text-xl font-black flex items-center gap-3 text-gray-800\">\n <span class=\"w-2 h-8 bg-emerald-500 rounded-full\"><\/span><br \/>\n \u30b9\u30ad\u30eb\u8a3a\u65ad\u9805\u76ee\uff0820\uff09<br \/>\n <\/h3>\n<p> <button onclick=\"resetAll()\" class=\"text-xs text-gray-400 hover:text-red-500 transition\">\u30ea\u30bb\u30c3\u30c8<\/button>\n <\/div>\n<div id=\"survey-container\" class=\"space-y-10 max-h-[600px] overflow-y-auto pr-4 custom-scrollbar\">\n \n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"space-y-6\">\n<div class=\"bg-white p-8 rounded-3xl shadow-xl border border-emerald-100 sticky top-24\">\n<h3 class=\"text-xl font-black mb-8 text-gray-800\">\u8a3a\u65ad\u7d50\u679c\u30ec\u30dd\u30fc\u30c8<\/h3>\n<div class=\"mb-8 aspect-square flex items-center justify-center\">\n <canvas id=\"radarChart\"><\/canvas>\n <\/div>\n<div class=\"space-y-6\">\n<div class=\"p-6 bg-emerald-50 rounded-2xl text-center\">\n<p class=\"text-xs uppercase tracking-widest text-emerald-600 font-bold mb-2\">\u7dcf\u5408\u8a3a\u65ad\u30b9\u30b3\u30a2<\/p>\n<div class=\"flex justify-center items-baseline gap-2\">\n <span id=\"total-score\" class=\"text-6xl font-black text-emerald-600\">0<\/span><br \/>\n <span class=\"text-gray-400 font-bold\">\/ 100<\/span>\n <\/div>\n<\/p><\/div>\n<div id=\"feedback-area\" class=\"text-sm border-l-4 border-emerald-500 pl-4 py-3 bg-emerald-50\/50 rounded-r-lg italic text-gray-600 leading-relaxed\">\n \u30b9\u30e9\u30a4\u30c0\u30fc\u3092\u52d5\u304b\u3057\u3066\u3001\u5ba2\u89b3\u7684\u306a\u9762\u8ac7\u30b9\u30ad\u30eb\u3092\u30c1\u30a7\u30c3\u30af\u3057\u3066\u304f\u3060\u3055\u3044\u3002\n <\/div>\n<p> <button onclick=\"window.print()\" class=\"w-full py-4 bg-gray-900 text-white rounded-xl font-bold hover:bg-black transition shadow-lg\"><br \/>\n \u8a3a\u65ad\u7d50\u679c\u3092PDF\u3067\u4fdd\u5b58<br \/>\n <\/button>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section id=\"service-detail\" class=\"py-24 bg-white relative overflow-hidden\">\n<div class=\"absolute top-0 right-0 w-64 h-64 bg-emerald-50 rounded-full blur-3xl -mr-32 -mt-32 opacity-60\"><\/div>\n<div class=\"absolute bottom-0 left-0 w-96 h-96 bg-emerald-50 rounded-full blur-3xl -ml-48 -mb-48 opacity-60\"><\/div>\n<div class=\"max-w-7xl mx-auto px-4 relative z-10\">\n<div class=\"text-center mb-20\">\n<h2 class=\"text-3xl sm:text-5xl font-black mb-6 text-gray-900 tracking-tight\">\u300c\u4eba\u4e8b\u306e\u30af\u30b9\u30ea\u7bb1\u300d\u304c\u3067\u304d\u308b\u3053\u3068<\/h2>\n<p class=\"text-lg text-gray-600 max-w-2xl mx-auto\">\n \u79c1\u305f\u3061\u306f\u305f\u3060\u306e\u30a2\u30c9\u30d0\u30a4\u30b6\u30fc\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u73fe\u5834\u306b\u6df1\u304f\u5165\u308a\u8fbc\u307f\u3001\u7d44\u7e54\u306e\u5065\u5eb7\u3092\u5b9f\u52d9\u30ec\u30d9\u30eb\u3067\u652f\u3048\u308b\u300c\u5e38\u5099\u85ac\u300d\u306e\u3088\u3046\u306a\u5b58\u5728\u3067\u3059\u3002\n <\/p>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"mb-24\">\n<div class=\"flex items-center gap-4 mb-10\">\n<h3 class=\"text-2xl font-black bg-emerald-600 text-white px-6 py-2 rounded-lg\">\u4e2d\u5c0f\u4f01\u696d\u3092\u8972\u3046\u300c7\u3064\u306e\u30d2\u30c8\u30ea\u30b9\u30af\u300d<\/h3>\n<div class=\"h-1 flex-grow bg-emerald-100 rounded-full hidden sm:block\"><\/div>\n<\/p><\/div>\n<div class=\"grid grid-cols-2 md:grid-cols-4 lg:grid-cols-7 gap-4\">\n<div class=\"p-6 bg-gray-50 rounded-2xl border border-gray-100 text-center hover:bg-emerald-500 hover:text-white transition-colors duration-300 group\">\n<div class=\"text-3xl mb-3\">\ud83d\udce2<\/div>\n<p class=\"font-bold text-sm\">\u63a1\u7528<\/p>\n<p class=\"text-[10px] opacity-70 mt-1 group-hover:text-emerald-50\">\u5c02\u9580\u6027\u4e0d\u8db3\u306e\u89e3\u6d88<\/p>\n<\/p><\/div>\n<div class=\"p-6 bg-gray-50 rounded-2xl border border-gray-100 text-center hover:bg-emerald-500 hover:text-white transition-colors duration-300 group\">\n<div class=\"text-3xl mb-3\">\ud83e\udd1d<\/div>\n<p class=\"font-bold text-sm\">\u5b9a\u7740<\/p>\n<p class=\"text-[10px] opacity-70 mt-1 group-hover:text-emerald-50\">\u30df\u30b9\u30de\u30c3\u30c1\u9632\u6b62<\/p>\n<\/p><\/div>\n<div class=\"p-6 bg-gray-50 rounded-2xl border border-gray-100 text-center hover:bg-emerald-500 hover:text-white transition-colors duration-300 group\">\n<div class=\"text-3xl mb-3\">\ud83c\udf31<\/div>\n<p class=\"font-bold text-sm\">\u80b2\u6210<\/p>\n<p class=\"text-[10px] opacity-70 mt-1 group-hover:text-emerald-50\">\u81ea\u5f8b\u578b\u4eba\u6750\u306e\u5275\u51fa<\/p>\n<\/p><\/div>\n<div class=\"p-6 bg-gray-50 rounded-2xl border border-gray-100 text-center hover:bg-emerald-500 hover:text-white transition-colors duration-300 group\">\n<div class=\"text-3xl mb-3\">\u2696\ufe0f<\/div>\n<p class=\"font-bold text-sm\">\u8a55\u4fa1<\/p>\n<p class=\"text-[10px] opacity-70 mt-1 group-hover:text-emerald-50\">\u7d0d\u5f97\u611f\u3042\u308b\u5236\u5ea6\u8a2d\u8a08<\/p>\n<\/p><\/div>\n<div class=\"p-6 bg-gray-50 rounded-2xl border border-gray-100 text-center hover:bg-emerald-500 hover:text-white transition-colors duration-300 group\">\n<div class=\"text-3xl mb-3\">\ud83c\udf08<\/div>\n<p class=\"font-bold text-sm\">\u591a\u69d8\u6027<\/p>\n<p class=\"text-[10px] opacity-70 mt-1 group-hover:text-emerald-50\">\u500b\u6027\u3092\u529b\u306b\u5909\u3048\u308b<\/p>\n<\/p><\/div>\n<div class=\"p-6 bg-gray-50 rounded-2xl border border-gray-100 text-center hover:bg-emerald-500 hover:text-white transition-colors duration-300 group\">\n<div class=\"text-3xl mb-3\">\ud83d\udcdd<\/div>\n<p class=\"font-bold text-sm\">\u52b4\u52d9<\/p>\n<p class=\"text-[10px] opacity-70 mt-1 group-hover:text-emerald-50\">\u30c8\u30e9\u30d6\u30eb\u306e\u672a\u7136\u9632\u6b62<\/p>\n<\/p><\/div>\n<div class=\"p-6 bg-gray-50 rounded-2xl border border-gray-100 text-center hover:bg-emerald-500 hover:text-white transition-colors duration-300 group\">\n<div class=\"text-3xl mb-3\">\ud83d\udc51<\/div>\n<p class=\"font-bold text-sm\">\u5f8c\u7d99\u8005<\/p>\n<p class=\"text-[10px] opacity-70 mt-1 group-hover:text-emerald-50\">\u6b21\u4ee3\u30ea\u30fc\u30c0\u30fc\u306e\u80b2\u6210<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"grid grid-cols-1 lg:grid-cols-2 gap-16 items-center\">\n<div class=\"relative\">\n<div class=\"bg-pattern absolute inset-0 opacity-10\"><\/div>\n<div class=\"relative bg-white p-1 rounded-3xl shadow-2xl overflow-hidden\">\n<div class=\"bg-emerald-600 p-8 text-white rounded-2xl\">\n<h4 class=\"text-2xl font-bold mb-6 italic\">“\u4eba\u4e8b\u304c\u5909\u308f\u308c\u3070\u3001\u7d4c\u55b6\u306e\u30b9\u30d4\u30fc\u30c9\u304c\u5909\u308f\u308b\u3002”<\/h4>\n<div class=\"space-y-6\">\n<div class=\"flex gap-4 items-start\">\n<div class=\"bg-white\/20 p-2 rounded-lg\">\ud83d\udcca<\/div>\n<div>\n<p class=\"font-bold\">\u610f\u601d\u6c7a\u5b9a\u306e\u8cea\u304c\u5411\u4e0a<\/p>\n<p class=\"text-sm text-emerald-100\">\u73fe\u5834\u306e\u30ea\u30a2\u30eb\u306a\u30c7\u30fc\u30bf\u3092\u5143\u306b\u3001\u78ba\u4fe1\u3092\u6301\u3063\u305f\u7d4c\u55b6\u5224\u65ad\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"flex gap-4 items-start\">\n<div class=\"bg-white\/20 p-2 rounded-lg\">\ud83d\udee1\ufe0f<\/div>\n<div>\n<p class=\"font-bold\">\u6cd5\u7684\u30fb\u611f\u60c5\u7684\u30ea\u30b9\u30af\u306e\u56de\u907f<\/p>\n<p class=\"text-sm text-emerald-100\">\u5c02\u9580\u5bb6\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u3092\u901a\u3058\u3001\u52b4\u50cd\u30c8\u30e9\u30d6\u30eb\u3084\u5fc3\u7406\u7684\u5bfe\u7acb\u3092\u82bd\u306e\u3046\u3061\u306b\u6458\u307f\u53d6\u308a\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"flex gap-4 items-start\">\n<div class=\"bg-white\/20 p-2 rounded-lg\">\ud83d\ude80<\/div>\n<div>\n<p class=\"font-bold\">\u672c\u6765\u306e\u7d4c\u55b6\u696d\u52d9\u306b\u96c6\u4e2d<\/p>\n<p class=\"text-sm text-emerald-100\">\u7169\u96d1\u306a\u4eba\u4e8b\u8ab2\u984c\u3092\u30a2\u30a6\u30c8\u30bd\u30fc\u30b9\u30fb\u4ed5\u7d44\u307f\u5316\u3059\u308b\u3053\u3068\u3067\u3001\u793e\u9577\u306f\u672a\u6765\u3092\u5275\u308b\u4ed5\u4e8b\u306b\u5c02\u5ff5\u3067\u304d\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"space-y-8\">\n<h3 class=\"text-3xl font-black text-gray-900 leading-tight\">\u79c1\u305f\u3061\u304c\u9078\u3070\u308c\u308b\u7406\u7531<\/h3>\n<div class=\"space-y-6\">\n<div class=\"flex gap-6\">\n<div class=\"text-4xl\">\ud83d\udca1<\/div>\n<div>\n<h4 class=\"text-xl font-bold mb-2\">\u300c\u5c02\u9580\u533b\u300d\u3078\u306e\u30cf\u30d6\u6a5f\u80fd<\/h4>\n<p class=\"text-gray-600 text-sm\">\u5f01\u8b77\u58eb\u3084\u793e\u52b4\u58eb\u3001\u7814\u4fee\u4f1a\u793e\u306a\u3069\u3001\u591a\u5c90\u306b\u308f\u305f\u308b\u5c02\u9580\u5bb6\u306e\u4e2d\u304b\u3089\u3001\u8cb4\u793e\u306e\u8ab2\u984c\u306b\u6700\u3082\u9069\u3057\u305f\u300c\u540d\u533b\u300d\u3092\u30de\u30c3\u30c1\u30f3\u30b0\u3057\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"flex gap-6\">\n<div class=\"text-4xl\">\ud83c\udfaf<\/div>\n<div>\n<h4 class=\"text-xl font-bold mb-2\">\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3055\u308c\u305f\u51e6\u65b9\u7b8b<\/h4>\n<p class=\"text-gray-600 text-sm\">\u30d1\u30c3\u30b1\u30fc\u30b8\u5546\u54c1\u3092\u58f2\u308a\u3064\u3051\u308b\u306e\u3067\u306f\u306a\u304f\u3001\u8cb4\u793e\u306e\u4f01\u696d\u898f\u6a21\u30fb\u696d\u7a2e\u30fb\u30d5\u30a7\u30fc\u30ba\u306b\u5408\u308f\u305b\u305f\u6700\u9069\u306a\u89e3\u6c7a\u7b56\u3092\u63d0\u6848\u3057\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"flex gap-6\">\n<div class=\"text-4xl\">\ud83e\udd1d<\/div>\n<div>\n<h4 class=\"text-xl font-bold mb-2\">\u4f34\u8d70\u578b\u306e\u30b5\u30dd\u30fc\u30c8\u4f53\u5236<\/h4>\n<p class=\"text-gray-600 text-sm\">\u63d0\u6848\u3057\u3066\u7d42\u308f\u308a\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u5236\u5ea6\u306e\u5b9a\u7740\u3084\u793e\u54e1\u3078\u306e\u6d78\u900f\u307e\u3067\u3001\u4e8c\u4eba\u4e09\u811a\u3067\u6700\u5f8c\u307e\u3067\u8cac\u4efb\u3092\u6301\u3063\u3066\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<footer class=\"bg-gray-900 text-white py-16\">\n<div class=\"max-w-7xl mx-auto px-4 text-center\">\n<div class=\"text-3xl font-black text-emerald-500 mb-8 tracking-tighter\">\u4eba\u4e8b\u306e\u30af\u30b9\u30ea\u7bb1<\/div>\n<p class=\"text-gray-400 text-sm max-w-xl mx-auto mb-10 leading-relaxed\">\n \u79c1\u305f\u3061\u306f\u3001\u4e2d\u5c0f\u4f01\u696d\u304c\u62b1\u3048\u308b\u300c\u4eba\u300d\u306e\u60a9\u307f\u306b\u5bc4\u308a\u6dfb\u3044\u3001<br class=\"hidden sm:block\"><br \/>\n \u60c5\u5831\u306e\u975e\u5bfe\u79f0\u6027\u3092\u89e3\u6d88\u3057\u3001\u8ab0\u3082\u304c\u6d3b\u304d\u6d3b\u304d\u3068\u50cd\u3051\u308b\u793e\u4f1a\u3092\u76ee\u6307\u3057\u3066\u3044\u307e\u3059\u3002\n <\/p>\n<p class=\"text-gray-500 text-xs\">© 2025 \u4eba\u4e8b\u306e\u30af\u30b9\u30ea\u7bb1 All rights reserved.<\/p>\n<\/p><\/div>\n<\/footer>\n<p> <br \/>\n <script>\n const categories = {\n A: { title: \"\u57fa\u672c\u30b9\u30ad\u30eb (\u5b9a\u91cf\u7684\u8a55\u4fa1)\", questions: [\n \"\u5019\u88dc\u8005\u306e\u8a71\u3092\u906e\u3089\u305a\u3001\u6700\u5f8c\u307e\u3067\u50be\u8074\u3067\u304d\u3066\u3044\u308b\u304b\",\n \"\u8cea\u554f\u306f\u8ad6\u7406\u7684\u3067\u4e00\u8cab\u3057\u3066\u304a\u308a\u3001\u610f\u56f3\u304c\u660e\u78ba\u304b\",\n \"\u56de\u7b54\u3092\u6b63\u3057\u304f\u7406\u89e3\u3057\u3001\u9069\u5b9c\u8981\u7d04\u3057\u3066\u78ba\u8a8d\u3067\u304d\u3066\u3044\u308b\u304b\",\n \"\u9762\u63a5\u306e\u9032\u884c\u3092\u6642\u9593\u901a\u308a\u306b\u7ba1\u7406\u3067\u304d\u3066\u3044\u308b\u304b\",\n \"\u81ea\u793e\u306e\u30d3\u30b8\u30e7\u30f3\u3084\u9b45\u529b\u3092\u5206\u304b\u308a\u3084\u3059\u304f\u4f1d\u3048\u3089\u308c\u3066\u3044\u308b\u304b\"\n ]},\n B: { title: \"\u5bfe\u8a71\u529b (\u5b89\u5fc3\u611f\u30fb\u5f15\u304d\u51fa\u3057)\", questions: [\n \"\u76f8\u624b\u304c\u30ea\u30e9\u30c3\u30af\u30b9\u3057\u3066\u672c\u97f3\u3092\u8a71\u305b\u308b\u96f0\u56f2\u6c17\u3092\u4f5c\u308c\u3066\u3044\u308b\u304b\",\n \"\u5019\u88dc\u8005\u306e\u5f37\u307f\u3084\u5f31\u307f\u3092\u5f15\u304d\u51fa\u3059\u8cea\u554f\u304c\u3067\u304d\u3066\u3044\u308b\u304b\",\n \"\u76f8\u624b\u306e\u4fa1\u5024\u89b3\u3084\u30ad\u30e3\u30ea\u30a2\u5fd7\u5411\u3092\u6b63\u3057\u304f\u7406\u89e3\u3067\u304d\u3066\u3044\u308b\u304b\",\n \"\u4e3b\u89b3\u3092\u62bc\u3057\u4ed8\u3051\u305a\u3001\u516c\u5e73\u30fb\u4e2d\u7acb\u306a\u614b\u5ea6\u3092\u4fdd\u3066\u3066\u3044\u308b\u304b\",\n \"\u9762\u63a5\u5f8c\u306b\u9069\u5207\u306a\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3092\u4f1d\u3048\u3089\u308c\u3066\u3044\u308b\u304b\"\n ]},\n C: { title: \"\u5224\u65ad\u529b\u30fb\u8a55\u4fa1\u529b (\u898b\u6975\u3081\u30fb\u6839\u62e0)\", questions: [\n \"\u30b9\u30ad\u30eb\u3092\u8077\u52d9\u8981\u4ef6(JD)\u3068\u51b7\u9759\u306b\u7167\u3089\u3057\u5408\u308f\u305b\u3066\u3044\u308b\u304b\",\n \"\u7d44\u7e54\u306e\u30ab\u30eb\u30c1\u30e3\u30fc\u306b\u5408\u3046\u304b\u3069\u3046\u304b\u3092\u898b\u6975\u3081\u3066\u3044\u308b\u304b\",\n \"\u7b2c\u4e00\u5370\u8c61\u3084\u30d0\u30a4\u30a2\u30b9\u3092\u6392\u9664\u3057\u3001\u4e8b\u5b9f\u3067\u8a55\u4fa1\u3057\u3066\u3044\u308b\u304b\",\n \"\u8868\u9762\u7684\u306a\u56de\u7b54\u306e\u88cf\u306b\u3042\u308b\u300c\u6f5c\u5728\u80fd\u529b\u300d\u3092\u6398\u308a\u4e0b\u3052\u3066\u3044\u308b\u304b\",\n \"\u63a1\u7528\u53ef\u5426\u306e\u5224\u65ad\u6839\u62e0\u3092\u3001\u8ad6\u7406\u7684\u306b\u8a00\u8a9e\u5316\u3067\u304d\u3066\u3044\u308b\u304b\"\n ]},\n D: { title: \"\u6226\u7565\u7684\u8996\u70b9 (\u80b2\u6210\u30fb\u63a5\u7d9a)\", questions: [\n \"\u63a1\u7528\u5f8c\u306e\u80b2\u6210\u30d7\u30e9\u30f3\u3092\u5177\u4f53\u7684\u306b\u30a4\u30e1\u30fc\u30b8\u3067\u304d\u3066\u3044\u308b\u304b\",\n \"\u81ea\u793e\u306e\u8ab2\u984c\u3068\u5019\u88dc\u8005\u306e\u63a5\u70b9\u3092\u898b\u51fa\u305b\u3066\u3044\u308b\u304b\",\n \"\u4e2d\u9577\u671f\u7684\u306a\u5b9a\u7740\u53ef\u80fd\u6027\uff08\u30e9\u30a4\u30d5\u30b9\u30c6\u30fc\u30b8\u7b49\uff09\u3092\u8003\u616e\u3057\u3066\u3044\u308b\u304b\",\n \"\u914d\u5c5e\u90e8\u7f72\u3068\u306e\u9023\u643a\u3092\u610f\u8b58\u3057\u3066\u8a55\u4fa1\u3067\u304d\u3066\u3044\u308b\u304b\",\n \"\u63a1\u7528\u6d3b\u52d5\u81ea\u4f53\u3092\u6539\u5584\u3059\u308b\u305f\u3081\u306e\u63d0\u6848\u304c\u3067\u304d\u3066\u3044\u308b\u304b\"\n ]}\n };<\/p>\n<p> let chart;\n const scores = { A: [0,0,0,0,0], B: [0,0,0,0,0], C: [0,0,0,0,0], D: [0,0,0,0,0] };<\/p>\n<p> function initSurvey() {\n const container = document.getElementById('survey-container');\n Object.keys(categories).forEach(catKey => {\n const cat = categories[catKey];\n const section = document.createElement('div');\n section.className = \"mb-12\";\n section.innerHTML = `<\/p>\n<div class=\"flex justify-between items-end mb-6 border-b-2 border-emerald-50 pb-2\">\n<h4 class=\"font-black text-gray-800 text-lg\">${cat.title}<\/h4>\n<p> <span id=\"avg-${catKey}\" class=\"text-sm text-emerald-600 font-bold\">\u5e73\u5747: 0.0<\/span>\n <\/div>\n<div class=\"space-y-8\">\n ${cat.questions.map((q, i) => `<\/p>\n<div>\n<div class=\"flex justify-between mb-3 items-start\">\n <label class=\"text-sm font-semibold text-gray-600 leading-tight pr-4\">${i+1}. ${q}<\/label>\n <span class=\"text-lg font-black text-emerald-600 min-w-[20px] text-right\" id=\"val-${catKey}-${i}\">0<\/span>\n <\/div>\n<p> <input type=\"range\" min=\"0\" max=\"5\" value=\"0\" step=\"1\" \n class=\"input-range\" \n oninput=\"updateScore('${catKey}', ${i}, this.value)\">\n <\/div>\n<p> `).join('')}\n <\/p><\/div>\n<p> `;\n container.appendChild(section);\n });\n }<\/p>\n<p> function updateScore(cat, index, val) {\n scores[cat][index] = parseInt(val);\n document.getElementById(`val-${cat}-${index}`).innerText = val;\n calculate();\n }<\/p>\n<p> function calculate() {\n const averages = Object.keys(categories).map(cat => {\n const sum = scores[cat].reduce((a, b) => a + b, 0);\n const avg = sum \/ scores[cat].length;\n document.getElementById(`avg-${cat}`).innerText = `\u5e73\u5747: ${avg.toFixed(1)}`;\n return avg;\n });<\/p>\n<p> const total = Object.values(scores).flat().reduce((a,b) => a+b, 0);\n document.getElementById('total-score').innerText = total;<\/p>\n<p> chart.data.datasets[0].data = averages;\n chart.update();\n updateFeedback(total);\n }<\/p>\n<p> function updateFeedback(total) {\n const area = document.getElementById('feedback-area');\n if (total === 0) area.innerHTML = \"\u30c1\u30a7\u30c3\u30af\u3092\u958b\u59cb\u3057\u3066\u304f\u3060\u3055\u3044\u3002\";\n else if (total < 40) area.innerHTML = \"<strong>\u3010\u8981\u6539\u5584\u3011<\/strong>\u5c5e\u4eba\u7684\u306a\u611f\u899a\u306b\u983c\u308a\u3059\u304e\u3066\u3044\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002\u8a55\u4fa1\u57fa\u6e96\u306e\u8a00\u8a9e\u5316\u304c\u5fc5\u8981\u3067\u3059\u3002\";\n else if (total < 75) area.innerHTML = \"<strong>\u3010\u6a19\u6e96\u3011<\/strong>\u4e00\u5b9a\u306e\u30b9\u30ad\u30eb\u304c\u3042\u308a\u307e\u3059\u304c\u3001\u30d0\u30a4\u30a2\u30b9\u306e\u6392\u9664\u3084\u6226\u7565\u7684\u306a\u8cea\u554f\u3067\u7cbe\u5ea6\u304c\u4e0a\u304c\u308a\u307e\u3059\u3002\";\n else area.innerHTML = \"<strong>\u3010\u512a\u79c0\u3011<\/strong>\u9ad8\u3044\u30ec\u30d9\u30eb\u3067\u3059\u3002\u793e\u5185\u306e\u9762\u8ac7\u30e1\u30f3\u30bf\u30fc\u3068\u3057\u3066\u5f8c\u9032\u306e\u80b2\u6210\u304c\u671f\u5f85\u3067\u304d\u307e\u3059\u3002\";\n }<\/p>\n<p> function initChart() {\n const ctx = document.getElementById('radarChart').getContext('2d');\n chart = new Chart(ctx, {\n type: 'radar',\n data: {\n labels: [\"\u57fa\u672c\u30b9\u30ad\u30eb\", \"\u5bfe\u8a71\u529b\", \"\u5224\u65ad\u30fb\u8a55\u4fa1\u529b\", \"\u6226\u7565\u7684\u8996\u70b9\"],\n datasets: [{\n label: '\u504f\u5dee\u5024',\n data: [0, 0, 0, 0],\n backgroundColor: 'rgba(16, 185, 129, 0.2)',\n borderColor: '#10B981',\n borderWidth: 3\n }]\n },\n options: {\n scales: { r: { beginAtZero: true, max: 5, ticks: { display: false } } },\n plugins: { legend: { display: false } }\n }\n });\n }<\/p>\n<p> function resetAll() { if(confirm('\u30ea\u30bb\u30c3\u30c8\u3057\u307e\u3059\u304b\uff1f')) location.reload(); }<\/p>\n<p> window.onload = () => {\n initSurvey();\n initChart();\n };\n <\/script><\/p>\n<p><!DOCTYPE html><br \/>\n<html lang=\"ja\"><br \/>\n<head><br \/>\n <meta charset=\"UTF-8\"><br \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n <title>\u4eba\u4e8b\u306e\u30af\u30b9\u30ea\u7bb1\uff5c\u30d2\u30c8\u30ea\u30b9\u30af\u5065\u5eb7\u8a3a\u65ad\u30a2\u30d7\u30ea<\/title><br \/>\n <br \/>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script><br \/>\n \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@400;500;700;900&family=Shippori+Mincho:wght@700&display=swap\" rel=\"stylesheet\">\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n<style>\n body {\n font-family: 'Noto Sans JP', sans-serif;\n background-color: #f0f4f8;\n }\n .handwriting {\n font-family: 'Shippori Mincho', serif;\n }\n \/* \u30b9\u30e0\u30fc\u30ba\u306a\u30d5\u30a7\u30fc\u30c9\u30a4\u30f3\u30fb\u30d5\u30a7\u30fc\u30c9\u30a2\u30a6\u30c8 *\/\n .page-transition {\n transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;\n }\n .hidden-page {\n opacity: 0;\n transform: translateY(10px);\n pointer-events: none;\n position: absolute;\n width: 100%;\n }\n .active-page {\n opacity: 1;\n transform: translateY(0);\n pointer-events: auto;\n position: relative;\n }\n \/* \u30af\u30b9\u30ea\u306e\u30e1\u30bf\u30d5\u30a1\u30fc\u30b9\u30bf\u30a4\u30eb *\/\n .medical-blue {\n color: #005bac;\n }\n .bg-medical-blue {\n background-color: #005bac;\n }\n .border-medical-blue {\n border-color: #005bac;\n }\n \/* \u8a3a\u65ad\u30b9\u30bf\u30f3\u30d7\u98a8\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\n .stamp-animation {\n animation: stampIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;\n }\n @keyframes stampIn {\n 0% { transform: scale(3) rotate(-30deg); opacity: 0; }\n 100% { transform: scale(1) rotate(-12deg); opacity: 0.85; }\n }\n <\/style>\n<p><\/head><br \/>\n<body class=\"min-h-screen flex flex-col justify-between text-gray-800 antialiased selection:bg-blue-100\"><\/p>\n<p> <\/p>\n<header class=\"bg-white border-b border-blue-100 py-4 px-6 sticky top-0 z-30 shadow-sm\">\n<div class=\"max-w-4xl mx-auto flex items-center justify-between\">\n<div class=\"flex items-center space-x-3\">\n<div class=\"w-10 h-10 bg-medical-blue rounded-xl flex items-center justify-center text-white text-xl font-bold shadow-md shadow-blue-200\">\n <i class=\"fa-solid fa-briefcase-medical\"><\/i>\n <\/div>\n<div>\n<h1 class=\"text-lg font-black tracking-tight text-blue-900 flex items-center\">\n \u4eba\u4e8b\u306e\u30af\u30b9\u30ea\u7bb1<br \/>\n <span class=\"ml-2 px-1.5 py-0.5 bg-blue-100 text-blue-800 text-[10px] font-bold rounded-md\">\u7121\u6599\u8a3a\u65ad\u30a2\u30d7\u30ea<\/span><br \/>\n <\/h1>\n<p class=\"text-[10px] text-gray-400\">\u30d2\u30c8\u306e\u5065\u5eb7\u304c\u3001\u4f1a\u793e\u306e\u672a\u6765\u3092\u5f37\u304f\u3059\u308b\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"text-xs text-gray-400 font-mono hidden sm:block\">Karte No. 2026-HR<\/div>\n<\/p><\/div>\n<\/header>\n<p> <br \/>\n <main class=\"flex-grow max-w-4xl w-full mx-auto px-4 py-8 relative\"><\/p>\n<p> <\/p>\n<section id=\"page-start\" class=\"page-transition active-page\">\n<div class=\"bg-white rounded-3xl p-8 md:p-12 shadow-xl border border-blue-50 relative overflow-hidden\">\n <\/p>\n<div class=\"absolute -top-20 -right-20 w-64 h-64 bg-blue-50 rounded-full opacity-60\"><\/div>\n<div class=\"absolute -bottom-20 -left-20 w-48 h-48 bg-orange-50 rounded-full opacity-60\"><\/div>\n<div class=\"relative z-10 max-w-2xl mx-auto text-center\">\n <span class=\"px-3 py-1 bg-orange-100 text-orange-700 text-xs font-bold rounded-full tracking-wider uppercase\">HR Vital Sign Check<\/span><\/p>\n<h2 class=\"text-3xl md:text-4xl font-black text-gray-900 leading-tight mt-4 mb-6\">\n \u305d\u306e\u300c\u4eba\u300d\u306e\u60a9\u307f\u3001<br class=\"sm:hidden\">\u7d4c\u55b6\u306e<span class=\"relative inline-block text-medical-blue\">\u300c\u6301\u75c5\u300d<span class=\"absolute bottom-1 left-0 w-full h-2 bg-yellow-300 opacity-60 -z-10\"><\/span><\/span>\u306b\u3057\u3066\u3044\u307e\u305b\u3093\u304b\uff1f<br \/>\n <\/h2>\n<p class=\"text-gray-600 text-sm md:text-base leading-relaxed mb-8\">\n \u512a\u79c0\u306a\u793e\u54e1\u306e\u96e2\u8077\u306f\u300c\u51fa\u8840\u300d\u3001\u63a1\u7528\u96e3\u306f\u300c\u8ca7\u8840\u300d\u3002<br \/>\n \u672c\u97f3\u3092\u8a00\u308f\u305a\u306b\u300c\u4e00\u8eab\u4e0a\u306e\u90fd\u5408\u300d\u3067\u53bb\u3063\u3066\u3044\u304f\u90e8\u4e0b\u305f\u3061\u306e\u3001\u672c\u5f53\u306e\u4e0d\u6e80\u306f\u65e5\u5e38\u306e\u3084\u308a\u53d6\u308a\uff08\u30d6\u30e9\u30c3\u30af\u30dc\u30c3\u30af\u30b9\uff09\u306e\u4e2d\u306b\u96a0\u3055\u308c\u3066\u3044\u307e\u3059\u3002<br \/>\n 20\u306e\u8cea\u554f\u306b\u7b54\u3048\u3066\u3001\u7d44\u7e54\u306e\u300c\u30d2\u30c8\u30ea\u30b9\u30af\u91cd\u75c7\u5ea6\u300d\u3092\u3042\u3076\u308a\u51fa\u3057\u307e\u3057\u3087\u3046\u3002\n <\/p>\n<p> <br \/>\n <button onclick=\"startDiagnosis()\" class=\"bg-medical-blue hover:bg-blue-800 text-white font-bold text-lg px-8 py-4 rounded-full shadow-lg shadow-blue-200 transition-all transform hover:-translate-y-0.5 active:translate-y-0 w-full sm:w-auto\"><br \/>\n \u7121\u6599\u8a3a\u65ad\u3092\u958b\u59cb\u3059\u308b <i class=\"fa-solid fa-arrow-right ml-2\"><\/i><br \/>\n <\/button><\/p>\n<div class=\"grid grid-cols-3 gap-4 mt-12 border-t border-gray-100 pt-8 text-gray-500\">\n<div class=\"text-center\">\n<div class=\"text-2xl text-medical-blue mb-1\"><i class=\"fa-solid fa-stethoscope\"><\/i><\/div>\n<p class=\"text-xs font-bold text-gray-700\">\u8a2d\u554f\u6570: 20\u554f<\/p>\n<p class=\"text-[9px] text-gray-400 mt-1\">\u7d043\u5206\u3067\u5b8c\u4e86\u3057\u307e\u3059<\/p>\n<\/p><\/div>\n<div class=\"text-center border-x border-gray-100\">\n<div class=\"text-2xl text-orange-500 mb-1\"><i class=\"fa-solid fa-paste\"><\/i><\/div>\n<p class=\"text-xs font-bold text-gray-700\">\u8a3a\u65ad\u9805\u76ee: 5\u5927\u8981\u7d20<\/p>\n<p class=\"text-[9px] text-gray-400 mt-1\">\u63a1\u7528\u30fb\u5b9a\u7740\u30fb\u80b2\u6210\u30fb\u8a55\u4fa1\u30fb\u52b4\u52d9<\/p>\n<\/p><\/div>\n<div class=\"text-center\">\n<div class=\"text-2xl text-emerald-500 mb-1\"><i class=\"fa-solid fa-file-medical\"><\/i><\/div>\n<p class=\"text-xs font-bold text-gray-700\">\u51e6\u65b9\u7b8b\u306e\u81ea\u52d5\u767a\u884c<\/p>\n<p class=\"text-[9px] text-gray-400 mt-1\">\u7d50\u679c\u306b\u57fa\u3065\u304d\u5bfe\u7b56\u3092\u63d0\u6848<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section id=\"page-quiz\" class=\"page-transition hidden-page\">\n<div class=\"bg-white rounded-3xl p-6 md:p-8 shadow-xl border border-blue-50\">\n <\/p>\n<div class=\"flex justify-between items-center mb-4\">\n <span id=\"quiz-category\" class=\"px-2.5 py-1 bg-blue-50 text-medical-blue text-xs font-bold rounded-lg\">\u521d\u671f\u5bfe\u5fdc\u306e\u6a5f\u80fd\u4e0d\u5168<\/span><br \/>\n <span class=\"text-xs font-mono font-bold text-gray-400\" id=\"quiz-progress-text\">Step 1 \/ 5<\/span>\n <\/div>\n<p> <\/p>\n<div class=\"w-full h-2 bg-gray-100 rounded-full mb-8 overflow-hidden\">\n<div id=\"quiz-progress-bar\" class=\"h-full bg-medical-blue transition-all duration-300\" style=\"width: 20%\"><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div id=\"questions-container\" class=\"space-y-6\">\n \n <\/div>\n<p> <\/p>\n<div class=\"flex justify-between items-center mt-10 pt-6 border-t border-gray-100\">\n <button id=\"btn-prev\" onclick=\"prevStep()\" class=\"text-gray-400 hover:text-gray-600 text-sm font-bold flex items-center space-x-2 py-2 px-4 rounded-lg hover:bg-gray-50 transition-colors\"><br \/>\n <i class=\"fa-solid fa-chevron-left\"><\/i> <span>\u623b\u308b<\/span><br \/>\n <\/button><br \/>\n <button id=\"btn-next\" onclick=\"nextStep()\" class=\"bg-medical-blue hover:bg-blue-800 text-white font-bold text-sm px-6 py-3 rounded-xl shadow-md shadow-blue-100 flex items-center space-x-2 transition-all\"><br \/>\n <span id=\"btn-next-text\">\u6b21\u306e\u8a2d\u554f\u3078<\/span> <i class=\"fa-solid fa-chevron-right text-xs\"><\/i><br \/>\n <\/button>\n <\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section id=\"page-result\" class=\"page-transition hidden-page\">\n <\/p>\n<div class=\"bg-white rounded-3xl shadow-2xl border-2 border-blue-900\/10 p-6 md:p-10 overflow-hidden relative\" id=\"result-print-area\">\n<p> <\/p>\n<div id=\"result-stamp\" class=\"absolute top-8 right-8 z-20 font-black tracking-widest uppercase pointer-events-none hidden sm:block\">\n \n <\/div>\n<div class=\"border-b-4 border-double border-blue-900 pb-6 mb-8 flex flex-col sm:flex-row justify-between items-start sm:items-center\">\n<div>\n<h2 class=\"text-2xl font-black text-blue-950 flex items-center gap-2\">\n <i class=\"fa-solid fa-file-prescription text-medical-blue\"><\/i><br \/>\n \u7d44\u7e54\u306e\u30d2\u30c8\u30ea\u30b9\u30af\u51e6\u65b9\u7b8b<br \/>\n <\/h2>\n<p class=\"text-xs text-gray-400 font-mono mt-1\">Prescription No. <span id=\"presc-id\">—-<\/span><\/p>\n<\/p><\/div>\n<div class=\"text-right mt-4 sm:mt-0 text-xs text-gray-500 font-bold bg-blue-50\/50 p-2.5 rounded-lg border border-blue-100\">\n \u8a3a\u65ad\u65e5: <span id=\"current-date\">—-\u5e74–\u6708–\u65e5<\/span><br \/>\n \u62c5\u5f53\u533b: \u4eba\u4e8b\u306e\u30af\u30b9\u30ea\u7bb1 \u8a3a\u65ad\u30c1\u30fc\u30e0\n <\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 mb-8\">\n <\/p>\n<div class=\"bg-blue-50\/40 rounded-2xl p-6 border border-blue-100\/50 flex flex-col items-center justify-center text-center\">\n <span class=\"text-xs font-bold text-blue-900 tracking-wider\">\u30d2\u30c8\u30ea\u30b9\u30af\u91cd\u75c7\u5ea6<\/span><\/p>\n<div class=\"relative my-4 flex items-center justify-center\">\n <\/p>\n<div class=\"text-5xl font-black text-blue-900\" id=\"result-score\">0<\/div>\n<div class=\"text-sm font-bold text-gray-400 ml-1\">\/ 20\u554f<\/div>\n<\/p><\/div>\n<div class=\"text-xs text-gray-500\" id=\"result-score-evaluation\">\u521d\u671f\u5bfe\u5fdc\u3092\u898b\u76f4\u3059\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"md:col-span-2 bg-slate-50 rounded-2xl p-6 border border-slate-200\/60 relative\">\n <span class=\"px-2.5 py-0.5 bg-red-100 text-red-800 text-[10px] font-bold rounded-md\">\u8a3a\u65ad\u7d50\u679c\u306e\u898b\u7acb\u3066<\/span><\/p>\n<h4 class=\"text-xl font-black text-gray-900 mt-2 mb-3\" id=\"result-diagnosis-name\">—-<\/h4>\n<p class=\"text-xs leading-relaxed text-gray-600\" id=\"result-diagnosis-desc\">\n \u3053\u3053\u306b\u8a3a\u65ad\u7d50\u679c\u306b\u5408\u308f\u305b\u305f\u898b\u7acb\u3066\u6587\u8a00\u3092\u633f\u5165\u3057\u307e\u3059\u3002\n <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"mb-8\">\n<h4 class=\"text-sm font-bold text-gray-500 mb-4 tracking-wider uppercase flex items-center gap-2\">\n <i class=\"fa-solid fa-pills text-medical-blue\"><\/i> \u672c\u65e5\u306e\u51e6\u65b9\u30d7\u30e9\u30f3\uff08\u304a\u3059\u3059\u3081\u306e\u304a\u85ac\uff09<br \/>\n <\/h4>\n<div class=\"grid grid-cols-1 md:grid-cols-3 gap-4\" id=\"prescribed-medicine-container\">\n \n <\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"bg-amber-50\/60 rounded-2xl p-6 border border-amber-200\/60 mb-8\">\n<h4 class=\"text-xs font-bold text-amber-800 tracking-wider flex items-center gap-2 mb-2\">\n <i class=\"fa-solid fa-user-doctor\"><\/i> \u5c02\u9580\u533b\uff08\u30ad\u30e3\u30ea\u30b3\u30f3\u30fb\u793e\u52b4\u58eb\uff09\u304b\u3089\u306e\u30a2\u30c9\u30d0\u30a4\u30b9<br \/>\n <\/h4>\n<p class=\"text-xs text-amber-900\/80 leading-relaxed handwriting\" id=\"result-doctor-advice\">\n \u300c\u4e00\u8eab\u4e0a\u306e\u90fd\u5408\u300d\u3068\u3044\u3046\u9000\u8077\u7406\u7531\u306e\u9670\u306b\u96a0\u3055\u308c\u305f\u3001\u8077\u5834\u3078\u306e\u4e0d\u6e80\u3084\u6210\u9577\u6a5f\u4f1a\u306e\u4e0d\u8db3\u3002\u307e\u305a\u306f\u3001\u7d4c\u55b6\u8005\u306e\u300c\u58c1\u6253\u3061\u300d\u304b\u3089\u59cb\u3081\u3066\u307f\u307e\u305b\u3093\u304b\u3002\n <\/p>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"flex flex-col sm:flex-row gap-4 justify-between items-center border-t border-gray-100 pt-8\">\n<div class=\"flex gap-2\">\n <button onclick=\"copyPrescription()\" class=\"px-4 py-2 bg-gray-100 hover:bg-gray-200 text-gray-700 text-xs font-bold rounded-lg transition-colors flex items-center gap-1\"><br \/>\n <i class=\"fa-solid fa-copy\"><\/i> \u7d50\u679c\u3092\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\u306b\u30b3\u30d4\u30fc<br \/>\n <\/button><br \/>\n <button onclick=\"window.print()\" class=\"px-4 py-2 bg-gray-100 hover:bg-gray-200 text-gray-700 text-xs font-bold rounded-lg transition-colors flex items-center gap-1\"><br \/>\n <i class=\"fa-solid fa-print\"><\/i> \u5370\u5237\u3059\u308b<br \/>\n <\/button>\n <\/div>\n<p> <button onclick=\"resetDiagnosis()\" class=\"text-medical-blue hover:underline text-xs font-bold\"><br \/>\n \u3082\u3046\u4e00\u5ea6\u8a3a\u65ad\u3092\u884c\u3046 <i class=\"fa-solid fa-rotate-right ml-1\"><\/i><br \/>\n <\/button>\n <\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"bg-white rounded-3xl p-6 md:p-8 shadow-xl border border-blue-50 mt-8 text-center relative overflow-hidden\">\n<div class=\"absolute top-0 right-0 w-32 h-32 bg-orange-100\/30 rounded-full blur-2xl\"><\/div>\n<div class=\"relative z-10 max-w-xl mx-auto\">\n <span class=\"px-2.5 py-0.5 bg-orange-100 text-orange-800 text-[10px] font-bold rounded-md uppercase tracking-wider\">Campaign<\/span><\/p>\n<h3 class=\"text-lg font-black text-gray-900 mt-2\">\u4e00\u5ea6\u3001\u5c02\u9580\u5bb6\u3068\u300c\u7121\u6599\u554f\u8a3a\u300d\u3092\u884c\u3063\u3066\u307f\u307e\u305b\u3093\u304b\uff1f<\/h3>\n<p class=\"text-xs text-gray-500 mt-1 mb-6\">\u73fe\u72b6\u306e\u30e2\u30e4\u30e2\u30e4\u3092\u6574\u7406\u3057\u30017\u3064\u306e\u8996\u70b9\u3067\u7d44\u7e54\u8a3a\u65ad\uff0830\u5206\u9593\u7121\u6599\uff09\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n<p> <\/p>\n<form id=\"contact-form\" onsubmit=\"handleFormSubmit(event)\" class=\"space-y-3 text-left\">\n<div class=\"grid grid-cols-1 sm:grid-cols-2 gap-3\">\n <input type=\"text\" id=\"form-company\" required placeholder=\"\u4f1a\u793e\u540d\" class=\"px-4 py-3 bg-gray-50 border border-gray-200 rounded-xl text-xs focus:outline-none focus:border-medical-blue w-full\"><br \/>\n <input type=\"text\" id=\"form-name\" required placeholder=\"\u304a\u540d\u524d\" class=\"px-4 py-3 bg-gray-50 border border-gray-200 rounded-xl text-xs focus:outline-none focus:border-medical-blue w-full\">\n <\/div>\n<div class=\"grid grid-cols-1 sm:grid-cols-2 gap-3\">\n <input type=\"email\" id=\"form-email\" required placeholder=\"\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\" class=\"px-4 py-3 bg-gray-50 border border-gray-200 rounded-xl text-xs focus:outline-none focus:border-medical-blue w-full\"><br \/>\n <input type=\"tel\" id=\"form-phone\" placeholder=\"\u96fb\u8a71\u756a\u53f7\" class=\"px-4 py-3 bg-gray-50 border border-gray-200 rounded-xl text-xs focus:outline-none focus:border-medical-blue w-full\">\n <\/div>\n<p> <button type=\"submit\" class=\"w-full py-3 bg-orange-500 hover:bg-orange-600 text-white font-bold text-xs rounded-xl shadow-lg shadow-orange-100 transition-all\"><br \/>\n 30\u5206\u306e\u7121\u6599\u554f\u8a3a\u3092\u4e88\u7d04\u3059\u308b\uff08\u7121\u6599\uff09<br \/>\n <\/button><br \/>\n <\/form>\n<div id=\"form-success-msg\" class=\"hidden text-emerald-600 text-xs font-bold mt-4\">\n <i class=\"fa-solid fa-circle-check\"><\/i> \u304a\u7533\u3057\u8fbc\u307f\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059\u3002\u6298\u308a\u8fd4\u3057\u62c5\u5f53\u533b\uff08\u53ca\u5ddd\uff09\u3088\u308a\u3054\u9023\u7d61\u3044\u305f\u3057\u307e\u3059\u3002\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/main><\/p>\n<p> <\/p>\n<footer class=\"bg-white border-t border-blue-100 py-6 px-6 text-center text-xs text-gray-400\">\n<div class=\"max-w-4xl mx-auto flex flex-col sm:flex-row justify-between items-center gap-4\">\n<p>© 2026 Jinji no Kusuribako. All rights reserved.<\/p>\n<div class=\"flex gap-4\">\n <a href=\"#\" class=\"hover:text-medical-blue\">\u5229\u7528\u898f\u7d04<\/a><br \/>\n <a href=\"#\" class=\"hover:text-medical-blue\">\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc<\/a>\n <\/div>\n<\/p><\/div>\n<\/footer>\n<p> <br \/>\n <script><\/p>\n<p> \/\/ \u8cea\u554f\u30c7\u30fc\u30bf\u5b9a\u7fa9\n const questions = [\n {\n id: 1,\n category: \"\u521d\u671f\u5bfe\u5fdc\u306e\u6a5f\u80fd\u4e0d\u5168\",\n step: \"1 \/ 5\",\n progress: 20,\n text: \"\u51fa\u793e\u3067\u304d\u306a\u304f\u306a\u3063\u305f\u793e\u54e1\u306b\u5bfe\u3057\u3066\u3001\u300c\u672c\u4eba\u304b\u3089\u9023\u7d61\u304c\u3042\u308b\u307e\u3067\u300d\u3068\u9759\u89b3\u3057\u30011\u9031\u9593\u4ee5\u4e0a\u5177\u4f53\u7684\u306a\u30a2\u30d7\u30ed\u30fc\u30c1\u3092\u6020\u3063\u3066\u3044\u307e\u3059\u304b\uff1f\",\n ngWord: \"\u300c\u4e86\u89e3\u3002\u6b21\u306f\u3044\u3064\u6765\u308c\u305d\u3046\uff1f\u300d\u3068\u5fa9\u5e30\u6642\u671f\u306e\u307f\u3092\u78ba\u8a8d\u3057\u3001\u4ed6\u306f\u9759\u89b3\u3002\",\n staffMind: \"\u300c\u30b7\u30d5\u30c8\u306e\u30b3\u30de\u3068\u3057\u304b\u898b\u3089\u308c\u3066\u3044\u306a\u3044\u3002\u5fc3\u914d\u3059\u3089\u3055\u308c\u3066\u3044\u306a\u3044\u3093\u3060\u306a\u3002\u300d\",\n risk: \"\u4e0d\u4fe1\u611f\u306e\u58ca\u75bd\uff08\u3048\u305d\uff09\u306b\u3088\u308b\u300c\u7a81\u767a\u7684\u306a\u9000\u8077\u4ee3\u884c\u306e\u5229\u7528\u300d\"\n },\n {\n id: 2,\n category: \"\u521d\u671f\u5bfe\u5fdc\u306e\u6a5f\u80fd\u4e0d\u5168\",\n step: \"1 \/ 5\",\n progress: 20,\n text: \"\u9000\u8077\u9858\u3092\u63d0\u51fa\u3055\u308c\u3066\u304b\u3089\u521d\u3081\u3066\u3001\u305d\u306e\u793e\u54e1\u304c\u62b1\u3048\u3066\u3044\u305f\u6df1\u523b\u306a\u4e0d\u6e80\u3092\u805e\u304d\u51fa\u305d\u3046\u3068\u3057\u3066\u3044\u307e\u3059\u304b\uff1f\",\n ngWord: \"\u300c\u306a\u3093\u3067\uff1f\u4f55\u304c\u4e0d\u6e80\u306a\u306e\uff1f\u300d\u3068\u624b\u9045\u308c\u306b\u306a\u3063\u3066\u304b\u3089\u614c\u3066\u3066\u30d2\u30a2\u30ea\u30f3\u30b0\u3092\u8a66\u307f\u308b\u3002\",\n staffMind: \"\u300c\u8f9e\u3081\u308b\u3068\u8a00\u308f\u306a\u3051\u308c\u3070\u4e0d\u6e80\u3059\u3089\u805e\u3044\u3066\u3082\u3089\u3048\u306a\u3044\u3002\u3082\u3046\u6c7a\u610f\u306f\u5909\u308f\u3089\u306a\u3044\u306e\u306b\u3002\u300d\",\n risk: \"\u624b\u9045\u308c\u306e\u6025\u6027\u4e0d\u5168\uff08\u6b62\u8840\u3067\u304d\u306a\u3044\u72b6\u614b\uff09\"\n },\n {\n id: 3,\n category: \"\u521d\u671f\u5bfe\u5fdc\u306e\u6a5f\u80fd\u4e0d\u5168\",\n step: \"1 \/ 5\",\n progress: 20,\n text: \"\u300c\u4e00\u8eab\u4e0a\u306e\u90fd\u5408\u300d\u3068\u3044\u3046\u9000\u8077\u9858\u306e\u6587\u9762\u3092\u771f\u306b\u53d7\u3051\u3001\u305d\u308c\u4ee5\u4e0a\u306e\u672c\u97f3\u306e\u5f15\u304d\u51fa\u3057\u3092\u8ae6\u3081\u3066\u3044\u307e\u3059\u304b\uff1f\",\n ngWord: \"\u300c\u305d\u3063\u304b\u3001\u4e00\u8eab\u4e0a\u306e\u90fd\u5408\u306a\u3089\u4ed5\u65b9\u306a\u3044\u306d\u300d\u3068\u6df1\u6398\u308a\u305b\u305a\u6ce2\u98a8\u3092\u7acb\u3066\u305a\u306b\u53d7\u9818\u3059\u308b\u3002\",\n staffMind: \"\u300c\u672c\u5f53\u306e\u7406\u7531\uff08\u4eba\u9593\u95a2\u4fc2\u3001\u8a55\u4fa1\u306e\u4e0d\u6e80\uff09\u3092\u8a00\u3063\u3066\u3082\u7121\u99c4\u3002\u7a4f\u4fbf\u306b\u53bb\u308b\u306e\u304c\u4e00\u756a\u3002\u300d\",\n risk: \"\u75c5\u56e0\u306e\u30d6\u30e9\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u5316\uff08\u7d44\u7e54\u8ab2\u984c\u304c\u96a0\u853d\u3055\u308c\u518d\u767a\u3092\u7e70\u308a\u8fd4\u3059\uff09\"\n },\n {\n id: 4,\n category: \"\u521d\u671f\u5bfe\u5fdc\u306e\u6a5f\u80fd\u4e0d\u5168\",\n step: \"1 \/ 5\",\n progress: 20,\n text: \"\u300c\u6700\u8fd1\u5143\u6c17\u304c\u306a\u3044\u300d\u300c\u6697\u3044\u300d\u3068\u6c17\u3065\u3044\u305f\u30b9\u30bf\u30c3\u30d5\u3092\u3001\u696d\u52d9\u306e\u591a\u5fd9\u3055\u3092\u7406\u7531\u306b\u58f0\u3092\u304b\u3051\u305a\u306b\u69d8\u5b50\u898b\u3057\u3066\u3044\u307e\u3059\u304b\uff1f\",\n ngWord: \"\u6c17\u4ed8\u304d\u3064\u3064\u3082\u300c\u307e\u3042\u305d\u306e\u3046\u3061\u843d\u3061\u7740\u304f\u3060\u308d\u3046\u300d\u300c\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u306e\u3053\u3068\u3060\u3057\u300d\u3068\u30b9\u30eb\u30fc\u3059\u308b\u3002\",\n staffMind: \"\u300c\u8ab0\u3082\u79c1\u306e\u5909\u5316\u306b\u6c17\u3065\u304b\u306a\u3044\u3002\u3053\u306e\u7d44\u7e54\u306b\u304a\u3051\u308b\u81ea\u5206\u306e\u5b58\u5728\u4fa1\u5024\u3092\u7591\u3063\u3066\u3057\u307e\u3046\u3002\u300d\",\n risk: \"\u30b5\u30a4\u30ec\u30f3\u30c8\u30fb\u30ad\u30e9\u30fc\uff08\u9759\u304b\u306a\u9000\u8077\u3001\u30a8\u30f3\u30b2\u30fc\u30b8\u30e1\u30f3\u30c8\u306e\u81f4\u547d\u7684\u4f4e\u4e0b\uff09\"\n },\n {\n id: 5,\n category: \"\u73fe\u5834\u4efb\u305b\u306e\u30de\u30cd\u30b8\u30e1\u30f3\u30c8\",\n step: \"2 \/ 5\",\n progress: 40,\n text: \"\u7279\u5b9a\u306e\u4e0a\u53f8\u3084\u7ba1\u7406\u8077\u306e\u3082\u3068\u3067\u96e2\u8077\u304c\u7d9a\u3044\u3066\u3044\u308b\u5642\u304c\u3042\u308a\u306a\u304c\u3089\u3001\u4eba\u4e8b\u304c\u7a4d\u6975\u7684\u306b\u4ecb\u5165\u3059\u308b\u3053\u3068\u3092\u907f\u3051\u3066\u3044\u307e\u3059\u304b\uff1f\",\n ngWord: \"\u300c\u3042\u306e\u8ab2\u9577\u3082\u60aa\u6c17\u306f\u306a\u3044\u304b\u3089\u300d\u300c\u671f\u5f85\u3057\u3066\u3044\u308b\u88cf\u8fd4\u3057\u3060\u3088\u300d\u3068\u64c1\u8b77\u3057\u3066\u3084\u308a\u904e\u3054\u305d\u3046\u3068\u3059\u308b\u3002\",\n staffMind: \"\u300c\u4f1a\u793e\u306b\u8a34\u3048\u3066\u3082\u7121\u99c4\u3002\u7d44\u7e54\u306f\u3042\u306e\u30cf\u30e9\u30b9\u30e1\u30f3\u30c8\u7ba1\u7406\u8077\u306e\u5473\u65b9\u306a\u3093\u3060\u3002\u300d\",\n risk: \"\u96e2\u8077\u30c9\u30df\u30ce\uff08\u7d44\u7e54\u306e\u708e\u75c7\u304c\u4ed6\u306e\u5065\u5168\u306a\u30b9\u30bf\u30c3\u30d5\u3078\u3082\u611f\u67d3\uff09\"\n },\n {\n id: 6,\n category: \"\u73fe\u5834\u4efb\u305b\u306e\u30de\u30cd\u30b8\u30e1\u30f3\u30c8\",\n step: \"2 \/ 5\",\n progress: 40,\n text: \"\u300c\u9762\u8ac7\uff081on1\uff09\u300d\u306e\u5b9f\u65bd\u72b6\u6cc1\u3084\u8cea\u3092\u73fe\u5834\u7ba1\u7406\u8077\u306b\u4e00\u4efb\u3057\u3001\u5b9f\u969b\u306b\u3069\u3093\u306a\u4f1a\u8a71\u304c\u3055\u308c\u3066\u3044\u308b\u304b\u628a\u63e1\u3057\u3066\u3044\u307e\u305b\u3093\u304b\uff1f\",\n ngWord: \"\u300c\u56f0\u3063\u3066\u308b\u3053\u3068\u3042\u308b\uff1f...\u306a\u3044\u306a\u3089\u9032\u6357\u306d\u300d\u3068\u5f62\u5f0f\u7684\u306a\u554f\u3044\u304b\u3051\u304b\u3089\u4e00\u65b9\u7684\u306a\u696d\u52d9\u30c0\u30e1\u51fa\u3057\u306b\u5165\u308b\u3002\",\n staffMind: \"\u300c\u4fe1\u983c\u3067\u304d\u306a\u3044\u3042\u306a\u305f\u306b\u8a00\u3048\u308b\u60a9\u307f\u306a\u3069\u306a\u3044\u3002\u6bce\u9031\u306e\u300e\u8aac\u6559\u306e\u6642\u9593\u300f\u3067\u3057\u304b\u306a\u3044\u3002\u300d\",\n risk: \"\u9762\u8ac7\u306e\u5f62\u9ab8\u5316\u30fb\u30d6\u30e9\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u5316\uff08\u7ba1\u7406\u8005\u306b\u3088\u308b\u5bc6\u5ba4\u30cf\u30e9\u30b9\u30e1\u30f3\u30c8\u306e\u6e29\u5e8a\uff09\"\n },\n {\n id: 7,\n category: \"\u73fe\u5834\u4efb\u305b\u306e\u30de\u30cd\u30b8\u30e1\u30f3\u30c8\",\n step: \"2 \/ 5\",\n progress: 40,\n text: \"\u4eba\u9593\u95a2\u4fc2\u306e\u30c8\u30e9\u30d6\u30eb\u76f8\u8ac7\u3092\u53d7\u3051\u305f\u969b\u3001\u300c\u304a\u4e92\u3044\u69d8\u3060\u304b\u3089\u5927\u4eba\u306b\u306a\u3063\u3066\u3046\u307e\u304f\u3084\u3063\u3066\u300d\u3068\u66d6\u6627\u306b\u3044\u306a\u3057\u3066\u3044\u307e\u3059\u304b\uff1f\",\n ngWord: \"\u300c\u304a\u4e92\u3044\u306b\u6b69\u307f\u5bc4\u308d\u3046\u300d\u300c\u3042\u3044\u3064\u3082\u60aa\u6c17\u306f\u306a\u3044\u300d\u3068\u3001\u3046\u3084\u3080\u3084\u306e\u59a5\u5354\u6848\u3067\u53ce\u3081\u3088\u3046\u3068\u3059\u308b\u3002\",\n staffMind: \"\u300c\u3044\u3058\u3081\u3084\u5acc\u304c\u3089\u305b\u3092\u300e\u304a\u4e92\u3044\u69d8\u300f\u3067\u7247\u4ed8\u3051\u308b\u306e\u304b\u3002\u3053\u306e\u4f1a\u793e\u306f\u52a0\u5bb3\u8005\u3092\u4fdd\u8b77\u3059\u308b\u3093\u3060\u3002\u300d\",\n risk: \"\u30e2\u30e9\u30eb\u306e\u81ea\u58ca\u30fb\u7d44\u7e54\u79e9\u5e8f\u306e\u8150\u6557\uff08\u8aa0\u5b9f\u306a\u4eba\u9593\u307b\u3069\u771f\u3063\u5148\u306b\u53bb\u308b\uff09\"\n },\n {\n id: 8,\n category: \"\u73fe\u5834\u4efb\u305b\u306e\u30de\u30cd\u30b8\u30e1\u30f3\u30c8\",\n step: \"2 \/ 5\",\n progress: 40,\n text: \"\u300c\u3044\u3064\u3067\u3082\u76f8\u8ac7\u306b\u4e57\u308b\u3088\u300d\u3068\u8a00\u3044\u306a\u304c\u3089\u3001\u3044\u3056\u8a71\u3057\u304b\u3051\u3089\u308c\u308b\u3068\u30d1\u30bd\u30b3\u30f3\u3092\u53e9\u304d\u306a\u304c\u3089\u751f\u8fd4\u4e8b\u3092\u3057\u3066\u3044\u307e\u305b\u3093\u304b\uff1f\",\n ngWord: \"\u300c\u3044\u3064\u3067\u3082\u8a00\u3063\u3066\uff01\u300d\u3068\u8a00\u3046\u5272\u306b\u306f\u3001\u8a71\u3057\u304b\u3051\u3089\u308c\u305f\u3089\u9732\u9aa8\u306b\u9762\u5012\u304f\u3055\u305d\u3046\u306a\u9854\u3092\u3059\u308b\u3002\",\n staffMind: \"\u300c\u5fd9\u3057\u3044\u30a2\u30d4\u30fc\u30eb\u304c\u3059\u3054\u3059\u304e\u3066\u3001\u672c\u97f3\u306e\u76f8\u8ac7\u306a\u3093\u3066\u7d76\u5bfe\u306b\u5207\u308a\u51fa\u305b\u308b\u96f0\u56f2\u6c17\u3067\u306f\u306a\u3044\u3002\u300d\",\n risk: \"\u5fc3\u7406\u7684\u5b89\u5168\u6027\u306e\u9ebb\u75fa\uff08\u73fe\u5834\u304c\u52dd\u624b\u306a\u5224\u65ad\u3092\u4e0b\u3057\u81f4\u547d\u7684\u306a\u30df\u30b9\u304c\u96a0\u3055\u308c\u308b\uff09\"\n },\n {\n id: 9,\n category: \"\u6210\u9577\u6a5f\u4f1a\u306e\u55aa\u5931\",\n step: \"3 \/ 5\",\n progress: 60,\n text: \"\u512a\u79c0\u306a\u30b9\u30bf\u30c3\u30d5\u3060\u304b\u3089\u3068\u4fe1\u983c\u3057\u3001\u30d5\u30a9\u30ed\u30fc\u3092\u6020\u3063\u305f\u307e\u307e\u904e\u5ea6\u306a\u696d\u52d9\u91cf\u3092\u96c6\u4e2d\u3055\u305b\u7d9a\u3051\u3066\u3044\u307e\u3059\u304b\uff1f\",\n ngWord: \"\u300c\u3084\u3063\u3071\u308a\u983c\u308a\u306b\u306a\u308b\u306d\uff01\u300d\u300c\u4ed5\u4e8b\u304c\u9045\u3044\u4ed6\u306e\u30e1\u30f3\u30d0\u30fc\u306e\u5206\u3082\u30d5\u30a9\u30ed\u30fc\u3088\u308d\u3057\u304f\uff01\u300d\",\n staffMind: \"\u300c\u6210\u679c\u3092\u51fa\u305b\u3070\u51fa\u3059\u307b\u3069\u8ca0\u62c5\u304c\u5897\u3048\u308b\u3002\u7d66\u6599\u306f\u540c\u3058\u306a\u306e\u306b\u3002\u3053\u306e\u4f1a\u793e\u306b\u3044\u308c\u3070\u6f70\u3055\u308c\u308b\u3002\u300d\",\n risk: \"\u30a8\u30fc\u30b9\u4f9d\u5b58\u306b\u3088\u308b\u300c\u30dd\u30c3\u30ad\u30ea\u9000\u8077\u300d\uff08\u7d44\u7e54\u3092\u652f\u3048\u308b\u4eba\u6750\u304c\u7a81\u7136\u6298\u308c\u308b\uff09\"\n },\n {\n id: 10,\n category: \"\u6210\u9577\u6a5f\u4f1a\u306e\u55aa\u5931\",\n step: \"3 \/ 5\",\n progress: 60,\n text: \"\u82e5\u624b\u793e\u54e1\u304c\u5c06\u6765\u306e\u30ad\u30e3\u30ea\u30a2\u306e\u30e2\u30e4\u30e2\u30e4\u3092\u8a34\u3048\u305f\u6642\u3001\u300c\u77f3\u306e\u4e0a\u306b\u3082\u4e09\u5e74\u300d\u306a\u3069\u306e\u7cbe\u795e\u8ad6\u3067\u8aac\u5f97\u3057\u3066\u3044\u307e\u305b\u3093\u304b\uff1f\",\n ngWord: \"\u300c\u82e5\u3044\u3046\u3061\u306f\u307f\u3093\u306a\u8f9b\u3044\u3082\u306e\u300d\u300c\u6614\u306f\u3082\u3063\u3068\u53b3\u3057\u304b\u3063\u305f\u305e\u300d\u3068\u81ea\u5206\u306e\u904e\u53bb\u306e\u6804\u5149\u3092\u62bc\u3057\u4ed8\u3051\u308b\u3002\",\n staffMind: \"\u300c\u3053\u3053\u3067\u306e\u7d4c\u9a13\u306f\u4ed6\u793e\u3067\u901a\u7528\u3057\u306a\u3044\u3002\u53e4\u3044\u4fa1\u5024\u89b3\u306e\u307e\u307e\u8cb7\u3044\u53e9\u304b\u308c\u308b\u306e\u306f\u304a\u65ad\u308a\u3060\u3002\u300d\",\n risk: \"\u30ad\u30e3\u30ea\u30a2\u8ca7\u8840\uff08\u6210\u9577\u3092\u671b\u3080\u512a\u79c0\u306a\u82e5\u624b\u307b\u3069\u65e9\u671f\u306b\u898b\u5207\u308b\uff09\"\n },\n {\n id: 11,\n category: \"\u6210\u9577\u6a5f\u4f1a\u306e\u55aa\u5931\",\n step: \"3 \/ 5\",\n progress: 60,\n text: \"\u8a55\u4fa1\u9762\u8ac7\u304c\u300c\u8a55\u4fa1\u7d50\u679c\uff08\u6570\u5b57\u3084\u8003\u8ab2\uff09\u306e\u4f1d\u9054\u300d\u3060\u3051\u3067\u7d42\u308f\u3063\u3066\u304a\u308a\u3001\u4eca\u5f8c\u306e\u5e0c\u671b\u30ad\u30e3\u30ea\u30a2\u306b\u3064\u3044\u3066\u805e\u3044\u3066\u3044\u307e\u305b\u3093\u304b\uff1f\",\n ngWord: \"\u300c\u4eca\u671f\u306fB\u8a55\u4fa1\u3002\u3053\u3053\u304c\u8db3\u308a\u306a\u3044\u3002\u6765\u671f\u306f\u3082\u3063\u3068\u58f2\u4e0a\u3092\u4f38\u3070\u305d\u3046\u300d\u3068\u3001\u67fb\u5b9a\u306e\u901a\u77e5\u306e\u307f\u3002\",\n staffMind: \"\u300c\u79c1\u306f\u4f1a\u793e\u306e\u305f\u3060\u306e\u6b6f\u8eca\u306a\u306e\u304b\u3002\u81ea\u5206\u306e\u5c06\u6765\u3092\u3053\u306e\u4f1a\u793e\u3067\u8003\u3048\u308b\u7406\u7531\u304c\u306a\u304f\u306a\u3063\u305f\u3002\u300d\",\n risk: \"\u30a8\u30f3\u30b2\u30fc\u30b8\u30e1\u30f3\u30c8\u306e\u4f4e\u4e0b\uff08\u3084\u308a\u304c\u3044\u55aa\u5931\u306b\u3088\u308b\u4ed6\u793e\u3078\u306e\u9759\u304b\u306a\u8ee2\u8077\u6d3b\u52d5\uff09\"\n },\n {\n id: 12,\n category: \"\u6210\u9577\u6a5f\u4f1a\u306e\u55aa\u5931\",\n step: \"3 \/ 5\",\n progress: 60,\n text: \"\u300c\u3069\u3046\u3059\u308c\u3070\u6607\u7d66\u30fb\u6607\u683c\u3067\u304d\u308b\u304b\u300d\u3068\u3044\u3046\u57fa\u6e96\u3084\u30ad\u30e3\u30ea\u30a2\u30de\u30c3\u30d7\u304c\u66d6\u6627\u3067\u3001\u300c\u9811\u5f35\u3063\u3066\u3044\u308c\u3070\u305d\u306e\u3046\u3061\u300d\u3068\u6fc1\u3057\u3066\u3044\u307e\u3059\u304b\uff1f\",\n ngWord: \"\u300c\u307e\u3042\u3001\u4e00\u6b69\u305a\u3064\u3084\u3063\u3066\u3044\u3053\u3046\u300d\u300c\u76ee\u306e\u524d\u306e\u4ed5\u4e8b\u3092\u3057\u3063\u304b\u308a\u3084\u308c\u3070\u898b\u3066\u308b\u304b\u3089\u300d\",\n staffMind: \"\u300c\u8a55\u4fa1\u3055\u308c\u308b\u6761\u4ef6\u304c\u308f\u304b\u3089\u306a\u3044\u3002\u3044\u3064\u307e\u3067\u3053\u306e\u4e0d\u900f\u660e\u306a\u4e0d\u5b89\u306b\u8010\u3048\u308c\u3070\u3044\u3044\u306e\u304b\u3002\u300d\",\n risk: \"\u5c06\u6765\u50cf\u306e\u767d\u5185\u969c\uff08\u5c06\u6765\u306e\u5c55\u671b\u304c\u4e0d\u900f\u660e\u306a\u3053\u3068\u306b\u3088\u308b\u4ed6\u793e\u306e\u30ad\u30e3\u30ea\u30a2\u30d1\u30b9\u3078\u306e\u9003\u907f\uff09\"\n },\n {\n id: 13,\n category: \"\u63a1\u7528\u30d7\u30ed\u30bb\u30b9\u306e\u30df\u30b9\u30de\u30c3\u30c1\",\n step: \"4 \/ 5\",\n progress: 80,\n text: \"\u9762\u63a5\u306b\u304a\u3044\u3066\u3001\u9762\u63a5\u5b98\u304c\u300c\u306a\u3093\u3068\u306a\u304f\u5408\u3044\u305d\u3046\u300d\u3068\u3044\u3063\u305f\u81ea\u8eab\u306e\u300c\u76f4\u611f\u3084\u30a6\u30de\u300d\u3092\u6700\u512a\u5148\u3057\u3066\u63a1\u7528\u3092\u6c7a\u3081\u3066\u3044\u307e\u3059\u304b\uff1f\",\n ngWord: \"\u300c\u30d5\u30a3\u30fc\u30ea\u30f3\u30b0\u304c\u826f\u304b\u3063\u305f\u304b\u3089\uff01\u300d\u300c\u7d4c\u6b74\u304c\u826f\u3044\u304b\u3089\u5373\u6226\u529b\u306b\u306a\u308a\u305d\u3046\u300d\u3068\u611f\u899a\u7684\u306b\u5408\u5426\u5224\u5b9a\u3002\",\n staffMind: \"\u300c\u5165\u793e\u3057\u3066\u307f\u305f\u3089\u3001\u6c42\u3081\u3089\u308c\u3066\u3044\u305f\u30b9\u30ad\u30eb\u3068\u5b9f\u969b\u306e\u81ea\u5206\u306e\u80fd\u529b\u304c\u5168\u304f\u5408\u3063\u3066\u3044\u306a\u3044\u3002\u300d\",\n risk: \"\u5165\u793e\u521d\u671f\u306e\u62d2\u7d76\u53cd\u5fdc\uff08\u73fe\u5834\u3082\u65b0\u4eba\u3082\u4e0d\u9069\u5408\u306b\u82e6\u3057\u307f\u8d85\u65e9\u671f\u96e2\u8077\u3078\uff09\"\n },\n {\n id: 14,\n category: \"\u63a1\u7528\u30d7\u30ed\u30bb\u30b9\u306e\u30df\u30b9\u30de\u30c3\u30c1\",\n step: \"4 \/ 5\",\n progress: 80,\n text: \"\u6c42\u4eba\u306e\u969b\u3001\u81ea\u793e\u306e\u9b45\u529b\u7684\u306a\u90e8\u5206\u3070\u304b\u308a\u3092\u4f1d\u3048\u3001\u5165\u793e\u5f8c\u306b\u76f4\u9762\u3059\u308b\u300c\u6ce5\u81ed\u3044\u73fe\u5b9f\u300d\u3092\u5305\u307f\u96a0\u3057\u3066\u3044\u307e\u3059\u304b\uff1f\",\n ngWord: \"\u300c\u30a2\u30c3\u30c8\u30db\u30fc\u30e0\u3067\u6b8b\u696d\u4e00\u5207\u306a\u3057\u3001\u8ab0\u3067\u3082\u6d3b\u8e8d\u3067\u304d\u308b\uff01\u300d\u3068\u6c42\u4eba\u7968\u306b\u826f\u3044\u3053\u3068\u3060\u3051\u3092\u66f8\u304f\u3002\",\n staffMind: \"\u300c\u805e\u3044\u3066\u3044\u305f\u8077\u5834\u74b0\u5883\u3068\u307e\u3063\u305f\u304f\u9055\u3046\u3002\u4eba\u9593\u95a2\u4fc2\u3082\u30ae\u30b9\u30ae\u30b9\u3057\u3066\u3044\u308b\u3002\u9a19\u3055\u308c\u305f\u3002\u300d\",\n risk: \"\u30ea\u30a2\u30ea\u30c6\u30a3\u30fb\u30b7\u30e7\u30c3\u30af\uff08\u5165\u793e1\u30f6\u6708\u76ee\u3067\u306e\u5931\u671b\u3068\u30de\u30a4\u30f3\u30c9\u55aa\u5931\uff09\"\n },\n {\n id: 15,\n category: \"\u63a1\u7528\u30d7\u30ed\u30bb\u30b9\u306e\u30df\u30b9\u30de\u30c3\u30c1\",\n step: \"4 \/ 5\",\n progress: 80,\n text: \"\u65b0\u5165\u793e\u54e1\u306e\u53d7\u3051\u5165\u308c\u304c\u30de\u30cb\u30e5\u30a2\u30eb\u5316\u3055\u308c\u3066\u304a\u3089\u305a\u3001\u591a\u5fd9\u306a\u73fe\u5834\u306e\u62c5\u5f53\u5148\u8f29\u306b\u6559\u80b2\u3092\u4e38\u6295\u3052\u3057\u3066\u3044\u307e\u3059\u304b\uff1f\",\n ngWord: \"\u300c\u3053\u308c\u8aad\u3093\u3067\u304a\u3044\u3066\u300d\u300c\u5206\u304b\u3089\u306a\u304b\u3063\u305f\u3089\u624b\u306e\u7a7a\u3044\u3066\u305d\u3046\u306a\u4eba\u306b\u805e\u3044\u3066\u300d\",\n staffMind: \"\u300c\u5148\u8f29\u304c\u5fd9\u3057\u3059\u304e\u3066\u8cea\u554f\u3067\u304d\u306a\u3044\u3002\u90aa\u9b54\u8005\u6271\u3044\u3055\u308c\u3066\u3044\u308b\u3088\u3046\u3067\u3001\u5c45\u5834\u6240\u304c\u306a\u3044\u3002\u300d\",\n risk: \"\u5b64\u7acb\u306b\u3088\u308b\u7a92\u606f\uff08\u6b53\u8fce\u3055\u308c\u3066\u3044\u306a\u3044\u4e0d\u5b89\u304b\u3089\u3059\u3050\u306b\u8f9e\u610f\u304c\u82bd\u751f\u3048\u308b\uff09\"\n },\n {\n id: 16,\n category: \"\u63a1\u7528\u30d7\u30ed\u30bb\u30b9\u306e\u30df\u30b9\u30de\u30c3\u30c1\",\n step: \"4 \/ 5\",\n progress: 80,\n text: \"\u65e9\u671f\u9000\u8077\u3084\u8f9e\u9000\u304c\u7d9a\u3044\u305f\u6642\u3001\u300c\u6700\u8fd1\u306e\u82e5\u3044\u5b50\u306f\u6839\u6027\u304c\u306a\u3044\u304b\u3089\u300d\u3068\u3059\u3079\u3066\u6c42\u8077\u8005\u306e\u30de\u30a4\u30f3\u30c9\u306e\u305b\u3044\u306b\u3057\u3066\u3044\u307e\u3059\u304b\uff1f\",\n ngWord: \"\u300c\u3046\u3061\u306e\u30ec\u30d9\u30eb\u306b\u5408\u308f\u306a\u304b\u3063\u305f\u306d\u300d\u300c\u4eca\u306e\u82e5\u8005\u306f\u3059\u3050\u6839\u3092\u4e0a\u3052\u308b\u304b\u3089\u4ed5\u65b9\u306a\u3044\u300d\",\n staffMind: \"\u300c\u305d\u3082\u305d\u3082\u3069\u3093\u306a\u57fa\u6e96\u3067\u63a1\u3063\u305f\u306e\u304b\u3002\u4f1a\u793e\u5074\u306b\u632f\u308a\u8fd4\u308b\u59ff\u52e2\u304c\u30bc\u30ed\u306a\u306e\u304c\u672c\u5f53\u306e\u6050\u6016\u3002\u300d\",\n risk: \"\u63a1\u7528\u529b\u306e\u514d\u75ab\u4e0d\u5168\uff08\u554f\u984c\u306e\u672c\u8cea\u306b\u6c17\u3065\u304b\u305a\u7121\u9650\u306b\u30df\u30b9\u30de\u30c3\u30c1\u63a1\u7528\u3092\u7e70\u308a\u8fd4\u3059\uff09\"\n },\n {\n id: 17,\n category: \"\u74b0\u5883\u30fb\u5236\u5ea6\u306e\u6a5f\u80fd\u4e0d\u5168\",\n step: \"5 \/ 5\",\n progress: 100,\n text: \"\u300c\u6b8b\u696d\u3092\u6e1b\u3089\u305b\u300d\u3068\u30b9\u30ed\u30fc\u30ac\u30f3\u3067\u547d\u4ee4\u3059\u308b\u3060\u3051\u3067\u3001\u696d\u52d9\u91cf\u306e\u8abf\u6574\u3084\u30d7\u30ed\u30bb\u30b9\u306e\u6839\u672c\u7684\u898b\u76f4\u3057\u306b\u4ecb\u5165\u3057\u3066\u3044\u307e\u305b\u3093\u304b\uff1f\",\n ngWord: \"\u300c\u6b8b\u696d\u30bc\u30ed\u76ee\u6a19\uff01\u307f\u3093\u306a\u52b9\u7387\u3088\u304f\u5b9a\u6642\u9000\u793e\u3057\u3088\u3046\uff01\u300d\u3068\u73fe\u5834\u306b\u7d50\u679c\u3060\u3051\u3092\u62bc\u3057\u4ed8\u3051\u308b\u3002\",\n staffMind: \"\u300c\u4ed5\u4e8b\u306e\u91cf\u3082\u96e3\u6613\u5ea6\u3082\u5909\u308f\u3089\u306a\u3044\u306e\u306b\u5b9a\u6642\u9000\u793e\u306f\u7269\u7406\u7684\u306b\u7121\u7406\u3002\u96a0\u308c\u30b5\u30fc\u30d3\u30b9\u6b8b\u696d\u3092\u3057\u308d\u3068\u3044\u3046\u3053\u3068\uff1f\u300d\",\n risk: \"\u96a0\u308c\u6b8b\u696d\u306e\u6162\u6027\u5316\uff08\u4f1a\u793e\u3078\u306e\u4e0d\u4fe1\u611f\u3068\u7a81\u7136\u306e\u52b4\u52d9\u544a\u767a\u30ea\u30b9\u30af\u306e\u91b8\u6210\uff09\"\n },\n {\n id: 18,\n category: \"\u74b0\u5883\u30fb\u5236\u5ea6\u306e\u6a5f\u80fd\u4e0d\u5168\",\n step: \"5 \/ 5\",\n progress: 100,\n text: \"\u80b2\u5150\u3084\u4ecb\u8b77\u306a\u3069\u300c\u30e9\u30a4\u30d5\u30b9\u30c6\u30fc\u30b8\u306e\u5909\u5316\u300d\u306b\u76f4\u9762\u3057\u305f\u793e\u54e1\u306b\u5bfe\u3057\u3001\u4e00\u5f8b\u306e\u50cd\u304d\u65b9\u3092\u62bc\u3057\u901a\u3057\u3066\u3044\u307e\u305b\u3093\u304b\uff1f\",\n ngWord: \"\u300c\u307f\u3093\u306a\u5fd9\u3057\u3044\u4e2d\u3067\u3084\u308a\u304f\u308a\u3057\u3066\u3044\u308b\u304b\u3089\u3001\u7279\u5225\u6271\u3044\u306f\u96e3\u3057\u3044\u306d\u3048\u300d\",\n staffMind: \"\u300c\u3053\u306e\u4f1a\u793e\u306b\u3044\u305f\u3089\u5bb6\u5ead\u3084\u5927\u5207\u306a\u4eba\u751f\u3092\u72a0\u7272\u306b\u3059\u308b\u3057\u304b\u306a\u3044\u3002\u5bb6\u65cf\u3092\u512a\u5148\u3057\u3066\u9000\u8077\u3057\u3088\u3046\u3002\u300d\",\n risk: \"\u5b9f\u52d9\u30ea\u30fc\u30c0\u30fc\u5c64\uff0830\u301c40\u4ee3\u306e\u4e2d\u6838\u4eba\u6750\uff09\u306e\u6d41\u51fa\uff08\u80b2\u5150\u30fb\u4ecb\u8b77\u96e3\u6c11\uff09\"\n },\n {\n id: 19,\n category: \"\u74b0\u5883\u30fb\u5236\u5ea6\u306e\u6a5f\u80fd\u4e0d\u5168\",\n step: \"5 \/ 5\",\n progress: 100,\n text: \"\u8a55\u4fa1\u306e\u4e0d\u6e80\u3092\u3076\u3064\u3051\u3089\u308c\u305f\u969b\u3001\u300c\u4e0a\u304c\u305d\u3046\u6c7a\u3081\u305f\u304b\u3089\u300d\u300c\u5f79\u54e1\u4f1a\u8b70\u3067\u6c7a\u307e\u3063\u305f\u300d\u3068\u81ea\u5206\u306e\u8cac\u4efb\u3092\u56de\u907f\u3059\u308b\u767a\u8a00\u3092\u3057\u3066\u3044\u307e\u305b\u3093\u304b\uff1f\",\n ngWord: \"\u300c\u4ffa\u306f\u304a\u524d\u3092\u826f\u304f\u8a55\u4fa1\u3057\u305f\u3093\u3060\u3051\u3069\u3001\u793e\u9577\u306e\u67fb\u5b9a\u304c\u8f9b\u304f\u3066\u3055\u300d\u3068\u4f1a\u793e\u3092\u60aa\u8005\u306b\u3059\u308b\u3002\",\n staffMind: \"\u300c\u4f1a\u793e\u306e\u65b9\u91dd\u3059\u3089\u9632\u885b\u3057\u3066\u304f\u308c\u306a\u3044\u306e\u304b\u3002\u81ea\u5206\u306e\u5c06\u6765\u3092\u76fe\u306b\u3059\u308b\u4e0a\u53f8\u306e\u4e0b\u3067\u306f\u50cd\u3051\u306a\u3044\u3002\u300d\",\n risk: \"\u30ea\u30fc\u30c0\u30fc\u30b7\u30c3\u30d7\u306e\u58ca\u6b7b\uff08\u4e0a\u53f8\u3078\u306e\u7d76\u5bfe\u7684\u4fe1\u983c\u55aa\u5931\u306b\u3088\u308b\u7d44\u7e54\u7d71\u6cbb\u306e\u5d29\u58ca\uff09\"\n },\n {\n id: 20,\n category: \"\u74b0\u5883\u30fb\u5236\u5ea6\u306e\u6a5f\u80fd\u4e0d\u5168\",\n step: \"5 \/ 5\",\n progress: 100,\n text: \"\u793e\u9577\u4e00\u4eba\u304c\u4eba\u4e8b\u3084\u8a55\u4fa1\u306e\u60a9\u307f\u306e\u3059\u3079\u3066\u3092\u62b1\u3048\u8fbc\u307f\u3001\u76f8\u8ac7\u3084\u58c1\u6253\u3061\u304c\u3067\u304d\u308b\u5ba2\u89b3\u7684\u306a\u30d1\u30fc\u30c8\u30ca\u30fc\u304c\u4e0d\u5728\u3067\u3059\u304b\uff1f\",\n ngWord: \"\u300c\u3069\u3046\u3057\u3066\u8ab0\u3082\u79c1\u3068\u540c\u3058\u71b1\u91cf\u3067\u52d5\u304b\u306a\u3044\uff01\u300d\u300c\u793e\u54e1\u306b\u88cf\u5207\u3089\u308c\u305f\u300d\u3068\u793e\u9577\u5ba4\u3067\u4e00\u4eba\u61a4\u6168\u3059\u308b\u3002\",\n staffMind: \"\u300c\u793e\u9577\u306f\u3044\u3064\u3082\u30a4\u30e9\u30a4\u30e9\u3057\u3066\u3044\u3066\u4e0d\u6a5f\u5acc\u3002\u3068\u306b\u304b\u304f\u6a5f\u5acc\u3092\u4f3a\u3063\u3066\u3001\u30df\u30b9\u306f\u96a0\u305d\u3046\u3002\u300d\",\n risk: \"\u793e\u9577\u306e\u904e\u52b4\u30fb\u5b64\u7acb\uff08\u88f8\u306e\u738b\u69d8\u306b\u306a\u308a\u30a4\u30a8\u30b9\u30de\u30f3\u3057\u304b\u6b8b\u3089\u306a\u3044\u7d44\u7e54\uff09\"\n }\n ];<\/p>\n<p> let currentStep = 0; \/\/ 0: Start, 1: Quiz, 2: Result\n let activeCategoryIndex = 0; \/\/ 0-4 (\u30ab\u30c6\u30b4\u30ea\u30fc\u3054\u3068\u306b4\u554f\u305a\u3064)\n const totalCategories = 5;\n const answers = {}; \/\/ id: boolean<\/p>\n<p> \/\/ \u8a3a\u65ad\u30b9\u30bf\u30fc\u30c8\n function startDiagnosis() {\n switchPage('page-start', 'page-quiz');\n currentStep = 1;\n activeCategoryIndex = 0;\n renderQuiz();\n }<\/p>\n<p> \/\/ \u30da\u30fc\u30b8\u5207\u308a\u66ff\u3048\n function switchPage(fromId, toId) {\n const fromEl = document.getElementById(fromId);\n const toEl = document.getElementById(toId);<\/p>\n<p> fromEl.classList.add('hidden-page');\n fromEl.classList.remove('active-page');<\/p>\n<p> toEl.classList.remove('hidden-page');\n toEl.classList.add('active-page');<\/p>\n<p> window.scrollTo({ top: 0, behavior: 'smooth' });\n }<\/p>\n<p> \/\/ \u8a2d\u554f\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\n function renderQuiz() {\n const container = document.getElementById('questions-container');\n container.innerHTML = '';<\/p>\n<p> \/\/ \u30ab\u30c6\u30b4\u30ea\u30fc\u5224\u5b9a\n const currentQuestions = questions.slice(activeCategoryIndex * 4, (activeCategoryIndex * 4) + 4);\n const categoryName = currentQuestions[0].category;\n const stepText = `\u30b9\u30c6\u30c3\u30d7 ${activeCategoryIndex + 1} \/ ${totalCategories}`;\n const progressPercentage = ((activeCategoryIndex + 1) \/ totalCategories) * 100;<\/p>\n<p> document.getElementById('quiz-category').innerText = categoryName;\n document.getElementById('quiz-progress-text').innerText = stepText;\n document.getElementById('quiz-progress-bar').style.width = `${progressPercentage}%`;<\/p>\n<p> currentQuestions.forEach(q => {\n const isChecked = answers[q.id] || false;<\/p>\n<p> const card = document.createElement('div');\n card.className = `p-5 rounded-2xl border-2 transition-all cursor-pointer ${isChecked ? 'bg-blue-50\/50 border-blue-600' : 'bg-white border-gray-100 hover:border-blue-200'}`;\n card.id = `q-card-${q.id}`;\n card.onclick = () => toggleAnswer(q.id);<\/p>\n<p> card.innerHTML = `<\/p>\n<div class=\"flex items-start gap-3\">\n<div class=\"mt-0.5 flex-shrink-0\">\n <input type=\"checkbox\" id=\"chk-${q.id}\" ${isChecked ? 'checked' : ''} class=\"w-5 h-5 accent-blue-600 cursor-pointer pointer-events-none\">\n <\/div>\n<div class=\"flex-grow\">\n<p class=\"text-sm font-bold text-gray-800 leading-relaxed mb-3\">${q.text}<\/p>\n<p> <\/p>\n<div class=\"border border-dashed border-gray-200 rounded-xl p-3 bg-gray-50\/50 text-[11px] space-y-2 mt-2\" onclick=\"event.stopPropagation();\">\n <button onclick=\"toggleHelp(${q.id})\" class=\"flex items-center text-medical-blue hover:underline font-bold tracking-tight\">\n <i class=\"fa-solid fa-magnifying-glass-chart mr-1\"><\/i> \u73fe\u5834\u306e\u3084\u308a\u53d6\u308a\uff08\u30d6\u30e9\u30c3\u30af\u30dc\u30c3\u30af\u30b9\uff09\u3092\u3042\u3076\u308a\u51fa\u3059\n <\/button><\/p>\n<div id=\"help-${q.id}\" class=\"hidden space-y-2 pt-2 border-t border-dashed border-gray-200\">\n<p class=\"text-gray-600\"><strong class=\"text-orange-600\">\u8a00\u3063\u3066\u3057\u307e\u3044\u304c\u3061\u306a\u8a00\u8449\uff1a<\/strong><br \/>${q.ngWord}<\/p>\n<p class=\"text-gray-600\"><strong class=\"text-emerald-600\">\u30b9\u30bf\u30c3\u30d5\u306e\u672c\u5f53\u306e\u672c\u97f3\uff1a<\/strong><br \/>${q.staffMind}<\/p>\n<p class=\"text-red-700\"><strong class=\"text-red-600\">\u5f15\u304d\u8d77\u3053\u3055\u308c\u308b\u30ea\u30b9\u30af\uff08\u6301\u75c5\uff09\uff1a<\/strong><br \/>${q.risk}<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> `;\n container.appendChild(card);\n });<\/p>\n<p> \/\/ \u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u306e\u5236\u5fa1\n document.getElementById('btn-prev').style.visibility = activeCategoryIndex === 0 ? 'hidden' : 'visible';\n document.getElementById('btn-next-text').innerText = activeCategoryIndex === (totalCategories - 1) ? '\u8a3a\u65ad\u7d50\u679c\u3092\u898b\u308b' : '\u6b21\u306e\u8a2d\u554f\u3078';\n }<\/p>\n<p> \/\/ \u56de\u7b54\u306e\u30c8\u30b0\u30eb\n function toggleAnswer(id) {\n answers[id] = !answers[id];<\/p>\n<p> const card = document.getElementById(`q-card-${id}`);\n const checkbox = document.getElementById(`chk-${id}`);<\/p>\n<p> if (answers[id]) {\n card.classList.add('bg-blue-50\/50', 'border-blue-600');\n card.classList.remove('border-gray-100', 'hover:border-blue-200');\n checkbox.checked = true;\n } else {\n card.classList.remove('bg-blue-50\/50', 'border-blue-600');\n card.classList.add('border-gray-100', 'hover:border-blue-200');\n checkbox.checked = false;\n }\n }<\/p>\n<p> \/\/ \u30d8\u30eb\u30d7\u306e\u958b\u9589\n function toggleHelp(id) {\n const helpEl = document.getElementById(`help-${id}`);\n helpEl.classList.toggle('hidden');\n }<\/p>\n<p> \/\/ \u6b21\u3078\n function nextStep() {\n if (activeCategoryIndex < totalCategories - 1) {\n activeCategoryIndex++;\n renderQuiz();\n } else {\n showResult();\n }\n }\n\n \/\/ \u623b\u308b\n function prevStep() {\n if (activeCategoryIndex > 0) {\n activeCategoryIndex--;\n renderQuiz();\n }\n }<\/p>\n<p> \/\/ \u7d50\u679c\u767a\u8868\n function showResult() {\n currentStep = 2;\n switchPage('page-quiz', 'page-result');<\/p>\n<p> \/\/ ID\u3068\u65e5\u4ed8\u3092\u81ea\u52d5\u30bb\u30c3\u30c8\n document.getElementById('presc-id').innerText = Math.floor(Math.random() * 900000) + 100000;\n const now = new Date();\n document.getElementById('current-date').innerText = `${now.getFullYear()}\u5e74${now.getMonth() + 1}\u6708${now.getDate()}\u65e5`;<\/p>\n<p> \/\/ \u30b9\u30b3\u30a2\u7b97\u51fa\n const checkedCount = Object.values(answers).filter(Boolean).length;\n document.getElementById('result-score').innerText = checkedCount;<\/p>\n<p> \/\/ \u30b9\u30b3\u30a2\u8a55\u4fa1\u3068\u5224\u5b9a\n let evalText = \"\";\n let diagnosisName = \"\";\n let diagnosisDesc = \"\";\n let stampHTML = \"\";\n let medicineHTML = \"\";\n let doctorAdvice = \"\";<\/p>\n<p> if (checkedCount <= 4) {\n evalText = \"\u7d44\u7e54\u306f\u6bd4\u8f03\u7684\u5b89\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002\u8efd\u5ea6\u306e\u4e88\u9632\u306b\u6ce8\u529b\u3057\u307e\u3057\u3087\u3046\u3002\";\n diagnosisName = \"\u3010\u8efd\u75c7\u30fb\u8981\u4e88\u9632\u3011\u521d\u671f\u5fae\u71b1\u578b\u7d44\u7e54\";\n diagnosisDesc = \"\u6c7a\u5b9a\u7684\u306a\u6a5f\u80fd\u4e0d\u5168\u306b\u306f\u81f3\u3063\u3066\u3044\u307e\u305b\u3093\u304c\u3001\u4e00\u90e8\u306e\u73fe\u5834\u3067\u300e\u9759\u304b\u306a\u4e0d\u6e80\u300f\u304c\u767a\u751f\u3057\u3066\u3044\u307e\u3059\u3002\u4eca\u3059\u3050\u81f4\u547d\u7684\u306a\u96e2\u8077\u306b\u7e4b\u304c\u308b\u53ef\u80fd\u6027\u306f\u4f4e\u3044\u3067\u3059\u304c\u3001\u7ba1\u7406\u8005\u3068\u30b9\u30bf\u30c3\u30d5\u306e\u9593\u306b\u8a8d\u8b58\u306e\u30ae\u30e3\u30c3\u30d7\uff08\u975e\u5bfe\u79f0\u6027\uff09\u304c\u751f\u307e\u308c\u59cb\u3081\u3066\u3044\u308b\u7d4c\u904e\u89b3\u5bdf\u671f\u3067\u3059\u3002\";\n stampHTML = `<span class=\"stamp-animation inline-block border-4 border-emerald-500 text-emerald-500 font-bold px-4 py-2 text-xl rounded-md uppercase\">\u8981\u4e88\u9632<\/span>`;\n medicineHTML = `<\/p>\n<div class=\"bg-emerald-50 rounded-xl p-4 border border-emerald-100\">\n <span class=\"text-[9px] font-bold text-emerald-800 uppercase tracking-widest\">Maintenance<\/span><\/p>\n<h5 class=\"font-bold text-sm text-gray-900 mt-1 mb-2\">\u300c\u80c3\u85ac\u300d\u793e\u9577\u306e\u58c1\u6253\u3061<\/h5>\n<p class=\"text-[11px] text-gray-600 leading-relaxed\">\u30ad\u30e3\u30ea\u30b3\u30f3\u306b\u3088\u308b\u67081\u56de\u76f8\u8ac7\u3067\u3001\u7d4c\u55b6\u8005\u306e\u30e2\u30e4\u30e2\u30e4\u3068\u7d44\u7e54\u8ab2\u984c\u3092\u3059\u3063\u304d\u308a\u69cb\u9020\u5316\u3057\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<div class=\"bg-emerald-50 rounded-xl p-4 border border-emerald-100\">\n <span class=\"text-[9px] font-bold text-emerald-800 uppercase tracking-widest\">Supplement<\/span><\/p>\n<h5 class=\"font-bold text-sm text-gray-900 mt-1 mb-2\">\u300c\u30b5\u30d7\u30ea\u300dHR\u30cb\u30e5\u30fc\u30b9<\/h5>\n<p class=\"text-[11px] text-gray-600 leading-relaxed\">\u4eba\u4e8b\u306e\u6700\u65b0\u30c8\u30ec\u30f3\u30c9\u3001\u52a9\u6210\u91d1\u8981\u4ef6\u3001\u6cd5\u6539\u6b63\u60c5\u5831\u3092\u5b9a\u671f\u7684\u306b\u30b3\u30f3\u30d1\u30af\u30c8\u306b\u304a\u5c4a\u3051\u3057\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<div class=\"bg-emerald-50 rounded-xl p-4 border border-emerald-100\">\n <span class=\"text-[9px] font-bold text-emerald-800 uppercase tracking-widest\">Education<\/span><\/p>\n<h5 class=\"font-bold text-sm text-gray-900 mt-1 mb-2\">\u300c\u5065\u5eb7\u756a\u7d44\u300d\u5b66\u7fd2\u52d5\u753b<\/h5>\n<p class=\"text-[11px] text-gray-600 leading-relaxed\">\u30de\u30cd\u30b8\u30e1\u30f3\u30c8\u306e\u57fa\u790e\u77e5\u8b58\u3084\u5fc3\u7406\u7684\u5b89\u5168\u6027\u306b\u3064\u3044\u3066\u3001\u3044\u3064\u3067\u3082\u9699\u9593\u6642\u9593\u3067\u5b66\u3079\u308b\u30a2\u30fc\u30ab\u30a4\u30d6\u52d5\u753b\u3067\u3059\u3002<\/p>\n<\/p><\/div>\n<p> `;\n doctorAdvice = \"\u300c\u521d\u671f\u75c7\u72b6\u306e\u3046\u3061\u306b\u5e38\u5099\u85ac\u3092\u624b\u5143\u306b\u7f6e\u3044\u3066\u304a\u304f\u3053\u3068\u3067\u3001\u4e0d\u6e80\u306e\u6162\u6027\u5316\u3084\u5927\u51fa\u8840\uff08\u96e2\u8077\uff09\u3092\u672a\u7136\u306b\u9632\u3050\u3053\u3068\u304c\u53ef\u80fd\u3067\u3059\u3002\u307e\u305a\u306f\u30d9\u30fc\u30b7\u30c3\u30af\u306a\u5e38\u5099\u85ac\u30d7\u30e9\u30f3\u3067\u4f1a\u793e\u306e\u57fa\u790e\u4f53\u529b\u3092\u9ad8\u3081\u3066\u3044\u304d\u307e\u3057\u3087\u3046\u3002\u300d\";\n } else if (checkedCount <= 11) {\n evalText = \"\u73fe\u5834\u306e\u6162\u6027\u708e\u75c7\u304c\u59cb\u307e\u3063\u3066\u3044\u307e\u3059\u3002\u65e9\u6025\u306a\u6b62\u8840\u5bfe\u7b56\u304c\u5fc5\u8981\u3067\u3059\u3002\";\n diagnosisName = \"\u3010\u4e2d\u7b49\u75c7\u30fb\u8981\u6cbb\u7642\u3011\u6162\u6027\u708e\u75c7\u578b\u7d44\u7e54\";\n diagnosisDesc = \"\u7ba1\u7406\u8077\u306e\u30d6\u30e9\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u5316\u3084\u5c5e\u4eba\u7684\u306a\u8a55\u4fa1\u306b\u3088\u308a\u3001\u73fe\u5834\u30b9\u30bf\u30c3\u30d5\u306e\u30a8\u30f3\u30b2\u30fc\u30b8\u30e1\u30f3\u30c8\u304c\u4f4e\u4e0b\u3057\u3001\u3044\u3064\u300e\u7a81\u767a\u7684\u306a\u5927\u51fa\u8840\uff08\u96e2\u8077\uff09\u300f\u304c\u8d77\u304d\u3066\u3082\u304a\u304b\u3057\u304f\u306a\u3044\u8b66\u6212\u72b6\u614b\u3067\u3059\u3002\u8868\u9762\u7684\u306b\u306f\u4f55\u3082\u4e0d\u6e80\u3092\u8a00\u308f\u306a\u304f\u3066\u3082\u3001\u6c34\u9762\u4e0b\u3067\u8ee2\u8077\u6d3b\u52d5\u3092\u9032\u3081\u3066\u3044\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002\";\n stampHTML = `<span class=\"stamp-animation inline-block border-4 border-orange-500 text-orange-500 font-bold px-4 py-2 text-xl rounded-md uppercase\">\u8981\u6cbb\u7642<\/span>`;\n medicineHTML = `<\/p>\n<div class=\"bg-orange-50 rounded-xl p-4 border border-orange-100\">\n <span class=\"text-[9px] font-bold text-orange-800 uppercase tracking-widest\">Emergency<\/span><\/p>\n<h5 class=\"font-bold text-sm text-gray-900 mt-1 mb-2\">\u300c\u5f37\u529b\u7d46\u5275\u818f\u300d\u793e\u54e1\u9762\u8ac7\u4ee3\u884c<\/h5>\n<p class=\"text-[11px] text-gray-600 leading-relaxed\">\u8f9e\u3081\u305d\u3046\u306a\u5146\u5019\u306e\u3042\u308b\u793e\u54e1\u3001\u4e0d\u6e80\u3092\u62b1\u3048\u308b\u73fe\u5834\u30b9\u30bf\u30c3\u30d5\u3078\u3001\u30ad\u30e3\u30ea\u30b3\u30f3\u304c\u9762\u8ac7\u3092\u884c\u3044\u672c\u97f3\u3068\u30ea\u30b9\u30af\u3092\u30b1\u30a2\u3057\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<div class=\"bg-orange-50 rounded-xl p-4 border border-orange-100\">\n <span class=\"text-[9px] font-bold text-orange-800 uppercase tracking-widest\">Emergency<\/span><\/p>\n<h5 class=\"font-bold text-sm text-gray-900 mt-1 mb-2\">\u300c\u89e3\u71b1\u5264\u300d\u30c8\u30e9\u30d6\u30eb\u4ef2\u88c1<\/h5>\n<p class=\"text-[11px] text-gray-600 leading-relaxed\">\u4eba\u9593\u95a2\u4fc2\u306e\u5bfe\u7acb\u3084\u3001\u30cf\u30e9\u30b9\u30e1\u30f3\u30c8\u7591\u60d1\u306e\u3042\u308b\u73fe\u5834\u306b\u5165\u308a\u3001\u71b1\u3092\u5e2f\u3073\u305f\u611f\u60c5\u5bfe\u7acb\u306e\u6c88\u9759\u5316\u3068\u6539\u5584\u6307\u793a\u3092\u56f3\u308a\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<div class=\"bg-orange-50 rounded-xl p-4 border border-orange-100\">\n <span class=\"text-[9px] font-bold text-orange-800 uppercase tracking-widest\">Specialist<\/span><\/p>\n<h5 class=\"font-bold text-sm text-gray-900 mt-1 mb-2\">\u9ad8\u5ea6\u306a\u5c02\u9580\u5916\u6765\u30c1\u30fc\u30e0<\/h5>\n<p class=\"text-[11px] text-gray-600 leading-relaxed\">\u30cf\u30e9\u30b9\u30e1\u30f3\u30c8\u5916\u90e8\u7a93\u53e3\u306e\u8a2d\u7f6e\u3084\u3001FP\u3001\u793e\u52b4\u58eb\u3068\u9023\u643a\u3057\u305f\u5c31\u696d\u898f\u5247\u6700\u9069\u5316\u30fb\u30c8\u30e9\u30d6\u30eb\u4e88\u9632\u306b\u53d6\u308a\u7d44\u307f\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<p> `;\n doctorAdvice = \"\u300c\u9000\u8077\u3092\u544a\u3052\u3089\u308c\u3066\u304b\u3089\u3001\u3044\u304f\u3089\u6761\u4ef6\u63d0\u793a\u306a\u3069\u306e\u300e\u5fdc\u6025\u51e6\u7f6e\u300f\u3092\u65bd\u3057\u3066\u3082\u3001\u624b\u9045\u308c\uff08\u6b62\u8840\u4e0d\u80fd\uff09\u3067\u3059\u3002\u30d7\u30ed\u306b\u3088\u308b\u7b2c\u4e09\u8005\u9762\u8ac7\u3092\u5b9f\u65bd\u3057\u3001\u96a0\u308c\u305f\u4e0d\u6e80\u3092\u30b9\u30d4\u30fc\u30c7\u30a3\u306b\u7279\u5b9a\u3057\u3066\u89e3\u6c7a\u306b\u5411\u3051\u3066\u30a2\u30d7\u30ed\u30fc\u30c1\u3057\u307e\u3057\u3087\u3046\u3002\u300d\";\n } else {\n evalText = \"\u7d44\u7e54\u5168\u4f53\u306b\u6a5f\u80fd\u4e0d\u5168\u304c\u8ee2\u79fb\u3057\u3066\u3044\u307e\u3059\u3002\u629c\u672c\u7684\u306a\u5916\u79d1\u624b\u8853\u304c\u5fc5\u8981\u3067\u3059\u3002\";\n diagnosisName = \"\u3010\u91cd\u75c7\u30fb\u8981\u5916\u79d1\u624b\u8853\u3011\u91cd\u5ea6\u9aa8\u683c\u6a5f\u80fd\u4e0d\u5168\u578b\u7d44\u7e54\";\n diagnosisDesc = \"\u7d44\u7e54\u306e\u5c4b\u53f0\u9aa8\uff08\u8a55\u4fa1\u30fb\u30ad\u30e3\u30ea\u30a2\uff09\u3084\u5185\u81d3\uff08\u63a1\u7528\u30fb\u80b2\u6210\uff09\u306b\u6839\u672c\u7684\u306a\u6301\u75c5\u304c\u751f\u3058\u3066\u3044\u307e\u3059\u3002\u300e\u4eba\u304c\u5165\u3063\u3066\u3082\u3059\u3050\u8f9e\u3081\u308b\u300f\u300e\u7ba1\u7406\u8077\u304c\u73fe\u5834\u3092\u56de\u305b\u305a\u7d4c\u55b6\u8005\u304c\u5b64\u7acb\u3057\u3066\u3044\u308b\u300f\u6162\u6027\u7684\u306a\u4f53\u8cea\u3002\u305d\u306e\u5834\u3057\u306e\u304e\u3067\u306f\u306a\u3044\u3001\u7d44\u7e54\u8a2d\u8a08\u306e\u6839\u672c\u898b\u76f4\u3057\u304c\u5fc5\u8981\u4e0d\u53ef\u6b20\u3067\u3059\u3002\";\n stampHTML = `<span class=\"stamp-animation inline-block border-4 border-red-500 text-red-500 font-bold px-4 py-2 text-xl rounded-md uppercase\">\u8981\u5916\u79d1\u624b\u8853<\/span>`;\n medicineHTML = `<\/p>\n<div class=\"bg-red-50 rounded-xl p-4 border border-red-100\">\n <span class=\"text-[9px] font-bold text-red-800 uppercase tracking-widest\">Surgery<\/span><\/p>\n<h5 class=\"font-bold text-sm text-gray-900 mt-1 mb-2\">\u300c\u9aa8\u683c\u77ef\u6b63\u300d\u8a55\u4fa1\u5236\u5ea6\u69cb\u7bc9<\/h5>\n<p class=\"text-[11px] text-gray-600 leading-relaxed\">\u5f62\u9ab8\u5316\u3057\u305f\u8a55\u4fa1\u30b7\u30fc\u30c8\u3084\u4e3b\u89b3\u7684\u306a\u67fb\u5b9a\u304b\u3089\u8131\u5374\u3057\u3001\u8ab0\u3082\u304c\u7d0d\u5f97\u3057\u81ea\u5f8b\u7684\u306b\u52d5\u304d\u51fa\u3059\u8a55\u4fa1\u5236\u5ea6\u3092\u518d\u69cb\u7bc9\u3057\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<div class=\"bg-red-50 rounded-xl p-4 border border-red-100\">\n <span class=\"text-[9px] font-bold text-red-800 uppercase tracking-widest\">Rehabilitation<\/span><\/p>\n<h5 class=\"font-bold text-sm text-gray-900 mt-1 mb-2\">\u300c\u30ea\u30cf\u30d3\u30ea\u300d\u6b21\u4e16\u4ee3\u30ea\u30fc\u30c0\u30fc\u7814\u4fee<\/h5>\n<p class=\"text-[11px] text-gray-600 leading-relaxed\">\u73fe\u5834\u7ba1\u7406\u8077\u3078\u3001\u4e3b\u89b3\u3092\u6392\u9664\u3057\u305f\u300e\u8a55\u4fa1\u9762\u8ac7\u30b9\u30ad\u30eb\u300f\u3084\u3001\u5fc3\u7406\u7684\u5b89\u5168\u6027\u306e\u9ad8\u3044\u5bfe\u8a71\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u6cd5\u3092\u935b\u3048\u76f4\u3057\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<div class=\"bg-red-50 rounded-xl p-4 border border-red-100\">\n <span class=\"text-[9px] font-bold text-red-800 uppercase tracking-widest\">Advanced Medicine<\/span><\/p>\n<h5 class=\"font-bold text-sm text-gray-900 mt-1 mb-2\">\u52a9\u6210\u91d1\u6d3b\u7528\uff06BPO\u652f\u63f4<\/h5>\n<p class=\"text-[11px] text-gray-600 leading-relaxed\">\u4eba\u6750\u958b\u767a\u652f\u63f4\u52a9\u6210\u91d1\u3092\u30d5\u30eb\u6d3b\u7528\u3057\u3001\u6559\u80b2\u30b3\u30b9\u30c8\u3092\u5b9f\u8cea\u30bc\u30ed\u306b\u6291\u3048\u306a\u304c\u3089\u3001\u63a1\u7528\u6226\u7565\u304b\u3089\u5b9f\u52d9\u3092\u307e\u308b\u3054\u3068\u4ee3\u884c\u652f\u63f4\u3057\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<p> `;\n doctorAdvice = \"\u300c\u3053\u306e\u72b6\u614b\u306e\u307e\u307e\u63a1\u7528\u306b\u591a\u984d\u306e\u6295\u8cc7\u3092\u884c\u3063\u3066\u3082\u3001\u6d41\u51fa\u3059\u308b\u30d0\u30b1\u30c4\u306e\u3088\u3046\u306b\u63a1\u7528\u8cbb\u304c\u7121\u99c4\u306b\u306a\u308a\u307e\u3059\u3002\u307e\u305a\u306f\u5236\u5ea6\u69cb\u7bc9\u3068\u7ba1\u7406\u8005\u6559\u80b2\u306b\u3088\u308b\u300e\u9aa8\u683c\u30fb\u4f53\u8cea\u306e\u5916\u79d1\u624b\u8853\u300f\u3092\u5b9f\u884c\u3057\u3001\u4e2d\u304b\u3089\u5f37\u3044\u7d44\u7e54\u3092\u4f5c\u308a\u76f4\u3059\u899a\u609f\u304c\u5fc5\u8981\u3067\u3059\u3002\u300d\";\n }<\/p>\n<p> document.getElementById('result-score-evaluation').innerText = evalText;\n document.getElementById('result-diagnosis-name').innerText = diagnosisName;\n document.getElementById('result-diagnosis-desc').innerText = diagnosisDesc;\n document.getElementById('result-stamp').innerHTML = stampHTML;\n document.getElementById('prescribed-medicine-container').innerHTML = medicineHTML;\n document.getElementById('result-doctor-advice').innerText = doctorAdvice;\n }<\/p>\n<p> \/\/ \u30ea\u30bb\u30c3\u30c8\n function resetDiagnosis() {\n questions.forEach(q => answers[q.id] = false);\n activeCategoryIndex = 0;\n switchPage('page-result', 'page-quiz');\n renderQuiz();\n }<\/p>\n<p> \/\/ \u30d5\u30a9\u30fc\u30e0\u9001\u4fe1\n function handleFormSubmit(event) {\n event.preventDefault();\n \/\/ \u9001\u4fe1\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u6a21\u64ec\n document.getElementById('contact-form').classList.add('opacity-50', 'pointer-events-none');\n setTimeout(() => {\n document.getElementById('contact-form').reset();\n document.getElementById('contact-form').classList.add('hidden');\n document.getElementById('form-success-msg').classList.remove('hidden');\n }, 1000);\n }<\/p>\n<p> \/\/ \u7d50\u679c\u3092\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\u306b\u30b3\u30d4\u30fc\n function copyPrescription() {\n const score = document.getElementById('result-score').innerText;\n const diagnosis = document.getElementById('result-diagnosis-name').innerText;\n const desc = document.getElementById('result-diagnosis-desc').innerText;\n const url = window.location.href;<\/p>\n<p> const textToCopy = `\u3010\u4eba\u4e8b\u306e\u30af\u30b9\u30ea\u7bb1\u3011\u30d2\u30c8\u30ea\u30b9\u30af\u5065\u5eb7\u8a3a\u65ad\u7d50\u679c\n\u25a0\u8a3a\u65ad\u30b9\u30b3\u30a2: ${score} \/ 20\u70b9\n\u25a0\u8a3a\u65ad\u540d: ${diagnosis}\n\u25a0\u898b\u7acb\u3066:\n${desc}<\/p>\n<p>\u25bc\u307e\u305a\u306f\u7121\u6599\u554f\u8a3a\u304b\u3089\u30b9\u30bf\u30fc\u30c8\n${url}`;<\/p>\n<p> \/\/ \u4e92\u63db\u6027\u7dad\u6301\u306e\u305f\u3081\u306e\u30b3\u30d4\u30fc\u624b\u6cd5\n const textarea = document.createElement('textarea');\n textarea.value = textToCopy;\n document.body.appendChild(textarea);\n textarea.select();\n document.execCommand('copy');\n document.body.removeChild(textarea);<\/p>\n<p> alert(\"\u8a3a\u65ad\u7d50\u679c\u3092\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\u306b\u30b3\u30d4\u30fc\u3057\u307e\u3057\u305f\uff01\u30e1\u30fc\u30eb\u3084\u30c1\u30e3\u30c3\u30c8\u3067\u306e\u5171\u6709\u306b\u3054\u5229\u7528\u304f\u3060\u3055\u3044\u3002\");\n }\n <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u4eba\u4e8b\u306e\u30af\u30b9\u30ea\u7bb1 | \u4e2d\u5c0f\u4f01\u696d\u306e\u30d2\u30c8\u30ea\u30b9\u30af\u5bfe\u7b56\u30fb\u4eba\u4e8b\u8ab2\u984c\u89e3\u6c7a \u4eba\u4e8b\u306e\u30af\u30b9\u30ea\u7bb1 \u30b3\u30f3\u30bb\u30d7\u30c8 \u9762\u8ac7\u306e\u4fa1\u5024 \u30d2\u30c8\u30ea\u30b9\u30af\u3068\u306f \u30b9\u30ad\u30eb\u8a3a\u65ad \u30b5\u30fc\u30d3\u30b9\u8a73\u7d30 \u7121\u6599\u76f8\u8ac7 \u305d\u306e\u300c\u4eba\u300d\u306e\u75db\u307f\u3001\u30ac\u30de\u30f3\u3057\u3066\u3044\u307e\u305b\u3093\u304b\uff1f \u4e2d\u5c0f\u4f01\u696d\u306e\u7d4c\u55b6\u8005\u3068\u4eba\u4e8b\u62c5\u5f53 […]<\/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-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jinji-kusuribako.jp\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jinji-kusuribako.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jinji-kusuribako.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jinji-kusuribako.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jinji-kusuribako.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":82,"href":"https:\/\/jinji-kusuribako.jp\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":133,"href":"https:\/\/jinji-kusuribako.jp\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/133"}],"wp:attachment":[{"href":"https:\/\/jinji-kusuribako.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}