{"id":9,"date":"2024-03-31T21:37:41","date_gmt":"2024-03-31T12:37:41","guid":{"rendered":"https:\/\/career-c.sognoplanning.com\/?page_id=9"},"modified":"2026-03-31T06:47:06","modified_gmt":"2026-03-30T21:47:06","slug":"%e5%a4%a2%e3%83%ad%e3%83%bc%e3%83%97%e3%83%ac%e7%a0%94%e7%a9%b6%e5%ae%a4%ef%bc%88%e3%82%ad%e3%83%a3%e3%83%aa%e3%82%a2%e3%82%b3%e3%83%b3%e3%82%b5%e3%83%ab%e3%82%bf%e3%83%b3%e3%83%88%e8%b3%87%e6%a0%bc","status":"publish","type":"page","link":"https:\/\/career-c.sognoplanning.com\/","title":{"rendered":"\u300e\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4\u300f\u30aa\u30f3\u30e9\u30a4\u30f3\u3067\u5b66\u3076\u30ad\u30e3\u30ea\u30b3\u30f3\u8a66\u9a13\u5bfe\u7b56\u3068\u5b9f\u52d9\u30b9\u30ad\u30eb\u30a2\u30c3\u30d7"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ja\" class=\"scroll-smooth\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4 | \u990a\u6210\u8b1b\u5ea7\u9078\u3073\u304b\u3089\u5408\u683c\u3001\u4ed5\u4e8b\u307e\u3067\u30d5\u30eb\u30b5\u30dd\u30fc\u30c8<\/title>\n    <!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <!-- Google Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\n    <!-- Lucide Icons -->\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n    <style>\n        body { font-family: 'Noto Sans JP', sans-serif; }\n    <\/style>\n<\/head>\n<body class=\"font-sans text-slate-800 antialiased bg-slate-50\">\n\n    <!-- Header (Changed from fixed to relative to prevent overlay issues) -->\n    <header id=\"header\" class=\"relative w-full z-50 bg-white shadow-sm border-b border-slate-100\">\n        <div class=\"container mx-auto px-6 py-4 flex justify-between items-center\">\n            <div class=\"flex items-center gap-3\">\n                <div class=\"w-10 h-10 bg-blue-800 rounded-lg flex items-center justify-center text-white font-bold text-xl shadow-sm\">\n                    \u5922\n                <\/div>\n                <div>\n                    <h1 class=\"text-lg md:text-xl font-bold tracking-tight text-slate-800 leading-tight\">\n                        \u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4\n                    <\/h1>\n                    <p class=\"text-[10px] text-slate-500 font-bold tracking-widest uppercase\">Career Consultant Labo<\/p>\n                <\/div>\n            <\/div>\n            <!-- Header CTA -->\n            <div class=\"hidden md:flex items-center gap-4\">\n                <a href=\"#selection\" class=\"text-sm font-bold text-slate-600 hover:text-blue-700 transition-colors\">\n                    \u521d\u3081\u3066\u306e\u65b9\u3078\n                <\/a>\n                <a href=\"https:\/\/select-type.com\/member\/reg\/?mi=9S2hvIY0BuM\" class=\"text-sm font-bold bg-orange-500 hover:bg-orange-600 text-white px-6 py-2.5 rounded-full shadow hover:shadow-lg transition-all\">\n                    \u7121\u6599\u4f1a\u54e1\u767b\u9332\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- Hero Section -->\n    <section class=\"relative min-h-[600px] flex flex-col md:flex-row\">\n        \n        <!-- Left: For Beginners -->\n        <div class=\"w-full md:w-1\/2 relative flex items-center justify-center py-20 px-8 border-b md:border-b-0 md:border-r border-slate-200 bg-blue-900\">\n            <!-- Background Image -->\n            <div class=\"absolute inset-0 bg-[url('https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?q=80&w=2070&auto=format&fit=crop')] bg-cover bg-center opacity-20 mix-blend-overlay\"><\/div>\n            <div class=\"absolute inset-0 bg-gradient-to-br from-blue-900\/95 to-slate-900\/90\"><\/div>\n            \n            <div class=\"relative z-10 max-w-md w-full\">\n                <div class=\"inline-flex items-center gap-2 mb-6\">\n                    <span class=\"w-2 h-2 rounded-full bg-blue-400\"><\/span>\n                    <span class=\"text-xs font-bold text-blue-200 tracking-wider\">\u3053\u308c\u304b\u3089\u8cc7\u683c\u3092\u76ee\u6307\u3059\u65b9\u3078<\/span>\n                <\/div>\n                \n                <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-bold text-white mb-6 leading-tight\">\n                    <span class=\"text-blue-300 text-lg md:text-xl font-bold block mb-2\">\u53d7\u8b1b\u659930\u4e07\u5186\u3092\u7121\u99c4\u306b\u3057\u306a\u3044<\/span>\n                    \u5931\u6557\u3057\u306a\u3044<br>\u990a\u6210\u8b1b\u5ea7\u9078\u3073\n                <\/h2>\n                \n                <p class=\"text-blue-100\/90 mb-8 leading-relaxed text-base md:text-lg\">\n                    \u30b9\u30af\u30fc\u30eb\u9078\u3073\u3067\u300c\u5408\u5426\u300d\u306e\u534a\u5206\u306f\u6c7a\u307e\u308a\u307e\u3059\u3002<br>\n                    \u3042\u306a\u305f\u306e\u9069\u6027\u306b\u5408\u3046\u306e\u306fJCDA\uff1f\u5354\u8b70\u4f1a\uff1f<br>\n                    \u4e2d\u7acb\u7684\u306a\u30d7\u30ed\u304c\u6700\u9069\u306a\u5165\u308a\u53e3\u3092\u8a3a\u65ad\u3057\u307e\u3059\u3002\n                <\/p>\n                \n                <a href=\"https:\/\/career-c.sognoplanning.com\/?page_id=3025\" class=\"group flex items-center justify-between w-full p-4 bg-white\/10 hover:bg-white\/20 border border-white\/20 backdrop-blur-sm rounded-xl transition-all cursor-pointer\">\n                    <div class=\"flex items-center gap-4\">\n                        <div class=\"w-10 h-10 bg-blue-500 rounded-full flex items-center justify-center text-white shadow-lg\">\n                            <i data-lucide=\"check-circle\" class=\"w-5 h-5\"><\/i>\n                        <\/div>\n                        <div class=\"text-left\">\n                            <span class=\"block text-xs text-blue-200 font-bold\">First Step<\/span>\n                            <span class=\"block text-white font-bold text-lg\">\u7121\u6599\u9069\u6027\u8a3a\u65ad\u3092\u59cb\u3081\u308b<\/span>\n                        <\/div>\n                    <\/div>\n                    <i data-lucide=\"chevron-right\" class=\"text-white\/70 w-6 h-6 group-hover:translate-x-1 transition-transform\"><\/i>\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <!-- Right: For Learners -->\n        <div class=\"w-full md:w-1\/2 relative flex items-center justify-center py-20 px-8 bg-white\">\n            <!-- Background Decoration -->\n            <div class=\"absolute top-0 right-0 w-full h-full bg-[url('https:\/\/www.transparenttextures.com\/patterns\/cubes.png')] opacity-5\"><\/div>\n            \n            <div class=\"relative z-10 max-w-md w-full\">\n                <div class=\"inline-flex items-center gap-2 mb-6\">\n                    <span class=\"w-2 h-2 rounded-full bg-orange-500\"><\/span>\n                    <span class=\"text-xs font-bold text-orange-600 tracking-wider\">\u73fe\u5728\u5b66\u7fd2\u4e2d\u30fb\u53d7\u9a13\u4e88\u5b9a\u306e\u65b9\u3078<\/span>\n                <\/div>\n                \n                <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-bold text-slate-800 mb-6 leading-tight\">\n                    <span class=\"text-orange-500 text-lg md:text-xl font-bold block mb-2\">\u300c\u306a\u305c\u304b\u53d7\u304b\u3089\u306a\u3044\u300d\u3092\u89e3\u6c7a<\/span>\n                    \u78ba\u5b9f\u306a\u5408\u683c\u3078\u306e<br>\u5b9f\u6280\u8a66\u9a13\u5bfe\u7b56\n                <\/h2>\n                \n                <p class=\"text-slate-600 mb-8 leading-relaxed text-base md:text-lg\">\n                    \u300c\u8074\u3044\u3066\u308b\u3064\u3082\u308a\u300d\u306e\u30ed\u30fc\u30d7\u30ec\u304b\u3089\u8131\u5374\u3002<br>\n                    AI\u5206\u6790\u3068\u5c11\u4eba\u6570\u5236\u9053\u5834\u3067\u300c\u7656\u300d\u3092\u898b\u629c\u304d\u3001<br>\n                    \u63a1\u70b9\u5b98\u304c\u7d0d\u5f97\u3059\u308b\u5408\u683c\u30ec\u30d9\u30eb\u3078\u5c0e\u304d\u307e\u3059\u3002\n                <\/p>\n                \n                <a href=\"#exam-prep\" class=\"group flex items-center justify-between w-full p-4 bg-white border border-slate-200 shadow-md hover:shadow-xl rounded-xl transition-all cursor-pointer\">\n                    <div class=\"flex items-center gap-4\">\n                        <div class=\"w-10 h-10 bg-orange-500 rounded-full flex items-center justify-center text-white shadow-lg\">\n                            <i data-lucide=\"trending-up\" class=\"w-5 h-5\"><\/i>\n                        <\/div>\n                        <div class=\"text-left\">\n                            <span class=\"block text-xs text-orange-500 font-bold\">Next Level<\/span>\n                            <span class=\"block text-slate-800 font-bold text-lg\">\u8a66\u9a13\u5bfe\u7b56\u30e1\u30bd\u30c3\u30c9\u3092\u898b\u308b<\/span>\n                        <\/div>\n                    <\/div>\n                    <i data-lucide=\"chevron-right\" class=\"text-slate-400 w-6 h-6 group-hover:translate-x-1 transition-transform\"><\/i>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Roadmap Section -->\n    <section class=\"py-20 bg-slate-50\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"text-center max-w-3xl mx-auto mb-12\">\n                <h2 class=\"text-2xl md:text-3xl font-bold text-slate-800 mb-4\">\u30d5\u30eb\u30b5\u30dd\u30fc\u30c8\u4f53\u5236<\/h2>\n                <p class=\"text-slate-600\">\u8cc7\u683c\u53d6\u5f97\u306f\u30b4\u30fc\u30eb\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u3042\u306a\u305f\u306e\u30ad\u30e3\u30ea\u30a2\u3092\u30c8\u30fc\u30bf\u30eb\u3067\u8a2d\u8a08\u3057\u307e\u3059\u3002<\/p>\n            <\/div>\n            \n            <div class=\"grid md:grid-cols-3 gap-8 max-w-6xl mx-auto relative\">\n                <!-- Connecting Line (Desktop) -->\n                <div class=\"hidden md:block absolute top-12 left-0 w-full h-0.5 bg-slate-200 z-0\"><\/div>\n\n                <!-- Step 1 -->\n                <div class=\"relative z-10 bg-white p-8 rounded-2xl shadow-sm border border-slate-100\">\n                    <div class=\"w-12 h-12 mx-auto bg-blue-100 text-blue-600 rounded-full flex items-center justify-center font-bold text-xl mb-6 border-4 border-white shadow-sm\">1<\/div>\n                    <h3 class=\"text-lg font-bold text-slate-800 mb-3 text-center\">\u990a\u6210\u8b1b\u5ea7\u9078\u3073<\/h3>\n                    <p class=\"text-sm text-slate-600 leading-relaxed text-center mb-6\">\n                        \u3042\u306a\u305f\u306e\u6027\u683c\u3084\u5fd7\u5411\u306b\u5408\u3063\u305f<br>\u53d7\u9a13\u56e3\u4f53\uff06\u30b9\u30af\u30fc\u30eb\u3092\u9078\u5b9a\n                    <\/p>\n                    <div class=\"text-center\">\n                         <span class=\"inline-block text-xs font-bold text-blue-700 bg-blue-50 px-3 py-1 rounded-full\">\u7121\u6599\u76f8\u8ac7\u30fb\u8a3a\u65ad<\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- Step 2 -->\n                <div class=\"relative z-10 bg-white p-8 rounded-2xl shadow-lg border-t-4 border-orange-500 transform md:-translate-y-4\">\n                    <div class=\"w-12 h-12 mx-auto bg-orange-100 text-orange-600 rounded-full flex items-center justify-center font-bold text-xl mb-6 border-4 border-white shadow-sm\">2<\/div>\n                    <h3 class=\"text-lg font-bold text-slate-800 mb-3 text-center\">\u8a66\u9a13\u5408\u683c\u5bfe\u7b56<\/h3>\n                    <p class=\"text-sm text-slate-600 leading-relaxed text-center mb-6\">\n                        AI\u5206\u6790\u3068\u500b\u5225\u6307\u5c0e\u3067<br>\u4e00\u767a\u5408\u683c\u30fb\u30ea\u30d9\u30f3\u30b8\u9054\u6210\n                    <\/p>\n                    <div class=\"text-center\">\n                         <span class=\"inline-block text-xs font-bold text-orange-700 bg-orange-50 px-3 py-1 rounded-full\">\u30ed\u30fc\u30d7\u30ec\u9053\u5834<\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- Step 3 -->\n                <div class=\"relative z-10 bg-white p-8 rounded-2xl shadow-sm border border-slate-100\">\n                    <div class=\"w-12 h-12 mx-auto bg-green-100 text-green-600 rounded-full flex items-center justify-center font-bold text-xl mb-6 border-4 border-white shadow-sm\">3<\/div>\n                    <h3 class=\"text-lg font-bold text-slate-800 mb-3 text-center\">\u4ed5\u4e8b\u30fb\u30ad\u30e3\u30ea\u30a2<\/h3>\n                    <p class=\"text-sm text-slate-600 leading-relaxed text-center mb-6\">\n                        \u8cc7\u683c\u3092\u6d3b\u304b\u3057\u3066\u7a3c\u3050\u529b\u3092\u3002<br>\u5b9f\u52d9\u30b9\u30ad\u30eb\u5411\u4e0a\u30b5\u30dd\u30fc\u30c8\n                    <\/p>\n                    <div class=\"text-center\">\n                         <span class=\"inline-block text-xs font-bold text-green-700 bg-green-50 px-3 py-1 rounded-full\">\u5b9f\u52d9\u30bb\u30df\u30ca\u30fc<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- STEP 1: Selection Support -->\n    <section id=\"selection\" class=\"py-20 bg-white\">\n        <div class=\"container mx-auto px-6 max-w-6xl\">\n            <div class=\"flex flex-col lg:flex-row gap-16 items-center\">\n                \n                <div class=\"w-full lg:w-1\/2\">\n                    <span class=\"text-blue-600 font-bold text-xs uppercase mb-2 block\">New Service<\/span>\n                    <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 mb-8 leading-snug\">\n                        \u305d\u306e\u30b9\u30af\u30fc\u30eb\u9078\u3073\u3001<br>\n                        <span class=\"text-red-500 font-bold\">\n                            \u300c\u306a\u3093\u3068\u306a\u304f\u300d\n                        <\/span>\n                        \u3067\u6c7a\u3081\u3066\u3044\u307e\u305b\u3093\u304b\uff1f\n                    <\/h2>\n                    \n                    <p class=\"text-slate-600 text-lg mb-8 leading-relaxed\">\n                        \u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u8a66\u9a13\u306b\u306f\u300cJCDA\u300d\u3068\u300cCC\u5354\u8b70\u4f1a\u300d\u3068\u3044\u30462\u3064\u306e\u5b9f\u65bd\u56e3\u4f53\u304c\u3042\u308a\u3001\u6c42\u3081\u3089\u308c\u308b<strong>\u300c\u8074\u304f\u59ff\u52e2\uff08OS\uff09\u300d<\/strong>\u304c\u5168\u304f\u7570\u306a\u308a\u307e\u3059\u3002\n                    <\/p>\n                    \n                    <div class=\"bg-red-50 p-6 rounded-2xl border border-red-100 mb-8\">\n                        <h4 class=\"font-bold text-red-800 mb-4 flex items-center gap-2\">\n                            <i data-lucide=\"alert-triangle\" class=\"w-5 h-5\"><\/i> \n                            \u3088\u304f\u3042\u308b\u300c\u9078\u629e\u306e\u7f60\u300d\n                        <\/h4>\n                        <ul class=\"space-y-3\">\n                            <li class=\"flex items-start gap-3\">\n                                <div class=\"w-5 h-5 rounded-full bg-red-200 flex items-center justify-center shrink-0 mt-0.5\">\n                                    <i data-lucide=\"x\" class=\"text-red-600 w-3 h-3\"><\/i>\n                                <\/div>\n                                <span class=\"text-slate-700 font-medium\">\u300c\u5bb6\u304b\u3089\u8fd1\u3044\u304b\u3089\u300d\u3067\u9078\u3073\u3001\u6307\u5c0e\u65b9\u91dd\u304c\u5408\u308f\u305a\u632b\u6298<\/span>\n                            <\/li>\n                            <li class=\"flex items-start gap-3\">\n                                <div class=\"w-5 h-5 rounded-full bg-red-200 flex items-center justify-center shrink-0 mt-0.5\">\n                                    <i data-lucide=\"x\" class=\"text-red-600 w-3 h-3\"><\/i>\n                                <\/div>\n                                <span class=\"text-slate-700 font-medium\">\u5408\u683c\u7387\u306e\u6570\u5b57\u3060\u3051\u3067\u9078\u3073\u3001\u6388\u696d\u30b9\u30bf\u30a4\u30eb\u306b\u3064\u3044\u3066\u3044\u3051\u306a\u3044<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n\n                    <a href=\"https:\/\/career-c.sognoplanning.com\/?page_id=3025\" class=\"inline-flex items-center gap-2 px-8 py-4 bg-blue-600 hover:bg-blue-700 text-white font-bold rounded-xl shadow-lg hover:shadow-xl transition-all\">\n                        <i data-lucide=\"check-square\" class=\"w-5 h-5\"><\/i> \u7121\u6599\u8a3a\u65ad\u3067\u81ea\u5206\u306b\u5408\u3046\u56e3\u4f53\u3092\u77e5\u308b\n                    <\/a>\n                <\/div>\n                \n                <div class=\"w-full lg:w-1\/2\">\n                    <!-- Comparison Card -->\n                    <div class=\"bg-white rounded-2xl shadow-xl overflow-hidden border border-slate-100\">\n                        <div class=\"bg-slate-800 text-white p-5 text-center\">\n                            <h3 class=\"font-bold text-lg\">\u3042\u306a\u305f\u306f\u3069\u3063\u3061\uff1f 2\u3064\u306e\u56e3\u4f53\u306e\u9055\u3044<\/h3>\n                        <\/div>\n                        <div class=\"grid grid-cols-2 divide-x divide-slate-100\">\n                            <!-- JCDA -->\n                            <div class=\"p-8 bg-blue-50\/30\">\n                                <div class=\"text-center mb-6\">\n                                    <span class=\"block text-2xl font-bold text-blue-800 mb-1\">JCDA<\/span>\n                                    <span class=\"text-xs font-bold text-slate-500 bg-slate-100 px-2 py-1 rounded\">\u65e5\u672c\u30de\u30f3\u30d1\u30ef\u30fc\u7cfb<\/span>\n                                <\/div>\n                                <dl class=\"space-y-6\">\n                                    <div class=\"text-center\">\n                                        <dt class=\"text-xs font-bold text-slate-400 uppercase tracking-wider mb-1\">\u91cd\u8996\u3059\u308b\u3053\u3068<\/dt>\n                                        <dd class=\"text-sm font-bold text-blue-700 leading-tight\">\u300c\u7d4c\u9a13\u4ee3\u8b1d\u300d<br>\u5185\u9762\u306e\u6210\u9577\u30fb\u6c17\u3065\u304d<\/dd>\n                                    <\/div>\n                                    <div class=\"text-center\">\n                                        <dt class=\"text-xs font-bold text-slate-400 uppercase tracking-wider mb-1\">\u5411\u3044\u3066\u3044\u308b\u4eba<\/dt>\n                                        <dd class=\"text-sm font-bold text-blue-700 leading-tight\">\u4eba\u306e\u5fc3\u306b\u5bc4\u308a\u6dfb\u3044\u305f\u3044<br>\u5fc3\u7406\u7cfb\u5fd7\u5411<\/dd>\n                                    <\/div>\n                                <\/dl>\n                            <\/div>\n                            \n                            <!-- CC -->\n                            <div class=\"p-8 bg-orange-50\/30\">\n                                <div class=\"text-center mb-6\">\n                                    <span class=\"block text-2xl font-bold text-orange-800 mb-1\">\u5354\u8b70\u4f1a<\/span>\n                                    <span class=\"text-xs font-bold text-slate-500 bg-slate-100 px-2 py-1 rounded\">LEC\u30fb\u30d2\u30e5\u30fc\u30de\u30f3\u4ed6<\/span>\n                                <\/div>\n                                <dl class=\"space-y-6\">\n                                    <div class=\"text-center\">\n                                        <dt class=\"text-xs font-bold text-slate-400 uppercase tracking-wider mb-1\">\u91cd\u8996\u3059\u308b\u3053\u3068<\/dt>\n                                        <dd class=\"text-sm font-bold text-orange-700 leading-tight\">\u300c\u554f\u984c\u89e3\u6c7a\u300d<br>\u5177\u4f53\u7684\u65b9\u7b56\u30fb\u884c\u52d5<\/dd>\n                                    <\/div>\n                                    <div class=\"text-center\">\n                                        <dt class=\"text-xs font-bold text-slate-400 uppercase tracking-wider mb-1\">\u5411\u3044\u3066\u3044\u308b\u4eba<\/dt>\n                                        <dd class=\"text-sm font-bold text-orange-700 leading-tight\">\u8ab2\u984c\u3092\u89e3\u6c7a\u3057\u305f\u3044<br>\u30d3\u30b8\u30cd\u30b9\u30fb\u5b9f\u52d9\u5fd7\u5411<\/dd>\n                                    <\/div>\n                                <\/dl>\n                            <\/div>\n                        <\/div>\n                        <div class=\"p-4 text-center bg-slate-50 border-t border-slate-100\">\n                            <p class=\"text-xs text-slate-500\">\n                                \u203b\u826f\u3057\u60aa\u3057\u3067\u306f\u306a\u304f\u300c\u76f8\u6027\u300d\u304c\u91cd\u8981\u3067\u3059\u3002\u4e2d\u7acb\u7684\u306a\u7acb\u5834\u3067\u8a3a\u65ad\u3057\u307e\u3059\u3002\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- STEP 2: Exam Prep -->\n    <section id=\"exam-prep\" class=\"py-24 bg-slate-900 relative overflow-hidden\">\n        <!-- Background Elements -->\n        <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-blue-600\/20 rounded-full blur-[100px] translate-x-1\/2 -translate-y-1\/2 pointer-events-none\"><\/div>\n\n        <div class=\"container mx-auto px-6 relative z-10\">\n            <div class=\"text-center mb-16 max-w-2xl mx-auto\">\n                <span class=\"inline-block py-1 px-3 bg-slate-800 border border-slate-700 rounded-full text-xs font-bold mb-6 text-blue-300\">\n                    Training & Diagnosis\n                <\/span>\n                <h2 class=\"text-3xl md:text-4xl font-bold text-white mb-6\">\u990a\u6210\u8b1b\u5ea7\u306b\u901a\u3044\u59cb\u3081\u305f\u3042\u306a\u305f\u3078<\/h2>\n                <p class=\"text-slate-300 text-lg\">\u300c\u3053\u306e\u307e\u307e\u3067\u53d7\u304b\u308b\u306e\u304b\u306a\u2026\u300d<br class=\"md:hidden\">\u305d\u306e\u4e0d\u5b89\u3001AI\u3068\u30d7\u30ed\u304c\u89e3\u6d88\u3057\u307e\u3059\u3002<\/p>\n            <\/div>\n\n            <div class=\"grid md:grid-cols-2 gap-8 items-stretch max-w-5xl mx-auto\">\n                \n                <!-- Symptom Card -->\n                <div class=\"bg-slate-800\/50 backdrop-blur p-10 rounded-3xl border border-slate-700 flex flex-col\">\n                    <div class=\"w-14 h-14 bg-slate-700 rounded-2xl flex items-center justify-center mb-8\">\n                        <i data-lucide=\"mic-off\" class=\"text-slate-300 w-7 h-7\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-2xl font-bold text-white mb-4\">\n                        \u300c\u8074\u3044\u3066\u308b\u30d5\u30ea\u300d\u306b<br>\u306a\u3063\u3066\u3044\u307e\u305b\u3093\u304b\uff1f\n                    <\/h3>\n                    <p class=\"text-slate-400 leading-relaxed text-lg flex-grow\">\n                        \u300c\u306f\u3044\u3001\u305d\u3046\u3067\u3059\u304b\u300d\u3068\u9837\u304d\u3001\u30aa\u30a6\u30e0\u8fd4\u3057\u3092\u3059\u308b\u3060\u3051\u3002\u6c88\u9ed9\u306f\u306a\u3044\u3051\u308c\u3069\u3001\u8a71\u304c\u6df1\u307e\u3089\u306a\u3044\u3002<br>\n                        \u305d\u308c\u306f\u8a66\u9a13\u5b98\u306b\u300c\u95a2\u4fc2\u69cb\u7bc9\u4e0d\u8db3\u300d\u3068\u898b\u629c\u304b\u308c\u308b\u539f\u56e0\u3067\u3059\u3002\n                    <\/p>\n                <\/div>\n\n                <!-- Solution Card -->\n                <div class=\"bg-gradient-to-br from-orange-600 to-red-600 p-10 rounded-3xl shadow-2xl relative overflow-hidden flex flex-col\">\n                    <div class=\"absolute top-0 right-0 w-64 h-64 bg-white opacity-10 rounded-full blur-3xl -translate-y-1\/2 translate-x-1\/2 pointer-events-none\"><\/div>\n                    \n                    <div class=\"w-14 h-14 bg-white\/20 rounded-2xl flex items-center justify-center mb-8 backdrop-blur-sm\">\n                        <i data-lucide=\"brain-circuit\" class=\"text-white w-7 h-7\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-2xl font-bold text-white mb-4\">\n                        AI\u5206\u6790 \u00d7 \u9053\u5834\u3067<br>\u300c\u7656\u300d\u3092\u77ef\u6b63\u3059\u308b\n                    <\/h3>\n                    <p class=\"text-orange-50 leading-relaxed text-lg font-medium mb-8 flex-grow\">\n                        \u3042\u306a\u305f\u306e\u30ed\u30fc\u30d7\u30ec\u97f3\u58f0\u3092AI\u304c\u89e3\u6790\u3057\u3001\u5ba2\u89b3\u7684\u306a\u30c7\u30fc\u30bf\u3068\u3057\u3066\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3002<br>\n                        \u3055\u3089\u306b\u5c11\u4eba\u6570\u5236\u300c\u9053\u5834\u300d\u3067\u3001\u7d4c\u9a13\u8c4a\u5bcc\u306a\u8b1b\u5e2b\u304c\u5b9f\u8df5\u7684\u306b\u4fee\u6b63\u3057\u307e\u3059\u3002\n                    <\/p>\n                    <a href=\"#services\" class=\"inline-flex items-center gap-2 text-white font-bold text-lg hover:translate-x-1 transition-transform\">\n                        \u30b5\u30fc\u30d3\u30b9\u5185\u5bb9\u3092\u898b\u308b <i data-lucide=\"arrow-right\" class=\"w-5 h-5\"><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Service Details Section (New) -->\n    <section id=\"services\" class=\"py-24 bg-white border-b border-slate-100\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"text-center mb-16\">\n                <span class=\"text-orange-500 font-bold text-xs uppercase mb-2 block\">Our Menu<\/span>\n                <h2 class=\"text-3xl font-bold text-slate-800 mb-4\">\u5408\u683c\u306e\u305f\u3081\u306e3\u3064\u306e\u5b66\u7fd2\u30b9\u30bf\u30a4\u30eb<\/h2>\n                <p class=\"text-slate-600\">\u3042\u306a\u305f\u306e\u8ab2\u984c\u3084\u5b66\u7fd2\u6bb5\u968e\u306b\u5408\u308f\u305b\u3066\u3001\u6700\u9069\u306a\u30e1\u30cb\u30e5\u30fc\u3092\u304a\u9078\u3073\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n            <\/div>\n            \n            <div class=\"grid md:grid-cols-3 gap-8 max-w-6xl mx-auto\">\n                <!-- Card 1: \u30ed\u30fc\u30d7\u30ec\u9053\u5834 -->\n                <div class=\"bg-white rounded-2xl p-8 shadow-sm border border-slate-200 hover:shadow-lg transition-all group hover:-translate-y-1\">\n                    <div class=\"w-14 h-14 bg-blue-100 rounded-xl flex items-center justify-center mb-6 group-hover:bg-blue-600 transition-colors\">\n                        <i data-lucide=\"users\" class=\"text-blue-600 w-7 h-7 group-hover:text-white transition-colors\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold text-slate-800 mb-3\">\u30ed\u30fc\u30d7\u30ec\u9053\u5834<\/h3>\n                    <p class=\"text-sm text-slate-500 mb-4 font-bold bg-slate-50 inline-block px-2 py-1 rounded\">\u8b1b\u5e2b1\u540d\uff1a\u53d7\u8b1b\u751f2\u540d<\/p>\n                    <p class=\"text-slate-600 leading-relaxed mb-6\">\n                        \u5c11\u4eba\u6570\u30b0\u30eb\u30fc\u30d7\u5f62\u5f0f\u306e\u5b9f\u8df5\u7df4\u7fd2\u3002\u81ea\u5206\u304c\u76f8\u8ac7\u8005\u5f79\u3092\u884c\u3046\u3060\u3051\u3067\u306a\u304f\u3001\u4ed6\u8005\u306e\u30ed\u30fc\u30d7\u30ec\u3092\u300c\u89b3\u5bdf\u300d\u3059\u308b\u3053\u3068\u3067\u5ba2\u89b3\u7684\u306a\u8996\u70b9\u3092\u990a\u3044\u307e\u3059\u3002\u672c\u756a\u306b\u8fd1\u3044\u7dca\u5f35\u611f\u306e\u4e2d\u3067\u7df4\u7fd2\u3057\u305f\u3044\u65b9\u306b\u6700\u9069\u3067\u3059\u3002\n                    <\/p>\n                    <ul class=\"text-sm space-y-2 text-slate-500\">\n                        <li class=\"flex items-center gap-2\"><i data-lucide=\"check\" class=\"w-4 h-4 text-green-500\"><\/i> \u5b9f\u8df5\u7684\u306a\u76f8\u4e92\u5b66\u7fd2<\/li>\n                        <li class=\"flex items-center gap-2\"><i data-lucide=\"check\" class=\"w-4 h-4 text-green-500\"><\/i> \u8a66\u9a13\u672c\u756a\u306e\u7dca\u5f35\u611f<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Card 2: \u30aa\u30f3\u30e9\u30a4\u30f3\u30ec\u30c3\u30b9\u30f3 -->\n                 <div class=\"bg-white rounded-2xl p-8 shadow-sm border border-slate-200 hover:shadow-lg transition-all group hover:-translate-y-1\">\n                    <div class=\"w-14 h-14 bg-orange-100 rounded-xl flex items-center justify-center mb-6 group-hover:bg-orange-500 transition-colors\">\n                        <i data-lucide=\"video\" class=\"text-orange-600 w-7 h-7 group-hover:text-white transition-colors\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold text-slate-800 mb-3\">\u30aa\u30f3\u30e9\u30a4\u30f3\u30ec\u30c3\u30b9\u30f3<\/h3>\n                    <p class=\"text-sm text-slate-500 mb-4 font-bold bg-slate-50 inline-block px-2 py-1 rounded\">\u8b1b\u5e2b1\u540d\uff1a\u53d7\u8b1b\u751f1\u540d (1on1)<\/p>\n                    <p class=\"text-slate-600 leading-relaxed mb-6\">\n                        60\u5206\u306e\u5b8c\u5168\u30de\u30f3\u30c4\u30fc\u30de\u30f3\u6307\u5c0e\u3002\u3042\u306a\u305f\u306e\u5f31\u70b9\u306b\u7279\u5316\u3057\u305f\u6307\u5c0e\u3084\u3001\u7279\u5b9a\u306e\u7406\u8ad6\u306b\u57fa\u3065\u304f\u30b1\u30fc\u30b9\u30b9\u30bf\u30c7\u30a3\u306a\u3069\u3001\u81ea\u7531\u5ea6\u306e\u9ad8\u3044\u30aa\u30fc\u30c0\u30fc\u30e1\u30a4\u30c9\u5f62\u5f0f\u3067\u5fb9\u5e95\u7684\u306b\u8ab2\u984c\u3092\u514b\u670d\u3057\u307e\u3059\u3002\n                    <\/p>\n                    <ul class=\"text-sm space-y-2 text-slate-500\">\n                        <li class=\"flex items-center gap-2\"><i data-lucide=\"check\" class=\"w-4 h-4 text-green-500\"><\/i> \u81ea\u5206\u3060\u3051\u306e\u30ab\u30ea\u30ad\u30e5\u30e9\u30e0<\/li>\n                        <li class=\"flex items-center gap-2\"><i data-lucide=\"check\" class=\"w-4 h-4 text-green-500\"><\/i> \u8cea\u554f\u3057\u653e\u984c\u306e\u74b0\u5883<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Card 3: \u30ed\u30fc\u30d7\u30ec\u6dfb\u524a -->\n                 <div class=\"bg-white rounded-2xl p-8 shadow-sm border border-slate-200 hover:shadow-lg transition-all group hover:-translate-y-1\">\n                    <div class=\"w-14 h-14 bg-green-100 rounded-xl flex items-center justify-center mb-6 group-hover:bg-green-600 transition-colors\">\n                        <i data-lucide=\"file-text\" class=\"text-green-600 w-7 h-7 group-hover:text-white transition-colors\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold text-slate-800 mb-3\">\u30ed\u30fc\u30d7\u30ec\u6dfb\u524a<\/h3>\n                    <p class=\"text-sm text-slate-500 mb-4 font-bold bg-slate-50 inline-block px-2 py-1 rounded\">\u97f3\u58f0\/\u9010\u8a9e\u9332\u30c7\u30fc\u30bf\u5206\u6790<\/p>\n                    <p class=\"text-slate-600 leading-relaxed mb-6\">\n                        \u3042\u306a\u305f\u304c\u9332\u97f3\u3057\u305f\u30ed\u30fc\u30d7\u30ec\u97f3\u58f0\u3084\u4f5c\u6210\u3057\u305f\u9010\u8a9e\u9332\u3092\u30d7\u30ed\u304c\u5206\u6790\u3002AI\u5206\u6790\u3068\u8b1b\u5e2b\u306b\u3088\u308b\u8a73\u7d30\u306a\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u30ec\u30dd\u30fc\u30c8\u3067\u3001\u300c\u3067\u304d\u3066\u3044\u308b\u70b9\u300d\u3068\u300c\u6539\u5584\u3059\u3079\u304d\u70b9\u300d\u3092\u53ef\u8996\u5316\u3057\u307e\u3059\u3002\n                    <\/p>\n                    <ul class=\"text-sm space-y-2 text-slate-500\">\n                        <li class=\"flex items-center gap-2\"><i data-lucide=\"check\" class=\"w-4 h-4 text-green-500\"><\/i> \u8a73\u7d30\u306a\u6587\u5b57\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af<\/li>\n                        <li class=\"flex items-center gap-2\"><i data-lucide=\"check\" class=\"w-4 h-4 text-green-500\"><\/i> \u81ea\u5206\u306e\u30da\u30fc\u30b9\u3067\u632f\u308a\u8fd4\u308a<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Pricing -->\n    <section id=\"pricing\" class=\"py-24 bg-white border-t border-slate-100\">\n        <div class=\"container mx-auto px-6 max-w-4xl\">\n            <div class=\"text-center mb-12\">\n                <h2 class=\"text-2xl font-bold text-slate-800 mb-2\">\u30b7\u30f3\u30d7\u30eb\u30c1\u30b1\u30c3\u30c8\u5236<\/h2>\n                <p class=\"text-slate-500\">\u5fc5\u8981\u306a\u5bfe\u7b56\u3092\u3001\u5fc5\u8981\u306a\u5206\u3060\u3051\u3002<\/p>\n            <\/div>\n\n            <div class=\"bg-white rounded-2xl shadow-sm border border-slate-200 overflow-hidden\">\n                <table class=\"w-full text-left\">\n                    <thead class=\"bg-slate-50 border-b border-slate-200\">\n                        <tr>\n                            <th class=\"p-6 text-xs font-bold text-slate-500 uppercase tracking-wider\">\u30c1\u30b1\u30c3\u30c8\u7a2e\u5225<\/th>\n                            <th class=\"p-6 text-center text-xs font-bold text-slate-500 uppercase tracking-wider\">\u4e00\u822c\u4f1a\u54e1<\/th>\n                            <th class=\"p-6 text-center text-xs font-bold text-orange-600 uppercase tracking-wider bg-orange-50\/50\">\u7279\u5225\u4f1a\u54e1<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody class=\"divide-y divide-slate-100 text-sm md:text-base\">\n                        <tr class=\"hover:bg-slate-50 transition-colors\">\n                            <td class=\"p-6 font-bold text-slate-700\">A\u30c1\u30b1\u30c3\u30c8\uff1a\u30ed\u30fc\u30d7\u30ec\u9053\u5834\uff08\u56fd\u30ad\u30e3\u30ea\u30fb2\u7d1a\uff09<\/td>\n                            <td class=\"p-6 text-center text-slate-500\">\u00a52,200<\/td>\n                            <td class=\"p-6 text-center font-bold text-orange-600 bg-orange-50\/30\">\u00a51,100<\/td>\n                        <\/tr>\n                        <tr class=\"hover:bg-slate-50 transition-colors\">\n                            <td class=\"p-6 font-bold text-slate-700\">B\u30c1\u30b1\u30c3\u30c8\uff1a\u30ed\u30fc\u30d7\u30ec\u9053\u5834\u30d7\u30ec\u30df\u30a2\u30e0\uff085\u5206\u9593\u30fb10\u5206\u9593\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\uff09<\/td>\n                            <td class=\"p-6 text-center text-slate-500\">\u00a53,300<\/td>\n                            <td class=\"p-6 text-center font-bold text-orange-600 bg-orange-50\/30\">\u00a52,200<\/td>\n                        <\/tr>\n                        <tr class=\"hover:bg-slate-50 transition-colors\">\n                            <td class=\"p-6 font-bold text-slate-700\">C\u30c1\u30b1\u30c3\u30c8\uff1a\u500b\u4eba\u30ec\u30c3\u30b9\u30f3\uff08\u56fd\u30ad\u30e3\u30ea\u30fb2\u7d1a\uff09<\/td>\n                            <td class=\"p-6 text-center text-slate-500\">\u00a56,600<\/td>\n                            <td class=\"p-6 text-center font-bold text-orange-600 bg-orange-50\/30\">\u00a55,500<\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n            <p class=\"text-center text-xs text-slate-400 mt-4\">\u203b\u4fa1\u683c\u306f\u3059\u3079\u3066\u7a0e\u8fbc\u3067\u3059\u3002<\/p>\n        <\/div>\n    <\/section>\n\n    <!-- Footer CTA -->\n    <section id=\"contact\" class=\"py-24 bg-blue-900 text-center relative overflow-hidden\">\n        <div class=\"absolute inset-0 bg-[url('https:\/\/www.transparenttextures.com\/patterns\/stardust.png')] opacity-10\"><\/div>\n        <div class=\"container mx-auto px-6 max-w-4xl relative z-10\">\n            <h2 class=\"text-3xl md:text-5xl font-bold text-white mb-8 leading-tight\">\u7121\u6599\u4f1a\u54e1\u767b\u9332\u3067<br>\u7406\u60f3\u306e\u30ad\u30e3\u30ea\u30a2\u3092\u30b9\u30bf\u30fc\u30c8<\/h2>\n            <p class=\"text-blue-200 mb-12 text-lg\">\n                \u300c\u9078\u3073\u65b9\u8a3a\u65ad\u300d\u300c\u7df4\u7fd2\u554f\u984c\u300d\u300c\u5272\u5f15\u7279\u5178\u300d\u306a\u3069\u3001<br>\n                \u5408\u683c\u3068\u6d3b\u8e8d\u306b\u5fc5\u8981\u306a\u3059\u3079\u3066\u304c\u3053\u3053\u306b\u3002\n            <\/p>\n            <div class=\"flex flex-col sm:flex-row gap-6 justify-center\">\n                <a href=\"https:\/\/select-type.com\/member\/reg\/?mi=9S2hvIY0BuM\" class=\"px-10 py-5 bg-orange-500 text-white font-bold text-lg rounded-full shadow-2xl hover:bg-orange-600 hover:scale-105 transition-all flex items-center justify-center gap-2\">\n                    <i data-lucide=\"user-plus\" class=\"w-5 h-5\"><\/i> \u4eca\u3059\u3050\u7121\u6599\u3067\u767b\u9332\u3059\u308b\n                <\/a>\n                <a href=\"https:\/\/career-c.sognoplanning.com\/?page_id=2847\" class=\"px-10 py-5 bg-blue-800\/50 border border-blue-400\/30 text-white font-bold text-lg rounded-full hover:bg-blue-800 transition-colors\">\n                    \u30b5\u30fc\u30d3\u30b9\u8a73\u7d30\n                <\/a>\n            <\/div>\n            <p class=\"mt-8 text-sm text-blue-400\">\u203b \u7121\u7406\u306a\u52e7\u8a98\u306f\u4e00\u5207\u3042\u308a\u307e\u305b\u3093\u3002\u5b89\u5fc3\u3057\u3066\u3054\u767b\u9332\u304f\u3060\u3055\u3044\u3002<\/p>\n        <\/div>\n    <\/section>\n\n    <!-- Footer -->\n    <footer class=\"bg-slate-900 text-slate-400 py-16 border-t border-slate-800\">\n        <div class=\"container mx-auto px-6 grid md:grid-cols-4 gap-12 text-sm\">\n            <div class=\"col-span-1 md:col-span-2\">\n                <h4 class=\"text-white font-bold text-lg mb-6 flex items-center gap-2\">\n                    <div class=\"w-8 h-8 bg-blue-600 rounded flex items-center justify-center text-white text-xs\">\u5922<\/div>\n                    \u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4\n                <\/h4>\n                <p class=\"leading-relaxed mb-6 max-w-sm\">\n                    \u56fd\u5bb6\u8cc7\u683c\u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u8a66\u9a13\u5bfe\u7b56\u3068\u3001\u8cc7\u683c\u53d6\u5f97\u5f8c\u306e\u30ad\u30e3\u30ea\u30a2\u652f\u63f4\u3092\u884c\u3046\u5c02\u9580\u6a5f\u95a2\u3067\u3059\u3002\u4e2d\u7acb\u7684\u306a\u7acb\u5834\u3067\u306e\u30b9\u30af\u30fc\u30eb\u9078\u3073\u76f8\u8ac7\u304b\u3089\u3001\u5b9f\u6280\u6307\u5c0e\u307e\u3067\u4e00\u8cab\u3057\u3066\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002\n                <\/p>\n                <div class=\"flex gap-4\">\n                    <a href=\"#\" class=\"w-10 h-10 rounded-full bg-slate-800 flex items-center justify-center hover:bg-blue-600 hover:text-white transition-colors\"><i data-lucide=\"twitter\" class=\"w-5 h-5\"><\/i><\/a>\n                    <a href=\"#\" class=\"w-10 h-10 rounded-full bg-slate-800 flex items-center justify-center hover:bg-red-600 hover:text-white transition-colors\"><i data-lucide=\"youtube\" class=\"w-5 h-5\"><\/i><\/a>\n                    <a href=\"#\" class=\"w-10 h-10 rounded-full bg-slate-800 flex items-center justify-center hover:bg-blue-800 hover:text-white transition-colors\"><i data-lucide=\"facebook\" class=\"w-5 h-5\"><\/i><\/a>\n                <\/div>\n            <\/div>\n            <div>\n                <h5 class=\"text-white font-bold mb-6\">\u30b5\u30fc\u30d3\u30b9<\/h5>\n                <ul class=\"space-y-4\">\n                    <li><a href=\"#selection\" class=\"hover:text-blue-400 transition-colors\">\u990a\u6210\u8b1b\u5ea7\u9078\u3073\u76f8\u8ac7<\/a><\/li>\n                    <li><a href=\"#exam-prep\" class=\"hover:text-blue-400 transition-colors\">\u5b9f\u6280\u8a66\u9a13\u5bfe\u7b56<\/a><\/li>\n                    <li><a href=\"#pricing\" class=\"hover:text-blue-400 transition-colors\">\u6599\u91d1\u30fb\u30c1\u30b1\u30c3\u30c8<\/a><\/li>\n                <\/ul>\n            <\/div>\n            <div>\n                <h5 class=\"text-white font-bold mb-6\">\u304a\u554f\u3044\u5408\u308f\u305b<\/h5>\n                <ul class=\"space-y-4\">\n                    <li><a href=\"#\" class=\"hover:text-blue-400 transition-colors\">\u3088\u304f\u3042\u308b\u8cea\u554f<\/a><\/li>\n                    <li><a href=\"#\" class=\"hover:text-blue-400 transition-colors\">\u904b\u55b6\u4f1a\u793e<\/a><\/li>\n                    <li><a href=\"#\" class=\"hover:text-blue-400 transition-colors\">\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc<\/a><\/li>\n                    <li><a href=\"#\" class=\"hover:text-blue-400 transition-colors\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a><\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n        <div class=\"container mx-auto px-6 mt-16 pt-8 border-t border-slate-800 text-center text-xs text-slate-500\">\n            &copy; 2025 Sogno Planning Co., Ltd. All Rights Reserved.\n        <\/div>\n    <\/footer>\n\n    <script>\n        lucide.createIcons();\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4 | \u990a\u6210\u8b1b\u5ea7\u9078\u3073\u304b\u3089\u5408\u683c\u3001\u4ed5\u4e8b\u307e\u3067\u30d5\u30eb\u30b5\u30dd\u30fc\u30c8 \u5922 \u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4 Career Consultant Labo \u521d\u3081\u3066\u306e\u65b9\u3078 \u7121\u6599\u4f1a\u54e1\u767b\u9332 \u3053\u308c\u304b\u3089\u8cc7\u683c\u3092\u76ee\u6307\u3059\u65b9\u3078 \u53d7\u8b1b\u659930\u4e07\u5186\u3092\u7121\u99c4\u306b\u3057\u306a\u3044 \u5931 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"vkexunit_cta_each_option":"","footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":174,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":3190,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/3190"}],"wp:attachment":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}