\u30aa\u30f3\u30e9\u30a4\u30f3\uff06\u5bfe\u9762\u958b\u50ac\u300c\u30ed\u30fc\u30d7\u30ec\u9053\u5834\u300d\uff5c\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4<\/title>\n <meta name=\"description\" content=\"\u56fd\u5bb6\u8cc7\u683c\u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u30fb2\u7d1a\u6280\u80fd\u58eb\u5b9f\u6280\u8a66\u9a13\u5bfe\u7b56\u3002\u5b9f\u8df5\u7684\u306a\u30ed\u30fc\u30eb\u30d7\u30ec\u30a4\u7df4\u7fd2\u304c\u3067\u304d\u308b\u300c\u30ed\u30fc\u30d7\u30ec\u9053\u5834\u300d\u3002\">\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\">\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&display=swap\" rel=\"stylesheet\">\n \n <style>\n body {\n font-family: 'Noto Sans JP', sans-serif;\n background-color: #f0f9ff;\n }\n \n .hero-section {\n background-image: linear-gradient(rgba(30, 58, 138, 0.7), rgba(30, 58, 138, 0.6)), url('http:\/\/career-c.sognoplanning.com\/wp-content\/uploads\/2025\/11\/\u30ed\u30fc\u30d7\u30ec\u9053\u5834\u753b\u50cf\u30ed\u30b4\u30de\u30fc\u30af\u5909\u66f42-scaled.png');\n background-size: cover;\n background-position: center;\n background-attachment: scroll;\n }\n\n #mobile-menu {\n transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n }\n #mobile-menu.open {\n max-height: 400px;\n opacity: 1;\n }\n\n .check-list li {\n position: relative;\n padding-left: 1.5rem;\n }\n .check-list li::before {\n content: \"\\f00c\";\n font-family: \"Font Awesome 6 Free\";\n font-weight: 900;\n color: #0ea5e9;\n position: absolute;\n left: 0;\n top: 0.25rem;\n }\n\n .hover-card-up {\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n .hover-card-up:hover {\n transform: translateY(-5px);\n box-shadow: 0 20px 25px -5px rgba(14, 165, 233, 0.15), 0 10px 10px -5px rgba(14, 165, 233, 0.1);\n }\n\n .step-connector::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 100%;\n width: 100%;\n height: 2px;\n background-color: #cbd5e1;\n transform: translateY(-50%);\n z-index: 0;\n }\n .step-connector:last-child::after {\n display: none;\n }\n @media (max-width: 768px) {\n .step-connector::after {\n display: none;\n }\n }\n <\/style>\n<\/head>\n<body class=\"text-slate-700 leading-relaxed\">\n\n \n <section class=\"hero-section relative min-h-[500px] md:min-h-[600px] flex items-center justify-center text-white py-16 md:py-24\">\n <div class=\"container mx-auto px-4 text-center z-10 max-w-5xl\">\n <div class=\"flex flex-col items-center justify-center gap-3 mb-6 md:mb-8\">\n <span class=\"inline-block bg-sky-500\/90 backdrop-blur-sm text-white text-xs md:text-sm px-5 py-1.5 rounded-full tracking-wider border border-sky-400 shadow-sm\">\n 2026\u5e74\u5ea6\u30ea\u30cb\u30e5\u30fc\u30a2\u30eb\n <\/span>\n <span class=\"inline-block bg-orange-500\/90 backdrop-blur-sm text-white text-sm md:text-base font-bold px-6 py-2 rounded-full tracking-wider border border-orange-400 shadow-md transform -rotate-1\">\n <i class=\"fas fa-map-marker-alt mr-2\" aria-hidden=\"true\"><\/i>\u6771\u4eac\u30fb\u540d\u53e4\u5c4b\u30fb\u5927\u962a\u3067\u300c\u5bfe\u9762\u9053\u5834\u300d\u5927\u597d\u8a55\u958b\u50ac\u4e2d\uff01\n <\/span>\n <\/div>\n <h2 class=\"text-3xl md:text-5xl lg:text-6xl font-bold mb-6 md:mb-8 leading-tight drop-shadow-lg tracking-tight\">\n \u5408\u683c\u3078\u306e\u6700\u77ed\u30eb\u30fc\u30c8\u3002<br>\n \u5b9f\u8df5\u300c\u30ed\u30fc\u30d7\u30ec\u9053\u5834\u300d\n <\/h2>\n <p class=\"text-base md:text-xl mb-8 md:mb-12 max-w-3xl mx-auto opacity-95 leading-relaxed drop-shadow-md font-medium\">\n \u77e5\u8b58\u3060\u3051\u3067\u306f\u53d7\u304b\u3089\u306a\u3044\u3002<br class=\"md:hidden\">\u5b9f\u8df5\u7684\u306a\u9762\u8ac7\u30b9\u30ad\u30eb\u3092\u78e8\u304d\u3001<br class=\"hidden md:inline\">\n \u81ea\u4fe1\u3092\u6301\u3063\u3066\u672c\u756a\u306b\u6311\u3080\u305f\u3081\u306e<br class=\"md:hidden\">\u30aa\u30f3\u30e9\u30a4\u30f3\uff06\u5bfe\u9762\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u3002\n <\/p>\n <div class=\"flex flex-col sm:flex-row justify-center gap-4 md:gap-5 w-full max-w-md mx-auto sm:max-w-none px-4 sm:px-0\">\n <a href=\"#merits\" class=\"bg-white text-sky-900 px-8 md:px-10 py-3 md:py-4 rounded-lg font-bold hover:bg-gray-100 transition shadow-xl text-center text-base md:text-lg flex-1 sm:flex-none min-w-[200px]\">\n \u4f1a\u54e1\u5236\u5ea6\u30fb\u6599\u91d1\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-8 bg-yellow-50 border-b border-yellow-100\">\n <div class=\"container mx-auto px-4\">\n <div class=\"max-w-4xl mx-auto bg-white p-6 rounded-xl shadow-sm border border-yellow-200\">\n <h3 class=\"text-lg font-bold text-yellow-800 mb-4 flex items-center\">\n <i class=\"fas fa-bullhorn mr-2\" aria-hidden=\"true\"><\/i> \u30ed\u30fc\u30d7\u30ec\u9053\u5834\u304c\u30d1\u30ef\u30fc\u30a2\u30c3\u30d7\uff01\n <\/h3>\n <div class=\"space-y-4 text-sm text-slate-700\">\n <div class=\"flex items-start bg-orange-50 p-4 rounded-lg border border-orange-200 shadow-sm\">\n <span class=\"bg-red-500 text-white text-xs font-bold px-2 py-1 rounded mr-3 mt-1 shrink-0 animate-pulse\">\u6ce8\u76ee<\/span>\n <p class=\"text-orange-900\"><span class=\"font-bold text-red-600 text-base\">\u6771\u4eac\u30fb\u540d\u53e4\u5c4b\u30fb\u5927\u962a\u3067\u300c\u5bfe\u9762\u958b\u50ac\u300d\u30b9\u30bf\u30fc\u30c8\uff01<\/span><br>\u30aa\u30f3\u30e9\u30a4\u30f3\u306b\u52a0\u3048\u3001\u672c\u756a\u3055\u306a\u304c\u3089\u306e\u30ea\u30a2\u30eb\u306a\u74b0\u5883\u3067\u7df4\u7fd2\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3057\u305f\u3002\u76f8\u624b\u306e\u606f\u9063\u3044\u3084\u7d30\u304b\u306a\u8868\u60c5\u307e\u3067\u611f\u3058\u53d6\u308c\u308b\u3001\u5bfe\u9762\u306a\u3089\u3067\u306f\u306e\u5727\u5012\u7684\u306a\u7dca\u5f35\u611f\u3068\u5b66\u7fd2\u52b9\u679c\u3092\u305c\u3072\u4f53\u611f\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n <\/div>\n <div class=\"flex items-start px-2\">\n <span class=\"bg-sky-500 text-white text-xs font-bold px-2 py-1 rounded mr-3 mt-0.5 shrink-0\">Check<\/span>\n <p>\u76ee\u7684\u3067\u9078\u3079\u308b<span class=\"font-bold\">\u300c\u9053\u5834\uff08\u8b1b\u5e2b\u306a\u3057\uff09\u300d<\/span>\u3068<span class=\"font-bold\">\u300c\u7279\u8a13\u9053\u5834\uff08\u8b1b\u5e2b\u3042\u308a\uff09\u300d<\/span>\u306b\u30ea\u30cb\u30e5\u30fc\u30a2\u30eb\u3002\u7279\u8a13\u9053\u5834\u306f\u56fd\u30ad\u30e3\u30ea\u30fb2\u7d1a\u3068\u3082\u306b\u540c\u4e00\u4fa1\u683c\u30fb\u540c\u4e00\u69cb\u6210\u3067\u3059\u3002<\/p>\n <\/div>\n <div class=\"flex items-start px-2\">\n <span class=\"bg-sky-500 text-white text-xs font-bold px-2 py-1 rounded mr-3 mt-0.5 shrink-0\">Check<\/span>\n <p>\u3054\u81ea\u8eab\u306e\u30ed\u30fc\u30d7\u30ec\u52d5\u753b\u5171\u6709\u30b5\u30fc\u30d3\u30b9\u3092\u8ffd\u52a0\uff08\u7121\u6599\uff09\u3002\u3055\u3089\u306b<span class=\"font-bold\">AI\u3068\u8b1b\u5e2b\u306b\u3088\u308b\u300c\u30ed\u30fc\u30d7\u30ec\u6dfb\u524a\u300d<\/span>\u30aa\u30d7\u30b7\u30e7\u30f3\u3082\u767b\u5834\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-12 bg-white border-b border-slate-100\">\n <div class=\"container mx-auto px-4\">\n <div class=\"max-w-4xl mx-auto\">\n <div class=\"text-center mb-8\">\n <span class=\"text-orange-500 font-bold tracking-widest uppercase text-sm mb-2 block\">Schedule<\/span>\n <h2 class=\"text-2xl md:text-3xl font-bold text-slate-800 flex items-center justify-center gap-2\">\n <i class=\"far fa-calendar-alt text-orange-500\" aria-hidden=\"true\"><\/i>\n \u5bfe\u9762\u9053\u5834 \u958b\u50ac\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\n <\/h2>\n <\/div>\n\n <div class=\"bg-orange-50 rounded-2xl shadow-md border-2 border-orange-200 overflow-hidden mb-8\">\n <div class=\"bg-orange-500 text-white p-4 font-bold text-lg flex items-center gap-2\">\n <i class=\"fas fa-chalkboard-teacher\" aria-hidden=\"true\"><\/i>\n \u3010\uff11\u3011\uff12\u7d1a\u6280\u80fd\u58eb\u8a66\u9a13\u5bfe\u7b56\u300c\u5bfe\u9762\u30ed\u30fc\u30d7\u30ec\u9053\u5834\u300d\n <\/div>\n <div class=\"p-6\">\n <ul class=\"space-y-3 mb-6\">\n <li class=\"flex items-center text-slate-700 font-medium text-lg\">\n <span class=\"w-2.5 h-2.5 rounded-full bg-orange-400 mr-3\"><\/span>\n 5\u67086\u65e5\uff08\u65e5\uff0913:00\uff5e16:00\u3000<span class=\"ml-2 bg-white border border-slate-300 px-3 py-1 rounded shadow-sm text-sm font-bold\">\u54c1\u5ddd<\/span>\n <\/li>\n <li class=\"flex items-center text-slate-700 font-medium text-lg\">\n <span class=\"w-2.5 h-2.5 rounded-full bg-orange-400 mr-3\"><\/span>\n 5\u670824\u65e5\uff08\u65e5\uff0913:00\uff5e16:00\u3000<span class=\"ml-2 bg-white border border-slate-300 px-3 py-1 rounded shadow-sm text-sm font-bold\">\u54c1\u5ddd<\/span>\n <\/li>\n <li class=\"flex items-center text-slate-700 font-medium text-lg\">\n <span class=\"w-2.5 h-2.5 rounded-full bg-orange-400 mr-3\"><\/span>\n 6\u67087\u65e5\uff08\u65e5\uff0913:00\uff5e16:00\u3000<span class=\"ml-2 bg-white border border-slate-300 px-3 py-1 rounded shadow-sm text-sm font-bold\">\u54c1\u5ddd<\/span>\n <\/li>\n <li class=\"flex items-center text-slate-700 font-medium text-lg\">\n <span class=\"w-2.5 h-2.5 rounded-full bg-orange-400 mr-3\"><\/span>\n 6\u670828\u65e5\uff08\u65e5\uff0913:00\uff5e16:00\u3000<span class=\"ml-2 bg-white border border-slate-300 px-3 py-1 rounded shadow-sm text-sm font-bold\">\u54c1\u5ddd<\/span>\n <\/li>\n <\/ul>\n <div class=\"text-sm text-slate-600 bg-white p-4 rounded-lg border border-orange-100\">\n <p class=\"mb-1\"><i class=\"fas fa-info-circle text-orange-400 mr-1\" aria-hidden=\"true\"><\/i> \u5927\u962a\u30fb\u540d\u53e4\u5c4b\u306e\u958b\u50ac\u65e5\u7a0b\u306f\u6c7a\u307e\u308a\u6b21\u7b2c\u6848\u5185\u3057\u307e\u3059\u3002<\/p>\n <p><i class=\"fas fa-info-circle text-orange-400 mr-1\" aria-hidden=\"true\"><\/i> \u56fd\u30ad\u30e3\u30ea\u306e\u958b\u50ac\u65e5\u7a0b\u306f5\u67081\u65e5\u307e\u3067\u306b\u63b2\u8f09\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"bg-red-50 rounded-2xl shadow-md border-2 border-red-200 overflow-hidden transform hover:-translate-y-1 transition duration-300\">\n <div class=\"bg-red-600 text-white p-4 font-bold text-lg md:text-xl flex items-center gap-2\">\n <i class=\"fas fa-fire animate-pulse\" aria-hidden=\"true\"><\/i>\n \u3010\u76f4\u524d\u5bfe\u9762\u9053\u5834\uff20\u30d3\u30b8\u30e7\u30f3\u30bb\u30f3\u30bf\u30fc\u6d5c\u677e\u753a\u3092\u52df\u96c6\u958b\u59cb\u3057\u307e\u3059\u3011\n <\/div>\n <div class=\"p-6 bg-white\">\n <p class=\"text-xl md:text-2xl font-bold text-slate-800 flex items-center\">\n <i class=\"far fa-clock text-red-500 mr-3\" aria-hidden=\"true\"><\/i> \u958b\u50ac\u65e5\u6642\uff1a6\u670820\u65e5\uff08\u571f\uff0913:00\uff5e17:00\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"manga\" class=\"py-12 bg-white\">\n <div class=\"container mx-auto px-4\">\n <div class=\"text-center mb-10\">\n <span class=\"text-sky-500 font-bold tracking-widest uppercase text-sm mb-2 block\">Comic Guide<\/span>\n <h2 class=\"text-2xl md:text-3xl font-bold text-sky-900 flex items-center justify-center gap-2\">\n <i class=\"fas fa-book-open text-sky-500\" aria-hidden=\"true\"><\/i>\n \u30de\u30f3\u30ac\u3067\u308f\u304b\u308b\uff01\u30ed\u30fc\u30d7\u30ec\u9053\u5834\n <\/h2>\n <\/div>\n \n <div class=\"max-w-4xl mx-auto shadow-xl rounded-xl overflow-hidden border-4 border-sky-100 transform hover:-translate-y-1 transition duration-500\">\n <img decoding=\"async\" src=\"http:\/\/career-c.sognoplanning.com\/wp-content\/uploads\/2025\/12\/\u30ed\u30fc\u30d7\u30ec\u9053\u5834\u306e\u7d39\u4ecbweb.jpg\" \n alt=\"\u30ed\u30fc\u30d7\u30ec\u9053\u5834\u306e\u7d39\u4ecb\u30de\u30f3\u30ac\" \n class=\"w-full h-auto\"\n loading=\"lazy\">\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-10 px-4 text-center relative z-10\">\n <div class=\"container mx-auto max-w-4xl\">\n <h2 class=\"text-sky-500 font-bold tracking-widest uppercase text-sm mb-6\">OUR MISSION<\/h2>\n <p class=\"text-lg md:text-xl text-slate-700 leading-loose font-medium text-left md:text-center\">\n \u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4\u306f\u5358\u306b\u78ba\u304b\u306a\u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\u6280\u8853\u3092\u6559\u3048\u308b\u3060\u3051\u3067\u306a\u304f\u3001<br class=\"hidden md:block\">\n \u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u306e\u8cea\u306e\u5e95\u4e0a\u3052\u3001\u6d3b\u8e8d\u306e\u5834\u306e\u62e1\u5927\u3092\u76ee\u6307\u3057\u3066\u3044\u307e\u3059\u3002<br>\n \u305d\u3057\u3066\u3001\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4\u4f1a\u54e1\u306f<br class=\"hidden md:block\">\n <span class=\"text-sky-600 font-bold bg-sky-100\/50 px-2 py-1 rounded\">\u4f1a\u54e1\u540c\u58eb\u304c\u5207\u78cb\u7422\u78e8\u3057\u3066\u3068\u3082\u306b\u30b9\u30ad\u30eb\u3092\u5411\u4e0a\u3055\u305b\u308b\u5236\u5ea6<\/span>\u3067\u3059\u3002\n <\/p>\n <\/div>\n <\/section>\n\n \n <section id=\"features\" class=\"py-16 bg-white\">\n <div class=\"container mx-auto px-4\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold text-sky-900 mb-4\">\u30ed\u30fc\u30d7\u30ec\u9053\u5834 3\u3064\u306e\u7279\u5fb4<\/h2>\n <div class=\"w-20 h-1 bg-sky-500 mx-auto rounded-full\"><\/div>\n <\/div>\n <div class=\"grid md:grid-cols-3 gap-8 max-w-6xl mx-auto\">\n \n <div class=\"bg-orange-50 p-8 rounded-xl shadow-md border border-orange-200 hover:shadow-lg transition duration-300 transform hover:-translate-y-1\">\n <div class=\"w-16 h-16 bg-orange-100 rounded-full flex items-center justify-center text-orange-600 text-2xl mb-6 mx-auto\">\n <i class=\"fas fa-map-location-dot\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-center mb-4 text-orange-900\">\u30aa\u30f3\u30e9\u30a4\u30f3\uff06<span class=\"text-red-600 border-b-2 border-red-600\">\u5bfe\u9762\u306e\u958b\u50ac<\/span><\/h3>\n <p class=\"text-orange-800 text-sm leading-relaxed text-justify\">\n \u5168\u56fd\u304b\u3089\u53c2\u52a0\u53ef\u80fd\u306a\u30aa\u30f3\u30e9\u30a4\u30f3\u958b\u50ac\u306b\u52a0\u3048\u3001<strong class=\"text-red-600\">\u6771\u4eac\u30fb\u540d\u53e4\u5c4b\u30fb\u5927\u962a\u3067\u306f\u5bfe\u9762\u958b\u50ac<\/strong>\u3092\u5f37\u529b\u306b\u63a8\u9032\u4e2d\u3002\u5bfe\u9762\u306a\u3089\u3067\u306f\u306e\u672c\u756a\u3055\u306a\u304c\u3089\u306e\u7a7a\u6c17\u611f\u3084\u3001\u76f8\u624b\u306e\u7d30\u304b\u306a\u8868\u60c5\u30fb\u3057\u3050\u3055\u3068\u3044\u3063\u305f\u975e\u8a00\u8a9e\u60c5\u5831\u306e\u30ad\u30e3\u30c3\u30c1\u306a\u3069\u3001\u3088\u308a\u30ea\u30a2\u30eb\u3067\u5b9f\u8df5\u7684\u306a\u9762\u8ac7\u30b9\u30ad\u30eb\u3092\u990a\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\n <\/p>\n <\/div>\n \n <div class=\"bg-slate-50 p-8 rounded-xl shadow-md border border-gray-100 hover:shadow-lg transition duration-300\">\n <div class=\"w-16 h-16 bg-sky-100 rounded-full flex items-center justify-center text-sky-600 text-2xl mb-6 mx-auto\">\n <i class=\"fas fa-people-arrows\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-center mb-4 text-gray-800\">\u76ee\u7684\u3067\u9078\u3079\u308b\uff12\u3064\u306e\u9053\u5834<\/h3>\n <p class=\"text-gray-600 text-sm leading-relaxed text-justify\">\n \u8b1b\u5e2b\u304c\u5165\u3089\u305a\u53d7\u8b1b\u751f\u540c\u58eb\u3067\u3068\u306b\u304b\u304f\u5834\u6570\u3092\u8e0f\u3080\u305f\u3081\u306e<strong class=\"text-sky-700\">\u300c\u30ed\u30fc\u30d7\u30ec\u9053\u5834\u300d<\/strong>\u3068\u3001\u8b1b\u5e2b1\u540d\uff0b\u53d7\u8b1b\u751f3\u540d\u3067\u30d7\u30ed\u304b\u3089\u6fc3\u5bc6\u306a\u6307\u5c0e\u3092\u53d7\u3051\u308b<strong class=\"text-sky-700\">\u300c\u30ed\u30fc\u30d7\u30ec\u7279\u8a13\u9053\u5834\u300d<\/strong>\u3092\u3054\u7528\u610f\u3002\u3054\u81ea\u8eab\u306e\u8ab2\u984c\u3084\u5b66\u7fd2\u30d5\u30a7\u30fc\u30ba\u306b\u5408\u308f\u305b\u3066\u9078\u629e\u53ef\u80fd\u3067\u3059\u3002\n <\/p>\n <\/div>\n \n <div class=\"bg-slate-50 p-8 rounded-xl shadow-md border border-gray-100 hover:shadow-lg transition duration-300\">\n <div class=\"w-16 h-16 bg-sky-100 rounded-full flex items-center justify-center text-sky-600 text-2xl mb-6 mx-auto\">\n <i class=\"fas fa-crown\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-center mb-4 text-gray-800\">2\u7d1a\u7279\u5316\u300c\u30d7\u30ec\u30df\u30a2\u30e0\u300d<\/h3>\n <p class=\"text-gray-600 text-sm leading-relaxed text-justify\">\n \u8ab2\u984c\u3092\u30d4\u30f3\u30dd\u30a4\u30f3\u30c8\u3067\u514b\u670d\u3059\u308b\u305f\u3081\u306e<strong class=\"text-sky-700\">\u300c\u30ed\u30fc\u30d7\u30ec\u9053\u5834\u30d7\u30ec\u30df\u30a2\u30e0\u300d<\/strong>\u3002\u300c5\u5206\u9593\u300d\u300c10\u5206\u9593\u300d\u306e\u90e8\u5206\u7df4\u7fd2\u3084\u30018\u5206\u9593\u306e\u9010\u8a9e\u9332\u304b\u3089\u30b9\u30bf\u30fc\u30c8\u3059\u308b2\u7d1a\u7279\u5316\u306e\u300c\u5c55\u958b\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u300d\u306a\u3069\u3001\u72ec\u81ea\u306e\u30ab\u30ea\u30ad\u30e5\u30e9\u30e0\u3067\u5408\u683c\u529b\u3092\u5f15\u304d\u4e0a\u3052\u307e\u3059\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"merits\" class=\"py-20 px-4 bg-gradient-to-b from-white to-sky-50\">\n <div class=\"container mx-auto max-w-6xl\">\n <div class=\"text-center mb-16\">\n <span class=\"text-sky-500 font-bold tracking-widest uppercase text-sm mb-2 block\">Membership<\/span>\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-800 mt-2\">\u9078\u3079\u308b\uff12\u3064\u306e\u4f1a\u54e1\u30d7\u30e9\u30f3<\/h2>\n <\/div>\n\n <div class=\"grid md:grid-cols-2 gap-8 lg:gap-12 items-start\">\n \n <div class=\"bg-white rounded-2xl shadow-xl overflow-hidden border border-sky-100 hover-card-up h-full flex flex-col\">\n <div class=\"bg-sky-50 p-6 border-b border-sky-100 text-center\">\n <h3 class=\"text-2xl font-bold text-sky-700\">\u4e00\u822c\u4f1a\u54e1<\/h3>\n <p class=\"text-sky-600\/70 text-sm mt-2\">\u307e\u305a\u306f\u5b66\u3073\u3092\u6df1\u3081\u305f\u3044\u65b9\u3078<\/p>\n <\/div>\n <div class=\"p-8 flex-grow\">\n <ul class=\"space-y-6\">\n <li class=\"flex items-start\">\n <span class=\"flex-shrink-0 w-10 h-10 bg-sky-100 text-sky-600 rounded-full flex items-center justify-center font-bold\">1<\/span>\n <div class=\"ml-4\">\n <h4 class=\"text-lg font-bold\">\u6709\u6599\u30bb\u30df\u30ca\u30fc\u5272\u5f15<\/h4>\n <p class=\"text-slate-500 text-sm\">\u901a\u5e38\u4fa1\u683c\u3088\u308a 25% OFF<\/p>\n <\/div>\n <\/li>\n <li class=\"flex items-start\">\n <span class=\"flex-shrink-0 w-10 h-10 bg-sky-100 text-sky-600 rounded-full flex items-center justify-center font-bold\">2<\/span>\n <div class=\"ml-4\">\n <h4 class=\"text-lg font-bold\">\u30ed\u30fc\u30d7\u30ec\u9053\u5834\u53c2\u52a0\u6a29<\/h4>\n <p class=\"text-slate-500 text-sm\">\u5b9f\u8df5\u7684\u306a\u5404\u7a2e\u7df4\u7fd2\u4f1a\u306b\u53c2\u52a0\u53ef\u80fd\u3067\u3059\u3002<\/p>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl shadow-xl overflow-hidden border-2 border-yellow-400 hover-card-up relative h-full flex flex-col\">\n <div class=\"bg-gradient-to-r from-blue-600 to-sky-500 p-6 text-center text-white\">\n <h3 class=\"text-2xl font-bold\">\u7279\u5225\u4f1a\u54e1<\/h3>\n <p class=\"text-blue-100 text-sm mt-2\">\u672c\u683c\u7684\u306b\u30b9\u30ad\u30eb\u30a2\u30c3\u30d7\u3092\u76ee\u6307\u3059\u65b9\u3078<\/p>\n <\/div>\n <div class=\"p-8 flex-grow\">\n <ul class=\"space-y-6\">\n <li class=\"flex items-start\">\n <span class=\"flex-shrink-0 w-10 h-10 bg-yellow-100 text-yellow-700 rounded-full flex items-center justify-center font-bold\">1<\/span>\n <div class=\"ml-4\">\n <h4 class=\"text-lg font-bold\">\u500b\u4eba\u30ec\u30c3\u30b9\u30f3\u5927\u5e45\u5272\u5f15<\/h4>\n <p class=\"text-slate-500 text-sm\">\u56fd\u30ad\u30e3\u30ea\uff1a4,900\u5186 \/ \uff12\u7d1a\uff1a5,940\u5186<\/p>\n <\/div>\n <\/li>\n <li class=\"flex items-start\">\n <span class=\"flex-shrink-0 w-10 h-10 bg-yellow-100 text-yellow-700 rounded-full flex items-center justify-center font-bold\">2<\/span>\n <div class=\"ml-4\">\n <h4 class=\"text-lg font-bold\">\u30ed\u30fc\u30d7\u30ec\u9053\u5834 \u7279\u5225\u4fa1\u683c<\/h4>\n <p class=\"text-slate-500 text-sm\">\u5404\u30b3\u30fc\u30b9\u3092\u512a\u5f85\u4fa1\u683c\u3067\u53d7\u8b1b\u53ef\u80fd<\/p>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"courses\" class=\"py-20 bg-slate-100\">\n <div class=\"container mx-auto px-4\">\n <div class=\"text-center mb-12\">\n <span class=\"text-sky-500 font-bold tracking-widest uppercase text-sm mb-2 block\">Courses & Fees<\/span>\n <h2 class=\"text-3xl font-bold text-sky-900 mb-4\">\u5404\u9053\u5834\u306e\u5185\u5bb9\u3068\u6599\u91d1<\/h2>\n <p class=\"text-slate-600\">\u76ee\u7684\u3084\u5b66\u7fd2\u6bb5\u968e\u306b\u5408\u308f\u305b\u3066\u9078\u3079\u308b3\u3064\u306e\u9053\u5834\u3092\u3054\u7528\u610f\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n\n \n <div class=\"grid md:grid-cols-2 gap-8 max-w-5xl mx-auto mb-8\">\n \n \n <div class=\"bg-white rounded-2xl overflow-hidden shadow-xl flex flex-col border-t-4 border-slate-400\">\n <div class=\"p-6 bg-slate-50 border-b border-slate-100\">\n <span class=\"inline-block bg-slate-200 text-slate-700 text-xs font-bold px-3 py-1 rounded-full mb-3\">\u81ea\u4e3b\u7df4\u7fd2\u30fb\u5834\u6570<\/span>\n <h3 class=\"text-2xl font-bold text-slate-800\">\u30ed\u30fc\u30d7\u30ec\u9053\u5834<span class=\"text-base font-normal text-slate-500 ml-2\">\uff08\u8b1b\u5e2b\u306a\u3057\uff09<\/span><\/h3>\n <p class=\"text-sm text-slate-600 mt-2\">\u8b1b\u5e2b\u306f\u5165\u3089\u305a\u3001\u53d7\u8b1b\u751f\u540c\u58eb\u3067\u30ed\u30fc\u30d7\u30ec\u306e\u56de\u6570\u3092\u3053\u306a\u3059\u305f\u3081\u306e\u5b9f\u8df5\u306e\u5834\u3067\u3059\u3002<\/p>\n <\/div>\n <div class=\"p-6 flex-grow\">\n <div class=\"text-center mb-6\">\n <p class=\"text-sm text-slate-500 mb-1\">\u4e00\u822c\u4f1a\u54e1: <span class=\"font-bold\">\u00a51,100<\/span> \/\u56de<\/p>\n <div class=\"bg-orange-50 border border-orange-200 p-4 rounded-xl mt-2\">\n <span class=\"text-orange-900 font-bold block text-sm\">\u7279\u5225\u4f1a\u54e1\u4fa1\u683c<\/span>\n <span class=\"text-3xl font-bold text-orange-600\">\u7121\u6599<\/span><span class=\"text-sm text-orange-800\"> \/\u56de<\/span>\n <\/div>\n <\/div>\n <ul class=\"text-sm space-y-3 check-list text-slate-600\">\n <li><strong class=\"text-slate-800\">\u8b1b\u5e2b\u306a\u3057<\/strong>\u306e\u53d7\u8b1b\u751f\u540c\u58eb\u3067\u306e\u7df4\u7fd2<\/li>\n <li>\u6570\u3092\u3053\u306a\u3057\u3001\u69d8\u3005\u306a\u30b1\u30fc\u30b9\u306b\u89e6\u308c\u305f\u3044\u65b9\u5411\u3051<\/li>\n <li>\u30aa\u30f3\u30e9\u30a4\u30f3\u30fb\u5bfe\u9762\u958b\u50ac<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl overflow-hidden shadow-xl flex flex-col border-t-4 border-sky-500\">\n <div class=\"p-6 bg-sky-50 border-b border-sky-100\">\n <span class=\"inline-block bg-sky-200 text-sky-800 text-xs font-bold px-3 py-1 rounded-full mb-3\">\u30d7\u30ed\u306e\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af<\/span>\n <h3 class=\"text-2xl font-bold text-sky-900\">\u30ed\u30fc\u30d7\u30ec\u7279\u8a13\u9053\u5834<\/h3>\n <p class=\"text-sm text-sky-700 mt-2\">\u56fd\u30ad\u30e3\u30ea\u30fb2\u7d1a\u3068\u3082\u306b<strong class=\"underline\">\u540c\u4e00\u4fa1\u683c\u30fb\u540c\u4e00\u69cb\u6210<\/strong>\u3002\u8b1b\u5e2b\u304b\u3089\u7684\u78ba\u306a\u6307\u5c0e\u3092\u53d7\u3051\u3089\u308c\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"p-6 flex-grow\">\n <div class=\"text-center mb-6\">\n <p class=\"text-sm text-slate-500 mb-1\">\u4e00\u822c\u4f1a\u54e1: <span class=\"font-bold\">\u00a54,400<\/span> \/\u56de<\/p>\n <div class=\"bg-orange-50 border border-orange-200 p-4 rounded-xl mt-2\">\n <span class=\"text-orange-900 font-bold block text-sm\">\u7279\u5225\u4f1a\u54e1\u4fa1\u683c<\/span>\n <span class=\"text-3xl font-bold text-orange-600\">\u00a53,300<\/span><span class=\"text-sm text-orange-800\"> \/\u56de<\/span>\n <\/div>\n <\/div>\n <ul class=\"text-sm space-y-3 check-list text-slate-600\">\n <li><strong class=\"text-slate-800\">\u8b1b\u5e2b1\u540d\uff0b\u53d7\u8b1b\u751f\u6700\u59273\u540d<\/strong>\u306e\u5c11\u4eba\u6570\u5236<\/li>\n <li>\u5c02\u9580\u7684\u306a\u8996\u70b9\u304b\u3089\u306e\u4e01\u5be7\u306a\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af<\/li>\n <li>\u30aa\u30f3\u30e9\u30a4\u30f3\u30fb\u5bfe\u9762\u958b\u50ac<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"max-w-5xl mx-auto bg-white rounded-2xl overflow-hidden shadow-xl border-t-4 border-purple-500\">\n <div class=\"p-6 md:p-8 bg-purple-50 border-b border-purple-100 flex flex-col md:flex-row justify-between items-center gap-4\">\n <div>\n <span class=\"inline-block bg-purple-200 text-purple-800 text-xs font-bold px-3 py-1 rounded-full mb-3\">2\u7d1a\u7279\u5316\u30fb\u8ab2\u984c\u514b\u670d<\/span>\n <h3 class=\"text-2xl font-bold text-purple-900\">\u30ed\u30fc\u30d7\u30ec\u9053\u5834\u30d7\u30ec\u30df\u30a2\u30e0<\/h3>\n <p class=\"text-sm text-purple-800 mt-2\">\u81ea\u8eab\u306e\u5f31\u70b9\u3084\u8ab2\u984c\u306b\u5408\u308f\u305b\u3066\u9078\u3079\u308b\u30013\u3064\u306e\u7279\u5316\u578b\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u30e1\u30cb\u30e5\u30fc\u3002<\/p>\n <\/div>\n <div class=\"bg-white px-6 py-4 rounded-xl shadow-sm border border-purple-100 text-center min-w-[200px]\">\n <p class=\"text-xs text-slate-500\">\u4e00\u822c\u4f1a\u54e1: \u00a53,300\/\u56de<\/p>\n <p class=\"text-sm font-bold text-orange-900 mt-1\">\u7279\u5225\u4f1a\u54e1\u4fa1\u683c<\/p>\n <p class=\"text-2xl font-bold text-orange-600\">\u00a52,200<span class=\"text-sm font-normal\">\/\u56de<\/span><\/p>\n <\/div>\n <\/div>\n \n <div class=\"p-6 md:p-8\">\n <p class=\"font-bold text-slate-800 mb-6 text-center\">\u4ee5\u4e0b\u306e3\u3064\u306e\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u30e1\u30cb\u30e5\u30fc\u304b\u3089\u9078\u629e\u3057\u3066\u53d7\u8b1b\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n <div class=\"grid md:grid-cols-3 gap-6\">\n \n <div class=\"bg-white border-2 border-slate-100 p-5 rounded-xl hover:border-purple-300 transition h-full\">\n <div class=\"w-10 h-10 bg-purple-100 text-purple-600 rounded-lg flex items-center justify-center font-bold text-lg mb-4\">\n <i class=\"fas fa-handshake\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h4 class=\"font-bold text-lg text-slate-800 mb-2\">5\u5206\u9593\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0<\/h4>\n <p class=\"text-sm text-slate-600 leading-relaxed\">\n \u9762\u8ac7\u306e\u51fa\u3060\u3057\u3001\u7b2c\u4e00\u5370\u8c61\u304b\u3089\u521d\u671f\u306e\u95a2\u4fc2\u69cb\u7bc9\uff08\u30ea\u30ec\u30fc\u30b7\u30e7\u30f3\u5f62\u6210\uff09\u306b\u7279\u5316\u3057\u3066\u53cd\u5fa9\u7df4\u7fd2\u3092\u884c\u3044\u307e\u3059\u3002\u30b9\u30e0\u30fc\u30ba\u306a\u5c0e\u5165\u304c\u82e6\u624b\u306a\u65b9\u306b\u304a\u3059\u3059\u3081\u3067\u3059\u3002\n <\/p>\n <\/div>\n \n <div class=\"bg-white border-2 border-slate-100 p-5 rounded-xl hover:border-purple-300 transition h-full\">\n <div class=\"w-10 h-10 bg-purple-100 text-purple-600 rounded-lg flex items-center justify-center font-bold text-lg mb-4\">\n <i class=\"fas fa-search\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h4 class=\"font-bold text-lg text-slate-800 mb-2\">10\u5206\u9593\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0<\/h4>\n <p class=\"text-sm text-slate-600 leading-relaxed\">\n \u30af\u30e9\u30a4\u30a8\u30f3\u30c8\u306e\u554f\u984c\u628a\u63e1\u304b\u3089\u3001\u4eca\u5f8c\u306e\u76ee\u6a19\u8a2d\u5b9a\u30fb\u65b9\u7b56\u306e\u5408\u610f\u306b\u5411\u3051\u305f\u300c\u9762\u8ac7\u4e2d\u76e4\u306e\u5c55\u958b\u529b\u300d\u3092\u935b\u3048\u308b\u305f\u3081\u306e\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u3067\u3059\u3002\n <\/p>\n <\/div>\n \n <div class=\"bg-purple-50 border-2 border-purple-200 p-5 rounded-xl shadow-sm h-full relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 bg-purple-500 text-white text-[10px] font-bold px-2 py-1 rounded-bl-lg\">2\u7d1a\u7279\u5316<\/div>\n <div class=\"w-10 h-10 bg-purple-600 text-white rounded-lg flex items-center justify-center font-bold text-lg mb-4\">\n <i class=\"fas fa-forward-step\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h4 class=\"font-bold text-lg text-purple-900 mb-2\">\u5c55\u958b\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0<\/h4>\n <p class=\"text-sm text-slate-700 leading-relaxed font-medium\">\n <span class=\"bg-yellow-200\/50 px-1\">\u4e8b\u524d\u306b\u300c8\u5206\u9593\u76f8\u5f53\u306e\u9010\u8a9e\u9332\u300d\u3092\u304a\u6e21\u3057\u3057\u307e\u3059\u3002<\/span><br>\n \u672c\u756a\u3067\u306f\u3001\u305d\u306e\u9010\u8a9e\u9332\u306e\u7d9a\u304d\u3068\u306a\u308b\u300c\u6b8b\u308a12\u5206\u9593\u306e\u30ed\u30fc\u30d7\u30ec\u300d\u3092\u5b9f\u65bd\u3057\u307e\u3059\u3002\u72b6\u6cc1\u3092\u77ac\u6642\u306b\u628a\u63e1\u3057\u3001\u7684\u78ba\u306a\u30a2\u30d7\u30ed\u30fc\u30c1\u3092\u884c\u30462\u7d1a\u306b\u7279\u5316\u3057\u305f\u9ad8\u5ea6\u306a\u5b9f\u8df5\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u3067\u3059\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section id=\"career-path\" class=\"bg-sky-500 text-white py-20 px-4\">\n <div class=\"container mx-auto max-w-6xl text-center\">\n <h2 class=\"text-3xl md:text-4xl font-bold mb-12\">\u30e1\u30f3\u30d0\u30fc\u30b9\u30c6\u30fc\u30b8\u3068\u30ad\u30e3\u30ea\u30a2\u30d1\u30b9<\/h2>\n <div class=\"bg-white rounded-xl shadow-2xl overflow-hidden text-slate-700 hidden md:block\">\n <table class=\"w-full text-left\">\n <tr class=\"bg-sky-100 text-sky-800 border-b\">\n <th class=\"p-4\">\u30b9\u30c6\u30fc\u30b8<\/th>\n <th class=\"p-4\">\u8cc7\u683c<\/th>\n <th class=\"p-4\">\u5831\u916c\u76ee\u5b89<\/th>\n <th class=\"p-4\">\u4e3b\u306a\u5f79\u5272<\/th>\n <\/tr>\n <tr class=\"border-b\">\n <td class=\"p-4 font-bold\">\u2460 \u30b5\u30dd\u30fc\u30c8\u4f1a\u54e1<\/td>\n <td class=\"p-4\">\u56fd\u30ad\u30e3\u30ea<\/td>\n <td class=\"p-4\">\u30dd\u30a4\u30f3\u30c8\u30d0\u30c3\u30af<\/td>\n <td class=\"p-4\">\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u30fc\u8ca2\u732e\u30fb\u88dc\u52a9<\/td>\n <\/tr>\n <tr class=\"border-b\">\n <td class=\"p-4 font-bold text-cyan-600\">\u2461 \u30e1\u30f3\u30bf\u30fc\u4f1a\u54e1<\/td>\n <td class=\"p-4\">\u56fd\u30ad\u30e3\u30ea<\/td>\n <td class=\"p-4 font-bold\">\u6642\u7d66 1,500\u5186<\/td>\n <td class=\"p-4\">\u6307\u5c0e\u8005\u5951\u7d04\u30fb\u9053\u5834\u30b5\u30d6\u6307\u5c0e<\/td>\n <\/tr>\n <tr>\n <td class=\"p-4 font-bold text-blue-600\">\u2462 \u8b1b\u5e2b<\/td>\n <td class=\"p-4\">2\u7d1a\u6280\u80fd\u58eb<\/td>\n <td class=\"p-4 font-bold\">\u6642\u7d66 2,000\u5186\u301c<\/td>\n <td class=\"p-4\">\u30e1\u30a4\u30f3\u6307\u5c0e\u30fb\u30bb\u30df\u30ca\u30fc\u4e3b\u50ac<\/td>\n <\/tr>\n <\/table>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"register\" class=\"py-24 px-4 bg-white\">\n <div class=\"container mx-auto max-w-4xl\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold text-sky-600 mb-4\">\u4f1a\u54e1\u767b\u9332\u306e\u3054\u6848\u5185<\/h2>\n <p class=\"text-slate-600\">\u4ee5\u4e0b\u306e\u30d5\u30a9\u30fc\u30e0\u3088\u308a\u3001\u307e\u305a\u306f\u300c\u4e00\u822c\u4f1a\u54e1\u300d\u3068\u3057\u3066\u3054\u767b\u9332\u304f\u3060\u3055\u3044\u3002<\/p>\n <\/div>\n\n <div class=\"bg-sky-50 p-8 md:p-12 rounded-3xl shadow-xl border border-sky-100 text-center\">\n <div class=\"bg-white p-8 rounded-xl border border-slate-200 mb-10 shadow-sm max-w-sm mx-auto\">\n <p class=\"text-sm text-slate-400 font-bold uppercase mb-2\">\u7279\u5225\u4f1a\u54e1 \u767b\u9332\u6599<\/p>\n <p class=\"text-4xl font-bold text-slate-700\">10,000\u5186<\/p>\n <\/div>\n\n <div class=\"space-y-6\">\n <a href=\"https:\/\/select-type.com\/member\/reg\/?mi=9S2hvIY0BuM\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block w-full bg-gradient-to-r from-sky-500 to-blue-600 hover:from-sky-600 hover:to-blue-700 text-white font-bold text-xl py-5 rounded-full shadow-lg transition transform hover:-translate-y-1\">\n \u4f1a\u54e1\u767b\u9332\u30d5\u30a9\u30fc\u30e0\u3078\u9032\u3080\n <\/a>\n \n <div class=\"bg-white p-4 rounded-xl border border-sky-200 text-left text-sm text-slate-600\">\n <p class=\"font-bold text-sky-600 mb-1\">ℹ️ \u7279\u5225\u4f1a\u54e1\u3092\u3054\u5e0c\u671b\u306e\u65b9\u3078<\/p>\n <p>\u4e0a\u8a18\u30dc\u30bf\u30f3\u3088\u308a\u4e00\u822c\u4f1a\u54e1\u767b\u9332\u3092\u5b8c\u4e86\u3055\u305b\u3066\u304f\u3060\u3055\u3044\u3002\u767b\u9332\u5f8c\u306b\u5c4a\u304f\u81ea\u52d5\u8fd4\u4fe1\u30e1\u30fc\u30eb\u306b\u3066\u3001\u7279\u5225\u4f1a\u54e1\u3078\u306e\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\u7533\u8acb\u65b9\u6cd5\u3092\u3054\u6848\u5185\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u30aa\u30f3\u30e9\u30a4\u30f3\uff06\u5bfe\u9762\u958b\u50ac\u300c\u30ed\u30fc\u30d7\u30ec\u9053\u5834\u300d\uff5c\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4 2026\u5e74\u5ea6\u30ea\u30cb\u30e5\u30fc\u30a2\u30eb \u6771\u4eac\u30fb\u540d\u53e4\u5c4b\u30fb\u5927\u962a\u3067\u300c\u5bfe\u9762\u9053\u5834\u300d\u5927\u597d\u8a55\u958b\u50ac\u4e2d\uff01 \u5408\u683c\u3078\u306e\u6700\u77ed\u30eb\u30fc\u30c8\u3002 \u5b9f\u8df5\u300c\u30ed\u30fc\u30d7\u30ec\u9053\u5834\u300d \u77e5\u8b58\u3060\u3051\u3067\u306f\u53d7\u304b\u3089\u306a\u3044\u3002\u5b9f\u8df5\u7684\u306a\u9762\u8ac7\u30b9\u30ad\u30eb\u3092\u78e8 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"sns_share_botton_hide":"","vkExUnit_sns_title":"","_vk_print_noindex":"","sitemap_hide":"","vkExUnit_sitemap":"","_veu_custom_css":"","veu_display_promotion_alert":"common","_exclude_from_list_pages":"","vkexunit_cta_each_option":"","vkExUnit_childPageIndex":"","vkExUnit_pageList_ancestor":"","vkExUnit_contact_enable":"","footnotes":""},"class_list":["post-592","page","type-page","status-publish","hentry"],"veu_head_title_object":{"title":"","add_site_title":""},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages\/592","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=592"}],"version-history":[{"count":66,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages\/592\/revisions"}],"predecessor-version":[{"id":3214,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages\/592\/revisions\/3214"}],"wp:attachment":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=592"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":592,"date":"2024-08-02T13:24:38","date_gmt":"2024-08-02T04:24:38","guid":{"rendered":"https:\/\/career-c.sognoplanning.com\/?page_id=592"},"modified":"2026-04-22T07:47:54","modified_gmt":"2026-04-21T22:47:54","slug":"%e3%82%ad%e3%83%a3%e3%83%aa%e3%82%b3%e3%83%b3%e8%a9%a6%e9%a8%93%e3%81%ae%e3%83%ad%e3%83%bc%e3%83%97%e3%83%ac%e8%a9%a6%e9%a8%93%e3%81%af%e3%83%ad%e3%83%bc%e3%83%97%e3%83%ac%e9%81%93%e5%a0%b4%e3%81%a7","status":"publish","type":"page","link":"https:\/\/career-c.sognoplanning.com\/?page_id=592","title":{"rendered":"\u30aa\u30f3\u30e9\u30a4\u30f3\u958b\u50ac\u300c\u30ed\u30fc\u30d7\u30ec\u9053\u5834\u300d\uff5c\u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u5b9f\u6280\u8a66\u9a13\u5bfe\u7b56"},"content":{"rendered":"\n\n\n\n \n \n \u30aa\u30f3\u30e9\u30a4\u30f3\uff06\u5bfe\u9762\u958b\u50ac\u300c\u30ed\u30fc\u30d7\u30ec\u9053\u5834\u300d\uff5c\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4<\/title>\n <meta name=\"description\" content=\"\u56fd\u5bb6\u8cc7\u683c\u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u30fb2\u7d1a\u6280\u80fd\u58eb\u5b9f\u6280\u8a66\u9a13\u5bfe\u7b56\u3002\u5b9f\u8df5\u7684\u306a\u30ed\u30fc\u30eb\u30d7\u30ec\u30a4\u7df4\u7fd2\u304c\u3067\u304d\u308b\u300c\u30ed\u30fc\u30d7\u30ec\u9053\u5834\u300d\u3002\">\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\">\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&display=swap\" rel=\"stylesheet\">\n \n <style>\n body {\n font-family: 'Noto Sans JP', sans-serif;\n background-color: #f0f9ff;\n }\n \n .hero-section {\n background-image: linear-gradient(rgba(30, 58, 138, 0.7), rgba(30, 58, 138, 0.6)), url('http:\/\/career-c.sognoplanning.com\/wp-content\/uploads\/2025\/11\/\u30ed\u30fc\u30d7\u30ec\u9053\u5834\u753b\u50cf\u30ed\u30b4\u30de\u30fc\u30af\u5909\u66f42-scaled.png');\n background-size: cover;\n background-position: center;\n background-attachment: scroll;\n }\n\n #mobile-menu {\n transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n }\n #mobile-menu.open {\n max-height: 400px;\n opacity: 1;\n }\n\n .check-list li {\n position: relative;\n padding-left: 1.5rem;\n }\n .check-list li::before {\n content: \"\\f00c\";\n font-family: \"Font Awesome 6 Free\";\n font-weight: 900;\n color: #0ea5e9;\n position: absolute;\n left: 0;\n top: 0.25rem;\n }\n\n .hover-card-up {\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n .hover-card-up:hover {\n transform: translateY(-5px);\n box-shadow: 0 20px 25px -5px rgba(14, 165, 233, 0.15), 0 10px 10px -5px rgba(14, 165, 233, 0.1);\n }\n\n .step-connector::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 100%;\n width: 100%;\n height: 2px;\n background-color: #cbd5e1;\n transform: translateY(-50%);\n z-index: 0;\n }\n .step-connector:last-child::after {\n display: none;\n }\n @media (max-width: 768px) {\n .step-connector::after {\n display: none;\n }\n }\n <\/style>\n<\/head>\n<body class=\"text-slate-700 leading-relaxed\">\n\n \n <section class=\"hero-section relative min-h-[500px] md:min-h-[600px] flex items-center justify-center text-white py-16 md:py-24\">\n <div class=\"container mx-auto px-4 text-center z-10 max-w-5xl\">\n <div class=\"flex flex-col items-center justify-center gap-3 mb-6 md:mb-8\">\n <span class=\"inline-block bg-sky-500\/90 backdrop-blur-sm text-white text-xs md:text-sm px-5 py-1.5 rounded-full tracking-wider border border-sky-400 shadow-sm\">\n 2026\u5e74\u5ea6\u30ea\u30cb\u30e5\u30fc\u30a2\u30eb\n <\/span>\n <span class=\"inline-block bg-orange-500\/90 backdrop-blur-sm text-white text-sm md:text-base font-bold px-6 py-2 rounded-full tracking-wider border border-orange-400 shadow-md transform -rotate-1\">\n <i class=\"fas fa-map-marker-alt mr-2\" aria-hidden=\"true\"><\/i>\u6771\u4eac\u30fb\u540d\u53e4\u5c4b\u30fb\u5927\u962a\u3067\u300c\u5bfe\u9762\u9053\u5834\u300d\u5927\u597d\u8a55\u958b\u50ac\u4e2d\uff01\n <\/span>\n <\/div>\n <h2 class=\"text-3xl md:text-5xl lg:text-6xl font-bold mb-6 md:mb-8 leading-tight drop-shadow-lg tracking-tight\">\n \u5408\u683c\u3078\u306e\u6700\u77ed\u30eb\u30fc\u30c8\u3002<br>\n \u5b9f\u8df5\u300c\u30ed\u30fc\u30d7\u30ec\u9053\u5834\u300d\n <\/h2>\n <p class=\"text-base md:text-xl mb-8 md:mb-12 max-w-3xl mx-auto opacity-95 leading-relaxed drop-shadow-md font-medium\">\n \u77e5\u8b58\u3060\u3051\u3067\u306f\u53d7\u304b\u3089\u306a\u3044\u3002<br class=\"md:hidden\">\u5b9f\u8df5\u7684\u306a\u9762\u8ac7\u30b9\u30ad\u30eb\u3092\u78e8\u304d\u3001<br class=\"hidden md:inline\">\n \u81ea\u4fe1\u3092\u6301\u3063\u3066\u672c\u756a\u306b\u6311\u3080\u305f\u3081\u306e<br class=\"md:hidden\">\u30aa\u30f3\u30e9\u30a4\u30f3\uff06\u5bfe\u9762\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u3002\n <\/p>\n <div class=\"flex flex-col sm:flex-row justify-center gap-4 md:gap-5 w-full max-w-md mx-auto sm:max-w-none px-4 sm:px-0\">\n <a href=\"#merits\" class=\"bg-white text-sky-900 px-8 md:px-10 py-3 md:py-4 rounded-lg font-bold hover:bg-gray-100 transition shadow-xl text-center text-base md:text-lg flex-1 sm:flex-none min-w-[200px]\">\n \u4f1a\u54e1\u5236\u5ea6\u30fb\u6599\u91d1\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-8 bg-yellow-50 border-b border-yellow-100\">\n <div class=\"container mx-auto px-4\">\n <div class=\"max-w-4xl mx-auto bg-white p-6 rounded-xl shadow-sm border border-yellow-200\">\n <h3 class=\"text-lg font-bold text-yellow-800 mb-4 flex items-center\">\n <i class=\"fas fa-bullhorn mr-2\" aria-hidden=\"true\"><\/i> \u30ed\u30fc\u30d7\u30ec\u9053\u5834\u304c\u30d1\u30ef\u30fc\u30a2\u30c3\u30d7\uff01\n <\/h3>\n <div class=\"space-y-4 text-sm text-slate-700\">\n <div class=\"flex items-start bg-orange-50 p-4 rounded-lg border border-orange-200 shadow-sm\">\n <span class=\"bg-red-500 text-white text-xs font-bold px-2 py-1 rounded mr-3 mt-1 shrink-0 animate-pulse\">\u6ce8\u76ee<\/span>\n <p class=\"text-orange-900\"><span class=\"font-bold text-red-600 text-base\">\u6771\u4eac\u30fb\u540d\u53e4\u5c4b\u30fb\u5927\u962a\u3067\u300c\u5bfe\u9762\u958b\u50ac\u300d\u30b9\u30bf\u30fc\u30c8\uff01<\/span><br>\u30aa\u30f3\u30e9\u30a4\u30f3\u306b\u52a0\u3048\u3001\u672c\u756a\u3055\u306a\u304c\u3089\u306e\u30ea\u30a2\u30eb\u306a\u74b0\u5883\u3067\u7df4\u7fd2\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3057\u305f\u3002\u76f8\u624b\u306e\u606f\u9063\u3044\u3084\u7d30\u304b\u306a\u8868\u60c5\u307e\u3067\u611f\u3058\u53d6\u308c\u308b\u3001\u5bfe\u9762\u306a\u3089\u3067\u306f\u306e\u5727\u5012\u7684\u306a\u7dca\u5f35\u611f\u3068\u5b66\u7fd2\u52b9\u679c\u3092\u305c\u3072\u4f53\u611f\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n <\/div>\n <div class=\"flex items-start px-2\">\n <span class=\"bg-sky-500 text-white text-xs font-bold px-2 py-1 rounded mr-3 mt-0.5 shrink-0\">Check<\/span>\n <p>\u76ee\u7684\u3067\u9078\u3079\u308b<span class=\"font-bold\">\u300c\u9053\u5834\uff08\u8b1b\u5e2b\u306a\u3057\uff09\u300d<\/span>\u3068<span class=\"font-bold\">\u300c\u7279\u8a13\u9053\u5834\uff08\u8b1b\u5e2b\u3042\u308a\uff09\u300d<\/span>\u306b\u30ea\u30cb\u30e5\u30fc\u30a2\u30eb\u3002\u7279\u8a13\u9053\u5834\u306f\u56fd\u30ad\u30e3\u30ea\u30fb2\u7d1a\u3068\u3082\u306b\u540c\u4e00\u4fa1\u683c\u30fb\u540c\u4e00\u69cb\u6210\u3067\u3059\u3002<\/p>\n <\/div>\n <div class=\"flex items-start px-2\">\n <span class=\"bg-sky-500 text-white text-xs font-bold px-2 py-1 rounded mr-3 mt-0.5 shrink-0\">Check<\/span>\n <p>\u3054\u81ea\u8eab\u306e\u30ed\u30fc\u30d7\u30ec\u52d5\u753b\u5171\u6709\u30b5\u30fc\u30d3\u30b9\u3092\u8ffd\u52a0\uff08\u7121\u6599\uff09\u3002\u3055\u3089\u306b<span class=\"font-bold\">AI\u3068\u8b1b\u5e2b\u306b\u3088\u308b\u300c\u30ed\u30fc\u30d7\u30ec\u6dfb\u524a\u300d<\/span>\u30aa\u30d7\u30b7\u30e7\u30f3\u3082\u767b\u5834\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-12 bg-white border-b border-slate-100\">\n <div class=\"container mx-auto px-4\">\n <div class=\"max-w-4xl mx-auto\">\n <div class=\"text-center mb-8\">\n <span class=\"text-orange-500 font-bold tracking-widest uppercase text-sm mb-2 block\">Schedule<\/span>\n <h2 class=\"text-2xl md:text-3xl font-bold text-slate-800 flex items-center justify-center gap-2\">\n <i class=\"far fa-calendar-alt text-orange-500\" aria-hidden=\"true\"><\/i>\n \u5bfe\u9762\u9053\u5834 \u958b\u50ac\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\n <\/h2>\n <\/div>\n\n <div class=\"bg-orange-50 rounded-2xl shadow-md border-2 border-orange-200 overflow-hidden mb-8\">\n <div class=\"bg-orange-500 text-white p-4 font-bold text-lg flex items-center gap-2\">\n <i class=\"fas fa-chalkboard-teacher\" aria-hidden=\"true\"><\/i>\n \u3010\uff11\u3011\uff12\u7d1a\u6280\u80fd\u58eb\u8a66\u9a13\u5bfe\u7b56\u300c\u5bfe\u9762\u30ed\u30fc\u30d7\u30ec\u9053\u5834\u300d\n <\/div>\n <div class=\"p-6\">\n <ul class=\"space-y-3 mb-6\">\n <li class=\"flex items-center text-slate-700 font-medium text-lg\">\n <span class=\"w-2.5 h-2.5 rounded-full bg-orange-400 mr-3\"><\/span>\n 5\u67086\u65e5\uff08\u65e5\uff0913:00\uff5e16:00\u3000<span class=\"ml-2 bg-white border border-slate-300 px-3 py-1 rounded shadow-sm text-sm font-bold\">\u54c1\u5ddd<\/span>\n <\/li>\n <li class=\"flex items-center text-slate-700 font-medium text-lg\">\n <span class=\"w-2.5 h-2.5 rounded-full bg-orange-400 mr-3\"><\/span>\n 5\u670824\u65e5\uff08\u65e5\uff0913:00\uff5e16:00\u3000<span class=\"ml-2 bg-white border border-slate-300 px-3 py-1 rounded shadow-sm text-sm font-bold\">\u54c1\u5ddd<\/span>\n <\/li>\n <li class=\"flex items-center text-slate-700 font-medium text-lg\">\n <span class=\"w-2.5 h-2.5 rounded-full bg-orange-400 mr-3\"><\/span>\n 6\u67087\u65e5\uff08\u65e5\uff0913:00\uff5e16:00\u3000<span class=\"ml-2 bg-white border border-slate-300 px-3 py-1 rounded shadow-sm text-sm font-bold\">\u54c1\u5ddd<\/span>\n <\/li>\n <li class=\"flex items-center text-slate-700 font-medium text-lg\">\n <span class=\"w-2.5 h-2.5 rounded-full bg-orange-400 mr-3\"><\/span>\n 6\u670828\u65e5\uff08\u65e5\uff0913:00\uff5e16:00\u3000<span class=\"ml-2 bg-white border border-slate-300 px-3 py-1 rounded shadow-sm text-sm font-bold\">\u54c1\u5ddd<\/span>\n <\/li>\n <\/ul>\n <div class=\"text-sm text-slate-600 bg-white p-4 rounded-lg border border-orange-100\">\n <p class=\"mb-1\"><i class=\"fas fa-info-circle text-orange-400 mr-1\" aria-hidden=\"true\"><\/i> \u5927\u962a\u30fb\u540d\u53e4\u5c4b\u306e\u958b\u50ac\u65e5\u7a0b\u306f\u6c7a\u307e\u308a\u6b21\u7b2c\u6848\u5185\u3057\u307e\u3059\u3002<\/p>\n <p><i class=\"fas fa-info-circle text-orange-400 mr-1\" aria-hidden=\"true\"><\/i> \u56fd\u30ad\u30e3\u30ea\u306e\u958b\u50ac\u65e5\u7a0b\u306f5\u67081\u65e5\u307e\u3067\u306b\u63b2\u8f09\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"bg-red-50 rounded-2xl shadow-md border-2 border-red-200 overflow-hidden transform hover:-translate-y-1 transition duration-300\">\n <div class=\"bg-red-600 text-white p-4 font-bold text-lg md:text-xl flex items-center gap-2\">\n <i class=\"fas fa-fire animate-pulse\" aria-hidden=\"true\"><\/i>\n \u3010\u76f4\u524d\u5bfe\u9762\u9053\u5834\uff20\u30d3\u30b8\u30e7\u30f3\u30bb\u30f3\u30bf\u30fc\u6d5c\u677e\u753a\u3092\u52df\u96c6\u958b\u59cb\u3057\u307e\u3059\u3011\n <\/div>\n <div class=\"p-6 bg-white\">\n <p class=\"text-xl md:text-2xl font-bold text-slate-800 flex items-center\">\n <i class=\"far fa-clock text-red-500 mr-3\" aria-hidden=\"true\"><\/i> \u958b\u50ac\u65e5\u6642\uff1a6\u670820\u65e5\uff08\u571f\uff0913:00\uff5e17:00\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"manga\" class=\"py-12 bg-white\">\n <div class=\"container mx-auto px-4\">\n <div class=\"text-center mb-10\">\n <span class=\"text-sky-500 font-bold tracking-widest uppercase text-sm mb-2 block\">Comic Guide<\/span>\n <h2 class=\"text-2xl md:text-3xl font-bold text-sky-900 flex items-center justify-center gap-2\">\n <i class=\"fas fa-book-open text-sky-500\" aria-hidden=\"true\"><\/i>\n \u30de\u30f3\u30ac\u3067\u308f\u304b\u308b\uff01\u30ed\u30fc\u30d7\u30ec\u9053\u5834\n <\/h2>\n <\/div>\n \n <div class=\"max-w-4xl mx-auto shadow-xl rounded-xl overflow-hidden border-4 border-sky-100 transform hover:-translate-y-1 transition duration-500\">\n <img decoding=\"async\" src=\"http:\/\/career-c.sognoplanning.com\/wp-content\/uploads\/2025\/12\/\u30ed\u30fc\u30d7\u30ec\u9053\u5834\u306e\u7d39\u4ecbweb.jpg\" \n alt=\"\u30ed\u30fc\u30d7\u30ec\u9053\u5834\u306e\u7d39\u4ecb\u30de\u30f3\u30ac\" \n class=\"w-full h-auto\"\n loading=\"lazy\">\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-10 px-4 text-center relative z-10\">\n <div class=\"container mx-auto max-w-4xl\">\n <h2 class=\"text-sky-500 font-bold tracking-widest uppercase text-sm mb-6\">OUR MISSION<\/h2>\n <p class=\"text-lg md:text-xl text-slate-700 leading-loose font-medium text-left md:text-center\">\n \u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4\u306f\u5358\u306b\u78ba\u304b\u306a\u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\u6280\u8853\u3092\u6559\u3048\u308b\u3060\u3051\u3067\u306a\u304f\u3001<br class=\"hidden md:block\">\n \u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u306e\u8cea\u306e\u5e95\u4e0a\u3052\u3001\u6d3b\u8e8d\u306e\u5834\u306e\u62e1\u5927\u3092\u76ee\u6307\u3057\u3066\u3044\u307e\u3059\u3002<br>\n \u305d\u3057\u3066\u3001\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4\u4f1a\u54e1\u306f<br class=\"hidden md:block\">\n <span class=\"text-sky-600 font-bold bg-sky-100\/50 px-2 py-1 rounded\">\u4f1a\u54e1\u540c\u58eb\u304c\u5207\u78cb\u7422\u78e8\u3057\u3066\u3068\u3082\u306b\u30b9\u30ad\u30eb\u3092\u5411\u4e0a\u3055\u305b\u308b\u5236\u5ea6<\/span>\u3067\u3059\u3002\n <\/p>\n <\/div>\n <\/section>\n\n \n <section id=\"features\" class=\"py-16 bg-white\">\n <div class=\"container mx-auto px-4\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold text-sky-900 mb-4\">\u30ed\u30fc\u30d7\u30ec\u9053\u5834 3\u3064\u306e\u7279\u5fb4<\/h2>\n <div class=\"w-20 h-1 bg-sky-500 mx-auto rounded-full\"><\/div>\n <\/div>\n <div class=\"grid md:grid-cols-3 gap-8 max-w-6xl mx-auto\">\n \n <div class=\"bg-orange-50 p-8 rounded-xl shadow-md border border-orange-200 hover:shadow-lg transition duration-300 transform hover:-translate-y-1\">\n <div class=\"w-16 h-16 bg-orange-100 rounded-full flex items-center justify-center text-orange-600 text-2xl mb-6 mx-auto\">\n <i class=\"fas fa-map-location-dot\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-center mb-4 text-orange-900\">\u30aa\u30f3\u30e9\u30a4\u30f3\uff06<span class=\"text-red-600 border-b-2 border-red-600\">\u5bfe\u9762\u306e\u958b\u50ac<\/span><\/h3>\n <p class=\"text-orange-800 text-sm leading-relaxed text-justify\">\n \u5168\u56fd\u304b\u3089\u53c2\u52a0\u53ef\u80fd\u306a\u30aa\u30f3\u30e9\u30a4\u30f3\u958b\u50ac\u306b\u52a0\u3048\u3001<strong class=\"text-red-600\">\u6771\u4eac\u30fb\u540d\u53e4\u5c4b\u30fb\u5927\u962a\u3067\u306f\u5bfe\u9762\u958b\u50ac<\/strong>\u3092\u5f37\u529b\u306b\u63a8\u9032\u4e2d\u3002\u5bfe\u9762\u306a\u3089\u3067\u306f\u306e\u672c\u756a\u3055\u306a\u304c\u3089\u306e\u7a7a\u6c17\u611f\u3084\u3001\u76f8\u624b\u306e\u7d30\u304b\u306a\u8868\u60c5\u30fb\u3057\u3050\u3055\u3068\u3044\u3063\u305f\u975e\u8a00\u8a9e\u60c5\u5831\u306e\u30ad\u30e3\u30c3\u30c1\u306a\u3069\u3001\u3088\u308a\u30ea\u30a2\u30eb\u3067\u5b9f\u8df5\u7684\u306a\u9762\u8ac7\u30b9\u30ad\u30eb\u3092\u990a\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\n <\/p>\n <\/div>\n \n <div class=\"bg-slate-50 p-8 rounded-xl shadow-md border border-gray-100 hover:shadow-lg transition duration-300\">\n <div class=\"w-16 h-16 bg-sky-100 rounded-full flex items-center justify-center text-sky-600 text-2xl mb-6 mx-auto\">\n <i class=\"fas fa-people-arrows\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-center mb-4 text-gray-800\">\u76ee\u7684\u3067\u9078\u3079\u308b\uff12\u3064\u306e\u9053\u5834<\/h3>\n <p class=\"text-gray-600 text-sm leading-relaxed text-justify\">\n \u8b1b\u5e2b\u304c\u5165\u3089\u305a\u53d7\u8b1b\u751f\u540c\u58eb\u3067\u3068\u306b\u304b\u304f\u5834\u6570\u3092\u8e0f\u3080\u305f\u3081\u306e<strong class=\"text-sky-700\">\u300c\u30ed\u30fc\u30d7\u30ec\u9053\u5834\u300d<\/strong>\u3068\u3001\u8b1b\u5e2b1\u540d\uff0b\u53d7\u8b1b\u751f3\u540d\u3067\u30d7\u30ed\u304b\u3089\u6fc3\u5bc6\u306a\u6307\u5c0e\u3092\u53d7\u3051\u308b<strong class=\"text-sky-700\">\u300c\u30ed\u30fc\u30d7\u30ec\u7279\u8a13\u9053\u5834\u300d<\/strong>\u3092\u3054\u7528\u610f\u3002\u3054\u81ea\u8eab\u306e\u8ab2\u984c\u3084\u5b66\u7fd2\u30d5\u30a7\u30fc\u30ba\u306b\u5408\u308f\u305b\u3066\u9078\u629e\u53ef\u80fd\u3067\u3059\u3002\n <\/p>\n <\/div>\n \n <div class=\"bg-slate-50 p-8 rounded-xl shadow-md border border-gray-100 hover:shadow-lg transition duration-300\">\n <div class=\"w-16 h-16 bg-sky-100 rounded-full flex items-center justify-center text-sky-600 text-2xl mb-6 mx-auto\">\n <i class=\"fas fa-crown\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-center mb-4 text-gray-800\">2\u7d1a\u7279\u5316\u300c\u30d7\u30ec\u30df\u30a2\u30e0\u300d<\/h3>\n <p class=\"text-gray-600 text-sm leading-relaxed text-justify\">\n \u8ab2\u984c\u3092\u30d4\u30f3\u30dd\u30a4\u30f3\u30c8\u3067\u514b\u670d\u3059\u308b\u305f\u3081\u306e<strong class=\"text-sky-700\">\u300c\u30ed\u30fc\u30d7\u30ec\u9053\u5834\u30d7\u30ec\u30df\u30a2\u30e0\u300d<\/strong>\u3002\u300c5\u5206\u9593\u300d\u300c10\u5206\u9593\u300d\u306e\u90e8\u5206\u7df4\u7fd2\u3084\u30018\u5206\u9593\u306e\u9010\u8a9e\u9332\u304b\u3089\u30b9\u30bf\u30fc\u30c8\u3059\u308b2\u7d1a\u7279\u5316\u306e\u300c\u5c55\u958b\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u300d\u306a\u3069\u3001\u72ec\u81ea\u306e\u30ab\u30ea\u30ad\u30e5\u30e9\u30e0\u3067\u5408\u683c\u529b\u3092\u5f15\u304d\u4e0a\u3052\u307e\u3059\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"merits\" class=\"py-20 px-4 bg-gradient-to-b from-white to-sky-50\">\n <div class=\"container mx-auto max-w-6xl\">\n <div class=\"text-center mb-16\">\n <span class=\"text-sky-500 font-bold tracking-widest uppercase text-sm mb-2 block\">Membership<\/span>\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-800 mt-2\">\u9078\u3079\u308b\uff12\u3064\u306e\u4f1a\u54e1\u30d7\u30e9\u30f3<\/h2>\n <\/div>\n\n <div class=\"grid md:grid-cols-2 gap-8 lg:gap-12 items-start\">\n \n <div class=\"bg-white rounded-2xl shadow-xl overflow-hidden border border-sky-100 hover-card-up h-full flex flex-col\">\n <div class=\"bg-sky-50 p-6 border-b border-sky-100 text-center\">\n <h3 class=\"text-2xl font-bold text-sky-700\">\u4e00\u822c\u4f1a\u54e1<\/h3>\n <p class=\"text-sky-600\/70 text-sm mt-2\">\u307e\u305a\u306f\u5b66\u3073\u3092\u6df1\u3081\u305f\u3044\u65b9\u3078<\/p>\n <\/div>\n <div class=\"p-8 flex-grow\">\n <ul class=\"space-y-6\">\n <li class=\"flex items-start\">\n <span class=\"flex-shrink-0 w-10 h-10 bg-sky-100 text-sky-600 rounded-full flex items-center justify-center font-bold\">1<\/span>\n <div class=\"ml-4\">\n <h4 class=\"text-lg font-bold\">\u6709\u6599\u30bb\u30df\u30ca\u30fc\u5272\u5f15<\/h4>\n <p class=\"text-slate-500 text-sm\">\u901a\u5e38\u4fa1\u683c\u3088\u308a 25% OFF<\/p>\n <\/div>\n <\/li>\n <li class=\"flex items-start\">\n <span class=\"flex-shrink-0 w-10 h-10 bg-sky-100 text-sky-600 rounded-full flex items-center justify-center font-bold\">2<\/span>\n <div class=\"ml-4\">\n <h4 class=\"text-lg font-bold\">\u30ed\u30fc\u30d7\u30ec\u9053\u5834\u53c2\u52a0\u6a29<\/h4>\n <p class=\"text-slate-500 text-sm\">\u5b9f\u8df5\u7684\u306a\u5404\u7a2e\u7df4\u7fd2\u4f1a\u306b\u53c2\u52a0\u53ef\u80fd\u3067\u3059\u3002<\/p>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl shadow-xl overflow-hidden border-2 border-yellow-400 hover-card-up relative h-full flex flex-col\">\n <div class=\"bg-gradient-to-r from-blue-600 to-sky-500 p-6 text-center text-white\">\n <h3 class=\"text-2xl font-bold\">\u7279\u5225\u4f1a\u54e1<\/h3>\n <p class=\"text-blue-100 text-sm mt-2\">\u672c\u683c\u7684\u306b\u30b9\u30ad\u30eb\u30a2\u30c3\u30d7\u3092\u76ee\u6307\u3059\u65b9\u3078<\/p>\n <\/div>\n <div class=\"p-8 flex-grow\">\n <ul class=\"space-y-6\">\n <li class=\"flex items-start\">\n <span class=\"flex-shrink-0 w-10 h-10 bg-yellow-100 text-yellow-700 rounded-full flex items-center justify-center font-bold\">1<\/span>\n <div class=\"ml-4\">\n <h4 class=\"text-lg font-bold\">\u500b\u4eba\u30ec\u30c3\u30b9\u30f3\u5927\u5e45\u5272\u5f15<\/h4>\n <p class=\"text-slate-500 text-sm\">\u56fd\u30ad\u30e3\u30ea\uff1a4,900\u5186 \/ \uff12\u7d1a\uff1a5,940\u5186<\/p>\n <\/div>\n <\/li>\n <li class=\"flex items-start\">\n <span class=\"flex-shrink-0 w-10 h-10 bg-yellow-100 text-yellow-700 rounded-full flex items-center justify-center font-bold\">2<\/span>\n <div class=\"ml-4\">\n <h4 class=\"text-lg font-bold\">\u30ed\u30fc\u30d7\u30ec\u9053\u5834 \u7279\u5225\u4fa1\u683c<\/h4>\n <p class=\"text-slate-500 text-sm\">\u5404\u30b3\u30fc\u30b9\u3092\u512a\u5f85\u4fa1\u683c\u3067\u53d7\u8b1b\u53ef\u80fd<\/p>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"courses\" class=\"py-20 bg-slate-100\">\n <div class=\"container mx-auto px-4\">\n <div class=\"text-center mb-12\">\n <span class=\"text-sky-500 font-bold tracking-widest uppercase text-sm mb-2 block\">Courses & Fees<\/span>\n <h2 class=\"text-3xl font-bold text-sky-900 mb-4\">\u5404\u9053\u5834\u306e\u5185\u5bb9\u3068\u6599\u91d1<\/h2>\n <p class=\"text-slate-600\">\u76ee\u7684\u3084\u5b66\u7fd2\u6bb5\u968e\u306b\u5408\u308f\u305b\u3066\u9078\u3079\u308b3\u3064\u306e\u9053\u5834\u3092\u3054\u7528\u610f\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n\n \n <div class=\"grid md:grid-cols-2 gap-8 max-w-5xl mx-auto mb-8\">\n \n \n <div class=\"bg-white rounded-2xl overflow-hidden shadow-xl flex flex-col border-t-4 border-slate-400\">\n <div class=\"p-6 bg-slate-50 border-b border-slate-100\">\n <span class=\"inline-block bg-slate-200 text-slate-700 text-xs font-bold px-3 py-1 rounded-full mb-3\">\u81ea\u4e3b\u7df4\u7fd2\u30fb\u5834\u6570<\/span>\n <h3 class=\"text-2xl font-bold text-slate-800\">\u30ed\u30fc\u30d7\u30ec\u9053\u5834<span class=\"text-base font-normal text-slate-500 ml-2\">\uff08\u8b1b\u5e2b\u306a\u3057\uff09<\/span><\/h3>\n <p class=\"text-sm text-slate-600 mt-2\">\u8b1b\u5e2b\u306f\u5165\u3089\u305a\u3001\u53d7\u8b1b\u751f\u540c\u58eb\u3067\u30ed\u30fc\u30d7\u30ec\u306e\u56de\u6570\u3092\u3053\u306a\u3059\u305f\u3081\u306e\u5b9f\u8df5\u306e\u5834\u3067\u3059\u3002<\/p>\n <\/div>\n <div class=\"p-6 flex-grow\">\n <div class=\"text-center mb-6\">\n <p class=\"text-sm text-slate-500 mb-1\">\u4e00\u822c\u4f1a\u54e1: <span class=\"font-bold\">\u00a51,100<\/span> \/\u56de<\/p>\n <div class=\"bg-orange-50 border border-orange-200 p-4 rounded-xl mt-2\">\n <span class=\"text-orange-900 font-bold block text-sm\">\u7279\u5225\u4f1a\u54e1\u4fa1\u683c<\/span>\n <span class=\"text-3xl font-bold text-orange-600\">\u7121\u6599<\/span><span class=\"text-sm text-orange-800\"> \/\u56de<\/span>\n <\/div>\n <\/div>\n <ul class=\"text-sm space-y-3 check-list text-slate-600\">\n <li><strong class=\"text-slate-800\">\u8b1b\u5e2b\u306a\u3057<\/strong>\u306e\u53d7\u8b1b\u751f\u540c\u58eb\u3067\u306e\u7df4\u7fd2<\/li>\n <li>\u6570\u3092\u3053\u306a\u3057\u3001\u69d8\u3005\u306a\u30b1\u30fc\u30b9\u306b\u89e6\u308c\u305f\u3044\u65b9\u5411\u3051<\/li>\n <li>\u30aa\u30f3\u30e9\u30a4\u30f3\u30fb\u5bfe\u9762\u958b\u50ac<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl overflow-hidden shadow-xl flex flex-col border-t-4 border-sky-500\">\n <div class=\"p-6 bg-sky-50 border-b border-sky-100\">\n <span class=\"inline-block bg-sky-200 text-sky-800 text-xs font-bold px-3 py-1 rounded-full mb-3\">\u30d7\u30ed\u306e\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af<\/span>\n <h3 class=\"text-2xl font-bold text-sky-900\">\u30ed\u30fc\u30d7\u30ec\u7279\u8a13\u9053\u5834<\/h3>\n <p class=\"text-sm text-sky-700 mt-2\">\u56fd\u30ad\u30e3\u30ea\u30fb2\u7d1a\u3068\u3082\u306b<strong class=\"underline\">\u540c\u4e00\u4fa1\u683c\u30fb\u540c\u4e00\u69cb\u6210<\/strong>\u3002\u8b1b\u5e2b\u304b\u3089\u7684\u78ba\u306a\u6307\u5c0e\u3092\u53d7\u3051\u3089\u308c\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"p-6 flex-grow\">\n <div class=\"text-center mb-6\">\n <p class=\"text-sm text-slate-500 mb-1\">\u4e00\u822c\u4f1a\u54e1: <span class=\"font-bold\">\u00a54,400<\/span> \/\u56de<\/p>\n <div class=\"bg-orange-50 border border-orange-200 p-4 rounded-xl mt-2\">\n <span class=\"text-orange-900 font-bold block text-sm\">\u7279\u5225\u4f1a\u54e1\u4fa1\u683c<\/span>\n <span class=\"text-3xl font-bold text-orange-600\">\u00a53,300<\/span><span class=\"text-sm text-orange-800\"> \/\u56de<\/span>\n <\/div>\n <\/div>\n <ul class=\"text-sm space-y-3 check-list text-slate-600\">\n <li><strong class=\"text-slate-800\">\u8b1b\u5e2b1\u540d\uff0b\u53d7\u8b1b\u751f\u6700\u59273\u540d<\/strong>\u306e\u5c11\u4eba\u6570\u5236<\/li>\n <li>\u5c02\u9580\u7684\u306a\u8996\u70b9\u304b\u3089\u306e\u4e01\u5be7\u306a\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af<\/li>\n <li>\u30aa\u30f3\u30e9\u30a4\u30f3\u30fb\u5bfe\u9762\u958b\u50ac<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"max-w-5xl mx-auto bg-white rounded-2xl overflow-hidden shadow-xl border-t-4 border-purple-500\">\n <div class=\"p-6 md:p-8 bg-purple-50 border-b border-purple-100 flex flex-col md:flex-row justify-between items-center gap-4\">\n <div>\n <span class=\"inline-block bg-purple-200 text-purple-800 text-xs font-bold px-3 py-1 rounded-full mb-3\">2\u7d1a\u7279\u5316\u30fb\u8ab2\u984c\u514b\u670d<\/span>\n <h3 class=\"text-2xl font-bold text-purple-900\">\u30ed\u30fc\u30d7\u30ec\u9053\u5834\u30d7\u30ec\u30df\u30a2\u30e0<\/h3>\n <p class=\"text-sm text-purple-800 mt-2\">\u81ea\u8eab\u306e\u5f31\u70b9\u3084\u8ab2\u984c\u306b\u5408\u308f\u305b\u3066\u9078\u3079\u308b\u30013\u3064\u306e\u7279\u5316\u578b\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u30e1\u30cb\u30e5\u30fc\u3002<\/p>\n <\/div>\n <div class=\"bg-white px-6 py-4 rounded-xl shadow-sm border border-purple-100 text-center min-w-[200px]\">\n <p class=\"text-xs text-slate-500\">\u4e00\u822c\u4f1a\u54e1: \u00a53,300\/\u56de<\/p>\n <p class=\"text-sm font-bold text-orange-900 mt-1\">\u7279\u5225\u4f1a\u54e1\u4fa1\u683c<\/p>\n <p class=\"text-2xl font-bold text-orange-600\">\u00a52,200<span class=\"text-sm font-normal\">\/\u56de<\/span><\/p>\n <\/div>\n <\/div>\n \n <div class=\"p-6 md:p-8\">\n <p class=\"font-bold text-slate-800 mb-6 text-center\">\u4ee5\u4e0b\u306e3\u3064\u306e\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u30e1\u30cb\u30e5\u30fc\u304b\u3089\u9078\u629e\u3057\u3066\u53d7\u8b1b\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n <div class=\"grid md:grid-cols-3 gap-6\">\n \n <div class=\"bg-white border-2 border-slate-100 p-5 rounded-xl hover:border-purple-300 transition h-full\">\n <div class=\"w-10 h-10 bg-purple-100 text-purple-600 rounded-lg flex items-center justify-center font-bold text-lg mb-4\">\n <i class=\"fas fa-handshake\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h4 class=\"font-bold text-lg text-slate-800 mb-2\">5\u5206\u9593\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0<\/h4>\n <p class=\"text-sm text-slate-600 leading-relaxed\">\n \u9762\u8ac7\u306e\u51fa\u3060\u3057\u3001\u7b2c\u4e00\u5370\u8c61\u304b\u3089\u521d\u671f\u306e\u95a2\u4fc2\u69cb\u7bc9\uff08\u30ea\u30ec\u30fc\u30b7\u30e7\u30f3\u5f62\u6210\uff09\u306b\u7279\u5316\u3057\u3066\u53cd\u5fa9\u7df4\u7fd2\u3092\u884c\u3044\u307e\u3059\u3002\u30b9\u30e0\u30fc\u30ba\u306a\u5c0e\u5165\u304c\u82e6\u624b\u306a\u65b9\u306b\u304a\u3059\u3059\u3081\u3067\u3059\u3002\n <\/p>\n <\/div>\n \n <div class=\"bg-white border-2 border-slate-100 p-5 rounded-xl hover:border-purple-300 transition h-full\">\n <div class=\"w-10 h-10 bg-purple-100 text-purple-600 rounded-lg flex items-center justify-center font-bold text-lg mb-4\">\n <i class=\"fas fa-search\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h4 class=\"font-bold text-lg text-slate-800 mb-2\">10\u5206\u9593\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0<\/h4>\n <p class=\"text-sm text-slate-600 leading-relaxed\">\n \u30af\u30e9\u30a4\u30a8\u30f3\u30c8\u306e\u554f\u984c\u628a\u63e1\u304b\u3089\u3001\u4eca\u5f8c\u306e\u76ee\u6a19\u8a2d\u5b9a\u30fb\u65b9\u7b56\u306e\u5408\u610f\u306b\u5411\u3051\u305f\u300c\u9762\u8ac7\u4e2d\u76e4\u306e\u5c55\u958b\u529b\u300d\u3092\u935b\u3048\u308b\u305f\u3081\u306e\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u3067\u3059\u3002\n <\/p>\n <\/div>\n \n <div class=\"bg-purple-50 border-2 border-purple-200 p-5 rounded-xl shadow-sm h-full relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 bg-purple-500 text-white text-[10px] font-bold px-2 py-1 rounded-bl-lg\">2\u7d1a\u7279\u5316<\/div>\n <div class=\"w-10 h-10 bg-purple-600 text-white rounded-lg flex items-center justify-center font-bold text-lg mb-4\">\n <i class=\"fas fa-forward-step\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h4 class=\"font-bold text-lg text-purple-900 mb-2\">\u5c55\u958b\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0<\/h4>\n <p class=\"text-sm text-slate-700 leading-relaxed font-medium\">\n <span class=\"bg-yellow-200\/50 px-1\">\u4e8b\u524d\u306b\u300c8\u5206\u9593\u76f8\u5f53\u306e\u9010\u8a9e\u9332\u300d\u3092\u304a\u6e21\u3057\u3057\u307e\u3059\u3002<\/span><br>\n \u672c\u756a\u3067\u306f\u3001\u305d\u306e\u9010\u8a9e\u9332\u306e\u7d9a\u304d\u3068\u306a\u308b\u300c\u6b8b\u308a12\u5206\u9593\u306e\u30ed\u30fc\u30d7\u30ec\u300d\u3092\u5b9f\u65bd\u3057\u307e\u3059\u3002\u72b6\u6cc1\u3092\u77ac\u6642\u306b\u628a\u63e1\u3057\u3001\u7684\u78ba\u306a\u30a2\u30d7\u30ed\u30fc\u30c1\u3092\u884c\u30462\u7d1a\u306b\u7279\u5316\u3057\u305f\u9ad8\u5ea6\u306a\u5b9f\u8df5\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u3067\u3059\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section id=\"career-path\" class=\"bg-sky-500 text-white py-20 px-4\">\n <div class=\"container mx-auto max-w-6xl text-center\">\n <h2 class=\"text-3xl md:text-4xl font-bold mb-12\">\u30e1\u30f3\u30d0\u30fc\u30b9\u30c6\u30fc\u30b8\u3068\u30ad\u30e3\u30ea\u30a2\u30d1\u30b9<\/h2>\n <div class=\"bg-white rounded-xl shadow-2xl overflow-hidden text-slate-700 hidden md:block\">\n <table class=\"w-full text-left\">\n <tr class=\"bg-sky-100 text-sky-800 border-b\">\n <th class=\"p-4\">\u30b9\u30c6\u30fc\u30b8<\/th>\n <th class=\"p-4\">\u8cc7\u683c<\/th>\n <th class=\"p-4\">\u5831\u916c\u76ee\u5b89<\/th>\n <th class=\"p-4\">\u4e3b\u306a\u5f79\u5272<\/th>\n <\/tr>\n <tr class=\"border-b\">\n <td class=\"p-4 font-bold\">\u2460 \u30b5\u30dd\u30fc\u30c8\u4f1a\u54e1<\/td>\n <td class=\"p-4\">\u56fd\u30ad\u30e3\u30ea<\/td>\n <td class=\"p-4\">\u30dd\u30a4\u30f3\u30c8\u30d0\u30c3\u30af<\/td>\n <td class=\"p-4\">\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u30fc\u8ca2\u732e\u30fb\u88dc\u52a9<\/td>\n <\/tr>\n <tr class=\"border-b\">\n <td class=\"p-4 font-bold text-cyan-600\">\u2461 \u30e1\u30f3\u30bf\u30fc\u4f1a\u54e1<\/td>\n <td class=\"p-4\">\u56fd\u30ad\u30e3\u30ea<\/td>\n <td class=\"p-4 font-bold\">\u6642\u7d66 1,500\u5186<\/td>\n <td class=\"p-4\">\u6307\u5c0e\u8005\u5951\u7d04\u30fb\u9053\u5834\u30b5\u30d6\u6307\u5c0e<\/td>\n <\/tr>\n <tr>\n <td class=\"p-4 font-bold text-blue-600\">\u2462 \u8b1b\u5e2b<\/td>\n <td class=\"p-4\">2\u7d1a\u6280\u80fd\u58eb<\/td>\n <td class=\"p-4 font-bold\">\u6642\u7d66 2,000\u5186\u301c<\/td>\n <td class=\"p-4\">\u30e1\u30a4\u30f3\u6307\u5c0e\u30fb\u30bb\u30df\u30ca\u30fc\u4e3b\u50ac<\/td>\n <\/tr>\n <\/table>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"register\" class=\"py-24 px-4 bg-white\">\n <div class=\"container mx-auto max-w-4xl\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold text-sky-600 mb-4\">\u4f1a\u54e1\u767b\u9332\u306e\u3054\u6848\u5185<\/h2>\n <p class=\"text-slate-600\">\u4ee5\u4e0b\u306e\u30d5\u30a9\u30fc\u30e0\u3088\u308a\u3001\u307e\u305a\u306f\u300c\u4e00\u822c\u4f1a\u54e1\u300d\u3068\u3057\u3066\u3054\u767b\u9332\u304f\u3060\u3055\u3044\u3002<\/p>\n <\/div>\n\n <div class=\"bg-sky-50 p-8 md:p-12 rounded-3xl shadow-xl border border-sky-100 text-center\">\n <div class=\"bg-white p-8 rounded-xl border border-slate-200 mb-10 shadow-sm max-w-sm mx-auto\">\n <p class=\"text-sm text-slate-400 font-bold uppercase mb-2\">\u7279\u5225\u4f1a\u54e1 \u767b\u9332\u6599<\/p>\n <p class=\"text-4xl font-bold text-slate-700\">10,000\u5186<\/p>\n <\/div>\n\n <div class=\"space-y-6\">\n <a href=\"https:\/\/select-type.com\/member\/reg\/?mi=9S2hvIY0BuM\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block w-full bg-gradient-to-r from-sky-500 to-blue-600 hover:from-sky-600 hover:to-blue-700 text-white font-bold text-xl py-5 rounded-full shadow-lg transition transform hover:-translate-y-1\">\n \u4f1a\u54e1\u767b\u9332\u30d5\u30a9\u30fc\u30e0\u3078\u9032\u3080\n <\/a>\n \n <div class=\"bg-white p-4 rounded-xl border border-sky-200 text-left text-sm text-slate-600\">\n <p class=\"font-bold text-sky-600 mb-1\">ℹ️ \u7279\u5225\u4f1a\u54e1\u3092\u3054\u5e0c\u671b\u306e\u65b9\u3078<\/p>\n <p>\u4e0a\u8a18\u30dc\u30bf\u30f3\u3088\u308a\u4e00\u822c\u4f1a\u54e1\u767b\u9332\u3092\u5b8c\u4e86\u3055\u305b\u3066\u304f\u3060\u3055\u3044\u3002\u767b\u9332\u5f8c\u306b\u5c4a\u304f\u81ea\u52d5\u8fd4\u4fe1\u30e1\u30fc\u30eb\u306b\u3066\u3001\u7279\u5225\u4f1a\u54e1\u3078\u306e\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\u7533\u8acb\u65b9\u6cd5\u3092\u3054\u6848\u5185\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u30aa\u30f3\u30e9\u30a4\u30f3\uff06\u5bfe\u9762\u958b\u50ac\u300c\u30ed\u30fc\u30d7\u30ec\u9053\u5834\u300d\uff5c\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4 2026\u5e74\u5ea6\u30ea\u30cb\u30e5\u30fc\u30a2\u30eb \u6771\u4eac\u30fb\u540d\u53e4\u5c4b\u30fb\u5927\u962a\u3067\u300c\u5bfe\u9762\u9053\u5834\u300d\u5927\u597d\u8a55\u958b\u50ac\u4e2d\uff01 \u5408\u683c\u3078\u306e\u6700\u77ed\u30eb\u30fc\u30c8\u3002 \u5b9f\u8df5\u300c\u30ed\u30fc\u30d7\u30ec\u9053\u5834\u300d \u77e5\u8b58\u3060\u3051\u3067\u306f\u53d7\u304b\u3089\u306a\u3044\u3002\u5b9f\u8df5\u7684\u306a\u9762\u8ac7\u30b9\u30ad\u30eb\u3092\u78e8 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"sns_share_botton_hide":"","vkExUnit_sns_title":"","_vk_print_noindex":"","sitemap_hide":"","vkExUnit_sitemap":"","_veu_custom_css":"","veu_display_promotion_alert":"common","_exclude_from_list_pages":"","vkexunit_cta_each_option":"","vkExUnit_childPageIndex":"","vkExUnit_pageList_ancestor":"","vkExUnit_contact_enable":"","footnotes":""},"class_list":["post-592","page","type-page","status-publish","hentry"],"veu_head_title_object":{"title":"","add_site_title":""},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages\/592","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=592"}],"version-history":[{"count":66,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages\/592\/revisions"}],"predecessor-version":[{"id":3214,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages\/592\/revisions\/3214"}],"wp:attachment":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=592"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}