{"id":128,"date":"2025-09-11T20:26:50","date_gmt":"2025-09-11T11:26:50","guid":{"rendered":"https:\/\/ad.yrp.sognoplanning.com\/?page_id=128"},"modified":"2025-09-11T20:29:40","modified_gmt":"2025-09-11T11:29:40","slug":"%e3%82%ad%e3%83%a3%e3%83%aa%e3%82%a2%e3%82%b3%e3%83%b3%e3%82%b5%e3%83%ab%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0%e9%9d%a2%e6%8e%a5%e8%a9%a6%e9%a8%93%ef%bc%9a%e6%9c%80%e5%88%9d%e3%81%ae5%e5%88%86%e3%81%8c","status":"publish","type":"page","link":"https:\/\/ad.yrp.sognoplanning.com\/?page_id=128","title":{"rendered":"\u30ad\u30e3\u30ea\u30b3\u30f3\u8a66\u9a13\u30ed\u30fc\u30d7\u30ec\u8a66\u9a13\uff1a\u6700\u521d\u306e5\u5206\u304c\u5408\u683c\u306e9\u5272\u3092\u6c7a\u3081\u308b\uff01"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u30ad\u30e3\u30ea\u30b3\u30f3\u8a66\u9a13\u30ed\u30fc\u30d7\u30ec\u8a66\u9a13\uff1a\u6700\u521d\u306e5\u5206\u304c\u5408\u683c\u306e9\u5272\u3092\u6c7a\u3081\u308b\uff01<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700&family=Noto+Sans+JP:wght@400;700&display=swap\" rel=\"stylesheet\">\n    <style>\n        body {\n            font-family: 'Inter', 'Noto Sans JP', sans-serif;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n        }\n        \/* \u30b9\u30af\u30ed\u30fc\u30eb\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u7528 *\/\n        .scroll-reveal {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n        }\n        .scroll-reveal.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n        \/* \u30a2\u30b3\u30fc\u30c7\u30a3\u30aa\u30f3\u306e\u77e2\u5370 *\/\n        .accordion-button::after {\n            content: '';\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C\/polyline%3E%3C\/svg%3E\");\n            background-repeat: no-repeat;\n            background-size: contain;\n            width: 1.25rem;\n            height: 1.25rem;\n            transition: transform 0.3s ease;\n        }\n        .accordion-button.open::after {\n            transform: rotate(180deg);\n        }\n        .tab-content { display: none; }\n        .tab-content.active { display: block; }\n        .tab-button.active {\n            border-color: #3b82f6; \/* blue-500 *\/\n            color: #3b82f6;\n            background-color: #eff6ff; \/* blue-50 *\/\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-gray-50 text-gray-800\">\n\n    <div id=\"protected-content\" style=\"display: none;\">\n        <!-- \u30d8\u30c3\u30c0\u30fc -->\n        <header class=\"bg-white shadow-md sticky top-0 z-50\">\n            <div class=\"container mx-auto px-6 py-4\">\n        <\/div>\n    <\/header>\n\n    <!-- \u30e1\u30a4\u30f3\u30b3\u30f3\u30c6\u30f3\u30c4 -->\n    <main class=\"container mx-auto px-6 py-12\">\n\n        <!-- \u30d2\u30fc\u30ed\u30fc\u30bb\u30af\u30b7\u30e7\u30f3 -->\n        <section class=\"text-center mb-20 scroll-reveal\">\n            <div class=\"inline-block bg-blue-100 text-blue-800 text-sm font-semibold px-4 py-2 rounded-full mb-4\">\n                \u59cb\u3081\u65b9\u304c9\u5272\n            <\/div>\n            <h2 class=\"text-4xl md:text-5xl font-bold text-blue-900 mb-4\">\u6700\u521d\u306e5\u5206\u304c\u5408\u683c\u3092\u6c7a\u3081\u308b<\/h2>\n            <p class=\"max-w-3xl mx-auto text-lg text-gray-600\">\n                \u9762\u8ac7\u958b\u59cb\u76f4\u5f8c\u306e\u95a2\u308f\u308a\u65b9\u304c\u3001\u305d\u306e\u5f8c\u306e\u9762\u8ac7\u306e\u8cea\u3001\u305d\u3057\u3066\u8a66\u9a13\u306e\u8a55\u4fa1\u3092\u5927\u304d\u304f\u5de6\u53f3\u3057\u307e\u3059\u3002\u3053\u306e\u30ac\u30a4\u30c9\u3067\u3001\u4fe1\u983c\u95a2\u4fc2\uff08\u30e9\u30dd\u30fc\u30eb\uff09\u3092\u7bc9\u304f\u305f\u3081\u306e\u6838\u5fc3\u3092\u5b66\u3073\u307e\u3057\u3087\u3046\u3002\n            <\/p>\n        <\/section>\n\n        <!-- 1. \u306a\u305c\u6700\u521d\u306e5\u5206\u9593\u304c\u91cd\u8981\u306a\u306e\u304b\uff1f -->\n        <section class=\"mb-20 scroll-reveal\">\n            <h3 class=\"text-3xl font-bold text-center mb-12 flex items-center justify-center gap-3\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-8 h-8 text-blue-500\"><path d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z\"><\/path><path d=\"M12 6v6l4 2\"><\/path><\/svg>\n                \u306a\u305c\u6700\u521d\u306e5\u5206\u9593\u304c\u91cd\u8981\u306a\u306e\u304b\uff1f\n            <\/h3>\n            <div class=\"grid md:grid-cols-3 gap-8\">\n                <!-- \u30ab\u30fc\u30c91: \u8a66\u9a13\u8a55\u4fa1\u306e\u57fa\u76e4 -->\n                <div class=\"bg-white p-8 rounded-xl shadow-lg hover:shadow-2xl transition-shadow duration-300\">\n                    <div class=\"bg-blue-100 rounded-full w-16 h-16 flex items-center justify-center mb-6\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-8 h-8 text-blue-600\"><path d=\"M12 20h9\"><\/path><path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"><\/path><\/svg>\n                    <\/div>\n                    <h4 class=\"text-xl font-bold mb-3\">\u8a66\u9a13\u8a55\u4fa1\u306e\u57fa\u76e4<\/h4>\n                    <p class=\"text-gray-600\">\u300c\u57fa\u672c\u7684\u614b\u5ea6\u300d\u3084\u300c\u95a2\u4fc2\u69cb\u7bc9\u529b\u300d\u306f\u3001\u9762\u8ac7\u5192\u982d\u306e\u95a2\u308f\u308a\u3067\u8a55\u4fa1\u3055\u308c\u307e\u3059\u3002\u53d7\u5bb9\u7684\u30fb\u5171\u611f\u7684\u614b\u5ea6\u304c\u8a00\u8a9e\u30fb\u975e\u8a00\u8a9e\u3067\u793a\u305b\u3066\u3044\u308b\u304b\u3001\u76f8\u8ac7\u8005\u304c\u5b89\u5fc3\u3057\u3066\u8a71\u305b\u308b\u304b\u304c\u8a55\u4fa1\u306e\u571f\u53f0\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n                <\/div>\n                <!-- \u30ab\u30fc\u30c92: \u5b89\u5fc3\u30fb\u5b89\u5168\u306a\u5834\u306e\u69cb\u7bc9 -->\n                <div class=\"bg-white p-8 rounded-xl shadow-lg hover:shadow-2xl transition-shadow duration-300\">\n                    <div class=\"bg-green-100 rounded-full w-16 h-16 flex items-center justify-center mb-6\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-8 h-8 text-green-600\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\n                    <\/div>\n                    <h4 class=\"text-xl font-bold mb-3\">\u5b89\u5fc3\u30fb\u5b89\u5168\u306a\u5834\u306e\u69cb\u7bc9<\/h4>\n                    <p class=\"text-gray-600\">\u76f8\u8ac7\u8005\u306f\u300c\u8a71\u3092\u3061\u3083\u3093\u3068\u805e\u3044\u3066\u304f\u308c\u308b\u304b\u300d\u7b49\u306e\u4e0d\u5b89\u3092\u62b1\u3048\u3066\u3044\u307e\u3059\u3002\u6700\u521d\u306e\u6570\u5206\u3067\u4fe1\u983c\u611f\uff08\u30e9\u30dd\u30fc\u30eb\uff09\u3092\u7bc9\u304b\u306a\u3051\u308c\u3070\u3001\u76f8\u8ac7\u8005\u306f\u5fc3\u3092\u958b\u3051\u305a\u3001\u672c\u97f3\u3092\u8a9e\u308b\u3053\u3068\u306f\u56f0\u96e3\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n                <\/div>\n                <!-- \u30ab\u30fc\u30c93: \u300c\u8cea\u554f\u653b\u3081\u300d\u306e\u56de\u907f -->\n                <div class=\"bg-white p-8 rounded-xl shadow-lg hover:shadow-2xl transition-shadow duration-300\">\n                    <div class=\"bg-yellow-100 rounded-full w-16 h-16 flex items-center justify-center mb-6\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-8 h-8 text-yellow-600\"><path d=\"m15 18-6-6 6-6\"><\/path><\/svg>\n                    <\/div>\n                    <h4 class=\"text-xl font-bold mb-3\">\u300c\u4fc3\u3057\u300d\u3078\u306e\u8ee2\u63db<\/h4>\n                    <p class=\"text-gray-600\">\u8cea\u554f\u3070\u304b\u308a\u306e\u9762\u8ac7\u306f\u5c0b\u554f\u306e\u3088\u3046\u3067\u3001\u30e9\u30dd\u30fc\u30eb\u5f62\u6210\u3092\u963b\u5bb3\u3057\u307e\u3059\u3002\u76f8\u8ac7\u8005\u304c\u81ea\u3089\u601d\u8003\u3092\u6df1\u3081\u3001\u8a00\u8449\u306b\u3059\u308b\u306e\u3092\u52a9\u3051\u308b\u610f\u56f3\u7684\u306a\u95a2\u308f\u308a\u3067\u3042\u308b\u300c\u4fc3\u3057\u300d\u304c\u3001\u81ea\u5df1\u63a2\u7d22\u3092\u652f\u63f4\u3059\u308b\u9375\u3067\u3059\u3002<\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- 2. \u6700\u521d\u306e5\u5206\u9593\u306e\u7406\u60f3\u7684\u306a\u6d41\u308c -->\n        <section class=\"mb-20 scroll-reveal\">\n            <h3 class=\"text-3xl font-bold text-center mb-12 flex items-center justify-center gap-3\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-8 h-8 text-blue-500\"><path d=\"M21 6H3\"><\/path><path d=\"M21 12H3\"><\/path><path d=\"M21 18H3\"><\/path><\/svg>\n                \u6700\u521d\u306e5\u5206\u9593\u306e\u7406\u60f3\u7684\u306a\u6d41\u308c\n            <\/h3>\n            <div class=\"relative\">\n                <!-- \u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u306e\u7dda -->\n                <div class=\"absolute left-1\/2 top-0 h-full w-0.5 bg-blue-200 hidden md:block\"><\/div>\n                <!-- \u30b9\u30c6\u30c3\u30d7 -->\n                <div class=\"space-y-12\">\n                    <div class=\"md:grid md:grid-cols-2 md:gap-8 items-center\">\n                        <div class=\"md:text-right md:pr-8 mb-4 md:mb-0\">\n                            <div class=\"bg-blue-500 text-white w-12 h-12 rounded-full flex items-center justify-center text-xl font-bold ml-auto md:ml-auto md:mr-0 mb-2\">1<\/div>\n                            <h4 class=\"text-xl font-bold\">\u6328\u62f6\u3068\u95a2\u4fc2\u69cb\u7bc9\u3092\u512a\u5148<\/h4>\n                        <\/div>\n                        <div class=\"bg-white p-6 rounded-lg shadow-md md:ml-4\">\n                            <p>\u4e01\u5be7\u306a\u6328\u62f6\u3068\u3068\u3082\u306b\u3001\u53d7\u5bb9\u7684\u30fb\u5171\u611f\u7684\u30fb\u8aa0\u5b9f\u306a\u614b\u5ea6\u3067\u3001\u76f8\u8ac7\u8005\u304c\u5b89\u5fc3\u3067\u304d\u308b\u95a2\u4fc2\u6027\u3092\u6700\u512a\u5148\u3067\u7bc9\u304d\u307e\u3059\u3002\u300c\u4f55\u3067\u3082\u8a71\u3057\u3066\u5927\u4e08\u592b\u300d\u3068\u3044\u3046\u96f0\u56f2\u6c17\u3092\u975e\u8a00\u8a9e\u7684\u306b\u3082\u4f1d\u3048\u307e\u3059\u3002<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"md:grid md:grid-cols-2 md:gap-8 items-center\">\n                         <div class=\"bg-white p-6 rounded-lg shadow-md md:mr-4 order-2 md:order-1\">\n                            <p>\u300c\u672c\u65e5\u306f\u3069\u306e\u3088\u3046\u306a\u3054\u76f8\u8ac7\u3067\u3044\u3089\u3063\u3057\u3083\u3044\u307e\u3057\u305f\u304b\uff1f\u300d\u3068\u3044\u3063\u305f\u30aa\u30fc\u30d7\u30f3\u306a\u8cea\u554f\u3067\u3001\u76f8\u8ac7\u8005\u306b\u8a71\u306e\u4e3b\u5c0e\u6a29\u3092\u6e21\u3057\u307e\u3059\u3002\u300c\u4f55\u304b\u3089\u8a71\u3057\u3066\u3082\u826f\u3044\u3067\u3059\u3088\u300d\u3068\u3044\u3046\u30e1\u30c3\u30bb\u30fc\u30b8\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n                        <\/div>\n                        <div class=\"md:pl-8 mb-4 md:mb-0 order-1 md:order-2\">\n                            <div class=\"bg-blue-500 text-white w-12 h-12 rounded-full flex items-center justify-center text-xl font-bold mr-auto md:mr-auto md:ml-0 mb-2\">2<\/div>\n                            <h4 class=\"text-xl font-bold\">\u30aa\u30fc\u30d7\u30f3\u306a\u8cea\u554f\u3067\u958b\u59cb<\/h4>\n                        <\/div>\n                    <\/div>\n                    <div class=\"md:grid md:grid-cols-2 md:gap-8 items-center\">\n                        <div class=\"md:text-right md:pr-8 mb-4 md:mb-0\">\n                            <div class=\"bg-blue-500 text-white w-12 h-12 rounded-full flex items-center justify-center text-xl font-bold ml-auto md:ml-auto md:mr-0 mb-2\">3<\/div>\n                            <h4 class=\"text-xl font-bold\">\u50be\u8074\u306b\u5fb9\u3059\u308b<\/h4>\n                        <\/div>\n                        <div class=\"bg-white p-6 rounded-lg shadow-md md:ml-4\">\n                            <p>\u76f8\u8ac7\u8005\u304c\u8a71\u3057\u59cb\u3081\u305f\u3089\u906e\u3089\u305a\u3001\u8a00\u8449\u3001\u8868\u60c5\u3001\u58f0\u306e\u30c8\u30fc\u30f3\u5168\u4f53\u306b\u610f\u8b58\u3092\u96c6\u4e2d\u3002\u6700\u521d\u306b\u8a9e\u3089\u308c\u308b\u5185\u5bb9\uff08\u4e3b\u8a34\uff09\u306e\u5965\u306b\u3042\u308b\u3001\u672c\u4eba\u3082\u610f\u8b58\u3057\u3066\u3044\u306a\u3044\u300c\u672c\u5f53\u306b\u8a71\u3057\u305f\u3044\u3053\u3068\u300d\u3092\u63a2\u308a\u307e\u3059\u3002<\/p>\n                        <\/div>\n                    <\/div>\n                     <div class=\"md:grid md:grid-cols-2 md:gap-8 items-center\">\n                        <div class=\"bg-white p-6 rounded-lg shadow-md md:mr-4 order-2 md:order-1\">\n                            <p>\u76f8\u8ac7\u8005\u306e\u8868\u60c5\u304c\u548c\u3089\u3050\u3001\u81ea\u767a\u7684\u306a\u767a\u8a71\u304c\u5897\u3048\u308b\u306a\u3069\u3001\u30e9\u30dd\u30fc\u30eb\u5f62\u6210\u306e\u30b5\u30a4\u30f3\u304c\u898b\u3048\u305f\u3089\u3001\u3088\u308a\u6df1\u3044\u611f\u60c5\u3084\u4fa1\u5024\u89b3\u306b\u89e6\u308c\u308b\u8cea\u554f\u3078\u3068\u79fb\u884c\u3057\u307e\u3059\u3002\u95a2\u4fc2\u6027\u306e\u6df1\u3055\u306b\u5fdc\u3058\u305f\u95a2\u308f\u308a\u304c\u91cd\u8981\u3067\u3059\u3002<\/p>\n                        <\/div>\n                        <div class=\"md:pl-8 mb-4 md:mb-0 order-1 md:order-2\">\n                            <div class=\"bg-blue-500 text-white w-12 h-12 rounded-full flex items-center justify-center text-xl font-bold mr-auto md:mr-auto md:ml-0 mb-2\">4<\/div>\n                            <h4 class=\"text-xl font-bold\">\u6df1\u3044\u50be\u8074\u3078\u79fb\u884c<\/h4>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- 3. \u6d3b\u8e8d\u3059\u308b\u300c\u304b\u304b\u308f\u308a\u884c\u52d5\u300d\uff08\u5177\u4f53\u7684\u306a\u30b9\u30ad\u30eb\uff09 -->\n        <section class=\"mb-20 scroll-reveal\">\n            <h3 class=\"text-3xl font-bold text-center mb-12 flex items-center justify-center gap-3\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-8 h-8 text-blue-500\"><path d=\"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><line x1=\"10\" y1=\"9\" x2=\"8\" y2=\"9\"><\/line><\/svg>\n                \u6d3b\u8e8d\u3059\u308b\u300c\u304b\u304b\u308f\u308a\u884c\u52d5\u300d\n            <\/h3>\n            <div class=\"max-w-4xl mx-auto\">\n                <div class=\"flex border-b border-gray-300 mb-8 justify-center\">\n                    <button class=\"tab-button active text-lg font-semibold py-3 px-6 border-b-2\" onclick=\"openTab(event, 'nonverbal')\">\u975e\u8a00\u8a9e\u7684\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3<\/button>\n                    <button class=\"tab-button text-lg font-semibold py-3 px-6 border-b-2 border-transparent text-gray-500\" onclick=\"openTab(event, 'verbal')\">\u8a00\u8a9e\u7684\u304b\u304b\u308f\u308a\uff08\u4fc3\u3057\uff09<\/button>\n                <\/div>\n\n                <!-- \u975e\u8a00\u8a9e\u7684\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3 -->\n                <div id=\"nonverbal\" class=\"tab-content active\">\n                    <p class=\"text-center text-gray-600 mb-8\">\u8a00\u8449\u4ee5\u4e0a\u306b\u96c4\u5f01\u3002\u76f8\u8ac7\u8005\u304c\u5b89\u5fc3\u3057\u3066\u8a71\u305b\u308b\u96f0\u56f2\u6c17\u3092\u4f5c\u308b\u4e0a\u3067\u6975\u3081\u3066\u91cd\u8981\u3067\u3059\u3002<\/p>\n                    <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-6\">\n                        <div class=\"bg-white p-6 rounded-lg shadow-sm text-center\"><h5 class=\"font-bold text-lg mb-2\">\u8996\u7dda<\/h5><p>\u51dd\u8996\u305b\u305a\u3001\u9069\u5ea6\u306b\u8996\u7dda\u3092\u5408\u308f\u305b\u3001\u771f\u5263\u306b\u8074\u3044\u3066\u3044\u308b\u3053\u3068\u3092\u4f1d\u3048\u307e\u3059\u3002<\/p><\/div>\n                        <div class=\"bg-white p-6 rounded-lg shadow-sm text-center\"><h5 class=\"font-bold text-lg mb-2\">\u8eab\u4f53\u8a00\u8a9e<\/h5><p>\u4f53\u3092\u5411\u3051\u3001\u3084\u3084\u524d\u50be\u59ff\u52e2\u3092\u3068\u308a\u3001\u9069\u5ea6\u306a\u9837\u304d\u3067\u300c\u95a2\u5fc3\u304c\u3042\u308b\u300d\u3053\u3068\u3092\u793a\u3057\u307e\u3059\u3002<\/p><\/div>\n                        <div class=\"bg-white p-6 rounded-lg shadow-sm text-center\"><h5 class=\"font-bold text-lg mb-2\">\u58f0\u306e\u8abf\u5b50<\/h5><p>\u76f8\u8ac7\u8005\u306e\u58f0\u306e\u8abf\u5b50\u3084\u5927\u304d\u3055\u306b\u5408\u308f\u305b\u308b\u300c\u30de\u30c3\u30c1\u30f3\u30b0\u300d\u3092\u610f\u8b58\u3002\u7a4f\u3084\u304b\u306a\u30c8\u30fc\u30f3\u3092\u5fc3\u304c\u3051\u307e\u3059\u3002<\/p><\/div>\n                        <div class=\"bg-white p-6 rounded-lg shadow-sm text-center\"><h5 class=\"font-bold text-lg mb-2\">\u8868\u60c5<\/h5><p>\u7a4f\u3084\u304b\u3067\u53d7\u5bb9\u7684\u306b\u3002\u6df1\u523b\u306a\u8a71\u306b\u306f\u4f5c\u308a\u7b11\u9854\u3067\u306f\u306a\u304f\u3001\u72b6\u6cc1\u306b\u5408\u308f\u305b\u305f\u8868\u60c5\u3067\u5171\u611f\u3092\u793a\u3057\u307e\u3059\u3002<\/p><\/div>\n                        <div class=\"bg-white p-6 rounded-lg shadow-sm text-center\"><h5 class=\"font-bold text-lg mb-2\">\u3046\u306a\u305a\u304d<\/h5><p>\u6a5f\u68b0\u7684\u3067\u306a\u304f\u3001\u611f\u60c5\u3092\u8fbc\u3081\u3066\u884c\u3044\u307e\u3059\u3002\u8a71\u306e\u6d41\u308c\u3092\u59a8\u3052\u305a\u306b\u611f\u60c5\u3092\u4f1d\u3048\u3001\u5b89\u5fc3\u611f\u3092\u4fc3\u3057\u307e\u3059\u3002<\/p><\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- \u8a00\u8a9e\u7684\u304b\u304b\u308f\u308a -->\n                <div id=\"verbal\" class=\"tab-content\">\n                     <p class=\"text-center text-gray-600 mb-8\">\u76f8\u8ac7\u8005\u306e\u81ea\u5df1\u63a2\u7d22\u3092\u652f\u63f4\u3057\u3001\u6df1\u3044\u8a9e\u308a\u3092\u5f15\u304d\u51fa\u3059\u305f\u3081\u306e\u91cd\u8981\u306a\u30b9\u30ad\u30eb\u3067\u3059\u3002<\/p>\n                    <div class=\"space-y-4\">\n                        <div class=\"accordion-item bg-white rounded-lg shadow-sm\">\n                            <button class=\"accordion-button w-full text-left p-5 font-bold text-lg flex justify-between items-center\">\u30aa\u30fc\u30d7\u30f3\u30af\u30a8\u30b9\u30c1\u30e7\u30f3<span class=\"text-blue-500\"><\/span><\/button>\n                            <div class=\"accordion-content max-h-0 overflow-hidden transition-all duration-500 ease-in-out\"><p class=\"p-5 pt-0 text-gray-600\">\u300c\u305d\u306e\u6642\u3001\u3069\u3093\u306a\u3053\u3068\u3092\u8003\u3048\u3066\u3044\u3089\u3063\u3057\u3083\u3044\u307e\u3057\u305f\u304b\uff1f\u300d\u3084\u300c\u306a\u305c\u3001\u305d\u306e\u3088\u3046\u306b\u5f37\u304f\u601d\u308f\u308c\u308b\u3088\u3046\u306b\u306a\u3063\u305f\u306e\u3067\u3057\u3087\u3046\u304b\uff1f\u300d\u306e\u3088\u3046\u306b\u3001\u76f8\u8ac7\u8005\u304c\u81ea\u7531\u306b\u5185\u9762\u3092\u8a9e\u308c\u308b\u8cea\u554f\u304c\u6709\u52b9\u3067\u3059\u3002<\/p><\/div>\n                        <\/div>\n                        <div class=\"accordion-item bg-white rounded-lg shadow-sm\">\n                            <button class=\"accordion-button w-full text-left p-5 font-bold text-lg flex justify-between items-center\">\u77ed\u3044\u8a00\u8449\u306e\u53cd\u5fa9<span class=\"text-blue-500\"><\/span><\/button>\n                            <div class=\"accordion-content max-h-0 overflow-hidden transition-all duration-500 ease-in-out\"><p class=\"p-5 pt-0 text-gray-600\">\u76f8\u8ac7\u8005\u306e\u8a00\u8449\u3001\u7279\u306b\u30ad\u30fc\u30ef\u30fc\u30c9\u3084\u611f\u60c5\u3092\u8868\u3059\u8a00\u8449\u3092\u77ed\u304f\u7e70\u308a\u8fd4\u3057\u307e\u3059\u3002\u4f8b\u3048\u3070\u3001\u76f8\u8ac7\u8005\u304c\u300c\u6094\u3057\u304b\u3063\u305f\u300d\u3068\u8a00\u3048\u3070\u3001\u300c\u2026\u6094\u3057\u304b\u3063\u305f\u2026\u300d\u3068\u8fd4\u3059\u3053\u3068\u3067\u3001\u305d\u306e\u611f\u60c5\u3078\u306e\u5185\u7701\u3092\u4fc3\u3057\u307e\u3059\u3002<\/p><\/div>\n                        <\/div>\n                        <div class=\"accordion-item bg-white rounded-lg shadow-sm\">\n                            <button class=\"accordion-button w-full text-left p-5 font-bold text-lg flex justify-between items-center\">\u4f1d\u3048\u8fd4\u3057\u3068\u611f\u60c5\u306e\u53cd\u6620<span class=\"text-blue-500\"><\/span><\/button>\n                            <div class=\"accordion-content max-h-0 overflow-hidden transition-all duration-500 ease-in-out\"><p class=\"p-5 pt-0 text-gray-600\">\u76f8\u8ac7\u8005\u306e\u767a\u8a00\u5185\u5bb9\u3084\u80cc\u666f\u306b\u3042\u308b\u611f\u60c5\u3092\u3001\u7406\u89e3\u3057\u305f\u901a\u308a\u306b\u8a00\u8449\u3067\u8fd4\u3057\u307e\u3059\u3002\u300c\u304a\u4ed5\u4e8b\u304c\u5927\u5909\u3067\u3001\u304a\u8f9b\u3044\u72b6\u6cc1\u306a\u306e\u3067\u3059\u306d\u300d\u306e\u3088\u3046\u306b\u611f\u60c5\u3092\u52a0\u3048\u3066\u4f1d\u3048\u308b\u3053\u3068\u3067\u3001\u6df1\u3044\u5171\u611f\u3092\u793a\u305b\u307e\u3059\u3002<\/p><\/div>\n                        <\/div>\n                         <div class=\"accordion-item bg-white rounded-lg shadow-sm\">\n                            <button class=\"accordion-button w-full text-left p-5 font-bold text-lg flex justify-between items-center\">\u3046\u306a\u304c\u3057<span class=\"text-blue-500\"><\/span><\/button>\n                            <div class=\"accordion-content max-h-0 overflow-hidden transition-all duration-500 ease-in-out\"><p class=\"p-5 pt-0 text-gray-600\">\u300c\u306f\u3044\u300d\u300c\u3048\u3048\u300d\u300c\u3082\u3046\u5c11\u3057\u8a73\u3057\u304f\u6559\u3048\u3066\u3044\u305f\u3060\u3051\u307e\u3059\u304b\uff1f\u300d\u3068\u3044\u3063\u305f\u8a00\u8449\u3067\u3001\u76f8\u8ac7\u8005\u306e\u8a9e\u308a\u3092\u7d99\u7d9a\u3055\u305b\u307e\u3059\u3002\u305f\u3060\u3057\u3001\u76f8\u624b\u304c\u8003\u3048\u3066\u3044\u308b\u9593\u306f\u3086\u3063\u305f\u308a\u3068\u5f85\u3064\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002<\/p><\/div>\n                        <\/div>\n                        <div class=\"accordion-item bg-white rounded-lg shadow-sm\">\n                            <button class=\"accordion-button w-full text-left p-5 font-bold text-lg flex justify-between items-center\">\u6c88\u9ed9\u306e\u6d3b\u7528<span class=\"text-blue-500\"><\/span><\/button>\n                            <div class=\"accordion-content max-h-0 overflow-hidden transition-all duration-500 ease-in-out\"><p class=\"p-5 pt-0 text-gray-600\">\u6c88\u9ed9\u306f\u76f8\u8ac7\u8005\u304c\u601d\u8003\u3092\u6df1\u3081\u3066\u3044\u308b\u30b5\u30a4\u30f3\u3067\u3059\u3002\u7126\u3063\u3066\u8cea\u554f\u305b\u305a\u300c\u5f85\u3064\u52c7\u6c17\u300d\u3082\u91cd\u8981\u3002\u6c88\u9ed9\u306f\u5185\u7701\u3092\u4fc3\u3057\u3001\u6df1\u3044\u6c17\u3065\u304d\u306b\u7e4b\u304c\u308b\u300c\u5b9d\u7269\u306e\u6642\u9593\u300d\u3068\u306a\u308a\u5f97\u307e\u3059\u3002<\/p><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- 4. \u907f\u3051\u308b\u3079\u304dNG\u5bfe\u5fdc -->\n        <section class=\"mb-20 scroll-reveal\">\n            <h3 class=\"text-3xl font-bold text-center mb-12 flex items-center justify-center gap-3\">\n                 <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-8 h-8 text-red-500\"><path d=\"M18 6 6 18\"><\/path><path d=\"m6 6 12 12\"><\/path><\/svg>\n                \u907f\u3051\u308b\u3079\u304dNG\u5bfe\u5fdc\n            <\/h3>\n            <div class=\"grid md:grid-cols-2 gap-6 max-w-4xl mx-auto\">\n                <div class=\"bg-red-50 border border-red-200 p-6 rounded-lg flex items-start gap-4\">\n                    <div class=\"text-red-500 flex-shrink-0\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"><\/line><\/svg>\n                    <\/div>\n                    <div>\n                        <h5 class=\"font-bold mb-1\">\u8cea\u554f\u653b\u3081<\/h5>\n                        <p class=\"text-red-800\">\u7126\u308a\u304b\u3089\u306e\u8cea\u554f\u9023\u767a\u306f\u3001\u5c0b\u554f\u306e\u3088\u3046\u306a\u5727\u8feb\u611f\u3092\u4e0e\u3048\u3001\u76f8\u8ac7\u8005\u306e\u53e3\u3092\u91cd\u304f\u3055\u305b\u307e\u3059\u3002\u7d50\u8ad6\u3092\u6025\u304c\u305a\u3001\u307e\u305a\u306f\u8074\u304f\u3053\u3068\u304c\u5927\u5207\u3067\u3059\u3002<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"bg-red-50 border border-red-200 p-6 rounded-lg flex items-start gap-4\">\n                    <div class=\"text-red-500 flex-shrink-0\">\n                         <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"><\/line><\/svg>\n                    <\/div>\n                    <div>\n                        <h5 class=\"font-bold mb-1\">\u5148\u5165\u89b3\u30fb\u6c7a\u3081\u3064\u3051<\/h5>\n                        <p class=\"text-red-800\">\u81ea\u5206\u306e\u4fa1\u5024\u89b3\u3084\u7d4c\u9a13\u3067\u76f8\u8ac7\u8005\u3092\u5224\u65ad\u305b\u305a\u3001\u5e38\u306b\u30aa\u30fc\u30d7\u30f3\u30de\u30a4\u30f3\u30c9\u3067\u3002\u65e9\u307e\u3063\u305f\u7d50\u8ad6\u306f\u3001\u76f8\u8ac7\u8005\u306e\u771f\u610f\u3092\u898b\u5931\u3046\u539f\u56e0\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n                    <\/div>\n                <\/div>\n                 <div class=\"bg-red-50 border border-red-200 p-6 rounded-lg flex items-start gap-4\">\n                    <div class=\"text-red-500 flex-shrink-0\">\n                         <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"><\/line><\/svg>\n                    <\/div>\n                    <div>\n                        <h5 class=\"font-bold mb-1\">\u6a5f\u68b0\u7684\u306a\u5fdc\u7b54<\/h5>\n                        <p class=\"text-red-800\">\u6e96\u5099\u3057\u305f\u5b9a\u578b\u6587\u3092\u6295\u3052\u304b\u3051\u308b\u5fdc\u7b54\u306f\u5bfe\u8a71\u3092\u4e0d\u81ea\u7136\u306b\u3057\u3001\u4fe1\u983c\u95a2\u4fc2\u3092\u640d\u306a\u3044\u307e\u3059\u3002\u76ee\u306e\u524d\u306e\u76f8\u8ac7\u8005\u306b\u96c6\u4e2d\u3067\u304d\u3066\u3044\u306a\u3044\u3068\u898b\u306a\u3055\u308c\u307e\u3059\u3002<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"bg-red-50 border border-red-200 p-6 rounded-lg flex items-start gap-4\">\n                    <div class=\"text-red-500 flex-shrink-0\">\n                         <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"><\/line><\/svg>\n                    <\/div>\n                    <div>\n                        <h5 class=\"font-bold mb-1\">\u8a71\u3092\u983b\u7e41\u306b\u906e\u308b<\/h5>\n                        <p class=\"text-red-800\">\u76f8\u8ac7\u8005\u304c\u8a71\u3057\u7d42\u3048\u308b\u307e\u3067\u50be\u8074\u306b\u5fb9\u3057\u3001\u76f8\u624b\u306e\u30da\u30fc\u30b9\u3092\u5c0a\u91cd\u3057\u307e\u3057\u3087\u3046\u3002\u300c\u8074\u3044\u3066\u3082\u3089\u3048\u306a\u304b\u3063\u305f\u300d\u3068\u611f\u3058\u3055\u305b\u3001\u4fe1\u983c\u95a2\u4fc2\u3092\u8457\u3057\u304f\u59a8\u3052\u307e\u3059\u3002<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"bg-red-50 border border-red-200 p-6 rounded-lg flex items-start gap-4 md:col-span-2\">\n                    <div class=\"text-red-500 flex-shrink-0\">\n                         <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"><\/line><\/svg>\n                    <\/div>\n                    <div>\n                        <h5 class=\"font-bold mb-1\">\u8868\u9762\u7684\u306a\u60c5\u5831\u53ce\u96c6\u306b\u7d42\u59cb<\/h5>\n                        <p class=\"text-red-800\">\u4e8b\u5b9f\u78ba\u8a8d\u306e\u8cea\u554f\u3070\u304b\u308a\u3067\u306f\u3001\u76f8\u8ac7\u8005\u306e\u5185\u9762\uff08\u611f\u60c5\u3001\u4fa1\u5024\u89b3\uff09\u306b\u8e0f\u307f\u8fbc\u3081\u307e\u305b\u3093\u3002\u7d50\u679c\u3068\u3057\u3066\u3001\u6839\u672c\u7684\u306a\u554f\u984c\u306b\u5230\u9054\u3067\u304d\u306a\u3044\u8868\u9762\u7684\u306a\u95a2\u308f\u308a\u3067\u7d42\u308f\u3063\u3066\u3057\u307e\u3044\u307e\u3059\u3002<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- 5. \u30b9\u30ad\u30eb\u5b9a\u7740\u306e\u305f\u3081\u306e\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0 -->\n        <section class=\"scroll-reveal\">\n            <h3 class=\"text-3xl font-bold text-center mb-12 flex items-center justify-center gap-3\">\n                 <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-8 h-8 text-blue-500\"><path d=\"M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z\"><\/path><line x1=\"4\" y1=\"22\" x2=\"4\" y2=\"15\"><\/line><\/svg>\n                \u30b9\u30ad\u30eb\u5b9a\u7740\u306e\u305f\u3081\u306e\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\n            <\/h3>\n            <div class=\"grid md:grid-cols-3 gap-8\">\n                <div class=\"bg-white p-8 rounded-xl shadow-lg border-t-4 border-blue-500\">\n                    <h4 class=\"text-xl font-bold mb-3\">\u5c0e\u51655\u5206\u9593\u96c6\u4e2d\u7df4\u7fd2<\/h4>\n                    <p class=\"text-gray-600\">\u69d8\u3005\u306a\u30b1\u30fc\u30b9\u3092\u7528\u3044\u3066\u6700\u521d\u306e5\u5206\u9593\u306e\u30ed\u30fc\u30eb\u30d7\u30ec\u30a4\u30f3\u30b0\u3092\u7e70\u308a\u8fd4\u3059\u3053\u3068\u3067\u3001\u4fe1\u983c\u95a2\u4fc2\u306e\u69cb\u7bc9\u3068\u76f8\u8ac7\u306e\u6838\u5fc3\u3078\u306e\u30b9\u30e0\u30fc\u30ba\u306a\u5c0e\u5165\u30b9\u30ad\u30eb\u3092\u4f53\u5f97\u3067\u304d\u307e\u3059\u3002<\/p>\n                <\/div>\n                <div class=\"bg-white p-8 rounded-xl shadow-lg border-t-4 border-green-500\">\n                    <h4 class=\"text-xl font-bold mb-3\">\u30b7\u30e3\u30c9\u30fc\u30ed\u30fc\u30d7\u30ec<\/h4>\n                    <p class=\"text-gray-600\">\u4e00\u4eba\u4e8c\u5f79\u3067\u9010\u8a9e\u53f0\u672c\u3092\u6bce\u65e5\u8aad\u307f\u4e0a\u3052\u308b\u7df4\u7fd2\u306f\u3001\u9069\u5207\u306a\u5fdc\u7b54\u306e\u77ac\u767a\u529b\u3068\u67d4\u8edf\u306a\u5fdc\u7528\u529b\u3092\u990a\u3044\u3001\u8a00\u8449\u304c\u30b9\u30e0\u30fc\u30ba\u306b\u51fa\u3066\u304f\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n                <\/div>\n                <div class=\"bg-white p-8 rounded-xl shadow-lg border-t-4 border-yellow-500\">\n                    <h4 class=\"text-xl font-bold mb-3\">\u9010\u8a9e\u8a18\u9332\u306b\u3088\u308b\u81ea\u5df1\u5206\u6790<\/h4>\n                    <p class=\"text-gray-600\">\u81ea\u8eab\u306e\u30ed\u30fc\u30d7\u30ec\u3092\u9332\u97f3\u30fb\u9010\u8a9e\u5316\u3059\u308b\u3053\u3068\u3067\u3001\u5fdc\u7b54\u306e\u7656\u3084\u300c\u7121\u81ea\u899a\u306a\u30a8\u30e9\u30fc\u300d\u3092\u5ba2\u89b3\u7684\u306b\u628a\u63e1\u3067\u304d\u307e\u3059\u3002\u5c02\u9580\u5bb6\u306e\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3092\u53d7\u3051\u308b\u3068\u3001\u3088\u308a\u52b9\u679c\u7684\u3067\u3059\u3002<\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n\n    <\/main>\n\n    <!-- \u30d5\u30c3\u30bf\u30fc -->\n    <footer class=\"bg-gray-800 text-white mt-20\">\n        <div class=\"container mx-auto px-6 py-8 text-center\">\n            <p>&copy; 2024 \u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4. All Rights Reserved.<\/p>\n        <\/div>\n    <\/footer>\n\n    <\/div>\n\n<script>\n\/\/ Password protection\n(function() {\n    const correctPassword = 'pass250911';\n    let enteredPassword = prompt('\u30d1\u30b9\u30ef\u30fc\u30c9\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044:');\n\n    if (enteredPassword === correctPassword) {\n        document.getElementById('protected-content').style.display = 'block';\n    } else {\n        alert('\u30d1\u30b9\u30ef\u30fc\u30c9\u304c\u9055\u3044\u307e\u3059\u3002');\n        document.body.innerHTML = '<div style=\"height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center;\"><h1 style=\"font-size: 1.5rem; color: #dc2626; font-weight: bold;\">\u30a2\u30af\u30bb\u30b9\u304c\u62d2\u5426\u3055\u308c\u307e\u3057\u305f\u3002<\/h1><\/div>';\n    }\n})();\n\n\/\/ \u30bf\u30d6\u5207\u308a\u66ff\u3048\nfunction openTab(event, tabName) {\n    const tabContents = document.querySelectorAll('.tab-content');\n    tabContents.forEach(content => content.classList.remove('active'));\n\n    const tabButtons = document.querySelectorAll('.tab-button');\n    tabButtons.forEach(button => button.classList.remove('active'));\n\n    document.getElementById(tabName).classList.add('active');\n    event.currentTarget.classList.add('active');\n}\n\n\/\/ \u30a2\u30b3\u30fc\u30c7\u30a3\u30aa\u30f3\ndocument.addEventListener('DOMContentLoaded', () => {\n    const accordionButtons = document.querySelectorAll('.accordion-button');\n    accordionButtons.forEach(button => {\n        button.addEventListener('click', () => {\n            const content = button.nextElementSibling;\n            button.classList.toggle('open');\n            if (content.style.maxHeight) {\n                content.style.maxHeight = null;\n            } else {\n                content.style.maxHeight = content.scrollHeight + 'px';\n            }\n        });\n    });\n});\n\n\/\/ \u30b9\u30af\u30ed\u30fc\u30eb\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\nconst scrollRevealObserver = new IntersectionObserver((entries, observer) => {\n    entries.forEach(entry => {\n        if (entry.isIntersecting) {\n            entry.target.classList.add('visible');\n            observer.unobserve(entry.target);\n        }\n    });\n}, {\n    rootMargin: '0px 0px -100px 0px' \/\/ \u5c11\u3057\u65e9\u3081\u306b\u8868\u793a\n});\n\ndocument.querySelectorAll('.scroll-reveal').forEach(el => {\n    scrollRevealObserver.observe(el);\n});\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u30ad\u30e3\u30ea\u30b3\u30f3\u8a66\u9a13\u30ed\u30fc\u30d7\u30ec\u8a66\u9a13\uff1a\u6700\u521d\u306e5\u5206\u304c\u5408\u683c\u306e9\u5272\u3092\u6c7a\u3081\u308b\uff01 \u59cb\u3081\u65b9\u304c9\u5272 \u6700\u521d\u306e5\u5206\u304c\u5408\u683c\u3092\u6c7a\u3081\u308b \u9762\u8ac7\u958b\u59cb\u76f4\u5f8c\u306e\u95a2\u308f\u308a\u65b9\u304c\u3001\u305d\u306e\u5f8c\u306e\u9762\u8ac7\u306e\u8cea\u3001\u305d\u3057\u3066\u8a66\u9a13\u306e\u8a55\u4fa1\u3092\u5927\u304d\u304f\u5de6\u53f3\u3057\u307e\u3059\u3002\u3053\u306e\u30ac\u30a4\u30c9\u3067\u3001\u4fe1\u983c\u95a2\u4fc2\uff08\u30e9\u30dd\u30fc\u30eb\uff09\u3092\u7bc9 [&hellip;]<\/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-128","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ad.yrp.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages\/128","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ad.yrp.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ad.yrp.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ad.yrp.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ad.yrp.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=128"}],"version-history":[{"count":3,"href":"https:\/\/ad.yrp.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages\/128\/revisions"}],"predecessor-version":[{"id":132,"href":"https:\/\/ad.yrp.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages\/128\/revisions\/132"}],"wp:attachment":[{"href":"https:\/\/ad.yrp.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}