{"id":7859,"date":"2025-10-22T08:00:00","date_gmt":"2025-10-21T23:00:00","guid":{"rendered":"https:\/\/www.shimamura-hosp.com\/kokoro-dock\/?page_id=7859"},"modified":"2025-10-22T12:38:21","modified_gmt":"2025-10-22T03:38:21","slug":"stress-checker","status":"publish","type":"page","link":"https:\/\/www.shimamura-hosp.com\/kokoro-dock\/stress-checker","title":{"rendered":"\u30b9\u30c8\u30ec\u30b9\u539f\u56e0\u7279\u5b9a\u8a3a\u65ad"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"900\" src=\"https:\/\/www.shimamura-hosp.com\/kokoro-dock\/wp-content\/uploads\/2025\/10\/stress-checker-page-image.png\" alt=\"\u30b9\u30c8\u30ec\u30b9\u306e\u539f\u56e0\u8a3a\u65ad\u30da\u30fc\u30b8\u306e\u753b\u50cf\" class=\"wp-image-7867\"\/><\/figure>\n\n\n\n<p><strong>\u300c\u6700\u8fd1\u3001\u306a\u3093\u3060\u304b\u30e2\u30e4\u30e2\u30e4\u3059\u308b\u2026\u300d<br>\u300c\u7406\u7531\u3082\u306a\u304f\u30a4\u30e9\u30a4\u30e9\u3057\u3066\u3057\u307e\u3046\u2026\u300d<\/strong><\/p>\n\n\n\n<p>\u3042\u306a\u305f\u304c\u611f\u3058\u3066\u3044\u308b\u305d\u306e\u30b9\u30c8\u30ec\u30b9\u306e\u539f\u56e0\u3092\u30019\u3064\u306e\u7c21\u5358\u306a\u8cea\u554f\u304b\u3089\u63a2\u3063\u3066\u307f\u307e\u305b\u3093\u304b\uff1f<\/p>\n\n\n\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chartjs-plugin-datalabels@2.2.0\"><\/script>\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&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n    #diagnosis-tool-container-v7 {\n        --color-primary: #26A4E3;\n        --color-primary-dark: #1E88C7;\n        --color-accent: #F8BE2F;\n        --color-accent-dark: #FDC830;\n        --color-cta: #F97316;\n        --color-cta-dark: #EA580C;\n        --color-logo-border: #16a34a;\n        --color-surface: #FFFFFF;\n        --color-text-primary: #212529;\n        --color-text-secondary: #6C757D;\n        font-family: 'Noto Sans JP', sans-serif;\n        color: var(--color-text-primary);\n        background-color: var(--color-surface);\n        border: 1px solid #e5e7eb;\n        overflow: hidden;\n    }\n    #diagnosis-tool-container-v7 .screen { display: none; animation: fadeInV7 0.7s ease-in-out; }\n    #diagnosis-tool-container-v7 .screen.active { display: block; }\n    @keyframes fadeInV7 { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }\n    \n    #diagnosis-tool-container-v7 .question-card.exit { animation: slideOutV7 0.4s ease-in forwards; }\n    @keyframes slideOutV7 { from { opacity: 1; transform: translateX(0); } to { opacity: 0; transform: translateX(-30px); } }\n\n    #diagnosis-tool-container-v7 .option-button { transition: all 0.2s ease-in-out; border: 2px solid #ced4da; background-color: var(--color-surface); }\n    #diagnosis-tool-container-v7 .option-button:hover { transform: translateY(-3px); box-shadow: 0 6px 20px -5px rgba(38, 164, 227, 0.3); border-color: var(--color-primary); }\n    #diagnosis-tool-container-v7 .option-button.selected { background-color: #eaf6fd; border-color: var(--color-primary); color: var(--color-primary); font-weight: 700; transform: translateY(-3px); box-shadow: 0 6px 20px -5px rgba(38, 164, 227, 0.3); }\n\n    #diagnosis-tool-container-v7 .cta-button { background: linear-gradient(135deg, var(--color-cta), var(--color-cta-dark)); transition: all 0.3s ease; }\n    #diagnosis-tool-container-v7 .cta-button:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 8px 25px rgba(249, 115, 22, 0.4); }\n\n    #diagnosis-tool-container-v7 .diagnosis-header { background: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark)); padding: 2rem 2.5rem; }\n    \n    #diagnosis-tool-container-v7 #result-description b { color: var(--color-primary); font-weight: 700; }\n\n    @media (max-width: 640px) {\n        #diagnosis-tool-container-v7 .diagnosis-header { padding: 1.5rem; }\n    }\n<\/style>\n\n<div id=\"diagnosis-tool-container-v7\" class=\"w-full max-w-2xl mx-auto rounded-2xl shadow-xl\">\n\n    <div id=\"start-screen\" class=\"screen active text-center\">\n        <div class=\"diagnosis-header\">\n            <div class=\"text-white text-[18px] font-bold\">\ud83e\udde0 \u300c\u30b9\u30c8\u30ec\u30b9\u539f\u56e0\u300d\u7279\u5b9a\u8a3a\u65ad<\/div>\n        <\/div>\n        <div class=\"p-6 sm:p-10\">\n            <div class=\"my-6\">\n                <img decoding=\"async\" src=\"https:\/\/www.shimamura-hosp.com\/kokoro-dock\/wp-content\/uploads\/2025\/10\/stress-checker-image.png\" alt=\"\u30b9\u30c8\u30ec\u30b9\u30c1\u30a7\u30c3\u30af\u306e\u30a4\u30e1\u30fc\u30b8\u30a4\u30e9\u30b9\u30c8\" class=\"w-full h-auto object-contain\">\n            <\/div>\n            <p class=\"text-[14px] mb-6 font-semibold\" style=\"color: var(--color-text-secondary);\">9\u3064\u306e\u8cea\u554f\u3067\u3042\u306a\u305f\u306e\u60a9\u307f\u306e\u539f\u56e0\u3092\u53ef\u8996\u5316\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n            <p class=\"text-[15px] mb-8 max-w-lg mx-auto leading-relaxed\" style=\"color: var(--color-text-secondary);\">\n                \u6700\u8fd1\u3001\u7406\u7531\u306e\u308f\u304b\u3089\u306a\u3044\u30e2\u30e4\u30e2\u30e4\u3084\u30a4\u30e9\u30a4\u30e9\u3092\u611f\u3058\u3066\u3044\u307e\u305b\u3093\u304b\uff1f<br>\n                \u3053\u306e\u8a3a\u65ad\u3067\u306f\u3001\u3042\u306a\u305f\u306e\u30b9\u30c8\u30ec\u30b9\u304c\u3069\u3053\u304b\u3089\u6765\u3066\u3044\u308b\u306e\u304b\u3092\u5206\u6790\u3057\u3001\u5fc3\u306e\u72b6\u614b\u3092\u6574\u7406\u3059\u308b\u304a\u624b\u4f1d\u3044\u3092\u3057\u307e\u3059\u3002\n            <\/p>\n            <button id=\"start-button\" class=\"w-full sm:w-auto text-white font-bold py-3 px-12 rounded-full shadow-lg transition-transform transform hover:scale-105\" style=\"background-color: var(--color-primary); font-size: 16px;\">\n                \u8a3a\u65ad\u3092\u306f\u3058\u3081\u308b\n            <\/button>\n        <\/div>\n    <\/div>\n\n    <div id=\"question-screen\" class=\"screen p-6 sm:p-10\">\n        <div class=\"mb-8\">\n            <div class=\"flex justify-between items-center mb-2\">\n                <p class=\"text-[14px] font-bold\" style=\"color: var(--color-primary);\">\u9032\u6357<\/p>\n                <p id=\"progress-text\" class=\"text-[14px] font-semibold\" style=\"color: var(--color-text-secondary);\">1 \/ 9<\/p>\n            <\/div>\n            <div class=\"w-full bg-gray-200 rounded-full h-2\">\n                <div id=\"progress-bar\" class=\"h-2 rounded-full transition-all duration-500\" style=\"width: 11%; background: linear-gradient(90deg, var(--color-accent), var(--color-accent-dark));\"><\/div>\n            <\/div>\n        <\/div>\n        <div id=\"question-container\"><\/div>\n    <\/div>\n\n    <div id=\"result-screen\" class=\"screen text-center\">\n        <div class=\"diagnosis-header\">\n            <div class=\"text-white text-[18px] font-bold\">\ud83d\udcca \u3042\u306a\u305f\u306e\u300c\u30b9\u30c8\u30ec\u30b9\u539f\u56e0\u300d\u5206\u6790\u30ec\u30dd\u30fc\u30c8<\/div>\n        <\/div>\n        <div class=\"p-6 sm:p-10\">\n            <div class=\"max-w-sm mx-auto my-6 sm:my-8\">\n                <canvas id=\"result-chart\"><\/canvas>\n            <\/div>\n\n            <div class=\"bg-gray-50 p-5 sm:p-6 rounded-xl border-l-4\" style=\"border-left-color: var(--color-primary);\">\n                <p id=\"result-lead-text\" class=\"text-[15px] mb-2 font-bold text-left flex items-center\" style=\"color: var(--color-text-primary);\"><\/p>\n                <p id=\"result-description\" class=\"text-[14px] text-left leading-relaxed\" style=\"color: var(--color-text-secondary);\"><\/p>\n            <\/div>\n\n            <div class=\"mt-10 pt-8 border-t border-gray-200\">\n                <div class=\"mb-6\">\n                    <div class=\"border-4 rounded-lg p-2 bg-white\" style=\"border-color: var(--color-logo-border);\">\n                         <a href=\"https:\/\/karidome.net\/lp\/hajimari-no-tomarigi\/\" target=\"\\_blank\" rel=\"noopener\">\n                             <img decoding=\"async\" src=\"https:\/\/www.shimamura-hosp.com\/kokoro-dock\/wp-content\/uploads\/2025\/10\/hajimari-no-tomarigi-logo.png\" alt=\"\u306f\u3058\u307e\u308a\u306e\u6b62\u307e\u308a\u6728 \u30ed\u30b4\" class=\"w-full h-auto\">\n                         <\/a>\n                    <\/div>\n                <\/div>\n                \n                <!-- \u25bc\u25bc\u25bc \u3053\u3053\u304b\u3089\u304c\u4fee\u6b63\u7b87\u6240\u3067\u3059 \u25bc\u25bc\u25bc -->\n                <p class=\"text-[14px] text-gray-600 mb-8 max-w-lg mx-auto leading-relaxed\">\n                    \u300c\u306f\u3058\u307e\u308a\u306e\u6b62\u307e\u308a\u6728\u300d\u3067\u306f\u5fc3\u306e\u4f11\u3081\u65b9\u30fb\u4f11\u8077\u306e\u65b9\u6cd5\u30fb\u4f11\u606f\u671f\u9593\u306e\u304a\u5f79\u7acb\u3061\u60c5\u5831\u306a\u3069\u3092\u7121\u6599\u3067\u3054\u89a7\u3044\u305f\u3060\u3051\u307e\u3059\u3002\n                <\/p>\n\n                <div class=\"w-full max-w-lg mx-auto mb-8 rounded-lg overflow-hidden shadow border border-gray-200 text-left\">\n                    <div class=\"p-3 font-bold text-white text-center text-[15px]\" style=\"background-color: #0a6a31;\">\n                        LINE\u3067\u304a\u5c4a\u3051\u3059\u308b\u5185\u5bb9\n                    <\/div>\n                    <div class=\"p-5\" style=\"background-color: #f5fff8;\">\n                        <ul class=\"space-y-3\">\n                            <li class=\"flex items-start\">\n                                <svg class=\"w-5 h-5 mr-2 flex-shrink-0 mt-0.5\" fill=\"currentColor\" style=\"color: var(--color-cta);\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\n                                <span class=\"text-[14px] font-semibold leading-snug\" style=\"color: #403f3d;\">\u30e1\u30f3\u30bf\u30eb\u304c\u8f9b\u3044\u3068\u304d\u306b\u3001\u6700\u521d\u306b\u3084\u308b\u3079\u304d3\u3064\u306e\u884c\u52d5<\/span>\n                            <\/li>\n                            <li class=\"flex items-start\">\n                                <svg class=\"w-5 h-5 mr-2 flex-shrink-0 mt-0.5\" fill=\"currentColor\" style=\"color: var(--color-cta);\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\n                                <span class=\"text-[14px] font-semibold leading-snug\" style=\"color: #403f3d;\">\u4f1a\u793e\u3092\u4f11\u3080\u524d\u306b\u77e5\u3063\u3066\u304a\u304f\u3079\u304d\u652f\u63f4\u91d1\u5236\u5ea6<\/span>\n                            <\/li>\n                            <li class=\"flex items-start\">\n                                <svg class=\"w-5 h-5 mr-2 flex-shrink-0 mt-0.5\" fill=\"currentColor\" style=\"color: var(--color-cta);\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\n                                <span class=\"text-[14px] font-semibold leading-snug\" style=\"color: #403f3d;\">\u304a\u91d1\u30fb\u4ed5\u4e8b\u30fb\u5fc3\u3092\u7acb\u3066\u76f4\u3059\u305f\u3081\u306e\u518d\u51fa\u767a\u30de\u30cb\u30e5\u30a2\u30eb<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n                <!-- \u25b2\u25b2\u25b2 \u3053\u3053\u307e\u3067\u304c\u4fee\u6b63\u7b87\u6240\u3067\u3059 \u25b2\u25b2\u25b2 -->\n\n                <a href=\"https:\/\/karidome.net\/lp\/hajimari-no-tomarigi\/\" target=\"\\_blank\" rel=\"noopener\" class=\"cta-button flex items-center justify-center text-white font-bold py-4 rounded-full shadow-lg w-full max-w-sm mx-auto\">\n                    <div class=\"text-center leading-tight\">\n                        <span class=\"block text-sm font-bold\">\u306f\u3058\u307e\u308a\u306e\u6b62\u307e\u308a\u6728<\/span>\n                        <span class=\"block text-base font-semibold tracking-wider\">LINE\u8ffd\u52a0\u306f\u3053\u3061\u3089<\/span>\n                    <\/div>\n                <\/a>\n                <p class=\"text-[13px] text-gray-500 mt-2\">\u203b\u30dc\u30bf\u30f3\u3092\u62bc\u3059\u3068\u5225\u30b5\u30a4\u30c8\u306b\u9077\u79fb\u3057\u307e\u3059\u3002<\/p>\n            <\/div>\n\n            <button id=\"retry-button\" class=\"mt-6 w-full max-w-sm mx-auto block bg-gray-200 hover:bg-gray-300 text-gray-700 font-semibold py-3 px-6 rounded-full shadow transition-all duration-200 ease-in-out transform hover:scale-105\">\n                \u3082\u3046\u4e00\u5ea6\u8a3a\u65ad\u3059\u308b\n            <\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        Chart.register(ChartDataLabels);\n\n        const diagnosisTool = document.getElementById('diagnosis-tool-container-v7');\n        if (!diagnosisTool) return;\n\n        const startScreen = diagnosisTool.querySelector('#start-screen');\n        const questionScreen = diagnosisTool.querySelector('#question-screen');\n        const resultScreen = diagnosisTool.querySelector('#result-screen');\n        const startButton = diagnosisTool.querySelector('#start-button');\n        const retryButton = diagnosisTool.querySelector('#retry-button');\n        const progressBar = diagnosisTool.querySelector('#progress-bar');\n        const progressText = diagnosisTool.querySelector('#progress-text');\n        const questionContainer = diagnosisTool.querySelector('#question-container');\n        const resultChartCanvas = diagnosisTool.querySelector('#result-chart');\n\n        const diagnosisData = {\n            categories: { work: \"\u4ed5\u4e8b\", relationships: \"\u4eba\u9593\u95a2\u4fc2\", future: \"\u5c06\u6765\u30fb\u304a\u91d1\", health: \"\u5065\u5eb7\u30fb\u81ea\u5206\u81ea\u8eab\" },\n            questions: [\n                { category: 'health', text: \"\u7406\u7531\u306a\u304f\u30a4\u30e9\u30a4\u30e9\u3057\u305f\u308a\u3001\u6c17\u5206\u304c\u843d\u3061\u8fbc\u3093\u3060\u308a\u3057\u307e\u3059\u304b\uff1f\" },\n                { category: 'work', text: \"\u4ed5\u4e8b\u306e\u91cf\u3084\u8cac\u4efb\u304c\u3001\u81ea\u5206\u306e\u30ad\u30e3\u30d1\u30b7\u30c6\u30a3\u3092\u8d85\u3048\u3066\u3044\u308b\u3068\u611f\u3058\u307e\u3059\u304b\uff1f\" },\n                { category: 'relationships', text: \"\u53cb\u4eba\u3084\u77e5\u4eba\u3068\u306e\u4ed8\u304d\u5408\u3044\u3092\u3001\u697d\u3057\u3044\u3068\u611f\u3058\u308b\u3088\u308a\u300c\u7fa9\u52d9\u300d\u3060\u3068\u611f\u3058\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u304b\uff1f\" },\n                { category: 'future', text: \"\u5c06\u6765\u306e\u304a\u91d1\u306e\u3053\u3068\uff08\u53ce\u5165\u3001\u8caf\u84c4\u3001\u8001\u5f8c\u306a\u3069\uff09\u3092\u8003\u3048\u308b\u3068\u3001\u5f37\u3044\u4e0d\u5b89\u3092\u611f\u3058\u307e\u3059\u304b\uff1f\" },\n                { category: 'health', text: \"\u539f\u56e0\u306e\u308f\u304b\u3089\u306a\u3044\u982d\u75db\u3084\u5026\u6020\u611f\u306a\u3069\u3001\u8eab\u4f53\u7684\u306a\u4e0d\u8abf\u304c\u7d9a\u3044\u3066\u3044\u307e\u3059\u304b\uff1f\" },\n                { category: 'work', text: \"\u8077\u5834\u306e\u96f0\u56f2\u6c17\u3084\u4eba\u9593\u95a2\u4fc2\u306b\u3001\u7aae\u5c48\u3055\u3084\u30b9\u30c8\u30ec\u30b9\u3092\u611f\u3058\u307e\u3059\u304b\uff1f\" },\n                { category: 'relationships', text: \"\u5bb6\u65cf\u3084\u30d1\u30fc\u30c8\u30ca\u30fc\u306a\u3069\u3001\u6700\u3082\u8eab\u8fd1\u306a\u4eba\u3068\u306e\u95a2\u4fc2\u306b\u60a9\u3093\u3067\u3044\u307e\u3059\u304b\uff1f\" },\n                { category: 'future', text: \"\u81ea\u5206\u306e\u30ad\u30e3\u30ea\u30a2\u3084\u4eba\u751f\u304c\u3001\u3053\u306e\u307e\u307e\u3067\u826f\u3044\u306e\u304b\u3068\u7126\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u304b\uff1f\" },\n                { category: 'health', text: \"\u300c\u81ea\u5206\u306f\u30c0\u30e1\u3060\u300d\u3068\u3001\u3064\u3044\u81ea\u5206\u3092\u8cac\u3081\u3066\u3057\u307e\u3046\u3053\u3068\u304c\u591a\u3044\u3067\u3059\u304b\uff1f\" },\n            ],\n            options: [ { text: \"\u3088\u304f\u3042\u3066\u306f\u307e\u308b\", score: 3 }, { text: \"\u3068\u304d\u3069\u304d\u3042\u3066\u306f\u307e\u308b\", score: 2 }, { text: \"\u3042\u307e\u308a\u3042\u3066\u306f\u307e\u3089\u306a\u3044\", score: 1 }, { text: \"\u307e\u3063\u305f\u304f\u3042\u3066\u306f\u307e\u3089\u306a\u3044\", score: 0 } ]\n        };\n\n        let currentQuestionIndex = 0;\n        let scores = {};\n        let resultChart = null;\n\n        function initDiagnosis() {\n            currentQuestionIndex = 0;\n            scores = { work: 0, relationships: 0, future: 0, health: 0 };\n            switchScreen('question-screen');\n            renderQuestion();\n        }\n\n        function switchScreen(screenId) {\n            diagnosisTool.querySelectorAll('.screen').forEach(screen => screen.classList.remove('active'));\n            diagnosisTool.querySelector('#' + screenId).classList.add('active');\n        }\n\n        function renderQuestion() {\n            if (currentQuestionIndex >= diagnosisData.questions.length) {\n                showResult();\n                return;\n            }\n            const questionData = diagnosisData.questions[currentQuestionIndex];\n            const progress = ((currentQuestionIndex + 1) \/ diagnosisData.questions.length) * 100;\n            progressBar.style.width = `${progress}%`;\n            progressText.textContent = `${currentQuestionIndex + 1} \/ ${diagnosisData.questions.length}`;\n            \n            const questionHTML = `\n                <div class=\"question-card\">\n                    <p class=\"text-[16px] sm:text-[18px] font-bold text-center mb-8 min-h-[6em] flex items-center justify-center\">${questionData.text}<\/p>\n                    <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n                        ${diagnosisData.options.map((option) => `\n                            <button class=\"option-button w-full text-center p-4 rounded-lg font-semibold text-[15px]\" data-score=\"${option.score}\" data-category=\"${questionData.category}\">\n                                ${option.text}\n                            <\/button>\n                        `).join('')}\n                    <\/div>\n                <\/div>\n            `;\n            questionContainer.innerHTML = questionHTML;\n            questionContainer.querySelectorAll('.option-button').forEach(button => {\n                button.addEventListener('click', handleAnswer);\n            });\n        }\n\n        function handleAnswer(event) {\n            const selectedButton = event.currentTarget;\n            scores[selectedButton.dataset.category] += parseInt(selectedButton.dataset.score);\n            \n            questionContainer.querySelectorAll('.option-button').forEach(btn => btn.disabled = true);\n            selectedButton.classList.add('selected');\n            \n            const currentCard = questionContainer.querySelector('.question-card');\n            currentCard.classList.add('exit');\n            \n            setTimeout(() => {\n                currentQuestionIndex++;\n                renderQuestion();\n            }, 400);\n        }\n\n        function showResult() {\n            switchScreen('result-screen');\n            \n            const totalScore = Object.values(scores).reduce((sum, score) => sum + score, 0);\n            if (totalScore === 0) {\n                Object.keys(scores).forEach(key => scores[key] = 1);\n            }\n            const totalForPercentage = Object.values(scores).reduce((sum, score) => sum + score, 0);\n\n            const percentages = {};\n            let maxCategory = 'work';\n            let maxScore = -1;\n            for (const category in scores) {\n                percentages[category] = Math.round((scores[category] \/ totalForPercentage) * 100);\n                if (scores[category] > maxScore) {\n                    maxScore = scores[category];\n                    maxCategory = category;\n                }\n            }\n            \n            const resultContent = getResultContent(maxCategory);\n            diagnosisTool.querySelector('#result-lead-text').innerHTML = `<span class=\"text-2xl mr-2\">${resultContent.emoji}<\/span> ${resultContent.lead}`;\n            diagnosisTool.querySelector('#result-description').innerHTML = resultContent.description;\n            renderChart(percentages);\n        }\n        \n        function getResultContent(category) {\n            const content = {\n                work: { emoji: '\ud83d\udcbc', lead: '\u3042\u306a\u305f\u306e\u30b9\u30c8\u30ec\u30b9\u306e\u6700\u5927\u306e\u539f\u56e0\u306f\u3010\u4ed5\u4e8b\u3011\u306e\u3088\u3046\u3067\u3059\u3002', description: '\u591a\u304f\u306e\u4eba\u304c\u3001<b>\u4ed5\u4e8b\u306e\u8cac\u4efb\u3084\u74b0\u5883<\/b>\u306b\u3088\u3063\u3066\u77e5\u3089\u305a\u77e5\u3089\u305a\u306e\u3046\u3061\u306b\u5fc3\u3092\u3059\u308a\u6e1b\u3089\u3057\u3066\u3044\u307e\u3059\u3002\u3042\u306a\u305f\u306f\u6c7a\u3057\u3066\u4e00\u4eba\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u307e\u305a\u306f\u3001\u305d\u306e\u9811\u5f35\u308a\u3092<b>\u81ea\u5206\u3067\u8a8d\u3081\u3066\u3042\u3052\u308b\u3053\u3068<\/b>\u304c\u5927\u5207\u3067\u3059\u3002' },\n                relationships: { emoji: '\ud83d\udc65', lead: '\u3042\u306a\u305f\u306e\u30b9\u30c8\u30ec\u30b9\u306e\u6700\u5927\u306e\u539f\u56e0\u306f\u3010\u4eba\u9593\u95a2\u4fc2\u3011\u306e\u3088\u3046\u3067\u3059\u3002', description: '<b>\u5bfe\u4eba\u95a2\u4fc2\u306e\u30b9\u30c8\u30ec\u30b9<\/b>\u306f\u3001\u79c1\u305f\u3061\u306e\u5fc3\u306b\u5927\u304d\u306a\u5f71\u97ff\u3092\u4e0e\u3048\u307e\u3059\u3002\u4ed6\u8005\u3068\u306e<b>\u8ddd\u96e2\u611f\u3092\u9069\u5207\u306b\u4fdd\u3061<\/b>\u3001\u81ea\u5206\u3092\u5927\u5207\u306b\u3059\u308b\u6642\u9593\u3092\u6301\u3064\u3053\u3068\u3092\u610f\u8b58\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002' },\n                future: { emoji: '\ud83d\udcb0', lead: '\u3042\u306a\u305f\u306e\u30b9\u30c8\u30ec\u30b9\u306e\u6700\u5927\u306e\u539f\u56e0\u306f\u3010\u5c06\u6765\u30fb\u304a\u91d1\u3011\u306e\u3088\u3046\u3067\u3059\u3002', description: '<b>\u5c06\u6765\u3084\u304a\u91d1\u306b\u95a2\u3059\u308b\u4e0d\u5b89<\/b>\u306f\u3001\u8ab0\u306b\u3067\u3082\u3042\u308b\u81ea\u7136\u306a\u611f\u60c5\u3067\u3059\u3002\u3057\u304b\u3057\u3001\u305d\u308c\u304c\u5927\u304d\u3059\u304e\u308b\u3068<b>\u5fc3\u306e\u4f59\u88d5<\/b>\u3092\u596a\u3063\u3066\u3057\u307e\u3044\u307e\u3059\u3002\u307e\u305a\u306f\u4eca\u3067\u304d\u308b<b>\u5c0f\u3055\u306a\u4e00\u6b69<\/b>\u3092\u8003\u3048\u3066\u307f\u307e\u3057\u3087\u3046\u3002' },\n                health: { emoji: '\u2764\ufe0f\u200d\ud83e\ude79', lead: '\u3042\u306a\u305f\u306e\u30b9\u30c8\u30ec\u30b9\u306e\u6700\u5927\u306e\u539f\u56e0\u306f\u3010\u5065\u5eb7\u30fb\u81ea\u5206\u81ea\u8eab\u3011\u306e\u3088\u3046\u3067\u3059\u3002', description: '\u5fc3\u3068\u4f53\u306f\u5bc6\u63a5\u306b\u3064\u306a\u304c\u3063\u3066\u3044\u307e\u3059\u3002<b>\u8eab\u4f53\u7684\u306a\u4e0d\u8abf<\/b>\u3084<b>\u81ea\u5df1\u80af\u5b9a\u611f\u306e\u4f4e\u4e0b<\/b>\u306f\u3001\u5fc3\u304c\u4f11\u606f\u3092\u6c42\u3081\u3066\u3044\u308b\u30b5\u30a4\u30f3\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002<b>\u81ea\u5206\u3092\u52b4\u308f\u308b\u6642\u9593<\/b>\u3092\u5927\u5207\u306b\u3057\u3066\u304f\u3060\u3055\u3044\u3002' }\n            };\n            return content[category];\n        }\n\n        function renderChart(percentages) {\n            if (resultChart) {\n                resultChart.destroy();\n            }\n            const chartData = {\n                labels: Object.values(diagnosisData.categories),\n                datasets: [{\n                    data: Object.values(percentages),\n                    backgroundColor: [ 'rgba(38, 164, 227, 0.8)', 'rgba(231, 111, 81, 0.8)', 'rgba(248, 190, 47, 0.8)', 'rgba(42, 157, 143, 0.8)' ],\n                    borderColor: '#FFFFFF',\n                    borderWidth: 5,\n                    hoverBorderColor: '#f3f4f6',\n                    hoverOffset: 20,\n                }]\n            };\n\n            const chartOptions = {\n                responsive: true,\n                maintainAspectRatio: true,\n                cutout: '60%',\n                plugins: {\n                    datalabels: {\n                        formatter: (value, ctx) => {\n                            if (value < 5) return '';\n                            return value + '%';\n                        },\n                        color: '#FFFFFF',\n                        font: { weight: 'bold', size: 14, family: \"'Noto Sans JP', sans-serif\" },\n                        textStrokeColor: 'rgba(0,0,0,0.4)',\n                        textStrokeWidth: 4,\n                    },\n                    legend: {\n                        position: 'bottom',\n                        labels: {\n                            font: { family: \"'Noto Sans JP', sans-serif\", size: 13 },\n                            padding: 20,\n                            boxWidth: 15,\n                            color: '#6C757D',\n                        }\n                    },\n                    tooltip: { enabled: false }\n                },\n                animation: { animateRotate: true, animateScale: true }\n            };\n\n            resultChart = new Chart(resultChartCanvas, {\n                type: 'doughnut',\n                data: chartData,\n                options: chartOptions,\n                plugins: [ChartDataLabels]\n            });\n        }\n\n        startButton.addEventListener('click', initDiagnosis);\n        retryButton.addEventListener('click', () => {\n            if (resultChart) {\n                resultChart.destroy();\n            }\n            initDiagnosis();\n        });\n    });\n<\/script>\n\n\n\n<div class=\"wp-block-image u-mb-ctrl u-mb-10\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/karidome.net\/lp\/hajimari-no-tomarigi\/\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/www.shimamura-hosp.com\/kokoro-dock\/wp-content\/uploads\/2025\/10\/hajimari-no-tomarigi-pr-banner.png\" alt=\"\" class=\"wp-image-7954\" style=\"width:800px;height:auto\"\/><\/a><\/figure>\n<\/div>\n\n\n<p class=\"is-style-icon_good u-mb-ctrl u-mb-0\">LINE\uff20\u7121\u6599\u60c5\u5831\u30b5\u30fc\u30d3\u30b9\u300c<strong><span style=\"color:#146f2e\" class=\"swl-inline-color\">\u306f\u3058\u307e\u308a\u306e\u6b62\u307e\u308a\u6728<\/span><\/strong>\u300d\u306b\u3042\u306a\u305f\u3082\u53c2\u52a0\u3057\u307e\u305b\u3093\u304b\uff1f<\/p>\n\n\n\n<div class=\"swell-block-capbox cap_box u-mb-ctrl u-mb-10\" data-colset=\"col2\"><div class=\"cap_box_ttl\"><span>LINE\u3067\u304a\u5c4a\u3051\u3059\u308b\u5185\u5bb9<\/span><\/div><div class=\"cap_box_content\">\n<ul class=\"wp-block-list is-style-good_list -list-under-dashed\">\n<li><strong><span class=\"swl-fz u-fz-s\">\u30e1\u30f3\u30bf\u30eb\u304c\u8f9b\u3044\u3068\u304d\u306b\u3001\u6700\u521d\u306b\u3084\u308b\u3079\u304d3\u3064\u306e\u884c\u52d5<\/span><\/strong><\/li>\n\n\n\n<li><strong><span class=\"swl-fz u-fz-s\">\u4f1a\u793e\u3092\u4f11\u3080\u524d\u306b\u77e5\u3063\u3066\u304a\u304f\u3079\u304d\u652f\u63f4\u91d1\u5236\u5ea6<\/span><\/strong><\/li>\n\n\n\n<li><strong><span class=\"swl-fz u-fz-s\">\u304a\u91d1\u30fb\u4ed5\u4e8b\u30fb\u5fc3\u3092\u7acb\u3066\u76f4\u3059\u305f\u3081\u306e\u518d\u51fa\u767a\u30de\u30cb\u30e5\u30a2\u30eb<\/span><\/strong><\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-button red_ -size-l u-mb-ctrl u-mb-20 is-style-btn_shiny\" style=\"--the-icon-size:1.4em\"><a href=\"https:\/\/karidome.net\/lp\/hajimari-no-tomarigi\/\" target=\"_blank\" rel=\"noopener\" class=\"swell-block-button__link\" data-has-icon=\"1\"><span>\u306f\u3058\u307e\u308a\u306e\u6b62\u307e\u308a\u6728<br><span style=\"font-size:18px\" class=\"swl-fz\">LINE\u8ffd\u52a0\u306f\u3053\u3061\u3089<\/span><\/span><svg class=\"__icon -right\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"><\/rect><path d=\"M168,112V100a20,20,0,0,0-40,0V36a20,20,0,0,0-40,0V157.3l-21.9-38a20,20,0,0,0-34.7,20C64,208,83.8,232,128,232a80,80,0,0,0,80-80V112a20,20,0,0,0-40,0Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"><\/path><\/svg><\/a><\/div>\n\n\n\n<p>\u300c<span class=\"swl-inline-color has-swl-deep-01-color\"><strong>\u30b9\u30c8\u30ec\u30b9\u539f\u56e0\u7279\u5b9a\u8a3a\u65ad<\/strong><\/span>\u300d\u3067\u306f\u3001\u3042\u306a\u305f\u306e\u56de\u7b54\u3092\u3082\u3068\u306b\u3001\u30b9\u30c8\u30ec\u30b9\u306e\u539f\u56e0\u30924\u3064\u306e\u9805\u76ee\u306b\u5206\u3051\u3066\u5206\u6790\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"swell-block-capbox cap_box is-style-small_ttl\"><div class=\"cap_box_ttl\"><span>\u30b9\u30c8\u30ec\u30b9\u9805\u76ee<\/span><\/div><div class=\"cap_box_content\">\n<ul class=\"wp-block-list is-style-num_circle -list-under-dashed\">\n<li><strong>\u4ed5\u4e8b<\/strong><\/li>\n\n\n\n<li><strong>\u4eba\u9593\u95a2\u4fc2<\/strong><\/li>\n\n\n\n<li><strong>\u5c06\u6765<\/strong><\/li>\n\n\n\n<li><strong>\u5065\u5eb7<\/strong><\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<p>\u6f20\u7136\u3068\u3057\u305f<span class=\"swl-marker mark_yellow\"><strong>\u4e0d\u5b89\u306e\u6b63\u4f53\u3092\u77e5\u308b<\/strong><\/span>\u3053\u3068\u306f\u3001\u5fc3\u3092\u8efd\u304f\u3059\u308b\u305f\u3081\u306e\u5927\u5207\u306a\u7b2c\u4e00\u6b69\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u8a3a\u65ad\u3092\u901a\u3058\u3066\u3054\u81ea\u8eab\u306e\u5fc3\u306e\u72b6\u614b\u3092\u5ba2\u89b3\u7684\u306b\u898b\u3064\u3081\u76f4\u3057\u3001\u6b21\u306e\u4e00\u6b69\u3092\u8e0f\u307f\u51fa\u3059\u305f\u3081\u306e\u30d2\u30f3\u30c8\u3092\u898b\u3064\u3051\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u300c\u6700\u8fd1\u3001\u306a\u3093\u3060\u304b\u30e2\u30e4\u30e2\u30e4\u3059\u308b\u2026\u300d\u300c\u7406\u7531\u3082\u306a\u304f\u30a4\u30e9\u30a4\u30e9\u3057\u3066\u3057\u307e\u3046\u2026\u300d \u3042\u306a\u305f\u304c\u611f\u3058\u3066\u3044\u308b\u305d\u306e\u30b9\u30c8\u30ec\u30b9\u306e\u539f\u56e0\u3092\u30019\u3064\u306e\u7c21\u5358\u306a\u8cea\u554f\u304b\u3089\u63a2\u3063\u3066\u307f\u307e\u305b\u3093\u304b\uff1f \ud83e\udde0 \u300c\u30b9\u30c8\u30ec\u30b9\u539f\u56e0\u300d\u7279\u5b9a\u8a3a\u65ad 9\u3064\u306e\u8cea\u554f\u3067\u3042\u306a\u305f\u306e\u60a9\u307f\u306e\u539f\u56e0\u3092\u53ef\u8996\u5316\u3057\u307e [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"swell_btn_cv_data":"","footnotes":""},"class_list":["post-7859","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.shimamura-hosp.com\/kokoro-dock\/wp-json\/wp\/v2\/pages\/7859","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.shimamura-hosp.com\/kokoro-dock\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.shimamura-hosp.com\/kokoro-dock\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.shimamura-hosp.com\/kokoro-dock\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.shimamura-hosp.com\/kokoro-dock\/wp-json\/wp\/v2\/comments?post=7859"}],"version-history":[{"count":19,"href":"https:\/\/www.shimamura-hosp.com\/kokoro-dock\/wp-json\/wp\/v2\/pages\/7859\/revisions"}],"predecessor-version":[{"id":7985,"href":"https:\/\/www.shimamura-hosp.com\/kokoro-dock\/wp-json\/wp\/v2\/pages\/7859\/revisions\/7985"}],"wp:attachment":[{"href":"https:\/\/www.shimamura-hosp.com\/kokoro-dock\/wp-json\/wp\/v2\/media?parent=7859"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}