\u3088\u304f\u3042\u308b\u3054\u8cea\u554f\uff08FAQ\uff09<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"\/_sdk\/element_sdk.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@300;400;500;600;700&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n box-sizing: border-box;\n }\n\n * {\n box-sizing: border-box;\n }\n\n .faq-item {\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1), padding 0.35s ease, opacity 0.3s ease;\n opacity: 0;\n }\n\n .faq-answer.open {\n opacity: 1;\n }\n\n .faq-chevron {\n transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .faq-chevron.rotated {\n transform: rotate(180deg);\n }\n\n .faq-question-btn:focus-visible {\n outline: 2px solid #2563eb;\n outline-offset: 2px;\n border-radius: 8px;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(24px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .animate-fade-in-up {\n animation: fadeInUp 0.6s ease forwards;\n opacity: 0;\n }\n\n .hero-pattern {\n background-image: \n radial-gradient(circle at 20% 50%, rgba(59, 130, 246, 0.06) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(59, 130, 246, 0.04) 0%, transparent 50%),\n radial-gradient(circle at 60% 80%, rgba(147, 197, 253, 0.05) 0%, transparent 40%);\n }\n\n .hint-arrow {\n display: inline-block;\n margin-right: 4px;\n }\n\n .contact-card {\n backdrop-filter: blur(8px);\n }\n\n ::-webkit-scrollbar {\n width: 6px;\n }\n ::-webkit-scrollbar-track {\n background: transparent;\n }\n ::-webkit-scrollbar-thumb {\n background: #cbd5e1;\n border-radius: 3px;\n }\n <\/style>\n <style>@view-transition { navigation: auto; }<\/style>\n <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\n <\/head>\n <body class=\"h-full\">\n <div id=\"app-wrapper\" class=\"w-full h-full overflow-auto\" style=\"background-color: #f0f6ff; font-family: 'Zen Kaku Gothic New', 'Noto Sans JP', sans-serif;\">\n <header class=\"hero-pattern w-full\" style=\"background-color: #f0f6ff;\">\n <div class=\"max-w-3xl mx-auto px-5 pt-12 pb-10 text-center\">\n <div class=\"animate-fade-in-up\" style=\"animation-delay: 0.1s;\"><span id=\"hero-badge\" class=\"inline-block px-4 py-1.5 rounded-full text-xs font-medium tracking-wide mb-5\" style=\"background-color: #dbeafe; color: #1e40af;\"> FAQ <\/span>\n <\/div>\n <h1 id=\"hero-title\" class=\"animate-fade-in-up font-bold leading-tight mb-4\" style=\"animation-delay: 0.2s; color: #1e3a5f; font-size: 32px;\">\u3088\u304f\u3042\u308b\u3054\u8cea\u554f\uff08FAQ\uff09<\/h1>\n <p id=\"hero-subtitle\" class=\"animate-fade-in-up leading-relaxed max-w-lg mx-auto\" style=\"animation-delay: 0.35s; color: #5a7a9a; font-size: 15px; line-height: 1.85;\">\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a\u306b<br>\n \u5b9f\u969b\u306b\u3088\u304f\u3044\u305f\u3060\u304f\u3054\u8cea\u554f\u3092\u307e\u3068\u3081\u307e\u3057\u305f\u3002<\/p>\n <p class=\"animate-fade-in-up mt-3 max-w-md mx-auto\" style=\"animation-delay: 0.45s; color: #7a9aba; font-size: 13px; line-height: 1.8;\">\u300c\u5c0f\u3055\u306a\u7591\u554f\u300d\u3067\u3082\u3001<br>\n \u4e8b\u524d\u306b\u89e3\u6d88\u3057\u3066\u304a\u304f\u3053\u3068\u3067<br>\n \u5b89\u5fc3\u3057\u3066\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n <\/div>\n <\/header>\n <main class=\"w-full px-4 pb-6\">\n <div class=\"max-w-3xl mx-auto\">\n <div id=\"faq-container\" class=\"space-y-3\">\n <\/div>\n <\/div>\n <div class=\"max-w-3xl mx-auto mt-12 mb-12\">\n <div id=\"contact-card\" class=\"contact-card rounded-2xl p-8 text-center\" style=\"background-color: #ffffff; border: 1px solid #dbeafe;\">\n <div class=\"mb-2\" style=\"font-size: 28px;\">\n \ud83d\udcac\n <\/div>\n <h2 id=\"contact-heading\" class=\"font-bold mb-3\" style=\"color: #1e3a5f; font-size: 20px;\">\u3053\u3053\u306b\u306a\u3044\u8cea\u554f\u3082\u3001\u304a\u6c17\u8efd\u306b\u3069\u3046\u305e<\/h2>\n <p class=\"mb-6\" style=\"color: #7a9aba; font-size: 13px; line-height: 1.8;\">\u300c\u3053\u3093\u306a\u3053\u3068\u805e\u3044\u3066\u3044\u3044\u306e\u304b\u306a\uff1f\u300d<br>\n \u3068\u601d\u3046\u3088\u3046\u306a\u5185\u5bb9\u3067\u3082\u69cb\u3044\u307e\u305b\u3093\u3002<\/p>\n <div class=\"flex flex-col sm:flex-row gap-3 justify-center items-center\"><a id=\"contact-email-link\" href=\"mailto:info@kitakyushu-akiyakanri.com\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center gap-2 px-5 py-2.5 rounded-full font-medium transition-all duration-200 hover:shadow-md\" style=\"background-color: #2563eb; color: #ffffff; font-size: 14px; text-decoration: none;\"> <span>\ud83d\udce9<\/span> <span id=\"contact-email-text\">\u30e1\u30fc\u30eb\u3067\u76f8\u8ac7<\/span> <\/a> <a id=\"contact-line-link\" href=\"https:\/\/lin.ee\/NWOP0OA\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center gap-2 px-5 py-2.5 rounded-full font-medium transition-all duration-200 hover:shadow-md\" style=\"background-color: #06c755; color: #ffffff; font-size: 14px; text-decoration: none;\"> <span>\ud83d\udcac<\/span> <span>\u516c\u5f0fLINE\u3067\u76f8\u8ac7<\/span> <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/main>\n <footer class=\"w-full py-6 text-center\" style=\"color: #94a3b8; font-size: 11px;\">\n <p>\u00a9 \u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a<\/p>\n <\/footer>\n <\/div>\n <script>\n const faqData = [\n {\n id: 'q1',\n q: 'Q1. \u5951\u7d04\u3057\u306a\u3044\u3068\u76f8\u8ac7\u3067\u304d\u307e\u305b\u3093\u304b\uff1f',\n a: `<p>\u3044\u3044\u3048\u3002\u3054\u76f8\u8ac7\u3060\u3051\u3067\u3082\u5927\u4e08\u592b\u3067\u3059\u3002<\/p>\n <p class=\"mt-2\">\u6599\u91d1\u306e\u3053\u3068\u3001\u30b5\u30fc\u30d3\u30b9\u5185\u5bb9\u306e\u3053\u3068\u3001<br>\u300c\u3046\u3061\u306e\u5834\u5408\u306f\u5fc5\u8981\u304b\u3069\u3046\u304b\u300d\u306a\u3069\u3001<br>\u8a71\u3092\u805e\u304f\u3060\u3051\u306e\u3054\u76f8\u8ac7\u3067\u3082\u69cb\u3044\u307e\u305b\u3093\u3002<\/p>\n <p class=\"hint mt-3\"><span class=\"hint-arrow\">\ud83d\udc49<\/span> \u7121\u7406\u306a\u55b6\u696d\u3084\u52e7\u8a98\u306f\u4e00\u5207\u884c\u3063\u3066\u304a\u308a\u307e\u305b\u3093\u3002<\/p>`\n },\n {\n id: 'q2',\n q: 'Q2. \u7acb\u3061\u4f1a\u3044\u306f\u5fc5\u8981\u3067\u3059\u304b\uff1f',\n a: `<p>\u7acb\u3061\u4f1a\u3044\u306f\u4e0d\u8981\u3067\u3059\u3002<\/p>\n <p class=\"mt-2\">\u898b\u5b88\u308a\u306f\u3001<br>\u5efa\u7269\u306e\u5916\u89b3\u3084\u6577\u5730\u306e\u78ba\u8a8d\u304c\u4e2d\u5fc3\u3068\u306a\u308b\u305f\u3081\u3001<br>\u73fe\u5730\u3067\u304a\u7acb\u3061\u4f1a\u3044\u3044\u305f\u3060\u304f\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n <p class=\"hint mt-3\"><span class=\"hint-arrow\">\ud83d\udc49<\/span> \u9060\u65b9\u306b\u304a\u4f4f\u307e\u3044\u306e\u65b9\u3067\u3082\u554f\u984c\u306a\u304f\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>`\n },\n {\n id: 'q3',\n q: 'Q3. \u5ba4\u5185\u306e\u4f5c\u696d\u306f\u3057\u3066\u3082\u3089\u3048\u307e\u3059\u304b\uff1f',\n a: `<p>\u539f\u5247\u3068\u3057\u3066\u3001\u5ba4\u5185\u4f5c\u696d\u306f\u884c\u3063\u3066\u304a\u308a\u307e\u305b\u3093\u3002<\/p>\n <p class=\"mt-2\">\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a\u306f<br>\u300c\u898b\u3066\u3001\u8a18\u9332\u3057\u3001\u4f1d\u3048\u308b\u300d<br>\u898b\u5b88\u308a\u5c02\u9580\u30b5\u30fc\u30d3\u30b9\u3067\u3059\u3002<\/p>\n <ul class=\"mt-2 ml-1\" style=\"list-style: none; padding: 0;\">\n <li>\u30fb\u901a\u6c34<\/li>\n <li>\u30fb\u63db\u6c17<\/li>\n <li>\u30fb\u7247\u4ed8\u3051<\/li>\n <\/ul>\n <p class=\"mt-1\">\u306a\u3069\u306e\u4f5c\u696d\u306f\u884c\u3063\u3066\u304a\u308a\u307e\u305b\u3093\u3002<\/p>\n <p class=\"hint mt-3\"><span class=\"hint-arrow\">\ud83d\udc49<\/span> \u898b\u5b88\u308a\u306b\u5fc5\u8981\u306a\u78ba\u8a8d\u306e\u307f\u306b\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u3059\u3002<\/p>`\n },\n {\n id: 'q4',\n q: 'Q4. \u4f55\u304b\u7570\u5e38\u304c\u3042\u3063\u305f\u5834\u5408\u306f\u3069\u3046\u306a\u308a\u307e\u3059\u304b\uff1f',\n a: `<p>\u7834\u640d\u3084\u4e0d\u5be9\u306a\u72b6\u6cc1\u306a\u3069\u3001<br>\u7570\u5e38\u304c\u78ba\u8a8d\u3055\u308c\u305f\u5834\u5408\u306f\u3001<br>\u5199\u771f\u4ed8\u304d\u3067\u901f\u3084\u304b\u306b\u3054\u9023\u7d61\u3057\u307e\u3059\u3002<\/p>\n <p class=\"mt-2\">\u305d\u306e\u5f8c\u306e\u5bfe\u5fdc\u306b\u3064\u3044\u3066\u306f\u3001<br>\u5fc5\u305a\u3054\u76f8\u8ac7\u306e\u3046\u3048\u3067\u6c7a\u3081\u307e\u3059\u3002<\/p>\n <p class=\"hint mt-3\"><span class=\"hint-arrow\">\ud83d\udc49<\/span> \u52dd\u624b\u306b\u4f5c\u696d\u3092\u884c\u3046\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>`\n },\n {\n id: 'q5',\n q: 'Q5. \u7570\u5e38\u304c\u306a\u304b\u3063\u305f\u5834\u5408\u3082\u9023\u7d61\u306f\u3042\u308a\u307e\u3059\u304b\uff1f',\n a: `<p>\u306f\u3044\u3002\u5fc5\u305a\u3054\u5831\u544a\u3057\u307e\u3059\u3002<\/p>\n <p class=\"mt-2\">\u7570\u5e38\u304c\u306a\u304b\u3063\u305f\u5834\u5408\u3082\u3001<br>\u300c\u554f\u984c\u3042\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u300d\u3068<br>\u5199\u771f\u4ed8\u304d\u3067\u3054\u5831\u544a\u3057\u307e\u3059\u3002<\/p>\n <p class=\"hint mt-3\"><span class=\"hint-arrow\">\ud83d\udc49<\/span>\u300c\u4f55\u3082\u306a\u304b\u3063\u305f\u300d\u3053\u3068\u304c\u5206\u304b\u308b\u306e\u3082<br>\u5927\u5207\u306a\u5b89\u5fc3\u3060\u3068\u8003\u3048\u3066\u3044\u307e\u3059\u3002<\/p>`\n },\n {\n id: 'q6',\n q: 'Q6. \u6599\u91d1\u306f\u9014\u4e2d\u3067\u5909\u308f\u308b\u3053\u3068\u306f\u3042\u308a\u307e\u3059\u304b\uff1f',\n a: `<p>\u57fa\u672c\u7684\u306b\u306f\u3001<br>\u3054\u6848\u5185\u3057\u305f\u6599\u91d1\u3067\u7d99\u7d9a\u3057\u307e\u3059\u3002<\/p>\n <p class=\"mt-2\">\u305f\u3060\u3057\u3001\u4ee5\u4e0b\u306e\u5834\u5408\u306f<br>\u4e8b\u524d\u306b\u3054\u76f8\u8ac7\u306e\u3046\u3048\u3001<br>\u6599\u91d1\u304c\u5909\u52d5\u3059\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n <ul class=\"mt-2 ml-1\" style=\"list-style: none; padding: 0;\">\n <li>\u30fb\u6577\u5730\u3084\u5efa\u7269\u304c\u60f3\u5b9a\u3088\u308a\u5927\u304d\u3044\u5834\u5408<\/li>\n <li>\u30fb\u8907\u6570\u68df\u30fb\u8907\u6570\u533a\u753b\u306e\u898b\u5b88\u308a\u304c\u5fc5\u8981\u306a\u5834\u5408<\/li>\n <\/ul>\n <p class=\"hint mt-3\"><span class=\"hint-arrow\">\ud83d\udc49<\/span> \u4e8b\u524d\u8aac\u660e\u306a\u3057\u3067\u306e\u8ffd\u52a0\u8acb\u6c42\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>`\n },\n {\n id: 'q7',\n q: 'Q7. \u9014\u4e2d\u3067\u89e3\u7d04\u3067\u304d\u307e\u3059\u304b\uff1f',\n a: `<p>\u306f\u3044\u3002\u3044\u3064\u3067\u3082\u89e3\u7d04\u53ef\u80fd\u3067\u3059\u3002<\/p>\n <p class=\"mt-2\">\u9577\u671f\u5951\u7d04\u306e\u7e1b\u308a\u3084<br>\u9055\u7d04\u91d1\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n <p class=\"hint mt-3\"><span class=\"hint-arrow\">\ud83d\udc49<\/span> \u3054\u4e8b\u60c5\u306b\u5408\u308f\u305b\u3066\u898b\u76f4\u3057\u30fb\u505c\u6b62\u304c\u3067\u304d\u307e\u3059\u3002<\/p>`\n },\n {\n id: 'q8',\n q: 'Q8. \u7a7a\u304d\u5730\u3060\u3051\u3067\u3082\u304a\u9858\u3044\u3067\u304d\u307e\u3059\u304b\uff1f',\n a: `<p>\u306f\u3044\u3002\u7a7a\u304d\u5730\u306e\u307f\u306e\u898b\u5b88\u308a\u3082\u53ef\u80fd\u3067\u3059\u3002<\/p>\n <p class=\"mt-2\">\u6577\u5730\u5185\u306e\u898b\u56de\u308a\u3084<br>\u30b4\u30df\u30fb\u4e0d\u5be9\u7269\u306e\u78ba\u8a8d\u3001<br>\u5199\u771f\u4ed8\u304d\u5831\u544a\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n <p class=\"hint mt-3\"><span class=\"hint-arrow\">\ud83d\udc49<\/span> \u7a7a\u304d\u5bb6\u3068\u7a7a\u304d\u5730\u3092\u5225\u3005\u306b\u7ba1\u7406\u3057\u305f\u3044\u65b9\u306b\u3082\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u3059\u3002<\/p>`\n },\n {\n id: 'q9',\n q: 'Q9. \u53f0\u98a8\u3084\u5927\u96e8\u306e\u3042\u3068\u3082\u898b\u3066\u3082\u3089\u3048\u307e\u3059\u304b\uff1f',\n a: `<p>\u306f\u3044\u3002\u5358\u767a\u3067\u306e\u898b\u5b88\u308a\u78ba\u8a8d\u304c\u53ef\u80fd\u3067\u3059\u3002<\/p>\n <p class=\"mt-2\">\u53f0\u98a8\u30fb\u5927\u96e8\u306a\u3069\u306e\u707d\u5bb3\u5f8c\u306b\u3001<br>\u5efa\u7269\u5916\u89b3\u3084\u6577\u5730\u306e\u72b6\u6cc1\u3092\u78ba\u8a8d\u3057\u3001<br>\u5199\u771f\u4ed8\u304d\u3067\u3054\u5831\u544a\u3057\u307e\u3059\u3002<\/p>\n <ul class=\"mt-2 ml-1\" style=\"list-style: none; padding: 0; font-size: 0.9em;\">\n <li>\u203b \u5b9a\u671f\u5951\u7d04\u306e\u304a\u5ba2\u69d8\u306f\u512a\u5148\u5bfe\u5fdc<\/li>\n <li>\u203b \u5b89\u5168\u3092\u6700\u512a\u5148\u3057\u3001\u78ba\u8a8d\u53ef\u80fd\u306a\u7bc4\u56f2\u3067\u5bfe\u5fdc<\/li>\n <li>\u203b \u4fee\u7e55\u3084\u5fa9\u65e7\u4f5c\u696d\u306f\u884c\u3044\u307e\u305b\u3093<\/li>\n <\/ul>`\n },\n {\n id: 'q10',\n q: 'Q10. \u7ba1\u7406\u770b\u677f\u3084\u5927\u304d\u306a\u8868\u793a\u306f\u8a2d\u7f6e\u3057\u307e\u3059\u304b\uff1f',\n a: `<p>\u3044\u3044\u3048\u3002\u8a2d\u7f6e\u3057\u3066\u304a\u308a\u307e\u305b\u3093\u3002<\/p>\n <p class=\"mt-2\">\u30d7\u30ec\u30df\u30a2\u30e0\u30d7\u30e9\u30f3\u3067\u306f\u3001<br>\u63a7\u3048\u3081\u306a\u898b\u5b88\u308a\u30b9\u30c6\u30c3\u30ab\u30fc\u306e\u307f\u3092<br>\u5efa\u7269\u5916\u90e8\u306b\u8a2d\u7f6e\u3057\u307e\u3059\u3002<\/p>\n <p class=\"hint mt-3\"><span class=\"hint-arrow\">\ud83d\udc49<\/span> \u666f\u89b3\u3084\u8fd1\u96a3\u3078\u306e\u914d\u616e\u3092\u6700\u512a\u5148\u3057\u3066\u3044\u307e\u3059\u3002<\/p>`\n },\n {\n id: 'q11',\n q: 'Q11. \u4e0d\u52d5\u7523\u306e\u58f2\u5374\u3084\u8cc3\u8cb8\u306e\u76f8\u8ac7\u3082\u3067\u304d\u307e\u3059\u304b\uff1f',\n a: `<p>\u58f2\u5374\u3084\u8cc3\u8cb8\u306e\u4ef2\u4ecb\u306f\u884c\u3063\u3066\u304a\u308a\u307e\u305b\u3093\u3002<\/p>\n <p class=\"mt-2\">\u305f\u3060\u3057\u3001\u898b\u5b88\u308a\u306b\u3088\u3063\u3066\u5f97\u3089\u308c\u305f<br>\u5199\u771f\u3084\u8a18\u9332\u306f\u3001<br>\u58f2\u5374\u3084\u76f8\u7d9a\u6642\u306e\u53c2\u8003\u8cc7\u6599\u3068\u3057\u3066<br>\u3054\u6d3b\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>`\n },\n {\n id: 'q12',\n q: 'Q12. \u5bb6\u65cf\u306b\u5185\u7dd2\u3067\u4f9d\u983c\u3067\u304d\u307e\u3059\u304b\uff1f',\n a: `<p>\u57fa\u672c\u7684\u306b\u306f\u3001<br>\u6240\u6709\u8005\u69d8\u306e\u3054\u5224\u65ad\u3067\u3054\u4f9d\u983c\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n <p class=\"mt-2\">\u305f\u3060\u3057\u3001<br>\u3054\u5bb6\u65cf\u3067\u5171\u6709\u3055\u308c\u308b\u5834\u5408\u306b\u3082<br>\u5206\u304b\u308a\u3084\u3059\u3044\u8aac\u660e\u3092\u5fc3\u304c\u3051\u3066\u3044\u307e\u3059\u3002<\/p>`\n }\n ];\n\n const defaultConfig = {\n page_title: '\u3088\u304f\u3042\u308b\u3054\u8cea\u554f\uff08FAQ\uff09',\n page_subtitle: '\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a\u306b\\n\u5b9f\u969b\u306b\u3088\u304f\u3044\u305f\u3060\u304f\u3054\u8cea\u554f\u3092\u307e\u3068\u3081\u307e\u3057\u305f\u3002',\n contact_heading: '\u3053\u3053\u306b\u306a\u3044\u8cea\u554f\u3082\u3001\u304a\u6c17\u8efd\u306b\u3069\u3046\u305e',\n contact_email: 'info@kitakyushu-akiyakanri.com',\n contact_line_url: 'https:\/\/lin.ee\/NWOP0OA',\n background_color: '#f0f6ff',\n card_color: '#ffffff',\n text_color: '#1e3a5f',\n accent_color: '#2563eb',\n secondary_text_color: '#5a7a9a',\n font_family: 'Zen Kaku Gothic New',\n font_size: 15\n };\n\n \/\/ Build FAQ items\n function buildFaqItems() {\n const container = document.getElementById('faq-container');\n container.innerHTML = '';\n\n faqData.forEach((item, index) => {\n const div = document.createElement('div');\n div.className = 'faq-item rounded-xl animate-fade-in-up';\n div.style.animationDelay = `${0.15 + index * 0.06}s`;\n div.dataset.id = item.id;\n div.innerHTML = `\n <button class=\"faq-question-btn w-full flex items-center justify-between text-left px-5 py-4 gap-3\"\n aria-expanded=\"false\"\n aria-controls=\"answer-${item.id}\"\n id=\"btn-${item.id}\">\n <span class=\"faq-q-text font-medium\" style=\"font-size: 15px; line-height: 1.7;\">${item.q}<\/span>\n <svg class=\"faq-chevron flex-shrink-0 w-5 h-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\"\/>\n <\/svg>\n <\/button>\n <div class=\"faq-answer\" id=\"answer-${item.id}\" role=\"region\" aria-labelledby=\"btn-${item.id}\">\n <div class=\"faq-answer-inner px-5 pb-5\" style=\"font-size: 14px; line-height: 1.9;\">\n ${item.a}\n <\/div>\n <\/div>\n `;\n container.appendChild(div);\n });\n\n \/\/ Add event listeners\n document.querySelectorAll('.faq-question-btn').forEach(btn => {\n btn.addEventListener('click', function() {\n const id = this.id.replace('btn-', '');\n toggleFaq(id);\n });\n });\n }\n\n function toggleFaq(id) {\n const answer = document.getElementById(`answer-${id}`);\n const btn = document.getElementById(`btn-${id}`);\n const chevron = btn.querySelector('.faq-chevron');\n const isOpen = answer.classList.contains('open');\n\n if (isOpen) {\n answer.style.maxHeight = '0px';\n answer.style.paddingTop = '0';\n answer.classList.remove('open');\n chevron.classList.remove('rotated');\n btn.setAttribute('aria-expanded', 'false');\n } else {\n answer.classList.add('open');\n answer.style.maxHeight = answer.scrollHeight + 'px';\n chevron.classList.add('rotated');\n btn.setAttribute('aria-expanded', 'true');\n }\n }\n\n function applyConfig(config) {\n const cfg = { ...defaultConfig, ...config };\n const baseFontStack = \"'Noto Sans JP', sans-serif\";\n const fontStack = `${cfg.font_family}, ${baseFontStack}`;\n const baseSize = cfg.font_size || 15;\n\n \/\/ Wrapper\n const wrapper = document.getElementById('app-wrapper');\n wrapper.style.backgroundColor = cfg.background_color;\n wrapper.style.fontFamily = fontStack;\n\n \/\/ Hero title\n const heroTitle = document.getElementById('hero-title');\n heroTitle.textContent = cfg.page_title;\n heroTitle.style.color = cfg.text_color;\n heroTitle.style.fontFamily = fontStack;\n heroTitle.style.fontSize = `${baseSize * 2.1}px`;\n\n \/\/ Hero subtitle\n const heroSubtitle = document.getElementById('hero-subtitle');\n heroSubtitle.innerHTML = cfg.page_subtitle.replace(\/\\n\/g, '<br>');\n heroSubtitle.style.color = cfg.secondary_text_color;\n heroSubtitle.style.fontFamily = fontStack;\n heroSubtitle.style.fontSize = `${baseSize}px`;\n\n \/\/ Badge\n const heroBadge = document.getElementById('hero-badge');\n heroBadge.style.backgroundColor = hexToRgba(cfg.accent_color, 0.12);\n heroBadge.style.color = cfg.accent_color;\n\n \/\/ Hero section background\n const heroSection = document.querySelector('.hero-pattern');\n heroSection.style.backgroundColor = cfg.background_color;\n\n \/\/ FAQ items styling\n document.querySelectorAll('.faq-item').forEach(item => {\n item.style.backgroundColor = cfg.card_color;\n item.style.border = `1px solid ${hexToRgba(cfg.accent_color, 0.1)}`;\n });\n\n document.querySelectorAll('.faq-q-text').forEach(el => {\n el.style.color = cfg.text_color;\n el.style.fontFamily = fontStack;\n el.style.fontSize = `${baseSize}px`;\n });\n\n document.querySelectorAll('.faq-chevron').forEach(el => {\n el.style.color = cfg.accent_color;\n });\n\n document.querySelectorAll('.faq-answer-inner').forEach(el => {\n el.style.color = cfg.secondary_text_color;\n el.style.fontFamily = fontStack;\n el.style.fontSize = `${baseSize * 0.93}px`;\n });\n\n document.querySelectorAll('.faq-answer-inner .hint').forEach(el => {\n el.style.color = cfg.accent_color;\n el.style.fontWeight = '500';\n });\n\n \/\/ Contact card\n const contactCard = document.getElementById('contact-card');\n contactCard.style.backgroundColor = cfg.card_color;\n contactCard.style.borderColor = hexToRgba(cfg.accent_color, 0.15);\n\n const contactHeading = document.getElementById('contact-heading');\n contactHeading.textContent = cfg.contact_heading;\n contactHeading.style.color = cfg.text_color;\n contactHeading.style.fontFamily = fontStack;\n contactHeading.style.fontSize = `${baseSize * 1.33}px`;\n\n \/\/ Contact links\n const emailLink = document.getElementById('contact-email-link');\n emailLink.href = `mailto:${cfg.contact_email}`;\n emailLink.style.backgroundColor = cfg.accent_color;\n\n const lineLink = document.getElementById('contact-line-link');\n lineLink.href = cfg.contact_line_url;\n\n \/\/ Footer\n const footer = document.querySelector('footer p');\n footer.style.fontSize = `${baseSize * 0.73}px`;\n }\n\n function hexToRgba(hex, alpha) {\n const r = parseInt(hex.slice(1, 3), 16);\n const g = parseInt(hex.slice(3, 5), 16);\n const b = parseInt(hex.slice(5, 7), 16);\n return `rgba(${r}, ${g}, ${b}, ${alpha})`;\n }\n\n \/\/ Build the DOM first\n buildFaqItems();\n\n \/\/ Initialize Element SDK\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig: defaultConfig,\n onConfigChange: async (config) => {\n applyConfig(config);\n },\n mapToCapabilities: (config) => {\n const cfg = { ...defaultConfig, ...config };\n return {\n recolorables: [\n {\n get: () => cfg.background_color,\n set: (v) => { cfg.background_color = v; window.elementSdk.setConfig({ background_color: v }); }\n },\n {\n get: () => cfg.card_color,\n set: (v) => { cfg.card_color = v; window.elementSdk.setConfig({ card_color: v }); }\n },\n {\n get: () => cfg.text_color,\n set: (v) => { cfg.text_color = v; window.elementSdk.setConfig({ text_color: v }); }\n },\n {\n get: () => cfg.accent_color,\n set: (v) => { cfg.accent_color = v; window.elementSdk.setConfig({ accent_color: v }); }\n },\n {\n get: () => cfg.secondary_text_color,\n set: (v) => { cfg.secondary_text_color = v; window.elementSdk.setConfig({ secondary_text_color: v }); }\n }\n ],\n borderables: [],\n fontEditable: {\n get: () => cfg.font_family,\n set: (v) => { cfg.font_family = v; window.elementSdk.setConfig({ font_family: v }); }\n },\n fontSizeable: {\n get: () => cfg.font_size,\n set: (v) => { cfg.font_size = v; window.elementSdk.setConfig({ font_size: v }); }\n }\n };\n },\n mapToEditPanelValues: (config) => {\n const cfg = { ...defaultConfig, ...config };\n return new Map([\n ['page_title', cfg.page_title],\n ['page_subtitle', cfg.page_subtitle],\n ['contact_heading', cfg.contact_heading],\n ['contact_email', cfg.contact_email],\n ['contact_line_url', cfg.contact_line_url]\n ]);\n }\n });\n }\n\n \/\/ Apply defaults\n applyConfig(defaultConfig);\n <\/script>\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9cb635f4870cbe06',t:'MTc3MDY2OTkzMC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u3088\u304f\u3042\u308b\u3054\u8cea\u554f\uff08FAQ\uff09 FAQ \u3088\u304f\u3042\u308b\u3054\u8cea\u554f\uff08FAQ\uff09 \u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a\u306b \u5b9f\u969b\u306b\u3088\u304f\u3044\u305f\u3060\u304f\u3054\u8cea\u554f\u3092\u307e\u3068\u3081\u307e\u3057\u305f\u3002 \u300c\u5c0f\u3055\u306a\u7591\u554f\u300d\u3067\u3082\u3001 \u4e8b\u524d\u306b\u89e3\u6d88\u3057\u3066\u304a\u304f\u3053\u3068\u3067 \u5b89\u5fc3\u3057\u3066\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002 \ud83d\udcac \u3053\u3053\u306b\u306a\u3044\u8cea\u554f […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=21"}],"version-history":[{"count":4,"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":136,"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions\/136"}],"wp:attachment":[{"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":21,"date":"2026-02-08T00:59:44","date_gmt":"2026-02-07T15:59:44","guid":{"rendered":"https:\/\/kitakyushu-akiyakanri.com\/?page_id=21"},"modified":"2026-02-10T05:47:10","modified_gmt":"2026-02-09T20:47:10","slug":"%e8%89%af%e3%81%8f%e3%81%82%e3%82%8b%e8%b3%aa%e5%95%8f","status":"publish","type":"page","link":"https:\/\/kitakyushu-akiyakanri.com\/?page_id=21","title":{"rendered":"\u3088\u304f\u3042\u308b\u8cea\u554f"},"content":{"rendered":"\n\n\n \n \n \n \u3088\u304f\u3042\u308b\u3054\u8cea\u554f\uff08FAQ\uff09<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"\/_sdk\/element_sdk.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@300;400;500;600;700&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n box-sizing: border-box;\n }\n\n * {\n box-sizing: border-box;\n }\n\n .faq-item {\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1), padding 0.35s ease, opacity 0.3s ease;\n opacity: 0;\n }\n\n .faq-answer.open {\n opacity: 1;\n }\n\n .faq-chevron {\n transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .faq-chevron.rotated {\n transform: rotate(180deg);\n }\n\n .faq-question-btn:focus-visible {\n outline: 2px solid #2563eb;\n outline-offset: 2px;\n border-radius: 8px;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(24px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .animate-fade-in-up {\n animation: fadeInUp 0.6s ease forwards;\n opacity: 0;\n }\n\n .hero-pattern {\n background-image: \n radial-gradient(circle at 20% 50%, rgba(59, 130, 246, 0.06) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(59, 130, 246, 0.04) 0%, transparent 50%),\n radial-gradient(circle at 60% 80%, rgba(147, 197, 253, 0.05) 0%, transparent 40%);\n }\n\n .hint-arrow {\n display: inline-block;\n margin-right: 4px;\n }\n\n .contact-card {\n backdrop-filter: blur(8px);\n }\n\n ::-webkit-scrollbar {\n width: 6px;\n }\n ::-webkit-scrollbar-track {\n background: transparent;\n }\n ::-webkit-scrollbar-thumb {\n background: #cbd5e1;\n border-radius: 3px;\n }\n <\/style>\n <style>@view-transition { navigation: auto; }<\/style>\n <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\n <\/head>\n <body class=\"h-full\">\n <div id=\"app-wrapper\" class=\"w-full h-full overflow-auto\" style=\"background-color: #f0f6ff; font-family: 'Zen Kaku Gothic New', 'Noto Sans JP', sans-serif;\">\n <header class=\"hero-pattern w-full\" style=\"background-color: #f0f6ff;\">\n <div class=\"max-w-3xl mx-auto px-5 pt-12 pb-10 text-center\">\n <div class=\"animate-fade-in-up\" style=\"animation-delay: 0.1s;\"><span id=\"hero-badge\" class=\"inline-block px-4 py-1.5 rounded-full text-xs font-medium tracking-wide mb-5\" style=\"background-color: #dbeafe; color: #1e40af;\"> FAQ <\/span>\n <\/div>\n <h1 id=\"hero-title\" class=\"animate-fade-in-up font-bold leading-tight mb-4\" style=\"animation-delay: 0.2s; color: #1e3a5f; font-size: 32px;\">\u3088\u304f\u3042\u308b\u3054\u8cea\u554f\uff08FAQ\uff09<\/h1>\n <p id=\"hero-subtitle\" class=\"animate-fade-in-up leading-relaxed max-w-lg mx-auto\" style=\"animation-delay: 0.35s; color: #5a7a9a; font-size: 15px; line-height: 1.85;\">\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a\u306b<br>\n \u5b9f\u969b\u306b\u3088\u304f\u3044\u305f\u3060\u304f\u3054\u8cea\u554f\u3092\u307e\u3068\u3081\u307e\u3057\u305f\u3002<\/p>\n <p class=\"animate-fade-in-up mt-3 max-w-md mx-auto\" style=\"animation-delay: 0.45s; color: #7a9aba; font-size: 13px; line-height: 1.8;\">\u300c\u5c0f\u3055\u306a\u7591\u554f\u300d\u3067\u3082\u3001<br>\n \u4e8b\u524d\u306b\u89e3\u6d88\u3057\u3066\u304a\u304f\u3053\u3068\u3067<br>\n \u5b89\u5fc3\u3057\u3066\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n <\/div>\n <\/header>\n <main class=\"w-full px-4 pb-6\">\n <div class=\"max-w-3xl mx-auto\">\n <div id=\"faq-container\" class=\"space-y-3\">\n <\/div>\n <\/div>\n <div class=\"max-w-3xl mx-auto mt-12 mb-12\">\n <div id=\"contact-card\" class=\"contact-card rounded-2xl p-8 text-center\" style=\"background-color: #ffffff; border: 1px solid #dbeafe;\">\n <div class=\"mb-2\" style=\"font-size: 28px;\">\n \ud83d\udcac\n <\/div>\n <h2 id=\"contact-heading\" class=\"font-bold mb-3\" style=\"color: #1e3a5f; font-size: 20px;\">\u3053\u3053\u306b\u306a\u3044\u8cea\u554f\u3082\u3001\u304a\u6c17\u8efd\u306b\u3069\u3046\u305e<\/h2>\n <p class=\"mb-6\" style=\"color: #7a9aba; font-size: 13px; line-height: 1.8;\">\u300c\u3053\u3093\u306a\u3053\u3068\u805e\u3044\u3066\u3044\u3044\u306e\u304b\u306a\uff1f\u300d<br>\n \u3068\u601d\u3046\u3088\u3046\u306a\u5185\u5bb9\u3067\u3082\u69cb\u3044\u307e\u305b\u3093\u3002<\/p>\n <div class=\"flex flex-col sm:flex-row gap-3 justify-center items-center\"><a id=\"contact-email-link\" href=\"mailto:info@kitakyushu-akiyakanri.com\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center gap-2 px-5 py-2.5 rounded-full font-medium transition-all duration-200 hover:shadow-md\" style=\"background-color: #2563eb; color: #ffffff; font-size: 14px; text-decoration: none;\"> <span>\ud83d\udce9<\/span> <span id=\"contact-email-text\">\u30e1\u30fc\u30eb\u3067\u76f8\u8ac7<\/span> <\/a> <a id=\"contact-line-link\" href=\"https:\/\/lin.ee\/NWOP0OA\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center gap-2 px-5 py-2.5 rounded-full font-medium transition-all duration-200 hover:shadow-md\" style=\"background-color: #06c755; color: #ffffff; font-size: 14px; text-decoration: none;\"> <span>\ud83d\udcac<\/span> <span>\u516c\u5f0fLINE\u3067\u76f8\u8ac7<\/span> <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/main>\n <footer class=\"w-full py-6 text-center\" style=\"color: #94a3b8; font-size: 11px;\">\n <p>\u00a9 \u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a<\/p>\n <\/footer>\n <\/div>\n <script>\n const faqData = [\n {\n id: 'q1',\n q: 'Q1. \u5951\u7d04\u3057\u306a\u3044\u3068\u76f8\u8ac7\u3067\u304d\u307e\u305b\u3093\u304b\uff1f',\n a: `<p>\u3044\u3044\u3048\u3002\u3054\u76f8\u8ac7\u3060\u3051\u3067\u3082\u5927\u4e08\u592b\u3067\u3059\u3002<\/p>\n <p class=\"mt-2\">\u6599\u91d1\u306e\u3053\u3068\u3001\u30b5\u30fc\u30d3\u30b9\u5185\u5bb9\u306e\u3053\u3068\u3001<br>\u300c\u3046\u3061\u306e\u5834\u5408\u306f\u5fc5\u8981\u304b\u3069\u3046\u304b\u300d\u306a\u3069\u3001<br>\u8a71\u3092\u805e\u304f\u3060\u3051\u306e\u3054\u76f8\u8ac7\u3067\u3082\u69cb\u3044\u307e\u305b\u3093\u3002<\/p>\n <p class=\"hint mt-3\"><span class=\"hint-arrow\">\ud83d\udc49<\/span> \u7121\u7406\u306a\u55b6\u696d\u3084\u52e7\u8a98\u306f\u4e00\u5207\u884c\u3063\u3066\u304a\u308a\u307e\u305b\u3093\u3002<\/p>`\n },\n {\n id: 'q2',\n q: 'Q2. \u7acb\u3061\u4f1a\u3044\u306f\u5fc5\u8981\u3067\u3059\u304b\uff1f',\n a: `<p>\u7acb\u3061\u4f1a\u3044\u306f\u4e0d\u8981\u3067\u3059\u3002<\/p>\n <p class=\"mt-2\">\u898b\u5b88\u308a\u306f\u3001<br>\u5efa\u7269\u306e\u5916\u89b3\u3084\u6577\u5730\u306e\u78ba\u8a8d\u304c\u4e2d\u5fc3\u3068\u306a\u308b\u305f\u3081\u3001<br>\u73fe\u5730\u3067\u304a\u7acb\u3061\u4f1a\u3044\u3044\u305f\u3060\u304f\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n <p class=\"hint mt-3\"><span class=\"hint-arrow\">\ud83d\udc49<\/span> \u9060\u65b9\u306b\u304a\u4f4f\u307e\u3044\u306e\u65b9\u3067\u3082\u554f\u984c\u306a\u304f\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>`\n },\n {\n id: 'q3',\n q: 'Q3. \u5ba4\u5185\u306e\u4f5c\u696d\u306f\u3057\u3066\u3082\u3089\u3048\u307e\u3059\u304b\uff1f',\n a: `<p>\u539f\u5247\u3068\u3057\u3066\u3001\u5ba4\u5185\u4f5c\u696d\u306f\u884c\u3063\u3066\u304a\u308a\u307e\u305b\u3093\u3002<\/p>\n <p class=\"mt-2\">\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a\u306f<br>\u300c\u898b\u3066\u3001\u8a18\u9332\u3057\u3001\u4f1d\u3048\u308b\u300d<br>\u898b\u5b88\u308a\u5c02\u9580\u30b5\u30fc\u30d3\u30b9\u3067\u3059\u3002<\/p>\n <ul class=\"mt-2 ml-1\" style=\"list-style: none; padding: 0;\">\n <li>\u30fb\u901a\u6c34<\/li>\n <li>\u30fb\u63db\u6c17<\/li>\n <li>\u30fb\u7247\u4ed8\u3051<\/li>\n <\/ul>\n <p class=\"mt-1\">\u306a\u3069\u306e\u4f5c\u696d\u306f\u884c\u3063\u3066\u304a\u308a\u307e\u305b\u3093\u3002<\/p>\n <p class=\"hint mt-3\"><span class=\"hint-arrow\">\ud83d\udc49<\/span> \u898b\u5b88\u308a\u306b\u5fc5\u8981\u306a\u78ba\u8a8d\u306e\u307f\u306b\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u3059\u3002<\/p>`\n },\n {\n id: 'q4',\n q: 'Q4. \u4f55\u304b\u7570\u5e38\u304c\u3042\u3063\u305f\u5834\u5408\u306f\u3069\u3046\u306a\u308a\u307e\u3059\u304b\uff1f',\n a: `<p>\u7834\u640d\u3084\u4e0d\u5be9\u306a\u72b6\u6cc1\u306a\u3069\u3001<br>\u7570\u5e38\u304c\u78ba\u8a8d\u3055\u308c\u305f\u5834\u5408\u306f\u3001<br>\u5199\u771f\u4ed8\u304d\u3067\u901f\u3084\u304b\u306b\u3054\u9023\u7d61\u3057\u307e\u3059\u3002<\/p>\n <p class=\"mt-2\">\u305d\u306e\u5f8c\u306e\u5bfe\u5fdc\u306b\u3064\u3044\u3066\u306f\u3001<br>\u5fc5\u305a\u3054\u76f8\u8ac7\u306e\u3046\u3048\u3067\u6c7a\u3081\u307e\u3059\u3002<\/p>\n <p class=\"hint mt-3\"><span class=\"hint-arrow\">\ud83d\udc49<\/span> \u52dd\u624b\u306b\u4f5c\u696d\u3092\u884c\u3046\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>`\n },\n {\n id: 'q5',\n q: 'Q5. \u7570\u5e38\u304c\u306a\u304b\u3063\u305f\u5834\u5408\u3082\u9023\u7d61\u306f\u3042\u308a\u307e\u3059\u304b\uff1f',\n a: `<p>\u306f\u3044\u3002\u5fc5\u305a\u3054\u5831\u544a\u3057\u307e\u3059\u3002<\/p>\n <p class=\"mt-2\">\u7570\u5e38\u304c\u306a\u304b\u3063\u305f\u5834\u5408\u3082\u3001<br>\u300c\u554f\u984c\u3042\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u300d\u3068<br>\u5199\u771f\u4ed8\u304d\u3067\u3054\u5831\u544a\u3057\u307e\u3059\u3002<\/p>\n <p class=\"hint mt-3\"><span class=\"hint-arrow\">\ud83d\udc49<\/span>\u300c\u4f55\u3082\u306a\u304b\u3063\u305f\u300d\u3053\u3068\u304c\u5206\u304b\u308b\u306e\u3082<br>\u5927\u5207\u306a\u5b89\u5fc3\u3060\u3068\u8003\u3048\u3066\u3044\u307e\u3059\u3002<\/p>`\n },\n {\n id: 'q6',\n q: 'Q6. \u6599\u91d1\u306f\u9014\u4e2d\u3067\u5909\u308f\u308b\u3053\u3068\u306f\u3042\u308a\u307e\u3059\u304b\uff1f',\n a: `<p>\u57fa\u672c\u7684\u306b\u306f\u3001<br>\u3054\u6848\u5185\u3057\u305f\u6599\u91d1\u3067\u7d99\u7d9a\u3057\u307e\u3059\u3002<\/p>\n <p class=\"mt-2\">\u305f\u3060\u3057\u3001\u4ee5\u4e0b\u306e\u5834\u5408\u306f<br>\u4e8b\u524d\u306b\u3054\u76f8\u8ac7\u306e\u3046\u3048\u3001<br>\u6599\u91d1\u304c\u5909\u52d5\u3059\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n <ul class=\"mt-2 ml-1\" style=\"list-style: none; padding: 0;\">\n <li>\u30fb\u6577\u5730\u3084\u5efa\u7269\u304c\u60f3\u5b9a\u3088\u308a\u5927\u304d\u3044\u5834\u5408<\/li>\n <li>\u30fb\u8907\u6570\u68df\u30fb\u8907\u6570\u533a\u753b\u306e\u898b\u5b88\u308a\u304c\u5fc5\u8981\u306a\u5834\u5408<\/li>\n <\/ul>\n <p class=\"hint mt-3\"><span class=\"hint-arrow\">\ud83d\udc49<\/span> \u4e8b\u524d\u8aac\u660e\u306a\u3057\u3067\u306e\u8ffd\u52a0\u8acb\u6c42\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>`\n },\n {\n id: 'q7',\n q: 'Q7. \u9014\u4e2d\u3067\u89e3\u7d04\u3067\u304d\u307e\u3059\u304b\uff1f',\n a: `<p>\u306f\u3044\u3002\u3044\u3064\u3067\u3082\u89e3\u7d04\u53ef\u80fd\u3067\u3059\u3002<\/p>\n <p class=\"mt-2\">\u9577\u671f\u5951\u7d04\u306e\u7e1b\u308a\u3084<br>\u9055\u7d04\u91d1\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n <p class=\"hint mt-3\"><span class=\"hint-arrow\">\ud83d\udc49<\/span> \u3054\u4e8b\u60c5\u306b\u5408\u308f\u305b\u3066\u898b\u76f4\u3057\u30fb\u505c\u6b62\u304c\u3067\u304d\u307e\u3059\u3002<\/p>`\n },\n {\n id: 'q8',\n q: 'Q8. \u7a7a\u304d\u5730\u3060\u3051\u3067\u3082\u304a\u9858\u3044\u3067\u304d\u307e\u3059\u304b\uff1f',\n a: `<p>\u306f\u3044\u3002\u7a7a\u304d\u5730\u306e\u307f\u306e\u898b\u5b88\u308a\u3082\u53ef\u80fd\u3067\u3059\u3002<\/p>\n <p class=\"mt-2\">\u6577\u5730\u5185\u306e\u898b\u56de\u308a\u3084<br>\u30b4\u30df\u30fb\u4e0d\u5be9\u7269\u306e\u78ba\u8a8d\u3001<br>\u5199\u771f\u4ed8\u304d\u5831\u544a\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n <p class=\"hint mt-3\"><span class=\"hint-arrow\">\ud83d\udc49<\/span> \u7a7a\u304d\u5bb6\u3068\u7a7a\u304d\u5730\u3092\u5225\u3005\u306b\u7ba1\u7406\u3057\u305f\u3044\u65b9\u306b\u3082\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u3059\u3002<\/p>`\n },\n {\n id: 'q9',\n q: 'Q9. \u53f0\u98a8\u3084\u5927\u96e8\u306e\u3042\u3068\u3082\u898b\u3066\u3082\u3089\u3048\u307e\u3059\u304b\uff1f',\n a: `<p>\u306f\u3044\u3002\u5358\u767a\u3067\u306e\u898b\u5b88\u308a\u78ba\u8a8d\u304c\u53ef\u80fd\u3067\u3059\u3002<\/p>\n <p class=\"mt-2\">\u53f0\u98a8\u30fb\u5927\u96e8\u306a\u3069\u306e\u707d\u5bb3\u5f8c\u306b\u3001<br>\u5efa\u7269\u5916\u89b3\u3084\u6577\u5730\u306e\u72b6\u6cc1\u3092\u78ba\u8a8d\u3057\u3001<br>\u5199\u771f\u4ed8\u304d\u3067\u3054\u5831\u544a\u3057\u307e\u3059\u3002<\/p>\n <ul class=\"mt-2 ml-1\" style=\"list-style: none; padding: 0; font-size: 0.9em;\">\n <li>\u203b \u5b9a\u671f\u5951\u7d04\u306e\u304a\u5ba2\u69d8\u306f\u512a\u5148\u5bfe\u5fdc<\/li>\n <li>\u203b \u5b89\u5168\u3092\u6700\u512a\u5148\u3057\u3001\u78ba\u8a8d\u53ef\u80fd\u306a\u7bc4\u56f2\u3067\u5bfe\u5fdc<\/li>\n <li>\u203b \u4fee\u7e55\u3084\u5fa9\u65e7\u4f5c\u696d\u306f\u884c\u3044\u307e\u305b\u3093<\/li>\n <\/ul>`\n },\n {\n id: 'q10',\n q: 'Q10. \u7ba1\u7406\u770b\u677f\u3084\u5927\u304d\u306a\u8868\u793a\u306f\u8a2d\u7f6e\u3057\u307e\u3059\u304b\uff1f',\n a: `<p>\u3044\u3044\u3048\u3002\u8a2d\u7f6e\u3057\u3066\u304a\u308a\u307e\u305b\u3093\u3002<\/p>\n <p class=\"mt-2\">\u30d7\u30ec\u30df\u30a2\u30e0\u30d7\u30e9\u30f3\u3067\u306f\u3001<br>\u63a7\u3048\u3081\u306a\u898b\u5b88\u308a\u30b9\u30c6\u30c3\u30ab\u30fc\u306e\u307f\u3092<br>\u5efa\u7269\u5916\u90e8\u306b\u8a2d\u7f6e\u3057\u307e\u3059\u3002<\/p>\n <p class=\"hint mt-3\"><span class=\"hint-arrow\">\ud83d\udc49<\/span> \u666f\u89b3\u3084\u8fd1\u96a3\u3078\u306e\u914d\u616e\u3092\u6700\u512a\u5148\u3057\u3066\u3044\u307e\u3059\u3002<\/p>`\n },\n {\n id: 'q11',\n q: 'Q11. \u4e0d\u52d5\u7523\u306e\u58f2\u5374\u3084\u8cc3\u8cb8\u306e\u76f8\u8ac7\u3082\u3067\u304d\u307e\u3059\u304b\uff1f',\n a: `<p>\u58f2\u5374\u3084\u8cc3\u8cb8\u306e\u4ef2\u4ecb\u306f\u884c\u3063\u3066\u304a\u308a\u307e\u305b\u3093\u3002<\/p>\n <p class=\"mt-2\">\u305f\u3060\u3057\u3001\u898b\u5b88\u308a\u306b\u3088\u3063\u3066\u5f97\u3089\u308c\u305f<br>\u5199\u771f\u3084\u8a18\u9332\u306f\u3001<br>\u58f2\u5374\u3084\u76f8\u7d9a\u6642\u306e\u53c2\u8003\u8cc7\u6599\u3068\u3057\u3066<br>\u3054\u6d3b\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>`\n },\n {\n id: 'q12',\n q: 'Q12. \u5bb6\u65cf\u306b\u5185\u7dd2\u3067\u4f9d\u983c\u3067\u304d\u307e\u3059\u304b\uff1f',\n a: `<p>\u57fa\u672c\u7684\u306b\u306f\u3001<br>\u6240\u6709\u8005\u69d8\u306e\u3054\u5224\u65ad\u3067\u3054\u4f9d\u983c\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n <p class=\"mt-2\">\u305f\u3060\u3057\u3001<br>\u3054\u5bb6\u65cf\u3067\u5171\u6709\u3055\u308c\u308b\u5834\u5408\u306b\u3082<br>\u5206\u304b\u308a\u3084\u3059\u3044\u8aac\u660e\u3092\u5fc3\u304c\u3051\u3066\u3044\u307e\u3059\u3002<\/p>`\n }\n ];\n\n const defaultConfig = {\n page_title: '\u3088\u304f\u3042\u308b\u3054\u8cea\u554f\uff08FAQ\uff09',\n page_subtitle: '\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a\u306b\\n\u5b9f\u969b\u306b\u3088\u304f\u3044\u305f\u3060\u304f\u3054\u8cea\u554f\u3092\u307e\u3068\u3081\u307e\u3057\u305f\u3002',\n contact_heading: '\u3053\u3053\u306b\u306a\u3044\u8cea\u554f\u3082\u3001\u304a\u6c17\u8efd\u306b\u3069\u3046\u305e',\n contact_email: 'info@kitakyushu-akiyakanri.com',\n contact_line_url: 'https:\/\/lin.ee\/NWOP0OA',\n background_color: '#f0f6ff',\n card_color: '#ffffff',\n text_color: '#1e3a5f',\n accent_color: '#2563eb',\n secondary_text_color: '#5a7a9a',\n font_family: 'Zen Kaku Gothic New',\n font_size: 15\n };\n\n \/\/ Build FAQ items\n function buildFaqItems() {\n const container = document.getElementById('faq-container');\n container.innerHTML = '';\n\n faqData.forEach((item, index) => {\n const div = document.createElement('div');\n div.className = 'faq-item rounded-xl animate-fade-in-up';\n div.style.animationDelay = `${0.15 + index * 0.06}s`;\n div.dataset.id = item.id;\n div.innerHTML = `\n <button class=\"faq-question-btn w-full flex items-center justify-between text-left px-5 py-4 gap-3\"\n aria-expanded=\"false\"\n aria-controls=\"answer-${item.id}\"\n id=\"btn-${item.id}\">\n <span class=\"faq-q-text font-medium\" style=\"font-size: 15px; line-height: 1.7;\">${item.q}<\/span>\n <svg class=\"faq-chevron flex-shrink-0 w-5 h-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\"\/>\n <\/svg>\n <\/button>\n <div class=\"faq-answer\" id=\"answer-${item.id}\" role=\"region\" aria-labelledby=\"btn-${item.id}\">\n <div class=\"faq-answer-inner px-5 pb-5\" style=\"font-size: 14px; line-height: 1.9;\">\n ${item.a}\n <\/div>\n <\/div>\n `;\n container.appendChild(div);\n });\n\n \/\/ Add event listeners\n document.querySelectorAll('.faq-question-btn').forEach(btn => {\n btn.addEventListener('click', function() {\n const id = this.id.replace('btn-', '');\n toggleFaq(id);\n });\n });\n }\n\n function toggleFaq(id) {\n const answer = document.getElementById(`answer-${id}`);\n const btn = document.getElementById(`btn-${id}`);\n const chevron = btn.querySelector('.faq-chevron');\n const isOpen = answer.classList.contains('open');\n\n if (isOpen) {\n answer.style.maxHeight = '0px';\n answer.style.paddingTop = '0';\n answer.classList.remove('open');\n chevron.classList.remove('rotated');\n btn.setAttribute('aria-expanded', 'false');\n } else {\n answer.classList.add('open');\n answer.style.maxHeight = answer.scrollHeight + 'px';\n chevron.classList.add('rotated');\n btn.setAttribute('aria-expanded', 'true');\n }\n }\n\n function applyConfig(config) {\n const cfg = { ...defaultConfig, ...config };\n const baseFontStack = \"'Noto Sans JP', sans-serif\";\n const fontStack = `${cfg.font_family}, ${baseFontStack}`;\n const baseSize = cfg.font_size || 15;\n\n \/\/ Wrapper\n const wrapper = document.getElementById('app-wrapper');\n wrapper.style.backgroundColor = cfg.background_color;\n wrapper.style.fontFamily = fontStack;\n\n \/\/ Hero title\n const heroTitle = document.getElementById('hero-title');\n heroTitle.textContent = cfg.page_title;\n heroTitle.style.color = cfg.text_color;\n heroTitle.style.fontFamily = fontStack;\n heroTitle.style.fontSize = `${baseSize * 2.1}px`;\n\n \/\/ Hero subtitle\n const heroSubtitle = document.getElementById('hero-subtitle');\n heroSubtitle.innerHTML = cfg.page_subtitle.replace(\/\\n\/g, '<br>');\n heroSubtitle.style.color = cfg.secondary_text_color;\n heroSubtitle.style.fontFamily = fontStack;\n heroSubtitle.style.fontSize = `${baseSize}px`;\n\n \/\/ Badge\n const heroBadge = document.getElementById('hero-badge');\n heroBadge.style.backgroundColor = hexToRgba(cfg.accent_color, 0.12);\n heroBadge.style.color = cfg.accent_color;\n\n \/\/ Hero section background\n const heroSection = document.querySelector('.hero-pattern');\n heroSection.style.backgroundColor = cfg.background_color;\n\n \/\/ FAQ items styling\n document.querySelectorAll('.faq-item').forEach(item => {\n item.style.backgroundColor = cfg.card_color;\n item.style.border = `1px solid ${hexToRgba(cfg.accent_color, 0.1)}`;\n });\n\n document.querySelectorAll('.faq-q-text').forEach(el => {\n el.style.color = cfg.text_color;\n el.style.fontFamily = fontStack;\n el.style.fontSize = `${baseSize}px`;\n });\n\n document.querySelectorAll('.faq-chevron').forEach(el => {\n el.style.color = cfg.accent_color;\n });\n\n document.querySelectorAll('.faq-answer-inner').forEach(el => {\n el.style.color = cfg.secondary_text_color;\n el.style.fontFamily = fontStack;\n el.style.fontSize = `${baseSize * 0.93}px`;\n });\n\n document.querySelectorAll('.faq-answer-inner .hint').forEach(el => {\n el.style.color = cfg.accent_color;\n el.style.fontWeight = '500';\n });\n\n \/\/ Contact card\n const contactCard = document.getElementById('contact-card');\n contactCard.style.backgroundColor = cfg.card_color;\n contactCard.style.borderColor = hexToRgba(cfg.accent_color, 0.15);\n\n const contactHeading = document.getElementById('contact-heading');\n contactHeading.textContent = cfg.contact_heading;\n contactHeading.style.color = cfg.text_color;\n contactHeading.style.fontFamily = fontStack;\n contactHeading.style.fontSize = `${baseSize * 1.33}px`;\n\n \/\/ Contact links\n const emailLink = document.getElementById('contact-email-link');\n emailLink.href = `mailto:${cfg.contact_email}`;\n emailLink.style.backgroundColor = cfg.accent_color;\n\n const lineLink = document.getElementById('contact-line-link');\n lineLink.href = cfg.contact_line_url;\n\n \/\/ Footer\n const footer = document.querySelector('footer p');\n footer.style.fontSize = `${baseSize * 0.73}px`;\n }\n\n function hexToRgba(hex, alpha) {\n const r = parseInt(hex.slice(1, 3), 16);\n const g = parseInt(hex.slice(3, 5), 16);\n const b = parseInt(hex.slice(5, 7), 16);\n return `rgba(${r}, ${g}, ${b}, ${alpha})`;\n }\n\n \/\/ Build the DOM first\n buildFaqItems();\n\n \/\/ Initialize Element SDK\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig: defaultConfig,\n onConfigChange: async (config) => {\n applyConfig(config);\n },\n mapToCapabilities: (config) => {\n const cfg = { ...defaultConfig, ...config };\n return {\n recolorables: [\n {\n get: () => cfg.background_color,\n set: (v) => { cfg.background_color = v; window.elementSdk.setConfig({ background_color: v }); }\n },\n {\n get: () => cfg.card_color,\n set: (v) => { cfg.card_color = v; window.elementSdk.setConfig({ card_color: v }); }\n },\n {\n get: () => cfg.text_color,\n set: (v) => { cfg.text_color = v; window.elementSdk.setConfig({ text_color: v }); }\n },\n {\n get: () => cfg.accent_color,\n set: (v) => { cfg.accent_color = v; window.elementSdk.setConfig({ accent_color: v }); }\n },\n {\n get: () => cfg.secondary_text_color,\n set: (v) => { cfg.secondary_text_color = v; window.elementSdk.setConfig({ secondary_text_color: v }); }\n }\n ],\n borderables: [],\n fontEditable: {\n get: () => cfg.font_family,\n set: (v) => { cfg.font_family = v; window.elementSdk.setConfig({ font_family: v }); }\n },\n fontSizeable: {\n get: () => cfg.font_size,\n set: (v) => { cfg.font_size = v; window.elementSdk.setConfig({ font_size: v }); }\n }\n };\n },\n mapToEditPanelValues: (config) => {\n const cfg = { ...defaultConfig, ...config };\n return new Map([\n ['page_title', cfg.page_title],\n ['page_subtitle', cfg.page_subtitle],\n ['contact_heading', cfg.contact_heading],\n ['contact_email', cfg.contact_email],\n ['contact_line_url', cfg.contact_line_url]\n ]);\n }\n });\n }\n\n \/\/ Apply defaults\n applyConfig(defaultConfig);\n <\/script>\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9cb635f4870cbe06',t:'MTc3MDY2OTkzMC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u3088\u304f\u3042\u308b\u3054\u8cea\u554f\uff08FAQ\uff09 FAQ \u3088\u304f\u3042\u308b\u3054\u8cea\u554f\uff08FAQ\uff09 \u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a\u306b \u5b9f\u969b\u306b\u3088\u304f\u3044\u305f\u3060\u304f\u3054\u8cea\u554f\u3092\u307e\u3068\u3081\u307e\u3057\u305f\u3002 \u300c\u5c0f\u3055\u306a\u7591\u554f\u300d\u3067\u3082\u3001 \u4e8b\u524d\u306b\u89e3\u6d88\u3057\u3066\u304a\u304f\u3053\u3068\u3067 \u5b89\u5fc3\u3057\u3066\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002 \ud83d\udcac \u3053\u3053\u306b\u306a\u3044\u8cea\u554f […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=21"}],"version-history":[{"count":4,"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":136,"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions\/136"}],"wp:attachment":[{"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}