\u6210\u529f\u3078\u306e\u65b0\u305f\u306a\u8a2d\u8a08\u56f3\uff1a55\u6b73\u304b\u3089\u306e\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u30fb\u30b8\u30e7\u30d6\u30ac\u30a4\u30c9<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n \n \n \n \n <style>\n body {\n font-family: 'Noto Sans JP', sans-serif;\n background-color: #f8f7f4;\n color: #333;\n }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 500px;\n margin-left: auto;\n margin-right: auto;\n height: 300px;\n max-height: 350px;\n }\n @media (min-width: 768px) {\n .chart-container {\n height: 350px;\n }\n }\n .nav-link {\n transition: all 0.3s ease;\n border-bottom: 2px solid transparent;\n }\n .nav-link.active, .nav-link:hover {\n border-bottom-color: #0d9488;\n color: #0d9488;\n }\n .tab-button.active {\n background-color: #0d9488;\n color: white;\n }\n .strategy-card.highlight {\n transform: scale(1.03);\n box-shadow: 0 0 20px rgba(13, 148, 136, 0.3);\n border-color: #0d9488;\n }\n \/* Styles for CTA sections *\/\n .bg-soft-blue { background-color: #eff6ff; }\n .section-title { font-size: 2rem; line-height: 2.5rem; font-weight: 700; color: #1e293b; }\n @media (min-width: 640px) { .section-title { font-size: 2.25rem; line-height: 2.5rem; } }\n .section-subtitle { margin-top: 1rem; font-size: 1.125rem; line-height: 1.75rem; color: #475569; max-width: 42rem; margin-left: auto; margin-right: auto; }\n .text-deep-gray { color: #1f2937; }\n .bg-accent-blue { background-color: #0d9488; }\n .btn-primary {\n background-color: #0d9488;\n color: white;\n transition: background-color 0.3s ease, transform 0.3s ease;\n }\n .btn-primary:hover {\n background-color: #0f766e;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased\">\n\n <header class=\"bg-white\/80 backdrop-blur-lg sticky top-0 z-50 shadow-sm\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex justify-between items-center py-4\">\n <h1 class=\"text-xl md:text-2xl font-bold text-slate-800\">55\u6b73\u304b\u3089\u306e\u4ed5\u4e8b\u63a2\u3057\u30ac\u30a4\u30c9<\/h1>\n <nav class=\"hidden md:flex space-x-6\">\n <a href=\"#section1\" class=\"nav-link text-slate-600 font-medium py-2\">\u5e02\u5834\u3092\u7406\u89e3\u3059\u308b<\/a>\n <a href=\"#section2\" class=\"nav-link text-slate-600 font-medium py-2\">\u4fa1\u5024\u3092\u767a\u898b\u3059\u308b<\/a>\n <a href=\"#section3\" class=\"nav-link text-slate-600 font-medium py-2\">\u6226\u7565\u3092\u7acb\u3066\u308b<\/a>\n <a href=\"#section4\" class=\"nav-link text-slate-600 font-medium py-2\">\u9078\u8003\u3092\u7a81\u7834\u3059\u308b<\/a>\n <\/nav>\n <\/div>\n <\/div>\n <\/header>\n\n <main class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 md:py-12\">\n\n <section class=\"mb-16\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 mb-4 text-center\">\u305d\u308c\u306f\u7d42\u308f\u308a\u3067\u306f\u306a\u304f\u3001\u65b0\u305f\u306a\u59cb\u307e\u308a<\/h2>\n <p class=\"max-w-3xl mx-auto text-slate-600 text-lg text-left\">55\u6b73\u304b\u3089\u306e\u30ad\u30e3\u30ea\u30a2\u306f\u3001\u4e0d\u5b89\u3067\u306f\u306a\u304f\u53ef\u80fd\u6027\u306b\u6e80\u3061\u3066\u3044\u307e\u3059\u3002\u3053\u306e\u30ac\u30a4\u30c9\u306f\u3001\u3042\u306a\u305f\u306e\u8c4a\u5bcc\u306a\u7d4c\u9a13\u3068\u3044\u3046\u8cc7\u7523\u3092\u6700\u5927\u9650\u306b\u6d3b\u304b\u3057\u3001\u6b21\u306a\u308b\u30b9\u30c6\u30fc\u30b8\u3078\u3068\u8e0f\u307f\u51fa\u3059\u305f\u3081\u306e\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u306a\u8a2d\u8a08\u56f3\u3067\u3059\u3002<\/p>\n <\/section>\n\n \n <section id=\"section1\" class=\"py-12 scroll-mt-20\">\n <div class=\"mb-12\">\n <h2 class=\"text-3xl font-bold text-slate-900 text-center\">1. \u5e02\u5834\u3092\u7406\u89e3\u3059\u308b<\/h2>\n <p class=\"mt-3 text-lg text-slate-600 max-w-2xl mx-auto text-left\">\u300c\u5e74\u9f62\u306e\u58c1\u300d\u306f\u904e\u53bb\u306e\u5e38\u8b58\u3067\u3059\u3002\u6cd5\u6539\u6b63\u3084\u793e\u4f1a\u306e\u5909\u5316\u306b\u3088\u308a\u3001\u4eca\u30b7\u30cb\u30a2\u4eba\u6750\u306b\u306f\u5f37\u3044\u8ffd\u3044\u98a8\u304c\u5439\u3044\u3066\u3044\u307e\u3059\u3002\u307e\u305a\u306f\u5ba2\u89b3\u7684\u306a\u30c7\u30fc\u30bf\u3067\u3001\u305d\u306e\u4e8b\u5b9f\u3092\u78ba\u8a8d\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n <\/div>\n <div class=\"grid md:grid-cols-2 gap-8 items-center\">\n <div class=\"space-y-6\">\n <div class=\"bg-white p-6 rounded-lg shadow-md border-l-4 border-teal-600\">\n <h3 class=\"text-xl font-bold text-slate-800 mb-2\">\u6cd5\u5f8b\u304c\u3042\u306a\u305f\u306e\u5473\u65b9\u3067\u3059<\/h3>\n <p class=\"text-slate-600\">\u9ad8\u5e74\u9f62\u8005\u96c7\u7528\u5b89\u5b9a\u6cd5\u306b\u3088\u308a\u3001\u4f01\u696d\u306b\u306f65\u6b73\u307e\u3067\u306e\u96c7\u7528\u78ba\u4fdd\u304c\u7fa9\u52d9\u4ed8\u3051\u3089\u308c\u3066\u3044\u307e\u3059\u3002\u3055\u3089\u306b2025\u5e744\u6708\u304b\u3089\u306f\u3001\u5e0c\u671b\u8005\u300c\u5168\u54e1\u300d\u3092\u5bfe\u8c61\u3068\u3059\u308b\u3053\u3068\u304c\u5b8c\u5168\u7fa9\u52d9\u5316\u300270\u6b73\u307e\u3067\u306e\u5c31\u696d\u6a5f\u4f1a\u78ba\u4fdd\u3082\u52aa\u529b\u7fa9\u52d9\u3068\u306a\u308a\u3001\u56fd\u5168\u4f53\u304c\u3042\u306a\u305f\u306e\u6d3b\u8e8d\u3092\u5f8c\u62bc\u3057\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <h4 class=\"text-lg font-semibold text-slate-800\">\u4f01\u696d\u304c\u6c42\u3081\u308b\u30b7\u30cb\u30a2\u306e\u4fa1\u5024<\/h4>\n <ul class=\"mt-2 text-slate-600 list-disc list-inside space-y-1\">\n <li>\u6df1\u3044\u5c02\u9580\u77e5\u8b58\u3068\u554f\u984c\u89e3\u6c7a\u80fd\u529b<\/li>\n <li>\u5f8c\u9032\u306e\u6307\u5c0e\u30fb\u80b2\u6210\u3068\u6280\u8853\u4f1d\u627f<\/li>\n <li>\u6210\u719f\u3057\u305f\u5bfe\u4eba\u80fd\u529b\u3068\u7d44\u7e54\u306e\u5b89\u5b9a\u5316<\/li>\n <li>\u8c4a\u5bcc\u306a\u4eba\u8108\u3068\u30cd\u30c3\u30c8\u30ef\u30fc\u30af<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <h3 class=\"text-xl font-bold text-center text-slate-800 mb-4\">66\u6b73\u4ee5\u4e0a\u3082\u50cd\u3051\u308b\u4f01\u696d\u306f\u5897\u52a0\u4e2d<\/h3>\n <p class=\"text-center text-sm text-slate-500 mb-4\">\u51fa\u5178\uff1a\u539a\u751f\u52b4\u50cd\u7701\u300c\u9ad8\u5e74\u9f62\u8005\u96c7\u7528\u72b6\u6cc1\u7b49\u5831\u544a\u300d\uff08\u4ee4\u548c5\u5e74\uff09<\/p>\n <div class=\"chart-container\">\n <canvas id=\"seniorEmploymentChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"section2\" class=\"py-12 scroll-mt-20\">\n <div class=\"mb-12\">\n <h2 class=\"text-3xl font-bold text-slate-900 text-center\">2. \u3042\u306a\u305f\u306e\u4fa1\u5024\u3092\u767a\u898b\u3059\u308b<\/h2>\n <p class=\"mt-3 text-lg text-slate-600 max-w-2xl mx-auto text-left\">\u9577\u5e74\u306e\u30ad\u30e3\u30ea\u30a2\u306f\u3001\u3042\u306a\u305f\u3060\u3051\u306e\u8cc7\u7523\u306e\u5b9d\u5eab\u3067\u3059\u3002\u6700\u65b0\u306eAI\u30c4\u30fc\u30eb\u3082\u6d3b\u7528\u3057\u306a\u304c\u3089\u3001\u305d\u306e\u4fa1\u5024\u3092\u5ba2\u89b3\u7684\u306b\u68da\u5378\u3057\u3057\u3001\u672a\u6765\u306e\u96c7\u7528\u4e3b\u306b\u63d0\u793a\u3067\u304d\u308b\u300c\u6b66\u5668\u300d\u306b\u5909\u3048\u307e\u3057\u3087\u3046\u3002<\/p>\n <\/div>\n \n <div class=\"mb-10 grid md:grid-cols-3 gap-6 text-left\">\n <div class=\"bg-white\/60 p-4 rounded-lg border border-slate-200 shadow-sm\">\n <h3 class=\"font-bold text-teal-700\">Step 1: \u30ad\u30e3\u30ea\u30a2\u306e\u68da\u5378\u3057<\/h3>\n <p class=\"text-sm text-slate-600 mt-1\">\u3042\u306a\u305f\u306e\u7d4c\u9a13\u3092\u5177\u4f53\u7684\u306a\u300c\u5b9f\u7e3e\u300d\u306b\u5909\u3048\u308b\u30c4\u30fc\u30eb\u3067\u3059\u3002\u30d5\u30a9\u30fc\u30e0\u306b\u5165\u529b\u3057\u3001\u30a2\u30d4\u30fc\u30eb\u3067\u304d\u308b\u5f37\u307f\u3092\u6574\u7406\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n <\/div>\n <div class=\"bg-white\/60 p-4 rounded-lg border border-slate-200 shadow-sm\">\n <h3 class=\"font-bold text-teal-700\">Step 2: AI\u30ad\u30e3\u30ea\u30a2\u30b3\u30fc\u30c1<\/h3>\n <p class=\"text-sm text-slate-600 mt-1\">AI\u306e\u5ba2\u89b3\u7684\u306a\u8996\u70b9\u3067\u3001\u3042\u306a\u305f\u306e\u96a0\u308c\u305f\u5f37\u307f\u3092\u767a\u898b\u3057\u307e\u3059\u3002\u7d4c\u6b74\u3092\u8cbc\u308a\u4ed8\u3051\u3001\u65b0\u3057\u3044\u81ea\u5df1PR\u306e\u30d2\u30f3\u30c8\u3092\u5f97\u307e\u3057\u3087\u3046\u3002<\/p>\n <\/div>\n <div class=\"bg-white\/60 p-4 rounded-lg border border-slate-200 shadow-sm\">\n <h3 class=\"font-bold text-teal-700\">Step 3: \u300c\u6210\u529f\u300d\u306e\u518d\u5b9a\u7fa9<\/h3>\n <p class=\"text-sm text-slate-600 mt-1\">\u3053\u308c\u304b\u3089\u306e\u50cd\u304d\u65b9\u3067\u4f55\u3092\u5927\u5207\u306b\u3057\u305f\u3044\u304b\u3092\u898b\u3064\u3081\u76f4\u3057\u307e\u3059\u3002\u30b9\u30e9\u30a4\u30c0\u30fc\u3092\u52d5\u304b\u3057\u3001\u3042\u306a\u305f\u306e\u4fa1\u5024\u89b3\u3092\u53ef\u8996\u5316\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n <\/div>\n <\/div>\n\n <div class=\"bg-white rounded-lg shadow-md overflow-hidden\">\n <div class=\"p-6\">\n <div class=\"flex border-b border-slate-200\">\n <button data-tab=\"tab1\" class=\"tab-button flex-1 py-3 px-2 text-sm md:text-base font-medium text-slate-600 transition active\">\u30ad\u30e3\u30ea\u30a2\u306e\u68da\u5378\u3057<\/button>\n <button data-tab=\"tab2\" class=\"tab-button flex-1 py-3 px-2 text-sm md:text-base font-medium text-slate-600 transition\">AI\u30ad\u30e3\u30ea\u30a2\u30b3\u30fc\u30c1<\/button>\n <button data-tab=\"tab3\" class=\"tab-button flex-1 py-3 px-2 text-sm md:text-base font-medium text-slate-600 transition\">\u300c\u6210\u529f\u300d\u306e\u518d\u5b9a\u7fa9<\/button>\n <\/div>\n <div class=\"mt-6\">\n <div id=\"tab1\" class=\"tab-content\">\n <h3 class=\"text-xl font-bold text-slate-800 mb-2\">\u5b9f\u7e3e\u306e\u8a00\u8a9e\u5316 (PAR\u30e1\u30bd\u30c3\u30c9)<\/h3>\n <p class=\"text-slate-600 mb-4\">\u3042\u306a\u305f\u306e\u7d4c\u9a13\u3092\u300c\u8ab2\u984c\u300d\u300c\u884c\u52d5\u300d\u300c\u6210\u679c\u300d\u306e3\u70b9\u3067\u6574\u7406\u3057\u3001\u5177\u4f53\u7684\u306a\u5b9f\u7e3e\u3068\u3057\u3066\u30a2\u30d4\u30fc\u30eb\u3057\u307e\u3057\u3087\u3046\u3002\u6210\u679c\u306f\u6570\u5024\u3067\u793a\u3059\u306e\u304c\u30dd\u30a4\u30f3\u30c8\u3067\u3059\u3002<\/p>\n <div class=\"space-y-4\">\n <div>\n <label class=\"font-semibold text-slate-700\">P: Problem (\u8ab2\u984c\u30fb\u72b6\u6cc1)<\/label>\n <input type=\"text\" placeholder=\"\u4f8b\uff1a\u30c1\u30fc\u30e0\u306e\u58f2\u4e0a\u304c\u76ee\u6a19\u306b\u5c4a\u3044\u3066\u3044\u306a\u304b\u3063\u305f\" class=\"block w-full mt-1 p-2 border border-slate-300 rounded-md focus:ring-teal-500 focus:border-teal-500\">\n <\/div>\n <div>\n <label class=\"font-semibold text-slate-700\">A: Action (\u3042\u306a\u305f\u306e\u884c\u52d5)<\/label>\n <input type=\"text\" placeholder=\"\u4f8b\uff1a\u65b0\u305f\u306a\u9867\u5ba2\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3092\u5c0e\u5165\u3057\u3001\u9031\u6b21\u3067\u9032\u6357\u4f1a\u8b70\u3092\u5b9f\u65bd\u3057\u305f\" class=\"block w-full mt-1 p-2 border border-slate-300 rounded-md focus:ring-teal-500 focus:border-teal-500\">\n <\/div>\n <div>\n <label class=\"font-semibold text-slate-700\">R: Result (\u6210\u679c)<\/label>\n <input type=\"text\" placeholder=\"\u4f8b\uff1a\u534a\u5e74\u3067\u30c1\u30fc\u30e0\u58f2\u4e0a\u304c\u76ee\u6a19\u6bd4120%\u3092\u9054\u6210\u3057\u305f\" class=\"block w-full mt-1 p-2 border border-slate-300 rounded-md focus:ring-teal-500 focus:border-teal-500\">\n <\/div>\n <\/div>\n <\/div>\n <div id=\"tab2\" class=\"tab-content hidden\">\n <h3 class=\"text-xl font-bold text-slate-800 mb-2\">\u3042\u306a\u305f\u306eAI\u30ad\u30e3\u30ea\u30a2\u30b3\u30fc\u30c1<\/h3>\n <p class=\"text-slate-600 mb-4\">\u8077\u52d9\u7d4c\u6b74\u306e\u8981\u7d04\u3092\u8cbc\u308a\u4ed8\u3051\u3001\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u304f\u3060\u3055\u3044\u3002ChatGPT\u306a\u3069\u306e\u751f\u6210AI\u306b\u30b3\u30d4\u30fc\uff06\u30da\u30fc\u30b9\u30c8\u3057\u3066\u4f7f\u3048\u308b\u3001\u81ea\u5df1\u5206\u6790\u3092\u6df1\u3081\u308b\u305f\u3081\u306e\u30d7\u30ed\u30f3\u30d7\u30c8\u3092\u751f\u6210\u3057\u307e\u3059\u3002<\/p>\n <textarea id=\"ai-input\" rows=\"5\" class=\"w-full p-2 border border-slate-300 rounded-md focus:ring-teal-500 focus:border-teal-500\" placeholder=\"\u3053\u3053\u306b\u8077\u52d9\u7d4c\u6b74\u306e\u8981\u7d04\u3092\u8cbc\u308a\u4ed8\u3051\u3066\u304f\u3060\u3055\u3044...\"><\/textarea>\n <div class=\"flex space-x-4 mt-4\">\n <button id=\"prompt1-btn\" class=\"flex-1 bg-teal-600 text-white font-bold py-2 px-4 rounded-md hover:bg-teal-700 transition\">\u30ad\u30e3\u30ea\u30a2\u69cb\u9020\u5206\u6790\u30d7\u30ed\u30f3\u30d7\u30c8\u751f\u6210<\/button>\n <button id=\"prompt2-btn\" class=\"flex-1 bg-slate-600 text-white font-bold py-2 px-4 rounded-md hover:bg-slate-700 transition\">\u5b9f\u7e3e\u306e\u30a4\u30f3\u30d1\u30af\u30c8\u5411\u4e0a\u30d7\u30ed\u30f3\u30d7\u30c8\u751f\u6210<\/button>\n <\/div>\n <div id=\"ai-output-container\" class=\"hidden mt-4 bg-slate-50 p-4 rounded-md\">\n <h4 class=\"font-bold text-slate-800\">\u751f\u6210\u3055\u308c\u305f\u30d7\u30ed\u30f3\u30d7\u30c8:<\/h4>\n <pre id=\"ai-output\" class=\"text-sm text-slate-700 whitespace-pre-wrap bg-slate-100 p-3 rounded-md mt-2\"><\/pre>\n <button id=\"copy-btn\" class=\"mt-2 bg-gray-200 text-slate-800 text-sm py-1 px-3 rounded-md hover:bg-gray-300\">\u30b3\u30d4\u30fc<\/button>\n <\/div>\n <\/div>\n <div id=\"tab3\" class=\"tab-content hidden\">\n <h3 class=\"text-xl font-bold text-slate-800 mb-2\">\u3042\u306a\u305f\u306e\u300c\u6210\u529f\u300d\u3092\u518d\u5b9a\u7fa9\u3059\u308b<\/h3>\n <p class=\"text-slate-600 mb-4\">\u3053\u308c\u304b\u3089\u306e\u30ad\u30e3\u30ea\u30a2\u3067\u4f55\u3092\u5927\u5207\u306b\u3057\u305f\u3044\u3067\u3059\u304b\uff1f\u904e\u53bb\u306e\u5e74\u53ce\u3084\u5f79\u8077\u306b\u7e1b\u3089\u308c\u305a\u3001\u67d4\u8edf\u306a\u8996\u70b9\u3067\u3042\u306a\u305f\u306e\u53ef\u80fd\u6027\u3092\u5e83\u3052\u307e\u3057\u3087\u3046\u3002<\/p>\n <div id=\"sliders-container\" class=\"space-y-3\">\n <div class=\"flex items-center justify-between\"><span class=\"text-slate-700\">\u53ce\u5165\u30fb\u5f85\u9047<\/span><input type=\"range\" class=\"w-1\/2\" min=\"0\" max=\"100\" value=\"50\"><\/div>\n <div class=\"flex items-center justify-between\"><span class=\"text-slate-700\">\u30ef\u30fc\u30af\u30e9\u30a4\u30d5\u30d0\u30e9\u30f3\u30b9<\/span><input type=\"range\" class=\"w-1\/2\" min=\"0\" max=\"100\" value=\"50\"><\/div>\n <div class=\"flex items-center justify-between\"><span class=\"text-slate-700\">\u793e\u4f1a\u8ca2\u732e\u30fb\u3084\u308a\u304c\u3044<\/span><input type=\"range\" class=\"w-1\/2\" min=\"0\" max=\"100\" value=\"50\"><\/div>\n <div class=\"flex items-center justify-between\"><span class=\"text-slate-700\">\u8da3\u5473\u3068\u306e\u4e21\u7acb<\/span><input type=\"range\" class=\"w-1\/2\" min=\"0\" max=\"100\" value=\"50\"><\/div>\n <div class=\"flex items-center justify-between\"><span class=\"text-slate-700\">\u30b9\u30ad\u30eb\u306e\u6d3b\u7528<\/span><input type=\"range\" class=\"w-1\/2\" min=\"0\" max=\"100\" value=\"50\"><\/div>\n <\/div>\n <div class=\"mt-8\">\n <h4 class=\"text-lg font-bold text-center text-slate-800 mb-4\">\u3042\u306a\u305f\u306e\u512a\u5148\u5ea6\u30d0\u30e9\u30f3\u30b9<\/h4>\n <div class=\"chart-container\" style=\"height: 350px; max-height: 400px;\">\n <canvas id=\"prioritiesRadarChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"section3\" class=\"py-12 scroll-mt-20\">\n <div class=\"mb-12\">\n <h2 class=\"text-3xl font-bold text-slate-900 text-center\">3. \u4ed5\u4e8b\u63a2\u3057\u306e\u6226\u7565\u3092\u7acb\u3066\u308b<\/h2>\n <p class=\"mt-3 text-lg text-slate-600 max-w-2xl mx-auto text-left\">\u81ea\u5df1\u5206\u6790\u304c\u3067\u304d\u305f\u3089\u3001\u6b21\u306f\u884c\u52d5\u3067\u3059\u3002\u8907\u6570\u306e\u30c1\u30e3\u30cd\u30eb\u3092\u6226\u7565\u7684\u306b\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u304c\u6210\u529f\u306e\u9375\u3002\u3042\u306a\u305f\u306e\u76ee\u7684\u306b\u5408\u3063\u305f\u6700\u9069\u306a\u65b9\u6cd5\u3092\u898b\u3064\u3051\u307e\u3057\u3087\u3046\u3002<\/p>\n <\/div>\n <div class=\"flex justify-center space-x-2 md:space-x-4 mb-8 bg-slate-100 p-2 rounded-full\">\n <button data-filter=\"all\" class=\"strategy-filter active bg-white text-teal-700 shadow py-2 px-4 rounded-full font-semibold\">\u3059\u3079\u3066<\/button>\n <button data-filter=\"career\" class=\"strategy-filter text-slate-600 py-2 px-4 rounded-full font-semibold\">\u672c\u683c\u7684\u306a\u30ad\u30e3\u30ea\u30a2<\/button>\n <button data-filter=\"local\" class=\"strategy-filter text-slate-600 py-2 px-4 rounded-full font-semibold\">\u5730\u5143\u306e\u4ed5\u4e8b<\/button>\n <button data-filter=\"flexible\" class=\"strategy-filter text-slate-600 py-2 px-4 rounded-full font-semibold\">\u67d4\u8edf\u306a\u50cd\u304d\u65b9<\/button>\n <\/div>\n <div id=\"strategy-grid\" class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-8\">\n <div class=\"strategy-card bg-white p-6 rounded-lg shadow-md border-2 border-transparent transition-all duration-300\" data-tags='[\"career\", \"local\"]'>\n <h3 class=\"text-xl font-bold text-slate-800\">\u8ee2\u8077\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8<\/h3>\n <p class=\"mt-2 text-slate-600\">\u975e\u516c\u958b\u6c42\u4eba\u3078\u306e\u30a2\u30af\u30bb\u30b9\u3084\u5c02\u9580\u7684\u306a\u30b5\u30dd\u30fc\u30c8\u304c\u9b45\u529b\u3002\u30cf\u30a4\u30af\u30e9\u30b9\u3084\u5c02\u9580\u8077\u306b\u5f37\u307f\u3002<\/p>\n <\/div>\n <div class=\"strategy-card bg-white p-6 rounded-lg shadow-md border-2 border-transparent transition-all duration-300\" data-tags='[\"local\"]'>\n <h3 class=\"text-xl font-bold text-slate-800\">\u30cf\u30ed\u30fc\u30ef\u30fc\u30af<\/h3>\n <p class=\"mt-2 text-slate-600\">\u5730\u57df\u306b\u6839\u5dee\u3057\u305f\u6c42\u4eba\u304c\u8c4a\u5bcc\u3002\u7121\u6599\u30bb\u30df\u30ca\u30fc\u306a\u3069\u30b5\u30dd\u30fc\u30c8\u3082\u5145\u5b9f\u3002<\/p>\n <\/div>\n <div class=\"strategy-card bg-white p-6 rounded-lg shadow-md border-2 border-transparent transition-all duration-300\" data-tags='[\"flexible\", \"local\"]'>\n <h3 class=\"text-xl font-bold text-slate-800\">\u30b7\u30eb\u30d0\u30fc\u4eba\u6750\u30bb\u30f3\u30bf\u30fc<\/h3>\n <p class=\"mt-2 text-slate-600\">\u793e\u4f1a\u53c2\u52a0\u3084\u751f\u304d\u304c\u3044\u3092\u91cd\u8996\u3002\u81e8\u6642\u7684\u30fb\u77ed\u671f\u7684\u306a\u4ed5\u4e8b\u304c\u4e2d\u5fc3\u3002<\/p>\n <\/div>\n <div class=\"strategy-card bg-white p-6 rounded-lg shadow-md border-2 border-transparent transition-all duration-300\" data-tags='[\"career\"]'>\n <h3 class=\"text-xl font-bold text-slate-800\">\u30ea\u30d5\u30a1\u30e9\u30eb\uff08\u4eba\u8108\uff09<\/h3>\n <p class=\"mt-2 text-slate-600\">\u6700\u3082\u52b9\u679c\u7684\u306a\u65b9\u6cd5\u306e\u4e00\u3064\u3002\u4fe1\u983c\u304c\u5f37\u529b\u306a\u63a8\u85a6\u72b6\u306b\u306a\u308b\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"section4\" class=\"py-12 scroll-mt-20\">\n <div class=\"mb-12\">\n <h2 class=\"text-3xl font-bold text-slate-900 text-center\">4. \u9078\u8003\u3092\u7a81\u7834\u3059\u308b\u6280\u8853<\/h2>\n <p class=\"mt-3 text-lg text-slate-600 max-w-2xl mx-auto text-left\">\u3042\u306a\u305f\u306e\u7d4c\u9a13\u306f\u6700\u5927\u306e\u6b66\u5668\u3067\u3059\u3002\u305d\u306e\u4fa1\u5024\u3092\u7684\u78ba\u306b\u4f1d\u3048\u3001\u63a1\u7528\u62c5\u5f53\u8005\u306e\u300c\u8a00\u8449\u306b\u3055\u308c\u306a\u3044\u61f8\u5ff5\u300d\u306b\u5148\u56de\u308a\u3057\u3066\u7b54\u3048\u308b\u6e96\u5099\u3092\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n <\/div>\n <div class=\"grid md:grid-cols-2 gap-8\">\n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <h3 class=\"text-xl font-bold text-slate-800 mb-4\">\u7d4c\u9a13\u3092\u6b66\u5668\u306b\u3059\u308b\u8077\u52d9\u7d4c\u6b74\u66f8<\/h3>\n <div class=\"space-y-4\">\n <div>\n <h4 class=\"font-semibold text-slate-700\">Before (\u696d\u52d9\u5185\u5bb9\u306e\u7f85\u5217)<\/h4>\n <p class=\"text-sm text-slate-500 p-3 bg-slate-50 rounded-md mt-1\">\u55b6\u696d\u90e8\u9577\u3068\u3057\u3066\u30c1\u30fc\u30e0\u3092\u307e\u3068\u3081\u3001\u58f2\u4e0a\u5411\u4e0a\u306b\u8ca2\u732e\u3057\u305f\u3002<\/p>\n <\/div>\n <div>\n <h4 class=\"font-semibold text-teal-700\">After (\u5b9a\u91cf\u7684\u306a\u5b9f\u7e3e)<\/h4>\n <p class=\"text-sm text-slate-800 p-3 bg-teal-50 rounded-md mt-1\">\u55b6\u696d\u90e8\u9577\uff08\u90e8\u4e0b10\u540d\uff09\u3068\u3057\u3066\u3001\u65b0\u305f\u306a\u8a55\u4fa1\u5236\u5ea6\u3092\u5c0e\u5165\u3057\u3001\u30c1\u30fc\u30e0\u306e\u751f\u7523\u6027\u309215%\u5411\u4e0a\u3002\u7d50\u679c\u3001\u5e74\u9593\u58f2\u4e0a\u76ee\u6a19\u3092120%\u9054\u6210\u3057\u305f\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <h3 class=\"text-xl font-bold text-slate-800 mb-4\">\u9762\u63a5\u306e\u96e3\u554f\u30b7\u30df\u30e5\u30ec\u30fc\u30bf\u30fc<\/h3>\n <div class=\"space-y-3\" id=\"faq-container\">\n <div class=\"faq-item border-b border-slate-200 pb-2\">\n <button class=\"faq-question w-full text-left font-semibold text-slate-700 flex justify-between items-center\">\n <span>\u5e74\u4e0b\u306e\u4e0a\u53f8\u306e\u4e0b\u3067\u50cd\u3051\u307e\u3059\u304b\uff1f<\/span>\n <span class=\"transform transition-transform duration-300 text-teal-600 text-xl\">+<\/span>\n <\/button>\n <div class=\"faq-answer hidden mt-2 text-slate-600 text-sm\">\n <p><strong class=\"text-slate-800\">\u610f\u56f3:<\/strong> \u30d7\u30e9\u30a4\u30c9\u304c\u9ad8\u304f\u3001\u6271\u3044\u306b\u304f\u3044\u4eba\u6750\u3067\u306f\u306a\u3044\u304b\u3092\u78ba\u8a8d\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <p class=\"mt-1\"><strong class=\"text-teal-700\">\u56de\u7b54\u306e\u9aa8\u5b50:<\/strong> \u5e74\u9f62\u3067\u306f\u306a\u304f\u300c\u5f79\u5272\u300d\u3092\u5c0a\u91cd\u3059\u308b\u59ff\u52e2\u3092\u793a\u3059\u3002\u300c\u4e0a\u53f8\u306e\u65b0\u3057\u3044\u8996\u70b9\u300d\u3068\u300c\u81ea\u5206\u306e\u7d4c\u9a13\u300d\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u3067\u76f8\u4e57\u52b9\u679c\u304c\u751f\u307e\u308c\u308b\u3068\u524d\u5411\u304d\u306b\u4f1d\u3048\u308b\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"faq-item border-b border-slate-200 pb-2\">\n <button class=\"faq-question w-full text-left font-semibold text-slate-700 flex justify-between items-center\">\n <span>\u5065\u5eb7\u9762\u3067\u306e\u61f8\u5ff5\u306f\u3042\u308a\u307e\u3059\u304b\uff1f<\/span>\n <span class=\"transform transition-transform duration-300 text-teal-600 text-xl\">+<\/span>\n <\/button>\n <div class=\"faq-answer hidden mt-2 text-slate-600 text-sm\">\n <p><strong class=\"text-slate-800\">\u610f\u56f3:<\/strong> \u5b89\u5b9a\u3057\u3066\u9577\u304f\u52e4\u52d9\u3067\u304d\u308b\u304b\u3001\u4fe1\u983c\u6027\u3092\u78ba\u8a8d\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <p class=\"mt-1\"><strong class=\"text-teal-700\">\u56de\u7b54\u306e\u9aa8\u5b50:<\/strong> \u5065\u5eb7\u7ba1\u7406\u3078\u306e\u5177\u4f53\u7684\u306a\u53d6\u308a\u7d44\u307f\uff08\u7fd2\u6163\u306a\u3069\uff09\u3092\u4f1d\u3048\u3001\u81ea\u5df1\u7ba1\u7406\u80fd\u529b\u3082\u30d7\u30ed\u306e\u30b9\u30ad\u30eb\u3067\u3042\u308b\u3068\u30a2\u30d4\u30fc\u30eb\u3059\u308b\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"faq-item\">\n <button class=\"faq-question w-full text-left font-semibold text-slate-700 flex justify-between items-center\">\n <span>\u306a\u305c\u4eca\u3001\u8ee2\u8077\u3092\uff1f<\/span>\n <span class=\"transform transition-transform duration-300 text-teal-600 text-xl\">+<\/span>\n <\/button>\n <div class=\"faq-answer hidden mt-2 text-slate-600 text-sm\">\n <p><strong class=\"text-slate-800\">\u610f\u56f3:<\/strong> \u524d\u5411\u304d\u306a\u8ee2\u8077\u304b\u3001\u5f8c\u308d\u5411\u304d\u306a\u9000\u8077\u304b\u3092\u898b\u6975\u3081\u3066\u3044\u307e\u3059\u3002<\/p>\n <p class=\"mt-1\"><strong class=\"text-teal-700\">\u56de\u7b54\u306e\u9aa8\u5b50:<\/strong> \u5f79\u8077\u5b9a\u5e74\u306a\u3069\u306e\u7bc0\u76ee\u3092\u300c\u65b0\u305f\u306a\u6311\u6226\u306e\u6a5f\u4f1a\u300d\u3068\u30dd\u30b8\u30c6\u30a3\u30d6\u306b\u6349\u3048\u3066\u3044\u308b\u3053\u3068\u3092\u5f37\u8abf\u3002\u524d\u8077\u3078\u306e\u4e0d\u6e80\u3067\u306f\u306a\u304f\u3001\u672a\u6765\u3078\u306e\u610f\u6b32\u3092\u8a9e\u308b\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n \n <section class=\"py-12 bg-white\">\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n <h3 class=\"text-2xl font-bold text-slate-800\">\u30bb\u30ab\u30f3\u30c9\u30e9\u30a4\u30d5\u306b\u3064\u3044\u3066\u8003\u3048\u3066\u307f\u307e\u305b\u3093\u304b\uff1f<\/h3>\n <p class=\"mt-4 text-lg text-slate-600\">\u3042\u306a\u305f\u306e\u3053\u308c\u304b\u3089\u306e\u4eba\u751f\u8a2d\u8a08\u306b\u3064\u3044\u3066\u3001\u3088\u308a\u6df1\u304f\u8003\u3048\u3066\u307f\u308b\u305f\u3081\u306e\u60c5\u5831\u306f\u3053\u3061\u3089\u304b\u3089\u3002<\/p>\n <a href=\"https:\/\/sognoplanning.com\/?page_id=2668\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mt-6 inline-block text-teal-600 font-semibold hover:text-teal-800 transition-colors\">\n \u4eba\u751f100\u5e74\u6642\u4ee3\u3042\u306a\u305f\u306e\u30bb\u30ab\u30f3\u30c9\u30e9\u30a4\u30d5\u3001\u3042\u3068\u4f55\u5e74\u7d9a\u304f\u304b\u3054\u5b58\u77e5\u3067\u3059\u304b\uff1f →\n <\/a>\n <\/div>\n <\/section>\n\n \n <section id=\"solution\" class=\"py-16 bg-soft-blue\">\n <div class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n <h2 class=\"section-title\">\u672a\u6765\u306e\u5730\u56f3\u3092\u3001<br class=\"sm:hidden\">\u4e00\u7dd2\u306b\u63cf\u304d\u307e\u305b\u3093\u304b\uff1f<\/h2>\n <p class=\"section-subtitle\">\n \u300c\u4f55\u304b\u3089\u59cb\u3081\u308c\u3070\u2026\u300d\u305d\u3093\u306a\u3042\u306a\u305f\u306e\u305f\u3081\u306e\u30b5\u30fc\u30d3\u30b9\u304c\u3001\u30bd\u30fc\u30cb\u30e7\u30d7\u30e9\u30f3\u30cb\u30f3\u30b0\u306e\u300c\u30b7\u30cb\u30a2\u5411\u3051\u7121\u6599\u76f8\u8ac7\u300d\u3067\u3059\u3002\u3053\u308c\u306f\u3001\u3042\u306a\u305f\u306e\u73fe\u72b6\u3092\u5ba2\u89b3\u7684\u306b\u53ef\u8996\u5316\u3059\u308b\u300c\u8001\u5f8c\u306e\u5065\u5eb7\u8a3a\u65ad\u300d\u3067\u3059\u3002\n <\/p>\n <div class=\"mt-12 max-w-4xl mx-auto bg-white p-8 md:p-12 rounded-2xl shadow-lg border border-gray-200\">\n <h3 class=\"text-2xl font-bold text-deep-gray\">\u7121\u6599\u76f8\u8ac7\u306e3\u30b9\u30c6\u30c3\u30d7<\/h3>\n <div class=\"mt-8 grid grid-cols-1 md:grid-cols-3 gap-8 text-left relative\">\n <div class=\"absolute top-1\/2 left-0 w-full h-0.5 bg-gray-200 hidden md:block\"><\/div>\n <div class=\"absolute top-8 left-1\/3 w-0.5 h-full bg-gray-200 hidden md:block transform -translate-x-1\/2\"><\/div>\n <div class=\"absolute top-8 right-1\/3 w-0.5 h-full bg-gray-200 hidden md:block transform translate-x-1\/2\"><\/div>\n\n <div class=\"relative flex flex-col items-center text-center\">\n <div class=\"w-16 h-16 rounded-full bg-accent-blue text-white flex items-center justify-center text-2xl font-bold z-10\">1<\/div>\n <h4 class=\"text-lg font-bold mt-4\">\u3054\u6e96\u5099\u30fb\u304a\u8a71<\/h4>\n <p class=\"mt-2 text-sm text-gray-600\">\u300c\u306d\u3093\u304d\u3093\u5b9a\u671f\u4fbf\u300d\u3068\u7c21\u5358\u306a\u8cc7\u7523\u72b6\u6cc1\u3092\u3054\u6e96\u5099\u3044\u305f\u3060\u304d\u3001\u3042\u306a\u305f\u306e\u7406\u60f3\u306e\u30e9\u30a4\u30d5\u30d7\u30e9\u30f3\u3092\u304a\u805e\u304b\u305b\u304f\u3060\u3055\u3044\u3002<\/p>\n <\/div>\n <div class=\"relative flex flex-col items-center text-center\">\n <div class=\"w-16 h-16 rounded-full bg-accent-blue text-white flex items-center justify-center text-2xl font-bold z-10\">2<\/div>\n <h4 class=\"text-lg font-bold mt-4\">\u73fe\u72b6\u306e\u5206\u6790\u3068\u53ef\u8996\u5316<\/h4>\n <p class=\"mt-2 text-sm text-gray-600\">\u5c02\u9580\u5bb6\u304c\u3042\u306a\u305f\u306e\u30ad\u30e3\u30ea\u30a2\u3068\u30de\u30cd\u30fc\u306e\u72b6\u6cc1\u3092\u5206\u6790\u3002\u5ba2\u89b3\u7684\u306a\u30c7\u30fc\u30bf\u306b\u57fa\u3065\u304d\u73fe\u72b6\u3092\u6574\u7406\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"relative flex flex-col items-center text-center\">\n <div class=\"w-16 h-16 rounded-full bg-accent-blue text-white flex items-center justify-center text-2xl font-bold z-10\">3<\/div>\n <h4 class=\"text-lg font-bold mt-4\">\u63d0\u6848\u66f8\u306e\u304a\u6e21\u3057<\/h4>\n <p class=\"mt-2 text-sm text-gray-600\">\u3042\u306a\u305f\u304c\u4eca\u78ba\u8a8d\u3059\u3079\u304d\u9805\u76ee\u3092\u307e\u3068\u3081\u305f\u300c\u30e9\u30a4\u30d5\u30d7\u30e9\u30f3\u63d0\u6848\u66f8\u300d\u3092\u3054\u63d0\u793a\u3002\u4eca\u5f8c\u306e\u6307\u91dd\u304c\u660e\u78ba\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <p class=\"mt-8 text-gray-600\">\u7121\u7406\u306a\u52e7\u8a98\u306f\u4e00\u5207\u3042\u308a\u307e\u305b\u3093\u3002\u63d0\u6848\u66f8\u3092\u3082\u3068\u306b\u3054\u81ea\u8eab\u3067\u691c\u8a0e\u3092\u9032\u3081\u3066\u3044\u305f\u3060\u304f\u3053\u3068\u3082\u53ef\u80fd\u3067\u3059\u306e\u3067\u3001\u5b89\u5fc3\u3057\u3066\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"cta\" class=\"py-20\">\n <div class=\"max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center bg-white p-10 rounded-3xl shadow-xl border border-gray-200\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-deep-gray\">\u3055\u3042\u3001\u5b89\u5fc3\u3067\u8c4a\u304b\u306a\u672a\u6765\u3078\u306e<br>\u7b2c\u4e00\u6b69\u3092\u8e0f\u307f\u51fa\u3057\u307e\u3057\u3087\u3046\u3002<\/h2>\n <p class=\"mt-4 text-lg text-gray-600 leading-relaxed\">\n \u9078\u629e\u80a2\u304c\u591a\u304f\u3001\u307e\u3060\u8ecc\u9053\u4fee\u6b63\u304c\u53ef\u80fd\u306a\u300c\u4eca\u300d\u3060\u304b\u3089\u3053\u305d<br>\n \u73fe\u72b6\u3092\u628a\u63e1\u3059\u308b\u3053\u3068\u304c\u4f55\u3088\u308a\u3082\u5927\u5207\u3067\u3059\u3002\n <\/p>\n <a href=\"https:\/\/forms.gle\/qx3QJ9YModFCuiQT8\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mt-8 inline-block btn-primary px-10 py-4 rounded-full font-bold text-lg shadow-lg transform hover:scale-105\">\n \u30b7\u30cb\u30a2\u5411\u3051\u7121\u6599\u76f8\u8ac7\u306b\u7533\u8fbc\u3080\n <\/a>\n <p class=\"mt-4 text-sm text-gray-500\">\u304a\u7533\u3057\u8fbc\u307f\u306fGoogle\u30d5\u30a9\u30fc\u30e0\u306b\u3066\u53d7\u3051\u4ed8\u3051\u3066\u304a\u308a\u307e\u3059\u3002<\/p>\n <\/div>\n <\/section>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Chart.js implementation\n const ctx = document.getElementById('seniorEmploymentChart').getContext('2d');\n const seniorEmploymentChart = new Chart(ctx, {\n type: 'bar',\n data: {\n labels: ['66\u6b73\u4ee5\u4e0a\u3067\u3082\u50cd\u3051\u308b\u5236\u5ea6\u304c\u3042\u308b\u4f01\u696d', '70\u6b73\u4ee5\u4e0a\u3067\u3082\u50cd\u3051\u308b\u5236\u5ea6\u304c\u3042\u308b\u4f01\u696d'],\n datasets: [{\n label: '\u5272\u5408 (%)',\n data: [43.3, 41.6],\n backgroundColor: [\n 'rgba(13, 148, 136, 0.6)',\n 'rgba(15, 118, 110, 0.6)'\n ],\n borderColor: [\n 'rgba(13, 148, 136, 1)',\n 'rgba(15, 118, 110, 1)'\n ],\n borderWidth: 1\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n indexAxis: 'y',\n scales: {\n x: {\n beginAtZero: true,\n max: 50,\n ticks: {\n callback: function(value) {\n return value + '%'\n }\n }\n }\n },\n plugins: {\n legend: {\n display: false\n },\n tooltip: {\n callbacks: {\n label: function(context) {\n return context.dataset.label + ': ' + context.raw + '%';\n }\n }\n }\n }\n }\n });\n\n \/\/ Tab functionality\n const tabButtons = document.querySelectorAll('.tab-button');\n const tabContents = document.querySelectorAll('.tab-content');\n let prioritiesChart;\n\n tabButtons.forEach(button => {\n button.addEventListener('click', () => {\n tabButtons.forEach(btn => btn.classList.remove('active'));\n button.classList.add('active');\n const tabId = button.getAttribute('data-tab');\n tabContents.forEach(content => {\n if (content.id === tabId) {\n content.classList.remove('hidden');\n } else {\n content.classList.add('hidden');\n }\n });\n if (tabId === 'tab3' && !prioritiesChart) {\n initRadarChart();\n }\n });\n });\n\n \/\/ AI Coach functionality\n const aiInput = document.getElementById('ai-input');\n const prompt1Btn = document.getElementById('prompt1-btn');\n const prompt2Btn = document.getElementById('prompt2-btn');\n const aiOutputContainer = document.getElementById('ai-output-container');\n const aiOutput = document.getElementById('ai-output');\n const copyBtn = document.getElementById('copy-btn');\n\n prompt1Btn.addEventListener('click', () => generatePrompt(1));\n prompt2Btn.addEventListener('click', () => generatePrompt(2));\n \n function generatePrompt(type) {\n const userText = aiInput.value.trim();\n if (!userText) {\n alert('\u307e\u305a\u3001\u8077\u52d9\u7d4c\u6b74\u306e\u8981\u7d04\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002');\n return;\n }\n let promptText = '';\n if (type === 1) {\n promptText = `\u3042\u306a\u305f\u306f\u7d4c\u9a13\u8c4a\u5bcc\u306a\u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u3067\u3059\u3002\u79c1\u304c\u3053\u308c\u307e\u3067\u306e\u30ad\u30e3\u30ea\u30a2\u3092\u68da\u5378\u3057\u3001\u81ea\u5206\u3067\u306f\u6c17\u3065\u3044\u3066\u3044\u306a\u3044\u5f37\u307f\u3084\u30dd\u30fc\u30bf\u30d6\u30eb\u30b9\u30ad\u30eb\u3092\u767a\u898b\u3059\u308b\u306e\u3092\u624b\u4f1d\u3063\u3066\u304f\u3060\u3055\u3044\u3002\u4ee5\u4e0b\u306e\u79c1\u306e\u7d4c\u6b74\u3092\u5206\u6790\u3057\u3001(1)\u7279\u7b46\u3059\u3079\u304d\u5c02\u9580\u30b9\u30ad\u30eb\u3001(2)\u7ba1\u7406\u8077\u307e\u305f\u306f\u30ea\u30fc\u30c0\u30fc\u3068\u3057\u3066\u306e\u8cc7\u8cea\u3001(3)\u7570\u696d\u7a2e\u3067\u3082\u901a\u7528\u3059\u308b\u30dd\u30fc\u30bf\u30d6\u30eb\u30b9\u30ad\u30eb\u3001\u306e3\u3064\u306e\u30ab\u30c6\u30b4\u30ea\u3067\u79c1\u306e\u5f37\u307f\u3092\u30ea\u30b9\u30c8\u30a2\u30c3\u30d7\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u307e\u305f\u3001\u305d\u308c\u305e\u308c\u306e\u5f37\u307f\u304c\u3069\u306e\u3088\u3046\u306a\u8077\u52d9\u3084\u696d\u754c\u3067\u6d3b\u304b\u305b\u308b\u304b\u3001\u5177\u4f53\u7684\u306a\u4f8b\u30923\u3064\u305a\u3064\u6319\u3052\u3066\u304f\u3060\u3055\u3044\u3002\\n\\n\u79c1\u306e\u7d4c\u6b74\uff1a\\n${userText}`;\n } else {\n promptText = `\u3042\u306a\u305f\u306f\u30d7\u30ed\u306e\u30b3\u30d4\u30fc\u30e9\u30a4\u30bf\u30fc\u3067\u3059\u3002\u4ee5\u4e0b\u306e\u79c1\u306e\u696d\u52d9\u7d4c\u9a13\u3068\u5b9f\u7e3e\u3092\u3001\u8077\u52d9\u7d4c\u6b74\u66f8\u3067\u30a2\u30d4\u30fc\u30eb\u3067\u304d\u308b\u3088\u3046\u306b\u3001\u3088\u308a\u5177\u4f53\u7684\u3067\u30a4\u30f3\u30d1\u30af\u30c8\u306e\u3042\u308b\u8868\u73fe\u306b\u66f8\u304d\u63db\u3048\u3066\u304f\u3060\u3055\u3044\u3002\u7279\u306b\u3001\u6570\u5b57\u3092\u4f7f\u3063\u3066\u6210\u679c\u3092\u5b9a\u91cf\u7684\u306b\u793a\u3059\u3053\u3068\u3092\u91cd\u8996\u3057\u3066\u304f\u3060\u3055\u3044\u3002\\n\\n\u5143\u306e\u6587\u7ae0\uff1a\\n${userText}`;\n }\n aiOutput.textContent = promptText;\n aiOutputContainer.classList.remove('hidden');\n }\n\n copyBtn.addEventListener('click', () => {\n const textToCopy = aiOutput.textContent;\n const tempTextArea = document.createElement('textarea');\n tempTextArea.value = textToCopy;\n document.body.appendChild(tempTextArea);\n tempTextArea.select();\n try {\n document.execCommand('copy');\n copyBtn.textContent = '\u30b3\u30d4\u30fc\u3057\u307e\u3057\u305f\uff01';\n setTimeout(() => { copyBtn.textContent = '\u30b3\u30d4\u30fc'; }, 2000);\n } catch (err) {\n console.error('\u30b3\u30d4\u30fc\u306b\u5931\u6557\u3057\u307e\u3057\u305f', err);\n }\n document.body.removeChild(tempTextArea);\n });\n\n \/\/ Strategy filter functionality\n const filterButtons = document.querySelectorAll('.strategy-filter');\n const strategyCards = document.querySelectorAll('.strategy-card');\n filterButtons.forEach(button => {\n button.addEventListener('click', () => {\n filterButtons.forEach(btn => btn.classList.remove('active', 'bg-white', 'text-teal-700', 'shadow'));\n button.classList.add('active', 'bg-white', 'text-teal-700', 'shadow');\n const filter = button.dataset.filter;\n strategyCards.forEach(card => {\n const tags = JSON.parse(card.dataset.tags);\n if (filter === 'all' || tags.includes(filter)) {\n card.classList.remove('hidden');\n card.classList.add('highlight');\n } else {\n card.classList.add('hidden');\n card.classList.remove('highlight');\n }\n });\n setTimeout(() => {\n strategyCards.forEach(card => card.classList.remove('highlight'));\n }, 500);\n });\n });\n\n \/\/ FAQ accordion functionality\n const faqItems = document.querySelectorAll('.faq-item');\n faqItems.forEach(item => {\n const question = item.querySelector('.faq-question');\n const answer = item.querySelector('.faq-answer');\n const icon = question.querySelector('span:last-child');\n question.addEventListener('click', () => {\n const isVisible = !answer.classList.contains('hidden');\n answer.classList.toggle('hidden');\n icon.textContent = isVisible ? '+' : '-';\n icon.classList.toggle('rotate-45', !isVisible);\n });\n });\n \n \/\/ Radar Chart for Priorities\n const sliders = document.querySelectorAll('#sliders-container input[type=\"range\"]');\n \n function getSliderValues() {\n return Array.from(sliders).map(slider => slider.value);\n }\n\n function initRadarChart() {\n const radarCtx = document.getElementById('prioritiesRadarChart').getContext('2d');\n prioritiesChart = new Chart(radarCtx, {\n type: 'radar',\n data: {\n labels: ['\u53ce\u5165\u30fb\u5f85\u9047', '\u30ef\u30fc\u30af\u30e9\u30a4\u30d5\u30d0\u30e9\u30f3\u30b9', '\u793e\u4f1a\u8ca2\u732e\u30fb\u3084\u308a\u304c\u3044', '\u8da3\u5473\u3068\u306e\u4e21\u7acb', '\u30b9\u30ad\u30eb\u306e\u6d3b\u7528'],\n datasets: [{\n label: '\u512a\u5148\u5ea6',\n data: getSliderValues(),\n backgroundColor: 'rgba(13, 148, 136, 0.2)',\n borderColor: 'rgba(13, 148, 136, 1)',\n borderWidth: 2,\n pointBackgroundColor: 'rgba(13, 148, 136, 1)',\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n r: {\n beginAtZero: true,\n max: 100,\n pointLabels: {\n font: {\n size: 12\n }\n },\n ticks: {\n stepSize: 25\n }\n }\n },\n plugins: {\n legend: {\n display: false\n }\n }\n }\n });\n }\n\n sliders.forEach(slider => {\n slider.addEventListener('input', () => {\n if (prioritiesChart) {\n prioritiesChart.data.datasets[0].data = getSliderValues();\n prioritiesChart.update();\n }\n });\n });\n\n\n \/\/ Smooth scrolling and active nav link\n const navLinks = document.querySelectorAll('.nav-link');\n const sections = document.querySelectorAll('section[id]');\n \n function updateActiveLink() {\n let index = sections.length;\n while(--index && window.scrollY + 100 < sections[index].offsetTop) {}\n \n navLinks.forEach((link) => link.classList.remove('active'));\n if (index >= 0 && navLinks[index]) {\n navLinks[index].classList.add('active');\n }\n }\n\n navLinks.forEach(link => {\n link.addEventListener('click', function(e) {\n e.preventDefault();\n const targetId = this.getAttribute('href');\n const targetElement = document.querySelector(targetId);\n if (targetElement) {\n targetElement.scrollIntoView({ behavior: 'smooth' });\n }\n });\n });\n\n window.addEventListener('scroll', updateActiveLink);\n updateActiveLink();\n });\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u6210\u529f\u3078\u306e\u65b0\u305f\u306a\u8a2d\u8a08\u56f3\uff1a55\u6b73\u304b\u3089\u306e\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u30fb\u30b8\u30e7\u30d6\u30ac\u30a4\u30c9 55\u6b73\u304b\u3089\u306e\u4ed5\u4e8b\u63a2\u3057\u30ac\u30a4\u30c9 \u5e02\u5834\u3092\u7406\u89e3\u3059\u308b \u4fa1\u5024\u3092\u767a\u898b\u3059\u308b \u6226\u7565\u3092\u7acb\u3066\u308b \u9078\u8003\u3092\u7a81\u7834\u3059\u308b \u305d\u308c\u306f\u7d42\u308f\u308a\u3067\u306f\u306a\u304f\u3001\u65b0\u305f\u306a\u59cb\u307e\u308a 55\u6b73\u304b\u3089\u306e\u30ad\u30e3\u30ea\u30a2\u306f\u3001\u4e0d\u5b89…<\/p>\n","protected":false},"author":1,"featured_media":2782,"comment_status":"closed","ping_status":"open","sticky":false,"template":"single-full.php","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-2778","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-uncategorized","8":"article"},"_links":{"self":[{"href":"https:\/\/sognoplanning.com\/index.php?rest_route=\/wp\/v2\/posts\/2778","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sognoplanning.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sognoplanning.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sognoplanning.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2778"}],"version-history":[{"count":5,"href":"https:\/\/sognoplanning.com\/index.php?rest_route=\/wp\/v2\/posts\/2778\/revisions"}],"predecessor-version":[{"id":2785,"href":"https:\/\/sognoplanning.com\/index.php?rest_route=\/wp\/v2\/posts\/2778\/revisions\/2785"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sognoplanning.com\/index.php?rest_route=\/wp\/v2\/media\/2782"}],"wp:attachment":[{"href":"https:\/\/sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2778"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2778"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2778"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2778,"date":"2025-08-29T09:02:24","date_gmt":"2025-08-29T00:02:24","guid":{"rendered":"https:\/\/sognoplanning.com\/?p=2778"},"modified":"2025-08-29T09:25:48","modified_gmt":"2025-08-29T00:25:48","slug":"55%e6%ad%b3%e3%81%8b%e3%82%89%e3%81%ae%e4%bb%95%e4%ba%8b%e6%8e%a2%e3%81%97%e3%82%ac%e3%82%a4%e3%83%89","status":"publish","type":"post","link":"https:\/\/sognoplanning.com\/?p=2778","title":{"rendered":"55\u6b73\u304b\u3089\u306e\u4ed5\u4e8b\u63a2\u3057\u30ac\u30a4\u30c9"},"content":{"rendered":"\n\n\n\n \n \n \u6210\u529f\u3078\u306e\u65b0\u305f\u306a\u8a2d\u8a08\u56f3\uff1a55\u6b73\u304b\u3089\u306e\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u30fb\u30b8\u30e7\u30d6\u30ac\u30a4\u30c9<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n \n \n \n \n <style>\n body {\n font-family: 'Noto Sans JP', sans-serif;\n background-color: #f8f7f4;\n color: #333;\n }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 500px;\n margin-left: auto;\n margin-right: auto;\n height: 300px;\n max-height: 350px;\n }\n @media (min-width: 768px) {\n .chart-container {\n height: 350px;\n }\n }\n .nav-link {\n transition: all 0.3s ease;\n border-bottom: 2px solid transparent;\n }\n .nav-link.active, .nav-link:hover {\n border-bottom-color: #0d9488;\n color: #0d9488;\n }\n .tab-button.active {\n background-color: #0d9488;\n color: white;\n }\n .strategy-card.highlight {\n transform: scale(1.03);\n box-shadow: 0 0 20px rgba(13, 148, 136, 0.3);\n border-color: #0d9488;\n }\n \/* Styles for CTA sections *\/\n .bg-soft-blue { background-color: #eff6ff; }\n .section-title { font-size: 2rem; line-height: 2.5rem; font-weight: 700; color: #1e293b; }\n @media (min-width: 640px) { .section-title { font-size: 2.25rem; line-height: 2.5rem; } }\n .section-subtitle { margin-top: 1rem; font-size: 1.125rem; line-height: 1.75rem; color: #475569; max-width: 42rem; margin-left: auto; margin-right: auto; }\n .text-deep-gray { color: #1f2937; }\n .bg-accent-blue { background-color: #0d9488; }\n .btn-primary {\n background-color: #0d9488;\n color: white;\n transition: background-color 0.3s ease, transform 0.3s ease;\n }\n .btn-primary:hover {\n background-color: #0f766e;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased\">\n\n <header class=\"bg-white\/80 backdrop-blur-lg sticky top-0 z-50 shadow-sm\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex justify-between items-center py-4\">\n <h1 class=\"text-xl md:text-2xl font-bold text-slate-800\">55\u6b73\u304b\u3089\u306e\u4ed5\u4e8b\u63a2\u3057\u30ac\u30a4\u30c9<\/h1>\n <nav class=\"hidden md:flex space-x-6\">\n <a href=\"#section1\" class=\"nav-link text-slate-600 font-medium py-2\">\u5e02\u5834\u3092\u7406\u89e3\u3059\u308b<\/a>\n <a href=\"#section2\" class=\"nav-link text-slate-600 font-medium py-2\">\u4fa1\u5024\u3092\u767a\u898b\u3059\u308b<\/a>\n <a href=\"#section3\" class=\"nav-link text-slate-600 font-medium py-2\">\u6226\u7565\u3092\u7acb\u3066\u308b<\/a>\n <a href=\"#section4\" class=\"nav-link text-slate-600 font-medium py-2\">\u9078\u8003\u3092\u7a81\u7834\u3059\u308b<\/a>\n <\/nav>\n <\/div>\n <\/div>\n <\/header>\n\n <main class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 md:py-12\">\n\n <section class=\"mb-16\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 mb-4 text-center\">\u305d\u308c\u306f\u7d42\u308f\u308a\u3067\u306f\u306a\u304f\u3001\u65b0\u305f\u306a\u59cb\u307e\u308a<\/h2>\n <p class=\"max-w-3xl mx-auto text-slate-600 text-lg text-left\">55\u6b73\u304b\u3089\u306e\u30ad\u30e3\u30ea\u30a2\u306f\u3001\u4e0d\u5b89\u3067\u306f\u306a\u304f\u53ef\u80fd\u6027\u306b\u6e80\u3061\u3066\u3044\u307e\u3059\u3002\u3053\u306e\u30ac\u30a4\u30c9\u306f\u3001\u3042\u306a\u305f\u306e\u8c4a\u5bcc\u306a\u7d4c\u9a13\u3068\u3044\u3046\u8cc7\u7523\u3092\u6700\u5927\u9650\u306b\u6d3b\u304b\u3057\u3001\u6b21\u306a\u308b\u30b9\u30c6\u30fc\u30b8\u3078\u3068\u8e0f\u307f\u51fa\u3059\u305f\u3081\u306e\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u306a\u8a2d\u8a08\u56f3\u3067\u3059\u3002<\/p>\n <\/section>\n\n \n <section id=\"section1\" class=\"py-12 scroll-mt-20\">\n <div class=\"mb-12\">\n <h2 class=\"text-3xl font-bold text-slate-900 text-center\">1. \u5e02\u5834\u3092\u7406\u89e3\u3059\u308b<\/h2>\n <p class=\"mt-3 text-lg text-slate-600 max-w-2xl mx-auto text-left\">\u300c\u5e74\u9f62\u306e\u58c1\u300d\u306f\u904e\u53bb\u306e\u5e38\u8b58\u3067\u3059\u3002\u6cd5\u6539\u6b63\u3084\u793e\u4f1a\u306e\u5909\u5316\u306b\u3088\u308a\u3001\u4eca\u30b7\u30cb\u30a2\u4eba\u6750\u306b\u306f\u5f37\u3044\u8ffd\u3044\u98a8\u304c\u5439\u3044\u3066\u3044\u307e\u3059\u3002\u307e\u305a\u306f\u5ba2\u89b3\u7684\u306a\u30c7\u30fc\u30bf\u3067\u3001\u305d\u306e\u4e8b\u5b9f\u3092\u78ba\u8a8d\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n <\/div>\n <div class=\"grid md:grid-cols-2 gap-8 items-center\">\n <div class=\"space-y-6\">\n <div class=\"bg-white p-6 rounded-lg shadow-md border-l-4 border-teal-600\">\n <h3 class=\"text-xl font-bold text-slate-800 mb-2\">\u6cd5\u5f8b\u304c\u3042\u306a\u305f\u306e\u5473\u65b9\u3067\u3059<\/h3>\n <p class=\"text-slate-600\">\u9ad8\u5e74\u9f62\u8005\u96c7\u7528\u5b89\u5b9a\u6cd5\u306b\u3088\u308a\u3001\u4f01\u696d\u306b\u306f65\u6b73\u307e\u3067\u306e\u96c7\u7528\u78ba\u4fdd\u304c\u7fa9\u52d9\u4ed8\u3051\u3089\u308c\u3066\u3044\u307e\u3059\u3002\u3055\u3089\u306b2025\u5e744\u6708\u304b\u3089\u306f\u3001\u5e0c\u671b\u8005\u300c\u5168\u54e1\u300d\u3092\u5bfe\u8c61\u3068\u3059\u308b\u3053\u3068\u304c\u5b8c\u5168\u7fa9\u52d9\u5316\u300270\u6b73\u307e\u3067\u306e\u5c31\u696d\u6a5f\u4f1a\u78ba\u4fdd\u3082\u52aa\u529b\u7fa9\u52d9\u3068\u306a\u308a\u3001\u56fd\u5168\u4f53\u304c\u3042\u306a\u305f\u306e\u6d3b\u8e8d\u3092\u5f8c\u62bc\u3057\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <h4 class=\"text-lg font-semibold text-slate-800\">\u4f01\u696d\u304c\u6c42\u3081\u308b\u30b7\u30cb\u30a2\u306e\u4fa1\u5024<\/h4>\n <ul class=\"mt-2 text-slate-600 list-disc list-inside space-y-1\">\n <li>\u6df1\u3044\u5c02\u9580\u77e5\u8b58\u3068\u554f\u984c\u89e3\u6c7a\u80fd\u529b<\/li>\n <li>\u5f8c\u9032\u306e\u6307\u5c0e\u30fb\u80b2\u6210\u3068\u6280\u8853\u4f1d\u627f<\/li>\n <li>\u6210\u719f\u3057\u305f\u5bfe\u4eba\u80fd\u529b\u3068\u7d44\u7e54\u306e\u5b89\u5b9a\u5316<\/li>\n <li>\u8c4a\u5bcc\u306a\u4eba\u8108\u3068\u30cd\u30c3\u30c8\u30ef\u30fc\u30af<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <h3 class=\"text-xl font-bold text-center text-slate-800 mb-4\">66\u6b73\u4ee5\u4e0a\u3082\u50cd\u3051\u308b\u4f01\u696d\u306f\u5897\u52a0\u4e2d<\/h3>\n <p class=\"text-center text-sm text-slate-500 mb-4\">\u51fa\u5178\uff1a\u539a\u751f\u52b4\u50cd\u7701\u300c\u9ad8\u5e74\u9f62\u8005\u96c7\u7528\u72b6\u6cc1\u7b49\u5831\u544a\u300d\uff08\u4ee4\u548c5\u5e74\uff09<\/p>\n <div class=\"chart-container\">\n <canvas id=\"seniorEmploymentChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"section2\" class=\"py-12 scroll-mt-20\">\n <div class=\"mb-12\">\n <h2 class=\"text-3xl font-bold text-slate-900 text-center\">2. \u3042\u306a\u305f\u306e\u4fa1\u5024\u3092\u767a\u898b\u3059\u308b<\/h2>\n <p class=\"mt-3 text-lg text-slate-600 max-w-2xl mx-auto text-left\">\u9577\u5e74\u306e\u30ad\u30e3\u30ea\u30a2\u306f\u3001\u3042\u306a\u305f\u3060\u3051\u306e\u8cc7\u7523\u306e\u5b9d\u5eab\u3067\u3059\u3002\u6700\u65b0\u306eAI\u30c4\u30fc\u30eb\u3082\u6d3b\u7528\u3057\u306a\u304c\u3089\u3001\u305d\u306e\u4fa1\u5024\u3092\u5ba2\u89b3\u7684\u306b\u68da\u5378\u3057\u3057\u3001\u672a\u6765\u306e\u96c7\u7528\u4e3b\u306b\u63d0\u793a\u3067\u304d\u308b\u300c\u6b66\u5668\u300d\u306b\u5909\u3048\u307e\u3057\u3087\u3046\u3002<\/p>\n <\/div>\n \n <div class=\"mb-10 grid md:grid-cols-3 gap-6 text-left\">\n <div class=\"bg-white\/60 p-4 rounded-lg border border-slate-200 shadow-sm\">\n <h3 class=\"font-bold text-teal-700\">Step 1: \u30ad\u30e3\u30ea\u30a2\u306e\u68da\u5378\u3057<\/h3>\n <p class=\"text-sm text-slate-600 mt-1\">\u3042\u306a\u305f\u306e\u7d4c\u9a13\u3092\u5177\u4f53\u7684\u306a\u300c\u5b9f\u7e3e\u300d\u306b\u5909\u3048\u308b\u30c4\u30fc\u30eb\u3067\u3059\u3002\u30d5\u30a9\u30fc\u30e0\u306b\u5165\u529b\u3057\u3001\u30a2\u30d4\u30fc\u30eb\u3067\u304d\u308b\u5f37\u307f\u3092\u6574\u7406\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n <\/div>\n <div class=\"bg-white\/60 p-4 rounded-lg border border-slate-200 shadow-sm\">\n <h3 class=\"font-bold text-teal-700\">Step 2: AI\u30ad\u30e3\u30ea\u30a2\u30b3\u30fc\u30c1<\/h3>\n <p class=\"text-sm text-slate-600 mt-1\">AI\u306e\u5ba2\u89b3\u7684\u306a\u8996\u70b9\u3067\u3001\u3042\u306a\u305f\u306e\u96a0\u308c\u305f\u5f37\u307f\u3092\u767a\u898b\u3057\u307e\u3059\u3002\u7d4c\u6b74\u3092\u8cbc\u308a\u4ed8\u3051\u3001\u65b0\u3057\u3044\u81ea\u5df1PR\u306e\u30d2\u30f3\u30c8\u3092\u5f97\u307e\u3057\u3087\u3046\u3002<\/p>\n <\/div>\n <div class=\"bg-white\/60 p-4 rounded-lg border border-slate-200 shadow-sm\">\n <h3 class=\"font-bold text-teal-700\">Step 3: \u300c\u6210\u529f\u300d\u306e\u518d\u5b9a\u7fa9<\/h3>\n <p class=\"text-sm text-slate-600 mt-1\">\u3053\u308c\u304b\u3089\u306e\u50cd\u304d\u65b9\u3067\u4f55\u3092\u5927\u5207\u306b\u3057\u305f\u3044\u304b\u3092\u898b\u3064\u3081\u76f4\u3057\u307e\u3059\u3002\u30b9\u30e9\u30a4\u30c0\u30fc\u3092\u52d5\u304b\u3057\u3001\u3042\u306a\u305f\u306e\u4fa1\u5024\u89b3\u3092\u53ef\u8996\u5316\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n <\/div>\n <\/div>\n\n <div class=\"bg-white rounded-lg shadow-md overflow-hidden\">\n <div class=\"p-6\">\n <div class=\"flex border-b border-slate-200\">\n <button data-tab=\"tab1\" class=\"tab-button flex-1 py-3 px-2 text-sm md:text-base font-medium text-slate-600 transition active\">\u30ad\u30e3\u30ea\u30a2\u306e\u68da\u5378\u3057<\/button>\n <button data-tab=\"tab2\" class=\"tab-button flex-1 py-3 px-2 text-sm md:text-base font-medium text-slate-600 transition\">AI\u30ad\u30e3\u30ea\u30a2\u30b3\u30fc\u30c1<\/button>\n <button data-tab=\"tab3\" class=\"tab-button flex-1 py-3 px-2 text-sm md:text-base font-medium text-slate-600 transition\">\u300c\u6210\u529f\u300d\u306e\u518d\u5b9a\u7fa9<\/button>\n <\/div>\n <div class=\"mt-6\">\n <div id=\"tab1\" class=\"tab-content\">\n <h3 class=\"text-xl font-bold text-slate-800 mb-2\">\u5b9f\u7e3e\u306e\u8a00\u8a9e\u5316 (PAR\u30e1\u30bd\u30c3\u30c9)<\/h3>\n <p class=\"text-slate-600 mb-4\">\u3042\u306a\u305f\u306e\u7d4c\u9a13\u3092\u300c\u8ab2\u984c\u300d\u300c\u884c\u52d5\u300d\u300c\u6210\u679c\u300d\u306e3\u70b9\u3067\u6574\u7406\u3057\u3001\u5177\u4f53\u7684\u306a\u5b9f\u7e3e\u3068\u3057\u3066\u30a2\u30d4\u30fc\u30eb\u3057\u307e\u3057\u3087\u3046\u3002\u6210\u679c\u306f\u6570\u5024\u3067\u793a\u3059\u306e\u304c\u30dd\u30a4\u30f3\u30c8\u3067\u3059\u3002<\/p>\n <div class=\"space-y-4\">\n <div>\n <label class=\"font-semibold text-slate-700\">P: Problem (\u8ab2\u984c\u30fb\u72b6\u6cc1)<\/label>\n <input type=\"text\" placeholder=\"\u4f8b\uff1a\u30c1\u30fc\u30e0\u306e\u58f2\u4e0a\u304c\u76ee\u6a19\u306b\u5c4a\u3044\u3066\u3044\u306a\u304b\u3063\u305f\" class=\"block w-full mt-1 p-2 border border-slate-300 rounded-md focus:ring-teal-500 focus:border-teal-500\">\n <\/div>\n <div>\n <label class=\"font-semibold text-slate-700\">A: Action (\u3042\u306a\u305f\u306e\u884c\u52d5)<\/label>\n <input type=\"text\" placeholder=\"\u4f8b\uff1a\u65b0\u305f\u306a\u9867\u5ba2\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3092\u5c0e\u5165\u3057\u3001\u9031\u6b21\u3067\u9032\u6357\u4f1a\u8b70\u3092\u5b9f\u65bd\u3057\u305f\" class=\"block w-full mt-1 p-2 border border-slate-300 rounded-md focus:ring-teal-500 focus:border-teal-500\">\n <\/div>\n <div>\n <label class=\"font-semibold text-slate-700\">R: Result (\u6210\u679c)<\/label>\n <input type=\"text\" placeholder=\"\u4f8b\uff1a\u534a\u5e74\u3067\u30c1\u30fc\u30e0\u58f2\u4e0a\u304c\u76ee\u6a19\u6bd4120%\u3092\u9054\u6210\u3057\u305f\" class=\"block w-full mt-1 p-2 border border-slate-300 rounded-md focus:ring-teal-500 focus:border-teal-500\">\n <\/div>\n <\/div>\n <\/div>\n <div id=\"tab2\" class=\"tab-content hidden\">\n <h3 class=\"text-xl font-bold text-slate-800 mb-2\">\u3042\u306a\u305f\u306eAI\u30ad\u30e3\u30ea\u30a2\u30b3\u30fc\u30c1<\/h3>\n <p class=\"text-slate-600 mb-4\">\u8077\u52d9\u7d4c\u6b74\u306e\u8981\u7d04\u3092\u8cbc\u308a\u4ed8\u3051\u3001\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u304f\u3060\u3055\u3044\u3002ChatGPT\u306a\u3069\u306e\u751f\u6210AI\u306b\u30b3\u30d4\u30fc\uff06\u30da\u30fc\u30b9\u30c8\u3057\u3066\u4f7f\u3048\u308b\u3001\u81ea\u5df1\u5206\u6790\u3092\u6df1\u3081\u308b\u305f\u3081\u306e\u30d7\u30ed\u30f3\u30d7\u30c8\u3092\u751f\u6210\u3057\u307e\u3059\u3002<\/p>\n <textarea id=\"ai-input\" rows=\"5\" class=\"w-full p-2 border border-slate-300 rounded-md focus:ring-teal-500 focus:border-teal-500\" placeholder=\"\u3053\u3053\u306b\u8077\u52d9\u7d4c\u6b74\u306e\u8981\u7d04\u3092\u8cbc\u308a\u4ed8\u3051\u3066\u304f\u3060\u3055\u3044...\"><\/textarea>\n <div class=\"flex space-x-4 mt-4\">\n <button id=\"prompt1-btn\" class=\"flex-1 bg-teal-600 text-white font-bold py-2 px-4 rounded-md hover:bg-teal-700 transition\">\u30ad\u30e3\u30ea\u30a2\u69cb\u9020\u5206\u6790\u30d7\u30ed\u30f3\u30d7\u30c8\u751f\u6210<\/button>\n <button id=\"prompt2-btn\" class=\"flex-1 bg-slate-600 text-white font-bold py-2 px-4 rounded-md hover:bg-slate-700 transition\">\u5b9f\u7e3e\u306e\u30a4\u30f3\u30d1\u30af\u30c8\u5411\u4e0a\u30d7\u30ed\u30f3\u30d7\u30c8\u751f\u6210<\/button>\n <\/div>\n <div id=\"ai-output-container\" class=\"hidden mt-4 bg-slate-50 p-4 rounded-md\">\n <h4 class=\"font-bold text-slate-800\">\u751f\u6210\u3055\u308c\u305f\u30d7\u30ed\u30f3\u30d7\u30c8:<\/h4>\n <pre id=\"ai-output\" class=\"text-sm text-slate-700 whitespace-pre-wrap bg-slate-100 p-3 rounded-md mt-2\"><\/pre>\n <button id=\"copy-btn\" class=\"mt-2 bg-gray-200 text-slate-800 text-sm py-1 px-3 rounded-md hover:bg-gray-300\">\u30b3\u30d4\u30fc<\/button>\n <\/div>\n <\/div>\n <div id=\"tab3\" class=\"tab-content hidden\">\n <h3 class=\"text-xl font-bold text-slate-800 mb-2\">\u3042\u306a\u305f\u306e\u300c\u6210\u529f\u300d\u3092\u518d\u5b9a\u7fa9\u3059\u308b<\/h3>\n <p class=\"text-slate-600 mb-4\">\u3053\u308c\u304b\u3089\u306e\u30ad\u30e3\u30ea\u30a2\u3067\u4f55\u3092\u5927\u5207\u306b\u3057\u305f\u3044\u3067\u3059\u304b\uff1f\u904e\u53bb\u306e\u5e74\u53ce\u3084\u5f79\u8077\u306b\u7e1b\u3089\u308c\u305a\u3001\u67d4\u8edf\u306a\u8996\u70b9\u3067\u3042\u306a\u305f\u306e\u53ef\u80fd\u6027\u3092\u5e83\u3052\u307e\u3057\u3087\u3046\u3002<\/p>\n <div id=\"sliders-container\" class=\"space-y-3\">\n <div class=\"flex items-center justify-between\"><span class=\"text-slate-700\">\u53ce\u5165\u30fb\u5f85\u9047<\/span><input type=\"range\" class=\"w-1\/2\" min=\"0\" max=\"100\" value=\"50\"><\/div>\n <div class=\"flex items-center justify-between\"><span class=\"text-slate-700\">\u30ef\u30fc\u30af\u30e9\u30a4\u30d5\u30d0\u30e9\u30f3\u30b9<\/span><input type=\"range\" class=\"w-1\/2\" min=\"0\" max=\"100\" value=\"50\"><\/div>\n <div class=\"flex items-center justify-between\"><span class=\"text-slate-700\">\u793e\u4f1a\u8ca2\u732e\u30fb\u3084\u308a\u304c\u3044<\/span><input type=\"range\" class=\"w-1\/2\" min=\"0\" max=\"100\" value=\"50\"><\/div>\n <div class=\"flex items-center justify-between\"><span class=\"text-slate-700\">\u8da3\u5473\u3068\u306e\u4e21\u7acb<\/span><input type=\"range\" class=\"w-1\/2\" min=\"0\" max=\"100\" value=\"50\"><\/div>\n <div class=\"flex items-center justify-between\"><span class=\"text-slate-700\">\u30b9\u30ad\u30eb\u306e\u6d3b\u7528<\/span><input type=\"range\" class=\"w-1\/2\" min=\"0\" max=\"100\" value=\"50\"><\/div>\n <\/div>\n <div class=\"mt-8\">\n <h4 class=\"text-lg font-bold text-center text-slate-800 mb-4\">\u3042\u306a\u305f\u306e\u512a\u5148\u5ea6\u30d0\u30e9\u30f3\u30b9<\/h4>\n <div class=\"chart-container\" style=\"height: 350px; max-height: 400px;\">\n <canvas id=\"prioritiesRadarChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"section3\" class=\"py-12 scroll-mt-20\">\n <div class=\"mb-12\">\n <h2 class=\"text-3xl font-bold text-slate-900 text-center\">3. \u4ed5\u4e8b\u63a2\u3057\u306e\u6226\u7565\u3092\u7acb\u3066\u308b<\/h2>\n <p class=\"mt-3 text-lg text-slate-600 max-w-2xl mx-auto text-left\">\u81ea\u5df1\u5206\u6790\u304c\u3067\u304d\u305f\u3089\u3001\u6b21\u306f\u884c\u52d5\u3067\u3059\u3002\u8907\u6570\u306e\u30c1\u30e3\u30cd\u30eb\u3092\u6226\u7565\u7684\u306b\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u304c\u6210\u529f\u306e\u9375\u3002\u3042\u306a\u305f\u306e\u76ee\u7684\u306b\u5408\u3063\u305f\u6700\u9069\u306a\u65b9\u6cd5\u3092\u898b\u3064\u3051\u307e\u3057\u3087\u3046\u3002<\/p>\n <\/div>\n <div class=\"flex justify-center space-x-2 md:space-x-4 mb-8 bg-slate-100 p-2 rounded-full\">\n <button data-filter=\"all\" class=\"strategy-filter active bg-white text-teal-700 shadow py-2 px-4 rounded-full font-semibold\">\u3059\u3079\u3066<\/button>\n <button data-filter=\"career\" class=\"strategy-filter text-slate-600 py-2 px-4 rounded-full font-semibold\">\u672c\u683c\u7684\u306a\u30ad\u30e3\u30ea\u30a2<\/button>\n <button data-filter=\"local\" class=\"strategy-filter text-slate-600 py-2 px-4 rounded-full font-semibold\">\u5730\u5143\u306e\u4ed5\u4e8b<\/button>\n <button data-filter=\"flexible\" class=\"strategy-filter text-slate-600 py-2 px-4 rounded-full font-semibold\">\u67d4\u8edf\u306a\u50cd\u304d\u65b9<\/button>\n <\/div>\n <div id=\"strategy-grid\" class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-8\">\n <div class=\"strategy-card bg-white p-6 rounded-lg shadow-md border-2 border-transparent transition-all duration-300\" data-tags='[\"career\", \"local\"]'>\n <h3 class=\"text-xl font-bold text-slate-800\">\u8ee2\u8077\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8<\/h3>\n <p class=\"mt-2 text-slate-600\">\u975e\u516c\u958b\u6c42\u4eba\u3078\u306e\u30a2\u30af\u30bb\u30b9\u3084\u5c02\u9580\u7684\u306a\u30b5\u30dd\u30fc\u30c8\u304c\u9b45\u529b\u3002\u30cf\u30a4\u30af\u30e9\u30b9\u3084\u5c02\u9580\u8077\u306b\u5f37\u307f\u3002<\/p>\n <\/div>\n <div class=\"strategy-card bg-white p-6 rounded-lg shadow-md border-2 border-transparent transition-all duration-300\" data-tags='[\"local\"]'>\n <h3 class=\"text-xl font-bold text-slate-800\">\u30cf\u30ed\u30fc\u30ef\u30fc\u30af<\/h3>\n <p class=\"mt-2 text-slate-600\">\u5730\u57df\u306b\u6839\u5dee\u3057\u305f\u6c42\u4eba\u304c\u8c4a\u5bcc\u3002\u7121\u6599\u30bb\u30df\u30ca\u30fc\u306a\u3069\u30b5\u30dd\u30fc\u30c8\u3082\u5145\u5b9f\u3002<\/p>\n <\/div>\n <div class=\"strategy-card bg-white p-6 rounded-lg shadow-md border-2 border-transparent transition-all duration-300\" data-tags='[\"flexible\", \"local\"]'>\n <h3 class=\"text-xl font-bold text-slate-800\">\u30b7\u30eb\u30d0\u30fc\u4eba\u6750\u30bb\u30f3\u30bf\u30fc<\/h3>\n <p class=\"mt-2 text-slate-600\">\u793e\u4f1a\u53c2\u52a0\u3084\u751f\u304d\u304c\u3044\u3092\u91cd\u8996\u3002\u81e8\u6642\u7684\u30fb\u77ed\u671f\u7684\u306a\u4ed5\u4e8b\u304c\u4e2d\u5fc3\u3002<\/p>\n <\/div>\n <div class=\"strategy-card bg-white p-6 rounded-lg shadow-md border-2 border-transparent transition-all duration-300\" data-tags='[\"career\"]'>\n <h3 class=\"text-xl font-bold text-slate-800\">\u30ea\u30d5\u30a1\u30e9\u30eb\uff08\u4eba\u8108\uff09<\/h3>\n <p class=\"mt-2 text-slate-600\">\u6700\u3082\u52b9\u679c\u7684\u306a\u65b9\u6cd5\u306e\u4e00\u3064\u3002\u4fe1\u983c\u304c\u5f37\u529b\u306a\u63a8\u85a6\u72b6\u306b\u306a\u308b\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"section4\" class=\"py-12 scroll-mt-20\">\n <div class=\"mb-12\">\n <h2 class=\"text-3xl font-bold text-slate-900 text-center\">4. \u9078\u8003\u3092\u7a81\u7834\u3059\u308b\u6280\u8853<\/h2>\n <p class=\"mt-3 text-lg text-slate-600 max-w-2xl mx-auto text-left\">\u3042\u306a\u305f\u306e\u7d4c\u9a13\u306f\u6700\u5927\u306e\u6b66\u5668\u3067\u3059\u3002\u305d\u306e\u4fa1\u5024\u3092\u7684\u78ba\u306b\u4f1d\u3048\u3001\u63a1\u7528\u62c5\u5f53\u8005\u306e\u300c\u8a00\u8449\u306b\u3055\u308c\u306a\u3044\u61f8\u5ff5\u300d\u306b\u5148\u56de\u308a\u3057\u3066\u7b54\u3048\u308b\u6e96\u5099\u3092\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n <\/div>\n <div class=\"grid md:grid-cols-2 gap-8\">\n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <h3 class=\"text-xl font-bold text-slate-800 mb-4\">\u7d4c\u9a13\u3092\u6b66\u5668\u306b\u3059\u308b\u8077\u52d9\u7d4c\u6b74\u66f8<\/h3>\n <div class=\"space-y-4\">\n <div>\n <h4 class=\"font-semibold text-slate-700\">Before (\u696d\u52d9\u5185\u5bb9\u306e\u7f85\u5217)<\/h4>\n <p class=\"text-sm text-slate-500 p-3 bg-slate-50 rounded-md mt-1\">\u55b6\u696d\u90e8\u9577\u3068\u3057\u3066\u30c1\u30fc\u30e0\u3092\u307e\u3068\u3081\u3001\u58f2\u4e0a\u5411\u4e0a\u306b\u8ca2\u732e\u3057\u305f\u3002<\/p>\n <\/div>\n <div>\n <h4 class=\"font-semibold text-teal-700\">After (\u5b9a\u91cf\u7684\u306a\u5b9f\u7e3e)<\/h4>\n <p class=\"text-sm text-slate-800 p-3 bg-teal-50 rounded-md mt-1\">\u55b6\u696d\u90e8\u9577\uff08\u90e8\u4e0b10\u540d\uff09\u3068\u3057\u3066\u3001\u65b0\u305f\u306a\u8a55\u4fa1\u5236\u5ea6\u3092\u5c0e\u5165\u3057\u3001\u30c1\u30fc\u30e0\u306e\u751f\u7523\u6027\u309215%\u5411\u4e0a\u3002\u7d50\u679c\u3001\u5e74\u9593\u58f2\u4e0a\u76ee\u6a19\u3092120%\u9054\u6210\u3057\u305f\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <h3 class=\"text-xl font-bold text-slate-800 mb-4\">\u9762\u63a5\u306e\u96e3\u554f\u30b7\u30df\u30e5\u30ec\u30fc\u30bf\u30fc<\/h3>\n <div class=\"space-y-3\" id=\"faq-container\">\n <div class=\"faq-item border-b border-slate-200 pb-2\">\n <button class=\"faq-question w-full text-left font-semibold text-slate-700 flex justify-between items-center\">\n <span>\u5e74\u4e0b\u306e\u4e0a\u53f8\u306e\u4e0b\u3067\u50cd\u3051\u307e\u3059\u304b\uff1f<\/span>\n <span class=\"transform transition-transform duration-300 text-teal-600 text-xl\">+<\/span>\n <\/button>\n <div class=\"faq-answer hidden mt-2 text-slate-600 text-sm\">\n <p><strong class=\"text-slate-800\">\u610f\u56f3:<\/strong> \u30d7\u30e9\u30a4\u30c9\u304c\u9ad8\u304f\u3001\u6271\u3044\u306b\u304f\u3044\u4eba\u6750\u3067\u306f\u306a\u3044\u304b\u3092\u78ba\u8a8d\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <p class=\"mt-1\"><strong class=\"text-teal-700\">\u56de\u7b54\u306e\u9aa8\u5b50:<\/strong> \u5e74\u9f62\u3067\u306f\u306a\u304f\u300c\u5f79\u5272\u300d\u3092\u5c0a\u91cd\u3059\u308b\u59ff\u52e2\u3092\u793a\u3059\u3002\u300c\u4e0a\u53f8\u306e\u65b0\u3057\u3044\u8996\u70b9\u300d\u3068\u300c\u81ea\u5206\u306e\u7d4c\u9a13\u300d\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u3067\u76f8\u4e57\u52b9\u679c\u304c\u751f\u307e\u308c\u308b\u3068\u524d\u5411\u304d\u306b\u4f1d\u3048\u308b\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"faq-item border-b border-slate-200 pb-2\">\n <button class=\"faq-question w-full text-left font-semibold text-slate-700 flex justify-between items-center\">\n <span>\u5065\u5eb7\u9762\u3067\u306e\u61f8\u5ff5\u306f\u3042\u308a\u307e\u3059\u304b\uff1f<\/span>\n <span class=\"transform transition-transform duration-300 text-teal-600 text-xl\">+<\/span>\n <\/button>\n <div class=\"faq-answer hidden mt-2 text-slate-600 text-sm\">\n <p><strong class=\"text-slate-800\">\u610f\u56f3:<\/strong> \u5b89\u5b9a\u3057\u3066\u9577\u304f\u52e4\u52d9\u3067\u304d\u308b\u304b\u3001\u4fe1\u983c\u6027\u3092\u78ba\u8a8d\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <p class=\"mt-1\"><strong class=\"text-teal-700\">\u56de\u7b54\u306e\u9aa8\u5b50:<\/strong> \u5065\u5eb7\u7ba1\u7406\u3078\u306e\u5177\u4f53\u7684\u306a\u53d6\u308a\u7d44\u307f\uff08\u7fd2\u6163\u306a\u3069\uff09\u3092\u4f1d\u3048\u3001\u81ea\u5df1\u7ba1\u7406\u80fd\u529b\u3082\u30d7\u30ed\u306e\u30b9\u30ad\u30eb\u3067\u3042\u308b\u3068\u30a2\u30d4\u30fc\u30eb\u3059\u308b\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"faq-item\">\n <button class=\"faq-question w-full text-left font-semibold text-slate-700 flex justify-between items-center\">\n <span>\u306a\u305c\u4eca\u3001\u8ee2\u8077\u3092\uff1f<\/span>\n <span class=\"transform transition-transform duration-300 text-teal-600 text-xl\">+<\/span>\n <\/button>\n <div class=\"faq-answer hidden mt-2 text-slate-600 text-sm\">\n <p><strong class=\"text-slate-800\">\u610f\u56f3:<\/strong> \u524d\u5411\u304d\u306a\u8ee2\u8077\u304b\u3001\u5f8c\u308d\u5411\u304d\u306a\u9000\u8077\u304b\u3092\u898b\u6975\u3081\u3066\u3044\u307e\u3059\u3002<\/p>\n <p class=\"mt-1\"><strong class=\"text-teal-700\">\u56de\u7b54\u306e\u9aa8\u5b50:<\/strong> \u5f79\u8077\u5b9a\u5e74\u306a\u3069\u306e\u7bc0\u76ee\u3092\u300c\u65b0\u305f\u306a\u6311\u6226\u306e\u6a5f\u4f1a\u300d\u3068\u30dd\u30b8\u30c6\u30a3\u30d6\u306b\u6349\u3048\u3066\u3044\u308b\u3053\u3068\u3092\u5f37\u8abf\u3002\u524d\u8077\u3078\u306e\u4e0d\u6e80\u3067\u306f\u306a\u304f\u3001\u672a\u6765\u3078\u306e\u610f\u6b32\u3092\u8a9e\u308b\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n \n <section class=\"py-12 bg-white\">\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n <h3 class=\"text-2xl font-bold text-slate-800\">\u30bb\u30ab\u30f3\u30c9\u30e9\u30a4\u30d5\u306b\u3064\u3044\u3066\u8003\u3048\u3066\u307f\u307e\u305b\u3093\u304b\uff1f<\/h3>\n <p class=\"mt-4 text-lg text-slate-600\">\u3042\u306a\u305f\u306e\u3053\u308c\u304b\u3089\u306e\u4eba\u751f\u8a2d\u8a08\u306b\u3064\u3044\u3066\u3001\u3088\u308a\u6df1\u304f\u8003\u3048\u3066\u307f\u308b\u305f\u3081\u306e\u60c5\u5831\u306f\u3053\u3061\u3089\u304b\u3089\u3002<\/p>\n <a href=\"https:\/\/sognoplanning.com\/?page_id=2668\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mt-6 inline-block text-teal-600 font-semibold hover:text-teal-800 transition-colors\">\n \u4eba\u751f100\u5e74\u6642\u4ee3\u3042\u306a\u305f\u306e\u30bb\u30ab\u30f3\u30c9\u30e9\u30a4\u30d5\u3001\u3042\u3068\u4f55\u5e74\u7d9a\u304f\u304b\u3054\u5b58\u77e5\u3067\u3059\u304b\uff1f →\n <\/a>\n <\/div>\n <\/section>\n\n \n <section id=\"solution\" class=\"py-16 bg-soft-blue\">\n <div class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n <h2 class=\"section-title\">\u672a\u6765\u306e\u5730\u56f3\u3092\u3001<br class=\"sm:hidden\">\u4e00\u7dd2\u306b\u63cf\u304d\u307e\u305b\u3093\u304b\uff1f<\/h2>\n <p class=\"section-subtitle\">\n \u300c\u4f55\u304b\u3089\u59cb\u3081\u308c\u3070\u2026\u300d\u305d\u3093\u306a\u3042\u306a\u305f\u306e\u305f\u3081\u306e\u30b5\u30fc\u30d3\u30b9\u304c\u3001\u30bd\u30fc\u30cb\u30e7\u30d7\u30e9\u30f3\u30cb\u30f3\u30b0\u306e\u300c\u30b7\u30cb\u30a2\u5411\u3051\u7121\u6599\u76f8\u8ac7\u300d\u3067\u3059\u3002\u3053\u308c\u306f\u3001\u3042\u306a\u305f\u306e\u73fe\u72b6\u3092\u5ba2\u89b3\u7684\u306b\u53ef\u8996\u5316\u3059\u308b\u300c\u8001\u5f8c\u306e\u5065\u5eb7\u8a3a\u65ad\u300d\u3067\u3059\u3002\n <\/p>\n <div class=\"mt-12 max-w-4xl mx-auto bg-white p-8 md:p-12 rounded-2xl shadow-lg border border-gray-200\">\n <h3 class=\"text-2xl font-bold text-deep-gray\">\u7121\u6599\u76f8\u8ac7\u306e3\u30b9\u30c6\u30c3\u30d7<\/h3>\n <div class=\"mt-8 grid grid-cols-1 md:grid-cols-3 gap-8 text-left relative\">\n <div class=\"absolute top-1\/2 left-0 w-full h-0.5 bg-gray-200 hidden md:block\"><\/div>\n <div class=\"absolute top-8 left-1\/3 w-0.5 h-full bg-gray-200 hidden md:block transform -translate-x-1\/2\"><\/div>\n <div class=\"absolute top-8 right-1\/3 w-0.5 h-full bg-gray-200 hidden md:block transform translate-x-1\/2\"><\/div>\n\n <div class=\"relative flex flex-col items-center text-center\">\n <div class=\"w-16 h-16 rounded-full bg-accent-blue text-white flex items-center justify-center text-2xl font-bold z-10\">1<\/div>\n <h4 class=\"text-lg font-bold mt-4\">\u3054\u6e96\u5099\u30fb\u304a\u8a71<\/h4>\n <p class=\"mt-2 text-sm text-gray-600\">\u300c\u306d\u3093\u304d\u3093\u5b9a\u671f\u4fbf\u300d\u3068\u7c21\u5358\u306a\u8cc7\u7523\u72b6\u6cc1\u3092\u3054\u6e96\u5099\u3044\u305f\u3060\u304d\u3001\u3042\u306a\u305f\u306e\u7406\u60f3\u306e\u30e9\u30a4\u30d5\u30d7\u30e9\u30f3\u3092\u304a\u805e\u304b\u305b\u304f\u3060\u3055\u3044\u3002<\/p>\n <\/div>\n <div class=\"relative flex flex-col items-center text-center\">\n <div class=\"w-16 h-16 rounded-full bg-accent-blue text-white flex items-center justify-center text-2xl font-bold z-10\">2<\/div>\n <h4 class=\"text-lg font-bold mt-4\">\u73fe\u72b6\u306e\u5206\u6790\u3068\u53ef\u8996\u5316<\/h4>\n <p class=\"mt-2 text-sm text-gray-600\">\u5c02\u9580\u5bb6\u304c\u3042\u306a\u305f\u306e\u30ad\u30e3\u30ea\u30a2\u3068\u30de\u30cd\u30fc\u306e\u72b6\u6cc1\u3092\u5206\u6790\u3002\u5ba2\u89b3\u7684\u306a\u30c7\u30fc\u30bf\u306b\u57fa\u3065\u304d\u73fe\u72b6\u3092\u6574\u7406\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"relative flex flex-col items-center text-center\">\n <div class=\"w-16 h-16 rounded-full bg-accent-blue text-white flex items-center justify-center text-2xl font-bold z-10\">3<\/div>\n <h4 class=\"text-lg font-bold mt-4\">\u63d0\u6848\u66f8\u306e\u304a\u6e21\u3057<\/h4>\n <p class=\"mt-2 text-sm text-gray-600\">\u3042\u306a\u305f\u304c\u4eca\u78ba\u8a8d\u3059\u3079\u304d\u9805\u76ee\u3092\u307e\u3068\u3081\u305f\u300c\u30e9\u30a4\u30d5\u30d7\u30e9\u30f3\u63d0\u6848\u66f8\u300d\u3092\u3054\u63d0\u793a\u3002\u4eca\u5f8c\u306e\u6307\u91dd\u304c\u660e\u78ba\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <p class=\"mt-8 text-gray-600\">\u7121\u7406\u306a\u52e7\u8a98\u306f\u4e00\u5207\u3042\u308a\u307e\u305b\u3093\u3002\u63d0\u6848\u66f8\u3092\u3082\u3068\u306b\u3054\u81ea\u8eab\u3067\u691c\u8a0e\u3092\u9032\u3081\u3066\u3044\u305f\u3060\u304f\u3053\u3068\u3082\u53ef\u80fd\u3067\u3059\u306e\u3067\u3001\u5b89\u5fc3\u3057\u3066\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"cta\" class=\"py-20\">\n <div class=\"max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center bg-white p-10 rounded-3xl shadow-xl border border-gray-200\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-deep-gray\">\u3055\u3042\u3001\u5b89\u5fc3\u3067\u8c4a\u304b\u306a\u672a\u6765\u3078\u306e<br>\u7b2c\u4e00\u6b69\u3092\u8e0f\u307f\u51fa\u3057\u307e\u3057\u3087\u3046\u3002<\/h2>\n <p class=\"mt-4 text-lg text-gray-600 leading-relaxed\">\n \u9078\u629e\u80a2\u304c\u591a\u304f\u3001\u307e\u3060\u8ecc\u9053\u4fee\u6b63\u304c\u53ef\u80fd\u306a\u300c\u4eca\u300d\u3060\u304b\u3089\u3053\u305d<br>\n \u73fe\u72b6\u3092\u628a\u63e1\u3059\u308b\u3053\u3068\u304c\u4f55\u3088\u308a\u3082\u5927\u5207\u3067\u3059\u3002\n <\/p>\n <a href=\"https:\/\/forms.gle\/qx3QJ9YModFCuiQT8\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mt-8 inline-block btn-primary px-10 py-4 rounded-full font-bold text-lg shadow-lg transform hover:scale-105\">\n \u30b7\u30cb\u30a2\u5411\u3051\u7121\u6599\u76f8\u8ac7\u306b\u7533\u8fbc\u3080\n <\/a>\n <p class=\"mt-4 text-sm text-gray-500\">\u304a\u7533\u3057\u8fbc\u307f\u306fGoogle\u30d5\u30a9\u30fc\u30e0\u306b\u3066\u53d7\u3051\u4ed8\u3051\u3066\u304a\u308a\u307e\u3059\u3002<\/p>\n <\/div>\n <\/section>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Chart.js implementation\n const ctx = document.getElementById('seniorEmploymentChart').getContext('2d');\n const seniorEmploymentChart = new Chart(ctx, {\n type: 'bar',\n data: {\n labels: ['66\u6b73\u4ee5\u4e0a\u3067\u3082\u50cd\u3051\u308b\u5236\u5ea6\u304c\u3042\u308b\u4f01\u696d', '70\u6b73\u4ee5\u4e0a\u3067\u3082\u50cd\u3051\u308b\u5236\u5ea6\u304c\u3042\u308b\u4f01\u696d'],\n datasets: [{\n label: '\u5272\u5408 (%)',\n data: [43.3, 41.6],\n backgroundColor: [\n 'rgba(13, 148, 136, 0.6)',\n 'rgba(15, 118, 110, 0.6)'\n ],\n borderColor: [\n 'rgba(13, 148, 136, 1)',\n 'rgba(15, 118, 110, 1)'\n ],\n borderWidth: 1\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n indexAxis: 'y',\n scales: {\n x: {\n beginAtZero: true,\n max: 50,\n ticks: {\n callback: function(value) {\n return value + '%'\n }\n }\n }\n },\n plugins: {\n legend: {\n display: false\n },\n tooltip: {\n callbacks: {\n label: function(context) {\n return context.dataset.label + ': ' + context.raw + '%';\n }\n }\n }\n }\n }\n });\n\n \/\/ Tab functionality\n const tabButtons = document.querySelectorAll('.tab-button');\n const tabContents = document.querySelectorAll('.tab-content');\n let prioritiesChart;\n\n tabButtons.forEach(button => {\n button.addEventListener('click', () => {\n tabButtons.forEach(btn => btn.classList.remove('active'));\n button.classList.add('active');\n const tabId = button.getAttribute('data-tab');\n tabContents.forEach(content => {\n if (content.id === tabId) {\n content.classList.remove('hidden');\n } else {\n content.classList.add('hidden');\n }\n });\n if (tabId === 'tab3' && !prioritiesChart) {\n initRadarChart();\n }\n });\n });\n\n \/\/ AI Coach functionality\n const aiInput = document.getElementById('ai-input');\n const prompt1Btn = document.getElementById('prompt1-btn');\n const prompt2Btn = document.getElementById('prompt2-btn');\n const aiOutputContainer = document.getElementById('ai-output-container');\n const aiOutput = document.getElementById('ai-output');\n const copyBtn = document.getElementById('copy-btn');\n\n prompt1Btn.addEventListener('click', () => generatePrompt(1));\n prompt2Btn.addEventListener('click', () => generatePrompt(2));\n \n function generatePrompt(type) {\n const userText = aiInput.value.trim();\n if (!userText) {\n alert('\u307e\u305a\u3001\u8077\u52d9\u7d4c\u6b74\u306e\u8981\u7d04\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002');\n return;\n }\n let promptText = '';\n if (type === 1) {\n promptText = `\u3042\u306a\u305f\u306f\u7d4c\u9a13\u8c4a\u5bcc\u306a\u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u3067\u3059\u3002\u79c1\u304c\u3053\u308c\u307e\u3067\u306e\u30ad\u30e3\u30ea\u30a2\u3092\u68da\u5378\u3057\u3001\u81ea\u5206\u3067\u306f\u6c17\u3065\u3044\u3066\u3044\u306a\u3044\u5f37\u307f\u3084\u30dd\u30fc\u30bf\u30d6\u30eb\u30b9\u30ad\u30eb\u3092\u767a\u898b\u3059\u308b\u306e\u3092\u624b\u4f1d\u3063\u3066\u304f\u3060\u3055\u3044\u3002\u4ee5\u4e0b\u306e\u79c1\u306e\u7d4c\u6b74\u3092\u5206\u6790\u3057\u3001(1)\u7279\u7b46\u3059\u3079\u304d\u5c02\u9580\u30b9\u30ad\u30eb\u3001(2)\u7ba1\u7406\u8077\u307e\u305f\u306f\u30ea\u30fc\u30c0\u30fc\u3068\u3057\u3066\u306e\u8cc7\u8cea\u3001(3)\u7570\u696d\u7a2e\u3067\u3082\u901a\u7528\u3059\u308b\u30dd\u30fc\u30bf\u30d6\u30eb\u30b9\u30ad\u30eb\u3001\u306e3\u3064\u306e\u30ab\u30c6\u30b4\u30ea\u3067\u79c1\u306e\u5f37\u307f\u3092\u30ea\u30b9\u30c8\u30a2\u30c3\u30d7\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u307e\u305f\u3001\u305d\u308c\u305e\u308c\u306e\u5f37\u307f\u304c\u3069\u306e\u3088\u3046\u306a\u8077\u52d9\u3084\u696d\u754c\u3067\u6d3b\u304b\u305b\u308b\u304b\u3001\u5177\u4f53\u7684\u306a\u4f8b\u30923\u3064\u305a\u3064\u6319\u3052\u3066\u304f\u3060\u3055\u3044\u3002\\n\\n\u79c1\u306e\u7d4c\u6b74\uff1a\\n${userText}`;\n } else {\n promptText = `\u3042\u306a\u305f\u306f\u30d7\u30ed\u306e\u30b3\u30d4\u30fc\u30e9\u30a4\u30bf\u30fc\u3067\u3059\u3002\u4ee5\u4e0b\u306e\u79c1\u306e\u696d\u52d9\u7d4c\u9a13\u3068\u5b9f\u7e3e\u3092\u3001\u8077\u52d9\u7d4c\u6b74\u66f8\u3067\u30a2\u30d4\u30fc\u30eb\u3067\u304d\u308b\u3088\u3046\u306b\u3001\u3088\u308a\u5177\u4f53\u7684\u3067\u30a4\u30f3\u30d1\u30af\u30c8\u306e\u3042\u308b\u8868\u73fe\u306b\u66f8\u304d\u63db\u3048\u3066\u304f\u3060\u3055\u3044\u3002\u7279\u306b\u3001\u6570\u5b57\u3092\u4f7f\u3063\u3066\u6210\u679c\u3092\u5b9a\u91cf\u7684\u306b\u793a\u3059\u3053\u3068\u3092\u91cd\u8996\u3057\u3066\u304f\u3060\u3055\u3044\u3002\\n\\n\u5143\u306e\u6587\u7ae0\uff1a\\n${userText}`;\n }\n aiOutput.textContent = promptText;\n aiOutputContainer.classList.remove('hidden');\n }\n\n copyBtn.addEventListener('click', () => {\n const textToCopy = aiOutput.textContent;\n const tempTextArea = document.createElement('textarea');\n tempTextArea.value = textToCopy;\n document.body.appendChild(tempTextArea);\n tempTextArea.select();\n try {\n document.execCommand('copy');\n copyBtn.textContent = '\u30b3\u30d4\u30fc\u3057\u307e\u3057\u305f\uff01';\n setTimeout(() => { copyBtn.textContent = '\u30b3\u30d4\u30fc'; }, 2000);\n } catch (err) {\n console.error('\u30b3\u30d4\u30fc\u306b\u5931\u6557\u3057\u307e\u3057\u305f', err);\n }\n document.body.removeChild(tempTextArea);\n });\n\n \/\/ Strategy filter functionality\n const filterButtons = document.querySelectorAll('.strategy-filter');\n const strategyCards = document.querySelectorAll('.strategy-card');\n filterButtons.forEach(button => {\n button.addEventListener('click', () => {\n filterButtons.forEach(btn => btn.classList.remove('active', 'bg-white', 'text-teal-700', 'shadow'));\n button.classList.add('active', 'bg-white', 'text-teal-700', 'shadow');\n const filter = button.dataset.filter;\n strategyCards.forEach(card => {\n const tags = JSON.parse(card.dataset.tags);\n if (filter === 'all' || tags.includes(filter)) {\n card.classList.remove('hidden');\n card.classList.add('highlight');\n } else {\n card.classList.add('hidden');\n card.classList.remove('highlight');\n }\n });\n setTimeout(() => {\n strategyCards.forEach(card => card.classList.remove('highlight'));\n }, 500);\n });\n });\n\n \/\/ FAQ accordion functionality\n const faqItems = document.querySelectorAll('.faq-item');\n faqItems.forEach(item => {\n const question = item.querySelector('.faq-question');\n const answer = item.querySelector('.faq-answer');\n const icon = question.querySelector('span:last-child');\n question.addEventListener('click', () => {\n const isVisible = !answer.classList.contains('hidden');\n answer.classList.toggle('hidden');\n icon.textContent = isVisible ? '+' : '-';\n icon.classList.toggle('rotate-45', !isVisible);\n });\n });\n \n \/\/ Radar Chart for Priorities\n const sliders = document.querySelectorAll('#sliders-container input[type=\"range\"]');\n \n function getSliderValues() {\n return Array.from(sliders).map(slider => slider.value);\n }\n\n function initRadarChart() {\n const radarCtx = document.getElementById('prioritiesRadarChart').getContext('2d');\n prioritiesChart = new Chart(radarCtx, {\n type: 'radar',\n data: {\n labels: ['\u53ce\u5165\u30fb\u5f85\u9047', '\u30ef\u30fc\u30af\u30e9\u30a4\u30d5\u30d0\u30e9\u30f3\u30b9', '\u793e\u4f1a\u8ca2\u732e\u30fb\u3084\u308a\u304c\u3044', '\u8da3\u5473\u3068\u306e\u4e21\u7acb', '\u30b9\u30ad\u30eb\u306e\u6d3b\u7528'],\n datasets: [{\n label: '\u512a\u5148\u5ea6',\n data: getSliderValues(),\n backgroundColor: 'rgba(13, 148, 136, 0.2)',\n borderColor: 'rgba(13, 148, 136, 1)',\n borderWidth: 2,\n pointBackgroundColor: 'rgba(13, 148, 136, 1)',\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n r: {\n beginAtZero: true,\n max: 100,\n pointLabels: {\n font: {\n size: 12\n }\n },\n ticks: {\n stepSize: 25\n }\n }\n },\n plugins: {\n legend: {\n display: false\n }\n }\n }\n });\n }\n\n sliders.forEach(slider => {\n slider.addEventListener('input', () => {\n if (prioritiesChart) {\n prioritiesChart.data.datasets[0].data = getSliderValues();\n prioritiesChart.update();\n }\n });\n });\n\n\n \/\/ Smooth scrolling and active nav link\n const navLinks = document.querySelectorAll('.nav-link');\n const sections = document.querySelectorAll('section[id]');\n \n function updateActiveLink() {\n let index = sections.length;\n while(--index && window.scrollY + 100 < sections[index].offsetTop) {}\n \n navLinks.forEach((link) => link.classList.remove('active'));\n if (index >= 0 && navLinks[index]) {\n navLinks[index].classList.add('active');\n }\n }\n\n navLinks.forEach(link => {\n link.addEventListener('click', function(e) {\n e.preventDefault();\n const targetId = this.getAttribute('href');\n const targetElement = document.querySelector(targetId);\n if (targetElement) {\n targetElement.scrollIntoView({ behavior: 'smooth' });\n }\n });\n });\n\n window.addEventListener('scroll', updateActiveLink);\n updateActiveLink();\n });\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u6210\u529f\u3078\u306e\u65b0\u305f\u306a\u8a2d\u8a08\u56f3\uff1a55\u6b73\u304b\u3089\u306e\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u30fb\u30b8\u30e7\u30d6\u30ac\u30a4\u30c9 55\u6b73\u304b\u3089\u306e\u4ed5\u4e8b\u63a2\u3057\u30ac\u30a4\u30c9 \u5e02\u5834\u3092\u7406\u89e3\u3059\u308b \u4fa1\u5024\u3092\u767a\u898b\u3059\u308b \u6226\u7565\u3092\u7acb\u3066\u308b \u9078\u8003\u3092\u7a81\u7834\u3059\u308b \u305d\u308c\u306f\u7d42\u308f\u308a\u3067\u306f\u306a\u304f\u3001\u65b0\u305f\u306a\u59cb\u307e\u308a 55\u6b73\u304b\u3089\u306e\u30ad\u30e3\u30ea\u30a2\u306f\u3001\u4e0d\u5b89…<\/p>\n","protected":false},"author":1,"featured_media":2782,"comment_status":"closed","ping_status":"open","sticky":false,"template":"single-full.php","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-2778","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-uncategorized","8":"article"},"_links":{"self":[{"href":"https:\/\/sognoplanning.com\/index.php?rest_route=\/wp\/v2\/posts\/2778","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sognoplanning.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sognoplanning.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sognoplanning.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2778"}],"version-history":[{"count":5,"href":"https:\/\/sognoplanning.com\/index.php?rest_route=\/wp\/v2\/posts\/2778\/revisions"}],"predecessor-version":[{"id":2785,"href":"https:\/\/sognoplanning.com\/index.php?rest_route=\/wp\/v2\/posts\/2778\/revisions\/2785"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sognoplanning.com\/index.php?rest_route=\/wp\/v2\/media\/2782"}],"wp:attachment":[{"href":"https:\/\/sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2778"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2778"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2778"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}