{"id":88,"date":"2024-04-02T15:07:50","date_gmt":"2024-04-02T06:07:50","guid":{"rendered":"https:\/\/career-c.sognoplanning.com\/?page_id=88"},"modified":"2025-08-21T22:58:34","modified_gmt":"2025-08-21T13:58:34","slug":"%e7%84%a1%e6%96%99%ef%bc%81%e3%81%99%e3%81%8d%e9%96%93%e6%99%82%e9%96%93%e3%81%a7%e5%ad%a6%e7%bf%92%e3%81%8c%e9%80%b2%e3%82%80%e3%82%ad%e3%83%a3%e3%83%aa%e3%82%b3%e3%83%b3%e8%a9%a6%e9%a8%93%e5%af%be","status":"publish","type":"page","link":"https:\/\/career-c.sognoplanning.com\/?page_id=88","title":{"rendered":"\u3010\u56fd\u5bb6\u8cc7\u683c\u30fb2\u7d1a\u6280\u80fd\u58eb\u3011\u7121\u6599\u30e1\u30eb\u30de\u30ac\u3067\u3001\u5408\u683c\u3092\u3064\u304b\u3080\u65b0\u30fb\u5b66\u7fd2\u6226\u7565"},"content":{"rendered":"\n\n\n\n \n \n \u30ad\u30e3\u30ea\u30b3\u30f3\u8a66\u9a13\u5bfe\u7b56 \u65b0\u30fb\u5b66\u7fd2\u6226\u7565 | \u7121\u6599\u30e1\u30eb\u30de\u30ac<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/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 <style>\n body {\n font-family: 'Noto Sans JP', sans-serif;\n background-color: #FDFBF5;\n color: #3C3C3C;\n }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 500px;\n margin-left: auto;\n margin-right: auto;\n height: 300px;\n max-height: 350px;\n }\n @media (min-width: 768px) {\n .chart-container {\n height: 350px;\n }\n }\n .smooth-scroll {\n scroll-behavior: smooth;\n }\n .btn {\n transition: all 0.3s ease;\n }\n .btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n }\n .card-hover {\n transition: all 0.3s ease;\n }\n .card-hover:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n }\n <\/style>\n<\/head>\n<body class=\"smooth-scroll\">\n <!-- Chosen Palette: Calm Harmony (Base: #FDFBF5, Primary: #34568B, Accent: #88B04B, Text: #3C3C3C) -->\n <!-- Application Structure Plan: A single-page, thematic, top-down scrolling landing page. The structure guides the user from identifying their problem, understanding the proposed solution (the newsletter's learning cycle), seeing proof of its effectiveness (features and data visualization), understanding the larger learning ecosystem, and finally being led to a clear call-to-action (the sign-up form). This narrative flow is designed to build trust and motivation, maximizing conversion by addressing user pain points sequentially and presenting the newsletter as the ideal solution. -->\n <!-- Visualization & Content Choices: The core interactive element is a Chart.js chart visualizing exam content distribution. Info: Share of questions from top 20 theorists vs. others (90% vs 10%). Goal: To visually prove the effectiveness of a focused study strategy, a key selling point. Viz: A Donut chart for clear part-to-whole comparison, with an interactive button to switch to a Bar chart for an alternative perspective. Interaction: Users can hover for details and switch chart types, making the data more engaging. Justification: This data-driven approach is more persuasive than text alone and adds a \"wow\" factor. Library: Chart.js on Canvas. Other \"visualizations\" are structural diagrams (e.g., the learning cycle, the ecosystem) built with styled HTML\/CSS (Tailwind) for clarity and interactivity without external libraries. -->\n <!-- CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. -->\n\n <header class=\"bg-white\/80 backdrop-blur-lg sticky top-0 z-50 shadow-sm\">\n <nav class=\"max-w-6xl mx-auto px-6 py-3 flex justify-between items-center\">\n <div class=\"text-xl font-bold text-[#34568B]\">\u30ad\u30e3\u30ea\u30b3\u30f3\u5408\u683c\u6226\u7565<\/div>\n <div>\n <a href=\"#signup\" class=\"bg-[#34568B] text-white font-bold py-2 px-4 rounded-lg btn\">\u4eca\u3059\u3050\u7121\u6599\u3067\u59cb\u3081\u308b<\/a>\n <\/div>\n <\/nav>\n <\/header>\n\n <main>\n <section id=\"hero\" class=\"py-12 md:py-16 px-6 bg-white\">\n <div class=\"max-w-6xl mx-auto text-center\">\n <img decoding=\"async\" src=\"http:\/\/career-c.sognoplanning.com\/wp-content\/uploads\/2025\/08\/\u30ad\u30e3\u30ea\u30b3\u30f3\u8a66\u9a13\u5bfe\u7b56\u30e1\u30eb\u30de\u30ac-YouTube\u30b5\u30e0\u30cd\u30a4\u30eb.png\" alt=\"\u30ad\u30e3\u30ea\u30b3\u30f3\u8a66\u9a13\u5bfe\u7b56\u30e1\u30eb\u30de\u30ac\" class=\"w-full max-w-4xl mx-auto rounded-lg shadow-lg mb-8\" onerror=\"this.style.display='none'; document.getElementById('hero-text').style.display='block';\">\n <div id=\"hero-text\" style=\"display:none;\">\n <h1 class=\"text-3xl md:text-5xl font-bold text-[#34568B] mb-4\">\u3082\u3046\u3001\u5206\u539a\u3044\u30c6\u30ad\u30b9\u30c8\u3068\u683c\u95d8\u3057\u306a\u3044\u3002<\/h1>\n <p class=\"text-lg md:text-xl text-gray-700 mb-8 max-w-3xl mx-auto\">\u3010\u56fd\u5bb6\u8cc7\u683c\u30fb2\u7d1a\u6280\u80fd\u58eb\u5bfe\u5fdc\u30111\u65e510\u5206\u306e\u300c\u30e1\u30eb\u30de\u30ac\u5b66\u7fd2\u300d\u3067\u3001\u5b66\u79d1\u30fb\u8ad6\u8ff0\u30fb\u30ed\u30fc\u30d7\u30ec\u8a66\u9a13\u306e\u5408\u683c\u3092\u3064\u304b\u3080\u65b0\u6226\u7565\u3002<\/p>\n <\/div>\n <a href=\"#signup\" class=\"bg-[#88B04B] text-white font-bold py-4 px-8 rounded-full text-lg btn\">\u7121\u6599\u30e1\u30eb\u30de\u30ac\u306b\u767b\u9332\u3059\u308b<\/a>\n <\/div>\n <\/section>\n\n <section id=\"problems\" class=\"py-16 md:py-24 px-6\">\n <div class=\"max-w-6xl mx-auto text-center\">\n <h2 class=\"text-2xl md:text-3xl font-bold mb-2\">\u3053\u3093\u306a\u304a\u60a9\u307f\u3001\u3042\u308a\u307e\u305b\u3093\u304b\uff1f<\/h2>\n <p class=\"text-gray-600 mb-12\">\u591a\u304f\u306e\u53d7\u9a13\u751f\u304c\u76f4\u9762\u3059\u308b\u3001\u5171\u901a\u306e\u8ab2\u984c\u3067\u3059\u3002<\/p>\n <div class=\"grid md:grid-cols-3 gap-8\">\n <div class=\"bg-white p-8 rounded-xl shadow-md card-hover\">\n <div class=\"text-4xl mb-4\">⏳<\/div>\n <h3 class=\"text-xl font-bold mb-2\">\u5b66\u7fd2\u6642\u9593\u304c\u8db3\u308a\u306a\u3044<\/h3>\n <p>\u4ed5\u4e8b\u3084\u5bb6\u5ead\u304c\u5fd9\u3057\u304f\u3001\u307e\u3068\u307e\u3063\u305f\u52c9\u5f37\u6642\u9593\u3092\u78ba\u4fdd\u3059\u308b\u306e\u304c\u96e3\u3057\u3044\u3002<\/p>\n <\/div>\n <div class=\"bg-white p-8 rounded-xl shadow-md card-hover\">\n <div class=\"text-4xl mb-4\">📚<\/div>\n <h3 class=\"text-xl font-bold mb-2\">\u7bc4\u56f2\u304c\u5e83\u3059\u304e\u308b<\/h3>\n <p>\u5b66\u79d1\u8a66\u9a13\u306e\u7bc4\u56f2\u304c\u81a8\u5927\u3067\u3001\u3069\u3053\u304b\u3089\u624b\u3092\u3064\u3051\u308c\u3070\u3044\u3044\u304b\u5206\u304b\u3089\u306a\u3044\u3002<\/p>\n <\/div>\n <div class=\"bg-white p-8 rounded-xl shadow-md card-hover\">\n <div class=\"text-4xl mb-4\">🏋️♀️<\/div>\n <h3 class=\"text-xl font-bold mb-2\">\u5b9f\u6280\u5bfe\u7b56\u306b\u96c6\u4e2d\u3057\u305f\u3044<\/h3>\n <p>\u672c\u5f53\u306f\u3082\u3063\u3068\u30ed\u30fc\u30d7\u30ec\u3084\u8ad6\u8ff0\u306e\u7df4\u7fd2\u306b\u6642\u9593\u3092\u304b\u3051\u305f\u3044\u306e\u306b\u2026\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"solution\" class=\"py-16 md:py-24 px-6 bg-white\">\n <div class=\"max-w-6xl mx-auto text-center\">\n <h2 class=\"text-2xl md:text-3xl font-bold mb-2\">\u305d\u306e\u60a9\u307f\u3001\u30e1\u30eb\u30de\u30ac\u304c\u89e3\u6c7a\u3057\u307e\u3059\u3002<\/h2>\n <p class=\"text-gray-600 mb-12 max-w-2xl mx-auto\">\u30e1\u30eb\u30de\u30ac\u3092\u4e2d\u5fc3\u3068\u3057\u305f\u300c\u65b0\u30fb\u5b66\u7fd2\u30b5\u30a4\u30af\u30eb\u300d\u3067\u3001\u5b66\u7fd2\u3092\u81ea\u52d5\u5316\u3057\u3001\u8ff7\u3044\u3092\u65ad\u3061\u5207\u308a\u307e\u3059\u3002<\/p>\n <div class=\"flex flex-col md:flex-row justify-center items-center gap-4 md:gap-0\">\n <div class=\"bg-blue-50 p-6 rounded-lg text-center w-full md:w-1\/4 card-hover\">\n <div class=\"text-2xl font-bold text-blue-500 mb-2\">STEP 1<\/div>\n <h3 class=\"text-lg font-bold mb-2\">\u30a4\u30f3\u30d7\u30c3\u30c8<\/h3>\n <p class=\"text-sm\">\u6bce\u671d10\u5206\u3001\u30e1\u30eb\u30de\u30ac\u3067\u300c\u77e5\u8b58\u306e\u6838\u300d\u3092\u5438\u53ce\u3002\u901a\u52e4\u306a\u3069\u306e\u30b9\u30ad\u30de\u6642\u9593\u3092\u6709\u52b9\u6d3b\u7528\u3002<\/p>\n <\/div>\n <div class=\"text-4xl text-gray-300 mx-4 hidden md:block\">\u2192<\/div>\n <div class=\"text-4xl text-gray-300 my-2 md:hidden\">\u2193<\/div>\n <div class=\"bg-green-50 p-6 rounded-lg text-center w-full md:w-1\/4 card-hover\">\n <div class=\"text-2xl font-bold text-green-500 mb-2\">STEP 2<\/div>\n <h3 class=\"text-lg font-bold mb-2\">\u30a2\u30a6\u30c8\u30d7\u30c3\u30c8<\/h3>\n <p class=\"text-sm\">\u95a2\u9023\u3059\u308b\u904e\u53bb\u554f\u30921\u301c2\u554f\u89e3\u304d\u3001\u77e5\u8b58\u304c\u8eab\u306b\u3064\u3044\u3066\u3044\u308b\u304b\u3092\u300c\u8a66\u3059\u300d\u3002<\/p>\n <\/div>\n <div class=\"text-4xl text-gray-300 mx-4 hidden md:block\">\u2192<\/div>\n <div class=\"text-4xl text-gray-300 my-2 md:hidden\">\u2193<\/div>\n <div class=\"bg-yellow-50 p-6 rounded-lg text-center w-full md:w-1\/4 card-hover\">\n <div class=\"text-2xl font-bold text-yellow-500 mb-2\">STEP 3<\/div>\n <h3 class=\"text-lg font-bold mb-2\">\u88dc\u5f37<\/h3>\n <p class=\"text-sm\">\u4e0d\u660e\u70b9\u3060\u3051\u3092\u516c\u5f0f\u8cc7\u6599\u3084\u5b66\u7fd2\u30dd\u30fc\u30bf\u30eb\u3067\u30d4\u30f3\u30dd\u30a4\u30f3\u30c8\u306b\u78ba\u8a8d\u3002\u6df1\u5165\u308a\u306f\u7981\u7269\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"features\" class=\"py-16 md:py-24 px-6\">\n <div class=\"max-w-6xl mx-auto\">\n <div class=\"text-center\">\n <h2 class=\"text-2xl md:text-3xl font-bold mb-2\">\u306a\u305c\u3001\u30e1\u30eb\u30de\u30ac\u5b66\u7fd2\u304c\u6709\u52b9\u306a\u306e\u304b\uff1f<\/h2>\n <p class=\"text-gray-600 mb-12\">\u591a\u304f\u306e\u5408\u683c\u8005\u3092\u8f29\u51fa\u3059\u308b\u3001\uff13\u3064\u306e\u660e\u78ba\u306a\u7406\u7531\u3002<\/p>\n <\/div>\n <div class=\"grid md:grid-cols-2 gap-12 items-center\">\n <div>\n <div class=\"mb-8\">\n <h3 class=\"text-xl font-bold text-[#34568B] mb-2\">1. \u79d1\u5b66\u7684\u6839\u62e0\u306b\u57fa\u3065\u304f\u300c\u8a18\u61b6\u306e\u5b9a\u7740\u300d<\/h3>\n <p>\u8133\u304c\u5fd8\u308c\u304b\u3051\u308b\u30bf\u30a4\u30df\u30f3\u30b0\u3067\u7e70\u308a\u8fd4\u3057\u60c5\u5831\u306b\u89e6\u308c\u308b\u300c\u9593\u9694\u53cd\u5fa9\u300d\u306e\u539f\u5247\u3092\u5fdc\u7528\u3002\u7d041\u30f6\u6708\u3067\u4e3b\u8981\u7bc4\u56f2\u3092\u4e00\u5de1\u3059\u308b\u8a2d\u8a08\u3067\u3001\u8aad\u3080\u3060\u3051\u3067\u81ea\u7136\u3068\u77e5\u8b58\u304c\u9577\u671f\u8a18\u61b6\u306b\u5b9a\u7740\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"mb-8\">\n <h3 class=\"text-xl font-bold text-[#34568B] mb-2\">2. \u5168\u8a66\u9a13\u7bc4\u56f2\u3092\u30ab\u30d0\u30fc\u3059\u308b\u300c\u52d5\u304f\u30c6\u30ad\u30b9\u30c8\u300d<\/h3>\n <p>\u96e3\u89e3\u306a\u30ad\u30e3\u30ea\u30a2\u7406\u8ad6\u304b\u3089\u6cd5\u6539\u6b63\u3001\u8ad6\u8ff0\u30fb\u30ed\u30fc\u30d7\u30ec\u306e\u52d8\u6240\u307e\u3067\u3092\u7db2\u7f85\u3002\u56fd\u30ad\u30e3\u30ea\u30fb2\u7d1a\u6280\u80fd\u58eb\u306e\u4e21\u8a66\u9a13\u306b\u5bfe\u5fdc\u3057\u3001\u5206\u539a\u3044\u53c2\u8003\u66f8\u306f\u3082\u3046\u4e0d\u8981\u3067\u3059\u3002<\/p>\n <\/div>\n <div>\n <h3 class=\"text-xl font-bold text-[#34568B] mb-2\">3. \u91cf\u3088\u308a\u8cea\u3002\u300c\u8ce2\u3044\u300d\u5b66\u7fd2\u6226\u7565<\/h3>\n <p>\u904e\u53bb\u554f\u5206\u6790\u306b\u57fa\u3065\u304d\u3001\u51fa\u984c\u983b\u5ea6\u306e\u9ad8\u3044\u5206\u91ce\u306b\u7d5e\u3063\u3066\u89e3\u8aac\u3002\u4e0b\u306e\u30b0\u30e9\u30d5\u304c\u793a\u3059\u901a\u308a\u3001\u7684\u3092\u7d5e\u3063\u305f\u5b66\u7fd2\u304c\u5408\u683c\u3078\u306e\u6700\u77ed\u30eb\u30fc\u30c8\u3067\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"bg-white p-6 rounded-xl shadow-lg\">\n <h3 class=\"text-center font-bold mb-4\">\u5b66\u79d1\u8a66\u9a13\u306e\u51fa\u984c\u983b\u5ea6\u5206\u6790\uff08\u7406\u8ad6\u5bb6\uff09<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"theoristChart\"><\/canvas>\n <\/div>\n <div class=\"text-center mt-4\">\n <button id=\"switchChartBtn\" class=\"bg-gray-200 text-gray-700 py-2 px-4 rounded-lg text-sm btn\">\u8868\u793a\u5207\u66ff<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"ecosystem\" class=\"py-16 md:py-24 px-6 bg-white\">\n <div class=\"max-w-6xl mx-auto text-center\">\n <h2 class=\"text-2xl md:text-3xl font-bold mb-2\">\u30e1\u30eb\u30de\u30ac\u3060\u3051\u3058\u3083\u306a\u3044\u3001\u539a\u307f\u306e\u3042\u308b\u5b66\u3073<\/h2>\n <p class=\"text-gray-600 mb-12 max-w-3xl mx-auto\">\u7121\u6599\u306e\u5b66\u7fd2\u30b5\u30a4\u30c8\u304b\u3089\u6709\u6599E\u30e9\u30fc\u30cb\u30f3\u30b0\u307e\u3067\u3002\u3042\u306a\u305f\u306e\u5b66\u7fd2\u30b9\u30bf\u30a4\u30eb\u306b\u5408\u308f\u305b\u3066\u3001\u5b66\u3073\u3092\u3055\u3089\u306b\u6df1\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n <div class=\"grid md:grid-cols-3 gap-8 text-left\">\n <div class=\"border border-gray-200 p-6 rounded-lg\">\n <span class=\"text-xs font-bold text-white bg-[#34568B] py-1 px-2 rounded-full\">\u4e2d\u5fc3<\/span>\n <h3 class=\"text-xl font-bold my-3\">\u7121\u6599\u30e1\u30eb\u30de\u30ac<\/h3>\n <p class=\"text-sm\">\u6bce\u65e5\u306e\u5b66\u7fd2\u30da\u30fc\u30b9\u30e1\u30fc\u30ab\u30fc\u3002\u65e5\u3005\u306e\u30a4\u30f3\u30d7\u30c3\u30c8\u306e\u6838\u3068\u306a\u308a\u3001\u5b66\u7fd2\u3092\u7fd2\u6163\u5316\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"border border-gray-200 p-6 rounded-lg\">\n <span class=\"text-xs font-bold text-white bg-[#88B04B] py-1 px-2 rounded-full\">\u9023\u643a<\/span>\n <h3 class=\"text-xl font-bold my-3\">\u30ad\u30e3\u30ea\u30b3\u30f3\u5b66\u7fd2\u30dd\u30fc\u30bf\u30eb<\/h3>\n <p class=\"text-sm\">\u904b\u55b6\u30b5\u30a4\u30c8\u300c\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4\u300d\u5185\u306e\u7121\u6599\u5b66\u7fd2\u30b3\u30f3\u30c6\u30f3\u30c4\u3002\u77e5\u8b58\u306e\u6df1\u6398\u308a\u3084\u95a2\u9023\u60c5\u5831\u306e\u78ba\u8a8d\u306b\u3002<\/p>\n <\/div>\n <div class=\"border border-gray-200 p-6 rounded-lg\">\n <span class=\"text-xs font-bold text-gray-800 bg-yellow-300 py-1 px-2 rounded-full\">\u30aa\u30d7\u30b7\u30e7\u30f3<\/span>\n <h3 class=\"text-xl font-bold my-3\">\u8a66\u9a13\u5bfe\u7b56\u30ab\u30ec\u30c3\u30b8<\/h3>\n <p class=\"text-sm\">\u6708\u984d1,100\u5186\u306eE\u30e9\u30fc\u30cb\u30f3\u30b0\u3002\u8c4a\u5bcc\u306a\u30c9\u30ea\u30eb\u3084\u6a21\u64ec\u30c6\u30b9\u30c8\u3067\u3001\u3055\u3089\u306b\u4e07\u5168\u3092\u671f\u3057\u305f\u3044\u65b9\u306b\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <section id=\"archive\" class=\"py-16 md:py-24 px-6\">\n <div class=\"max-w-6xl mx-auto text-center\">\n <h2 class=\"text-2xl md:text-3xl font-bold mb-2\">\u914d\u4fe1\u30b5\u30f3\u30d7\u30eb\u306f\u3053\u3061\u3089<\/h2>\n <p class=\"text-gray-600 mb-8 max-w-2xl mx-auto\">\u3069\u3093\u306a\u5185\u5bb9\u304c\u5c4a\u304f\u306e\u304b\u3001\u307e\u305a\u306f\u904e\u53bb\u306e\u914d\u4fe1\u5185\u5bb9\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002<\/p>\n <a href=\"https:\/\/archive.benchmarkemail.com\/yume_roleplay\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"bg-white border-2 border-[#34568B] text-[#34568B] font-bold py-3 px-8 rounded-full text-lg btn\">\n \u904e\u53bb10\u53f7\u5206\u306e\u30a2\u30fc\u30ab\u30a4\u30d6\u3092\u898b\u308b\n <\/a>\n <\/div>\n <\/section>\n\n <section id=\"signup\" class=\"py-16 md:py-24 bg-[#34568B] text-white\">\n <div class=\"max-w-6xl mx-auto px-6 text-center\">\n <h2 class=\"text-3xl md:text-4xl font-bold mb-4\">\u6b21\u306f\u3001\u3042\u306a\u305f\u304c\u5408\u683c\u3092\u624b\u306b\u3059\u308b\u756a\u3067\u3059\u3002<\/h2>\n <p class=\"mb-8 max-w-2xl mx-auto\">1\u65e5\u305f\u3063\u305f10\u5206\u306e\u81ea\u5df1\u6295\u8cc7\u3067\u3001\u5408\u683c\u3078\u306e\u6700\u77ed\u30eb\u30fc\u30c8\u3078\u3002\u307e\u305a\u306f\u7b2c\u4e00\u6b69\u3092\u8e0f\u51fa\u3057\u3066\u307f\u307e\u305b\u3093\u304b\uff1f<\/p>\n <div class=\"max-w-md mx-auto bg-white p-8 rounded-lg text-gray-800\">\n <h3 class=\"font-bold text-xl mb-4\">\u7121\u6599\u30e1\u30eb\u30de\u30ac\u767b\u9332\u30d5\u30a9\u30fc\u30e0<\/h3>\n <!--JB Tracker--> <script type=\"text\/javascript\"> var _paq = _paq || []; (function(){ if(window.apScriptInserted) return; _paq.push(['clientToken', 'l%2bpHLJFDEjahQvuDqYohTfRTqpl311wk9%2fdokJ2l6l%2fPeg2OR75ugrudn4%2b%2fsueh']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text\/javascript'; g.async=true; g.defer=true; g.src='https:\/\/prod.benchmarkemail.com\/tracker.bundle.js'; s.parentNode.insertBefore(g,s); window.apScriptInserted=true;})(); <\/script> <!--\/JB Tracker--> <!-- BEGIN: Benchmark Email Signup Form Code -->\n <script type=\"text\/javascript\" id=\"lbscript1755488\" src=\"https:\/\/lb.benchmarkemail.com\/\/jp\/code\/lbformnew.js?mFcQnoBFKMRcLA8OXye811gg49YEcrgGD6r9BBmItv75TtJtRfefIg%253D%253D\"><\/script><noscript>Please enable JavaScript <br \/><div align=\"center\" style=\"padding-top:5px;font-family:Arial,Helvetica,sans-serif;font-size:10px;color:#999999;\"><a href=\"\/\/www.benchmarkemail.com\/jp\" target=\"_new\" style=\"text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-size:10px;color:#999999;\">メール配信サービス<\/a> by Benchmark<\/div><\/noscript>\n <!-- END: Benchmark Email Signup Form Code -->\n <\/div>\n <p class=\"text-xs mt-4 text-gray-300\">\u6708\u301c\u91d1\u306b\u6bce\u65e5\u767a\u884c\uff08\u571f\u65e5\u795d\u306f\u4e0d\u5b9a\u671f\uff09\u3002\u3044\u3064\u3067\u3082\u89e3\u9664\u3067\u304d\u307e\u3059\u3002<\/p>\n <\/div>\n <\/section>\n <\/main>\n\n <footer class=\"bg-gray-800 text-white text-center py-6\">\n <p class=\"text-sm\">© 2025 \u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4. All Rights Reserved.<\/p>\n <\/footer>\n\n <script>\n document.addEventListener('DOMContentLoaded', function () {\n const theoristChartCanvas = document.getElementById('theoristChart');\n if (!theoristChartCanvas) return;\n\n const ctx = theoristChartCanvas.getContext('2d');\n let theoristChart;\n let currentChartType = 'doughnut';\n\n const chartData = {\n labels: ['\u983b\u51fa\u4e0a\u4f4d20\u540d\u306e\u7406\u8ad6\u5bb6', '\u305d\u306e\u4ed6\u306e\u7406\u8ad6\u5bb6'],\n datasets: [{\n label: '\u51fa\u984c\u5272\u5408',\n data: [90, 10],\n backgroundColor: [\n 'rgba(52, 86, 139, 0.8)',\n 'rgba(136, 176, 75, 0.7)',\n ],\n borderColor: [\n '#34568B',\n '#88B04B',\n ],\n borderWidth: 1\n }]\n };\n \n const chartOptions = {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n position: 'bottom',\n },\n tooltip: {\n callbacks: {\n label: function(context) {\n let label = context.label || '';\n if (label) {\n label += ': ';\n }\n if (context.parsed !== null) {\n label += context.parsed + '%';\n }\n return label;\n }\n }\n }\n }\n };\n\n function renderChart() {\n if (theoristChart) {\n theoristChart.destroy();\n }\n \n let specificOptions = {};\n if (currentChartType === 'bar') {\n specificOptions = {\n scales: {\n y: {\n beginAtZero: true,\n max: 100,\n ticks: {\n callback: function(value) {\n return value + '%';\n }\n }\n }\n },\n plugins: {\n legend: { display: false }\n }\n };\n }\n\n theoristChart = new Chart(ctx, {\n type: currentChartType,\n data: chartData,\n options: {...chartOptions, ...specificOptions}\n });\n }\n\n document.getElementById('switchChartBtn').addEventListener('click', () => {\n currentChartType = currentChartType === 'doughnut' ? 'bar' : 'doughnut';\n renderChart();\n });\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n renderChart();\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.5 });\n\n observer.observe(theoristChartCanvas);\n\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n document.querySelector(this.getAttribute('href')).scrollIntoView({\n behavior: 'smooth'\n });\n });\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u30ad\u30e3\u30ea\u30b3\u30f3\u8a66\u9a13\u5bfe\u7b56 \u65b0\u30fb\u5b66\u7fd2\u6226\u7565 | \u7121\u6599\u30e1\u30eb\u30de\u30ac \u30ad\u30e3\u30ea\u30b3\u30f3\u5408\u683c\u6226\u7565 \u4eca\u3059\u3050\u7121\u6599\u3067\u59cb\u3081\u308b \u3082\u3046\u3001\u5206\u539a\u3044\u30c6\u30ad\u30b9\u30c8\u3068\u683c\u95d8\u3057\u306a\u3044\u3002 \u3010\u56fd\u5bb6\u8cc7\u683c\u30fb2\u7d1a\u6280\u80fd\u58eb\u5bfe\u5fdc\u30111\u65e510\u5206\u306e\u300c\u30e1\u30eb\u30de\u30ac\u5b66\u7fd2\u300d\u3067\u3001\u5b66\u79d1\u30fb\u8ad6\u8ff0\u30fb\u30ed\u30fc\u30d7\u30ec\u8a66\u9a13\u306e\u5408\u683c\u3092 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"vkexunit_cta_each_option":"","footnotes":""},"class_list":["post-88","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages\/88","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=88"}],"version-history":[{"count":27,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages\/88\/revisions"}],"predecessor-version":[{"id":2403,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages\/88\/revisions\/2403"}],"wp:attachment":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=88"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}