\u7b2c31\u56de \u30ad\u30e3\u30ea\u30b3\u30f3\u8a66\u9a13\u5bfe\u7b56 \u6226\u7565\u7684\u30bb\u30df\u30ca\u30fc | \u30ed\u30fc\u30d7\u30ec\u8a66\u9a13\u5bfe\u7b56\u30bb\u30df\u30ca\u30fc<\/title>\n <meta name=\"description\" content=\"\u611f\u899a\u3060\u3051\u306e\u30ed\u30fc\u30d7\u30ec\u304b\u3089\u3001\u8aac\u660e\u3067\u304d\u308b\u30d7\u30ed\u306e\u6280\u8853\u3078\u3002\u300c\u8a00\u8a9e\u5316\u300d\u3068\u300c\u69cb\u9020\u5316\u300d\u3067\u653b\u7565\u3059\u308b\u6226\u7565\u7684\u30bb\u30df\u30ca\u30fc\u3002AI\u8a3a\u65ad\u3068\u8ad6\u7406\u7684\u6307\u5c0e\u3067\u5408\u683c\u3092\u76ee\u6307\u3059\u3002\">\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Urbanist:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n sans: ['\"Noto Sans JP\"', 'sans-serif'],\n display: ['\"Urbanist\"', 'sans-serif'],\n },\n colors: {\n corp: {\n blue: '#0066CC', \/\/ Main Corporate Blue\n light: '#E6F2FF', \/\/ Light Blue Background\n dark: '#004C99', \/\/ Darker Blue for text\/footer\n vivid: '#0EA5E9', \/\/ Vivid Sky Blue for accents\n },\n slate: {\n 800: '#1e293b', \/\/ Main Text\n 600: '#475569', \/\/ Secondary Text\n 50: '#f8fafc', \/\/ Off-white background\n },\n accent: {\n gold: '#F59E0B', \/\/ Focus\/Attention\n red: '#EF4444', \/\/ Alert\n }\n },\n backgroundImage: {\n 'grid-pattern': \"url(\\\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='%230066cc' fill-opacity='0.05' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'\/%3E%3C\/g%3E%3C\/svg%3E\\\")\",\n },\n boxShadow: {\n 'blue': '0 4px 14px 0 rgba(0, 102, 204, 0.15)',\n 'blue-hover': '0 6px 20px rgba(0, 102, 204, 0.25)',\n }\n }\n }\n }\n <\/script>\n <style>\n .text-shadow { text-shadow: 0 2px 4px rgba(0,0,0,0.1); }\n .text-shadow-strong { text-shadow: 0 2px 4px rgba(0,0,0,0.5); }\n \n \/* \u659c\u3081\u30ab\u30c3\u30c8\u306e\u30c7\u30b6\u30a4\u30f3 *\/\n .clip-path-slant { clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%); }\n .clip-path-slant-top { clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%); }\n \n @media (max-width: 768px) {\n .clip-path-slant { clip-path: none; }\n .clip-path-slant-top { clip-path: none; }\n }\n\n .bg-hero {\n background-color: #f0f9ff;\n background-image: \n linear-gradient(to right bottom, rgba(0, 102, 204, 0.85), rgba(14, 165, 233, 0.75)),\n url('https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?q=80&w=2069&auto=format&fit=crop');\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n }\n\n \/* \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u5b9a\u7fa9 *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .animate-fade-in-up {\n opacity: 0; \/* \u521d\u671f\u72b6\u614b\u3092\u900f\u660e\u306b *\/\n animation: fadeInUp 0.8s ease-out forwards;\n }\n\n @keyframes bounceSlow {\n 0%, 100% {\n transform: translateY(-25%) translateX(-50%);\n animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n }\n 50% {\n transform: translateY(0) translateX(-50%);\n animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n }\n }\n\n .animate-bounce-slow {\n animation: bounceSlow 2s infinite;\n }\n\n \/* \u30e2\u30d0\u30a4\u30eb\u30e1\u30cb\u30e5\u30fc\u306e\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\n #mobile-menu {\n transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;\n }\n .mobile-menu-closed {\n transform: translateY(-20px);\n opacity: 0;\n pointer-events: none;\n }\n .mobile-menu-open {\n transform: translateY(0);\n opacity: 1;\n pointer-events: auto;\n }\n <\/style>\n<\/head>\n<body class=\"bg-white text-slate-800 font-sans antialiased selection:bg-corp-blue selection:text-white\">\n\n \n <header class=\"fixed top-0 w-full z-50 bg-white\/95 backdrop-blur-md border-b border-slate-200 shadow-sm\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex justify-between items-center h-16\">\n \n <div class=\"flex items-center gap-2 cursor-pointer\" onclick=\"window.scrollTo(0,0)\">\n <div class=\"bg-corp-blue text-white w-8 h-8 rounded flex items-center justify-center\">\n <i class=\"fa-solid fa-layer-group text-sm\" aria-hidden=\"true\"><\/i>\n <\/div>\n \n <span class=\"font-bold text-lg tracking-wider text-corp-blue\">\u30ed\u30fc\u30d7\u30ec\u8a66\u9a13\u5bfe\u7b56\u30bb\u30df\u30ca\u30fc<\/span>\n <\/div>\n \n \n <nav class=\"hidden md:flex space-x-8\">\n <a href=\"#problem\" class=\"text-sm font-bold text-slate-600 hover:text-corp-blue transition relative group\">\n \u8ab2\u984c\n <span class=\"absolute -bottom-1 left-0 w-0 h-0.5 bg-corp-blue transition-all group-hover:w-full\"><\/span>\n <\/a>\n <a href=\"#solution\" class=\"text-sm font-bold text-slate-600 hover:text-corp-blue transition relative group\">\n \u30e1\u30bd\u30c3\u30c9\n <span class=\"absolute -bottom-1 left-0 w-0 h-0.5 bg-corp-blue transition-all group-hover:w-full\"><\/span>\n <\/a>\n <a href=\"#curriculum\" class=\"text-sm font-bold text-slate-600 hover:text-corp-blue transition relative group\">\n \u30ab\u30ea\u30ad\u30e5\u30e9\u30e0\n <span class=\"absolute -bottom-1 left-0 w-0 h-0.5 bg-corp-blue transition-all group-hover:w-full\"><\/span>\n <\/a>\n <a href=\"#target\" class=\"text-sm font-bold text-slate-600 hover:text-corp-blue transition relative group\">\n \u5bfe\u8c61\u8005\n <span class=\"absolute -bottom-1 left-0 w-0 h-0.5 bg-corp-blue transition-all group-hover:w-full\"><\/span>\n <\/a>\n <\/nav>\n \n \n <div class=\"hidden md:block\">\n <a href=\"#cta\" class=\"bg-corp-blue hover:bg-corp-dark text-white px-6 py-2 rounded-full font-bold text-sm transition shadow-blue hover:shadow-blue-hover\">\n \u7533\u3057\u8fbc\u307f\n <\/a>\n <\/div>\n\n \n <div class=\"md:hidden flex items-center\">\n <button id=\"mobile-menu-btn\" class=\"text-corp-blue hover:text-corp-dark focus:outline-none p-2\">\n <i class=\"fa-solid fa-bars text-2xl\" aria-hidden=\"true\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"mobile-menu\" class=\"hidden md:hidden bg-white border-b border-slate-200 absolute w-full\">\n <div class=\"px-4 pt-2 pb-6 space-y-2 shadow-xl\">\n <a href=\"#problem\" class=\"block px-3 py-3 rounded-md text-base font-medium text-slate-600 hover:text-corp-blue hover:bg-corp-light transition mobile-link\">\u8ab2\u984c<\/a>\n <a href=\"#solution\" class=\"block px-3 py-3 rounded-md text-base font-medium text-slate-600 hover:text-corp-blue hover:bg-corp-light transition mobile-link\">\u30e1\u30bd\u30c3\u30c9<\/a>\n <a href=\"#curriculum\" class=\"block px-3 py-3 rounded-md text-base font-medium text-slate-600 hover:text-corp-blue hover:bg-corp-light transition mobile-link\">\u30ab\u30ea\u30ad\u30e5\u30e9\u30e0<\/a>\n <a href=\"#target\" class=\"block px-3 py-3 rounded-md text-base font-medium text-slate-600 hover:text-corp-blue hover:bg-corp-light transition mobile-link\">\u5bfe\u8c61\u8005<\/a>\n <a href=\"#cta\" class=\"block mt-4 text-center bg-corp-blue hover:bg-corp-dark text-white px-5 py-3 rounded-full font-bold text-base transition shadow-lg mobile-link\">\n \u7533\u3057\u8fbc\u307f\n <\/a>\n <\/div>\n <\/div>\n <\/header>\n\n \n <section class=\"relative h-auto min-h-[500px] md:h-[calc(100vh-64px)] max-h-[800px] flex items-center justify-center py-20 bg-hero overflow-hidden\">\n \n <div class=\"absolute inset-0 bg-white\/10 pointer-events-none\"><\/div>\n \n \n <div class=\"relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n \n \n <span class=\"inline-block py-1.5 px-4 rounded-full bg-white\/90 backdrop-blur border border-white text-corp-blue text-xs md:text-sm font-bold mb-8 animate-fade-in-up shadow-lg\" style=\"animation-delay: 0s;\">\n <i class=\"fa-solid fa-graduation-cap mr-2\" aria-hidden=\"true\"><\/i>\u7b2c31\u56de\u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u8a66\u9a13\u5bfe\u7b56\n <\/span>\n \n \n <h1 class=\"text-3xl md:text-5xl lg:text-6xl font-black text-white leading-tight mb-8 tracking-tight drop-shadow-lg animate-fade-in-up\" style=\"animation-delay: 0.1s;\">\n <span class=\"block mb-2 md:mb-4\">\u611f\u899a\u3060\u3051\u306e\u30ed\u30fc\u30d7\u30ec\u304b\u3089<\/span>\n <span class=\"block text-white text-shadow-strong\">\u300c\u8aac\u660e\u3067\u304d\u308b\u30d7\u30ed\u300d\u306e\u6280\u8853\u3078<\/span>\n <\/h1>\n \n \n <p class=\"mt-4 text-base md:text-xl text-white max-w-2xl mx-auto font-medium leading-relaxed drop-shadow-md px-4 animate-fade-in-up\" style=\"animation-delay: 0.2s;\">\n \u300c\u8a00\u8a9e\u5316\u300d\u3068\u300c\u69cb\u9020\u5316\u300d\u3067\u653b\u7565\u3059\u308b\u6226\u7565\u7684\u30bb\u30df\u30ca\u30fc\u3002<br class=\"hidden md:block\">\n AI\u8a3a\u65ad \u00d7 \u8ad6\u7406\u7684\u6307\u5c0e\u3067\u3001\u3042\u306a\u305f\u306e\u8ab2\u984c\u3092\u300c\u53ef\u8996\u5316\u300d\u3057\u307e\u3059\u3002\n <\/p>\n \n \n <div class=\"mt-12 flex flex-col sm:flex-row justify-center gap-4 px-4 animate-fade-in-up\" style=\"animation-delay: 0.3s;\">\n <a href=\"#curriculum\" class=\"px-8 py-4 bg-white text-corp-blue rounded-full font-bold text-base md:text-lg hover:bg-slate-50 transition shadow-xl w-full sm:w-auto border border-white\">\n \u30ab\u30ea\u30ad\u30e5\u30e9\u30e0\u3092\u898b\u308b\n <\/a>\n <a href=\"#cta\" class=\"px-8 py-4 bg-corp-vivid text-white rounded-full font-bold text-base md:text-lg hover:bg-sky-600 transition shadow-xl shadow-sky-500\/30 w-full sm:w-auto border border-transparent\">\n \u4eca\u3059\u3050\u7533\u3057\u8fbc\u3080\n <\/a>\n <\/div>\n \n \n <div class=\"mt-16 text-xs md:text-sm text-white\/80 animate-fade-in-up font-medium\" style=\"animation-delay: 0.4s;\">\n <p>\u516c\u958b\u65e5: 2025\u5e7411\u670825\u65e5 | \u4f01\u753b: \u30ed\u30fc\u30d7\u30ec\u8a66\u9a13\u5bfe\u7b56\u30bb\u30df\u30ca\u30fc<\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"absolute bottom-8 left-1\/2 transform -translate-x-1\/2 animate-bounce-slow z-10 cursor-pointer\" onclick=\"document.getElementById('problem').scrollIntoView({behavior: 'smooth'})\">\n <i class=\"fa-solid fa-chevron-down text-white text-2xl drop-shadow-md\" aria-hidden=\"true\"><\/i>\n <\/div>\n <\/section>\n\n \n <section id=\"problem\" class=\"py-20 md:py-24 bg-white relative overflow-hidden\">\n \n <div class=\"absolute top-0 right-0 w-64 h-64 bg-corp-light rounded-bl-full opacity-50 z-0\"><\/div>\n\n <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-2xl md:text-4xl font-bold text-slate-800 mb-4\">\u3053\u3093\u306a\u300c\u8ff7\u8d70\u300d\u3057\u3066\u3044\u307e\u305b\u3093\u304b\uff1f<\/h2>\n <div class=\"h-1 w-20 bg-corp-blue mx-auto rounded\"><\/div>\n <\/div>\n \n <div class=\"grid md:grid-cols-2 gap-12 items-center\">\n <div class=\"space-y-6\">\n <div class=\"flex gap-5 group p-4 rounded-xl hover:bg-slate-50 transition duration-300\">\n <div class=\"flex-shrink-0 w-12 h-12 rounded-full bg-red-50 border border-red-100 flex items-center justify-center text-accent-red text-xl shadow-sm group-hover:scale-110 transition\">\n <i class=\"fa-solid fa-triangle-exclamation\" aria-hidden=\"true\"><\/i>\n <\/div>\n <div>\n <h3 class=\"text-lg md:text-xl font-bold text-slate-800 mb-2\">\u7df4\u7fd2\u4e0d\u8db3\u3067\u306f\u306a\u3044\u306e\u306b\u5408\u683c\u3067\u304d\u306a\u3044<\/h3>\n <p class=\"text-slate-600 text-sm md:text-base leading-relaxed\">\u56de\u6570\u306f\u3053\u306a\u3057\u3066\u3044\u308b\u306e\u306b\u624b\u5fdc\u3048\u304c\u306a\u3044\u3002\u300c\u306a\u305c\u4e0a\u624b\u304f\u3044\u304b\u306a\u3044\u304b\u300d\u3092\u81ea\u5206\u3067\u8ad6\u7406\u7684\u306b\u8aac\u660e\u3067\u304d\u306a\u3044\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"flex gap-5 group p-4 rounded-xl hover:bg-slate-50 transition duration-300\">\n <div class=\"flex-shrink-0 w-12 h-12 rounded-full bg-red-50 border border-red-100 flex items-center justify-center text-accent-red text-xl shadow-sm group-hover:scale-110 transition\">\n <i class=\"fa-solid fa-comments\" aria-hidden=\"true\"><\/i>\n <\/div>\n <div>\n <h3 class=\"text-lg md:text-xl font-bold text-slate-800 mb-2\">\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u304c\u62bd\u8c61\u7684\u3059\u304e\u308b<\/h3>\n <p class=\"text-slate-600 text-sm md:text-base leading-relaxed\">\u300c\u3082\u3063\u3068\u5bc4\u308a\u6dfb\u3063\u3066\u300d\u300c\u611f\u899a\u304c\u5927\u4e8b\u300d\u3068\u8a00\u308f\u308c\u308b\u304c\u3001\u5177\u4f53\u7684\u306b\u3069\u3046\u4fee\u6b63\u3059\u308c\u3070\u3044\u3044\u306e\u304b\u518d\u73fe\u6027\u304c\u306a\u3044\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"flex gap-5 group p-4 rounded-xl hover:bg-slate-50 transition duration-300\">\n <div class=\"flex-shrink-0 w-12 h-12 rounded-full bg-red-50 border border-red-100 flex items-center justify-center text-accent-red text-xl shadow-sm group-hover:scale-110 transition\">\n <i class=\"fa-solid fa-pray\" aria-hidden=\"true\"><\/i>\n <\/div>\n <div>\n <h3 class=\"text-lg md:text-xl font-bold text-slate-800 mb-2\">\u8a66\u9a13\u52c9\u5f37\u304c\u300c\u304a\u7948\u308a\u300d\u306b\u306a\u3063\u3066\u3044\u308b<\/h3>\n <p class=\"text-slate-600 text-sm md:text-base leading-relaxed\">\u8a66\u9a13\u5b98\u3084\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u5f79\u306e\u5f53\u305f\u308a\u5916\u308c\u306b\u4e00\u559c\u4e00\u6182\u3057\u3001\u5408\u683c\u304c\u904b\u4efb\u305b\u306b\u306a\u3063\u3066\u3044\u308b\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-white rounded-2xl p-8 border-2 border-corp-blue\/20 shadow-blue relative mt-8 md:mt-0 transform transition hover:scale-105 duration-300\">\n <div class=\"absolute -top-4 -right-4 bg-accent-gold text-white font-bold px-4 py-1 rounded shadow-lg transform rotate-3 z-20 text-sm\">\n \u6838\u5fc3\u7684\u306a\u539f\u56e0\n <\/div>\n <h3 class=\"text-xl md:text-2xl font-bold text-corp-dark mb-6 text-center\">\u305d\u306e\u539f\u56e0\u306f<br><span class=\"text-corp-vivid border-b-4 border-corp-light\">\u300c\u8a00\u8a9e\u5316\u4e0d\u8db3\u300d<\/span>\u3068<span class=\"text-corp-vivid border-b-4 border-corp-light\">\u300c\u69cb\u9020\u5316\u306e\u6b20\u5982\u300d<\/span><\/h3>\n <p class=\"text-slate-600 leading-relaxed text-sm md:text-base\">\n \u306a\u3093\u3068\u306a\u304f\u805e\u304d\u3001\u306a\u3093\u3068\u306a\u304f\u8fd4\u3057\u3066\u3044\u308b\u3046\u3061\u306f\u3001\u30d7\u30ed\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002<br><br>\n \u5408\u683c\u306b\u5fc5\u8981\u306a\u306e\u306f\u3001\u30bb\u30f3\u30b9\u3067\u306f\u306a\u304f<strong class=\"text-corp-blue\">\u300c\u306a\u305c\u305d\u306e\u5bfe\u5fdc\u3092\u3057\u305f\u306e\u304b\u300d<\/strong>\u3092\u8ad6\u7406\u7684\u306b\u8aac\u660e\u3067\u304d\u308b\u6280\u8853\uff08\u30a2\u30ab\u30a6\u30f3\u30bf\u30d3\u30ea\u30c6\u30a3\uff09\u3067\u3059\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"solution\" class=\"py-20 md:py-24 bg-corp-light clip-path-slant-top relative z-10\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <span class=\"text-corp-blue font-bold tracking-widest uppercase text-sm\">Our Methodology<\/span>\n <h2 class=\"text-2xl md:text-4xl font-bold text-slate-800 mt-2 mb-6\">\u72ec\u81ea\u30e1\u30bd\u30c3\u30c9\u300c3\u3064\u306e\u67f1\u300d<\/h2>\n <p class=\"text-slate-600 max-w-2xl mx-auto text-sm md:text-base\">\u5f93\u6765\u306e\u300c\u56de\u6570\u91cd\u8996\u300d\u3092\u8131\u5374\u3057\u3001\u8ad6\u7406\u7684\u306a\u30d7\u30ed\u3092\u80b2\u6210\u3059\u308b\u305f\u3081\u306e\u30b7\u30b9\u30c6\u30e0\u3002<\/p>\n <\/div>\n\n <div class=\"grid md:grid-cols-3 gap-8\">\n \n <div class=\"bg-white rounded-xl p-8 border border-slate-200 shadow-sm hover:shadow-blue transition duration-300 group\">\n <div class=\"w-16 h-16 bg-blue-50 rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition text-corp-blue text-3xl\">\n <i class=\"fa-solid fa-book-open\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"text-xl md:text-2xl font-bold text-slate-800 mb-4\">\u7406\u8ad6 (Why)<\/h3>\n <p class=\"text-slate-600 leading-relaxed text-sm\">\n \u5fc3\u7406\u5b66\u30fb\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u7406\u8ad6\u306b\u57fa\u3065\u304d\u3001\u300c\u306a\u305c\u305d\u306e\u5bfe\u5fdc\u304c\u5fc5\u8981\u304b\u300d\u3092\u8ad6\u7406\u7684\u306b\u89e3\u8aac\u3002\u30a2\u30ab\u30c7\u30df\u30c3\u30af\u306a\u88cf\u4ed8\u3051\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white rounded-xl p-8 border-2 border-corp-blue shadow-blue transition duration-300 group relative transform md:-translate-y-4\">\n <div class=\"absolute top-0 right-0 bg-corp-blue text-white text-xs font-bold px-3 py-1 rounded-bl-lg rounded-tr-sm z-20\">Recommended<\/div>\n <div class=\"w-16 h-16 bg-blue-100 rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition text-corp-blue text-3xl\">\n <i class=\"fa-solid fa-microchip\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"text-xl md:text-2xl font-bold text-corp-dark mb-4\">AI\u8a3a\u65ad (Visual)<\/h3>\n <p class=\"text-slate-600 leading-relaxed text-sm\">\n \u5ba2\u89b3\u7684\u306a\u300c\u93e1\u300d\u3068\u3057\u3066\u306eAI\u6d3b\u7528\u3002\u611f\u60c5\u306e\u63a8\u79fb\u3084\u767a\u8a71\u30d0\u30e9\u30f3\u30b9\u3092\u53ef\u8996\u5316\u3057\u3001\u4e3b\u89b3\u3092\u6392\u9664\u3057\u305f\u300c\u8a18\u8ff0\u7684\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u300d\u3092\u5b9f\u73fe\u3002\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white rounded-xl p-8 border border-slate-200 shadow-sm hover:shadow-blue transition duration-300 group\">\n <div class=\"w-16 h-16 bg-blue-50 rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition text-corp-blue text-3xl\">\n <i class=\"fa-solid fa-dungeon\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"text-xl md:text-2xl font-bold text-slate-800 mb-4\">\u9053\u5834 (Do)<\/h3>\n <p class=\"text-slate-600 leading-relaxed text-sm\">\n \u300c\u5206\u304b\u3063\u305f\u300d\u3092\u300c\u3067\u304d\u308b\u300d\u306b\u5909\u3048\u308b\u610f\u56f3\u7684\u7df4\u7fd2\uff08Deliberate Practice\uff09\u3002\u5931\u6557\u3092\u8a00\u8a9e\u5316\u3057\u3001\u4fee\u6b63\u3059\u308b\u5b9f\u8df5\u306e\u5834\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"target\" class=\"py-20 bg-white bg-grid-pattern\">\n <div class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"bg-white rounded-3xl p-8 md:p-16 flex flex-col md:flex-row items-center gap-12 border border-slate-200 shadow-blue\">\n <div class=\"md:w-1\/2 w-full\">\n <h2 class=\"text-2xl md:text-3xl font-bold text-slate-800 mb-6\">\u8ab0\u306e\u305f\u3081\u306e\u30bb\u30df\u30ca\u30fc\u304b<\/h2>\n <div class=\"space-y-6\">\n <div class=\"flex items-start gap-4\">\n <div class=\"mt-1 bg-corp-light p-3 rounded-lg text-corp-blue flex-shrink-0\"><i class=\"fa-solid fa-bridge-water text-xl\" aria-hidden=\"true\"><\/i><\/div>\n <div>\n <h4 class=\"text-lg font-bold text-corp-dark\">\u521d\u53d7\u9a13\u751f (Bridge)<\/h4>\n <p class=\"text-slate-600 text-sm mt-1\">\u990a\u6210\u8b1b\u5ea7\u4fee\u4e86\u76f4\u5f8c\u3067\u3001\u5ea7\u5b66\u3068\u5b9f\u6280\u306e\u3064\u306a\u304c\u308a\u304c\u898b\u3048\u3066\u3044\u306a\u3044\u65b9\u3002\u57fa\u790e\u3092\u5b9f\u8df5\u529b\u3078\u6a4b\u6e21\u3057\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-4\">\n <div class=\"mt-1 bg-corp-light p-3 rounded-lg text-corp-blue flex-shrink-0\"><i class=\"fa-solid fa-rotate-right text-xl\" aria-hidden=\"true\"><\/i><\/div>\n <div>\n <h4 class=\"text-lg font-bold text-corp-dark\">\u30ea\u30d9\u30f3\u30b8\u7d44 (Revenge)<\/h4>\n <p class=\"text-slate-600 text-sm mt-1\">\u300c\u60dc\u3057\u3044\u300d\u300c\u3042\u3068\u5c11\u3057\u300d\u3068\u8a00\u308f\u308c\u308b\u304c\u3001\u5177\u4f53\u7684\u6539\u5584\u70b9\u304c\u4e0d\u660e\u306a\u65b9\u3002\u611f\u899a\u7684\u306a\u7656\u3092\u4fee\u6b63\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"md:w-1\/2 bg-slate-50 p-8 rounded-2xl border border-slate-200 w-full relative\">\n <i class=\"fa-solid fa-quote-left text-4xl text-slate-200 absolute top-4 left-4\" aria-hidden=\"true\"><\/i>\n <h4 class=\"text-accent-gold font-bold mb-4 border-b border-slate-300 pb-2 relative z-10\">\u672c\u30bb\u30df\u30ca\u30fc\u306e\u5fd7\u5411\u6027<\/h4>\n <p class=\"text-slate-600 text-sm leading-relaxed relative z-10\">\n \u300c\u3068\u306b\u304b\u304f\u9811\u5f35\u308d\u3046\u300d\u3068\u3044\u3046\u7cbe\u795e\u8ad6\u3088\u308a\u3082\u3001<strong>\u300c\u30c7\u30fc\u30bf\u3068\u8ad6\u7406\u306b\u57fa\u3065\u304f\u5177\u4f53\u7684\u306a\u6539\u5584\u7b56\u300d<\/strong>\u3092\u597d\u3080\u5b66\u7fd2\u8005\u306b\u6700\u9069\u3067\u3059\u3002<br><br>\n \u611f\u899a\u7684\u306a\u50be\u8074\u304b\u3089\u8131\u5374\u3057\u3001\u30d7\u30ed\u3068\u3057\u3066\u306e\u8aac\u660e\u8cac\u4efb\uff08\u30a2\u30ab\u30a6\u30f3\u30bf\u30d3\u30ea\u30c6\u30a3\uff09\u3092\u679c\u305f\u3057\u305f\u3044\u65b9\u3092\u304a\u5f85\u3061\u3057\u3066\u3044\u307e\u3059\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"curriculum\" class=\"py-20 md:py-24 bg-corp-light relative\">\n <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"text-center mb-16 md:mb-20\">\n <span class=\"text-corp-blue font-bold uppercase tracking-widest text-sm\">Curriculum<\/span>\n <h2 class=\"text-2xl md:text-4xl font-bold text-slate-800 mt-2\">\u51685\u56de\u30b7\u30ea\u30fc\u30ba\u8a73\u7d30<\/h2>\n <p class=\"text-slate-600 mt-4 text-sm md:text-base\">\u300c\u7406\u8ad6\u300d\u3067\u7d0d\u5f97\u3057\u3001\u300cAI\u300d\u3067\u5ba2\u89b3\u8996\u3057\u3001\u300c\u9053\u5834\u300d\u3067\u4fee\u6b63\u3059\u308b5\u30b9\u30c6\u30c3\u30d7<\/p>\n <\/div>\n\n <div class=\"relative border-l-2 border-corp-blue\/30 ml-4 md:ml-0 md:pl-0 space-y-12 md:space-y-16\">\n \n \n <div class=\"relative md:flex gap-10 group\">\n <div class=\"hidden md:flex flex-col items-end w-48 pt-2 text-right\">\n <span class=\"text-corp-blue font-bold text-lg\">\u7b2c1\u56de<\/span>\n <span class=\"text-slate-700 font-bold text-sm mt-1\">12\u670827\u65e5(\u571f)<br>16:00\uff5e17:30<\/span>\n <span class=\"inline-block bg-accent-red text-white text-xs px-2 py-0.5 rounded mt-1 font-bold\">\u516c\u958b\u30fb\u5b8c\u5168\u7121\u6599<\/span>\n <\/div>\n <div class=\"absolute -left-[9px] md:static md:w-4 md:h-4 bg-white border-4 border-corp-blue rounded-full mt-3 z-10 group-hover:scale-125 transition\"><\/div>\n <div class=\"flex-1 bg-white rounded-xl p-6 md:p-8 border-2 border-corp-blue shadow-lg shadow-blue\/20 transition ml-6 md:ml-0 relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 bg-accent-red text-white text-xs font-bold px-8 py-1 transform rotate-45 translate-x-8 translate-y-4 shadow-sm\">FREE<\/div>\n <div class=\"md:hidden mb-2\">\n <span class=\"text-corp-blue font-bold text-sm mr-2\">\u7b2c1\u56de 12\/27(\u571f) 16:00\u301c<\/span>\n <span class=\"bg-accent-red text-white text-xs px-2 py-0.5 rounded font-bold\">\u7121\u6599<\/span>\n <\/div>\n <h3 class=\"text-xl md:text-2xl font-bold text-slate-800 mb-3 mt-1 flex flex-wrap items-center gap-2 md:gap-3\">\n \u5b66\u7fd2\u6226\u7565\u8ad6\n <span class=\"text-xs bg-slate-100 text-slate-600 px-2 py-1 rounded border border-slate-200\">\u6c37\u5c71\u30e2\u30c7\u30eb<\/span>\n <\/h3>\n <p class=\"text-slate-600 mb-4 font-medium text-sm md:text-base\">\u305d\u306e\u300c\u306a\u3093\u3068\u306a\u304f\u300d\u304c\u547d\u53d6\u308a\u3002\u5408\u683c\u3059\u308b\u7df4\u7fd2\u306f\u72b6\u6cc1\u3092\u5b9a\u7fa9\u3059\u308b\u3053\u3068\u304b\u3089\u59cb\u307e\u308b\u3002<\/p>\n <div class=\"space-y-3 text-sm text-slate-600\">\n <p class=\"flex items-start\"><i class=\"fa-solid fa-check text-corp-blue mt-1 mr-2 flex-shrink-0\" aria-hidden=\"true\"><\/i><span><strong>\u7406\u8ad6:<\/strong> \u30e1\u30bf\u8a8d\u77e5\u3068\u6c37\u5c71\u30e2\u30c7\u30eb\u3002\u6c34\u9762\u4e0b\u306e\u300c\u611f\u899a\u300d\u3092\u8a00\u8a9e\u5316\u3059\u308b\u3002<\/span><\/p>\n <p class=\"flex items-start\"><i class=\"fa-solid fa-check text-corp-blue mt-1 mr-2 flex-shrink-0\" aria-hidden=\"true\"><\/i><span><strong>\u30e1\u30bd\u30c3\u30c9:<\/strong> AI\u306f\u70b9\u6570\u3067\u306f\u306a\u304f\u300c\u884c\u52d5\u30d1\u30bf\u30fc\u30f3\u300d\u3092\u8a18\u9332\u3059\u308b\u3002<\/span><\/p>\n <p class=\"flex items-start\"><i class=\"fa-solid fa-check text-corp-blue mt-1 mr-2 flex-shrink-0\" aria-hidden=\"true\"><\/i><span><strong>\u5b9f\u8df5:<\/strong> \u904e\u53bb\u306e\u5931\u6557\u5834\u9762\u3092\u300c\u4e8b\u5b9f\u300d\u3068\u3057\u3066\u66f8\u304d\u51fa\u3057\u3001\u73fe\u5728\u5730\u3092\u5b9a\u7fa9\u3059\u308b\u3002<\/span><\/p>\n <\/div>\n \n <div class=\"mt-6 pt-6 border-t border-slate-100\">\n <a href=\"https:\/\/yrp-semi251227.peatix.com\/\" target=\"_blank\" class=\"inline-flex items-center justify-center gap-2 px-6 py-3 bg-corp-blue hover:bg-corp-dark text-white rounded-lg font-bold transition shadow-blue hover:shadow-blue-hover w-full sm:w-auto text-sm\">\n <i class=\"fa-solid fa-ticket\" aria-hidden=\"true\"><\/i> Peatix\u3067\u7121\u6599\u53d7\u8b1b\u306b\u7533\u3057\u8fbc\u3080\n <\/a>\n <p class=\"text-xs text-slate-500 mt-2\">\u203b\u7b2c1\u56de\u306f\u4f1a\u54e1\u767b\u9332\u4e0d\u8981\u3067\u3054\u53c2\u52a0\u3044\u305f\u3060\u3051\u307e\u3059<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"relative md:flex gap-10 group\">\n <div class=\"hidden md:flex flex-col items-end w-48 pt-2 text-right\">\n <span class=\"text-corp-blue font-bold text-lg\">\u7b2c2\u56de<\/span>\n <span class=\"text-slate-700 font-bold text-sm mt-1\">1\u670810\u65e5(\u571f)<br>16:00\uff5e17:30<\/span>\n <span class=\"inline-block bg-slate-200 text-slate-600 text-xs px-2 py-0.5 rounded mt-1 font-bold\">\u30e1\u30f3\u30d0\u30fc\u9650\u5b9a<\/span>\n <\/div>\n <div class=\"absolute -left-[9px] md:static md:w-4 md:h-4 bg-white border-4 border-corp-blue rounded-full mt-3 z-10 group-hover:scale-125 transition\"><\/div>\n <div class=\"flex-1 bg-white rounded-xl p-6 md:p-8 border border-slate-200 shadow-sm hover:shadow-blue transition ml-6 md:ml-0\">\n <div class=\"md:hidden mb-2\">\n <span class=\"text-corp-blue font-bold text-sm mr-2\">\u7b2c2\u56de 1\/10(\u571f) 16:00\u301c<\/span>\n <span class=\"bg-slate-200 text-slate-600 text-xs px-2 py-0.5 rounded font-bold\">\u30e1\u30f3\u30d0\u30fc\u9650\u5b9a<\/span>\n <\/div>\n <h3 class=\"text-xl md:text-2xl font-bold text-slate-800 mb-1 flex flex-wrap items-center gap-2 md:gap-3\">\n \u95a2\u4fc2\u69cb\u7bc9\u8ad6\n <span class=\"text-xs bg-slate-100 text-slate-600 px-2 py-1 rounded border border-slate-200\">KaGaMi\u30e1\u30bd\u30c3\u30c9<\/span>\n <\/h3>\n <p class=\"text-xs text-slate-500 mb-3\"><i class=\"fa-solid fa-ticket mr-1\" aria-hidden=\"true\"><\/i>\u4e00\u822c: 1,100\u5186 \/ \u7279\u5225\u4f1a\u54e1: \u7121\u6599<\/p>\n <p class=\"text-slate-600 mb-4 font-medium text-sm md:text-base\">\u300c\u306a\u305c\u4eca\u3001\u8cea\u554f\u3057\u305f\u306e\u304b\uff1f\u300d\u305d\u306e\u4ecb\u5165\u304c\u62db\u3044\u305f\u6c88\u9ed9\u306e\u610f\u5473\u3092\u8aad\u307f\u89e3\u304f\u3002<\/p>\n <div class=\"space-y-3 text-sm text-slate-600\">\n <p class=\"flex items-start\"><i class=\"fa-solid fa-check text-corp-blue mt-1 mr-2 flex-shrink-0\" aria-hidden=\"true\"><\/i><span><strong>\u7406\u8ad6:<\/strong> \u5186\u74b0\u7684\u56e0\u679c\u5f8b\u3002\u3042\u306a\u305f\u306e\u300c\u8cea\u554f\u300d\u304c\u76f8\u624b\u306e\u300c\u9632\u885b\u300d\u3092\u4f5c\u3063\u3066\u3044\u308b\u3002<\/span><\/p>\n <p class=\"flex items-start\"><i class=\"fa-solid fa-check text-corp-blue mt-1 mr-2 flex-shrink-0\" aria-hidden=\"true\"><\/i><span><strong>\u30e1\u30bd\u30c3\u30c9:<\/strong> \u8cea\u554f\u56de\u6570\u3068\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u767a\u8a71\u91cf\u306e\u9006\u76f8\u95a2\u30c7\u30fc\u30bf\u3092\u53ef\u8996\u5316\u3002<\/span><\/p>\n <p class=\"flex items-start\"><i class=\"fa-solid fa-check text-corp-blue mt-1 mr-2 flex-shrink-0\" aria-hidden=\"true\"><\/i><span><strong>\u5b9f\u8df5:<\/strong> \u8cea\u554f\u5c01\u5370\u3002\u8981\u7d04\u3060\u3051\u3067\u8fd4\u3059\u300c\u30df\u30e5\u30fc\u30c8\u30fb\u30ed\u30fc\u30d7\u30ec\u300d\u3002<\/span><\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"relative md:flex gap-10 group\">\n <div class=\"hidden md:flex flex-col items-end w-48 pt-2 text-right\">\n <span class=\"text-corp-blue font-bold text-lg\">\u7b2c3\u56de<\/span>\n <span class=\"text-slate-700 font-bold text-sm mt-1\">1\u670817\u65e5(\u571f)<br>16:00\uff5e17:30<\/span>\n <span class=\"inline-block bg-slate-200 text-slate-600 text-xs px-2 py-0.5 rounded mt-1 font-bold\">\u30e1\u30f3\u30d0\u30fc\u9650\u5b9a<\/span>\n <\/div>\n <div class=\"absolute -left-[9px] md:static md:w-4 md:h-4 bg-white border-4 border-corp-blue rounded-full mt-3 z-10 group-hover:scale-125 transition\"><\/div>\n <div class=\"flex-1 bg-white rounded-xl p-6 md:p-8 border border-slate-200 shadow-sm hover:shadow-blue transition ml-6 md:ml-0\">\n <div class=\"md:hidden mb-2\">\n <span class=\"text-corp-blue font-bold text-sm mr-2\">\u7b2c3\u56de 1\/17(\u571f) 16:00\u301c<\/span>\n <span class=\"bg-slate-200 text-slate-600 text-xs px-2 py-0.5 rounded font-bold\">\u30e1\u30f3\u30d0\u30fc\u9650\u5b9a<\/span>\n <\/div>\n <h3 class=\"text-xl md:text-2xl font-bold text-slate-800 mb-1 flex flex-wrap items-center gap-2 md:gap-3\">\n \u521d\u671f\u4ecb\u5165\u8ad6\n <span class=\"text-xs bg-slate-100 text-slate-600 px-2 py-1 rounded border border-slate-200\">\u975e\u8a00\u8a9e\u306e\u7ffb\u8a33<\/span>\n <\/h3>\n <p class=\"text-xs text-slate-500 mb-3\"><i class=\"fa-solid fa-ticket mr-1\" aria-hidden=\"true\"><\/i>\u4e00\u822c: 1,100\u5186 \/ \u7279\u5225\u4f1a\u54e1: \u7121\u6599<\/p>\n <p class=\"text-slate-600 mb-4 font-medium text-sm md:text-base\">\u96f0\u56f2\u6c17\u3068\u3044\u3046\u9b54\u7269\u3002\u4fe1\u983c\u95a2\u4fc2\u3092\u5177\u4f53\u7684\u306a\u884c\u52d5\u306b\u5206\u89e3\u3059\u308b\u3002<\/p>\n <div class=\"space-y-3 text-sm text-slate-600\">\n <p class=\"flex items-start\"><i class=\"fa-solid fa-check text-corp-blue mt-1 mr-2 flex-shrink-0\" aria-hidden=\"true\"><\/i><span><strong>\u7406\u8ad6:<\/strong> \u30de\u30a4\u30af\u30ed\u30b9\u30ad\u30eb\uff08\u8996\u7dda\u30fb\u30c8\u30fc\u30f3\u30fb\u59ff\u52e2\uff09\u306e\u7ffb\u8a33\u3002<\/span><\/p>\n <p class=\"flex items-start\"><i class=\"fa-solid fa-check text-corp-blue mt-1 mr-2 flex-shrink-0\" aria-hidden=\"true\"><\/i><span><strong>\u30e1\u30bd\u30c3\u30c9:<\/strong> \u300c\u611f\u60c5\u8a9e\u300d\u306b\u5bfe\u3059\u308b\u300c\u53cd\u5fdc\uff08\u3042\u3044\u3065\u3061\uff09\u300d\u306e\u30b7\u30f3\u30af\u30ed\u7387\u5224\u5b9a\u3002<\/span><\/p>\n <p class=\"flex items-start\"><i class=\"fa-solid fa-check text-corp-blue mt-1 mr-2 flex-shrink-0\" aria-hidden=\"true\"><\/i><span><strong>\u5b9f\u8df5:<\/strong> \u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u97f3\u58f0\u306e\u300c\u611f\u60c5\u8a9e\u300d\u306b\u53cd\u5fdc\u3059\u308bAI\u97f3\u58f0\u30ef\u30fc\u30af\u3002<\/span><\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"relative md:flex gap-10 group\">\n <div class=\"hidden md:flex flex-col items-end w-48 pt-2 text-right\">\n <span class=\"text-corp-blue font-bold text-lg\">\u7b2c4\u56de<\/span>\n <span class=\"text-slate-700 font-bold text-sm mt-1\">1\u670824\u65e5(\u571f)<br>16:00\uff5e17:30<\/span>\n <span class=\"inline-block bg-slate-200 text-slate-600 text-xs px-2 py-0.5 rounded mt-1 font-bold\">\u30e1\u30f3\u30d0\u30fc\u9650\u5b9a<\/span>\n <\/div>\n <div class=\"absolute -left-[9px] md:static md:w-4 md:h-4 bg-white border-4 border-corp-blue rounded-full mt-3 z-10 group-hover:scale-125 transition\"><\/div>\n <div class=\"flex-1 bg-white rounded-xl p-6 md:p-8 border border-slate-200 shadow-sm hover:shadow-blue transition ml-6 md:ml-0\">\n <div class=\"md:hidden mb-2\">\n <span class=\"text-corp-blue font-bold text-sm mr-2\">\u7b2c4\u56de 1\/24(\u571f) 16:00\u301c<\/span>\n <span class=\"bg-slate-200 text-slate-600 text-xs px-2 py-0.5 rounded font-bold\">\u30e1\u30f3\u30d0\u30fc\u9650\u5b9a<\/span>\n <\/div>\n <h3 class=\"text-xl md:text-2xl font-bold text-slate-800 mb-1 flex flex-wrap items-center gap-2 md:gap-3\">\n \u5c55\u958b\u8ad6\uff1a\u898b\u7acb\u3066\uff08\u6982\u5ff5\u5316\uff09\u306e\u300c\u69cb\u9020\u5316\u300d\u3068\u30ea\u30d5\u30ec\u30af\u30b7\u30e7\u30f3\n <span class=\"text-xs bg-slate-100 text-slate-600 px-2 py-1 rounded border border-slate-200\">\u6982\u5ff5\u5316<\/span>\n <\/h3>\n <p class=\"text-xs text-slate-500 mb-3\"><i class=\"fa-solid fa-ticket mr-1\" aria-hidden=\"true\"><\/i>\u4e00\u822c: 1,100\u5186 \/ \u7279\u5225\u4f1a\u54e1: \u7121\u6599<\/p>\n <p class=\"text-slate-600 mb-4 font-medium text-sm md:text-base\">\u8a71\u304c\u5e83\u304c\u308a\u3059\u304e\u308b\u3042\u306a\u305f\u3078\u3002\u6df7\u6c8c\u3068\u3057\u305f\u8a9e\u308a\u3092\u8ad6\u7406\u3067\u6574\u7406\u3059\u308b\u6280\u8853\u3002<\/p>\n <div class=\"space-y-3 text-sm text-slate-600\">\n <p class=\"flex items-start\"><i class=\"fa-solid fa-check text-corp-blue mt-1 mr-2 flex-shrink-0\" aria-hidden=\"true\"><\/i><span><strong>\u7406\u8ad6:<\/strong> \u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u306e\u7269\u8a9e\u3092\u300c\u4e3b\u8a34\u300d\u3068\u300c\u898b\u7acb\u3066\u300d\u306b\u69cb\u9020\u5316\u3059\u308b\u6280\u8853\u3002<\/span><\/p>\n <p class=\"flex items-start\"><i class=\"fa-solid fa-check text-corp-blue mt-1 mr-2 flex-shrink-0\" aria-hidden=\"true\"><\/i><span><strong>\u30e1\u30bd\u30c3\u30c9:<\/strong> AI\u9010\u8a9e\u9332\u6d3b\u7528\u3002\u4f1a\u8a71\u306e\u5730\u56f3\u3067\u300c\u9038\u308c\u305f\u5730\u70b9\u300d\u3092\u7279\u5b9a\u3002<\/span><\/p>\n <p class=\"flex items-start\"><i class=\"fa-solid fa-check text-corp-blue mt-1 mr-2 flex-shrink-0\" aria-hidden=\"true\"><\/i><span><strong>\u5b9f\u8df5:<\/strong> \u30b1\u30fc\u30b9\u306e\u300c\u771f\u306e\u554f\u984c\u300d\u3092\u30c1\u30e3\u30c3\u30c8\u3067\u5373\u6642\u8a00\u8a9e\u5316\uff08\u30e9\u30a4\u30d6\u69cb\u9020\u5316\uff09\u3002<\/span><\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"relative md:flex gap-10 group\">\n <div class=\"hidden md:flex flex-col items-end w-48 pt-2 text-right\">\n <span class=\"text-corp-blue font-bold text-lg\">\u7b2c5\u56de<\/span>\n <span class=\"text-slate-700 font-bold text-sm mt-1\">2\u67087\u65e5(\u571f)<br>16:00\uff5e17:30<\/span>\n <span class=\"inline-block bg-slate-200 text-slate-600 text-xs px-2 py-0.5 rounded mt-1 font-bold\">\u30e1\u30f3\u30d0\u30fc\u9650\u5b9a<\/span>\n <\/div>\n <div class=\"absolute -left-[9px] md:static md:w-4 md:h-4 bg-white border-4 border-corp-blue rounded-full mt-3 z-10 group-hover:scale-125 transition\"><\/div>\n <div class=\"flex-1 bg-white rounded-xl p-6 md:p-8 border border-slate-200 shadow-sm hover:shadow-blue transition ml-6 md:ml-0\">\n <div class=\"md:hidden mb-2\">\n <span class=\"text-corp-blue font-bold text-sm mr-2\">\u7b2c5\u56de 2\/7(\u571f) 16:00\u301c<\/span>\n <span class=\"bg-slate-200 text-slate-600 text-xs px-2 py-0.5 rounded font-bold\">\u30e1\u30f3\u30d0\u30fc\u9650\u5b9a<\/span>\n <\/div>\n <h3 class=\"text-xl md:text-2xl font-bold text-slate-800 mb-1 flex flex-wrap items-center gap-2 md:gap-3\">\n \u7d71\u5408\u3068\u74b0\u5883\u8a2d\u5b9a\n <span class=\"text-xs bg-slate-100 text-slate-600 px-2 py-1 rounded border border-slate-200\">\u8aac\u660e\u8cac\u4efb<\/span>\n <\/h3>\n <p class=\"text-xs text-slate-500 mb-3\"><i class=\"fa-solid fa-ticket mr-1\" aria-hidden=\"true\"><\/i>\u4e00\u822c: 1,100\u5186 \/ \u7279\u5225\u4f1a\u54e1: \u7121\u6599<\/p>\n <p class=\"text-slate-600 mb-4 font-medium text-sm md:text-base\">\u5408\u683c\u3001\u305d\u3057\u3066\u73fe\u5834\u3078\u3002\u300c\u306a\u305c\u4eca\u306e\u5bfe\u5fdc\u3092\u3057\u305f\u306e\u304b\u300d\u3092\u8a9e\u308c\u308b\u5c02\u9580\u5bb6\u306b\u306a\u308b\u305f\u3081\u306b\u3002<\/p>\n <div class=\"space-y-3 text-sm text-slate-600\">\n <p class=\"flex items-start\"><i class=\"fa-solid fa-check text-corp-blue mt-1 mr-2 flex-shrink-0\" aria-hidden=\"true\"><\/i><span><strong>\u7406\u8ad6:<\/strong> \u30d7\u30ed\u3068\u306f\u610f\u56f3\u3092\u8a00\u8a9e\u5316\u3067\u304d\u308b\u8005\uff08\u30a2\u30ab\u30a6\u30f3\u30bf\u30d3\u30ea\u30c6\u30a3\uff09\u3002<\/span><\/p>\n <p class=\"flex items-start\"><i class=\"fa-solid fa-check text-corp-blue mt-1 mr-2 flex-shrink-0\" aria-hidden=\"true\"><\/i><span><strong>\u30e1\u30bd\u30c3\u30c9:<\/strong> AI\uff08\u8a18\u8ff0\uff09\u3068\u9053\u5834\uff08\u51e6\u65b9\uff09\u3092\u7d71\u5408\u3059\u308b\u30a2\u30d7\u30ed\u30fc\u30c1\u3002<\/span><\/p>\n <p class=\"flex items-start\"><i class=\"fa-solid fa-check text-corp-blue mt-1 mr-2 flex-shrink-0\" aria-hidden=\"true\"><\/i><span><strong>\u5b9f\u8df5:<\/strong> \u8a66\u9a13\u65e5\u307e\u3067\u306e\u30a2\u30af\u30b7\u30e7\u30f3\u30d7\u30e9\u30f3\u3068\u300c\u306a\u308a\u305f\u3044\u30ab\u30a6\u30f3\u30bb\u30e9\u30fc\u50cf\u300d\u306e\u5ba3\u8a00\u3002<\/span><\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 md:py-24 bg-white clip-path-slant relative z-10\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"grid md:grid-cols-2 gap-12 items-center\">\n <div class=\"order-2 md:order-1 relative\">\n <div class=\"absolute inset-0 bg-corp-blue\/10 blur-3xl rounded-full\"><\/div>\n \n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551288049-bebda4e38f71?q=80&w=2070&auto=format&fit=crop\" alt=\"AI Data Analysis\" class=\"relative rounded-lg shadow-2xl shadow-blue-900\/10 border border-slate-200 z-10 w-full h-auto\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/600x400\/eff6ff\/0066cc?text=AI+Analysis';\">\n <\/div>\n <div class=\"order-1 md:order-2\">\n <h2 class=\"text-2xl md:text-4xl font-bold text-slate-800 mb-6\">AI \u00d7 \u8a00\u8a9e\u5316\u3067<br>\u300c\u7656\u300d\u3092\u53ef\u8996\u5316\u3059\u308b<\/h2>\n <p class=\"text-slate-600 text-base md:text-lg mb-8 leading-relaxed\">\n \u300c\u306a\u305c\u843d\u3061\u305f\u304b\u5206\u304b\u3089\u306a\u3044\u300d\u3092\u306a\u304f\u3059\u305f\u3081\u3001AI\u304c\u3042\u306a\u305f\u306e\u30ed\u30fc\u30d7\u30ec\u3092\u6587\u5b57\u8d77\u3053\u3057\u3057\u3001\u5ba2\u89b3\u30c7\u30fc\u30bf\u3068\u3057\u3066\u5206\u6790\u3057\u307e\u3059\u3002\n <\/p>\n <ul class=\"space-y-4 text-sm md:text-base\">\n <li class=\"flex items-start\">\n <div class=\"bg-corp-light p-2 rounded-full mr-4 flex-shrink-0\">\n <i class=\"fa-solid fa-chart-pie text-corp-blue\" aria-hidden=\"true\"><\/i>\n <\/div>\n <span class=\"text-slate-700 font-medium py-1\">\u611f\u60c5\u8a9e\u3078\u306e\u53cd\u5fdc\u30bf\u30a4\u30df\u30f3\u30b0\u5206\u6790<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <div class=\"bg-corp-light p-2 rounded-full mr-4 flex-shrink-0\">\n <i class=\"fa-solid fa-chart-bar text-corp-blue\" aria-hidden=\"true\"><\/i>\n <\/div>\n <span class=\"text-slate-700 font-medium py-1\">Open\/Closed\u8cea\u554f\u306e\u6bd4\u7387\u5224\u5b9a<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <div class=\"bg-corp-light p-2 rounded-full mr-4 flex-shrink-0\">\n <i class=\"fa-solid fa-file-lines text-corp-blue\" aria-hidden=\"true\"><\/i>\n <\/div>\n <span class=\"text-slate-700 font-medium py-1\">\u300c\u306a\u3093\u3068\u306a\u304f\u300d\u3092\u6392\u9664\u3059\u308b\u8a18\u8ff0\u7684\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"cta\" class=\"py-20 md:py-24 bg-corp-dark text-center relative overflow-hidden\">\n \n <div class=\"absolute top-0 left-0 w-full h-full bg-gradient-to-br from-corp-blue to-corp-dark z-0\"><\/div>\n \n <div class=\"max-w-6xl mx-auto px-4 relative z-10\">\n <h2 class=\"text-3xl md:text-5xl font-black text-white mb-8 leading-tight\">\n \u70b9\u6570\u306f\u3044\u3089\u306a\u3044\u3002<br>\n \u6b32\u3057\u3044\u306e\u306f\u300c\u79c1\u306e\u7656\u300d\u3092\u6307\u6458\u3057\u3066\u304f\u308c\u308b\u8a00\u8449\u3060\u3002\n <\/h2>\n <p class=\"text-lg md:text-xl text-blue-100 mb-12\">\n \u6b8b\u308a1\u30f6\u6708\u3001AI\u3068\u3044\u3046\u300c\u93e1\u300d\u3068\u3001\u9053\u5834\u3068\u3044\u3046\u300c\u30b8\u30e0\u300d\u3092\u624b\u306b\u5165\u308c\u307e\u305b\u3093\u304b\uff1f\n <\/p>\n \n <div class=\"grid md:grid-cols-2 gap-8 max-w-5xl mx-auto\">\n \n <div class=\"bg-white\/10 backdrop-blur-md rounded-3xl p-8 border border-white\/20 flex flex-col items-center justify-center transform transition hover:scale-105 duration-300\">\n <span class=\"bg-white text-corp-blue text-xs font-bold px-3 py-1 rounded-full mb-4\">STEP 1<\/span>\n <h3 class=\"text-xl md:text-2xl font-bold text-white mb-4\">\u7b2c1\u56de \u7121\u6599\u4f53\u9a13\u30bb\u30df\u30ca\u30fc<\/h3>\n <p class=\"text-blue-100 text-sm mb-8 leading-relaxed\">\u307e\u305a\u306f\u300c\u5b66\u7fd2\u6226\u7565\u8ad6\u300d\u3067\u73fe\u72b6\u3092\u5206\u6790\u3002<br>\u4f1a\u54e1\u767b\u9332\u4e0d\u8981\u3067\u3054\u53c2\u52a0\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n <a href=\"https:\/\/yrp-semi251227.peatix.com\/\" target=\"_blank\" class=\"w-full bg-white hover:bg-slate-50 text-corp-blue font-bold text-lg py-4 rounded-xl shadow-lg transition\">\n Peatix\u3067\u7533\u3057\u8fbc\u3080\n <i class=\"fa-solid fa-arrow-up-right-from-square ml-2 text-sm\" aria-hidden=\"true\"><\/i>\n <\/a>\n <\/div>\n\n \n <div class=\"bg-white rounded-3xl p-8 md:p-10 shadow-2xl transform transition hover:scale-105 duration-300 relative border-4 border-accent-gold\/50\">\n <div class=\"absolute -top-4 left-1\/2 transform -translate-x-1\/2 bg-accent-red text-white text-sm font-bold px-6 py-1.5 rounded-full shadow-lg whitespace-nowrap\">\n 12\u670820\u65e5\u307e\u3067 \u7279\u5225\u30ad\u30e3\u30f3\u30da\u30fc\u30f3\n <\/div>\n <span class=\"bg-corp-light text-corp-blue text-xs font-bold px-3 py-1 rounded-full mb-4 inline-block\">STEP 2<\/span>\n <h3 class=\"text-xl md:text-2xl font-bold text-corp-dark mb-2\">\u4f1a\u54e1\u767b\u9332\u30fb\u7279\u5225\u4f1a\u54e1\u30d7\u30e9\u30f3<\/h3>\n <div class=\"text-left bg-slate-50 p-4 rounded-lg mb-6 border border-slate-100\">\n <p class=\"text-sm text-slate-700 mb-2 font-bold\"><i class=\"fa-solid fa-check text-accent-gold mr-2\" aria-hidden=\"true\"><\/i>\u767b\u9332\u65995,000\u5186\u3067\u6b8b\u308a4\u56de(\u7b2c2-5\u56de)\u304c\u7121\u6599\uff01<\/p>\n <p class=\"text-sm text-slate-700 mb-2\"><i class=\"fa-solid fa-check text-corp-blue mr-2\" aria-hidden=\"true\"><\/i>\u4e00\u822c\u4f1a\u54e1(\u7121\u6599)\u306f\u5404\u56de1,100\u5186<\/p>\n <p class=\"text-sm text-slate-700\"><i class=\"fa-solid fa-check text-corp-blue mr-2\" aria-hidden=\"true\"><\/i>\u30ed\u30fc\u30d7\u30ec\u9053\u5834\u30fb\u500b\u4eba\u30ec\u30c3\u30b9\u30f3\u5927\u5e45\u5272\u5f15<\/p>\n <\/div>\n \n <a href=\"https:\/\/select-type.com\/member\/reg\/?mi=9S2hvIY0BuM\" target=\"_blank\" class=\"block w-full bg-accent-gold hover:bg-yellow-500 text-white font-bold text-xl py-4 rounded-xl shadow-lg shadow-yellow-500\/20 mb-4 transition\">\n \u4f1a\u54e1\u767b\u9332\u3078\u9032\u3080\n <i class=\"fa-solid fa-arrow-right ml-2\" aria-hidden=\"true\"><\/i>\n <\/a>\n <a href=\"https:\/\/career-c.sognoplanning.com\/?page_id=2847\" target=\"_blank\" class=\"text-sm text-slate-500 underline hover:text-corp-blue transition\">\n \u4f1a\u54e1\u5236\u5ea6\u306e\u8a73\u7d30\u306f\u3053\u3061\u3089\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const btn = document.getElementById('mobile-menu-btn');\n const menu = document.getElementById('mobile-menu');\n const links = document.querySelectorAll('.mobile-link');\n const icon = btn.querySelector('i');\n\n if (btn && menu) {\n btn.addEventListener('click', () => {\n menu.classList.toggle('hidden');\n \n \/\/ \u30a2\u30a4\u30b3\u30f3\u5207\u308a\u66ff\u3048\n if (menu.classList.contains('hidden')) {\n icon.classList.remove('fa-xmark');\n icon.classList.add('fa-bars');\n } else {\n icon.classList.remove('fa-bars');\n icon.classList.add('fa-xmark');\n }\n });\n\n \/\/ \u30ea\u30f3\u30af\u30af\u30ea\u30c3\u30af\u6642\u306b\u9589\u3058\u308b\n links.forEach(link => {\n link.addEventListener('click', () => {\n menu.classList.add('hidden');\n icon.classList.remove('fa-xmark');\n icon.classList.add('fa-bars');\n });\n });\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u7b2c31\u56de \u30ad\u30e3\u30ea\u30b3\u30f3\u8a66\u9a13\u5bfe\u7b56 \u6226\u7565\u7684\u30bb\u30df\u30ca\u30fc | \u30ed\u30fc\u30d7\u30ec\u8a66\u9a13\u5bfe\u7b56\u30bb\u30df\u30ca\u30fc \u30ed\u30fc\u30d7\u30ec\u8a66\u9a13\u5bfe\u7b56\u30bb\u30df\u30ca\u30fc \u8ab2\u984c \u30e1\u30bd\u30c3\u30c9 \u30ab\u30ea\u30ad\u30e5\u30e9\u30e0 \u5bfe\u8c61\u8005 \u7533\u3057\u8fbc\u307f \u8ab2\u984c \u30e1\u30bd\u30c3\u30c9 \u30ab\u30ea\u30ad\u30e5\u30e9\u30e0 \u5bfe\u8c61\u8005 \u7533\u3057\u8fbc\u307f \u7b2c31\u56de\u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"vkexunit_cta_each_option":"","footnotes":""},"categories":[5],"tags":[],"class_list":["post-2958","post","type-post","status-publish","format-standard","hentry","category-5"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/posts\/2958","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"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=2958"}],"version-history":[{"count":4,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/posts\/2958\/revisions"}],"predecessor-version":[{"id":3004,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/posts\/2958\/revisions\/3004"}],"wp:attachment":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2958"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2958"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2958"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2958,"date":"2025-11-24T10:51:51","date_gmt":"2025-11-24T01:51:51","guid":{"rendered":"https:\/\/career-c.sognoplanning.com\/?p=2958"},"modified":"2025-12-11T10:25:14","modified_gmt":"2025-12-11T01:25:14","slug":"%e7%ac%ac31%e5%9b%9e-%e3%82%ad%e3%83%a3%e3%83%aa%e3%82%b3%e3%83%b3%e8%a9%a6%e9%a8%93%e5%af%be%e7%ad%96-%e6%88%a6%e7%95%a5%e7%9a%84%e3%82%bb%e3%83%9f%e3%83%8a%e3%83%bc-%e3%83%ad%e3%83%bc%e3%83%97","status":"publish","type":"post","link":"https:\/\/career-c.sognoplanning.com\/?p=2958","title":{"rendered":"\u7b2c31\u56de \u30ad\u30e3\u30ea\u30b3\u30f3\u8a66\u9a13\u5bfe\u7b56 \u6226\u7565\u7684\u30bb\u30df\u30ca\u30fc | \u30ed\u30fc\u30d7\u30ec\u8a66\u9a13\u5bfe\u7b56\u30bb\u30df\u30ca\u30fc"},"content":{"rendered":"\n\n\n\n \n \n \u7b2c31\u56de \u30ad\u30e3\u30ea\u30b3\u30f3\u8a66\u9a13\u5bfe\u7b56 \u6226\u7565\u7684\u30bb\u30df\u30ca\u30fc | \u30ed\u30fc\u30d7\u30ec\u8a66\u9a13\u5bfe\u7b56\u30bb\u30df\u30ca\u30fc<\/title>\n <meta name=\"description\" content=\"\u611f\u899a\u3060\u3051\u306e\u30ed\u30fc\u30d7\u30ec\u304b\u3089\u3001\u8aac\u660e\u3067\u304d\u308b\u30d7\u30ed\u306e\u6280\u8853\u3078\u3002\u300c\u8a00\u8a9e\u5316\u300d\u3068\u300c\u69cb\u9020\u5316\u300d\u3067\u653b\u7565\u3059\u308b\u6226\u7565\u7684\u30bb\u30df\u30ca\u30fc\u3002AI\u8a3a\u65ad\u3068\u8ad6\u7406\u7684\u6307\u5c0e\u3067\u5408\u683c\u3092\u76ee\u6307\u3059\u3002\">\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Urbanist:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n sans: ['\"Noto Sans JP\"', 'sans-serif'],\n display: ['\"Urbanist\"', 'sans-serif'],\n },\n colors: {\n corp: {\n blue: '#0066CC', \/\/ Main Corporate Blue\n light: '#E6F2FF', \/\/ Light Blue Background\n dark: '#004C99', \/\/ Darker Blue for text\/footer\n vivid: '#0EA5E9', \/\/ Vivid Sky Blue for accents\n },\n slate: {\n 800: '#1e293b', \/\/ Main Text\n 600: '#475569', \/\/ Secondary Text\n 50: '#f8fafc', \/\/ Off-white background\n },\n accent: {\n gold: '#F59E0B', \/\/ Focus\/Attention\n red: '#EF4444', \/\/ Alert\n }\n },\n backgroundImage: {\n 'grid-pattern': \"url(\\\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='%230066cc' fill-opacity='0.05' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'\/%3E%3C\/g%3E%3C\/svg%3E\\\")\",\n },\n boxShadow: {\n 'blue': '0 4px 14px 0 rgba(0, 102, 204, 0.15)',\n 'blue-hover': '0 6px 20px rgba(0, 102, 204, 0.25)',\n }\n }\n }\n }\n <\/script>\n <style>\n .text-shadow { text-shadow: 0 2px 4px rgba(0,0,0,0.1); }\n .text-shadow-strong { text-shadow: 0 2px 4px rgba(0,0,0,0.5); }\n \n \/* \u659c\u3081\u30ab\u30c3\u30c8\u306e\u30c7\u30b6\u30a4\u30f3 *\/\n .clip-path-slant { clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%); }\n .clip-path-slant-top { clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%); }\n \n @media (max-width: 768px) {\n .clip-path-slant { clip-path: none; }\n .clip-path-slant-top { clip-path: none; }\n }\n\n .bg-hero {\n background-color: #f0f9ff;\n background-image: \n linear-gradient(to right bottom, rgba(0, 102, 204, 0.85), rgba(14, 165, 233, 0.75)),\n url('https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?q=80&w=2069&auto=format&fit=crop');\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n }\n\n \/* \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u5b9a\u7fa9 *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .animate-fade-in-up {\n opacity: 0; \/* \u521d\u671f\u72b6\u614b\u3092\u900f\u660e\u306b *\/\n animation: fadeInUp 0.8s ease-out forwards;\n }\n\n @keyframes bounceSlow {\n 0%, 100% {\n transform: translateY(-25%) translateX(-50%);\n animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n }\n 50% {\n transform: translateY(0) translateX(-50%);\n animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n }\n }\n\n .animate-bounce-slow {\n animation: bounceSlow 2s infinite;\n }\n\n \/* \u30e2\u30d0\u30a4\u30eb\u30e1\u30cb\u30e5\u30fc\u306e\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\n #mobile-menu {\n transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;\n }\n .mobile-menu-closed {\n transform: translateY(-20px);\n opacity: 0;\n pointer-events: none;\n }\n .mobile-menu-open {\n transform: translateY(0);\n opacity: 1;\n pointer-events: auto;\n }\n <\/style>\n<\/head>\n<body class=\"bg-white text-slate-800 font-sans antialiased selection:bg-corp-blue selection:text-white\">\n\n \n <header class=\"fixed top-0 w-full z-50 bg-white\/95 backdrop-blur-md border-b border-slate-200 shadow-sm\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex justify-between items-center h-16\">\n \n <div class=\"flex items-center gap-2 cursor-pointer\" onclick=\"window.scrollTo(0,0)\">\n <div class=\"bg-corp-blue text-white w-8 h-8 rounded flex items-center justify-center\">\n <i class=\"fa-solid fa-layer-group text-sm\" aria-hidden=\"true\"><\/i>\n <\/div>\n \n <span class=\"font-bold text-lg tracking-wider text-corp-blue\">\u30ed\u30fc\u30d7\u30ec\u8a66\u9a13\u5bfe\u7b56\u30bb\u30df\u30ca\u30fc<\/span>\n <\/div>\n \n \n <nav class=\"hidden md:flex space-x-8\">\n <a href=\"#problem\" class=\"text-sm font-bold text-slate-600 hover:text-corp-blue transition relative group\">\n \u8ab2\u984c\n <span class=\"absolute -bottom-1 left-0 w-0 h-0.5 bg-corp-blue transition-all group-hover:w-full\"><\/span>\n <\/a>\n <a href=\"#solution\" class=\"text-sm font-bold text-slate-600 hover:text-corp-blue transition relative group\">\n \u30e1\u30bd\u30c3\u30c9\n <span class=\"absolute -bottom-1 left-0 w-0 h-0.5 bg-corp-blue transition-all group-hover:w-full\"><\/span>\n <\/a>\n <a href=\"#curriculum\" class=\"text-sm font-bold text-slate-600 hover:text-corp-blue transition relative group\">\n \u30ab\u30ea\u30ad\u30e5\u30e9\u30e0\n <span class=\"absolute -bottom-1 left-0 w-0 h-0.5 bg-corp-blue transition-all group-hover:w-full\"><\/span>\n <\/a>\n <a href=\"#target\" class=\"text-sm font-bold text-slate-600 hover:text-corp-blue transition relative group\">\n \u5bfe\u8c61\u8005\n <span class=\"absolute -bottom-1 left-0 w-0 h-0.5 bg-corp-blue transition-all group-hover:w-full\"><\/span>\n <\/a>\n <\/nav>\n \n \n <div class=\"hidden md:block\">\n <a href=\"#cta\" class=\"bg-corp-blue hover:bg-corp-dark text-white px-6 py-2 rounded-full font-bold text-sm transition shadow-blue hover:shadow-blue-hover\">\n \u7533\u3057\u8fbc\u307f\n <\/a>\n <\/div>\n\n \n <div class=\"md:hidden flex items-center\">\n <button id=\"mobile-menu-btn\" class=\"text-corp-blue hover:text-corp-dark focus:outline-none p-2\">\n <i class=\"fa-solid fa-bars text-2xl\" aria-hidden=\"true\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"mobile-menu\" class=\"hidden md:hidden bg-white border-b border-slate-200 absolute w-full\">\n <div class=\"px-4 pt-2 pb-6 space-y-2 shadow-xl\">\n <a href=\"#problem\" class=\"block px-3 py-3 rounded-md text-base font-medium text-slate-600 hover:text-corp-blue hover:bg-corp-light transition mobile-link\">\u8ab2\u984c<\/a>\n <a href=\"#solution\" class=\"block px-3 py-3 rounded-md text-base font-medium text-slate-600 hover:text-corp-blue hover:bg-corp-light transition mobile-link\">\u30e1\u30bd\u30c3\u30c9<\/a>\n <a href=\"#curriculum\" class=\"block px-3 py-3 rounded-md text-base font-medium text-slate-600 hover:text-corp-blue hover:bg-corp-light transition mobile-link\">\u30ab\u30ea\u30ad\u30e5\u30e9\u30e0<\/a>\n <a href=\"#target\" class=\"block px-3 py-3 rounded-md text-base font-medium text-slate-600 hover:text-corp-blue hover:bg-corp-light transition mobile-link\">\u5bfe\u8c61\u8005<\/a>\n <a href=\"#cta\" class=\"block mt-4 text-center bg-corp-blue hover:bg-corp-dark text-white px-5 py-3 rounded-full font-bold text-base transition shadow-lg mobile-link\">\n \u7533\u3057\u8fbc\u307f\n <\/a>\n <\/div>\n <\/div>\n <\/header>\n\n \n <section class=\"relative h-auto min-h-[500px] md:h-[calc(100vh-64px)] max-h-[800px] flex items-center justify-center py-20 bg-hero overflow-hidden\">\n \n <div class=\"absolute inset-0 bg-white\/10 pointer-events-none\"><\/div>\n \n \n <div class=\"relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n \n \n <span class=\"inline-block py-1.5 px-4 rounded-full bg-white\/90 backdrop-blur border border-white text-corp-blue text-xs md:text-sm font-bold mb-8 animate-fade-in-up shadow-lg\" style=\"animation-delay: 0s;\">\n <i class=\"fa-solid fa-graduation-cap mr-2\" aria-hidden=\"true\"><\/i>\u7b2c31\u56de\u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u8a66\u9a13\u5bfe\u7b56\n <\/span>\n \n \n <h1 class=\"text-3xl md:text-5xl lg:text-6xl font-black text-white leading-tight mb-8 tracking-tight drop-shadow-lg animate-fade-in-up\" style=\"animation-delay: 0.1s;\">\n <span class=\"block mb-2 md:mb-4\">\u611f\u899a\u3060\u3051\u306e\u30ed\u30fc\u30d7\u30ec\u304b\u3089<\/span>\n <span class=\"block text-white text-shadow-strong\">\u300c\u8aac\u660e\u3067\u304d\u308b\u30d7\u30ed\u300d\u306e\u6280\u8853\u3078<\/span>\n <\/h1>\n \n \n <p class=\"mt-4 text-base md:text-xl text-white max-w-2xl mx-auto font-medium leading-relaxed drop-shadow-md px-4 animate-fade-in-up\" style=\"animation-delay: 0.2s;\">\n \u300c\u8a00\u8a9e\u5316\u300d\u3068\u300c\u69cb\u9020\u5316\u300d\u3067\u653b\u7565\u3059\u308b\u6226\u7565\u7684\u30bb\u30df\u30ca\u30fc\u3002<br class=\"hidden md:block\">\n AI\u8a3a\u65ad \u00d7 \u8ad6\u7406\u7684\u6307\u5c0e\u3067\u3001\u3042\u306a\u305f\u306e\u8ab2\u984c\u3092\u300c\u53ef\u8996\u5316\u300d\u3057\u307e\u3059\u3002\n <\/p>\n \n \n <div class=\"mt-12 flex flex-col sm:flex-row justify-center gap-4 px-4 animate-fade-in-up\" style=\"animation-delay: 0.3s;\">\n <a href=\"#curriculum\" class=\"px-8 py-4 bg-white text-corp-blue rounded-full font-bold text-base md:text-lg hover:bg-slate-50 transition shadow-xl w-full sm:w-auto border border-white\">\n \u30ab\u30ea\u30ad\u30e5\u30e9\u30e0\u3092\u898b\u308b\n <\/a>\n <a href=\"#cta\" class=\"px-8 py-4 bg-corp-vivid text-white rounded-full font-bold text-base md:text-lg hover:bg-sky-600 transition shadow-xl shadow-sky-500\/30 w-full sm:w-auto border border-transparent\">\n \u4eca\u3059\u3050\u7533\u3057\u8fbc\u3080\n <\/a>\n <\/div>\n \n \n <div class=\"mt-16 text-xs md:text-sm text-white\/80 animate-fade-in-up font-medium\" style=\"animation-delay: 0.4s;\">\n <p>\u516c\u958b\u65e5: 2025\u5e7411\u670825\u65e5 | \u4f01\u753b: \u30ed\u30fc\u30d7\u30ec\u8a66\u9a13\u5bfe\u7b56\u30bb\u30df\u30ca\u30fc<\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"absolute bottom-8 left-1\/2 transform -translate-x-1\/2 animate-bounce-slow z-10 cursor-pointer\" onclick=\"document.getElementById('problem').scrollIntoView({behavior: 'smooth'})\">\n <i class=\"fa-solid fa-chevron-down text-white text-2xl drop-shadow-md\" aria-hidden=\"true\"><\/i>\n <\/div>\n <\/section>\n\n \n <section id=\"problem\" class=\"py-20 md:py-24 bg-white relative overflow-hidden\">\n \n <div class=\"absolute top-0 right-0 w-64 h-64 bg-corp-light rounded-bl-full opacity-50 z-0\"><\/div>\n\n <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-2xl md:text-4xl font-bold text-slate-800 mb-4\">\u3053\u3093\u306a\u300c\u8ff7\u8d70\u300d\u3057\u3066\u3044\u307e\u305b\u3093\u304b\uff1f<\/h2>\n <div class=\"h-1 w-20 bg-corp-blue mx-auto rounded\"><\/div>\n <\/div>\n \n <div class=\"grid md:grid-cols-2 gap-12 items-center\">\n <div class=\"space-y-6\">\n <div class=\"flex gap-5 group p-4 rounded-xl hover:bg-slate-50 transition duration-300\">\n <div class=\"flex-shrink-0 w-12 h-12 rounded-full bg-red-50 border border-red-100 flex items-center justify-center text-accent-red text-xl shadow-sm group-hover:scale-110 transition\">\n <i class=\"fa-solid fa-triangle-exclamation\" aria-hidden=\"true\"><\/i>\n <\/div>\n <div>\n <h3 class=\"text-lg md:text-xl font-bold text-slate-800 mb-2\">\u7df4\u7fd2\u4e0d\u8db3\u3067\u306f\u306a\u3044\u306e\u306b\u5408\u683c\u3067\u304d\u306a\u3044<\/h3>\n <p class=\"text-slate-600 text-sm md:text-base leading-relaxed\">\u56de\u6570\u306f\u3053\u306a\u3057\u3066\u3044\u308b\u306e\u306b\u624b\u5fdc\u3048\u304c\u306a\u3044\u3002\u300c\u306a\u305c\u4e0a\u624b\u304f\u3044\u304b\u306a\u3044\u304b\u300d\u3092\u81ea\u5206\u3067\u8ad6\u7406\u7684\u306b\u8aac\u660e\u3067\u304d\u306a\u3044\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"flex gap-5 group p-4 rounded-xl hover:bg-slate-50 transition duration-300\">\n <div class=\"flex-shrink-0 w-12 h-12 rounded-full bg-red-50 border border-red-100 flex items-center justify-center text-accent-red text-xl shadow-sm group-hover:scale-110 transition\">\n <i class=\"fa-solid fa-comments\" aria-hidden=\"true\"><\/i>\n <\/div>\n <div>\n <h3 class=\"text-lg md:text-xl font-bold text-slate-800 mb-2\">\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u304c\u62bd\u8c61\u7684\u3059\u304e\u308b<\/h3>\n <p class=\"text-slate-600 text-sm md:text-base leading-relaxed\">\u300c\u3082\u3063\u3068\u5bc4\u308a\u6dfb\u3063\u3066\u300d\u300c\u611f\u899a\u304c\u5927\u4e8b\u300d\u3068\u8a00\u308f\u308c\u308b\u304c\u3001\u5177\u4f53\u7684\u306b\u3069\u3046\u4fee\u6b63\u3059\u308c\u3070\u3044\u3044\u306e\u304b\u518d\u73fe\u6027\u304c\u306a\u3044\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"flex gap-5 group p-4 rounded-xl hover:bg-slate-50 transition duration-300\">\n <div class=\"flex-shrink-0 w-12 h-12 rounded-full bg-red-50 border border-red-100 flex items-center justify-center text-accent-red text-xl shadow-sm group-hover:scale-110 transition\">\n <i class=\"fa-solid fa-pray\" aria-hidden=\"true\"><\/i>\n <\/div>\n <div>\n <h3 class=\"text-lg md:text-xl font-bold text-slate-800 mb-2\">\u8a66\u9a13\u52c9\u5f37\u304c\u300c\u304a\u7948\u308a\u300d\u306b\u306a\u3063\u3066\u3044\u308b<\/h3>\n <p class=\"text-slate-600 text-sm md:text-base leading-relaxed\">\u8a66\u9a13\u5b98\u3084\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u5f79\u306e\u5f53\u305f\u308a\u5916\u308c\u306b\u4e00\u559c\u4e00\u6182\u3057\u3001\u5408\u683c\u304c\u904b\u4efb\u305b\u306b\u306a\u3063\u3066\u3044\u308b\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-white rounded-2xl p-8 border-2 border-corp-blue\/20 shadow-blue relative mt-8 md:mt-0 transform transition hover:scale-105 duration-300\">\n <div class=\"absolute -top-4 -right-4 bg-accent-gold text-white font-bold px-4 py-1 rounded shadow-lg transform rotate-3 z-20 text-sm\">\n \u6838\u5fc3\u7684\u306a\u539f\u56e0\n <\/div>\n <h3 class=\"text-xl md:text-2xl font-bold text-corp-dark mb-6 text-center\">\u305d\u306e\u539f\u56e0\u306f<br><span class=\"text-corp-vivid border-b-4 border-corp-light\">\u300c\u8a00\u8a9e\u5316\u4e0d\u8db3\u300d<\/span>\u3068<span class=\"text-corp-vivid border-b-4 border-corp-light\">\u300c\u69cb\u9020\u5316\u306e\u6b20\u5982\u300d<\/span><\/h3>\n <p class=\"text-slate-600 leading-relaxed text-sm md:text-base\">\n \u306a\u3093\u3068\u306a\u304f\u805e\u304d\u3001\u306a\u3093\u3068\u306a\u304f\u8fd4\u3057\u3066\u3044\u308b\u3046\u3061\u306f\u3001\u30d7\u30ed\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002<br><br>\n \u5408\u683c\u306b\u5fc5\u8981\u306a\u306e\u306f\u3001\u30bb\u30f3\u30b9\u3067\u306f\u306a\u304f<strong class=\"text-corp-blue\">\u300c\u306a\u305c\u305d\u306e\u5bfe\u5fdc\u3092\u3057\u305f\u306e\u304b\u300d<\/strong>\u3092\u8ad6\u7406\u7684\u306b\u8aac\u660e\u3067\u304d\u308b\u6280\u8853\uff08\u30a2\u30ab\u30a6\u30f3\u30bf\u30d3\u30ea\u30c6\u30a3\uff09\u3067\u3059\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"solution\" class=\"py-20 md:py-24 bg-corp-light clip-path-slant-top relative z-10\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <span class=\"text-corp-blue font-bold tracking-widest uppercase text-sm\">Our Methodology<\/span>\n <h2 class=\"text-2xl md:text-4xl font-bold text-slate-800 mt-2 mb-6\">\u72ec\u81ea\u30e1\u30bd\u30c3\u30c9\u300c3\u3064\u306e\u67f1\u300d<\/h2>\n <p class=\"text-slate-600 max-w-2xl mx-auto text-sm md:text-base\">\u5f93\u6765\u306e\u300c\u56de\u6570\u91cd\u8996\u300d\u3092\u8131\u5374\u3057\u3001\u8ad6\u7406\u7684\u306a\u30d7\u30ed\u3092\u80b2\u6210\u3059\u308b\u305f\u3081\u306e\u30b7\u30b9\u30c6\u30e0\u3002<\/p>\n <\/div>\n\n <div class=\"grid md:grid-cols-3 gap-8\">\n \n <div class=\"bg-white rounded-xl p-8 border border-slate-200 shadow-sm hover:shadow-blue transition duration-300 group\">\n <div class=\"w-16 h-16 bg-blue-50 rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition text-corp-blue text-3xl\">\n <i class=\"fa-solid fa-book-open\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"text-xl md:text-2xl font-bold text-slate-800 mb-4\">\u7406\u8ad6 (Why)<\/h3>\n <p class=\"text-slate-600 leading-relaxed text-sm\">\n \u5fc3\u7406\u5b66\u30fb\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u7406\u8ad6\u306b\u57fa\u3065\u304d\u3001\u300c\u306a\u305c\u305d\u306e\u5bfe\u5fdc\u304c\u5fc5\u8981\u304b\u300d\u3092\u8ad6\u7406\u7684\u306b\u89e3\u8aac\u3002\u30a2\u30ab\u30c7\u30df\u30c3\u30af\u306a\u88cf\u4ed8\u3051\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white rounded-xl p-8 border-2 border-corp-blue shadow-blue transition duration-300 group relative transform md:-translate-y-4\">\n <div class=\"absolute top-0 right-0 bg-corp-blue text-white text-xs font-bold px-3 py-1 rounded-bl-lg rounded-tr-sm z-20\">Recommended<\/div>\n <div class=\"w-16 h-16 bg-blue-100 rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition text-corp-blue text-3xl\">\n <i class=\"fa-solid fa-microchip\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"text-xl md:text-2xl font-bold text-corp-dark mb-4\">AI\u8a3a\u65ad (Visual)<\/h3>\n <p class=\"text-slate-600 leading-relaxed text-sm\">\n \u5ba2\u89b3\u7684\u306a\u300c\u93e1\u300d\u3068\u3057\u3066\u306eAI\u6d3b\u7528\u3002\u611f\u60c5\u306e\u63a8\u79fb\u3084\u767a\u8a71\u30d0\u30e9\u30f3\u30b9\u3092\u53ef\u8996\u5316\u3057\u3001\u4e3b\u89b3\u3092\u6392\u9664\u3057\u305f\u300c\u8a18\u8ff0\u7684\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u300d\u3092\u5b9f\u73fe\u3002\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white rounded-xl p-8 border border-slate-200 shadow-sm hover:shadow-blue transition duration-300 group\">\n <div class=\"w-16 h-16 bg-blue-50 rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition text-corp-blue text-3xl\">\n <i class=\"fa-solid fa-dungeon\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"text-xl md:text-2xl font-bold text-slate-800 mb-4\">\u9053\u5834 (Do)<\/h3>\n <p class=\"text-slate-600 leading-relaxed text-sm\">\n \u300c\u5206\u304b\u3063\u305f\u300d\u3092\u300c\u3067\u304d\u308b\u300d\u306b\u5909\u3048\u308b\u610f\u56f3\u7684\u7df4\u7fd2\uff08Deliberate Practice\uff09\u3002\u5931\u6557\u3092\u8a00\u8a9e\u5316\u3057\u3001\u4fee\u6b63\u3059\u308b\u5b9f\u8df5\u306e\u5834\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"target\" class=\"py-20 bg-white bg-grid-pattern\">\n <div class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"bg-white rounded-3xl p-8 md:p-16 flex flex-col md:flex-row items-center gap-12 border border-slate-200 shadow-blue\">\n <div class=\"md:w-1\/2 w-full\">\n <h2 class=\"text-2xl md:text-3xl font-bold text-slate-800 mb-6\">\u8ab0\u306e\u305f\u3081\u306e\u30bb\u30df\u30ca\u30fc\u304b<\/h2>\n <div class=\"space-y-6\">\n <div class=\"flex items-start gap-4\">\n <div class=\"mt-1 bg-corp-light p-3 rounded-lg text-corp-blue flex-shrink-0\"><i class=\"fa-solid fa-bridge-water text-xl\" aria-hidden=\"true\"><\/i><\/div>\n <div>\n <h4 class=\"text-lg font-bold text-corp-dark\">\u521d\u53d7\u9a13\u751f (Bridge)<\/h4>\n <p class=\"text-slate-600 text-sm mt-1\">\u990a\u6210\u8b1b\u5ea7\u4fee\u4e86\u76f4\u5f8c\u3067\u3001\u5ea7\u5b66\u3068\u5b9f\u6280\u306e\u3064\u306a\u304c\u308a\u304c\u898b\u3048\u3066\u3044\u306a\u3044\u65b9\u3002\u57fa\u790e\u3092\u5b9f\u8df5\u529b\u3078\u6a4b\u6e21\u3057\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-4\">\n <div class=\"mt-1 bg-corp-light p-3 rounded-lg text-corp-blue flex-shrink-0\"><i class=\"fa-solid fa-rotate-right text-xl\" aria-hidden=\"true\"><\/i><\/div>\n <div>\n <h4 class=\"text-lg font-bold text-corp-dark\">\u30ea\u30d9\u30f3\u30b8\u7d44 (Revenge)<\/h4>\n <p class=\"text-slate-600 text-sm mt-1\">\u300c\u60dc\u3057\u3044\u300d\u300c\u3042\u3068\u5c11\u3057\u300d\u3068\u8a00\u308f\u308c\u308b\u304c\u3001\u5177\u4f53\u7684\u6539\u5584\u70b9\u304c\u4e0d\u660e\u306a\u65b9\u3002\u611f\u899a\u7684\u306a\u7656\u3092\u4fee\u6b63\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"md:w-1\/2 bg-slate-50 p-8 rounded-2xl border border-slate-200 w-full relative\">\n <i class=\"fa-solid fa-quote-left text-4xl text-slate-200 absolute top-4 left-4\" aria-hidden=\"true\"><\/i>\n <h4 class=\"text-accent-gold font-bold mb-4 border-b border-slate-300 pb-2 relative z-10\">\u672c\u30bb\u30df\u30ca\u30fc\u306e\u5fd7\u5411\u6027<\/h4>\n <p class=\"text-slate-600 text-sm leading-relaxed relative z-10\">\n \u300c\u3068\u306b\u304b\u304f\u9811\u5f35\u308d\u3046\u300d\u3068\u3044\u3046\u7cbe\u795e\u8ad6\u3088\u308a\u3082\u3001<strong>\u300c\u30c7\u30fc\u30bf\u3068\u8ad6\u7406\u306b\u57fa\u3065\u304f\u5177\u4f53\u7684\u306a\u6539\u5584\u7b56\u300d<\/strong>\u3092\u597d\u3080\u5b66\u7fd2\u8005\u306b\u6700\u9069\u3067\u3059\u3002<br><br>\n \u611f\u899a\u7684\u306a\u50be\u8074\u304b\u3089\u8131\u5374\u3057\u3001\u30d7\u30ed\u3068\u3057\u3066\u306e\u8aac\u660e\u8cac\u4efb\uff08\u30a2\u30ab\u30a6\u30f3\u30bf\u30d3\u30ea\u30c6\u30a3\uff09\u3092\u679c\u305f\u3057\u305f\u3044\u65b9\u3092\u304a\u5f85\u3061\u3057\u3066\u3044\u307e\u3059\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"curriculum\" class=\"py-20 md:py-24 bg-corp-light relative\">\n <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"text-center mb-16 md:mb-20\">\n <span class=\"text-corp-blue font-bold uppercase tracking-widest text-sm\">Curriculum<\/span>\n <h2 class=\"text-2xl md:text-4xl font-bold text-slate-800 mt-2\">\u51685\u56de\u30b7\u30ea\u30fc\u30ba\u8a73\u7d30<\/h2>\n <p class=\"text-slate-600 mt-4 text-sm md:text-base\">\u300c\u7406\u8ad6\u300d\u3067\u7d0d\u5f97\u3057\u3001\u300cAI\u300d\u3067\u5ba2\u89b3\u8996\u3057\u3001\u300c\u9053\u5834\u300d\u3067\u4fee\u6b63\u3059\u308b5\u30b9\u30c6\u30c3\u30d7<\/p>\n <\/div>\n\n <div class=\"relative border-l-2 border-corp-blue\/30 ml-4 md:ml-0 md:pl-0 space-y-12 md:space-y-16\">\n \n \n <div class=\"relative md:flex gap-10 group\">\n <div class=\"hidden md:flex flex-col items-end w-48 pt-2 text-right\">\n <span class=\"text-corp-blue font-bold text-lg\">\u7b2c1\u56de<\/span>\n <span class=\"text-slate-700 font-bold text-sm mt-1\">12\u670827\u65e5(\u571f)<br>16:00\uff5e17:30<\/span>\n <span class=\"inline-block bg-accent-red text-white text-xs px-2 py-0.5 rounded mt-1 font-bold\">\u516c\u958b\u30fb\u5b8c\u5168\u7121\u6599<\/span>\n <\/div>\n <div class=\"absolute -left-[9px] md:static md:w-4 md:h-4 bg-white border-4 border-corp-blue rounded-full mt-3 z-10 group-hover:scale-125 transition\"><\/div>\n <div class=\"flex-1 bg-white rounded-xl p-6 md:p-8 border-2 border-corp-blue shadow-lg shadow-blue\/20 transition ml-6 md:ml-0 relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 bg-accent-red text-white text-xs font-bold px-8 py-1 transform rotate-45 translate-x-8 translate-y-4 shadow-sm\">FREE<\/div>\n <div class=\"md:hidden mb-2\">\n <span class=\"text-corp-blue font-bold text-sm mr-2\">\u7b2c1\u56de 12\/27(\u571f) 16:00\u301c<\/span>\n <span class=\"bg-accent-red text-white text-xs px-2 py-0.5 rounded font-bold\">\u7121\u6599<\/span>\n <\/div>\n <h3 class=\"text-xl md:text-2xl font-bold text-slate-800 mb-3 mt-1 flex flex-wrap items-center gap-2 md:gap-3\">\n \u5b66\u7fd2\u6226\u7565\u8ad6\n <span class=\"text-xs bg-slate-100 text-slate-600 px-2 py-1 rounded border border-slate-200\">\u6c37\u5c71\u30e2\u30c7\u30eb<\/span>\n <\/h3>\n <p class=\"text-slate-600 mb-4 font-medium text-sm md:text-base\">\u305d\u306e\u300c\u306a\u3093\u3068\u306a\u304f\u300d\u304c\u547d\u53d6\u308a\u3002\u5408\u683c\u3059\u308b\u7df4\u7fd2\u306f\u72b6\u6cc1\u3092\u5b9a\u7fa9\u3059\u308b\u3053\u3068\u304b\u3089\u59cb\u307e\u308b\u3002<\/p>\n <div class=\"space-y-3 text-sm text-slate-600\">\n <p class=\"flex items-start\"><i class=\"fa-solid fa-check text-corp-blue mt-1 mr-2 flex-shrink-0\" aria-hidden=\"true\"><\/i><span><strong>\u7406\u8ad6:<\/strong> \u30e1\u30bf\u8a8d\u77e5\u3068\u6c37\u5c71\u30e2\u30c7\u30eb\u3002\u6c34\u9762\u4e0b\u306e\u300c\u611f\u899a\u300d\u3092\u8a00\u8a9e\u5316\u3059\u308b\u3002<\/span><\/p>\n <p class=\"flex items-start\"><i class=\"fa-solid fa-check text-corp-blue mt-1 mr-2 flex-shrink-0\" aria-hidden=\"true\"><\/i><span><strong>\u30e1\u30bd\u30c3\u30c9:<\/strong> AI\u306f\u70b9\u6570\u3067\u306f\u306a\u304f\u300c\u884c\u52d5\u30d1\u30bf\u30fc\u30f3\u300d\u3092\u8a18\u9332\u3059\u308b\u3002<\/span><\/p>\n <p class=\"flex items-start\"><i class=\"fa-solid fa-check text-corp-blue mt-1 mr-2 flex-shrink-0\" aria-hidden=\"true\"><\/i><span><strong>\u5b9f\u8df5:<\/strong> \u904e\u53bb\u306e\u5931\u6557\u5834\u9762\u3092\u300c\u4e8b\u5b9f\u300d\u3068\u3057\u3066\u66f8\u304d\u51fa\u3057\u3001\u73fe\u5728\u5730\u3092\u5b9a\u7fa9\u3059\u308b\u3002<\/span><\/p>\n <\/div>\n \n <div class=\"mt-6 pt-6 border-t border-slate-100\">\n <a href=\"https:\/\/yrp-semi251227.peatix.com\/\" target=\"_blank\" class=\"inline-flex items-center justify-center gap-2 px-6 py-3 bg-corp-blue hover:bg-corp-dark text-white rounded-lg font-bold transition shadow-blue hover:shadow-blue-hover w-full sm:w-auto text-sm\">\n <i class=\"fa-solid fa-ticket\" aria-hidden=\"true\"><\/i> Peatix\u3067\u7121\u6599\u53d7\u8b1b\u306b\u7533\u3057\u8fbc\u3080\n <\/a>\n <p class=\"text-xs text-slate-500 mt-2\">\u203b\u7b2c1\u56de\u306f\u4f1a\u54e1\u767b\u9332\u4e0d\u8981\u3067\u3054\u53c2\u52a0\u3044\u305f\u3060\u3051\u307e\u3059<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"relative md:flex gap-10 group\">\n <div class=\"hidden md:flex flex-col items-end w-48 pt-2 text-right\">\n <span class=\"text-corp-blue font-bold text-lg\">\u7b2c2\u56de<\/span>\n <span class=\"text-slate-700 font-bold text-sm mt-1\">1\u670810\u65e5(\u571f)<br>16:00\uff5e17:30<\/span>\n <span class=\"inline-block bg-slate-200 text-slate-600 text-xs px-2 py-0.5 rounded mt-1 font-bold\">\u30e1\u30f3\u30d0\u30fc\u9650\u5b9a<\/span>\n <\/div>\n <div class=\"absolute -left-[9px] md:static md:w-4 md:h-4 bg-white border-4 border-corp-blue rounded-full mt-3 z-10 group-hover:scale-125 transition\"><\/div>\n <div class=\"flex-1 bg-white rounded-xl p-6 md:p-8 border border-slate-200 shadow-sm hover:shadow-blue transition ml-6 md:ml-0\">\n <div class=\"md:hidden mb-2\">\n <span class=\"text-corp-blue font-bold text-sm mr-2\">\u7b2c2\u56de 1\/10(\u571f) 16:00\u301c<\/span>\n <span class=\"bg-slate-200 text-slate-600 text-xs px-2 py-0.5 rounded font-bold\">\u30e1\u30f3\u30d0\u30fc\u9650\u5b9a<\/span>\n <\/div>\n <h3 class=\"text-xl md:text-2xl font-bold text-slate-800 mb-1 flex flex-wrap items-center gap-2 md:gap-3\">\n \u95a2\u4fc2\u69cb\u7bc9\u8ad6\n <span class=\"text-xs bg-slate-100 text-slate-600 px-2 py-1 rounded border border-slate-200\">KaGaMi\u30e1\u30bd\u30c3\u30c9<\/span>\n <\/h3>\n <p class=\"text-xs text-slate-500 mb-3\"><i class=\"fa-solid fa-ticket mr-1\" aria-hidden=\"true\"><\/i>\u4e00\u822c: 1,100\u5186 \/ \u7279\u5225\u4f1a\u54e1: \u7121\u6599<\/p>\n <p class=\"text-slate-600 mb-4 font-medium text-sm md:text-base\">\u300c\u306a\u305c\u4eca\u3001\u8cea\u554f\u3057\u305f\u306e\u304b\uff1f\u300d\u305d\u306e\u4ecb\u5165\u304c\u62db\u3044\u305f\u6c88\u9ed9\u306e\u610f\u5473\u3092\u8aad\u307f\u89e3\u304f\u3002<\/p>\n <div class=\"space-y-3 text-sm text-slate-600\">\n <p class=\"flex items-start\"><i class=\"fa-solid fa-check text-corp-blue mt-1 mr-2 flex-shrink-0\" aria-hidden=\"true\"><\/i><span><strong>\u7406\u8ad6:<\/strong> \u5186\u74b0\u7684\u56e0\u679c\u5f8b\u3002\u3042\u306a\u305f\u306e\u300c\u8cea\u554f\u300d\u304c\u76f8\u624b\u306e\u300c\u9632\u885b\u300d\u3092\u4f5c\u3063\u3066\u3044\u308b\u3002<\/span><\/p>\n <p class=\"flex items-start\"><i class=\"fa-solid fa-check text-corp-blue mt-1 mr-2 flex-shrink-0\" aria-hidden=\"true\"><\/i><span><strong>\u30e1\u30bd\u30c3\u30c9:<\/strong> \u8cea\u554f\u56de\u6570\u3068\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u767a\u8a71\u91cf\u306e\u9006\u76f8\u95a2\u30c7\u30fc\u30bf\u3092\u53ef\u8996\u5316\u3002<\/span><\/p>\n <p class=\"flex items-start\"><i class=\"fa-solid fa-check text-corp-blue mt-1 mr-2 flex-shrink-0\" aria-hidden=\"true\"><\/i><span><strong>\u5b9f\u8df5:<\/strong> \u8cea\u554f\u5c01\u5370\u3002\u8981\u7d04\u3060\u3051\u3067\u8fd4\u3059\u300c\u30df\u30e5\u30fc\u30c8\u30fb\u30ed\u30fc\u30d7\u30ec\u300d\u3002<\/span><\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"relative md:flex gap-10 group\">\n <div class=\"hidden md:flex flex-col items-end w-48 pt-2 text-right\">\n <span class=\"text-corp-blue font-bold text-lg\">\u7b2c3\u56de<\/span>\n <span class=\"text-slate-700 font-bold text-sm mt-1\">1\u670817\u65e5(\u571f)<br>16:00\uff5e17:30<\/span>\n <span class=\"inline-block bg-slate-200 text-slate-600 text-xs px-2 py-0.5 rounded mt-1 font-bold\">\u30e1\u30f3\u30d0\u30fc\u9650\u5b9a<\/span>\n <\/div>\n <div class=\"absolute -left-[9px] md:static md:w-4 md:h-4 bg-white border-4 border-corp-blue rounded-full mt-3 z-10 group-hover:scale-125 transition\"><\/div>\n <div class=\"flex-1 bg-white rounded-xl p-6 md:p-8 border border-slate-200 shadow-sm hover:shadow-blue transition ml-6 md:ml-0\">\n <div class=\"md:hidden mb-2\">\n <span class=\"text-corp-blue font-bold text-sm mr-2\">\u7b2c3\u56de 1\/17(\u571f) 16:00\u301c<\/span>\n <span class=\"bg-slate-200 text-slate-600 text-xs px-2 py-0.5 rounded font-bold\">\u30e1\u30f3\u30d0\u30fc\u9650\u5b9a<\/span>\n <\/div>\n <h3 class=\"text-xl md:text-2xl font-bold text-slate-800 mb-1 flex flex-wrap items-center gap-2 md:gap-3\">\n \u521d\u671f\u4ecb\u5165\u8ad6\n <span class=\"text-xs bg-slate-100 text-slate-600 px-2 py-1 rounded border border-slate-200\">\u975e\u8a00\u8a9e\u306e\u7ffb\u8a33<\/span>\n <\/h3>\n <p class=\"text-xs text-slate-500 mb-3\"><i class=\"fa-solid fa-ticket mr-1\" aria-hidden=\"true\"><\/i>\u4e00\u822c: 1,100\u5186 \/ \u7279\u5225\u4f1a\u54e1: \u7121\u6599<\/p>\n <p class=\"text-slate-600 mb-4 font-medium text-sm md:text-base\">\u96f0\u56f2\u6c17\u3068\u3044\u3046\u9b54\u7269\u3002\u4fe1\u983c\u95a2\u4fc2\u3092\u5177\u4f53\u7684\u306a\u884c\u52d5\u306b\u5206\u89e3\u3059\u308b\u3002<\/p>\n <div class=\"space-y-3 text-sm text-slate-600\">\n <p class=\"flex items-start\"><i class=\"fa-solid fa-check text-corp-blue mt-1 mr-2 flex-shrink-0\" aria-hidden=\"true\"><\/i><span><strong>\u7406\u8ad6:<\/strong> \u30de\u30a4\u30af\u30ed\u30b9\u30ad\u30eb\uff08\u8996\u7dda\u30fb\u30c8\u30fc\u30f3\u30fb\u59ff\u52e2\uff09\u306e\u7ffb\u8a33\u3002<\/span><\/p>\n <p class=\"flex items-start\"><i class=\"fa-solid fa-check text-corp-blue mt-1 mr-2 flex-shrink-0\" aria-hidden=\"true\"><\/i><span><strong>\u30e1\u30bd\u30c3\u30c9:<\/strong> \u300c\u611f\u60c5\u8a9e\u300d\u306b\u5bfe\u3059\u308b\u300c\u53cd\u5fdc\uff08\u3042\u3044\u3065\u3061\uff09\u300d\u306e\u30b7\u30f3\u30af\u30ed\u7387\u5224\u5b9a\u3002<\/span><\/p>\n <p class=\"flex items-start\"><i class=\"fa-solid fa-check text-corp-blue mt-1 mr-2 flex-shrink-0\" aria-hidden=\"true\"><\/i><span><strong>\u5b9f\u8df5:<\/strong> \u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u97f3\u58f0\u306e\u300c\u611f\u60c5\u8a9e\u300d\u306b\u53cd\u5fdc\u3059\u308bAI\u97f3\u58f0\u30ef\u30fc\u30af\u3002<\/span><\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"relative md:flex gap-10 group\">\n <div class=\"hidden md:flex flex-col items-end w-48 pt-2 text-right\">\n <span class=\"text-corp-blue font-bold text-lg\">\u7b2c4\u56de<\/span>\n <span class=\"text-slate-700 font-bold text-sm mt-1\">1\u670824\u65e5(\u571f)<br>16:00\uff5e17:30<\/span>\n <span class=\"inline-block bg-slate-200 text-slate-600 text-xs px-2 py-0.5 rounded mt-1 font-bold\">\u30e1\u30f3\u30d0\u30fc\u9650\u5b9a<\/span>\n <\/div>\n <div class=\"absolute -left-[9px] md:static md:w-4 md:h-4 bg-white border-4 border-corp-blue rounded-full mt-3 z-10 group-hover:scale-125 transition\"><\/div>\n <div class=\"flex-1 bg-white rounded-xl p-6 md:p-8 border border-slate-200 shadow-sm hover:shadow-blue transition ml-6 md:ml-0\">\n <div class=\"md:hidden mb-2\">\n <span class=\"text-corp-blue font-bold text-sm mr-2\">\u7b2c4\u56de 1\/24(\u571f) 16:00\u301c<\/span>\n <span class=\"bg-slate-200 text-slate-600 text-xs px-2 py-0.5 rounded font-bold\">\u30e1\u30f3\u30d0\u30fc\u9650\u5b9a<\/span>\n <\/div>\n <h3 class=\"text-xl md:text-2xl font-bold text-slate-800 mb-1 flex flex-wrap items-center gap-2 md:gap-3\">\n \u5c55\u958b\u8ad6\uff1a\u898b\u7acb\u3066\uff08\u6982\u5ff5\u5316\uff09\u306e\u300c\u69cb\u9020\u5316\u300d\u3068\u30ea\u30d5\u30ec\u30af\u30b7\u30e7\u30f3\n <span class=\"text-xs bg-slate-100 text-slate-600 px-2 py-1 rounded border border-slate-200\">\u6982\u5ff5\u5316<\/span>\n <\/h3>\n <p class=\"text-xs text-slate-500 mb-3\"><i class=\"fa-solid fa-ticket mr-1\" aria-hidden=\"true\"><\/i>\u4e00\u822c: 1,100\u5186 \/ \u7279\u5225\u4f1a\u54e1: \u7121\u6599<\/p>\n <p class=\"text-slate-600 mb-4 font-medium text-sm md:text-base\">\u8a71\u304c\u5e83\u304c\u308a\u3059\u304e\u308b\u3042\u306a\u305f\u3078\u3002\u6df7\u6c8c\u3068\u3057\u305f\u8a9e\u308a\u3092\u8ad6\u7406\u3067\u6574\u7406\u3059\u308b\u6280\u8853\u3002<\/p>\n <div class=\"space-y-3 text-sm text-slate-600\">\n <p class=\"flex items-start\"><i class=\"fa-solid fa-check text-corp-blue mt-1 mr-2 flex-shrink-0\" aria-hidden=\"true\"><\/i><span><strong>\u7406\u8ad6:<\/strong> \u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u306e\u7269\u8a9e\u3092\u300c\u4e3b\u8a34\u300d\u3068\u300c\u898b\u7acb\u3066\u300d\u306b\u69cb\u9020\u5316\u3059\u308b\u6280\u8853\u3002<\/span><\/p>\n <p class=\"flex items-start\"><i class=\"fa-solid fa-check text-corp-blue mt-1 mr-2 flex-shrink-0\" aria-hidden=\"true\"><\/i><span><strong>\u30e1\u30bd\u30c3\u30c9:<\/strong> AI\u9010\u8a9e\u9332\u6d3b\u7528\u3002\u4f1a\u8a71\u306e\u5730\u56f3\u3067\u300c\u9038\u308c\u305f\u5730\u70b9\u300d\u3092\u7279\u5b9a\u3002<\/span><\/p>\n <p class=\"flex items-start\"><i class=\"fa-solid fa-check text-corp-blue mt-1 mr-2 flex-shrink-0\" aria-hidden=\"true\"><\/i><span><strong>\u5b9f\u8df5:<\/strong> \u30b1\u30fc\u30b9\u306e\u300c\u771f\u306e\u554f\u984c\u300d\u3092\u30c1\u30e3\u30c3\u30c8\u3067\u5373\u6642\u8a00\u8a9e\u5316\uff08\u30e9\u30a4\u30d6\u69cb\u9020\u5316\uff09\u3002<\/span><\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"relative md:flex gap-10 group\">\n <div class=\"hidden md:flex flex-col items-end w-48 pt-2 text-right\">\n <span class=\"text-corp-blue font-bold text-lg\">\u7b2c5\u56de<\/span>\n <span class=\"text-slate-700 font-bold text-sm mt-1\">2\u67087\u65e5(\u571f)<br>16:00\uff5e17:30<\/span>\n <span class=\"inline-block bg-slate-200 text-slate-600 text-xs px-2 py-0.5 rounded mt-1 font-bold\">\u30e1\u30f3\u30d0\u30fc\u9650\u5b9a<\/span>\n <\/div>\n <div class=\"absolute -left-[9px] md:static md:w-4 md:h-4 bg-white border-4 border-corp-blue rounded-full mt-3 z-10 group-hover:scale-125 transition\"><\/div>\n <div class=\"flex-1 bg-white rounded-xl p-6 md:p-8 border border-slate-200 shadow-sm hover:shadow-blue transition ml-6 md:ml-0\">\n <div class=\"md:hidden mb-2\">\n <span class=\"text-corp-blue font-bold text-sm mr-2\">\u7b2c5\u56de 2\/7(\u571f) 16:00\u301c<\/span>\n <span class=\"bg-slate-200 text-slate-600 text-xs px-2 py-0.5 rounded font-bold\">\u30e1\u30f3\u30d0\u30fc\u9650\u5b9a<\/span>\n <\/div>\n <h3 class=\"text-xl md:text-2xl font-bold text-slate-800 mb-1 flex flex-wrap items-center gap-2 md:gap-3\">\n \u7d71\u5408\u3068\u74b0\u5883\u8a2d\u5b9a\n <span class=\"text-xs bg-slate-100 text-slate-600 px-2 py-1 rounded border border-slate-200\">\u8aac\u660e\u8cac\u4efb<\/span>\n <\/h3>\n <p class=\"text-xs text-slate-500 mb-3\"><i class=\"fa-solid fa-ticket mr-1\" aria-hidden=\"true\"><\/i>\u4e00\u822c: 1,100\u5186 \/ \u7279\u5225\u4f1a\u54e1: \u7121\u6599<\/p>\n <p class=\"text-slate-600 mb-4 font-medium text-sm md:text-base\">\u5408\u683c\u3001\u305d\u3057\u3066\u73fe\u5834\u3078\u3002\u300c\u306a\u305c\u4eca\u306e\u5bfe\u5fdc\u3092\u3057\u305f\u306e\u304b\u300d\u3092\u8a9e\u308c\u308b\u5c02\u9580\u5bb6\u306b\u306a\u308b\u305f\u3081\u306b\u3002<\/p>\n <div class=\"space-y-3 text-sm text-slate-600\">\n <p class=\"flex items-start\"><i class=\"fa-solid fa-check text-corp-blue mt-1 mr-2 flex-shrink-0\" aria-hidden=\"true\"><\/i><span><strong>\u7406\u8ad6:<\/strong> \u30d7\u30ed\u3068\u306f\u610f\u56f3\u3092\u8a00\u8a9e\u5316\u3067\u304d\u308b\u8005\uff08\u30a2\u30ab\u30a6\u30f3\u30bf\u30d3\u30ea\u30c6\u30a3\uff09\u3002<\/span><\/p>\n <p class=\"flex items-start\"><i class=\"fa-solid fa-check text-corp-blue mt-1 mr-2 flex-shrink-0\" aria-hidden=\"true\"><\/i><span><strong>\u30e1\u30bd\u30c3\u30c9:<\/strong> AI\uff08\u8a18\u8ff0\uff09\u3068\u9053\u5834\uff08\u51e6\u65b9\uff09\u3092\u7d71\u5408\u3059\u308b\u30a2\u30d7\u30ed\u30fc\u30c1\u3002<\/span><\/p>\n <p class=\"flex items-start\"><i class=\"fa-solid fa-check text-corp-blue mt-1 mr-2 flex-shrink-0\" aria-hidden=\"true\"><\/i><span><strong>\u5b9f\u8df5:<\/strong> \u8a66\u9a13\u65e5\u307e\u3067\u306e\u30a2\u30af\u30b7\u30e7\u30f3\u30d7\u30e9\u30f3\u3068\u300c\u306a\u308a\u305f\u3044\u30ab\u30a6\u30f3\u30bb\u30e9\u30fc\u50cf\u300d\u306e\u5ba3\u8a00\u3002<\/span><\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 md:py-24 bg-white clip-path-slant relative z-10\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"grid md:grid-cols-2 gap-12 items-center\">\n <div class=\"order-2 md:order-1 relative\">\n <div class=\"absolute inset-0 bg-corp-blue\/10 blur-3xl rounded-full\"><\/div>\n \n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551288049-bebda4e38f71?q=80&w=2070&auto=format&fit=crop\" alt=\"AI Data Analysis\" class=\"relative rounded-lg shadow-2xl shadow-blue-900\/10 border border-slate-200 z-10 w-full h-auto\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/600x400\/eff6ff\/0066cc?text=AI+Analysis';\">\n <\/div>\n <div class=\"order-1 md:order-2\">\n <h2 class=\"text-2xl md:text-4xl font-bold text-slate-800 mb-6\">AI \u00d7 \u8a00\u8a9e\u5316\u3067<br>\u300c\u7656\u300d\u3092\u53ef\u8996\u5316\u3059\u308b<\/h2>\n <p class=\"text-slate-600 text-base md:text-lg mb-8 leading-relaxed\">\n \u300c\u306a\u305c\u843d\u3061\u305f\u304b\u5206\u304b\u3089\u306a\u3044\u300d\u3092\u306a\u304f\u3059\u305f\u3081\u3001AI\u304c\u3042\u306a\u305f\u306e\u30ed\u30fc\u30d7\u30ec\u3092\u6587\u5b57\u8d77\u3053\u3057\u3057\u3001\u5ba2\u89b3\u30c7\u30fc\u30bf\u3068\u3057\u3066\u5206\u6790\u3057\u307e\u3059\u3002\n <\/p>\n <ul class=\"space-y-4 text-sm md:text-base\">\n <li class=\"flex items-start\">\n <div class=\"bg-corp-light p-2 rounded-full mr-4 flex-shrink-0\">\n <i class=\"fa-solid fa-chart-pie text-corp-blue\" aria-hidden=\"true\"><\/i>\n <\/div>\n <span class=\"text-slate-700 font-medium py-1\">\u611f\u60c5\u8a9e\u3078\u306e\u53cd\u5fdc\u30bf\u30a4\u30df\u30f3\u30b0\u5206\u6790<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <div class=\"bg-corp-light p-2 rounded-full mr-4 flex-shrink-0\">\n <i class=\"fa-solid fa-chart-bar text-corp-blue\" aria-hidden=\"true\"><\/i>\n <\/div>\n <span class=\"text-slate-700 font-medium py-1\">Open\/Closed\u8cea\u554f\u306e\u6bd4\u7387\u5224\u5b9a<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <div class=\"bg-corp-light p-2 rounded-full mr-4 flex-shrink-0\">\n <i class=\"fa-solid fa-file-lines text-corp-blue\" aria-hidden=\"true\"><\/i>\n <\/div>\n <span class=\"text-slate-700 font-medium py-1\">\u300c\u306a\u3093\u3068\u306a\u304f\u300d\u3092\u6392\u9664\u3059\u308b\u8a18\u8ff0\u7684\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"cta\" class=\"py-20 md:py-24 bg-corp-dark text-center relative overflow-hidden\">\n \n <div class=\"absolute top-0 left-0 w-full h-full bg-gradient-to-br from-corp-blue to-corp-dark z-0\"><\/div>\n \n <div class=\"max-w-6xl mx-auto px-4 relative z-10\">\n <h2 class=\"text-3xl md:text-5xl font-black text-white mb-8 leading-tight\">\n \u70b9\u6570\u306f\u3044\u3089\u306a\u3044\u3002<br>\n \u6b32\u3057\u3044\u306e\u306f\u300c\u79c1\u306e\u7656\u300d\u3092\u6307\u6458\u3057\u3066\u304f\u308c\u308b\u8a00\u8449\u3060\u3002\n <\/h2>\n <p class=\"text-lg md:text-xl text-blue-100 mb-12\">\n \u6b8b\u308a1\u30f6\u6708\u3001AI\u3068\u3044\u3046\u300c\u93e1\u300d\u3068\u3001\u9053\u5834\u3068\u3044\u3046\u300c\u30b8\u30e0\u300d\u3092\u624b\u306b\u5165\u308c\u307e\u305b\u3093\u304b\uff1f\n <\/p>\n \n <div class=\"grid md:grid-cols-2 gap-8 max-w-5xl mx-auto\">\n \n <div class=\"bg-white\/10 backdrop-blur-md rounded-3xl p-8 border border-white\/20 flex flex-col items-center justify-center transform transition hover:scale-105 duration-300\">\n <span class=\"bg-white text-corp-blue text-xs font-bold px-3 py-1 rounded-full mb-4\">STEP 1<\/span>\n <h3 class=\"text-xl md:text-2xl font-bold text-white mb-4\">\u7b2c1\u56de \u7121\u6599\u4f53\u9a13\u30bb\u30df\u30ca\u30fc<\/h3>\n <p class=\"text-blue-100 text-sm mb-8 leading-relaxed\">\u307e\u305a\u306f\u300c\u5b66\u7fd2\u6226\u7565\u8ad6\u300d\u3067\u73fe\u72b6\u3092\u5206\u6790\u3002<br>\u4f1a\u54e1\u767b\u9332\u4e0d\u8981\u3067\u3054\u53c2\u52a0\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n <a href=\"https:\/\/yrp-semi251227.peatix.com\/\" target=\"_blank\" class=\"w-full bg-white hover:bg-slate-50 text-corp-blue font-bold text-lg py-4 rounded-xl shadow-lg transition\">\n Peatix\u3067\u7533\u3057\u8fbc\u3080\n <i class=\"fa-solid fa-arrow-up-right-from-square ml-2 text-sm\" aria-hidden=\"true\"><\/i>\n <\/a>\n <\/div>\n\n \n <div class=\"bg-white rounded-3xl p-8 md:p-10 shadow-2xl transform transition hover:scale-105 duration-300 relative border-4 border-accent-gold\/50\">\n <div class=\"absolute -top-4 left-1\/2 transform -translate-x-1\/2 bg-accent-red text-white text-sm font-bold px-6 py-1.5 rounded-full shadow-lg whitespace-nowrap\">\n 12\u670820\u65e5\u307e\u3067 \u7279\u5225\u30ad\u30e3\u30f3\u30da\u30fc\u30f3\n <\/div>\n <span class=\"bg-corp-light text-corp-blue text-xs font-bold px-3 py-1 rounded-full mb-4 inline-block\">STEP 2<\/span>\n <h3 class=\"text-xl md:text-2xl font-bold text-corp-dark mb-2\">\u4f1a\u54e1\u767b\u9332\u30fb\u7279\u5225\u4f1a\u54e1\u30d7\u30e9\u30f3<\/h3>\n <div class=\"text-left bg-slate-50 p-4 rounded-lg mb-6 border border-slate-100\">\n <p class=\"text-sm text-slate-700 mb-2 font-bold\"><i class=\"fa-solid fa-check text-accent-gold mr-2\" aria-hidden=\"true\"><\/i>\u767b\u9332\u65995,000\u5186\u3067\u6b8b\u308a4\u56de(\u7b2c2-5\u56de)\u304c\u7121\u6599\uff01<\/p>\n <p class=\"text-sm text-slate-700 mb-2\"><i class=\"fa-solid fa-check text-corp-blue mr-2\" aria-hidden=\"true\"><\/i>\u4e00\u822c\u4f1a\u54e1(\u7121\u6599)\u306f\u5404\u56de1,100\u5186<\/p>\n <p class=\"text-sm text-slate-700\"><i class=\"fa-solid fa-check text-corp-blue mr-2\" aria-hidden=\"true\"><\/i>\u30ed\u30fc\u30d7\u30ec\u9053\u5834\u30fb\u500b\u4eba\u30ec\u30c3\u30b9\u30f3\u5927\u5e45\u5272\u5f15<\/p>\n <\/div>\n \n <a href=\"https:\/\/select-type.com\/member\/reg\/?mi=9S2hvIY0BuM\" target=\"_blank\" class=\"block w-full bg-accent-gold hover:bg-yellow-500 text-white font-bold text-xl py-4 rounded-xl shadow-lg shadow-yellow-500\/20 mb-4 transition\">\n \u4f1a\u54e1\u767b\u9332\u3078\u9032\u3080\n <i class=\"fa-solid fa-arrow-right ml-2\" aria-hidden=\"true\"><\/i>\n <\/a>\n <a href=\"https:\/\/career-c.sognoplanning.com\/?page_id=2847\" target=\"_blank\" class=\"text-sm text-slate-500 underline hover:text-corp-blue transition\">\n \u4f1a\u54e1\u5236\u5ea6\u306e\u8a73\u7d30\u306f\u3053\u3061\u3089\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const btn = document.getElementById('mobile-menu-btn');\n const menu = document.getElementById('mobile-menu');\n const links = document.querySelectorAll('.mobile-link');\n const icon = btn.querySelector('i');\n\n if (btn && menu) {\n btn.addEventListener('click', () => {\n menu.classList.toggle('hidden');\n \n \/\/ \u30a2\u30a4\u30b3\u30f3\u5207\u308a\u66ff\u3048\n if (menu.classList.contains('hidden')) {\n icon.classList.remove('fa-xmark');\n icon.classList.add('fa-bars');\n } else {\n icon.classList.remove('fa-bars');\n icon.classList.add('fa-xmark');\n }\n });\n\n \/\/ \u30ea\u30f3\u30af\u30af\u30ea\u30c3\u30af\u6642\u306b\u9589\u3058\u308b\n links.forEach(link => {\n link.addEventListener('click', () => {\n menu.classList.add('hidden');\n icon.classList.remove('fa-xmark');\n icon.classList.add('fa-bars');\n });\n });\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u7b2c31\u56de \u30ad\u30e3\u30ea\u30b3\u30f3\u8a66\u9a13\u5bfe\u7b56 \u6226\u7565\u7684\u30bb\u30df\u30ca\u30fc | \u30ed\u30fc\u30d7\u30ec\u8a66\u9a13\u5bfe\u7b56\u30bb\u30df\u30ca\u30fc \u30ed\u30fc\u30d7\u30ec\u8a66\u9a13\u5bfe\u7b56\u30bb\u30df\u30ca\u30fc \u8ab2\u984c \u30e1\u30bd\u30c3\u30c9 \u30ab\u30ea\u30ad\u30e5\u30e9\u30e0 \u5bfe\u8c61\u8005 \u7533\u3057\u8fbc\u307f \u8ab2\u984c \u30e1\u30bd\u30c3\u30c9 \u30ab\u30ea\u30ad\u30e5\u30e9\u30e0 \u5bfe\u8c61\u8005 \u7533\u3057\u8fbc\u307f \u7b2c31\u56de\u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"vkexunit_cta_each_option":"","footnotes":""},"categories":[5],"tags":[],"class_list":["post-2958","post","type-post","status-publish","format-standard","hentry","category-5"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/posts\/2958","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"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=2958"}],"version-history":[{"count":4,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/posts\/2958\/revisions"}],"predecessor-version":[{"id":3004,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/posts\/2958\/revisions\/3004"}],"wp:attachment":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2958"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2958"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2958"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}