\u30c9\u30ca\u30eb\u30c9\u30fb\u30b9\u30fc\u30d1\u30fc\u306e\u30e9\u30a4\u30d5\u30fb\u30ad\u30e3\u30ea\u30a2\u30fb\u30ec\u30a4\u30f3\u30dc\u30fc\u7406\u8ad6<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/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=Inter:wght@400;700&family=Noto+Sans+JP:wght@400;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Inter', 'Noto Sans JP', sans-serif;\n scroll-behavior: smooth;\n }\n .fade-in-section {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity: 0.6s ease-out, transform 0.6s ease-out;\n }\n .fade-in-section.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n .rainbow-gradient-text {\n background: linear-gradient(to right, #ef4444, #f97316, #eab308, #84cc16, #22c55e, #14b8a6, #3b82f6, #8b5cf6);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n }\n .stage-card, .role-card, .article-card {\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n .stage-card:hover, .role-card:hover, .article-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-50 text-gray-800\">\n\n \n <header class=\"text-center py-16 md:py-24 bg-white shadow-sm\">\n <div class=\"container mx-auto px-6\">\n <h1 class=\"text-3xl md:text-5xl font-bold mb-4 rainbow-gradient-text\">\u30e9\u30a4\u30d5\u30fb\u30ad\u30e3\u30ea\u30a2\u30fb\u30ec\u30a4\u30f3\u30dc\u30fc<\/h1>\n <p class=\"text-md md:text-lg text-gray-600\">\u30c9\u30ca\u30eb\u30c9\u30fb\u30b9\u30fc\u30d1\u30fc\u3068\u63cf\u304f\u3001\u3042\u306a\u305f\u3060\u3051\u306e\u4eba\u751f\u306e\u7269\u8a9e<\/p>\n <svg class=\"mx-auto mt-8 w-32 h-auto\" viewBox=\"0 0 100 50\">\n <path d=\"M 10 50 A 40 40 0 0 1 90 50\" fill=\"none\" stroke=\"#ef4444\" stroke-width=\"5\"\/>\n <path d=\"M 15 50 A 35 35 0 0 1 85 50\" fill=\"none\" stroke=\"#f97316\" stroke-width=\"5\"\/>\n <path d=\"M 20 50 A 30 30 0 0 1 80 50\" fill=\"none\" stroke=\"#eab308\" stroke-width=\"5\"\/>\n <path d=\"M 25 50 A 25 25 0 0 1 75 50\" fill=\"none\" stroke=\"#84cc16\" stroke-width=\"5\"\/>\n <path d=\"M 30 50 A 20 20 0 0 1 70 50\" fill=\"none\" stroke=\"#22c55e\" stroke-width=\"5\"\/>\n <path d=\"M 35 50 A 15 15 0 0 1 65 50\" fill=\"none\" stroke=\"#14b8a6\" stroke-width=\"5\"\/>\n <\/svg>\n <\/div>\n <\/header>\n\n <main class=\"container mx-auto px-6 py-12 md:py-20\">\n\n \n <section class=\"max-w-3xl mx-auto text-center mb-20 fade-in-section\">\n <h2 class=\"text-2xl md:text-3xl font-bold mb-4\">\u30ad\u30e3\u30ea\u30a2\u306f\u300c\u8077\u696d\u300d\u3060\u3051\u3067\u306f\u306a\u3044<\/h2>\n <p class=\"text-base text-gray-700 leading-relaxed\">\n \u30ad\u30e3\u30ea\u30a2\u767a\u9054\u7406\u8ad6\u306e\u5de8\u5320\u3001\u30c9\u30ca\u30eb\u30c9\u30fb\u30b9\u30fc\u30d1\u30fc\u306f\u3001\u30ad\u30e3\u30ea\u30a2\u3092\u751f\u6daf\u306b\u308f\u305f\u308b\u30d7\u30ed\u30bb\u30b9\u3068\u6349\u3048\u307e\u3057\u305f\u3002\u305d\u308c\u306f\u4ed5\u4e8b\u3060\u3051\u3067\u306a\u304f\u3001\u5bb6\u5ead\u3001\u5b66\u3073\u3001\u8da3\u5473\u306a\u3069\u3001\u4eba\u751f\u306e\u69d8\u3005\u306a\u5f79\u5272\uff08\u30e9\u30a4\u30d5\u30fb\u30ed\u30fc\u30eb\uff09\u304c\u3001\u6642\u9593\u306e\u7d4c\u904e\uff08\u30e9\u30a4\u30d5\u30fb\u30b9\u30c6\u30fc\u30b8\uff09\u3068\u5171\u306b\u91cd\u306a\u308a\u5408\u3063\u3066\u63cf\u304b\u308c\u308b\u3001\u58ee\u5927\u306a\u300c\u8679\u300d\u306e\u3088\u3046\u306a\u3082\u306e\u3060\u3068\u8003\u3048\u305f\u306e\u3067\u3059\u3002\n <\/p>\n <\/section>\n\n \n <section class=\"mb-20 fade-in-section\">\n <h2 class=\"text-2xl md:text-3xl font-bold text-center mb-10\">\u8679\u306e\u5f27\uff1a5\u3064\u306e\u30e9\u30a4\u30d5\u30fb\u30b9\u30c6\u30fc\u30b8<\/h2>\n <div class=\"relative\">\n \n <div class=\"hidden md:block absolute top-5 left-1\/2 w-0.5 h-full bg-indigo-200 -translate-x-1\/2\"><\/div>\n \n <div class=\"space-y-12 md:space-y-0\">\n \n <div class=\"md:grid md:grid-cols-2 md:gap-8 items-center fade-in-section\">\n <div class=\"md:text-right md:pr-8 mb-4 md:mb-0\">\n <h3 class=\"text-xl font-bold text-green-600\">\u6210\u9577\u6bb5\u968e<\/h3>\n <p class=\"text-gray-500 text-sm\">0\u6b73\u301c14\u6b73\u9803<\/p>\n <\/div>\n <div class=\"relative stage-card bg-white p-6 rounded-lg shadow-md border-l-4 border-green-500\">\n <div class=\"hidden md:block absolute top-6 -left-10 w-4 h-4 bg-green-500 rounded-full\"><\/div>\n <p class=\"font-semibold\">\u30ad\u30fc\u30ef\u30fc\u30c9\uff1a\u81ea\u5df1\u6982\u5ff5\u306e\u5f62\u6210<\/p>\n <p class=\"text-gray-600 mt-2 text-sm leading-relaxed\">\u5bb6\u5ead\u3084\u5b66\u6821\u751f\u6d3b\u3092\u901a\u3058\u3066\u300c\u81ea\u5206\u3068\u306f\u4f55\u304b\u300d\u3068\u3044\u3046\u81ea\u5df1\u6982\u5ff5\u3092\u767a\u9054\u3055\u305b\u308b\u6642\u671f\u3002\u306f\u3058\u3081\u306f\u7a7a\u60f3\uff08\u6d88\u9632\u58eb\u306b\u306a\u308a\u305f\u3044\u7b49\uff09\u3067\u8077\u696d\u3092\u8003\u3048\u307e\u3059\u304c\u3001\u6b21\u7b2c\u306b\u81ea\u5206\u306e\u8208\u5473\uff08\u30b2\u30fc\u30e0\u304c\u597d\u304d\uff09\u3084\u80fd\u529b\uff08\u7d75\u304c\u5f97\u610f\uff09\u306b\u57fa\u3065\u3044\u3066\u8003\u3048\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002\u5468\u56f2\u306e\u5927\u4eba\u3068\u306e\u540c\u4e00\u5316\u304c\u3001\u8077\u696d\u7684\u81ea\u6211\u306e\u57fa\u790e\u3092\u7bc9\u304d\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n \n <div class=\"md:grid md:grid-cols-2 md:gap-8 items-center fade-in-section\">\n <div class=\"md:col-start-2 md:pl-8 mb-4 md:mb-0\">\n <h3 class=\"text-xl font-bold text-yellow-600\">\u63a2\u7d22\u6bb5\u968e<\/h3>\n <p class=\"text-gray-500 text-sm\">15\u6b73\u301c24\u6b73\u9803<\/p>\n <\/div>\n <div class=\"md:col-start-1 md:row-start-1 md:text-right stage-card bg-white p-6 rounded-lg shadow-md border-r-4 md:border-r-0 md:border-l-4 border-yellow-500\">\n <div class=\"hidden md:block absolute top-6 -right-10 md:-left-10 w-4 h-4 bg-yellow-500 rounded-full\"><\/div>\n <p class=\"font-semibold\">\u30ad\u30fc\u30ef\u30fc\u30c9\uff1a\u8a66\u884c\u3068\u73fe\u5b9f\u541f\u5473<\/p>\n <p class=\"text-gray-600 mt-2 text-sm leading-relaxed\">\u5b66\u6821\u306e\u6388\u696d\u3001\u30af\u30e9\u30d6\u6d3b\u52d5\u3001\u30a2\u30eb\u30d0\u30a4\u30c8\u306a\u3069\u3092\u901a\u3058\u3066\u3001\u69d8\u3005\u306a\u8077\u696d\u7684\u5f79\u5272\u3092\u8a66\u884c\u932f\u8aa4\u3059\u308b\u6642\u671f\u3067\u3059\u3002\u66ab\u5b9a\u7684\u306b\u30ad\u30e3\u30ea\u30a2\u3092\u9078\u629e\u3057\u3001\u73fe\u5b9f\u306b\u7167\u3089\u3057\u5408\u308f\u305b\u3066\u541f\u5473\u3057\uff08\u73fe\u5b9f\u541f\u5473\uff09\u3001\u6700\u521d\u306e\u4ed5\u4e8b\u306b\u5c31\u304f\u3053\u3068\u3067\u3001\u81ea\u5df1\u6982\u5ff5\u3092\u691c\u8a3c\u3057\u307e\u3059\u3002\u591a\u304f\u306e\u9078\u629e\u80a2\u3068\u5411\u304d\u5408\u3046\u91cd\u8981\u306a\u8ee2\u63db\u671f\u3067\u3059\u3002<\/p>\n <\/div>\n <\/div>\n \n <div class=\"md:grid md:grid-cols-2 md:gap-8 items-center fade-in-section\">\n <div class=\"md:text-right md:pr-8 mb-4 md:mb-0\">\n <h3 class=\"text-xl font-bold text-blue-600\">\u78ba\u7acb\u6bb5\u968e<\/h3>\n <p class=\"text-gray-500 text-sm\">25\u6b73\u301c44\u6b73\u9803<\/p>\n <\/div>\n <div class=\"relative stage-card bg-white p-6 rounded-lg shadow-md border-l-4 border-blue-500\">\n <div class=\"hidden md:block absolute top-6 -left-10 w-4 h-4 bg-blue-500 rounded-full\"><\/div>\n <p class=\"font-semibold\">\u30ad\u30fc\u30ef\u30fc\u30c9\uff1a\u5b89\u5b9a\u3068\u524d\u9032<\/p>\n <p class=\"text-gray-600 mt-2 text-sm leading-relaxed\">\u81ea\u5206\u306b\u9069\u3057\u305f\u8077\u696d\u5206\u91ce\u3092\u898b\u3064\u3051\u3001\u305d\u3053\u3067\u78ba\u56fa\u305f\u308b\u5730\u4f4d\u3092\u7bc9\u3053\u3046\u3068\u3059\u308b\u6642\u671f\u3002\u8a66\u884c\u932f\u8aa4\u3092\u7d4c\u3066\u5206\u91ce\u3092\u7279\u5b9a\u3057\uff08\u5b89\u5b9a\u5316\uff09\u3001\u30b9\u30ad\u30eb\u30a2\u30c3\u30d7\u3084\u6607\u9032\u3092\u901a\u3058\u3066\u30ad\u30e3\u30ea\u30a2\u3092\u524d\u9032\u3055\u305b\u307e\u3059\u3002\u4ed5\u4e8b\u3068\u540c\u6642\u306b\u3001\u5bb6\u5ead\u4eba\u3084\u89aa\u3068\u3044\u3063\u305f\u65b0\u305f\u306a\u5f79\u5272\u3068\u306e\u30d0\u30e9\u30f3\u30b9\u304c\u8ab2\u984c\u3068\u306a\u308b\u3053\u3068\u3082\u591a\u3044\u3067\u3059\u3002<\/p>\n <\/div>\n <\/div>\n \n <div class=\"md:grid md:grid-cols-2 md:gap-8 items-center fade-in-section\">\n <div class=\"md:col-start-2 md:pl-8 mb-4 md:mb-0\">\n <h3 class=\"text-xl font-bold text-purple-600\">\u7dad\u6301\u6bb5\u968e<\/h3>\n <p class=\"text-gray-500 text-sm\">45\u6b73\u301c64\u6b73\u9803<\/p>\n <\/div>\n <div class=\"md:col-start-1 md:row-start-1 md:text-right stage-card bg-white p-6 rounded-lg shadow-md border-r-4 md:border-r-0 md:border-l-4 border-purple-500\">\n <div class=\"hidden md:block absolute top-6 -right-10 md:-left-10 w-4 h-4 bg-purple-500 rounded-full\"><\/div>\n <p class=\"font-semibold\">\u30ad\u30fc\u30ef\u30fc\u30c9\uff1a\u4fdd\u6301\u3068\u66f4\u65b0<\/p>\n <p class=\"text-gray-600 mt-2 text-sm leading-relaxed\">\u7bc9\u304d\u4e0a\u3052\u305f\u8077\u696d\u7684\u5730\u4f4d\u3084\u5c02\u9580\u6027\u3092\u7dad\u6301\u3059\u308b\u6bb5\u968e\u3002\u73fe\u72b6\u7dad\u6301\u3060\u3051\u3067\u306a\u304f\u3001\u6280\u8853\u9769\u65b0\u3084\u74b0\u5883\u5909\u5316\u306b\u5bfe\u5fdc\u3059\u308b\u305f\u3081\u306e\u77e5\u8b58\u30fb\u30b9\u30ad\u30eb\u306e\u66f4\u65b0\uff08\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\uff09\u304c\u6c42\u3081\u3089\u308c\u307e\u3059\u3002\u5f8c\u9032\u306e\u80b2\u6210\u3084\u3001\u9577\u5e74\u306e\u7d4c\u9a13\u3092\u6d3b\u304b\u3057\u305f\u65b0\u305f\u306a\u8ca2\u732e\uff08\u30a4\u30ce\u30d9\u30fc\u30b7\u30e7\u30f3\uff09\u3082\u91cd\u8981\u306a\u30c6\u30fc\u30de\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n \n <div class=\"md:grid md:grid-cols-2 md:gap-8 items-center fade-in-section\">\n <div class=\"md:text-right md:pr-8 mb-4 md:mb-0\">\n <h3 class=\"text-xl font-bold text-red-600\">\u89e3\u653e\u6bb5\u968e<\/h3>\n <p class=\"text-gray-500 text-sm\">65\u6b73\u4ee5\u964d<\/p>\n <\/div>\n <div class=\"relative stage-card bg-white p-6 rounded-lg shadow-md border-l-4 border-red-500\">\n <div class=\"hidden md:block absolute top-6 -left-10 w-4 h-4 bg-red-500 rounded-full\"><\/div>\n <p class=\"font-semibold\">\u30ad\u30fc\u30ef\u30fc\u30c9\uff1a\u5f15\u9000\u3068\u518d\u7126\u70b9\u5316<\/p>\n <p class=\"text-gray-600 mt-2 text-sm leading-relaxed\">\u4ed5\u4e8b\u306e\u30da\u30fc\u30b9\u3092\u843d\u3068\u3057\uff08\u6e1b\u901f\uff09\u3001\u3084\u304c\u3066\u306f\u8077\u696d\u4eba\u3068\u3057\u3066\u306e\u5f79\u5272\u304b\u3089\u5f15\u9000\u3059\u308b\u6bb5\u968e\u3002\u52b4\u50cd\u8005\u3068\u3057\u3066\u306e\u5f79\u5272\u304b\u3089\u89e3\u653e\u3055\u308c\u3001\u3053\u308c\u307e\u3067\u5341\u5206\u306b\u6642\u9593\u3092\u5272\u3051\u306a\u304b\u3063\u305f\u4ed6\u306e\u5f79\u5272\uff08\u4f59\u6687\u4eba\u3001\u5e02\u6c11\u306a\u3069\uff09\u306b\u4eba\u751f\u306e\u7126\u70b9\u3092\u79fb\u3057\u3001\u65b0\u305f\u306a\u751f\u304d\u304c\u3044\u3092\u898b\u3064\u3051\u308b\u6642\u671f\u3067\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"mb-20 fade-in-section\">\n <h2 class=\"text-2xl md:text-3xl font-bold text-center mb-10\">\u8679\u306e\u8272\u5f69\uff1a9\u3064\u306e\u30e9\u30a4\u30d5\u30fb\u30ed\u30fc\u30eb<\/h2>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6\">\n <div class=\"role-card p-6 bg-white rounded-lg shadow-md text-center border-t-4 border-red-400\">\n <h3 class=\"text-lg font-bold\">\u5b50\u3069\u3082<\/h3>\n <p class=\"text-gray-600 mt-2 text-sm leading-relaxed\">\u89aa\u3068\u306e\u95a2\u4fc2\u306b\u304a\u3051\u308b\u5f79\u5272\u3002\u4eba\u751f\u3067\u6700\u521d\u306b\u7d4c\u9a13\u3057\u3001\u751f\u6daf\u7d9a\u304f\u5f79\u5272\u3067\u3059\u3002\u4f9d\u5b58\u304b\u3089\u81ea\u7acb\u3001\u305d\u3057\u3066\u89aa\u306e\u30b1\u30a2\u3078\u3068\u95a2\u4fc2\u6027\u306f\u5909\u5316\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"role-card p-6 bg-white rounded-lg shadow-md text-center border-t-4 border-orange-400\">\n <h3 class=\"text-lg font-bold\">\u5b66\u751f<\/h3>\n <p class=\"text-gray-600 mt-2 text-sm leading-relaxed\">\u5b66\u3076\u4eba\u3068\u3057\u3066\u306e\u5f79\u5272\u3002\u5b66\u6821\u6559\u80b2\u306b\u59cb\u307e\u308a\u3001\u30ad\u30e3\u30ea\u30a2\u306e\u305f\u3081\u306e\u5c02\u9580\u77e5\u8b58\u7fd2\u5f97\u3001\u8da3\u5473\u306e\u5b66\u7fd2\u306a\u3069\u3001\u751f\u6daf\u306b\u308f\u305f\u308a\u65ad\u7d9a\u7684\u306b\u767a\u751f\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"role-card p-6 bg-white rounded-lg shadow-md text-center border-t-4 border-yellow-400\">\n <h3 class=\"text-lg font-bold\">\u52b4\u50cd\u8005<\/h3>\n <p class=\"text-gray-600 mt-2 text-sm leading-relaxed\">\u5bfe\u4fa1\u3092\u5f97\u3066\u5546\u54c1\u3084\u30b5\u30fc\u30d3\u30b9\u3092\u751f\u307f\u51fa\u3059\u5f79\u5272\u3002\u591a\u304f\u306e\u4eba\u306b\u3068\u3063\u3066\u30ad\u30e3\u30ea\u30a2\u306e\u4e2d\u6838\u3092\u306a\u3057\u3001\u81ea\u5df1\u5b9f\u73fe\u3084\u7d4c\u6e08\u7684\u57fa\u76e4\u306b\u76f4\u7d50\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"role-card p-6 bg-white rounded-lg shadow-md text-center border-t-4 border-lime-500\">\n <h3 class=\"text-lg font-bold\">\u914d\u5076\u8005<\/h3>\n <p class=\"text-gray-600 mt-2 text-sm leading-relaxed\">\u30d1\u30fc\u30c8\u30ca\u30fc\u3068\u306e\u95a2\u4fc2\u3092\u7dad\u6301\u30fb\u767a\u5c55\u3055\u305b\u308b\u5f79\u5272\u3002\u60c5\u7dd2\u7684\u306a\u652f\u3048\u5408\u3044\u3084\u5171\u540c\u751f\u6d3b\u306e\u904b\u55b6\u306a\u3069\u3001\u591a\u304f\u306e\u6642\u9593\u3068\u30a8\u30cd\u30eb\u30ae\u30fc\u3092\u8981\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"role-card p-6 bg-white rounded-lg shadow-md text-center border-t-4 border-green-500\">\n <h3 class=\"text-lg font-bold\">\u5bb6\u5ead\u4eba<\/h3>\n <p class=\"text-gray-600 mt-2 text-sm leading-relaxed\">\u5bb6\u5ead\u74b0\u5883\u306e\u7dad\u6301\u30fb\u7ba1\u7406\u3092\u62c5\u3046\u5f79\u5272\u3002\u6383\u9664\u3001\u6d17\u6fef\u3001\u6599\u7406\u3001\u5bb6\u8a08\u7ba1\u7406\u306a\u3069\u3001\u5feb\u9069\u306a\u5bb6\u5ead\u751f\u6d3b\u3092\u652f\u3048\u308b\u8cac\u4efb\u3092\u8ca0\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"role-card p-6 bg-white rounded-lg shadow-md text-center border-t-4 border-teal-400\">\n <h3 class=\"text-lg font-bold\">\u89aa<\/h3>\n <p class=\"text-gray-600 mt-2 text-sm leading-relaxed\">\u5b50\u3069\u3082\u3092\u990a\u80b2\u3057\u3001\u793e\u4f1a\u306e\u4e00\u54e1\u3068\u3057\u3066\u80b2\u3066\u308b\u5f79\u5272\u3002\u5b50\u3069\u3082\u306e\u6210\u9577\u6bb5\u968e\u306b\u5fdc\u3058\u3066\u3001\u8eab\u4f53\u7684\u30fb\u7cbe\u795e\u7684\u306a\u30b5\u30dd\u30fc\u30c8\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"role-card p-6 bg-white rounded-lg shadow-md text-center border-t-4 border-cyan-400\">\n <h3 class=\"text-lg font-bold\">\u5e02\u6c11<\/h3>\n <p class=\"text-gray-600 mt-2 text-sm leading-relaxed\">\u5730\u57df\u793e\u4f1a\u3084\u56fd\u306e\u4e00\u54e1\u3068\u3057\u3066\u3001\u793e\u4f1a\u8ca2\u732e\u6d3b\u52d5\uff08\u30dc\u30e9\u30f3\u30c6\u30a3\u30a2\u3001\u81ea\u6cbb\u4f1a\u6d3b\u52d5\u306a\u3069\uff09\u306b\u53c2\u52a0\u3059\u308b\u5f79\u5272\u3002\u7121\u511f\u306e\u6d3b\u52d5\u304c\u4e2d\u5fc3\u3067\u3059\u3002<\/p>\n <\/div>\n <div class=\"role-card p-6 bg-white rounded-lg shadow-md text-center border-t-4 border-blue-400\">\n <h3 class=\"text-lg font-bold\">\u4f59\u6687\u4eba<\/h3>\n <p class=\"text-gray-600 mt-2 text-sm leading-relaxed\">\u8da3\u5473\u3001\u5a2f\u697d\u3001\u30b9\u30dd\u30fc\u30c4\u3001\u4f11\u606f\u306a\u3069\u3001\u81ea\u5df1\u306e\u88c1\u91cf\u3067\u6642\u9593\u3092\u697d\u3057\u3080\u5f79\u5272\u3002\u5fc3\u8eab\u306e\u30ea\u30d5\u30ec\u30c3\u30b7\u30e5\u3084\u81ea\u5df1\u8868\u73fe\u306e\u305f\u3081\u306b\u4e0d\u53ef\u6b20\u3067\u3059\u3002<\/p>\n <\/div>\n <div class=\"role-card p-6 bg-white rounded-lg shadow-md text-center border-t-4 border-purple-400\">\n <h3 class=\"text-lg font-bold\">\u5e74\u91d1\u53d7\u7d66\u8005<\/h3>\n <p class=\"text-gray-600 mt-2 text-sm leading-relaxed\">\u9000\u8077\u5f8c\u3001\u5e74\u91d1\u3084\u8caf\u84c4\u306b\u3088\u3063\u3066\u751f\u8a08\u3092\u7acb\u3066\u308b\u5f79\u5272\u3002\u52b4\u50cd\u8005\u304b\u3089\u306e\u79fb\u884c\u3067\u3042\u308a\u3001\u89e3\u653e\u6bb5\u968e\u3067\u4e2d\u5fc3\u7684\u306a\u7d4c\u6e08\u7684\u5f79\u5272\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"max-w-3xl mx-auto text-center mb-20 fade-in-section\">\n <h2 class=\"text-2xl md:text-3xl font-bold mb-6\">\u30ad\u30e3\u30ea\u30a2\u306f\u300c\u81ea\u5df1\u6982\u5ff5\u300d\u306e\u8868\u73fe<\/h2>\n <div class=\"bg-indigo-100 border-l-4 border-indigo-500 text-indigo-800 p-6 rounded-r-lg\">\n <p class=\"text-lg italic leading-relaxed\">\n \u300c\u30ad\u30e3\u30ea\u30a2\u3092\u9078\u629e\u3057\u3001\u305d\u308c\u306b\u5f93\u4e8b\u3059\u308b\u3053\u3068\u306f\u3001\u81ea\u5df1\u6982\u5ff5\u3092\u5b9f\u73fe\u3057\u3088\u3046\u3068\u3059\u308b\u8a66\u307f\u3067\u3042\u308b\u300d\n <\/p>\n <p class=\"text-right mt-2 font-semibold\">- \u30c9\u30ca\u30eb\u30c9\u30fb\u30b9\u30fc\u30d1\u30fc<\/p>\n <\/div>\n <p class=\"text-base text-gray-700 leading-relaxed mt-6\">\n \u300c\u81ea\u5206\u306f\u3069\u3093\u306a\u4eba\u9593\u304b\u300d\u3068\u3044\u3046\u30a4\u30e1\u30fc\u30b8\u3092\u3001\u4ed5\u4e8b\u3084\u4eba\u751f\u306e\u5f79\u5272\u3092\u901a\u3058\u3066\u8868\u73fe\u3059\u308b\u3053\u3068\u304c\u3001\u30ad\u30e3\u30ea\u30a2\u3092\u767a\u9054\u3055\u305b\u308b\u539f\u52d5\u529b\u306b\u306a\u308a\u307e\u3059\u3002\u30ad\u30e3\u30ea\u30a2\u306b\u60a9\u3080\u3068\u304d\u3001\u305d\u308c\u306f\u300c\u672c\u5f53\u306e\u81ea\u5206\u300d\u3068\u300c\u73fe\u5728\u306e\u5f79\u5272\u300d\u306e\u30ba\u30ec\u3092\u6559\u3048\u3066\u304f\u308c\u308b\u30b5\u30a4\u30f3\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\n <\/p>\n <\/section>\n\n \n <section class=\"bg-white rounded-lg shadow-lg p-8 md:p-12 fade-in-section mb-20\">\n <h2 class=\"text-2xl md:text-3xl font-bold mb-4 text-center\">\u3042\u306a\u305f\u306e\u8679\u3092\u63cf\u3044\u3066\u307f\u3088\u3046<\/h2>\n <p class=\"text-base text-gray-600 mb-8 text-center\">\n \u3042\u306a\u305f\u306e\u4eba\u751f\u3068\u3044\u3046\u30ad\u30e3\u30f3\u30d0\u30b9\u306b\u3001\u3042\u306a\u305f\u3060\u3051\u306e\u8272\u3067\u3001\u58ee\u5927\u306a\u8679\u3092\u63cf\u3044\u3066\u3044\u304d\u307e\u3057\u3087\u3046\u3002\n <\/p>\n <div class=\"md:flex md:items-center md:gap-8\">\n <div class=\"md:w-1\/2\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1554415707-6e8cfc93fe23?q=80&w=1200\" \n alt=\"\u30ce\u30fc\u30c8\u30d1\u30bd\u30b3\u30f3\u3067\u4f5c\u696d\u3057\u3001\u30ad\u30e3\u30ea\u30a2\u306b\u3064\u3044\u3066\u8003\u3048\u308b\u5973\u6027\" \n class=\"rounded-lg shadow-md mb-6 md:mb-0 w-full h-auto object-cover\"\n onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/600x400\/E0E7FF\/4F46E5?text=Image+Not+Found';\">\n <\/div>\n <div class=\"md:w-1\/2 text-left\">\n <p><strong>\u554f\u3044\u304b\u3051\u3066\u307f\u307e\u3057\u3087\u3046:<\/strong><\/p>\n <ul class=\"list-disc list-inside text-gray-700 space-y-2 mt-4 text-base\">\n <li>\u3042\u306a\u305f\u306f\u4eca\u3001\u3069\u306e\u30e9\u30a4\u30d5\u30fb\u30b9\u30c6\u30fc\u30b8\u306b\u3044\u307e\u3059\u304b\uff1f<\/li>\n <li>\u73fe\u5728\u3001\u3069\u306e\u30e9\u30a4\u30d5\u30fb\u30ed\u30fc\u30eb\u306b\u6700\u3082\u6642\u9593\u3068\u30a8\u30cd\u30eb\u30ae\u30fc\u3092\u6ce8\u3044\u3067\u3044\u307e\u3059\u304b\uff1f<\/li>\n <li>5\u5e74\u5f8c\u300110\u5e74\u5f8c\u3001\u3042\u306a\u305f\u306e\u8679\u306f\u3069\u3093\u306a\u5f62\u3084\u8272\u306b\u306a\u3063\u3066\u3044\u308b\u3067\u3057\u3087\u3046\u304b\uff1f<\/li>\n <li>\u3042\u306a\u305f\u304c\u5927\u5207\u306b\u3057\u305f\u3044\u300c\u81ea\u5df1\u6982\u5ff5\u300d\u3068\u306f\u4f55\u3067\u3059\u304b\uff1f<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"fade-in-section\">\n <h2 class=\"text-2xl md:text-3xl font-bold text-center mb-10\">\u95a2\u9023\u8a18\u4e8b<\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-12\">\n \n <a href=\"#\" class=\"article-card block p-6 bg-white rounded-lg shadow-md border-t-4 border-indigo-500\">\n <h3 class=\"font-bold text-indigo-800\">\u983b\u51fa\u7406\u8ad6\u5bb6\u3092\u7dcf\u307e\u3068\u3081\uff01\u5b66\u79d1\u8a66\u9a13\u5bfe\u7b56\u306e\u8981\u70b9<\/h3>\n <p class=\"text-gray-600 mt-2 text-sm\">\u30b9\u30fc\u30d1\u30fc\u3001\u30db\u30e9\u30f3\u30c9\u3001\u30b7\u30e3\u30a4\u30f3\u2026\u8a66\u9a13\u306b\u51fa\u308b\u91cd\u8981\u4eba\u7269\u3092\u4e00\u89a7\u3067\u89e3\u8aac\u3002<\/p>\n <\/a>\n \n <a href=\"#\" class=\"article-card block p-6 bg-white rounded-lg shadow-md border-t-4 border-indigo-500\">\n <h3 class=\"font-bold text-indigo-800\">\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u7406\u8ad6\u306e\u5909\u9077\u3068\u4e3b\u8981\u30a2\u30d7\u30ed\u30fc\u30c1<\/h3>\n <p class=\"text-gray-600 mt-2 text-sm\">\u7cbe\u795e\u5206\u6790\u304b\u3089\u8a8d\u77e5\u884c\u52d5\u7642\u6cd5\u307e\u3067\u3001\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u306e\u6b74\u53f2\u3068\u6280\u6cd5\u3092\u5b66\u3076\u3002<\/p>\n <\/a>\n \n <a href=\"#\" class=\"article-card block p-6 bg-white rounded-lg shadow-md border-t-4 border-indigo-500\">\n <h3 class=\"font-bold text-indigo-800\">\u52b4\u50cd\u5e02\u5834\u306e\u77e5\u8b58\u3068\u95a2\u9023\u6cd5\u898f\u3010\u5fc5\u4fee\u30dd\u30a4\u30f3\u30c8\u3011<\/h3>\n <p class=\"text-gray-600 mt-2 text-sm\">\u52b4\u50cd\u65bd\u7b56\u7dcf\u5408\u63a8\u9032\u6cd5\u306a\u3069\u3001\u30ad\u30e3\u30ea\u30b3\u30f3\u3068\u3057\u3066\u77e5\u308b\u3079\u304d\u6cd5\u5f8b\u3092\u308f\u304b\u308a\u3084\u3059\u304f\u3002<\/p>\n <\/a>\n \n <a href=\"#\" class=\"article-card block p-6 bg-white rounded-lg shadow-md border-t-4 border-indigo-500\">\n <h3 class=\"font-bold text-indigo-800\">\u30a2\u30bb\u30b9\u30e1\u30f3\u30c8\u30c4\u30fc\u30eb\u306e\u7a2e\u985e\u3068\u6d3b\u7528\u6cd5<\/h3>\n <p class=\"text-gray-600 mt-2 text-sm\">VPI\u3001GATB\u3001\u30ad\u30e3\u30ea\u30a2\u30fb\u30a2\u30f3\u30ab\u30fc\u7b49\u306e\u7279\u5fb4\u3068\u9762\u8ac7\u3067\u306e\u4f7f\u3044\u65b9\u3002<\/p>\n <\/a>\n \n <a href=\"#\" class=\"article-card block p-6 bg-white rounded-lg shadow-md border-t-4 border-indigo-500\">\n <h3 class=\"font-bold text-indigo-800\">\u4e8b\u4f8b\u554f\u984c\u306b\u5f37\u304f\u306a\u308b\uff01\u9010\u8a9e\u8a18\u9332\u306e\u8aad\u307f\u89e3\u304d\u65b9<\/h3>\n <p class=\"text-gray-600 mt-2 text-sm\">\u76f8\u8ac7\u8005\u306e\u554f\u984c\u628a\u63e1\u3068\u3001\u9069\u5207\u306a\u5fdc\u7b54\u30fb\u5c55\u958b\u306e\u30d1\u30bf\u30fc\u30f3\u3092\u5fb9\u5e95\u6f14\u7fd2\u3002<\/p>\n <\/a>\n <\/div>\n <div class=\"text-center\">\n <a href=\"https:\/\/career-c.sognoplanning.com\/?page_id=55\" \n class=\"inline-block bg-indigo-600 text-white font-bold py-3 px-8 rounded-lg shadow-md hover:bg-indigo-700 transition-colors\">\n \u30ad\u30e3\u30ea\u30b3\u30f3\u306e\u305f\u3081\u306e\u5b66\u7fd2\u30dd\u30fc\u30bf\u30eb\u3078\u623b\u308b\n <\/a>\n <\/div>\n <\/section>\n\n <\/main>\n\n <footer class=\"text-center py-8 mt-12 bg-gray-200\">\n <p class=\"text-gray-600\">\u00a9 \u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4<\/p>\n <\/footer>\n\n <script>\n const sections = document.querySelectorAll('.fade-in-section');\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('is-visible');\n }\n });\n }, {\n threshold: 0.1\n });\n\n sections.forEach(section => {\n observer.observe(section);\n });\n <\/script>\n\n<\/body>\n<\/html>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center\">\u3010\u95a2\u9023\u8a18\u4e8b\u3011<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/career-c.sognoplanning.com\/?page_id=2651\" target=\"_blank\" rel=\"noreferrer noopener\">\u3010\u30b8\u30a7\u30fc\u30e0\u30ba\u30fb\u30de\u30fc\u30b7\u30e3\u3011\u81ea\u5206\u63a2\u3057\u306e\u65c5\u306b\u3001\u5c11\u3057\u75b2\u308c\u3066\u3057\u307e\u3063\u305f\u3042\u306a\u305f\u3078\u3002\u5fc3\u7406\u5b66\u8005\u30de\u30fc\u30b7\u30e3\u304c\u89e3\u304d\u660e\u304b\u3059\u300c\u30a2\u30a4\u30c7\u30f3\u30c6\u30a3\u30c6\u30a3\u300d\u306e\u7269\u8a9e<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/career-c.sognoplanning.com\/?page_id=2487\" target=\"_blank\" rel=\"noreferrer noopener\">\u3010\u30a8\u30ea\u30af\u30fb\u30a8\u30ea\u30af\u30bd\u30f3\u3011\u300c\u81ea\u5206\u3068\u306f\u4f55\u8005\u304b\uff1f\u300d\u2015 \u30a8\u30ea\u30af\u30fb\u30a8\u30ea\u30af\u30bd\u30f3\u306e\u751f\u6daf\u3068\u3001\u4eba\u751f\u306e\u5730\u56f3\u3092\u63cf\u3044\u305f\u5fc3\u7406\u5b66<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/career-c.sognoplanning.com\/?page_id=2645\" target=\"_blank\" rel=\"noreferrer noopener\">\u3010\u30a6\u30a3\u30ea\u30a2\u30e0\u30fb\u30d6\u30ea\u30c3\u30b8\u30ba\u3011\u8ee2\u8077\u3084\u7570\u52d5\u3067\u3001\u306a\u305c\u304b\u5fc3\u304c\u6674\u308c\u306a\u3044\u3002\u305d\u306e\u300c\u30e2\u30e4\u30e2\u30e4\u300d\u306b\u306f\u3001\u610f\u5473\u304c\u3042\u308a\u307e\u3059\uff08\u30d6\u30ea\u30c3\u30b8\u30ba\u306e\u8ee2\u6a5f\u306e\u7406\u8ad6\uff09<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/career-c.sognoplanning.com\/?page_id=2651\" target=\"_blank\" rel=\"noreferrer noopener\">\u3010\u30b8\u30a7\u30fc\u30e0\u30ba\u30fb\u30de\u30fc\u30b7\u30e3\u3011\u81ea\u5206\u63a2\u3057\u306e\u65c5\u306b\u3001\u5c11\u3057\u75b2\u308c\u3066\u3057\u307e\u3063\u305f\u3042\u306a\u305f\u3078\u3002\u5fc3\u7406\u5b66\u8005\u30de\u30fc\u30b7\u30e3\u304c\u89e3\u304d\u660e\u304b\u3059\u300c\u30a2\u30a4\u30c7\u30f3\u30c6\u30a3\u30c6\u30a3\u300d\u306e\u7269\u8a9e<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/career-c.sognoplanning.com\/?page_id=2663\" target=\"_blank\" rel=\"noreferrer noopener\">\u3010\u30c0\u30b0\u30e9\u30b9\u30fb\u30db\u30fc\u30eb\u3011\u30ad\u30e3\u30ea\u30a2\u306eOS\u306f\u3001\u81ea\u5206\u3067\u66f8\u304d\u63db\u3048\u308b\u3002\u300c\u30d7\u30ed\u30c6\u30a3\u30a2\u30f3\u30fb\u30ad\u30e3\u30ea\u30a2\u300d\u7406\u8ad6\u3068\u3001\u305d\u306e\u539f\u70b9\u306b\u3042\u308b\u7236\u306e\u7269\u8a9e<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/career-c.sognoplanning.com\/?page_id=55\" target=\"_blank\" rel=\"noreferrer noopener\">\uff08\u30ad\u30e3\u30ea\u30b3\u30f3\u306e\u305f\u3081\u306e\u5b66\u7fd2\u30dd\u30fc\u30bf\u30eb\uff09\u30ad\u30e3\u30ea\u30b3\u30f3\u304a\u5f79\u7acb\u3061\u60c5\u5831<\/a><\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center\">\u00a9 2025 \u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4 All Rights Re<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u30c9\u30ca\u30eb\u30c9\u30fb\u30b9\u30fc\u30d1\u30fc\u306e\u30e9\u30a4\u30d5\u30fb\u30ad\u30e3\u30ea\u30a2\u30fb\u30ec\u30a4\u30f3\u30dc\u30fc\u7406\u8ad6 \u30e9\u30a4\u30d5\u30fb\u30ad\u30e3\u30ea\u30a2\u30fb\u30ec\u30a4\u30f3\u30dc\u30fc \u30c9\u30ca\u30eb\u30c9\u30fb\u30b9\u30fc\u30d1\u30fc\u3068\u63cf\u304f\u3001\u3042\u306a\u305f\u3060\u3051\u306e\u4eba\u751f\u306e\u7269\u8a9e \u30ad\u30e3\u30ea\u30a2\u306f\u300c\u8077\u696d\u300d\u3060\u3051\u3067\u306f\u306a\u3044 \u30ad\u30e3\u30ea\u30a2\u767a\u9054\u7406\u8ad6\u306e\u5de8\u5320\u3001\u30c9\u30ca\u30eb\u30c9\u30fb\u30b9\u30fc\u30d1\u30fc\u306f\u3001\u30ad\u30e3\u30ea\u30a2 […]<\/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-2447","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\/2447","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=2447"}],"version-history":[{"count":4,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages\/2447\/revisions"}],"predecessor-version":[{"id":2670,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages\/2447\/revisions\/2670"}],"wp:attachment":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2447"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2447,"date":"2025-08-25T09:11:58","date_gmt":"2025-08-25T00:11:58","guid":{"rendered":"https:\/\/career-c.sognoplanning.com\/?page_id=2447"},"modified":"2025-10-08T09:10:32","modified_gmt":"2025-10-08T00:10:32","slug":"%e3%83%89%e3%83%8a%e3%83%ab%e3%83%89%e3%83%bb%e3%82%b9%e3%83%bc%e3%83%91%e3%83%bc%e3%81%ae%e3%80%8c%e3%83%a9%e3%82%a4%e3%83%95%e3%83%bb%e3%82%ad%e3%83%a3%e3%83%aa%e3%82%a2%e3%83%bb%e3%83%ac%e3%82%a4","status":"publish","type":"page","link":"https:\/\/career-c.sognoplanning.com\/?page_id=2447","title":{"rendered":"\u30c9\u30ca\u30eb\u30c9\u30fb\u30b9\u30fc\u30d1\u30fc\u306e\u300c\u30e9\u30a4\u30d5\u30fb\u30ad\u30e3\u30ea\u30a2\u30fb\u30ec\u30a4\u30f3\u30dc\u30fc\u300d"},"content":{"rendered":"\n\n\n\n \n \n \u30c9\u30ca\u30eb\u30c9\u30fb\u30b9\u30fc\u30d1\u30fc\u306e\u30e9\u30a4\u30d5\u30fb\u30ad\u30e3\u30ea\u30a2\u30fb\u30ec\u30a4\u30f3\u30dc\u30fc\u7406\u8ad6<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/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=Inter:wght@400;700&family=Noto+Sans+JP:wght@400;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Inter', 'Noto Sans JP', sans-serif;\n scroll-behavior: smooth;\n }\n .fade-in-section {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity: 0.6s ease-out, transform 0.6s ease-out;\n }\n .fade-in-section.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n .rainbow-gradient-text {\n background: linear-gradient(to right, #ef4444, #f97316, #eab308, #84cc16, #22c55e, #14b8a6, #3b82f6, #8b5cf6);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n }\n .stage-card, .role-card, .article-card {\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n .stage-card:hover, .role-card:hover, .article-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-50 text-gray-800\">\n\n \n <header class=\"text-center py-16 md:py-24 bg-white shadow-sm\">\n <div class=\"container mx-auto px-6\">\n <h1 class=\"text-3xl md:text-5xl font-bold mb-4 rainbow-gradient-text\">\u30e9\u30a4\u30d5\u30fb\u30ad\u30e3\u30ea\u30a2\u30fb\u30ec\u30a4\u30f3\u30dc\u30fc<\/h1>\n <p class=\"text-md md:text-lg text-gray-600\">\u30c9\u30ca\u30eb\u30c9\u30fb\u30b9\u30fc\u30d1\u30fc\u3068\u63cf\u304f\u3001\u3042\u306a\u305f\u3060\u3051\u306e\u4eba\u751f\u306e\u7269\u8a9e<\/p>\n <svg class=\"mx-auto mt-8 w-32 h-auto\" viewBox=\"0 0 100 50\">\n <path d=\"M 10 50 A 40 40 0 0 1 90 50\" fill=\"none\" stroke=\"#ef4444\" stroke-width=\"5\"\/>\n <path d=\"M 15 50 A 35 35 0 0 1 85 50\" fill=\"none\" stroke=\"#f97316\" stroke-width=\"5\"\/>\n <path d=\"M 20 50 A 30 30 0 0 1 80 50\" fill=\"none\" stroke=\"#eab308\" stroke-width=\"5\"\/>\n <path d=\"M 25 50 A 25 25 0 0 1 75 50\" fill=\"none\" stroke=\"#84cc16\" stroke-width=\"5\"\/>\n <path d=\"M 30 50 A 20 20 0 0 1 70 50\" fill=\"none\" stroke=\"#22c55e\" stroke-width=\"5\"\/>\n <path d=\"M 35 50 A 15 15 0 0 1 65 50\" fill=\"none\" stroke=\"#14b8a6\" stroke-width=\"5\"\/>\n <\/svg>\n <\/div>\n <\/header>\n\n <main class=\"container mx-auto px-6 py-12 md:py-20\">\n\n \n <section class=\"max-w-3xl mx-auto text-center mb-20 fade-in-section\">\n <h2 class=\"text-2xl md:text-3xl font-bold mb-4\">\u30ad\u30e3\u30ea\u30a2\u306f\u300c\u8077\u696d\u300d\u3060\u3051\u3067\u306f\u306a\u3044<\/h2>\n <p class=\"text-base text-gray-700 leading-relaxed\">\n \u30ad\u30e3\u30ea\u30a2\u767a\u9054\u7406\u8ad6\u306e\u5de8\u5320\u3001\u30c9\u30ca\u30eb\u30c9\u30fb\u30b9\u30fc\u30d1\u30fc\u306f\u3001\u30ad\u30e3\u30ea\u30a2\u3092\u751f\u6daf\u306b\u308f\u305f\u308b\u30d7\u30ed\u30bb\u30b9\u3068\u6349\u3048\u307e\u3057\u305f\u3002\u305d\u308c\u306f\u4ed5\u4e8b\u3060\u3051\u3067\u306a\u304f\u3001\u5bb6\u5ead\u3001\u5b66\u3073\u3001\u8da3\u5473\u306a\u3069\u3001\u4eba\u751f\u306e\u69d8\u3005\u306a\u5f79\u5272\uff08\u30e9\u30a4\u30d5\u30fb\u30ed\u30fc\u30eb\uff09\u304c\u3001\u6642\u9593\u306e\u7d4c\u904e\uff08\u30e9\u30a4\u30d5\u30fb\u30b9\u30c6\u30fc\u30b8\uff09\u3068\u5171\u306b\u91cd\u306a\u308a\u5408\u3063\u3066\u63cf\u304b\u308c\u308b\u3001\u58ee\u5927\u306a\u300c\u8679\u300d\u306e\u3088\u3046\u306a\u3082\u306e\u3060\u3068\u8003\u3048\u305f\u306e\u3067\u3059\u3002\n <\/p>\n <\/section>\n\n \n <section class=\"mb-20 fade-in-section\">\n <h2 class=\"text-2xl md:text-3xl font-bold text-center mb-10\">\u8679\u306e\u5f27\uff1a5\u3064\u306e\u30e9\u30a4\u30d5\u30fb\u30b9\u30c6\u30fc\u30b8<\/h2>\n <div class=\"relative\">\n \n <div class=\"hidden md:block absolute top-5 left-1\/2 w-0.5 h-full bg-indigo-200 -translate-x-1\/2\"><\/div>\n \n <div class=\"space-y-12 md:space-y-0\">\n \n <div class=\"md:grid md:grid-cols-2 md:gap-8 items-center fade-in-section\">\n <div class=\"md:text-right md:pr-8 mb-4 md:mb-0\">\n <h3 class=\"text-xl font-bold text-green-600\">\u6210\u9577\u6bb5\u968e<\/h3>\n <p class=\"text-gray-500 text-sm\">0\u6b73\u301c14\u6b73\u9803<\/p>\n <\/div>\n <div class=\"relative stage-card bg-white p-6 rounded-lg shadow-md border-l-4 border-green-500\">\n <div class=\"hidden md:block absolute top-6 -left-10 w-4 h-4 bg-green-500 rounded-full\"><\/div>\n <p class=\"font-semibold\">\u30ad\u30fc\u30ef\u30fc\u30c9\uff1a\u81ea\u5df1\u6982\u5ff5\u306e\u5f62\u6210<\/p>\n <p class=\"text-gray-600 mt-2 text-sm leading-relaxed\">\u5bb6\u5ead\u3084\u5b66\u6821\u751f\u6d3b\u3092\u901a\u3058\u3066\u300c\u81ea\u5206\u3068\u306f\u4f55\u304b\u300d\u3068\u3044\u3046\u81ea\u5df1\u6982\u5ff5\u3092\u767a\u9054\u3055\u305b\u308b\u6642\u671f\u3002\u306f\u3058\u3081\u306f\u7a7a\u60f3\uff08\u6d88\u9632\u58eb\u306b\u306a\u308a\u305f\u3044\u7b49\uff09\u3067\u8077\u696d\u3092\u8003\u3048\u307e\u3059\u304c\u3001\u6b21\u7b2c\u306b\u81ea\u5206\u306e\u8208\u5473\uff08\u30b2\u30fc\u30e0\u304c\u597d\u304d\uff09\u3084\u80fd\u529b\uff08\u7d75\u304c\u5f97\u610f\uff09\u306b\u57fa\u3065\u3044\u3066\u8003\u3048\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002\u5468\u56f2\u306e\u5927\u4eba\u3068\u306e\u540c\u4e00\u5316\u304c\u3001\u8077\u696d\u7684\u81ea\u6211\u306e\u57fa\u790e\u3092\u7bc9\u304d\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n \n <div class=\"md:grid md:grid-cols-2 md:gap-8 items-center fade-in-section\">\n <div class=\"md:col-start-2 md:pl-8 mb-4 md:mb-0\">\n <h3 class=\"text-xl font-bold text-yellow-600\">\u63a2\u7d22\u6bb5\u968e<\/h3>\n <p class=\"text-gray-500 text-sm\">15\u6b73\u301c24\u6b73\u9803<\/p>\n <\/div>\n <div class=\"md:col-start-1 md:row-start-1 md:text-right stage-card bg-white p-6 rounded-lg shadow-md border-r-4 md:border-r-0 md:border-l-4 border-yellow-500\">\n <div class=\"hidden md:block absolute top-6 -right-10 md:-left-10 w-4 h-4 bg-yellow-500 rounded-full\"><\/div>\n <p class=\"font-semibold\">\u30ad\u30fc\u30ef\u30fc\u30c9\uff1a\u8a66\u884c\u3068\u73fe\u5b9f\u541f\u5473<\/p>\n <p class=\"text-gray-600 mt-2 text-sm leading-relaxed\">\u5b66\u6821\u306e\u6388\u696d\u3001\u30af\u30e9\u30d6\u6d3b\u52d5\u3001\u30a2\u30eb\u30d0\u30a4\u30c8\u306a\u3069\u3092\u901a\u3058\u3066\u3001\u69d8\u3005\u306a\u8077\u696d\u7684\u5f79\u5272\u3092\u8a66\u884c\u932f\u8aa4\u3059\u308b\u6642\u671f\u3067\u3059\u3002\u66ab\u5b9a\u7684\u306b\u30ad\u30e3\u30ea\u30a2\u3092\u9078\u629e\u3057\u3001\u73fe\u5b9f\u306b\u7167\u3089\u3057\u5408\u308f\u305b\u3066\u541f\u5473\u3057\uff08\u73fe\u5b9f\u541f\u5473\uff09\u3001\u6700\u521d\u306e\u4ed5\u4e8b\u306b\u5c31\u304f\u3053\u3068\u3067\u3001\u81ea\u5df1\u6982\u5ff5\u3092\u691c\u8a3c\u3057\u307e\u3059\u3002\u591a\u304f\u306e\u9078\u629e\u80a2\u3068\u5411\u304d\u5408\u3046\u91cd\u8981\u306a\u8ee2\u63db\u671f\u3067\u3059\u3002<\/p>\n <\/div>\n <\/div>\n \n <div class=\"md:grid md:grid-cols-2 md:gap-8 items-center fade-in-section\">\n <div class=\"md:text-right md:pr-8 mb-4 md:mb-0\">\n <h3 class=\"text-xl font-bold text-blue-600\">\u78ba\u7acb\u6bb5\u968e<\/h3>\n <p class=\"text-gray-500 text-sm\">25\u6b73\u301c44\u6b73\u9803<\/p>\n <\/div>\n <div class=\"relative stage-card bg-white p-6 rounded-lg shadow-md border-l-4 border-blue-500\">\n <div class=\"hidden md:block absolute top-6 -left-10 w-4 h-4 bg-blue-500 rounded-full\"><\/div>\n <p class=\"font-semibold\">\u30ad\u30fc\u30ef\u30fc\u30c9\uff1a\u5b89\u5b9a\u3068\u524d\u9032<\/p>\n <p class=\"text-gray-600 mt-2 text-sm leading-relaxed\">\u81ea\u5206\u306b\u9069\u3057\u305f\u8077\u696d\u5206\u91ce\u3092\u898b\u3064\u3051\u3001\u305d\u3053\u3067\u78ba\u56fa\u305f\u308b\u5730\u4f4d\u3092\u7bc9\u3053\u3046\u3068\u3059\u308b\u6642\u671f\u3002\u8a66\u884c\u932f\u8aa4\u3092\u7d4c\u3066\u5206\u91ce\u3092\u7279\u5b9a\u3057\uff08\u5b89\u5b9a\u5316\uff09\u3001\u30b9\u30ad\u30eb\u30a2\u30c3\u30d7\u3084\u6607\u9032\u3092\u901a\u3058\u3066\u30ad\u30e3\u30ea\u30a2\u3092\u524d\u9032\u3055\u305b\u307e\u3059\u3002\u4ed5\u4e8b\u3068\u540c\u6642\u306b\u3001\u5bb6\u5ead\u4eba\u3084\u89aa\u3068\u3044\u3063\u305f\u65b0\u305f\u306a\u5f79\u5272\u3068\u306e\u30d0\u30e9\u30f3\u30b9\u304c\u8ab2\u984c\u3068\u306a\u308b\u3053\u3068\u3082\u591a\u3044\u3067\u3059\u3002<\/p>\n <\/div>\n <\/div>\n \n <div class=\"md:grid md:grid-cols-2 md:gap-8 items-center fade-in-section\">\n <div class=\"md:col-start-2 md:pl-8 mb-4 md:mb-0\">\n <h3 class=\"text-xl font-bold text-purple-600\">\u7dad\u6301\u6bb5\u968e<\/h3>\n <p class=\"text-gray-500 text-sm\">45\u6b73\u301c64\u6b73\u9803<\/p>\n <\/div>\n <div class=\"md:col-start-1 md:row-start-1 md:text-right stage-card bg-white p-6 rounded-lg shadow-md border-r-4 md:border-r-0 md:border-l-4 border-purple-500\">\n <div class=\"hidden md:block absolute top-6 -right-10 md:-left-10 w-4 h-4 bg-purple-500 rounded-full\"><\/div>\n <p class=\"font-semibold\">\u30ad\u30fc\u30ef\u30fc\u30c9\uff1a\u4fdd\u6301\u3068\u66f4\u65b0<\/p>\n <p class=\"text-gray-600 mt-2 text-sm leading-relaxed\">\u7bc9\u304d\u4e0a\u3052\u305f\u8077\u696d\u7684\u5730\u4f4d\u3084\u5c02\u9580\u6027\u3092\u7dad\u6301\u3059\u308b\u6bb5\u968e\u3002\u73fe\u72b6\u7dad\u6301\u3060\u3051\u3067\u306a\u304f\u3001\u6280\u8853\u9769\u65b0\u3084\u74b0\u5883\u5909\u5316\u306b\u5bfe\u5fdc\u3059\u308b\u305f\u3081\u306e\u77e5\u8b58\u30fb\u30b9\u30ad\u30eb\u306e\u66f4\u65b0\uff08\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\uff09\u304c\u6c42\u3081\u3089\u308c\u307e\u3059\u3002\u5f8c\u9032\u306e\u80b2\u6210\u3084\u3001\u9577\u5e74\u306e\u7d4c\u9a13\u3092\u6d3b\u304b\u3057\u305f\u65b0\u305f\u306a\u8ca2\u732e\uff08\u30a4\u30ce\u30d9\u30fc\u30b7\u30e7\u30f3\uff09\u3082\u91cd\u8981\u306a\u30c6\u30fc\u30de\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n \n <div class=\"md:grid md:grid-cols-2 md:gap-8 items-center fade-in-section\">\n <div class=\"md:text-right md:pr-8 mb-4 md:mb-0\">\n <h3 class=\"text-xl font-bold text-red-600\">\u89e3\u653e\u6bb5\u968e<\/h3>\n <p class=\"text-gray-500 text-sm\">65\u6b73\u4ee5\u964d<\/p>\n <\/div>\n <div class=\"relative stage-card bg-white p-6 rounded-lg shadow-md border-l-4 border-red-500\">\n <div class=\"hidden md:block absolute top-6 -left-10 w-4 h-4 bg-red-500 rounded-full\"><\/div>\n <p class=\"font-semibold\">\u30ad\u30fc\u30ef\u30fc\u30c9\uff1a\u5f15\u9000\u3068\u518d\u7126\u70b9\u5316<\/p>\n <p class=\"text-gray-600 mt-2 text-sm leading-relaxed\">\u4ed5\u4e8b\u306e\u30da\u30fc\u30b9\u3092\u843d\u3068\u3057\uff08\u6e1b\u901f\uff09\u3001\u3084\u304c\u3066\u306f\u8077\u696d\u4eba\u3068\u3057\u3066\u306e\u5f79\u5272\u304b\u3089\u5f15\u9000\u3059\u308b\u6bb5\u968e\u3002\u52b4\u50cd\u8005\u3068\u3057\u3066\u306e\u5f79\u5272\u304b\u3089\u89e3\u653e\u3055\u308c\u3001\u3053\u308c\u307e\u3067\u5341\u5206\u306b\u6642\u9593\u3092\u5272\u3051\u306a\u304b\u3063\u305f\u4ed6\u306e\u5f79\u5272\uff08\u4f59\u6687\u4eba\u3001\u5e02\u6c11\u306a\u3069\uff09\u306b\u4eba\u751f\u306e\u7126\u70b9\u3092\u79fb\u3057\u3001\u65b0\u305f\u306a\u751f\u304d\u304c\u3044\u3092\u898b\u3064\u3051\u308b\u6642\u671f\u3067\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"mb-20 fade-in-section\">\n <h2 class=\"text-2xl md:text-3xl font-bold text-center mb-10\">\u8679\u306e\u8272\u5f69\uff1a9\u3064\u306e\u30e9\u30a4\u30d5\u30fb\u30ed\u30fc\u30eb<\/h2>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6\">\n <div class=\"role-card p-6 bg-white rounded-lg shadow-md text-center border-t-4 border-red-400\">\n <h3 class=\"text-lg font-bold\">\u5b50\u3069\u3082<\/h3>\n <p class=\"text-gray-600 mt-2 text-sm leading-relaxed\">\u89aa\u3068\u306e\u95a2\u4fc2\u306b\u304a\u3051\u308b\u5f79\u5272\u3002\u4eba\u751f\u3067\u6700\u521d\u306b\u7d4c\u9a13\u3057\u3001\u751f\u6daf\u7d9a\u304f\u5f79\u5272\u3067\u3059\u3002\u4f9d\u5b58\u304b\u3089\u81ea\u7acb\u3001\u305d\u3057\u3066\u89aa\u306e\u30b1\u30a2\u3078\u3068\u95a2\u4fc2\u6027\u306f\u5909\u5316\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"role-card p-6 bg-white rounded-lg shadow-md text-center border-t-4 border-orange-400\">\n <h3 class=\"text-lg font-bold\">\u5b66\u751f<\/h3>\n <p class=\"text-gray-600 mt-2 text-sm leading-relaxed\">\u5b66\u3076\u4eba\u3068\u3057\u3066\u306e\u5f79\u5272\u3002\u5b66\u6821\u6559\u80b2\u306b\u59cb\u307e\u308a\u3001\u30ad\u30e3\u30ea\u30a2\u306e\u305f\u3081\u306e\u5c02\u9580\u77e5\u8b58\u7fd2\u5f97\u3001\u8da3\u5473\u306e\u5b66\u7fd2\u306a\u3069\u3001\u751f\u6daf\u306b\u308f\u305f\u308a\u65ad\u7d9a\u7684\u306b\u767a\u751f\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"role-card p-6 bg-white rounded-lg shadow-md text-center border-t-4 border-yellow-400\">\n <h3 class=\"text-lg font-bold\">\u52b4\u50cd\u8005<\/h3>\n <p class=\"text-gray-600 mt-2 text-sm leading-relaxed\">\u5bfe\u4fa1\u3092\u5f97\u3066\u5546\u54c1\u3084\u30b5\u30fc\u30d3\u30b9\u3092\u751f\u307f\u51fa\u3059\u5f79\u5272\u3002\u591a\u304f\u306e\u4eba\u306b\u3068\u3063\u3066\u30ad\u30e3\u30ea\u30a2\u306e\u4e2d\u6838\u3092\u306a\u3057\u3001\u81ea\u5df1\u5b9f\u73fe\u3084\u7d4c\u6e08\u7684\u57fa\u76e4\u306b\u76f4\u7d50\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"role-card p-6 bg-white rounded-lg shadow-md text-center border-t-4 border-lime-500\">\n <h3 class=\"text-lg font-bold\">\u914d\u5076\u8005<\/h3>\n <p class=\"text-gray-600 mt-2 text-sm leading-relaxed\">\u30d1\u30fc\u30c8\u30ca\u30fc\u3068\u306e\u95a2\u4fc2\u3092\u7dad\u6301\u30fb\u767a\u5c55\u3055\u305b\u308b\u5f79\u5272\u3002\u60c5\u7dd2\u7684\u306a\u652f\u3048\u5408\u3044\u3084\u5171\u540c\u751f\u6d3b\u306e\u904b\u55b6\u306a\u3069\u3001\u591a\u304f\u306e\u6642\u9593\u3068\u30a8\u30cd\u30eb\u30ae\u30fc\u3092\u8981\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"role-card p-6 bg-white rounded-lg shadow-md text-center border-t-4 border-green-500\">\n <h3 class=\"text-lg font-bold\">\u5bb6\u5ead\u4eba<\/h3>\n <p class=\"text-gray-600 mt-2 text-sm leading-relaxed\">\u5bb6\u5ead\u74b0\u5883\u306e\u7dad\u6301\u30fb\u7ba1\u7406\u3092\u62c5\u3046\u5f79\u5272\u3002\u6383\u9664\u3001\u6d17\u6fef\u3001\u6599\u7406\u3001\u5bb6\u8a08\u7ba1\u7406\u306a\u3069\u3001\u5feb\u9069\u306a\u5bb6\u5ead\u751f\u6d3b\u3092\u652f\u3048\u308b\u8cac\u4efb\u3092\u8ca0\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"role-card p-6 bg-white rounded-lg shadow-md text-center border-t-4 border-teal-400\">\n <h3 class=\"text-lg font-bold\">\u89aa<\/h3>\n <p class=\"text-gray-600 mt-2 text-sm leading-relaxed\">\u5b50\u3069\u3082\u3092\u990a\u80b2\u3057\u3001\u793e\u4f1a\u306e\u4e00\u54e1\u3068\u3057\u3066\u80b2\u3066\u308b\u5f79\u5272\u3002\u5b50\u3069\u3082\u306e\u6210\u9577\u6bb5\u968e\u306b\u5fdc\u3058\u3066\u3001\u8eab\u4f53\u7684\u30fb\u7cbe\u795e\u7684\u306a\u30b5\u30dd\u30fc\u30c8\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"role-card p-6 bg-white rounded-lg shadow-md text-center border-t-4 border-cyan-400\">\n <h3 class=\"text-lg font-bold\">\u5e02\u6c11<\/h3>\n <p class=\"text-gray-600 mt-2 text-sm leading-relaxed\">\u5730\u57df\u793e\u4f1a\u3084\u56fd\u306e\u4e00\u54e1\u3068\u3057\u3066\u3001\u793e\u4f1a\u8ca2\u732e\u6d3b\u52d5\uff08\u30dc\u30e9\u30f3\u30c6\u30a3\u30a2\u3001\u81ea\u6cbb\u4f1a\u6d3b\u52d5\u306a\u3069\uff09\u306b\u53c2\u52a0\u3059\u308b\u5f79\u5272\u3002\u7121\u511f\u306e\u6d3b\u52d5\u304c\u4e2d\u5fc3\u3067\u3059\u3002<\/p>\n <\/div>\n <div class=\"role-card p-6 bg-white rounded-lg shadow-md text-center border-t-4 border-blue-400\">\n <h3 class=\"text-lg font-bold\">\u4f59\u6687\u4eba<\/h3>\n <p class=\"text-gray-600 mt-2 text-sm leading-relaxed\">\u8da3\u5473\u3001\u5a2f\u697d\u3001\u30b9\u30dd\u30fc\u30c4\u3001\u4f11\u606f\u306a\u3069\u3001\u81ea\u5df1\u306e\u88c1\u91cf\u3067\u6642\u9593\u3092\u697d\u3057\u3080\u5f79\u5272\u3002\u5fc3\u8eab\u306e\u30ea\u30d5\u30ec\u30c3\u30b7\u30e5\u3084\u81ea\u5df1\u8868\u73fe\u306e\u305f\u3081\u306b\u4e0d\u53ef\u6b20\u3067\u3059\u3002<\/p>\n <\/div>\n <div class=\"role-card p-6 bg-white rounded-lg shadow-md text-center border-t-4 border-purple-400\">\n <h3 class=\"text-lg font-bold\">\u5e74\u91d1\u53d7\u7d66\u8005<\/h3>\n <p class=\"text-gray-600 mt-2 text-sm leading-relaxed\">\u9000\u8077\u5f8c\u3001\u5e74\u91d1\u3084\u8caf\u84c4\u306b\u3088\u3063\u3066\u751f\u8a08\u3092\u7acb\u3066\u308b\u5f79\u5272\u3002\u52b4\u50cd\u8005\u304b\u3089\u306e\u79fb\u884c\u3067\u3042\u308a\u3001\u89e3\u653e\u6bb5\u968e\u3067\u4e2d\u5fc3\u7684\u306a\u7d4c\u6e08\u7684\u5f79\u5272\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"max-w-3xl mx-auto text-center mb-20 fade-in-section\">\n <h2 class=\"text-2xl md:text-3xl font-bold mb-6\">\u30ad\u30e3\u30ea\u30a2\u306f\u300c\u81ea\u5df1\u6982\u5ff5\u300d\u306e\u8868\u73fe<\/h2>\n <div class=\"bg-indigo-100 border-l-4 border-indigo-500 text-indigo-800 p-6 rounded-r-lg\">\n <p class=\"text-lg italic leading-relaxed\">\n \u300c\u30ad\u30e3\u30ea\u30a2\u3092\u9078\u629e\u3057\u3001\u305d\u308c\u306b\u5f93\u4e8b\u3059\u308b\u3053\u3068\u306f\u3001\u81ea\u5df1\u6982\u5ff5\u3092\u5b9f\u73fe\u3057\u3088\u3046\u3068\u3059\u308b\u8a66\u307f\u3067\u3042\u308b\u300d\n <\/p>\n <p class=\"text-right mt-2 font-semibold\">- \u30c9\u30ca\u30eb\u30c9\u30fb\u30b9\u30fc\u30d1\u30fc<\/p>\n <\/div>\n <p class=\"text-base text-gray-700 leading-relaxed mt-6\">\n \u300c\u81ea\u5206\u306f\u3069\u3093\u306a\u4eba\u9593\u304b\u300d\u3068\u3044\u3046\u30a4\u30e1\u30fc\u30b8\u3092\u3001\u4ed5\u4e8b\u3084\u4eba\u751f\u306e\u5f79\u5272\u3092\u901a\u3058\u3066\u8868\u73fe\u3059\u308b\u3053\u3068\u304c\u3001\u30ad\u30e3\u30ea\u30a2\u3092\u767a\u9054\u3055\u305b\u308b\u539f\u52d5\u529b\u306b\u306a\u308a\u307e\u3059\u3002\u30ad\u30e3\u30ea\u30a2\u306b\u60a9\u3080\u3068\u304d\u3001\u305d\u308c\u306f\u300c\u672c\u5f53\u306e\u81ea\u5206\u300d\u3068\u300c\u73fe\u5728\u306e\u5f79\u5272\u300d\u306e\u30ba\u30ec\u3092\u6559\u3048\u3066\u304f\u308c\u308b\u30b5\u30a4\u30f3\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\n <\/p>\n <\/section>\n\n \n <section class=\"bg-white rounded-lg shadow-lg p-8 md:p-12 fade-in-section mb-20\">\n <h2 class=\"text-2xl md:text-3xl font-bold mb-4 text-center\">\u3042\u306a\u305f\u306e\u8679\u3092\u63cf\u3044\u3066\u307f\u3088\u3046<\/h2>\n <p class=\"text-base text-gray-600 mb-8 text-center\">\n \u3042\u306a\u305f\u306e\u4eba\u751f\u3068\u3044\u3046\u30ad\u30e3\u30f3\u30d0\u30b9\u306b\u3001\u3042\u306a\u305f\u3060\u3051\u306e\u8272\u3067\u3001\u58ee\u5927\u306a\u8679\u3092\u63cf\u3044\u3066\u3044\u304d\u307e\u3057\u3087\u3046\u3002\n <\/p>\n <div class=\"md:flex md:items-center md:gap-8\">\n <div class=\"md:w-1\/2\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1554415707-6e8cfc93fe23?q=80&w=1200\" \n alt=\"\u30ce\u30fc\u30c8\u30d1\u30bd\u30b3\u30f3\u3067\u4f5c\u696d\u3057\u3001\u30ad\u30e3\u30ea\u30a2\u306b\u3064\u3044\u3066\u8003\u3048\u308b\u5973\u6027\" \n class=\"rounded-lg shadow-md mb-6 md:mb-0 w-full h-auto object-cover\"\n onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/600x400\/E0E7FF\/4F46E5?text=Image+Not+Found';\">\n <\/div>\n <div class=\"md:w-1\/2 text-left\">\n <p><strong>\u554f\u3044\u304b\u3051\u3066\u307f\u307e\u3057\u3087\u3046:<\/strong><\/p>\n <ul class=\"list-disc list-inside text-gray-700 space-y-2 mt-4 text-base\">\n <li>\u3042\u306a\u305f\u306f\u4eca\u3001\u3069\u306e\u30e9\u30a4\u30d5\u30fb\u30b9\u30c6\u30fc\u30b8\u306b\u3044\u307e\u3059\u304b\uff1f<\/li>\n <li>\u73fe\u5728\u3001\u3069\u306e\u30e9\u30a4\u30d5\u30fb\u30ed\u30fc\u30eb\u306b\u6700\u3082\u6642\u9593\u3068\u30a8\u30cd\u30eb\u30ae\u30fc\u3092\u6ce8\u3044\u3067\u3044\u307e\u3059\u304b\uff1f<\/li>\n <li>5\u5e74\u5f8c\u300110\u5e74\u5f8c\u3001\u3042\u306a\u305f\u306e\u8679\u306f\u3069\u3093\u306a\u5f62\u3084\u8272\u306b\u306a\u3063\u3066\u3044\u308b\u3067\u3057\u3087\u3046\u304b\uff1f<\/li>\n <li>\u3042\u306a\u305f\u304c\u5927\u5207\u306b\u3057\u305f\u3044\u300c\u81ea\u5df1\u6982\u5ff5\u300d\u3068\u306f\u4f55\u3067\u3059\u304b\uff1f<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"fade-in-section\">\n <h2 class=\"text-2xl md:text-3xl font-bold text-center mb-10\">\u95a2\u9023\u8a18\u4e8b<\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-12\">\n \n <a href=\"#\" class=\"article-card block p-6 bg-white rounded-lg shadow-md border-t-4 border-indigo-500\">\n <h3 class=\"font-bold text-indigo-800\">\u983b\u51fa\u7406\u8ad6\u5bb6\u3092\u7dcf\u307e\u3068\u3081\uff01\u5b66\u79d1\u8a66\u9a13\u5bfe\u7b56\u306e\u8981\u70b9<\/h3>\n <p class=\"text-gray-600 mt-2 text-sm\">\u30b9\u30fc\u30d1\u30fc\u3001\u30db\u30e9\u30f3\u30c9\u3001\u30b7\u30e3\u30a4\u30f3\u2026\u8a66\u9a13\u306b\u51fa\u308b\u91cd\u8981\u4eba\u7269\u3092\u4e00\u89a7\u3067\u89e3\u8aac\u3002<\/p>\n <\/a>\n \n <a href=\"#\" class=\"article-card block p-6 bg-white rounded-lg shadow-md border-t-4 border-indigo-500\">\n <h3 class=\"font-bold text-indigo-800\">\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u7406\u8ad6\u306e\u5909\u9077\u3068\u4e3b\u8981\u30a2\u30d7\u30ed\u30fc\u30c1<\/h3>\n <p class=\"text-gray-600 mt-2 text-sm\">\u7cbe\u795e\u5206\u6790\u304b\u3089\u8a8d\u77e5\u884c\u52d5\u7642\u6cd5\u307e\u3067\u3001\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u306e\u6b74\u53f2\u3068\u6280\u6cd5\u3092\u5b66\u3076\u3002<\/p>\n <\/a>\n \n <a href=\"#\" class=\"article-card block p-6 bg-white rounded-lg shadow-md border-t-4 border-indigo-500\">\n <h3 class=\"font-bold text-indigo-800\">\u52b4\u50cd\u5e02\u5834\u306e\u77e5\u8b58\u3068\u95a2\u9023\u6cd5\u898f\u3010\u5fc5\u4fee\u30dd\u30a4\u30f3\u30c8\u3011<\/h3>\n <p class=\"text-gray-600 mt-2 text-sm\">\u52b4\u50cd\u65bd\u7b56\u7dcf\u5408\u63a8\u9032\u6cd5\u306a\u3069\u3001\u30ad\u30e3\u30ea\u30b3\u30f3\u3068\u3057\u3066\u77e5\u308b\u3079\u304d\u6cd5\u5f8b\u3092\u308f\u304b\u308a\u3084\u3059\u304f\u3002<\/p>\n <\/a>\n \n <a href=\"#\" class=\"article-card block p-6 bg-white rounded-lg shadow-md border-t-4 border-indigo-500\">\n <h3 class=\"font-bold text-indigo-800\">\u30a2\u30bb\u30b9\u30e1\u30f3\u30c8\u30c4\u30fc\u30eb\u306e\u7a2e\u985e\u3068\u6d3b\u7528\u6cd5<\/h3>\n <p class=\"text-gray-600 mt-2 text-sm\">VPI\u3001GATB\u3001\u30ad\u30e3\u30ea\u30a2\u30fb\u30a2\u30f3\u30ab\u30fc\u7b49\u306e\u7279\u5fb4\u3068\u9762\u8ac7\u3067\u306e\u4f7f\u3044\u65b9\u3002<\/p>\n <\/a>\n \n <a href=\"#\" class=\"article-card block p-6 bg-white rounded-lg shadow-md border-t-4 border-indigo-500\">\n <h3 class=\"font-bold text-indigo-800\">\u4e8b\u4f8b\u554f\u984c\u306b\u5f37\u304f\u306a\u308b\uff01\u9010\u8a9e\u8a18\u9332\u306e\u8aad\u307f\u89e3\u304d\u65b9<\/h3>\n <p class=\"text-gray-600 mt-2 text-sm\">\u76f8\u8ac7\u8005\u306e\u554f\u984c\u628a\u63e1\u3068\u3001\u9069\u5207\u306a\u5fdc\u7b54\u30fb\u5c55\u958b\u306e\u30d1\u30bf\u30fc\u30f3\u3092\u5fb9\u5e95\u6f14\u7fd2\u3002<\/p>\n <\/a>\n <\/div>\n <div class=\"text-center\">\n <a href=\"https:\/\/career-c.sognoplanning.com\/?page_id=55\" \n class=\"inline-block bg-indigo-600 text-white font-bold py-3 px-8 rounded-lg shadow-md hover:bg-indigo-700 transition-colors\">\n \u30ad\u30e3\u30ea\u30b3\u30f3\u306e\u305f\u3081\u306e\u5b66\u7fd2\u30dd\u30fc\u30bf\u30eb\u3078\u623b\u308b\n <\/a>\n <\/div>\n <\/section>\n\n <\/main>\n\n <footer class=\"text-center py-8 mt-12 bg-gray-200\">\n <p class=\"text-gray-600\">\u00a9 \u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4<\/p>\n <\/footer>\n\n <script>\n const sections = document.querySelectorAll('.fade-in-section');\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('is-visible');\n }\n });\n }, {\n threshold: 0.1\n });\n\n sections.forEach(section => {\n observer.observe(section);\n });\n <\/script>\n\n<\/body>\n<\/html>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center\">\u3010\u95a2\u9023\u8a18\u4e8b\u3011<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/career-c.sognoplanning.com\/?page_id=2651\" target=\"_blank\" rel=\"noreferrer noopener\">\u3010\u30b8\u30a7\u30fc\u30e0\u30ba\u30fb\u30de\u30fc\u30b7\u30e3\u3011\u81ea\u5206\u63a2\u3057\u306e\u65c5\u306b\u3001\u5c11\u3057\u75b2\u308c\u3066\u3057\u307e\u3063\u305f\u3042\u306a\u305f\u3078\u3002\u5fc3\u7406\u5b66\u8005\u30de\u30fc\u30b7\u30e3\u304c\u89e3\u304d\u660e\u304b\u3059\u300c\u30a2\u30a4\u30c7\u30f3\u30c6\u30a3\u30c6\u30a3\u300d\u306e\u7269\u8a9e<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/career-c.sognoplanning.com\/?page_id=2487\" target=\"_blank\" rel=\"noreferrer noopener\">\u3010\u30a8\u30ea\u30af\u30fb\u30a8\u30ea\u30af\u30bd\u30f3\u3011\u300c\u81ea\u5206\u3068\u306f\u4f55\u8005\u304b\uff1f\u300d\u2015 \u30a8\u30ea\u30af\u30fb\u30a8\u30ea\u30af\u30bd\u30f3\u306e\u751f\u6daf\u3068\u3001\u4eba\u751f\u306e\u5730\u56f3\u3092\u63cf\u3044\u305f\u5fc3\u7406\u5b66<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/career-c.sognoplanning.com\/?page_id=2645\" target=\"_blank\" rel=\"noreferrer noopener\">\u3010\u30a6\u30a3\u30ea\u30a2\u30e0\u30fb\u30d6\u30ea\u30c3\u30b8\u30ba\u3011\u8ee2\u8077\u3084\u7570\u52d5\u3067\u3001\u306a\u305c\u304b\u5fc3\u304c\u6674\u308c\u306a\u3044\u3002\u305d\u306e\u300c\u30e2\u30e4\u30e2\u30e4\u300d\u306b\u306f\u3001\u610f\u5473\u304c\u3042\u308a\u307e\u3059\uff08\u30d6\u30ea\u30c3\u30b8\u30ba\u306e\u8ee2\u6a5f\u306e\u7406\u8ad6\uff09<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/career-c.sognoplanning.com\/?page_id=2651\" target=\"_blank\" rel=\"noreferrer noopener\">\u3010\u30b8\u30a7\u30fc\u30e0\u30ba\u30fb\u30de\u30fc\u30b7\u30e3\u3011\u81ea\u5206\u63a2\u3057\u306e\u65c5\u306b\u3001\u5c11\u3057\u75b2\u308c\u3066\u3057\u307e\u3063\u305f\u3042\u306a\u305f\u3078\u3002\u5fc3\u7406\u5b66\u8005\u30de\u30fc\u30b7\u30e3\u304c\u89e3\u304d\u660e\u304b\u3059\u300c\u30a2\u30a4\u30c7\u30f3\u30c6\u30a3\u30c6\u30a3\u300d\u306e\u7269\u8a9e<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/career-c.sognoplanning.com\/?page_id=2663\" target=\"_blank\" rel=\"noreferrer noopener\">\u3010\u30c0\u30b0\u30e9\u30b9\u30fb\u30db\u30fc\u30eb\u3011\u30ad\u30e3\u30ea\u30a2\u306eOS\u306f\u3001\u81ea\u5206\u3067\u66f8\u304d\u63db\u3048\u308b\u3002\u300c\u30d7\u30ed\u30c6\u30a3\u30a2\u30f3\u30fb\u30ad\u30e3\u30ea\u30a2\u300d\u7406\u8ad6\u3068\u3001\u305d\u306e\u539f\u70b9\u306b\u3042\u308b\u7236\u306e\u7269\u8a9e<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/career-c.sognoplanning.com\/?page_id=55\" target=\"_blank\" rel=\"noreferrer noopener\">\uff08\u30ad\u30e3\u30ea\u30b3\u30f3\u306e\u305f\u3081\u306e\u5b66\u7fd2\u30dd\u30fc\u30bf\u30eb\uff09\u30ad\u30e3\u30ea\u30b3\u30f3\u304a\u5f79\u7acb\u3061\u60c5\u5831<\/a><\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center\">\u00a9 2025 \u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4 All Rights Re<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u30c9\u30ca\u30eb\u30c9\u30fb\u30b9\u30fc\u30d1\u30fc\u306e\u30e9\u30a4\u30d5\u30fb\u30ad\u30e3\u30ea\u30a2\u30fb\u30ec\u30a4\u30f3\u30dc\u30fc\u7406\u8ad6 \u30e9\u30a4\u30d5\u30fb\u30ad\u30e3\u30ea\u30a2\u30fb\u30ec\u30a4\u30f3\u30dc\u30fc \u30c9\u30ca\u30eb\u30c9\u30fb\u30b9\u30fc\u30d1\u30fc\u3068\u63cf\u304f\u3001\u3042\u306a\u305f\u3060\u3051\u306e\u4eba\u751f\u306e\u7269\u8a9e \u30ad\u30e3\u30ea\u30a2\u306f\u300c\u8077\u696d\u300d\u3060\u3051\u3067\u306f\u306a\u3044 \u30ad\u30e3\u30ea\u30a2\u767a\u9054\u7406\u8ad6\u306e\u5de8\u5320\u3001\u30c9\u30ca\u30eb\u30c9\u30fb\u30b9\u30fc\u30d1\u30fc\u306f\u3001\u30ad\u30e3\u30ea\u30a2 […]<\/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-2447","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\/2447","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=2447"}],"version-history":[{"count":4,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages\/2447\/revisions"}],"predecessor-version":[{"id":2670,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages\/2447\/revisions\/2670"}],"wp:attachment":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2447"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}