\u898b\u5b88\u308a\u3068\u3044\u3046\u8003\u3048\u65b9 | \u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a<\/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=Zen+Maru+Gothic:wght@400;500;700&family=Shippori+Mincho:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n box-sizing: border-box;\n }\n\n :root {\n --bg-color: #F0F6FF;\n --surface-color: #FFFFFF;\n --text-color: #1E3A5F;\n --primary-action: #0066CC;\n --secondary-action: #0099FF;\n }\n\n html, body {\n margin: 0;\n padding: 0;\n }\n\n .font-display {\n font-family: 'Shippori Mincho', serif;\n }\n\n .font-body {\n font-family: 'Zen Maru Gothic', sans-serif;\n }\n\n @keyframes fadeSlideUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes gentlePulse {\n 0%, 100% { opacity: 0.4; }\n 50% { opacity: 0.7; }\n }\n\n @keyframes drawLine {\n from { width: 0; }\n to { width: 60px; }\n }\n\n .anim-entry {\n opacity: 0;\n animation: fadeSlideUp 0.8s ease-out forwards;\n }\n\n .anim-delay-1 { animation-delay: 0.1s; }\n .anim-delay-2 { animation-delay: 0.2s; }\n .anim-delay-3 { animation-delay: 0.3s; }\n .anim-delay-4 { animation-delay: 0.4s; }\n .anim-delay-5 { animation-delay: 0.5s; }\n\n .section-reveal {\n opacity: 0;\n transform: translateY(24px);\n transition: opacity 0.7s ease-out, transform 0.7s ease-out;\n }\n\n .section-reveal.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n .accent-line::after {\n content: '';\n display: block;\n height: 2px;\n background: var(--primary-action);\n animation: drawLine 1s ease-out forwards;\n margin-top: 12px;\n }\n\n .particle {\n position: absolute;\n border-radius: 50%;\n animation: gentlePulse 4s ease-in-out infinite;\n }\n\n .value-card {\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n .value-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 32px rgba(0, 102, 204, 0.15);\n }\n\n .hero-texture {\n background-image:\n radial-gradient(circle at 20% 30%, rgba(0, 102, 204, 0.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(0, 153, 255, 0.1) 0%, transparent 50%);\n }\n\n @keyframes gentleBounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(6px); }\n }\n\n .scroll-hint {\n animation: gentleBounce 2s ease-in-out infinite;\n }\n\n .insight-block {\n border-left: 3px solid var(--primary-action);\n padding-left: 20px;\n }\n\n .target-item::before {\n content: '\u2713';\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n border-radius: 50%;\n background: var(--primary-action);\n color: white;\n font-size: 12px;\n margin-right: 12px;\n flex-shrink: 0;\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 font-body\" style=\"background-color: var(--bg-color); color: var(--text-color);\">\n <div id=\"app-wrapper\" class=\"w-full h-full overflow-auto\">\n <header class=\"relative w-full hero-texture\" style=\"min-height: 80%; display: flex; align-items: center; justify-content: center;\">\n <div class=\"particle\" style=\"width: 180px; height: 180px; top: 10%; left: 5%; background: rgba(0, 102, 204, 0.06);\"><\/div>\n <div class=\"particle\" style=\"width: 120px; height: 120px; top: 60%; right: 10%; background: rgba(0, 153, 255, 0.08); animation-delay: 1.5s;\"><\/div>\n <div class=\"particle\" style=\"width: 90px; height: 90px; bottom: 15%; left: 30%; background: rgba(0, 102, 204, 0.05); animation-delay: 3s;\"><\/div>\n <div class=\"text-center px-6 py-20 max-w-3xl mx-auto relative z-10\">\n <div class=\"anim-entry anim-delay-1 mb-6\">\n <svg class=\"mx-auto\" width=\"48\" height=\"48\" viewbox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M24 6L4 22h6v18h10V30h8v10h10V22h6L24 6z\" stroke=\"var(--primary-action)\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/> <circle cx=\"24\" cy=\"22\" r=\"3\" stroke=\"var(--primary-action)\" stroke-width=\"1.5\" fill=\"none\" \/>\n <\/svg>\n <\/div>\n <p id=\"hero-subtitle\" class=\"anim-entry anim-delay-2 font-body text-sm tracking-widest mb-4\" style=\"color: var(--secondary-action);\">\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a\u30b5\u30dd\u30fc\u30c8<\/p>\n <h1 id=\"main-title\" class=\"anim-entry anim-delay-3 font-display text-5xl md:text-6xl lg:text-7xl font-bold leading-tight mb-8\">\u898b\u5b88\u308a\u3068\u3044\u3046\u8003\u3048\u65b9<\/h1>\n <div class=\"anim-entry anim-delay-4 accent-line mx-auto\" style=\"width: fit-content;\">\n <p class=\"font-body text-base md:text-lg leading-relaxed max-w-xl mx-auto\" style=\"color: var(--text-color); opacity: 0.8;\">\u300c\u4f55\u304b\u3092\u3059\u308b\u7ba1\u7406\u300d\u3067\u306f\u306a\u304f\u3001<br><strong class=\"font-display\" style=\"color: var(--primary-action);\">\u300c\u304d\u3061\u3093\u3068\u898b\u3066\u3001\u8a18\u9332\u3057\u3001\u4f1d\u3048\u308b\u7ba1\u7406\u300d<\/strong><br>\n \u3092\u5927\u5207\u306b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"anim-entry anim-delay-5 mt-16 scroll-hint\">\n <svg class=\"mx-auto\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 5v14M5 12l7 7 7-7\" stroke=\"var(--secondary-action)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n <\/svg>\n <\/div>\n <\/div>\n <\/header>\n <main>\n <section class=\"section-reveal w-full px-6 py-16 md:py-24\">\n <div class=\"max-w-2xl mx-auto text-center\">\n <p class=\"font-body text-base md:text-lg leading-loose\" style=\"opacity: 0.85;\">\u7a7a\u304d\u5bb6\u3068\u7a7a\u304d\u5730\u306e\u30c8\u30e9\u30d6\u30eb\u306e\u591a\u304f\u306f\u3001<br><strong>\u6c17\u3065\u304f\u306e\u304c\u9045\u308c\u305f\u3053\u3068<\/strong>\u304c\u539f\u56e0\u3067\u3059\u3002<\/p>\n <p class=\"font-body text-base md:text-lg leading-loose mt-6\" style=\"opacity: 0.85;\">\u3060\u304b\u3089\u3053\u305d\u79c1\u305f\u3061\u306f\u3001<br>\n \u7121\u7406\u306b\u4f5c\u696d\u3092\u5897\u3084\u3059\u306e\u3067\u306f\u306a\u304f\u3001<br><span class=\"font-display font-semibold\" style=\"color: var(--primary-action);\">\u5b9a\u671f\u7684\u306a\u78ba\u8a8d\u3068\u5831\u544a\u306b\u3088\u308b\u300c\u898b\u5b88\u308a\u300d<\/span>\u306b\u7279\u5316\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <\/section>\n <div class=\"w-full flex justify-center\">\n <div style=\"width: 1px; height: 60px; background: linear-gradient(to bottom, transparent, var(--secondary-action), transparent);\"><\/div>\n <\/div>\n <section class=\"section-reveal w-full px-6 py-16 md:py-24\">\n <div class=\"max-w-4xl mx-auto\">\n <h2 id=\"why-needed-title\" class=\"font-display text-3xl md:text-4xl lg:text-5xl font-bold text-center mb-16\">\u306a\u305c\u300c\u898b\u5b88\u308a\u300d\u304c\u5fc5\u8981\u306a\u306e\u304b<\/h2>\n <p class=\"font-body text-base md:text-lg leading-relaxed text-center mb-10\" style=\"opacity: 0.85;\">\u7a7a\u304d\u5bb6\u306f\u3001\u4eba\u304c\u4f4f\u307e\u306a\u304f\u306a\u308b\u3068<br>\n \u60f3\u50cf\u4ee5\u4e0a\u306b\u65e9\u304f\u74b0\u5883\u304c\u5909\u308f\u308a\u307e\u3059\u3002<\/p>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-12\">\n <div class=\"value-card rounded-2xl p-6 text-center\" style=\"background-color: var(--surface-color);\">\n <div class=\"text-3xl mb-3\">\n \ud83d\udd28\n <\/div>\n <p class=\"font-body text-sm leading-relaxed\" style=\"opacity: 0.8;\">\u5c0f\u3055\u306a\u7834\u640d\u306b<br>\n \u6c17\u3065\u304b\u306a\u3044<\/p>\n <\/div>\n <div class=\"value-card rounded-2xl p-6 text-center\" style=\"background-color: var(--surface-color);\">\n <div class=\"text-3xl mb-3\">\n \ud83c\udf3f\n <\/div>\n <p class=\"font-body text-sm leading-relaxed\" style=\"opacity: 0.8;\">\u8349\u3084\u30b4\u30df\u304c\u5897\u3048\u3066\u3082<br>\n \u5206\u304b\u3089\u306a\u3044<\/p>\n <\/div>\n <div class=\"value-card rounded-2xl p-6 text-center\" style=\"background-color: var(--surface-color);\">\n <div class=\"text-3xl mb-3\">\n \ud83d\udcec\n <\/div>\n <p class=\"font-body text-sm leading-relaxed\" style=\"opacity: 0.8;\">\u90f5\u4fbf\u7269\u304c\u6e9c\u307e\u308a<br>\n \u9632\u72af\u9762\u304c\u5fc3\u914d\u306b\u306a\u308b<\/p>\n <\/div>\n <\/div>\n <p class=\"font-body text-base leading-relaxed text-center mb-8\" style=\"opacity: 0.85;\">\u3053\u308c\u3089\u306f\u3001<strong>\u5b9a\u671f\u7684\u306b\u898b\u3066\u3044\u308c\u3070\u9632\u3052\u308b\u3053\u3068<\/strong>\u304c\u307b\u3068\u3093\u3069\u3067\u3059\u3002<\/p>\n <div class=\"insight-block max-w-lg mx-auto\">\n <p class=\"font-display text-base md:text-lg leading-relaxed\">\u898b\u5b88\u308a\u3068\u306f\u3001<br>\n \u300c\u4f55\u304b\u8d77\u304d\u3066\u304b\u3089\u5bfe\u5fdc\u3059\u308b\u300d\u306e\u3067\u306f\u306a\u304f\u3001<br><strong style=\"color: var(--primary-action);\">\u300c\u8d77\u304d\u308b\u524d\u306b\u6c17\u3065\u304f\u305f\u3081\u306e\u4ed5\u7d44\u307f\u300d<\/strong>\u3067\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n <div class=\"w-full flex justify-center\">\n <div style=\"width: 1px; height: 60px; background: linear-gradient(to bottom, transparent, var(--secondary-action), transparent);\"><\/div>\n <\/div>\n <section class=\"section-reveal w-full px-6 py-16 md:py-24\">\n <div class=\"max-w-5xl mx-auto\">\n <h2 id=\"values-title\" class=\"font-display text-3xl md:text-4xl lg:text-5xl font-bold text-center mb-16\">\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a\u304c<br>\n \u5927\u5207\u306b\u3057\u3066\u3044\u308b\u3053\u3068<\/h2>\n <div class=\"value-card rounded-2xl p-8 md:p-10 mb-8\" style=\"background-color: var(--surface-color); box-shadow: 0 2px 8px rgba(0, 102, 204, 0.1);\">\n <div class=\"flex items-start gap-5\">\n <div class=\"flex-shrink-0 w-12 h-12 rounded-full flex items-center justify-center font-display font-bold text-white text-lg\" style=\"background-color: var(--primary-action);\">\n 1\n <\/div>\n <div>\n <h3 class=\"font-display text-2xl md:text-3xl font-bold mb-4\">\u898b\u3066\u3001\u8a18\u9332\u3057\u3001\u4f1d\u3048\u308b<\/h3>\n <p class=\"font-body text-base md:text-lg leading-loose\" style=\"opacity: 0.85;\">\u6bce\u6708\u6c7a\u307e\u3063\u305f\u30bf\u30a4\u30df\u30f3\u30b0\u3067\u73fe\u5730\u3092\u78ba\u8a8d\u3057\u3001<br>\n \u5199\u771f\u3068\u30b3\u30e1\u30f3\u30c8\u3067\u72b6\u6cc1\u3092\u304a\u4f1d\u3048\u3057\u307e\u3059\u3002<\/p>\n <p class=\"font-body text-base leading-loose mt-4\" style=\"opacity: 0.85;\">\u9060\u65b9\u306b\u304a\u4f4f\u307e\u3044\u3067\u3082\u3001<br>\n \u73fe\u5730\u306e\u69d8\u5b50\u304c<strong>\u300c\u898b\u3048\u308b\u5f62\u300d<\/strong>\u3067\u5206\u304b\u308b\u3053\u3068\u3092<br>\n \u4f55\u3088\u308a\u5927\u5207\u306b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"value-card rounded-2xl p-8 md:p-10 mb-8\" style=\"background-color: var(--surface-color); box-shadow: 0 2px 8px rgba(0, 102, 204, 0.1);\">\n <div class=\"flex items-start gap-5\">\n <div class=\"flex-shrink-0 w-12 h-12 rounded-full flex items-center justify-center font-display font-bold text-white text-lg\" style=\"background-color: var(--primary-action);\">\n 2\n <\/div>\n <div>\n <h3 class=\"font-display text-2xl md:text-3xl font-bold mb-4\">\u7570\u5e38\u304c\u306a\u304f\u3066\u3082\u5831\u544a\u3059\u308b<\/h3>\n <p class=\"font-body text-base md:text-lg leading-loose\" style=\"opacity: 0.85;\">\u591a\u304f\u306e\u7ba1\u7406\u30b5\u30fc\u30d3\u30b9\u306f\u3001<br>\n \u554f\u984c\u304c\u3042\u3063\u305f\u6642\u3060\u3051\u9023\u7d61\u3057\u307e\u3059\u3002<\/p>\n <p class=\"font-body text-base leading-loose mt-4\" style=\"opacity: 0.85;\">\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a\u3067\u306f\u3001<br>\n \u7570\u5e38\u304c\u306a\u304b\u3063\u305f\u5834\u5408\u3082<br>\n \u300c\u554f\u984c\u3042\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u300d\u3068\u3054\u5831\u544a\u3057\u307e\u3059\u3002<\/p>\n <div class=\"insight-block mt-6\">\n <p class=\"font-display text-base leading-relaxed\" style=\"color: var(--primary-action);\">\u300c\u4f55\u3082\u306a\u304b\u3063\u305f\u300d\u3053\u3068\u304c\u5206\u304b\u308b\u3053\u3068\u304c\u3001<br>\n \u5927\u304d\u306a\u5b89\u5fc3\u306b\u3064\u306a\u304c\u308b\u3068\u8003\u3048\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"value-card rounded-2xl p-8 md:p-10\" style=\"background-color: var(--surface-color); box-shadow: 0 2px 8px rgba(0, 102, 204, 0.1);\">\n <div class=\"flex items-start gap-5\">\n <div class=\"flex-shrink-0 w-12 h-12 rounded-full flex items-center justify-center font-display font-bold text-white text-lg\" style=\"background-color: var(--primary-action);\">\n 3\n <\/div>\n <div>\n <h3 class=\"font-display text-2xl md:text-3xl font-bold mb-4\">\u52dd\u624b\u306a\u4f5c\u696d\u306f\u3057\u306a\u3044<\/h3>\n <p class=\"font-body text-base md:text-lg leading-loose\" style=\"opacity: 0.85;\">\u898b\u5b88\u308a\u306f\u3001<br>\n \u6240\u6709\u8005\u306e\u4ee3\u308f\u308a\u306b\u5224\u65ad\u3059\u308b\u3053\u3068\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n <ul class=\"font-body text-base leading-loose mt-4 space-y-1\" style=\"opacity: 0.85;\">\n <li>\u30fb\u4fee\u7e55\u306e\u5224\u65ad<\/li>\n <li>\u30fb\u4f5c\u696d\u306e\u5b9f\u65bd<\/li>\n <li>\u30fb\u8ffd\u52a0\u5bfe\u5fdc<\/li>\n <\/ul>\n <p class=\"font-body text-base leading-loose mt-4\" style=\"opacity: 0.85;\">\u3053\u308c\u3089\u306f\u3001<br>\n \u5fc5\u305a\u3054\u76f8\u8ac7\u30fb\u3054\u627f\u8a8d\u3092\u3044\u305f\u3060\u3044\u305f\u4e0a\u3067\u884c\u3044\u307e\u3059\u3002<\/p>\n <div class=\"insight-block mt-6\">\n <p class=\"font-display text-base leading-relaxed\" style=\"color: var(--primary-action);\">\u300c\u77e5\u3089\u306a\u3044\u3046\u3061\u306b\u4f55\u304b\u3055\u308c\u308b\u300d<br>\n \u305d\u3093\u306a\u4e0d\u5b89\u304c\u306a\u3044\u7ba1\u7406\u3092\u76ee\u6307\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <div class=\"w-full flex justify-center\">\n <div style=\"width: 1px; height: 60px; background: linear-gradient(to bottom, transparent, var(--secondary-action), transparent);\"><\/div>\n <\/div>\n <section class=\"section-reveal w-full px-6 py-16 md:py-24\">\n <div class=\"max-w-3xl mx-auto\">\n <h2 id=\"why-no-work-title\" class=\"font-display text-3xl md:text-4xl lg:text-5xl font-bold text-center mb-12\">\u306a\u305c\u4f5c\u696d\u3092\u3057\u306a\u3044\u306e\u304b<\/h2>\n <p class=\"font-body text-base leading-loose text-center mb-8\" style=\"opacity: 0.85;\">\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a\u3067\u306f\u3001<br>\n \u901a\u6c34\u30fb\u63db\u6c17\u30fb\u6e05\u6383\u306a\u3069\u306e\u4f5c\u696d\u306f\u884c\u3063\u3066\u3044\u307e\u305b\u3093\u3002<\/p>\n <p class=\"font-body text-base leading-loose text-center mb-10\" style=\"opacity: 0.85;\">\u305d\u308c\u306f\u3001<strong>\u8cac\u4efb\u7bc4\u56f2\u3092\u3042\u3044\u307e\u3044\u306b\u3057\u306a\u3044<\/strong>\u305f\u3081\u3067\u3059\u3002<\/p>\n <div class=\"rounded-2xl p-8 mb-10\" style=\"background-color: var(--surface-color);\">\n <p class=\"font-body text-base leading-loose text-center\" style=\"opacity: 0.85;\">\u4f5c\u696d\u304c\u5897\u3048\u308b\u307b\u3069...<\/p>\n <ul class=\"font-body text-base leading-loose mt-4 space-y-3 max-w-md mx-auto\">\n <li class=\"flex items-start gap-3\"><span style=\"color: var(--secondary-action);\">\u25b8<\/span> <span>\u8cac\u4efb\u306e\u6240\u5728\u304c\u5206\u304b\u308a\u306b\u304f\u304f\u306a\u308b<\/span><\/li>\n <li class=\"flex items-start gap-3\"><span style=\"color: var(--secondary-action);\">\u25b8<\/span> <span>\u671f\u5f85\u3068\u306e\u30ba\u30ec\u304c\u751f\u307e\u308c\u308b<\/span><\/li>\n <li class=\"flex items-start gap-3\"><span style=\"color: var(--secondary-action);\">\u25b8<\/span> <span>\u30c8\u30e9\u30d6\u30eb\u306b\u3064\u306a\u304c\u308a\u3084\u3059\u304f\u306a\u308b<\/span><\/li>\n <\/ul>\n <\/div>\n <p class=\"font-body text-base leading-relaxed text-center\" style=\"opacity: 0.85;\">\u79c1\u305f\u3061\u306f\u3001<br>\n \u898b\u5b88\u308a\u306b\u5fc5\u8981\u306a\u3053\u3068\u3060\u3051\u3092\u884c\u3046\u3053\u3068\u3067\u3001<br><strong>\u9577\u304f\u5b89\u5fc3\u3057\u3066\u4f7f\u3048\u308b\u30b5\u30fc\u30d3\u30b9<\/strong>\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <\/section>\n <div class=\"w-full flex justify-center\">\n <div style=\"width: 1px; height: 60px; background: linear-gradient(to bottom, transparent, var(--secondary-action), transparent);\"><\/div>\n <\/div>\n <section class=\"section-reveal w-full px-6 py-16 md:py-24\">\n <div class=\"max-w-3xl mx-auto\">\n <h2 id=\"future-title\" class=\"font-display text-3xl md:text-4xl lg:text-5xl font-bold text-center mb-12\">\u898b\u5b88\u308a\u306f\u300c\u4eca\u300d\u3060\u3051\u3067\u306a\u304f<br>\n \u300c\u5c06\u6765\u300d\u306b\u3082\u5f79\u7acb\u3061\u307e\u3059<\/h2>\n <p class=\"font-body text-base leading-loose text-center mb-10\" style=\"opacity: 0.85;\">\u5b9a\u671f\u7684\u306a\u898b\u5b88\u308a\u3068\u8a18\u9332\u306f\u3001<\/p>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-10\">\n <div class=\"value-card rounded-2xl p-6 text-center\" style=\"background-color: var(--surface-color);\">\n <div class=\"text-2xl mb-3\">\n \ud83c\udfe0\n <\/div>\n <p class=\"font-body text-sm font-medium\">\u5c06\u6765\u306e\u58f2\u5374\u6642<\/p>\n <\/div>\n <div class=\"value-card rounded-2xl p-6 text-center\" style=\"background-color: var(--surface-color);\">\n <div class=\"text-2xl mb-3\">\n \ud83d\udccb\n <\/div>\n <p class=\"font-body text-sm font-medium\">\u76f8\u7d9a\u6642\u306e\u8aac\u660e<\/p>\n <\/div>\n <div class=\"value-card rounded-2xl p-6 text-center\" style=\"background-color: var(--surface-color);\">\n <div class=\"text-2xl mb-3\">\n \ud83d\udc65\n <\/div>\n <p class=\"font-body text-sm font-medium\">\u8fd1\u96a3\u3084\u884c\u653f\u3078\u306e\u5bfe\u5fdc<\/p>\n <\/div>\n <\/div>\n <p class=\"font-body text-base leading-relaxed text-center mb-8\" style=\"opacity: 0.85;\">\u3053\u3046\u3057\u305f\u5834\u9762\u3067\u3082\u3001<br><strong style=\"color: var(--primary-action);\">\u300c\u304d\u3061\u3093\u3068\u7ba1\u7406\u3057\u3066\u3044\u305f\u8a3c\u62e0\u300d<\/strong>\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n <div class=\"insight-block max-w-lg mx-auto\">\n <p class=\"font-display text-base leading-relaxed\">\u898b\u5b88\u308a\u306f\u3001<br>\n \u7a7a\u304d\u5bb6\u306e\u4fa1\u5024\u3092\u5b88\u308b\u305f\u3081\u306e<br><strong style=\"color: var(--primary-action);\">\u9759\u304b\u306a\u5099\u3048<\/strong>\u3067\u3082\u3042\u308a\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n <div class=\"w-full flex justify-center\">\n <div style=\"width: 1px; height: 60px; background: linear-gradient(to bottom, transparent, var(--secondary-action), transparent);\"><\/div>\n <\/div>\n <section class=\"section-reveal w-full px-6 py-16 md:py-24\">\n <div class=\"max-w-3xl mx-auto\">\n <h2 id=\"target-title\" class=\"font-display text-3xl md:text-4xl lg:text-5xl font-bold text-center mb-12\">\u3053\u3093\u306a\u65b9\u306b\u5411\u3044\u3066\u3044\u308b<br>\n \u30b5\u30fc\u30d3\u30b9\u3067\u3059<\/h2>\n <div class=\"rounded-2xl p-8 md:p-10\" style=\"background-color: var(--surface-color);\">\n <ul class=\"space-y-5\">\n <li class=\"target-item flex items-center font-body text-base\">\u9060\u65b9\u306b\u4f4f\u3093\u3067\u3044\u3066\u983b\u7e41\u306b\u884c\u3051\u306a\u3044<\/li>\n <li class=\"target-item flex items-center font-body text-base\">\u7a7a\u304d\u5bb6\u306e\u72b6\u6cc1\u3092\u5b9a\u671f\u7684\u306b\u77e5\u308a\u305f\u3044<\/li>\n <li class=\"target-item flex items-center font-body text-base\">\u5927\u304d\u306a\u4f5c\u696d\u306f\u983c\u307e\u305a\u3001\u898b\u5b88\u308a\u3060\u3051\u3057\u3066\u307b\u3057\u3044<\/li>\n <li class=\"target-item flex items-center font-body text-base\">\u30c8\u30e9\u30d6\u30eb\u3092\u672a\u7136\u306b\u9632\u304e\u305f\u3044<\/li>\n <li class=\"target-item flex items-center font-body text-base\">\u5c06\u6765\u306e\u305f\u3081\u8a18\u9332\u3092\u6b8b\u3057\u3066\u304a\u304d\u305f\u3044<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n <section class=\"section-reveal w-full px-6 py-20 md:py-28\">\n <div class=\"max-w-2xl mx-auto text-center\">\n <h2 id=\"cta-title\" class=\"font-display text-4xl md:text-5xl lg:text-6xl font-bold mb-6\">\u3054\u76f8\u8ac7\u306f\u7121\u6599\u3067\u3059<\/h2>\n <p class=\"font-body text-lg md:text-xl leading-relaxed mb-12\" style=\"opacity: 0.85;\">\u307e\u305a\u306f\u6599\u91d1\u3084\u5185\u5bb9\u306b\u3064\u3044\u3066<br>\n \u304a\u6c17\u8efd\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044<\/p>\n <div class=\"flex flex-col sm:flex-row items-center justify-center gap-4\"><a id=\"email-link\" href=\"mailto:info@kitakyushu-akiyakanri.com\" class=\"inline-flex items-center gap-3 px-8 py-4 rounded-full text-white font-body font-medium text-base transition-all duration-300 hover:opacity-90 hover:shadow-lg\" style=\"background-color: var(--primary-action);\"> <span>\ud83d\udce9<\/span> <span>\u30e1\u30fc\u30eb\u3067\u76f8\u8ac7<\/span> <\/a> <a id=\"line-link\" href=\"https:\/\/lin.ee\/NWOP0OA\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center gap-3 px-8 py-4 rounded-full font-body font-medium text-base transition-all duration-300 hover:opacity-90 hover:shadow-lg text-white\" style=\"background-color: var(--secondary-action);\"> <span>\ud83d\udcac<\/span> <span>\u516c\u5f0fLINE\u3067\u76f8\u8ac7<\/span> <\/a>\n <\/div>\n <p id=\"email-address-text\" class=\"font-body text-sm mt-8\" style=\"color: var(--secondary-action);\">\ud83d\udce9 info@kitakyushu-akiyakanri.com<\/p>\n <\/div>\n <\/section>\n <\/main>\n <footer class=\"w-full px-6 py-8 text-center\" style=\"border-top: 1px solid rgba(0, 102, 204, 0.2);\">\n <p class=\"font-body text-xs\" style=\"color: var(--secondary-action);\">\u00a9 \u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a\u30b5\u30dd\u30fc\u30c8<\/p>\n <\/footer>\n <\/div>\n <script>\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15, rootMargin: '0px 0px -50px 0px' });\n\n document.querySelectorAll('.section-reveal').forEach(el => observer.observe(el));\n\n const defaultConfig = {\n background_color: '#F0F6FF',\n surface_color: '#FFFFFF',\n text_color: '#1E3A5F',\n primary_action_color: '#0066CC',\n secondary_action_color: '#0099FF',\n font_family: 'Shippori Mincho',\n font_size: 16,\n main_title: '\u898b\u5b88\u308a\u3068\u3044\u3046\u8003\u3048\u65b9',\n hero_subtitle: '\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a\u30b5\u30dd\u30fc\u30c8',\n why_needed_title: '\u306a\u305c\u300c\u898b\u5b88\u308a\u300d\u304c\u5fc5\u8981\u306a\u306e\u304b',\n values_title: '\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a\u304c\u5927\u5207\u306b\u3057\u3066\u3044\u308b\u3053\u3068',\n why_no_work_title: '\u306a\u305c\u4f5c\u696d\u3092\u3057\u306a\u3044\u306e\u304b',\n future_title: '\u898b\u5b88\u308a\u306f\u300c\u4eca\u300d\u3060\u3051\u3067\u306a\u304f\u300c\u5c06\u6765\u300d\u306b\u3082\u5f79\u7acb\u3061\u307e\u3059',\n target_title: '\u3053\u3093\u306a\u65b9\u306b\u5411\u3044\u3066\u3044\u308b\u30b5\u30fc\u30d3\u30b9\u3067\u3059',\n cta_title: '\u3054\u76f8\u8ac7\u306f\u7121\u6599\u3067\u3059',\n contact_email: 'info@kitakyushu-akiyakanri.com',\n line_url: 'https:\/\/lin.ee\/NWOP0OA'\n };\n\n function applyConfig(config) {\n const c = { ...defaultConfig, ...config };\n const root = document.documentElement;\n\n root.style.setProperty('--bg-color', c.background_color);\n root.style.setProperty('--surface-color', c.surface_color);\n root.style.setProperty('--text-color', c.text_color);\n root.style.setProperty('--primary-action', c.primary_action_color);\n root.style.setProperty('--secondary-action', c.secondary_action_color);\n\n document.body.style.color = c.text_color;\n document.body.style.backgroundColor = c.background_color;\n\n document.querySelectorAll('.value-card').forEach(el => {\n el.style.backgroundColor = c.surface_color;\n });\n\n document.querySelectorAll('[style*=\"background-color: var(--surface-color)\"]').forEach(el => {\n el.style.backgroundColor = c.surface_color;\n });\n\n document.querySelectorAll('.flex-shrink-0.w-12').forEach(el => {\n el.style.backgroundColor = c.primary_action_color;\n });\n\n const emailBtn = document.querySelector('#email-link');\n if (emailBtn) emailBtn.style.backgroundColor = c.primary_action_color;\n\n const lineBtn = document.querySelector('#line-link');\n if (lineBtn) lineBtn.style.backgroundColor = c.secondary_action_color;\n\n document.querySelectorAll('.insight-block').forEach(el => {\n el.style.borderLeftColor = c.primary_action_color;\n });\n\n const subtitleEl = document.getElementById('hero-subtitle');\n if (subtitleEl) subtitleEl.style.color = c.secondary_action_color;\n\n const emailAddrText = document.getElementById('email-address-text');\n if (emailAddrText) emailAddrText.style.color = c.secondary_action_color;\n\n const customFont = c.font_family || defaultConfig.font_family;\n const displayStack = customFont + ', serif';\n const bodyStack = \"'Zen Maru Gothic', \" + customFont + \", sans-serif\";\n\n document.querySelectorAll('.font-display').forEach(el => {\n el.style.fontFamily = displayStack;\n });\n\n document.body.style.fontFamily = bodyStack;\n\n const base = c.font_size || defaultConfig.font_size;\n\n document.querySelectorAll('h1').forEach(el => {\n el.style.fontSize = (base * 3) + 'px';\n });\n\n document.querySelectorAll('h2').forEach(el => {\n el.style.fontSize = (base * 2) + 'px';\n });\n\n document.querySelectorAll('h3').forEach(el => {\n el.style.fontSize = (base * 1.3) + 'px';\n });\n\n const mainTitleEl = document.getElementById('main-title');\n if (mainTitleEl) mainTitleEl.textContent = c.main_title;\n\n if (subtitleEl) subtitleEl.textContent = c.hero_subtitle;\n\n const whyNeededEl = document.getElementById('why-needed-title');\n if (whyNeededEl) whyNeededEl.textContent = c.why_needed_title;\n\n const valuesEl = document.getElementById('values-title');\n if (valuesEl) valuesEl.innerHTML = c.values_title.replace(\/\\n\/g, '<br>');\n\n const whyNoWorkEl = document.getElementById('why-no-work-title');\n if (whyNoWorkEl) whyNoWorkEl.textContent = c.why_no_work_title;\n\n const futureEl = document.getElementById('future-title');\n if (futureEl) futureEl.innerHTML = c.future_title.replace(\/\\n\/g, '<br>');\n\n const targetEl = document.getElementById('target-title');\n if (targetEl) targetEl.innerHTML = c.target_title.replace(\/\\n\/g, '<br>');\n\n const ctaEl = document.getElementById('cta-title');\n if (ctaEl) ctaEl.textContent = c.cta_title;\n\n const emailLink = document.getElementById('email-link');\n if (emailLink) emailLink.href = 'mailto:' + c.contact_email;\n\n if (emailAddrText) emailAddrText.textContent = '\ud83d\udce9 ' + c.contact_email;\n\n const lineLinkEl = document.getElementById('line-link');\n if (lineLinkEl) lineLinkEl.href = c.line_url;\n }\n\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig: defaultConfig,\n onConfigChange: async (config) => {\n applyConfig(config);\n },\n mapToCapabilities: (config) => {\n const c = { ...defaultConfig, ...config };\n return {\n recolorables: [\n {\n get: () => c.background_color || defaultConfig.background_color,\n set: (v) => { c.background_color = v; window.elementSdk.setConfig({ background_color: v }); }\n },\n {\n get: () => c.surface_color || defaultConfig.surface_color,\n set: (v) => { c.surface_color = v; window.elementSdk.setConfig({ surface_color: v }); }\n },\n {\n get: () => c.text_color || defaultConfig.text_color,\n set: (v) => { c.text_color = v; window.elementSdk.setConfig({ text_color: v }); }\n },\n {\n get: () => c.primary_action_color || defaultConfig.primary_action_color,\n set: (v) => { c.primary_action_color = v; window.elementSdk.setConfig({ primary_action_color: v }); }\n },\n {\n get: () => c.secondary_action_color || defaultConfig.secondary_action_color,\n set: (v) => { c.secondary_action_color = v; window.elementSdk.setConfig({ secondary_action_color: v }); }\n }\n ],\n borderables: [],\n fontEditable: {\n get: () => c.font_family || defaultConfig.font_family,\n set: (v) => { c.font_family = v; window.elementSdk.setConfig({ font_family: v }); }\n },\n fontSizeable: {\n get: () => c.font_size || defaultConfig.font_size,\n set: (v) => { c.font_size = v; window.elementSdk.setConfig({ font_size: v }); }\n }\n };\n },\n mapToEditPanelValues: (config) => {\n const c = { ...defaultConfig, ...config };\n return new Map([\n ['main_title', c.main_title || defaultConfig.main_title],\n ['hero_subtitle', c.hero_subtitle || defaultConfig.hero_subtitle],\n ['why_needed_title', c.why_needed_title || defaultConfig.why_needed_title],\n ['values_title', c.values_title || defaultConfig.values_title],\n ['why_no_work_title', c.why_no_work_title || defaultConfig.why_no_work_title],\n ['future_title', c.future_title || defaultConfig.future_title],\n ['target_title', c.target_title || defaultConfig.target_title],\n ['cta_title', c.cta_title || defaultConfig.cta_title],\n ['contact_email', c.contact_email || defaultConfig.contact_email],\n ['line_url', c.line_url || defaultConfig.line_url]\n ]);\n }\n });\n }\n\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:'9cb5f80515908323',t:'MTc3MDY2NzM5My4wMDAwMDA='};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>\u898b\u5b88\u308a\u3068\u3044\u3046\u8003\u3048\u65b9 | \u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a \u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a\u30b5\u30dd\u30fc\u30c8 \u898b\u5b88\u308a\u3068\u3044\u3046\u8003\u3048\u65b9 \u300c\u4f55\u304b\u3092\u3059\u308b\u7ba1\u7406\u300d\u3067\u306f\u306a\u304f\u3001\u300c\u304d\u3061\u3093\u3068\u898b\u3066\u3001\u8a18\u9332\u3057\u3001\u4f1d\u3048\u308b\u7ba1\u7406\u300d \u3092\u5927\u5207\u306b\u3057\u3066\u3044\u307e\u3059\u3002 \u7a7a\u304d\u5bb6\u3068\u7a7a\u304d\u5730\u306e\u30c8\u30e9\u30d6\u30eb\u306e\u591a\u304f\u306f\u3001\u6c17\u3065\u304f […]<\/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-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/pages\/19","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=19"}],"version-history":[{"count":4,"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":130,"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions\/130"}],"wp:attachment":[{"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":19,"date":"2026-02-08T01:50:20","date_gmt":"2026-02-07T16:50:20","guid":{"rendered":"https:\/\/kitakyushu-akiyakanri.com\/?page_id=19"},"modified":"2026-02-10T05:07:00","modified_gmt":"2026-02-09T20:07:00","slug":"%e7%ae%a1%e7%90%86%e3%81%ae%e8%80%83%e3%81%88%e6%96%b9","status":"publish","type":"page","link":"https:\/\/kitakyushu-akiyakanri.com\/?page_id=19","title":{"rendered":"\u898b\u5b88\u308a\u306e\u8003\u3048\u65b9"},"content":{"rendered":"\n\n\n \n \n \n \u898b\u5b88\u308a\u3068\u3044\u3046\u8003\u3048\u65b9 | \u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a<\/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=Zen+Maru+Gothic:wght@400;500;700&family=Shippori+Mincho:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n box-sizing: border-box;\n }\n\n :root {\n --bg-color: #F0F6FF;\n --surface-color: #FFFFFF;\n --text-color: #1E3A5F;\n --primary-action: #0066CC;\n --secondary-action: #0099FF;\n }\n\n html, body {\n margin: 0;\n padding: 0;\n }\n\n .font-display {\n font-family: 'Shippori Mincho', serif;\n }\n\n .font-body {\n font-family: 'Zen Maru Gothic', sans-serif;\n }\n\n @keyframes fadeSlideUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes gentlePulse {\n 0%, 100% { opacity: 0.4; }\n 50% { opacity: 0.7; }\n }\n\n @keyframes drawLine {\n from { width: 0; }\n to { width: 60px; }\n }\n\n .anim-entry {\n opacity: 0;\n animation: fadeSlideUp 0.8s ease-out forwards;\n }\n\n .anim-delay-1 { animation-delay: 0.1s; }\n .anim-delay-2 { animation-delay: 0.2s; }\n .anim-delay-3 { animation-delay: 0.3s; }\n .anim-delay-4 { animation-delay: 0.4s; }\n .anim-delay-5 { animation-delay: 0.5s; }\n\n .section-reveal {\n opacity: 0;\n transform: translateY(24px);\n transition: opacity 0.7s ease-out, transform 0.7s ease-out;\n }\n\n .section-reveal.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n .accent-line::after {\n content: '';\n display: block;\n height: 2px;\n background: var(--primary-action);\n animation: drawLine 1s ease-out forwards;\n margin-top: 12px;\n }\n\n .particle {\n position: absolute;\n border-radius: 50%;\n animation: gentlePulse 4s ease-in-out infinite;\n }\n\n .value-card {\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n .value-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 32px rgba(0, 102, 204, 0.15);\n }\n\n .hero-texture {\n background-image:\n radial-gradient(circle at 20% 30%, rgba(0, 102, 204, 0.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(0, 153, 255, 0.1) 0%, transparent 50%);\n }\n\n @keyframes gentleBounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(6px); }\n }\n\n .scroll-hint {\n animation: gentleBounce 2s ease-in-out infinite;\n }\n\n .insight-block {\n border-left: 3px solid var(--primary-action);\n padding-left: 20px;\n }\n\n .target-item::before {\n content: '\u2713';\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n border-radius: 50%;\n background: var(--primary-action);\n color: white;\n font-size: 12px;\n margin-right: 12px;\n flex-shrink: 0;\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 font-body\" style=\"background-color: var(--bg-color); color: var(--text-color);\">\n <div id=\"app-wrapper\" class=\"w-full h-full overflow-auto\">\n <header class=\"relative w-full hero-texture\" style=\"min-height: 80%; display: flex; align-items: center; justify-content: center;\">\n <div class=\"particle\" style=\"width: 180px; height: 180px; top: 10%; left: 5%; background: rgba(0, 102, 204, 0.06);\"><\/div>\n <div class=\"particle\" style=\"width: 120px; height: 120px; top: 60%; right: 10%; background: rgba(0, 153, 255, 0.08); animation-delay: 1.5s;\"><\/div>\n <div class=\"particle\" style=\"width: 90px; height: 90px; bottom: 15%; left: 30%; background: rgba(0, 102, 204, 0.05); animation-delay: 3s;\"><\/div>\n <div class=\"text-center px-6 py-20 max-w-3xl mx-auto relative z-10\">\n <div class=\"anim-entry anim-delay-1 mb-6\">\n <svg class=\"mx-auto\" width=\"48\" height=\"48\" viewbox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M24 6L4 22h6v18h10V30h8v10h10V22h6L24 6z\" stroke=\"var(--primary-action)\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/> <circle cx=\"24\" cy=\"22\" r=\"3\" stroke=\"var(--primary-action)\" stroke-width=\"1.5\" fill=\"none\" \/>\n <\/svg>\n <\/div>\n <p id=\"hero-subtitle\" class=\"anim-entry anim-delay-2 font-body text-sm tracking-widest mb-4\" style=\"color: var(--secondary-action);\">\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a\u30b5\u30dd\u30fc\u30c8<\/p>\n <h1 id=\"main-title\" class=\"anim-entry anim-delay-3 font-display text-5xl md:text-6xl lg:text-7xl font-bold leading-tight mb-8\">\u898b\u5b88\u308a\u3068\u3044\u3046\u8003\u3048\u65b9<\/h1>\n <div class=\"anim-entry anim-delay-4 accent-line mx-auto\" style=\"width: fit-content;\">\n <p class=\"font-body text-base md:text-lg leading-relaxed max-w-xl mx-auto\" style=\"color: var(--text-color); opacity: 0.8;\">\u300c\u4f55\u304b\u3092\u3059\u308b\u7ba1\u7406\u300d\u3067\u306f\u306a\u304f\u3001<br><strong class=\"font-display\" style=\"color: var(--primary-action);\">\u300c\u304d\u3061\u3093\u3068\u898b\u3066\u3001\u8a18\u9332\u3057\u3001\u4f1d\u3048\u308b\u7ba1\u7406\u300d<\/strong><br>\n \u3092\u5927\u5207\u306b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"anim-entry anim-delay-5 mt-16 scroll-hint\">\n <svg class=\"mx-auto\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 5v14M5 12l7 7 7-7\" stroke=\"var(--secondary-action)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n <\/svg>\n <\/div>\n <\/div>\n <\/header>\n <main>\n <section class=\"section-reveal w-full px-6 py-16 md:py-24\">\n <div class=\"max-w-2xl mx-auto text-center\">\n <p class=\"font-body text-base md:text-lg leading-loose\" style=\"opacity: 0.85;\">\u7a7a\u304d\u5bb6\u3068\u7a7a\u304d\u5730\u306e\u30c8\u30e9\u30d6\u30eb\u306e\u591a\u304f\u306f\u3001<br><strong>\u6c17\u3065\u304f\u306e\u304c\u9045\u308c\u305f\u3053\u3068<\/strong>\u304c\u539f\u56e0\u3067\u3059\u3002<\/p>\n <p class=\"font-body text-base md:text-lg leading-loose mt-6\" style=\"opacity: 0.85;\">\u3060\u304b\u3089\u3053\u305d\u79c1\u305f\u3061\u306f\u3001<br>\n \u7121\u7406\u306b\u4f5c\u696d\u3092\u5897\u3084\u3059\u306e\u3067\u306f\u306a\u304f\u3001<br><span class=\"font-display font-semibold\" style=\"color: var(--primary-action);\">\u5b9a\u671f\u7684\u306a\u78ba\u8a8d\u3068\u5831\u544a\u306b\u3088\u308b\u300c\u898b\u5b88\u308a\u300d<\/span>\u306b\u7279\u5316\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <\/section>\n <div class=\"w-full flex justify-center\">\n <div style=\"width: 1px; height: 60px; background: linear-gradient(to bottom, transparent, var(--secondary-action), transparent);\"><\/div>\n <\/div>\n <section class=\"section-reveal w-full px-6 py-16 md:py-24\">\n <div class=\"max-w-4xl mx-auto\">\n <h2 id=\"why-needed-title\" class=\"font-display text-3xl md:text-4xl lg:text-5xl font-bold text-center mb-16\">\u306a\u305c\u300c\u898b\u5b88\u308a\u300d\u304c\u5fc5\u8981\u306a\u306e\u304b<\/h2>\n <p class=\"font-body text-base md:text-lg leading-relaxed text-center mb-10\" style=\"opacity: 0.85;\">\u7a7a\u304d\u5bb6\u306f\u3001\u4eba\u304c\u4f4f\u307e\u306a\u304f\u306a\u308b\u3068<br>\n \u60f3\u50cf\u4ee5\u4e0a\u306b\u65e9\u304f\u74b0\u5883\u304c\u5909\u308f\u308a\u307e\u3059\u3002<\/p>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-12\">\n <div class=\"value-card rounded-2xl p-6 text-center\" style=\"background-color: var(--surface-color);\">\n <div class=\"text-3xl mb-3\">\n \ud83d\udd28\n <\/div>\n <p class=\"font-body text-sm leading-relaxed\" style=\"opacity: 0.8;\">\u5c0f\u3055\u306a\u7834\u640d\u306b<br>\n \u6c17\u3065\u304b\u306a\u3044<\/p>\n <\/div>\n <div class=\"value-card rounded-2xl p-6 text-center\" style=\"background-color: var(--surface-color);\">\n <div class=\"text-3xl mb-3\">\n \ud83c\udf3f\n <\/div>\n <p class=\"font-body text-sm leading-relaxed\" style=\"opacity: 0.8;\">\u8349\u3084\u30b4\u30df\u304c\u5897\u3048\u3066\u3082<br>\n \u5206\u304b\u3089\u306a\u3044<\/p>\n <\/div>\n <div class=\"value-card rounded-2xl p-6 text-center\" style=\"background-color: var(--surface-color);\">\n <div class=\"text-3xl mb-3\">\n \ud83d\udcec\n <\/div>\n <p class=\"font-body text-sm leading-relaxed\" style=\"opacity: 0.8;\">\u90f5\u4fbf\u7269\u304c\u6e9c\u307e\u308a<br>\n \u9632\u72af\u9762\u304c\u5fc3\u914d\u306b\u306a\u308b<\/p>\n <\/div>\n <\/div>\n <p class=\"font-body text-base leading-relaxed text-center mb-8\" style=\"opacity: 0.85;\">\u3053\u308c\u3089\u306f\u3001<strong>\u5b9a\u671f\u7684\u306b\u898b\u3066\u3044\u308c\u3070\u9632\u3052\u308b\u3053\u3068<\/strong>\u304c\u307b\u3068\u3093\u3069\u3067\u3059\u3002<\/p>\n <div class=\"insight-block max-w-lg mx-auto\">\n <p class=\"font-display text-base md:text-lg leading-relaxed\">\u898b\u5b88\u308a\u3068\u306f\u3001<br>\n \u300c\u4f55\u304b\u8d77\u304d\u3066\u304b\u3089\u5bfe\u5fdc\u3059\u308b\u300d\u306e\u3067\u306f\u306a\u304f\u3001<br><strong style=\"color: var(--primary-action);\">\u300c\u8d77\u304d\u308b\u524d\u306b\u6c17\u3065\u304f\u305f\u3081\u306e\u4ed5\u7d44\u307f\u300d<\/strong>\u3067\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n <div class=\"w-full flex justify-center\">\n <div style=\"width: 1px; height: 60px; background: linear-gradient(to bottom, transparent, var(--secondary-action), transparent);\"><\/div>\n <\/div>\n <section class=\"section-reveal w-full px-6 py-16 md:py-24\">\n <div class=\"max-w-5xl mx-auto\">\n <h2 id=\"values-title\" class=\"font-display text-3xl md:text-4xl lg:text-5xl font-bold text-center mb-16\">\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a\u304c<br>\n \u5927\u5207\u306b\u3057\u3066\u3044\u308b\u3053\u3068<\/h2>\n <div class=\"value-card rounded-2xl p-8 md:p-10 mb-8\" style=\"background-color: var(--surface-color); box-shadow: 0 2px 8px rgba(0, 102, 204, 0.1);\">\n <div class=\"flex items-start gap-5\">\n <div class=\"flex-shrink-0 w-12 h-12 rounded-full flex items-center justify-center font-display font-bold text-white text-lg\" style=\"background-color: var(--primary-action);\">\n 1\n <\/div>\n <div>\n <h3 class=\"font-display text-2xl md:text-3xl font-bold mb-4\">\u898b\u3066\u3001\u8a18\u9332\u3057\u3001\u4f1d\u3048\u308b<\/h3>\n <p class=\"font-body text-base md:text-lg leading-loose\" style=\"opacity: 0.85;\">\u6bce\u6708\u6c7a\u307e\u3063\u305f\u30bf\u30a4\u30df\u30f3\u30b0\u3067\u73fe\u5730\u3092\u78ba\u8a8d\u3057\u3001<br>\n \u5199\u771f\u3068\u30b3\u30e1\u30f3\u30c8\u3067\u72b6\u6cc1\u3092\u304a\u4f1d\u3048\u3057\u307e\u3059\u3002<\/p>\n <p class=\"font-body text-base leading-loose mt-4\" style=\"opacity: 0.85;\">\u9060\u65b9\u306b\u304a\u4f4f\u307e\u3044\u3067\u3082\u3001<br>\n \u73fe\u5730\u306e\u69d8\u5b50\u304c<strong>\u300c\u898b\u3048\u308b\u5f62\u300d<\/strong>\u3067\u5206\u304b\u308b\u3053\u3068\u3092<br>\n \u4f55\u3088\u308a\u5927\u5207\u306b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"value-card rounded-2xl p-8 md:p-10 mb-8\" style=\"background-color: var(--surface-color); box-shadow: 0 2px 8px rgba(0, 102, 204, 0.1);\">\n <div class=\"flex items-start gap-5\">\n <div class=\"flex-shrink-0 w-12 h-12 rounded-full flex items-center justify-center font-display font-bold text-white text-lg\" style=\"background-color: var(--primary-action);\">\n 2\n <\/div>\n <div>\n <h3 class=\"font-display text-2xl md:text-3xl font-bold mb-4\">\u7570\u5e38\u304c\u306a\u304f\u3066\u3082\u5831\u544a\u3059\u308b<\/h3>\n <p class=\"font-body text-base md:text-lg leading-loose\" style=\"opacity: 0.85;\">\u591a\u304f\u306e\u7ba1\u7406\u30b5\u30fc\u30d3\u30b9\u306f\u3001<br>\n \u554f\u984c\u304c\u3042\u3063\u305f\u6642\u3060\u3051\u9023\u7d61\u3057\u307e\u3059\u3002<\/p>\n <p class=\"font-body text-base leading-loose mt-4\" style=\"opacity: 0.85;\">\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a\u3067\u306f\u3001<br>\n \u7570\u5e38\u304c\u306a\u304b\u3063\u305f\u5834\u5408\u3082<br>\n \u300c\u554f\u984c\u3042\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u300d\u3068\u3054\u5831\u544a\u3057\u307e\u3059\u3002<\/p>\n <div class=\"insight-block mt-6\">\n <p class=\"font-display text-base leading-relaxed\" style=\"color: var(--primary-action);\">\u300c\u4f55\u3082\u306a\u304b\u3063\u305f\u300d\u3053\u3068\u304c\u5206\u304b\u308b\u3053\u3068\u304c\u3001<br>\n \u5927\u304d\u306a\u5b89\u5fc3\u306b\u3064\u306a\u304c\u308b\u3068\u8003\u3048\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"value-card rounded-2xl p-8 md:p-10\" style=\"background-color: var(--surface-color); box-shadow: 0 2px 8px rgba(0, 102, 204, 0.1);\">\n <div class=\"flex items-start gap-5\">\n <div class=\"flex-shrink-0 w-12 h-12 rounded-full flex items-center justify-center font-display font-bold text-white text-lg\" style=\"background-color: var(--primary-action);\">\n 3\n <\/div>\n <div>\n <h3 class=\"font-display text-2xl md:text-3xl font-bold mb-4\">\u52dd\u624b\u306a\u4f5c\u696d\u306f\u3057\u306a\u3044<\/h3>\n <p class=\"font-body text-base md:text-lg leading-loose\" style=\"opacity: 0.85;\">\u898b\u5b88\u308a\u306f\u3001<br>\n \u6240\u6709\u8005\u306e\u4ee3\u308f\u308a\u306b\u5224\u65ad\u3059\u308b\u3053\u3068\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n <ul class=\"font-body text-base leading-loose mt-4 space-y-1\" style=\"opacity: 0.85;\">\n <li>\u30fb\u4fee\u7e55\u306e\u5224\u65ad<\/li>\n <li>\u30fb\u4f5c\u696d\u306e\u5b9f\u65bd<\/li>\n <li>\u30fb\u8ffd\u52a0\u5bfe\u5fdc<\/li>\n <\/ul>\n <p class=\"font-body text-base leading-loose mt-4\" style=\"opacity: 0.85;\">\u3053\u308c\u3089\u306f\u3001<br>\n \u5fc5\u305a\u3054\u76f8\u8ac7\u30fb\u3054\u627f\u8a8d\u3092\u3044\u305f\u3060\u3044\u305f\u4e0a\u3067\u884c\u3044\u307e\u3059\u3002<\/p>\n <div class=\"insight-block mt-6\">\n <p class=\"font-display text-base leading-relaxed\" style=\"color: var(--primary-action);\">\u300c\u77e5\u3089\u306a\u3044\u3046\u3061\u306b\u4f55\u304b\u3055\u308c\u308b\u300d<br>\n \u305d\u3093\u306a\u4e0d\u5b89\u304c\u306a\u3044\u7ba1\u7406\u3092\u76ee\u6307\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <div class=\"w-full flex justify-center\">\n <div style=\"width: 1px; height: 60px; background: linear-gradient(to bottom, transparent, var(--secondary-action), transparent);\"><\/div>\n <\/div>\n <section class=\"section-reveal w-full px-6 py-16 md:py-24\">\n <div class=\"max-w-3xl mx-auto\">\n <h2 id=\"why-no-work-title\" class=\"font-display text-3xl md:text-4xl lg:text-5xl font-bold text-center mb-12\">\u306a\u305c\u4f5c\u696d\u3092\u3057\u306a\u3044\u306e\u304b<\/h2>\n <p class=\"font-body text-base leading-loose text-center mb-8\" style=\"opacity: 0.85;\">\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a\u3067\u306f\u3001<br>\n \u901a\u6c34\u30fb\u63db\u6c17\u30fb\u6e05\u6383\u306a\u3069\u306e\u4f5c\u696d\u306f\u884c\u3063\u3066\u3044\u307e\u305b\u3093\u3002<\/p>\n <p class=\"font-body text-base leading-loose text-center mb-10\" style=\"opacity: 0.85;\">\u305d\u308c\u306f\u3001<strong>\u8cac\u4efb\u7bc4\u56f2\u3092\u3042\u3044\u307e\u3044\u306b\u3057\u306a\u3044<\/strong>\u305f\u3081\u3067\u3059\u3002<\/p>\n <div class=\"rounded-2xl p-8 mb-10\" style=\"background-color: var(--surface-color);\">\n <p class=\"font-body text-base leading-loose text-center\" style=\"opacity: 0.85;\">\u4f5c\u696d\u304c\u5897\u3048\u308b\u307b\u3069...<\/p>\n <ul class=\"font-body text-base leading-loose mt-4 space-y-3 max-w-md mx-auto\">\n <li class=\"flex items-start gap-3\"><span style=\"color: var(--secondary-action);\">\u25b8<\/span> <span>\u8cac\u4efb\u306e\u6240\u5728\u304c\u5206\u304b\u308a\u306b\u304f\u304f\u306a\u308b<\/span><\/li>\n <li class=\"flex items-start gap-3\"><span style=\"color: var(--secondary-action);\">\u25b8<\/span> <span>\u671f\u5f85\u3068\u306e\u30ba\u30ec\u304c\u751f\u307e\u308c\u308b<\/span><\/li>\n <li class=\"flex items-start gap-3\"><span style=\"color: var(--secondary-action);\">\u25b8<\/span> <span>\u30c8\u30e9\u30d6\u30eb\u306b\u3064\u306a\u304c\u308a\u3084\u3059\u304f\u306a\u308b<\/span><\/li>\n <\/ul>\n <\/div>\n <p class=\"font-body text-base leading-relaxed text-center\" style=\"opacity: 0.85;\">\u79c1\u305f\u3061\u306f\u3001<br>\n \u898b\u5b88\u308a\u306b\u5fc5\u8981\u306a\u3053\u3068\u3060\u3051\u3092\u884c\u3046\u3053\u3068\u3067\u3001<br><strong>\u9577\u304f\u5b89\u5fc3\u3057\u3066\u4f7f\u3048\u308b\u30b5\u30fc\u30d3\u30b9<\/strong>\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <\/section>\n <div class=\"w-full flex justify-center\">\n <div style=\"width: 1px; height: 60px; background: linear-gradient(to bottom, transparent, var(--secondary-action), transparent);\"><\/div>\n <\/div>\n <section class=\"section-reveal w-full px-6 py-16 md:py-24\">\n <div class=\"max-w-3xl mx-auto\">\n <h2 id=\"future-title\" class=\"font-display text-3xl md:text-4xl lg:text-5xl font-bold text-center mb-12\">\u898b\u5b88\u308a\u306f\u300c\u4eca\u300d\u3060\u3051\u3067\u306a\u304f<br>\n \u300c\u5c06\u6765\u300d\u306b\u3082\u5f79\u7acb\u3061\u307e\u3059<\/h2>\n <p class=\"font-body text-base leading-loose text-center mb-10\" style=\"opacity: 0.85;\">\u5b9a\u671f\u7684\u306a\u898b\u5b88\u308a\u3068\u8a18\u9332\u306f\u3001<\/p>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-10\">\n <div class=\"value-card rounded-2xl p-6 text-center\" style=\"background-color: var(--surface-color);\">\n <div class=\"text-2xl mb-3\">\n \ud83c\udfe0\n <\/div>\n <p class=\"font-body text-sm font-medium\">\u5c06\u6765\u306e\u58f2\u5374\u6642<\/p>\n <\/div>\n <div class=\"value-card rounded-2xl p-6 text-center\" style=\"background-color: var(--surface-color);\">\n <div class=\"text-2xl mb-3\">\n \ud83d\udccb\n <\/div>\n <p class=\"font-body text-sm font-medium\">\u76f8\u7d9a\u6642\u306e\u8aac\u660e<\/p>\n <\/div>\n <div class=\"value-card rounded-2xl p-6 text-center\" style=\"background-color: var(--surface-color);\">\n <div class=\"text-2xl mb-3\">\n \ud83d\udc65\n <\/div>\n <p class=\"font-body text-sm font-medium\">\u8fd1\u96a3\u3084\u884c\u653f\u3078\u306e\u5bfe\u5fdc<\/p>\n <\/div>\n <\/div>\n <p class=\"font-body text-base leading-relaxed text-center mb-8\" style=\"opacity: 0.85;\">\u3053\u3046\u3057\u305f\u5834\u9762\u3067\u3082\u3001<br><strong style=\"color: var(--primary-action);\">\u300c\u304d\u3061\u3093\u3068\u7ba1\u7406\u3057\u3066\u3044\u305f\u8a3c\u62e0\u300d<\/strong>\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n <div class=\"insight-block max-w-lg mx-auto\">\n <p class=\"font-display text-base leading-relaxed\">\u898b\u5b88\u308a\u306f\u3001<br>\n \u7a7a\u304d\u5bb6\u306e\u4fa1\u5024\u3092\u5b88\u308b\u305f\u3081\u306e<br><strong style=\"color: var(--primary-action);\">\u9759\u304b\u306a\u5099\u3048<\/strong>\u3067\u3082\u3042\u308a\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n <div class=\"w-full flex justify-center\">\n <div style=\"width: 1px; height: 60px; background: linear-gradient(to bottom, transparent, var(--secondary-action), transparent);\"><\/div>\n <\/div>\n <section class=\"section-reveal w-full px-6 py-16 md:py-24\">\n <div class=\"max-w-3xl mx-auto\">\n <h2 id=\"target-title\" class=\"font-display text-3xl md:text-4xl lg:text-5xl font-bold text-center mb-12\">\u3053\u3093\u306a\u65b9\u306b\u5411\u3044\u3066\u3044\u308b<br>\n \u30b5\u30fc\u30d3\u30b9\u3067\u3059<\/h2>\n <div class=\"rounded-2xl p-8 md:p-10\" style=\"background-color: var(--surface-color);\">\n <ul class=\"space-y-5\">\n <li class=\"target-item flex items-center font-body text-base\">\u9060\u65b9\u306b\u4f4f\u3093\u3067\u3044\u3066\u983b\u7e41\u306b\u884c\u3051\u306a\u3044<\/li>\n <li class=\"target-item flex items-center font-body text-base\">\u7a7a\u304d\u5bb6\u306e\u72b6\u6cc1\u3092\u5b9a\u671f\u7684\u306b\u77e5\u308a\u305f\u3044<\/li>\n <li class=\"target-item flex items-center font-body text-base\">\u5927\u304d\u306a\u4f5c\u696d\u306f\u983c\u307e\u305a\u3001\u898b\u5b88\u308a\u3060\u3051\u3057\u3066\u307b\u3057\u3044<\/li>\n <li class=\"target-item flex items-center font-body text-base\">\u30c8\u30e9\u30d6\u30eb\u3092\u672a\u7136\u306b\u9632\u304e\u305f\u3044<\/li>\n <li class=\"target-item flex items-center font-body text-base\">\u5c06\u6765\u306e\u305f\u3081\u8a18\u9332\u3092\u6b8b\u3057\u3066\u304a\u304d\u305f\u3044<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n <section class=\"section-reveal w-full px-6 py-20 md:py-28\">\n <div class=\"max-w-2xl mx-auto text-center\">\n <h2 id=\"cta-title\" class=\"font-display text-4xl md:text-5xl lg:text-6xl font-bold mb-6\">\u3054\u76f8\u8ac7\u306f\u7121\u6599\u3067\u3059<\/h2>\n <p class=\"font-body text-lg md:text-xl leading-relaxed mb-12\" style=\"opacity: 0.85;\">\u307e\u305a\u306f\u6599\u91d1\u3084\u5185\u5bb9\u306b\u3064\u3044\u3066<br>\n \u304a\u6c17\u8efd\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044<\/p>\n <div class=\"flex flex-col sm:flex-row items-center justify-center gap-4\"><a id=\"email-link\" href=\"mailto:info@kitakyushu-akiyakanri.com\" class=\"inline-flex items-center gap-3 px-8 py-4 rounded-full text-white font-body font-medium text-base transition-all duration-300 hover:opacity-90 hover:shadow-lg\" style=\"background-color: var(--primary-action);\"> <span>\ud83d\udce9<\/span> <span>\u30e1\u30fc\u30eb\u3067\u76f8\u8ac7<\/span> <\/a> <a id=\"line-link\" href=\"https:\/\/lin.ee\/NWOP0OA\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center gap-3 px-8 py-4 rounded-full font-body font-medium text-base transition-all duration-300 hover:opacity-90 hover:shadow-lg text-white\" style=\"background-color: var(--secondary-action);\"> <span>\ud83d\udcac<\/span> <span>\u516c\u5f0fLINE\u3067\u76f8\u8ac7<\/span> <\/a>\n <\/div>\n <p id=\"email-address-text\" class=\"font-body text-sm mt-8\" style=\"color: var(--secondary-action);\">\ud83d\udce9 info@kitakyushu-akiyakanri.com<\/p>\n <\/div>\n <\/section>\n <\/main>\n <footer class=\"w-full px-6 py-8 text-center\" style=\"border-top: 1px solid rgba(0, 102, 204, 0.2);\">\n <p class=\"font-body text-xs\" style=\"color: var(--secondary-action);\">\u00a9 \u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a\u30b5\u30dd\u30fc\u30c8<\/p>\n <\/footer>\n <\/div>\n <script>\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15, rootMargin: '0px 0px -50px 0px' });\n\n document.querySelectorAll('.section-reveal').forEach(el => observer.observe(el));\n\n const defaultConfig = {\n background_color: '#F0F6FF',\n surface_color: '#FFFFFF',\n text_color: '#1E3A5F',\n primary_action_color: '#0066CC',\n secondary_action_color: '#0099FF',\n font_family: 'Shippori Mincho',\n font_size: 16,\n main_title: '\u898b\u5b88\u308a\u3068\u3044\u3046\u8003\u3048\u65b9',\n hero_subtitle: '\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a\u30b5\u30dd\u30fc\u30c8',\n why_needed_title: '\u306a\u305c\u300c\u898b\u5b88\u308a\u300d\u304c\u5fc5\u8981\u306a\u306e\u304b',\n values_title: '\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a\u304c\u5927\u5207\u306b\u3057\u3066\u3044\u308b\u3053\u3068',\n why_no_work_title: '\u306a\u305c\u4f5c\u696d\u3092\u3057\u306a\u3044\u306e\u304b',\n future_title: '\u898b\u5b88\u308a\u306f\u300c\u4eca\u300d\u3060\u3051\u3067\u306a\u304f\u300c\u5c06\u6765\u300d\u306b\u3082\u5f79\u7acb\u3061\u307e\u3059',\n target_title: '\u3053\u3093\u306a\u65b9\u306b\u5411\u3044\u3066\u3044\u308b\u30b5\u30fc\u30d3\u30b9\u3067\u3059',\n cta_title: '\u3054\u76f8\u8ac7\u306f\u7121\u6599\u3067\u3059',\n contact_email: 'info@kitakyushu-akiyakanri.com',\n line_url: 'https:\/\/lin.ee\/NWOP0OA'\n };\n\n function applyConfig(config) {\n const c = { ...defaultConfig, ...config };\n const root = document.documentElement;\n\n root.style.setProperty('--bg-color', c.background_color);\n root.style.setProperty('--surface-color', c.surface_color);\n root.style.setProperty('--text-color', c.text_color);\n root.style.setProperty('--primary-action', c.primary_action_color);\n root.style.setProperty('--secondary-action', c.secondary_action_color);\n\n document.body.style.color = c.text_color;\n document.body.style.backgroundColor = c.background_color;\n\n document.querySelectorAll('.value-card').forEach(el => {\n el.style.backgroundColor = c.surface_color;\n });\n\n document.querySelectorAll('[style*=\"background-color: var(--surface-color)\"]').forEach(el => {\n el.style.backgroundColor = c.surface_color;\n });\n\n document.querySelectorAll('.flex-shrink-0.w-12').forEach(el => {\n el.style.backgroundColor = c.primary_action_color;\n });\n\n const emailBtn = document.querySelector('#email-link');\n if (emailBtn) emailBtn.style.backgroundColor = c.primary_action_color;\n\n const lineBtn = document.querySelector('#line-link');\n if (lineBtn) lineBtn.style.backgroundColor = c.secondary_action_color;\n\n document.querySelectorAll('.insight-block').forEach(el => {\n el.style.borderLeftColor = c.primary_action_color;\n });\n\n const subtitleEl = document.getElementById('hero-subtitle');\n if (subtitleEl) subtitleEl.style.color = c.secondary_action_color;\n\n const emailAddrText = document.getElementById('email-address-text');\n if (emailAddrText) emailAddrText.style.color = c.secondary_action_color;\n\n const customFont = c.font_family || defaultConfig.font_family;\n const displayStack = customFont + ', serif';\n const bodyStack = \"'Zen Maru Gothic', \" + customFont + \", sans-serif\";\n\n document.querySelectorAll('.font-display').forEach(el => {\n el.style.fontFamily = displayStack;\n });\n\n document.body.style.fontFamily = bodyStack;\n\n const base = c.font_size || defaultConfig.font_size;\n\n document.querySelectorAll('h1').forEach(el => {\n el.style.fontSize = (base * 3) + 'px';\n });\n\n document.querySelectorAll('h2').forEach(el => {\n el.style.fontSize = (base * 2) + 'px';\n });\n\n document.querySelectorAll('h3').forEach(el => {\n el.style.fontSize = (base * 1.3) + 'px';\n });\n\n const mainTitleEl = document.getElementById('main-title');\n if (mainTitleEl) mainTitleEl.textContent = c.main_title;\n\n if (subtitleEl) subtitleEl.textContent = c.hero_subtitle;\n\n const whyNeededEl = document.getElementById('why-needed-title');\n if (whyNeededEl) whyNeededEl.textContent = c.why_needed_title;\n\n const valuesEl = document.getElementById('values-title');\n if (valuesEl) valuesEl.innerHTML = c.values_title.replace(\/\\n\/g, '<br>');\n\n const whyNoWorkEl = document.getElementById('why-no-work-title');\n if (whyNoWorkEl) whyNoWorkEl.textContent = c.why_no_work_title;\n\n const futureEl = document.getElementById('future-title');\n if (futureEl) futureEl.innerHTML = c.future_title.replace(\/\\n\/g, '<br>');\n\n const targetEl = document.getElementById('target-title');\n if (targetEl) targetEl.innerHTML = c.target_title.replace(\/\\n\/g, '<br>');\n\n const ctaEl = document.getElementById('cta-title');\n if (ctaEl) ctaEl.textContent = c.cta_title;\n\n const emailLink = document.getElementById('email-link');\n if (emailLink) emailLink.href = 'mailto:' + c.contact_email;\n\n if (emailAddrText) emailAddrText.textContent = '\ud83d\udce9 ' + c.contact_email;\n\n const lineLinkEl = document.getElementById('line-link');\n if (lineLinkEl) lineLinkEl.href = c.line_url;\n }\n\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig: defaultConfig,\n onConfigChange: async (config) => {\n applyConfig(config);\n },\n mapToCapabilities: (config) => {\n const c = { ...defaultConfig, ...config };\n return {\n recolorables: [\n {\n get: () => c.background_color || defaultConfig.background_color,\n set: (v) => { c.background_color = v; window.elementSdk.setConfig({ background_color: v }); }\n },\n {\n get: () => c.surface_color || defaultConfig.surface_color,\n set: (v) => { c.surface_color = v; window.elementSdk.setConfig({ surface_color: v }); }\n },\n {\n get: () => c.text_color || defaultConfig.text_color,\n set: (v) => { c.text_color = v; window.elementSdk.setConfig({ text_color: v }); }\n },\n {\n get: () => c.primary_action_color || defaultConfig.primary_action_color,\n set: (v) => { c.primary_action_color = v; window.elementSdk.setConfig({ primary_action_color: v }); }\n },\n {\n get: () => c.secondary_action_color || defaultConfig.secondary_action_color,\n set: (v) => { c.secondary_action_color = v; window.elementSdk.setConfig({ secondary_action_color: v }); }\n }\n ],\n borderables: [],\n fontEditable: {\n get: () => c.font_family || defaultConfig.font_family,\n set: (v) => { c.font_family = v; window.elementSdk.setConfig({ font_family: v }); }\n },\n fontSizeable: {\n get: () => c.font_size || defaultConfig.font_size,\n set: (v) => { c.font_size = v; window.elementSdk.setConfig({ font_size: v }); }\n }\n };\n },\n mapToEditPanelValues: (config) => {\n const c = { ...defaultConfig, ...config };\n return new Map([\n ['main_title', c.main_title || defaultConfig.main_title],\n ['hero_subtitle', c.hero_subtitle || defaultConfig.hero_subtitle],\n ['why_needed_title', c.why_needed_title || defaultConfig.why_needed_title],\n ['values_title', c.values_title || defaultConfig.values_title],\n ['why_no_work_title', c.why_no_work_title || defaultConfig.why_no_work_title],\n ['future_title', c.future_title || defaultConfig.future_title],\n ['target_title', c.target_title || defaultConfig.target_title],\n ['cta_title', c.cta_title || defaultConfig.cta_title],\n ['contact_email', c.contact_email || defaultConfig.contact_email],\n ['line_url', c.line_url || defaultConfig.line_url]\n ]);\n }\n });\n }\n\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:'9cb5f80515908323',t:'MTc3MDY2NzM5My4wMDAwMDA='};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>\u898b\u5b88\u308a\u3068\u3044\u3046\u8003\u3048\u65b9 | \u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a \u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a\u30b5\u30dd\u30fc\u30c8 \u898b\u5b88\u308a\u3068\u3044\u3046\u8003\u3048\u65b9 \u300c\u4f55\u304b\u3092\u3059\u308b\u7ba1\u7406\u300d\u3067\u306f\u306a\u304f\u3001\u300c\u304d\u3061\u3093\u3068\u898b\u3066\u3001\u8a18\u9332\u3057\u3001\u4f1d\u3048\u308b\u7ba1\u7406\u300d \u3092\u5927\u5207\u306b\u3057\u3066\u3044\u307e\u3059\u3002 \u7a7a\u304d\u5bb6\u3068\u7a7a\u304d\u5730\u306e\u30c8\u30e9\u30d6\u30eb\u306e\u591a\u304f\u306f\u3001\u6c17\u3065\u304f […]<\/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-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/pages\/19","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=19"}],"version-history":[{"count":4,"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":130,"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions\/130"}],"wp:attachment":[{"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}