\u3010\u53c2\u52a0\u7121\u6599\u3011\u30ed\u30fc\u30d7\u30ec\u9053\u5834 \u7121\u6599\u4f53\u9a13\u4f1a | \u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;700&display=swap\" rel=\"stylesheet\">\n \n \n \n \n <style>\n body {\n font-family: 'Noto Sans JP', sans-serif;\n background-color: #FDFBF8;\n color: #3C3C3C;\n }\n .hero-bg {\n background-color: #EAE7E2;\n }\n .btn-primary {\n background-color: #008080;\n transition: background-color 0.3s, transform 0.3s;\n }\n .btn-primary:hover {\n background-color: #006666;\n transform: translateY(-2px);\n }\n .card {\n transition: transform 0.3s, box-shadow 0.3s;\n }\n .card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n }\n .section-title::after {\n content: '';\n display: block;\n width: 50px;\n height: 3px;\n background-color: #008080;\n margin: 16px auto 0;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased\">\n\n <header class=\"hero-bg shadow-md\">\n <div class=\"container mx-auto px-6 py-4 flex justify-between items-center\">\n <h1 class=\"text-xl font-bold text-gray-800\">\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4<\/h1>\n <nav>\n <a href=\"#features\" class=\"text-gray-700 hover:text-teal-700 mx-2\">\u7279\u9577<\/a>\n <a href=\"#schedule\" class=\"text-gray-700 hover:text-teal-700 mx-2\">\u65e5\u7a0b<\/a>\n <a href=\"#apply\" class=\"bg-white text-teal-600 border border-teal-600 px-4 py-2 rounded-full text-sm font-bold hover:bg-teal-50\">\u304a\u7533\u8fbc\u307f<\/a>\n <\/nav>\n <\/div>\n <\/header>\n\n <main>\n <section class=\"hero-bg text-center py-20 lg:py-32\">\n <div class=\"container mx-auto px-6\">\n <span class=\"text-teal-700 font-bold\">\u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u5b9f\u6280\u8a66\u9a13\u5bfe\u7b56<\/span>\n <h2 class=\"text-4xl md:text-5xl font-bold mt-2 mb-4 text-gray-800\">\u3010\u53c2\u52a0\u8cbb\u7121\u6599\u3011<br>\u30aa\u30f3\u30e9\u30a4\u30f3\u30ed\u30fc\u30d7\u30ec\u9053\u5834 \u4f53\u9a13\u4f1a<\/h2>\n <p class=\"text-lg md:text-xl max-w-3xl mx-auto text-gray-600 mb-8\">\u8b1b\u5e2b\u304c\u76f8\u8ac7\u8005\u5f79\u3068\u306a\u308a\u3001\u672c\u756a\u3055\u306a\u304c\u3089\u306e\u74b0\u5883\u3067\u5b9f\u8df5\u529b\u3092\u78e8\u304f\u30c1\u30e3\u30f3\u30b9\u3002\u6307\u5c0e\u306e\u54c1\u8cea\u3068\u5145\u5b9f\u3057\u305f\u5185\u5bb9\u3092\u3001\u305c\u3072\u7121\u6599\u3067\u304a\u78ba\u304b\u3081\u304f\u3060\u3055\u3044\u3002<\/p>\n <a href=\"#apply\" id=\"cta-button\" class=\"btn-primary text-white font-bold py-3 px-10 rounded-full text-lg shadow-lg\">\n \u4eca\u3059\u3050\u7121\u6599\u3067\u4f53\u9a13\u3059\u308b\n <\/a>\n <\/div>\n <\/section>\n\n <section id=\"features\" class=\"py-16 lg:py-24 bg-white\">\n <div class=\"container mx-auto px-6\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold section-title\">\u4f53\u9a13\u4f1a\u306e3\u3064\u306e\u7279\u9577<\/h2>\n <p class=\"mt-4 text-gray-600\">\u3042\u306a\u305f\u306e\u5408\u683c\u3092\u5f8c\u62bc\u3057\u3059\u308b\u3001\u8cea\u306e\u9ad8\u3044\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u306e\u30dd\u30a4\u30f3\u30c8\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"grid md:grid-cols-3 gap-8\">\n <div class=\"card bg-gray-50 p-8 rounded-lg text-center border\">\n <div class=\"text-4xl mb-4 text-teal-600\">👥<\/div>\n <h3 class=\"text-xl font-bold mb-2\">\u672c\u756a\u3055\u306a\u304c\u3089\u306e\u5b9f\u8df5\u7df4\u7fd2<\/h3>\n <p class=\"text-gray-600\">\u7d4c\u9a13\u8c4a\u5bcc\u306a\u8b1b\u5e2b\u304c\u76f8\u8ac7\u8005\u5f79\u3092\u62c5\u5f53\u3002\u975e\u8a00\u8a9e\u7684\u8868\u73fe\u3084\u4e88\u671f\u305b\u306c\u5fdc\u7b54\u3078\u306e\u5bfe\u5fdc\u306a\u3069\u3001\u8a66\u9a13\u3067\u554f\u308f\u308c\u308b\u9ad8\u5ea6\u306a\u30b9\u30ad\u30eb\u3092\u5b9f\u8df5\u7684\u306b\u78e8\u3051\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"card bg-gray-50 p-8 rounded-lg text-center border\">\n <div class=\"text-4xl mb-4 text-teal-600\">💡<\/div>\n <h3 class=\"text-xl font-bold mb-2\">\u65b0\u30c1\u30a7\u30c3\u30af\u30b7\u30fc\u30c8\u5148\u884c\u516c\u958b<\/h3>\n <p class=\"text-gray-600\">WEB\u5316\u3067\u9032\u5316\u3057\u305f\u72ec\u81ea\u306e\u300c\u30ed\u30fc\u30d7\u30ec\u632f\u308a\u8fd4\u308a\u30c1\u30a7\u30c3\u30af\u30b7\u30fc\u30c8\u300d\u3092\u521d\u516c\u958b\u3002\u3055\u3089\u306b\u5408\u683c\u306b\u4e0d\u53ef\u6b20\u306a\u6700\u91cd\u89817\u9805\u76ee\u306e\u30df\u30cb\u30bb\u30df\u30ca\u30fc\u3082\u5b9f\u65bd\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"card bg-gray-50 p-8 rounded-lg text-center border\">\n <div class=\"text-4xl mb-4 text-teal-600\">💯<\/div>\n <h3 class=\"text-xl font-bold mb-2\">\u5b8c\u5168\u7121\u6599\u306e\u5c11\u4eba\u6570\u30ec\u30c3\u30b9\u30f3<\/h3>\n <p class=\"text-gray-600\">\u8b1b\u5e2b1\u540d\u306b\u5bfe\u3057\u53d7\u8b1b\u751f2\u301c3\u540d\u306e\u4e01\u5be7\u306a\u6307\u5c0e\u304c\u53d7\u3051\u3089\u308c\u308b90\u5206\u306e\u30ec\u30c3\u30b9\u30f3\u3092\u7121\u6599\u3067\u63d0\u4f9b\u3002\u304d\u3081\u7d30\u3084\u304b\u306a\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3092\u4f53\u9a13\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"schedule\" class=\"py-16 lg:py-24\">\n <div class=\"container mx-auto px-6\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold section-title\">\u4f53\u9a13\u4f1a\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb<\/h2>\n <p class=\"mt-4 text-gray-600\">\u3054\u81ea\u8eab\u306e\u30ec\u30d9\u30eb\u3084\u76ee\u7684\u306b\u5408\u308f\u305b\u3066\u3001\u6700\u9069\u306a\u30bb\u30c3\u30b7\u30e7\u30f3\u3092\u304a\u9078\u3073\u304f\u3060\u3055\u3044\u3002\u5404\u56de\u5b9a\u54e1\u304c\u3054\u3056\u3044\u307e\u3059\u306e\u3067\u3001\u304a\u65e9\u3081\u306b\u3069\u3046\u305e\u3002<\/p>\n <\/div>\n <div class=\"max-w-4xl mx-auto grid md:grid-cols-2 gap-10\" id=\"session-list\">\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"apply\" class=\"py-16 lg:py-24 bg-teal-700 text-white\">\n <div class=\"container mx-auto px-6 text-center\">\n <h2 class=\"text-3xl font-bold mb-4\">\u304a\u7533\u3057\u8fbc\u307f\u306f\u3053\u3061\u3089\u304b\u3089<\/h2>\n <p class=\"max-w-2xl mx-auto mb-8\">\n \u4ee5\u4e0b\u306e\u30dc\u30bf\u30f3\u304b\u3089\u304a\u7533\u3057\u8fbc\u307f\u30d5\u30a9\u30fc\u30e0\u3078\u9032\u307f\u3001\u5fc5\u8981\u4e8b\u9805\u3092\u3054\u8a18\u5165\u304f\u3060\u3055\u3044\u3002<br>\n \u3042\u306a\u305f\u306e\u3054\u53c2\u52a0\u3092\u5fc3\u3088\u308a\u304a\u5f85\u3061\u3057\u3066\u304a\u308a\u307e\u3059\u3002\n <\/p>\n <a href=\"https:\/\/forms.gle\/gqcojLdB9yPDsCCb9\" target=\"_blank\" class=\"bg-white text-teal-700 font-bold py-3 px-10 rounded-full text-lg shadow-lg hover:bg-gray-100 transition duration-300\">\n \u7121\u6599\u4f53\u9a13\u4f1a\u306b\u7533\u3057\u8fbc\u3080\n <\/a>\n <\/div>\n <\/section>\n <\/main>\n\n <footer class=\"bg-gray-800 text-white py-8\">\n <div class=\"container mx-auto px-6 text-center\">\n <p class=\"font-bold\">\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4<\/p>\n <p class=\"text-sm mt-2\">\uff08\u904b\u55b6\uff1a\u30bd\u30fc\u30cb\u30e7\u30d7\u30e9\u30f3\u30cb\u30f3\u30b0\u682a\u5f0f\u4f1a\u793e\uff09<\/p>\n <p class=\"text-sm\">\u6a2a\u6d5c\u5e02\u897f\u533a\u5317\u5e781\u4e01\u76ee11\u756a1\u53f7\u6c34\u4fe1\u30d3\u30eb\uff17F<\/p>\n <div class=\"mt-4\">\n <a href=\"https:\/\/sognoplanning.com\" target=\"_blank\" class=\"text-teal-400 hover:underline mx-2\">\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8<\/a>\n <a href=\"mailto:info@sognoplanning.com\" class=\"text-teal-400 hover:underline mx-2\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a>\n <\/div>\n <p class=\"text-xs text-gray-500 mt-6\">© 2025 Yume Roleplay Kenkyushitsu. All rights reserved.<\/p>\n <\/div>\n <\/footer>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n const sessions = [\n {\n category: '\u56fd\u30ad\u30e3\u30ea\u30fb2\u7d1a \u4f53\u9a13\u4f1a',\n description: '\u56fd\u5bb6\u8cc7\u683c\u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u30012\u7d1a\u6280\u80fd\u58eb\u691c\u5b9a\u306e\u5408\u683c\u3092\u76ee\u6307\u3059\u65b9\u5411\u3051\u306e\u5b9f\u8df5\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u3067\u3059\u3002',\n schedule: [\n { date: '2025\u5e748\u670831\u65e5(\u65e5)', time: '10:00\uff5e11:30', capacity: 6, status: '\u4f59\u88d5\u3042\u308a' },\n { date: '2025\u5e749\u67082\u65e5(\u706b)', time: '19:30\uff5e21:00', capacity: 6, status: '\u4f59\u88d5\u3042\u308a' },\n { date: '2025\u5e749\u67086\u65e5(\u571f)', time: '13:00\uff5e14:30', capacity: 2, status: '\u4f59\u88d5\u3042\u308a' }\n ]\n },\n {\n category: '\u30d7\u30ec\u30df\u30a2\u30e0 \u4f53\u9a13\u4f1a',\n description: '\u300c\u8cea\u554f\u3070\u304b\u308a\u3057\u3066\u3057\u307e\u3046\u300d\u306a\u3069\u3001\u7279\u5b9a\u306e\u8ab2\u984c\u514b\u670d\u306b\u7279\u5316\u3057\u305f\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u3067\u3059\u3002',\n schedule: [\n { date: '2025\u5e749\u67086\u65e5(\u571f)', time: '15:00\uff5e16:30', theme: '\u300c\u8cea\u554f\u3092\u3057\u306a\u3044\u7df4\u7fd2\u300d', capacity: 5, status: '\u4f59\u88d5\u3042\u308a' },\n { date: '2025\u5e749\u670814\u65e5(\u65e5)', time: '15:00\uff5e16:30', theme: '\u300c\u5c0e\u51655\u5206\u9593\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u300d', capacity: 5, status: '\u4f59\u88d5\u3042\u308a' }\n ]\n }\n ];\n\n const sessionListContainer = document.getElementById('session-list');\n if (sessionListContainer) {\n sessions.forEach(sessionGroup => {\n const groupEl = document.createElement('div');\n groupEl.className = 'bg-white p-6 rounded-lg shadow-lg border border-gray-200';\n \n let scheduleHtml = sessionGroup.schedule.map(item => {\n let statusClass = '';\n switch(item.status) {\n case '\u4f59\u88d5\u3042\u308a': statusClass = 'bg-green-100 text-green-800'; break;\n case '\u6b8b\u308a\u308f\u305a\u304b': statusClass = 'bg-yellow-100 text-yellow-800 animate-pulse'; break;\n case '\u6e80\u5e2d': statusClass = 'bg-red-100 text-red-800'; break;\n default: statusClass = 'bg-gray-100 text-gray-800';\n }\n\n return `\n <li class=\"flex flex-col sm:flex-row justify-between items-start sm:items-center py-3 border-b\">\n <div>\n <p class=\"font-bold\">${item.date} ${item.time}<\/p>\n ${item.theme ? `<p class=\"text-sm text-gray-600 mt-1\">\u30c6\u30fc\u30de\uff1a${item.theme}<\/p>` : ''}\n <\/div>\n <div class=\"mt-2 sm:mt-0 flex items-center\">\n <span class=\"text-sm text-gray-500 mr-3\">\u5b9a\u54e1${item.capacity}\u540d<\/span>\n <span class=\"text-xs font-bold px-2 py-1 rounded-full ${statusClass}\">${item.status}<\/span>\n <\/div>\n <\/li>\n `;\n }).join('');\n\n groupEl.innerHTML = `\n <h3 class=\"text-2xl font-bold text-teal-700 mb-2\">${sessionGroup.category}<\/h3>\n <p class=\"text-gray-600 mb-4\">${sessionGroup.description}<\/p>\n <ul class=\"space-y-2\">\n ${scheduleHtml}\n <\/ul>\n `;\n sessionListContainer.appendChild(groupEl);\n });\n }\n\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const targetId = this.getAttribute('href');\n const targetElement = document.querySelector(targetId);\n if (targetElement) {\n targetElement.scrollIntoView({\n behavior: 'smooth'\n });\n }\n });\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u3010\u53c2\u52a0\u7121\u6599\u3011\u30ed\u30fc\u30d7\u30ec\u9053\u5834 \u7121\u6599\u4f53\u9a13\u4f1a | \u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4 \u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4 \u7279\u9577 \u65e5\u7a0b \u304a\u7533\u8fbc\u307f \u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u5b9f\u6280\u8a66\u9a13\u5bfe\u7b56 \u3010\u53c2\u52a0\u8cbb\u7121\u6599\u3011\u30aa\u30f3\u30e9\u30a4\u30f3\u30ed\u30fc\u30d7\u30ec\u9053\u5834 \u4f53\u9a13\u4f1a \u8b1b\u5e2b\u304c\u76f8\u8ac7\u8005\u5f79\u3068\u306a\u308a\u3001\u672c\u756a\u3055\u306a\u304c\u3089\u306e\u74b0 […]<\/p>\n","protected":false},"author":1,"featured_media":2081,"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-2463","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-5"],"jetpack_featured_media_url":"https:\/\/career-c.sognoplanning.com\/wp-content\/uploads\/2025\/08\/\u30ed\u30fc\u30d7\u30ec\u9053\u5834-1.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/posts\/2463","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=2463"}],"version-history":[{"count":5,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/posts\/2463\/revisions"}],"predecessor-version":[{"id":2486,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/posts\/2463\/revisions\/2486"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/media\/2081"}],"wp:attachment":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2463"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2463"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2463,"date":"2025-08-25T23:57:40","date_gmt":"2025-08-25T14:57:40","guid":{"rendered":"https:\/\/career-c.sognoplanning.com\/?p=2463"},"modified":"2025-08-26T06:43:44","modified_gmt":"2025-08-25T21:43:44","slug":"%e3%80%90%e5%9b%bd%e3%82%ad%e3%83%a3%e3%83%aa%e3%83%bb2%e7%b4%9a%e3%80%91%e3%82%aa%e3%83%b3%e3%83%a9%e3%82%a4%e3%83%b3%e3%83%ad%e3%83%bc%e3%83%97%e3%83%ac%e9%81%93%e5%a0%b4-%e4%bd%93%e9%a8%93%e4%bc%9a","status":"publish","type":"post","link":"https:\/\/career-c.sognoplanning.com\/?p=2463","title":{"rendered":"\u3010\u56fd\u30ad\u30e3\u30ea\u30fb2\u7d1a\u30fb\u30d7\u30ec\u30df\u30a2\u30e0\u3011\u30aa\u30f3\u30e9\u30a4\u30f3\u30ed\u30fc\u30d7\u30ec\u9053\u5834 \u4f53\u9a13\u4f1a\u306e\u3054\u6848\u5185"},"content":{"rendered":"\n\n\n\n \n \n \u3010\u53c2\u52a0\u7121\u6599\u3011\u30ed\u30fc\u30d7\u30ec\u9053\u5834 \u7121\u6599\u4f53\u9a13\u4f1a | \u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;700&display=swap\" rel=\"stylesheet\">\n \n \n \n \n <style>\n body {\n font-family: 'Noto Sans JP', sans-serif;\n background-color: #FDFBF8;\n color: #3C3C3C;\n }\n .hero-bg {\n background-color: #EAE7E2;\n }\n .btn-primary {\n background-color: #008080;\n transition: background-color 0.3s, transform 0.3s;\n }\n .btn-primary:hover {\n background-color: #006666;\n transform: translateY(-2px);\n }\n .card {\n transition: transform 0.3s, box-shadow 0.3s;\n }\n .card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n }\n .section-title::after {\n content: '';\n display: block;\n width: 50px;\n height: 3px;\n background-color: #008080;\n margin: 16px auto 0;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased\">\n\n <header class=\"hero-bg shadow-md\">\n <div class=\"container mx-auto px-6 py-4 flex justify-between items-center\">\n <h1 class=\"text-xl font-bold text-gray-800\">\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4<\/h1>\n <nav>\n <a href=\"#features\" class=\"text-gray-700 hover:text-teal-700 mx-2\">\u7279\u9577<\/a>\n <a href=\"#schedule\" class=\"text-gray-700 hover:text-teal-700 mx-2\">\u65e5\u7a0b<\/a>\n <a href=\"#apply\" class=\"bg-white text-teal-600 border border-teal-600 px-4 py-2 rounded-full text-sm font-bold hover:bg-teal-50\">\u304a\u7533\u8fbc\u307f<\/a>\n <\/nav>\n <\/div>\n <\/header>\n\n <main>\n <section class=\"hero-bg text-center py-20 lg:py-32\">\n <div class=\"container mx-auto px-6\">\n <span class=\"text-teal-700 font-bold\">\u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u5b9f\u6280\u8a66\u9a13\u5bfe\u7b56<\/span>\n <h2 class=\"text-4xl md:text-5xl font-bold mt-2 mb-4 text-gray-800\">\u3010\u53c2\u52a0\u8cbb\u7121\u6599\u3011<br>\u30aa\u30f3\u30e9\u30a4\u30f3\u30ed\u30fc\u30d7\u30ec\u9053\u5834 \u4f53\u9a13\u4f1a<\/h2>\n <p class=\"text-lg md:text-xl max-w-3xl mx-auto text-gray-600 mb-8\">\u8b1b\u5e2b\u304c\u76f8\u8ac7\u8005\u5f79\u3068\u306a\u308a\u3001\u672c\u756a\u3055\u306a\u304c\u3089\u306e\u74b0\u5883\u3067\u5b9f\u8df5\u529b\u3092\u78e8\u304f\u30c1\u30e3\u30f3\u30b9\u3002\u6307\u5c0e\u306e\u54c1\u8cea\u3068\u5145\u5b9f\u3057\u305f\u5185\u5bb9\u3092\u3001\u305c\u3072\u7121\u6599\u3067\u304a\u78ba\u304b\u3081\u304f\u3060\u3055\u3044\u3002<\/p>\n <a href=\"#apply\" id=\"cta-button\" class=\"btn-primary text-white font-bold py-3 px-10 rounded-full text-lg shadow-lg\">\n \u4eca\u3059\u3050\u7121\u6599\u3067\u4f53\u9a13\u3059\u308b\n <\/a>\n <\/div>\n <\/section>\n\n <section id=\"features\" class=\"py-16 lg:py-24 bg-white\">\n <div class=\"container mx-auto px-6\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold section-title\">\u4f53\u9a13\u4f1a\u306e3\u3064\u306e\u7279\u9577<\/h2>\n <p class=\"mt-4 text-gray-600\">\u3042\u306a\u305f\u306e\u5408\u683c\u3092\u5f8c\u62bc\u3057\u3059\u308b\u3001\u8cea\u306e\u9ad8\u3044\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u306e\u30dd\u30a4\u30f3\u30c8\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"grid md:grid-cols-3 gap-8\">\n <div class=\"card bg-gray-50 p-8 rounded-lg text-center border\">\n <div class=\"text-4xl mb-4 text-teal-600\">👥<\/div>\n <h3 class=\"text-xl font-bold mb-2\">\u672c\u756a\u3055\u306a\u304c\u3089\u306e\u5b9f\u8df5\u7df4\u7fd2<\/h3>\n <p class=\"text-gray-600\">\u7d4c\u9a13\u8c4a\u5bcc\u306a\u8b1b\u5e2b\u304c\u76f8\u8ac7\u8005\u5f79\u3092\u62c5\u5f53\u3002\u975e\u8a00\u8a9e\u7684\u8868\u73fe\u3084\u4e88\u671f\u305b\u306c\u5fdc\u7b54\u3078\u306e\u5bfe\u5fdc\u306a\u3069\u3001\u8a66\u9a13\u3067\u554f\u308f\u308c\u308b\u9ad8\u5ea6\u306a\u30b9\u30ad\u30eb\u3092\u5b9f\u8df5\u7684\u306b\u78e8\u3051\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"card bg-gray-50 p-8 rounded-lg text-center border\">\n <div class=\"text-4xl mb-4 text-teal-600\">💡<\/div>\n <h3 class=\"text-xl font-bold mb-2\">\u65b0\u30c1\u30a7\u30c3\u30af\u30b7\u30fc\u30c8\u5148\u884c\u516c\u958b<\/h3>\n <p class=\"text-gray-600\">WEB\u5316\u3067\u9032\u5316\u3057\u305f\u72ec\u81ea\u306e\u300c\u30ed\u30fc\u30d7\u30ec\u632f\u308a\u8fd4\u308a\u30c1\u30a7\u30c3\u30af\u30b7\u30fc\u30c8\u300d\u3092\u521d\u516c\u958b\u3002\u3055\u3089\u306b\u5408\u683c\u306b\u4e0d\u53ef\u6b20\u306a\u6700\u91cd\u89817\u9805\u76ee\u306e\u30df\u30cb\u30bb\u30df\u30ca\u30fc\u3082\u5b9f\u65bd\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"card bg-gray-50 p-8 rounded-lg text-center border\">\n <div class=\"text-4xl mb-4 text-teal-600\">💯<\/div>\n <h3 class=\"text-xl font-bold mb-2\">\u5b8c\u5168\u7121\u6599\u306e\u5c11\u4eba\u6570\u30ec\u30c3\u30b9\u30f3<\/h3>\n <p class=\"text-gray-600\">\u8b1b\u5e2b1\u540d\u306b\u5bfe\u3057\u53d7\u8b1b\u751f2\u301c3\u540d\u306e\u4e01\u5be7\u306a\u6307\u5c0e\u304c\u53d7\u3051\u3089\u308c\u308b90\u5206\u306e\u30ec\u30c3\u30b9\u30f3\u3092\u7121\u6599\u3067\u63d0\u4f9b\u3002\u304d\u3081\u7d30\u3084\u304b\u306a\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3092\u4f53\u9a13\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"schedule\" class=\"py-16 lg:py-24\">\n <div class=\"container mx-auto px-6\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold section-title\">\u4f53\u9a13\u4f1a\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb<\/h2>\n <p class=\"mt-4 text-gray-600\">\u3054\u81ea\u8eab\u306e\u30ec\u30d9\u30eb\u3084\u76ee\u7684\u306b\u5408\u308f\u305b\u3066\u3001\u6700\u9069\u306a\u30bb\u30c3\u30b7\u30e7\u30f3\u3092\u304a\u9078\u3073\u304f\u3060\u3055\u3044\u3002\u5404\u56de\u5b9a\u54e1\u304c\u3054\u3056\u3044\u307e\u3059\u306e\u3067\u3001\u304a\u65e9\u3081\u306b\u3069\u3046\u305e\u3002<\/p>\n <\/div>\n <div class=\"max-w-4xl mx-auto grid md:grid-cols-2 gap-10\" id=\"session-list\">\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"apply\" class=\"py-16 lg:py-24 bg-teal-700 text-white\">\n <div class=\"container mx-auto px-6 text-center\">\n <h2 class=\"text-3xl font-bold mb-4\">\u304a\u7533\u3057\u8fbc\u307f\u306f\u3053\u3061\u3089\u304b\u3089<\/h2>\n <p class=\"max-w-2xl mx-auto mb-8\">\n \u4ee5\u4e0b\u306e\u30dc\u30bf\u30f3\u304b\u3089\u304a\u7533\u3057\u8fbc\u307f\u30d5\u30a9\u30fc\u30e0\u3078\u9032\u307f\u3001\u5fc5\u8981\u4e8b\u9805\u3092\u3054\u8a18\u5165\u304f\u3060\u3055\u3044\u3002<br>\n \u3042\u306a\u305f\u306e\u3054\u53c2\u52a0\u3092\u5fc3\u3088\u308a\u304a\u5f85\u3061\u3057\u3066\u304a\u308a\u307e\u3059\u3002\n <\/p>\n <a href=\"https:\/\/forms.gle\/gqcojLdB9yPDsCCb9\" target=\"_blank\" class=\"bg-white text-teal-700 font-bold py-3 px-10 rounded-full text-lg shadow-lg hover:bg-gray-100 transition duration-300\">\n \u7121\u6599\u4f53\u9a13\u4f1a\u306b\u7533\u3057\u8fbc\u3080\n <\/a>\n <\/div>\n <\/section>\n <\/main>\n\n <footer class=\"bg-gray-800 text-white py-8\">\n <div class=\"container mx-auto px-6 text-center\">\n <p class=\"font-bold\">\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4<\/p>\n <p class=\"text-sm mt-2\">\uff08\u904b\u55b6\uff1a\u30bd\u30fc\u30cb\u30e7\u30d7\u30e9\u30f3\u30cb\u30f3\u30b0\u682a\u5f0f\u4f1a\u793e\uff09<\/p>\n <p class=\"text-sm\">\u6a2a\u6d5c\u5e02\u897f\u533a\u5317\u5e781\u4e01\u76ee11\u756a1\u53f7\u6c34\u4fe1\u30d3\u30eb\uff17F<\/p>\n <div class=\"mt-4\">\n <a href=\"https:\/\/sognoplanning.com\" target=\"_blank\" class=\"text-teal-400 hover:underline mx-2\">\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8<\/a>\n <a href=\"mailto:info@sognoplanning.com\" class=\"text-teal-400 hover:underline mx-2\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a>\n <\/div>\n <p class=\"text-xs text-gray-500 mt-6\">© 2025 Yume Roleplay Kenkyushitsu. All rights reserved.<\/p>\n <\/div>\n <\/footer>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n const sessions = [\n {\n category: '\u56fd\u30ad\u30e3\u30ea\u30fb2\u7d1a \u4f53\u9a13\u4f1a',\n description: '\u56fd\u5bb6\u8cc7\u683c\u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u30012\u7d1a\u6280\u80fd\u58eb\u691c\u5b9a\u306e\u5408\u683c\u3092\u76ee\u6307\u3059\u65b9\u5411\u3051\u306e\u5b9f\u8df5\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u3067\u3059\u3002',\n schedule: [\n { date: '2025\u5e748\u670831\u65e5(\u65e5)', time: '10:00\uff5e11:30', capacity: 6, status: '\u4f59\u88d5\u3042\u308a' },\n { date: '2025\u5e749\u67082\u65e5(\u706b)', time: '19:30\uff5e21:00', capacity: 6, status: '\u4f59\u88d5\u3042\u308a' },\n { date: '2025\u5e749\u67086\u65e5(\u571f)', time: '13:00\uff5e14:30', capacity: 2, status: '\u4f59\u88d5\u3042\u308a' }\n ]\n },\n {\n category: '\u30d7\u30ec\u30df\u30a2\u30e0 \u4f53\u9a13\u4f1a',\n description: '\u300c\u8cea\u554f\u3070\u304b\u308a\u3057\u3066\u3057\u307e\u3046\u300d\u306a\u3069\u3001\u7279\u5b9a\u306e\u8ab2\u984c\u514b\u670d\u306b\u7279\u5316\u3057\u305f\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u3067\u3059\u3002',\n schedule: [\n { date: '2025\u5e749\u67086\u65e5(\u571f)', time: '15:00\uff5e16:30', theme: '\u300c\u8cea\u554f\u3092\u3057\u306a\u3044\u7df4\u7fd2\u300d', capacity: 5, status: '\u4f59\u88d5\u3042\u308a' },\n { date: '2025\u5e749\u670814\u65e5(\u65e5)', time: '15:00\uff5e16:30', theme: '\u300c\u5c0e\u51655\u5206\u9593\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u300d', capacity: 5, status: '\u4f59\u88d5\u3042\u308a' }\n ]\n }\n ];\n\n const sessionListContainer = document.getElementById('session-list');\n if (sessionListContainer) {\n sessions.forEach(sessionGroup => {\n const groupEl = document.createElement('div');\n groupEl.className = 'bg-white p-6 rounded-lg shadow-lg border border-gray-200';\n \n let scheduleHtml = sessionGroup.schedule.map(item => {\n let statusClass = '';\n switch(item.status) {\n case '\u4f59\u88d5\u3042\u308a': statusClass = 'bg-green-100 text-green-800'; break;\n case '\u6b8b\u308a\u308f\u305a\u304b': statusClass = 'bg-yellow-100 text-yellow-800 animate-pulse'; break;\n case '\u6e80\u5e2d': statusClass = 'bg-red-100 text-red-800'; break;\n default: statusClass = 'bg-gray-100 text-gray-800';\n }\n\n return `\n <li class=\"flex flex-col sm:flex-row justify-between items-start sm:items-center py-3 border-b\">\n <div>\n <p class=\"font-bold\">${item.date} ${item.time}<\/p>\n ${item.theme ? `<p class=\"text-sm text-gray-600 mt-1\">\u30c6\u30fc\u30de\uff1a${item.theme}<\/p>` : ''}\n <\/div>\n <div class=\"mt-2 sm:mt-0 flex items-center\">\n <span class=\"text-sm text-gray-500 mr-3\">\u5b9a\u54e1${item.capacity}\u540d<\/span>\n <span class=\"text-xs font-bold px-2 py-1 rounded-full ${statusClass}\">${item.status}<\/span>\n <\/div>\n <\/li>\n `;\n }).join('');\n\n groupEl.innerHTML = `\n <h3 class=\"text-2xl font-bold text-teal-700 mb-2\">${sessionGroup.category}<\/h3>\n <p class=\"text-gray-600 mb-4\">${sessionGroup.description}<\/p>\n <ul class=\"space-y-2\">\n ${scheduleHtml}\n <\/ul>\n `;\n sessionListContainer.appendChild(groupEl);\n });\n }\n\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const targetId = this.getAttribute('href');\n const targetElement = document.querySelector(targetId);\n if (targetElement) {\n targetElement.scrollIntoView({\n behavior: 'smooth'\n });\n }\n });\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u3010\u53c2\u52a0\u7121\u6599\u3011\u30ed\u30fc\u30d7\u30ec\u9053\u5834 \u7121\u6599\u4f53\u9a13\u4f1a | \u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4 \u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4 \u7279\u9577 \u65e5\u7a0b \u304a\u7533\u8fbc\u307f \u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u5b9f\u6280\u8a66\u9a13\u5bfe\u7b56 \u3010\u53c2\u52a0\u8cbb\u7121\u6599\u3011\u30aa\u30f3\u30e9\u30a4\u30f3\u30ed\u30fc\u30d7\u30ec\u9053\u5834 \u4f53\u9a13\u4f1a \u8b1b\u5e2b\u304c\u76f8\u8ac7\u8005\u5f79\u3068\u306a\u308a\u3001\u672c\u756a\u3055\u306a\u304c\u3089\u306e\u74b0 […]<\/p>\n","protected":false},"author":1,"featured_media":2081,"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-2463","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-5"],"jetpack_featured_media_url":"https:\/\/career-c.sognoplanning.com\/wp-content\/uploads\/2025\/08\/\u30ed\u30fc\u30d7\u30ec\u9053\u5834-1.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/posts\/2463","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=2463"}],"version-history":[{"count":5,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/posts\/2463\/revisions"}],"predecessor-version":[{"id":2486,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/posts\/2463\/revisions\/2486"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/media\/2081"}],"wp:attachment":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2463"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2463"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}