\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;900&family=Noto+Sans+JP:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n box-sizing: border-box;\n }\n\n :root {\n --bg-color: #ffffff;\n --surface-color: #f0f7ff;\n --text-color: #1a365d;\n --primary-action: #1e5ba8;\n --secondary-action: #2b7ec8;\n }\n\n * {\n margin: 0;\n padding: 0;\n }\n\n html, body {\n height: 100%;\n width: 100%;\n }\n\n body {\n font-family: 'Noto Sans JP', sans-serif;\n background: var(--bg-color);\n color: var(--text-color);\n }\n\n .font-display {\n font-family: 'Zen Maru Gothic', serif;\n }\n\n .app-wrapper {\n width: 100%;\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n background: var(--bg-color);\n }\n\n \/* Subtle grain texture overlay *\/\n .app-wrapper::before {\n content: '';\n position: fixed;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.02'\/%3E%3C\/svg%3E\");\n pointer-events: none;\n z-index: 0;\n }\n\n .content-layer {\n position: relative;\n z-index: 1;\n }\n\n \/* Hero floating leaves animation *\/\n @keyframes floatLeaf1 {\n 0%, 100% { transform: translate(0, 0) rotate(0deg); opacity: 0.1; }\n 25% { transform: translate(15px, -20px) rotate(15deg); opacity: 0.15; }\n 50% { transform: translate(-10px, -35px) rotate(-10deg); opacity: 0.12; }\n 75% { transform: translate(20px, -15px) rotate(20deg); opacity: 0.1; }\n }\n @keyframes floatLeaf2 {\n 0%, 100% { transform: translate(0, 0) rotate(0deg); opacity: 0.08; }\n 33% { transform: translate(-20px, -25px) rotate(-20deg); opacity: 0.12; }\n 66% { transform: translate(15px, -40px) rotate(15deg); opacity: 0.1; }\n }\n @keyframes floatLeaf3 {\n 0%, 100% { transform: translate(0, 0) rotate(0deg); opacity: 0.09; }\n 50% { transform: translate(25px, -30px) rotate(25deg); opacity: 0.14; }\n }\n\n .leaf-1 { animation: floatLeaf1 8s ease-in-out infinite; }\n .leaf-2 { animation: floatLeaf2 10s ease-in-out infinite 1s; }\n .leaf-3 { animation: floatLeaf3 12s ease-in-out infinite 2s; }\n\n \/* Staggered reveal *\/\n @keyframes fadeSlideUp {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .reveal {\n opacity: 0;\n animation: fadeSlideUp 0.7s ease-out forwards;\n }\n .reveal-d1 { animation-delay: 0.1s; }\n .reveal-d2 { animation-delay: 0.2s; }\n .reveal-d3 { animation-delay: 0.3s; }\n .reveal-d4 { animation-delay: 0.4s; }\n .reveal-d5 { animation-delay: 0.5s; }\n .reveal-d6 { animation-delay: 0.6s; }\n\n \/* Card hover effect *\/\n .service-card {\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n border: 1px solid rgba(30, 91, 168, 0.1);\n }\n .service-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 40px rgba(30, 91, 168, 0.12);\n }\n\n \/* Divider *\/\n .section-divider {\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--primary-action), transparent);\n opacity: 0.2;\n }\n\n \/* Pulsing dot for CTA *\/\n @keyframes pulse-ring {\n 0% { transform: scale(1); opacity: 0.6; }\n 100% { transform: scale(1.8); opacity: 0; }\n }\n .pulse-dot::after {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: 50%;\n background: var(--primary-action);\n animation: pulse-ring 2s ease-out infinite;\n }\n\n \/* Smooth scrollbar *\/\n .app-wrapper::-webkit-scrollbar { width: 6px; }\n .app-wrapper::-webkit-scrollbar-track { background: transparent; }\n .app-wrapper::-webkit-scrollbar-thumb { background: var(--primary-action); border-radius: 3px; opacity: 0.4; }\n\n \/* Feature icon circles *\/\n .icon-circle {\n width: 56px;\n height: 56px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n flex-shrink: 0;\n background: var(--primary-action);\n color: white;\n }\n\n .not-do-item {\n position: relative;\n padding-left: 2rem;\n }\n .not-do-item::before {\n content: '\u2715';\n position: absolute;\n left: 0;\n color: #c0392b;\n font-weight: 700;\n font-size: 0.9rem;\n }\n\n .check-item {\n position: relative;\n padding-left: 2rem;\n }\n .check-item::before {\n content: '\u2713';\n position: absolute;\n left: 0;\n font-weight: 700;\n font-size: 0.9rem;\n color: var(--primary-action);\n }\n\n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .hero-title { font-size: 1.75rem !important; }\n .hero-subtitle { font-size: 1rem !important; }\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 class=\"app-wrapper\" id=\"appWrapper\">\n <div class=\"content-layer\">\n <header class=\"relative overflow-hidden\" style=\"background: linear-gradient(135deg, #ffffff 0%, #e8f2ff 50%, #f0f7ff 100%);\">\n <div class=\"absolute inset-0 pointer-events-none\" aria-hidden=\"true\">\n <svg class=\"leaf-1 absolute\" style=\"top:15%;left:8%;\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\">\n <path d=\"M20 2C12 8 4 18 8 30C12 36 20 38 28 32C36 24 32 10 20 2Z\" fill=\"#1e5ba8\" opacity=\"0.1\" \/>\n <\/svg>\n <svg class=\"leaf-2 absolute\" style=\"top:60%;right:12%;\" width=\"35\" height=\"35\" viewBox=\"0 0 40 40\">\n <path d=\"M20 2C12 8 4 18 8 30C12 36 20 38 28 32C36 24 32 10 20 2Z\" fill=\"#2b7ec8\" opacity=\"0.08\" \/>\n <\/svg>\n <svg class=\"leaf-3 absolute\" style=\"top:30%;right:25%;\" width=\"28\" height=\"28\" viewBox=\"0 0 40 40\">\n <path d=\"M20 2C12 8 4 18 8 30C12 36 20 38 28 32C36 24 32 10 20 2Z\" fill=\"#1e5ba8\" opacity=\"0.09\" \/>\n <\/svg>\n <svg class=\"leaf-2 absolute\" style=\"bottom:20%;left:20%;\" width=\"32\" height=\"32\" viewBox=\"0 0 40 40\">\n <path d=\"M20 2C12 8 4 18 8 30C12 36 20 38 28 32C36 24 32 10 20 2Z\" fill=\"#2b7ec8\" opacity=\"0.07\" \/>\n <\/svg>\n <\/div>\n <div class=\"max-w-4xl mx-auto px-6 py-20 md:py-28 text-center relative\">\n <div class=\"reveal reveal-d1 mb-6 flex justify-center\">\n <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" fill=\"none\">\n <path d=\"M32 8L6 30h8v22h14V38h8v14h14V30h8L32 8z\" fill=\"#1e5ba8\" stroke=\"#2b7ec8\" stroke-width=\"1.5\" \/>\n <circle cx=\"32\" cy=\"28\" r=\"4\" fill=\"#2b7ec8\" opacity=\"0.8\" \/>\n <path d=\"M28 52v-8h8v8\" fill=\"#f0f7ff\" \/>\n <\/svg>\n <\/div>\n <h1 id=\"heroTitle\" class=\"hero-title font-display font-900 text-3xl md:text-5xl mb-4 reveal reveal-d2 leading-tight\" style=\"color: var(--text-color);\">\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a<\/h1>\n <p id=\"heroSubtitle\" class=\"hero-subtitle font-display font-500 text-lg md:text-xl mb-6 reveal reveal-d3\" style=\"color: var(--primary-action);\">\u898b\u3066\u3001\u8a18\u9332\u3057\u3001\u4f1d\u3048\u308b\u3002<\/p>\n <p class=\"reveal reveal-d4 text-sm md:text-base leading-relaxed max-w-2xl mx-auto\" style=\"color: var(--text-color); opacity:0.75;\">\u7a7a\u304d\u5bb6\u30fb\u7a7a\u304d\u5730\u3092\u5b9a\u671f\u7684\u306b\u898b\u3066\u3001\u8a18\u9332\u3057\u3001\u4f1d\u3048\u308b<br class=\"hidden md:block\">\n \u898b\u5b88\u308a\u5c02\u9580\u306e\u30b5\u30fc\u30d3\u30b9\u3067\u3059\u3002<br>\n \u6e05\u6383\u3084\u4fee\u7e55\u306a\u3069\u306e\u4f5c\u696d\u306f\u884c\u308f\u305a\u3001<br class=\"hidden md:block\">\n \u72b6\u614b\u78ba\u8a8d\u3068\u5831\u544a\u306b\u7279\u5316\u3059\u308b\u3053\u3068\u3067\u3001<br class=\"hidden md:block\">\n \u5b89\u5fc3\u30fb\u5b89\u5168\u30fb\u7121\u7406\u306e\u306a\u3044\u7ba1\u7406\u3092\u5b9f\u73fe\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <\/header>\n <main>\n <section class=\"py-16 md:py-20 px-6 bg-white\" aria-labelledby=\"serviceTitle\">\n <div class=\"max-w-4xl mx-auto\">\n <h2 id=\"serviceTitle\" class=\"font-display font-700 text-2xl md:text-3xl text-center mb-12 reveal\" style=\"color: var(--text-color);\">\u6bce\u67081\u56de\u306e\u5b9a\u671f\u898b\u5b88\u308a\u3067\u884c\u3046\u3053\u3068<\/h2>\n <div class=\"grid md:grid-cols-2 gap-6\">\n <article class=\"service-card rounded-2xl p-6 reveal reveal-d1\" style=\"background: var(--surface-color);\">\n <div class=\"flex items-start gap-4 mb-4\">\n <div class=\"icon-circle\">\ud83c\udfe0<\/div>\n <div>\n <h3 class=\"font-display font-700 text-lg mb-2\" style=\"color: var(--text-color);\">\u5efa\u7269\u5916\u89b3\u30fb\u6577\u5730\u306e\u78ba\u8a8d<\/h3>\n <\/div>\n <\/div>\n <ul class=\"space-y-2 text-sm leading-relaxed mb-4\" style=\"color: var(--text-color); opacity: 0.75;\">\n <li>\u30fb\u5efa\u7269\u5916\u5468\u306e\u76ee\u8996\u78ba\u8a8d<\/li>\n <li>\u30fb\u5916\u58c1\u3084\u5c4b\u6839\u307e\u308f\u308a\u306e\u7570\u5e38\u306e\u6709\u7121<\/li>\n <li>\u30fb\u5012\u308c\u305d\u3046\u306a\u7269\u3084\u98db\u6563\u7269\u306e\u78ba\u8a8d<\/li>\n <li>\u30fb\u6577\u5730\u5185\u306e\u72b6\u614b\u78ba\u8a8d<\/li>\n <\/ul>\n <p class=\"text-sm font-500\" style=\"color: var(--primary-action);\">\ud83d\udc49 \u52a3\u5316\u3084\u30c8\u30e9\u30d6\u30eb\u306e\u5146\u5019\u3092\u65e9\u3044\u6bb5\u968e\u3067\u628a\u63e1\u3057\u307e\u3059\u3002<\/p>\n <\/article>\n <article class=\"service-card rounded-2xl p-6 reveal reveal-d2\" style=\"background: var(--surface-color);\">\n <div class=\"flex items-start gap-4 mb-4\">\n <div class=\"icon-circle\">\ud83d\udcec<\/div>\n <div>\n <h3 class=\"font-display font-700 text-lg mb-2\" style=\"color: var(--text-color);\">\u90f5\u4fbf\u30dd\u30b9\u30c8\u30fb\u51fa\u5165\u53e3\u4ed8\u8fd1\u306e\u78ba\u8a8d<\/h3>\n <\/div>\n <\/div>\n <ul class=\"space-y-2 text-sm leading-relaxed mb-4\" style=\"color: var(--text-color); opacity: 0.75;\">\n <li>\u30fb\u90f5\u4fbf\u7269\u304c\u6e9c\u307e\u3063\u3066\u3044\u306a\u3044\u304b<\/li>\n <li>\u30fb\u30c1\u30e9\u30b7\u3084\u4e0d\u5be9\u7269\u306e\u6709\u7121<\/li>\n <li>\u30fb\u4eba\u306e\u51fa\u5165\u308a\u304c\u306a\u3044\u5370\u8c61\u306b\u306a\u3063\u3066\u3044\u306a\u3044\u304b<\/li>\n <\/ul>\n <p class=\"text-sm font-500\" style=\"color: var(--primary-action);\">\ud83d\udc49 \u9632\u72af\u9762\u30fb\u8fd1\u96a3\u914d\u616e\u306e\u89b3\u70b9\u304b\u3089\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/p>\n <\/article>\n <article class=\"service-card rounded-2xl p-6 reveal reveal-d3\" style=\"background: var(--surface-color);\">\n <div class=\"flex items-start gap-4 mb-4\">\n <div class=\"icon-circle\">\ud83c\udf3f<\/div>\n <div>\n <h3 class=\"font-display font-700 text-lg mb-2\" style=\"color: var(--text-color);\">\u8349\u6728\u30fb\u5468\u8fba\u74b0\u5883\u306e\u30c1\u30a7\u30c3\u30af<\/h3>\n <\/div>\n <\/div>\n <ul class=\"space-y-2 text-sm leading-relaxed mb-4\" style=\"color: var(--text-color); opacity: 0.75;\">\n <li>\u30fb\u8349\u3084\u96d1\u8349\u306e\u4f38\u3073\u5177\u5408<\/li>\n <li>\u30fb\u8d8a\u5883\u3084\u8fd1\u96a3\u3078\u306e\u5f71\u97ff\u304c\u51fa\u3066\u3044\u306a\u3044\u304b<\/li>\n <li>\u30fb\u5bb3\u866b\u3084\u4e0d\u885b\u751f\u306a\u72b6\u614b\u304c\u898b\u3089\u308c\u306a\u3044\u304b<\/li>\n <\/ul>\n <p class=\"text-sm font-500\" style=\"color: var(--primary-action);\">\ud83d\udc49 \u8fd1\u96a3\u30c8\u30e9\u30d6\u30eb\u306e\u539f\u56e0\u306b\u306a\u308a\u3084\u3059\u3044\u30dd\u30a4\u30f3\u30c8\u3092\u4e8b\u524d\u306b\u628a\u63e1\u3057\u307e\u3059\u3002<\/p>\n <\/article>\n <article class=\"service-card rounded-2xl p-6 reveal reveal-d4\" style=\"background: var(--surface-color);\">\n <div class=\"flex items-start gap-4 mb-4\">\n <div class=\"icon-circle\">\ud83d\udcf7<\/div>\n <div>\n <h3 class=\"font-display font-700 text-lg mb-2\" style=\"color: var(--text-color);\">\u5199\u771f\u64ae\u5f71\u3068\u5831\u544a<\/h3>\n <\/div>\n <\/div>\n <ul class=\"space-y-2 text-sm leading-relaxed mb-4\" style=\"color: var(--text-color); opacity: 0.75;\">\n <li>\u30fb\u7269\u4ef6\u306e\u72b6\u6cc1\u3092\u5199\u771f\u3067\u8a18\u9332<\/li>\n <li>\u30fb\u5199\u771f\u679a\u6570\uff1a10\u301c30\u679a\u7a0b\u5ea6<\/li>\n <li>\u30fb\u30e1\u30fc\u30eb\u307e\u305f\u306f\u516c\u5f0fLINE\u3067\u3054\u5831\u544a<\/li>\n <\/ul>\n <p class=\"text-sm font-500\" style=\"color: var(--primary-action);\">\ud83d\udc49 \u9060\u65b9\u306b\u3044\u3066\u3082\u3001\u73fe\u5730\u306e\u69d8\u5b50\u304c\u5206\u304b\u308b\u898b\u5b88\u308a\u3067\u3059\u3002<\/p>\n <\/article>\n <\/div>\n <article class=\"service-card rounded-2xl p-6 mt-6 reveal reveal-d5\" style=\"background: var(--surface-color); border-left: 4px solid var(--primary-action);\">\n <div class=\"flex items-start gap-4 mb-4\">\n <div class=\"icon-circle\">\ud83d\udd14<\/div>\n <div>\n <h3 class=\"font-display font-700 text-lg mb-2\" style=\"color: var(--text-color);\">\u7570\u5e38\u6642\u306e\u3054\u9023\u7d61<\/h3>\n <\/div>\n <\/div>\n <ul class=\"space-y-2 text-sm leading-relaxed mb-4\" style=\"color: var(--text-color); opacity: 0.75;\">\n <li>\u30fb\u7834\u640d\u3084\u4e0d\u5be9\u306a\u72b6\u6cc1\u304c\u3042\u3063\u305f\u5834\u5408<\/li>\n <li>\u30fb\u30c8\u30e9\u30d6\u30eb\u306b\u3064\u306a\u304c\u308a\u305d\u3046\u306a\u5146\u5019\u304c\u3042\u3063\u305f\u5834\u5408<\/li>\n <\/ul>\n <p class=\"text-sm font-500 mb-4\" style=\"color: var(--primary-action);\">\ud83d\udc49 \u901f\u3084\u304b\u306b\u3054\u9023\u7d61\u3057\u3001\u73fe\u72b6\u3092\u5206\u304b\u308a\u3084\u3059\u304f\u304a\u4f1d\u3048\u3057\u307e\u3059\u3002<\/p>\n <div class=\"text-xs space-y-1\" style=\"color: var(--text-color); opacity: 0.5;\">\n <p>\u203b \u52dd\u624b\u306b\u4f5c\u696d\u3092\u884c\u3046\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093<\/p>\n <p>\u203b \u5fc5\u305a\u3054\u76f8\u8ac7\u306e\u3046\u3048\u5bfe\u5fdc\u3092\u6c7a\u3081\u307e\u3059<\/p>\n <\/div>\n <\/article>\n <\/div>\n <\/section>\n\n <div class=\"section-divider max-w-3xl mx-auto\"><\/div>\n\n \n <section class=\"py-16 md:py-20 px-6 bg-white\" aria-labelledby=\"notDoTitle\">\n <div class=\"max-w-3xl mx-auto\">\n <h2 id=\"notDoTitle\" class=\"font-display font-700 text-2xl md:text-3xl text-center mb-4 reveal\" style=\"color: var(--text-color);\">\u898b\u5b88\u308a\u3060\u304b\u3089\u300c\u3084\u3089\u306a\u3044\u3053\u3068\u300d<\/h2>\n <p class=\"text-center text-sm mb-10 reveal reveal-d1\" style=\"color: var(--text-color); opacity:0.6;\">\u5b89\u5fc3\u3057\u3066\u3054\u5229\u7528\u3044\u305f\u3060\u304f\u305f\u3081\u3001\u6700\u521d\u304b\u3089\u5bfe\u5fdc\u7bc4\u56f2\u3092\u660e\u78ba\u306b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <div class=\"rounded-2xl p-8 reveal reveal-d2\" style=\"background: var(--surface-color);\">\n <ul class=\"space-y-4 text-sm md:text-base\" style=\"color: var(--text-color); opacity:0.8;\">\n <li class=\"not-do-item\">\u5ba4\u5185\u6e05\u6383\u30fb\u7247\u4ed8\u3051<\/li>\n <li class=\"not-do-item\">\u901a\u6c34\u30fb\u63db\u6c17\u306a\u3069\u306e\u5ba4\u5185\u4f5c\u696d<\/li>\n <li class=\"not-do-item\">\u4fee\u7e55\u3084\u5de5\u4e8b\u306e\u5224\u65ad\u30fb\u5b9f\u65bd<\/li>\n <li class=\"not-do-item\">\u58f2\u8cb7\u30fb\u8cc3\u8cb8\u306e\u4ef2\u4ecb<\/li>\n <li class=\"not-do-item\">\u79c1\u7269\u3084\u5bb6\u5177\u3078\u306e\u63a5\u89e6<\/li>\n <\/ul>\n <p class=\"mt-6 text-sm font-500\" style=\"color: var(--primary-action);\">\ud83d\udc49 \u898b\u5b88\u308a\u306b\u5fc5\u8981\u306a\u3053\u3068\u3060\u3051\u3092\u884c\u3044\u3001\u4f59\u8a08\u306a\u3053\u3068\u306f\u3057\u307e\u305b\u3093\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"section-divider max-w-3xl mx-auto\"><\/div>\n\n \n <section class=\"py-16 md:py-20 px-6 bg-white\" aria-labelledby=\"featureTitle\">\n <div class=\"max-w-4xl mx-auto\">\n <h2 id=\"featureTitle\" class=\"font-display font-700 text-2xl md:text-3xl text-center mb-12 reveal\" style=\"color: var(--text-color);\">\u898b\u5b88\u308a\u30b5\u30fc\u30d3\u30b9\u306e\u7279\u5fb4<\/h2>\n <div class=\"space-y-6\">\n <article class=\"service-card rounded-2xl p-6 md:p-8 reveal reveal-d1\" style=\"background: var(--surface-color);\">\n <div class=\"flex items-start gap-5\">\n <div class=\"icon-circle\">\ud83d\udccb<\/div>\n <div>\n <h3 class=\"font-display font-700 text-lg mb-3\" style=\"color: var(--text-color);\">\u5199\u771f\u3068\u8a18\u9332\u304c\u6b8b\u308b\u7ba1\u7406<\/h3>\n <ul class=\"space-y-2 text-sm\" style=\"color: var(--text-color); opacity:0.75;\">\n <li class=\"check-item\">\u6bce\u6708\u306e\u72b6\u6cc1\u3092\u5199\u771f\u3067\u4fdd\u5b58<\/li>\n <li class=\"check-item\">\u5f8c\u304b\u3089\u72b6\u614b\u3092\u78ba\u8a8d\u3067\u304d\u308b<\/li>\n <li class=\"check-item\">\u58f2\u5374\u3084\u76f8\u7d9a\u6642\u306e\u8aac\u660e\u6750\u6599\u306b\u3082\u6d3b\u7528\u53ef\u80fd<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/article>\n\n <article class=\"service-card rounded-2xl p-6 md:p-8 reveal reveal-d2\" style=\"background: var(--surface-color);\">\n <div class=\"flex items-start gap-5\">\n <div class=\"icon-circle\">\u2709\ufe0f<\/div>\n <div>\n <h3 class=\"font-display font-700 text-lg mb-3\" style=\"color: var(--text-color);\">\u7570\u5e38\u304c\u306a\u304f\u3066\u3082\u5831\u544a\u3057\u307e\u3059<\/h3>\n <p class=\"text-sm leading-relaxed mb-3\" style=\"color: var(--text-color); opacity:0.75;\">\u591a\u304f\u306e\u30b5\u30fc\u30d3\u30b9\u306f\u300c\u554f\u984c\u304c\u3042\u3063\u305f\u6642\u3060\u3051\u9023\u7d61\u300d\u3067\u3059\u304c\u3001<br>\n \u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a\u3067\u306f\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 <p class=\"text-sm font-500\" style=\"color: var(--primary-action);\">\ud83d\udc49\u300c\u4f55\u3082\u306a\u304b\u3063\u305f\u300d\u304c\u5206\u304b\u308b\u5b89\u5fc3\u611f\u3092\u5927\u5207\u306b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/article>\n\n <article class=\"service-card rounded-2xl p-6 md:p-8 reveal reveal-d3\" style=\"background: var(--surface-color);\">\n <div class=\"flex items-start gap-5\">\n <div class=\"icon-circle\">\u26c8\ufe0f<\/div>\n <div>\n <h3 class=\"font-display font-700 text-lg mb-3\" style=\"color: var(--text-color);\">\u707d\u5bb3\u6642\u3082\u72b6\u6cc1\u78ba\u8a8d\u304c\u53ef\u80fd<\/h3>\n <p class=\"text-sm leading-relaxed mb-3\" style=\"color: var(--text-color); opacity:0.75;\">\u53f0\u98a8\u30fb\u5927\u96e8\u306a\u3069\u707d\u5bb3\u5f8c\u306b\u306f\u3001\u5358\u767a\u3067\u306e\u898b\u5b88\u308a\u78ba\u8a8d\u306b\u3082\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <ul class=\"space-y-2 text-sm mb-3\" style=\"color: var(--text-color); opacity:0.75;\">\n <li>\u30fb\u5efa\u7269\u5916\u89b3\u30fb\u6577\u5730\u306e\u78ba\u8a8d<\/li>\n <li>\u30fb\u5199\u771f\u64ae\u5f71<\/li>\n <li>\u30fb\u901f\u5831\u5831\u544a<\/li>\n <\/ul>\n <div class=\"text-xs space-y-1\" style=\"color: var(--text-color); opacity: 0.5;\">\n <p>\u203b \u5b89\u5168\u3092\u6700\u512a\u5148\u3057\u3001\u78ba\u8a8d\u53ef\u80fd\u306a\u7bc4\u56f2\u3067\u5bfe\u5fdc<\/p>\n <p>\u203b \u4fee\u7e55\u30fb\u5fa9\u65e7\u4f5c\u696d\u306f\u884c\u3044\u307e\u305b\u3093<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/article>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"section-divider max-w-3xl mx-auto\"><\/div>\n\n \n <section class=\"py-16 md:py-20 px-6 bg-white\" aria-labelledby=\"targetTitle\">\n <div class=\"max-w-3xl mx-auto text-center\">\n <h2 id=\"targetTitle\" class=\"font-display font-700 text-2xl md:text-3xl mb-10 reveal\" style=\"color: var(--text-color);\">\u3053\u3093\u306a\u65b9\u306b\u9078\u3070\u308c\u3066\u3044\u307e\u3059<\/h2>\n <div class=\"grid sm:grid-cols-2 gap-4 text-left\">\n <div class=\"rounded-xl p-5 reveal reveal-d1\" style=\"background: var(--surface-color);\"><span class=\"text-2xl mb-2 block\">\u2708\ufe0f<\/span>\n <p class=\"text-sm\" style=\"color: var(--text-color); opacity:0.8;\">\u9060\u65b9\u306b\u4f4f\u3093\u3067\u3044\u3066\u983b\u7e41\u306b\u884c\u3051\u306a\u3044<\/p>\n <\/div>\n <div class=\"rounded-xl p-5 reveal reveal-d2\" style=\"background: var(--surface-color);\"><span class=\"text-2xl mb-2 block\">\ud83d\udcca<\/span>\n <p class=\"text-sm\" style=\"color: var(--text-color); opacity:0.8;\">\u7a7a\u304d\u5bb6\u306e\u72b6\u614b\u3092\u5b9a\u671f\u7684\u306b\u77e5\u308a\u305f\u3044<\/p>\n <\/div>\n <div class=\"rounded-xl p-5 reveal reveal-d3\" style=\"background: var(--surface-color);\"><span class=\"text-2xl mb-2 block\">\ud83e\udd1d<\/span>\n <p class=\"text-sm\" style=\"color: var(--text-color); opacity:0.8;\">\u8fd1\u96a3\u30c8\u30e9\u30d6\u30eb\u3092\u672a\u7136\u306b\u9632\u304e\u305f\u3044<\/p>\n <\/div>\n <div class=\"rounded-xl p-5 reveal reveal-d4\" style=\"background: var(--surface-color);\"><span class=\"text-2xl mb-2 block\">\ud83d\udcc4<\/span>\n <p class=\"text-sm\" style=\"color: var(--text-color); opacity:0.8;\">\u58f2\u5374\u3084\u76f8\u7d9a\u524d\u306b\u73fe\u72b6\u3092\u628a\u63e1\u3057\u305f\u3044<\/p>\n <\/div>\n <div class=\"rounded-xl p-5 sm:col-span-2 reveal reveal-d5\" style=\"background: var(--surface-color);\"><span class=\"text-2xl mb-2 block\">\ud83d\udc41\ufe0f<\/span>\n <p class=\"text-sm\" style=\"color: var(--text-color); opacity:0.8;\">\u4f59\u8a08\u306a\u4f5c\u696d\u306f\u983c\u307e\u305a\u3001\u898b\u5b88\u308a\u3060\u3051\u3057\u3066\u307b\u3057\u3044<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"section-divider max-w-3xl mx-auto\"><\/div>\n\n \n <section class=\"py-16 md:py-20 px-6 bg-white\" aria-labelledby=\"contactTitle\">\n <div class=\"max-w-2xl mx-auto text-center\">\n <h2 id=\"contactTitle\" class=\"font-display font-700 text-2xl md:text-3xl mb-4 reveal\" style=\"color: var(--text-color);\">\u3054\u76f8\u8ac7\u306f\u7121\u6599\u3067\u3059<\/h2>\n <p class=\"text-sm mb-10 reveal reveal-d1\" style=\"color: var(--text-color); opacity:0.6;\">\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=\"space-y-4 reveal reveal-d2\">\n \n <a id=\"emailLink\" href=\"mailto:info@kitakyushu-akiyakanri.com\" class=\"flex items-center justify-center gap-3 rounded-xl px-6 py-4 text-sm md:text-base font-500 transition-all duration-300 hover:scale-105\" style=\"background: var(--surface-color); color: var(--text-color); text-decoration:none; border: 1px solid rgba(30, 91, 168, 0.15);\">\n <span class=\"text-xl\">\ud83d\udce9<\/span>\n <span>\u30e1\u30fc\u30eb\uff1a<span id=\"emailText\" style=\"color: var(--primary-action);\">info@kitakyushu-akiyakanri.com<\/span><\/span>\n <\/a>\n \n <a href=\"https:\/\/lin.ee\/NWOP0OA\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"flex items-center justify-center gap-3 rounded-xl px-6 py-4 text-sm md:text-base font-700 transition-all duration-300 hover:scale-105 text-white\" style=\"background: var(--primary-action); text-decoration:none;\">\n <span class=\"text-xl\">\ud83d\udcac<\/span>\n <span>\u516c\u5f0fLINE\u3067\u76f8\u8ac7\u3059\u308b<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"py-8 px-6 text-center bg-white\" style=\"border-top: 1px solid rgba(30, 91, 168, 0.1);\">\n <p class=\"text-xs\" style=\"color: var(--text-color); opacity:0.4;\">\u00a9 \u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a<\/p>\n <\/footer>\n <\/main>\n <\/div>\n <\/div>\n\n <script>\n const defaultConfig = {\n \/\/ Colors\n background_color: '#ffffff',\n surface_color: '#f0f7ff',\n text_color: '#1a365d',\n primary_action_color: '#1e5ba8',\n secondary_action_color: '#2b7ec8',\n \/\/ Font\n font_family: 'Zen Maru Gothic',\n font_size: 16,\n \/\/ Editable text\n hero_title: '\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a',\n hero_subtitle: '\u898b\u3066\u3001\u8a18\u9332\u3057\u3001\u4f1d\u3048\u308b\u3002',\n section_service_title: '\u6bce\u67081\u56de\u306e\u5b9a\u671f\u898b\u5b88\u308a\u3067\u884c\u3046\u3053\u3068',\n section_not_title: '\u898b\u5b88\u308a\u3060\u304b\u3089\u300c\u3084\u3089\u306a\u3044\u3053\u3068\u300d',\n section_feature_title: '\u898b\u5b88\u308a\u30b5\u30fc\u30d3\u30b9\u306e\u7279\u5fb4',\n section_target_title: '\u3053\u3093\u306a\u65b9\u306b\u9078\u3070\u308c\u3066\u3044\u307e\u3059',\n contact_title: '\u3054\u76f8\u8ac7\u306f\u7121\u6599\u3067\u3059',\n contact_email: 'info@kitakyushu-akiyakanri.com'\n };\n\n function applyConfig(config) {\n const root = document.documentElement;\n const bg = config.background_color || defaultConfig.background_color;\n const surface = config.surface_color || defaultConfig.surface_color;\n const text = config.text_color || defaultConfig.text_color;\n const primary = config.primary_action_color || defaultConfig.primary_action_color;\n const secondary = config.secondary_action_color || defaultConfig.secondary_action_color;\n\n root.style.setProperty('--bg-color', bg);\n root.style.setProperty('--surface-color', surface);\n root.style.setProperty('--text-color', text);\n root.style.setProperty('--primary-action', primary);\n root.style.setProperty('--secondary-action', secondary);\n\n \/\/ Background\n const wrapper = document.getElementById('appWrapper');\n if (wrapper) wrapper.style.background = bg;\n\n \/\/ Surface cards - update all instances\n document.querySelectorAll('[style*=\"var(--surface-color)\"]').forEach(el => {\n if (el.style.background && el.style.background.includes('var(--surface-color)')) {\n el.style.background = surface;\n }\n });\n\n \/\/ Text color on body\n document.body.style.color = text;\n\n \/\/ Icon circles\n document.querySelectorAll('.icon-circle').forEach(el => {\n el.style.background = primary;\n el.style.color = bg === '#ffffff' ? '#ffffff' : text;\n });\n\n \/\/ LINE button\uff08\u6700\u521d\u306e lin.ee \u306e\u307f\uff09\n const lineBtn = document.querySelector('a[href*=\"lin.ee\"]');\n if (lineBtn) {\n lineBtn.style.background = primary;\n lineBtn.style.color = '#ffffff';\n }\n\n \/\/ Font\n const customFont = config.font_family || defaultConfig.font_family;\n const displayStack = `${customFont}, serif`;\n const bodyStack = `'Noto Sans JP', ${customFont}, sans-serif`;\n\n document.querySelectorAll('.font-display').forEach(el => {\n el.style.fontFamily = displayStack;\n });\n document.body.style.fontFamily = bodyStack;\n\n \/\/ Font size\n const baseSize = config.font_size || defaultConfig.font_size;\n document.body.style.fontSize = `${baseSize}px`;\n\n const heroTitleEl = document.getElementById('heroTitle');\n const heroSubEl = document.getElementById('heroSubtitle');\n\n if (heroTitleEl) heroTitleEl.style.fontSize = '';\n if (heroSubEl) heroSubEl.style.fontSize = '';\n\n document.querySelectorAll('h2').forEach(el => { el.style.fontSize = ''; });\n document.querySelectorAll('h3').forEach(el => { el.style.fontSize = `${baseSize * 1.125}px`; });\n\n \/\/ Editable text content\n if (heroTitleEl) heroTitleEl.textContent = config.hero_title || defaultConfig.hero_title;\n if (heroSubEl) heroSubEl.textContent = config.hero_subtitle || defaultConfig.hero_subtitle;\n\n const serviceTitleEl = document.getElementById('serviceTitle');\n if (serviceTitleEl) serviceTitleEl.textContent = config.section_service_title || defaultConfig.section_service_title;\n\n const notDoTitleEl = document.getElementById('notDoTitle');\n if (notDoTitleEl) notDoTitleEl.textContent = config.section_not_title || defaultConfig.section_not_title;\n\n const featureTitleEl = document.getElementById('featureTitle');\n if (featureTitleEl) featureTitleEl.textContent = config.section_feature_title || defaultConfig.section_feature_title;\n\n const targetTitleEl = document.getElementById('targetTitle');\n if (targetTitleEl) targetTitleEl.textContent = config.section_target_title || defaultConfig.section_target_title;\n\n const contactTitleEl = document.getElementById('contactTitle');\n if (contactTitleEl) contactTitleEl.textContent = config.contact_title || defaultConfig.contact_title;\n\n \/\/ Email update\n const emailVal = config.contact_email || defaultConfig.contact_email;\n const emailTextEl = document.getElementById('emailText');\n if (emailTextEl) {\n emailTextEl.textContent = emailVal;\n emailTextEl.style.color = primary;\n }\n const emailLinkEl = document.getElementById('emailLink');\n if (emailLinkEl) {\n emailLinkEl.href = 'mailto:' + emailVal;\n emailLinkEl.style.background = surface;\n emailLinkEl.style.color = text;\n }\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 recolorables: [\n {\n get: () => config.background_color || defaultConfig.background_color,\n set: (v) => { config.background_color = v; window.elementSdk.setConfig({ background_color: v }); }\n },\n {\n get: () => config.surface_color || defaultConfig.surface_color,\n set: (v) => { config.surface_color = v; window.elementSdk.setConfig({ surface_color: v }); }\n },\n {\n get: () => config.text_color || defaultConfig.text_color,\n set: (v) => { config.text_color = v; window.elementSdk.setConfig({ text_color: v }); }\n },\n {\n get: () => config.primary_action_color || defaultConfig.primary_action_color,\n set: (v) => { config.primary_action_color = v; window.elementSdk.setConfig({ primary_action_color: v }); }\n },\n {\n get: () => config.secondary_action_color || defaultConfig.secondary_action_color,\n set: (v) => { config.secondary_action_color = v; window.elementSdk.setConfig({ secondary_action_color: v }); }\n }\n ],\n borderables: [],\n fontEditable: {\n get: () => config.font_family || defaultConfig.font_family,\n set: (v) => { config.font_family = v; window.elementSdk.setConfig({ font_family: v }); }\n },\n fontSizeable: {\n get: () => config.font_size || defaultConfig.font_size,\n set: (v) => { config.font_size = v; window.elementSdk.setConfig({ font_size: v }); }\n }\n }),\n mapToEditPanelValues: (config) => new Map([\n ['hero_title', config.hero_title || defaultConfig.hero_title],\n ['hero_subtitle', config.hero_subtitle || defaultConfig.hero_subtitle],\n ['section_service_title', config.section_service_title || defaultConfig.section_service_title],\n ['section_not_title', config.section_not_title || defaultConfig.section_not_title],\n ['section_feature_title', config.section_feature_title || defaultConfig.section_feature_title],\n ['section_target_title', config.section_target_title || defaultConfig.section_target_title],\n ['contact_title', config.contact_title || defaultConfig.contact_title],\n ['contact_email', config.contact_email || defaultConfig.contact_email]\n ])\n });\n }\n\n \/\/ Intersection Observer for scroll-triggered reveals\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.animationPlayState = 'running';\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('.reveal').forEach(el => {\n \/\/ Only pause elements below the fold\n const rect = el.getBoundingClientRect();\n if (rect.top > window.innerHeight) {\n el.style.animationPlayState = 'paused';\n observer.observe(el);\n }\n });\n <\/script>\n\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:'9cb5c20d3623d3c5',t:'MTc3MDY2NTE4Mi4wMDAwMDA='};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>\n <\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a \u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a \u898b\u3066\u3001\u8a18\u9332\u3057\u3001\u4f1d\u3048\u308b\u3002 \u7a7a\u304d\u5bb6\u30fb\u7a7a\u304d\u5730\u3092\u5b9a\u671f\u7684\u306b\u898b\u3066\u3001\u8a18\u9332\u3057\u3001\u4f1d\u3048\u308b \u898b\u5b88\u308a\u5c02\u9580\u306e\u30b5\u30fc\u30d3\u30b9\u3067\u3059\u3002 \u6e05\u6383\u3084\u4fee\u7e55\u306a\u3069\u306e\u4f5c\u696d\u306f\u884c\u308f\u305a\u3001 \u72b6\u614b\u78ba\u8a8d\u3068\u5831\u544a\u306b\u7279\u5316\u3059\u308b\u3053\u3068\u3067\u3001 \u5b89\u5fc3\u30fb\u5b89\u5168\u30fb\u7121\u7406 […]<\/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-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/pages\/14","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=14"}],"version-history":[{"count":7,"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":131,"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/131"}],"wp:attachment":[{"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":14,"date":"2026-02-07T23:11:10","date_gmt":"2026-02-07T14:11:10","guid":{"rendered":"https:\/\/kitakyushu-akiyakanri.com\/?page_id=14"},"modified":"2026-02-10T05:05:48","modified_gmt":"2026-02-09T20:05:48","slug":"%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9%e5%86%85%e5%ae%b9","status":"publish","type":"page","link":"https:\/\/kitakyushu-akiyakanri.com\/?page_id=14","title":{"rendered":"\u30b5\u30fc\u30d3\u30b9\u5185\u5bb9"},"content":{"rendered":"\n\n\n \n \n \n \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;900&family=Noto+Sans+JP:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n box-sizing: border-box;\n }\n\n :root {\n --bg-color: #ffffff;\n --surface-color: #f0f7ff;\n --text-color: #1a365d;\n --primary-action: #1e5ba8;\n --secondary-action: #2b7ec8;\n }\n\n * {\n margin: 0;\n padding: 0;\n }\n\n html, body {\n height: 100%;\n width: 100%;\n }\n\n body {\n font-family: 'Noto Sans JP', sans-serif;\n background: var(--bg-color);\n color: var(--text-color);\n }\n\n .font-display {\n font-family: 'Zen Maru Gothic', serif;\n }\n\n .app-wrapper {\n width: 100%;\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n background: var(--bg-color);\n }\n\n \/* Subtle grain texture overlay *\/\n .app-wrapper::before {\n content: '';\n position: fixed;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.02'\/%3E%3C\/svg%3E\");\n pointer-events: none;\n z-index: 0;\n }\n\n .content-layer {\n position: relative;\n z-index: 1;\n }\n\n \/* Hero floating leaves animation *\/\n @keyframes floatLeaf1 {\n 0%, 100% { transform: translate(0, 0) rotate(0deg); opacity: 0.1; }\n 25% { transform: translate(15px, -20px) rotate(15deg); opacity: 0.15; }\n 50% { transform: translate(-10px, -35px) rotate(-10deg); opacity: 0.12; }\n 75% { transform: translate(20px, -15px) rotate(20deg); opacity: 0.1; }\n }\n @keyframes floatLeaf2 {\n 0%, 100% { transform: translate(0, 0) rotate(0deg); opacity: 0.08; }\n 33% { transform: translate(-20px, -25px) rotate(-20deg); opacity: 0.12; }\n 66% { transform: translate(15px, -40px) rotate(15deg); opacity: 0.1; }\n }\n @keyframes floatLeaf3 {\n 0%, 100% { transform: translate(0, 0) rotate(0deg); opacity: 0.09; }\n 50% { transform: translate(25px, -30px) rotate(25deg); opacity: 0.14; }\n }\n\n .leaf-1 { animation: floatLeaf1 8s ease-in-out infinite; }\n .leaf-2 { animation: floatLeaf2 10s ease-in-out infinite 1s; }\n .leaf-3 { animation: floatLeaf3 12s ease-in-out infinite 2s; }\n\n \/* Staggered reveal *\/\n @keyframes fadeSlideUp {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .reveal {\n opacity: 0;\n animation: fadeSlideUp 0.7s ease-out forwards;\n }\n .reveal-d1 { animation-delay: 0.1s; }\n .reveal-d2 { animation-delay: 0.2s; }\n .reveal-d3 { animation-delay: 0.3s; }\n .reveal-d4 { animation-delay: 0.4s; }\n .reveal-d5 { animation-delay: 0.5s; }\n .reveal-d6 { animation-delay: 0.6s; }\n\n \/* Card hover effect *\/\n .service-card {\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n border: 1px solid rgba(30, 91, 168, 0.1);\n }\n .service-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 40px rgba(30, 91, 168, 0.12);\n }\n\n \/* Divider *\/\n .section-divider {\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--primary-action), transparent);\n opacity: 0.2;\n }\n\n \/* Pulsing dot for CTA *\/\n @keyframes pulse-ring {\n 0% { transform: scale(1); opacity: 0.6; }\n 100% { transform: scale(1.8); opacity: 0; }\n }\n .pulse-dot::after {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: 50%;\n background: var(--primary-action);\n animation: pulse-ring 2s ease-out infinite;\n }\n\n \/* Smooth scrollbar *\/\n .app-wrapper::-webkit-scrollbar { width: 6px; }\n .app-wrapper::-webkit-scrollbar-track { background: transparent; }\n .app-wrapper::-webkit-scrollbar-thumb { background: var(--primary-action); border-radius: 3px; opacity: 0.4; }\n\n \/* Feature icon circles *\/\n .icon-circle {\n width: 56px;\n height: 56px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n flex-shrink: 0;\n background: var(--primary-action);\n color: white;\n }\n\n .not-do-item {\n position: relative;\n padding-left: 2rem;\n }\n .not-do-item::before {\n content: '\u2715';\n position: absolute;\n left: 0;\n color: #c0392b;\n font-weight: 700;\n font-size: 0.9rem;\n }\n\n .check-item {\n position: relative;\n padding-left: 2rem;\n }\n .check-item::before {\n content: '\u2713';\n position: absolute;\n left: 0;\n font-weight: 700;\n font-size: 0.9rem;\n color: var(--primary-action);\n }\n\n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .hero-title { font-size: 1.75rem !important; }\n .hero-subtitle { font-size: 1rem !important; }\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 class=\"app-wrapper\" id=\"appWrapper\">\n <div class=\"content-layer\">\n <header class=\"relative overflow-hidden\" style=\"background: linear-gradient(135deg, #ffffff 0%, #e8f2ff 50%, #f0f7ff 100%);\">\n <div class=\"absolute inset-0 pointer-events-none\" aria-hidden=\"true\">\n <svg class=\"leaf-1 absolute\" style=\"top:15%;left:8%;\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\">\n <path d=\"M20 2C12 8 4 18 8 30C12 36 20 38 28 32C36 24 32 10 20 2Z\" fill=\"#1e5ba8\" opacity=\"0.1\" \/>\n <\/svg>\n <svg class=\"leaf-2 absolute\" style=\"top:60%;right:12%;\" width=\"35\" height=\"35\" viewBox=\"0 0 40 40\">\n <path d=\"M20 2C12 8 4 18 8 30C12 36 20 38 28 32C36 24 32 10 20 2Z\" fill=\"#2b7ec8\" opacity=\"0.08\" \/>\n <\/svg>\n <svg class=\"leaf-3 absolute\" style=\"top:30%;right:25%;\" width=\"28\" height=\"28\" viewBox=\"0 0 40 40\">\n <path d=\"M20 2C12 8 4 18 8 30C12 36 20 38 28 32C36 24 32 10 20 2Z\" fill=\"#1e5ba8\" opacity=\"0.09\" \/>\n <\/svg>\n <svg class=\"leaf-2 absolute\" style=\"bottom:20%;left:20%;\" width=\"32\" height=\"32\" viewBox=\"0 0 40 40\">\n <path d=\"M20 2C12 8 4 18 8 30C12 36 20 38 28 32C36 24 32 10 20 2Z\" fill=\"#2b7ec8\" opacity=\"0.07\" \/>\n <\/svg>\n <\/div>\n <div class=\"max-w-4xl mx-auto px-6 py-20 md:py-28 text-center relative\">\n <div class=\"reveal reveal-d1 mb-6 flex justify-center\">\n <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" fill=\"none\">\n <path d=\"M32 8L6 30h8v22h14V38h8v14h14V30h8L32 8z\" fill=\"#1e5ba8\" stroke=\"#2b7ec8\" stroke-width=\"1.5\" \/>\n <circle cx=\"32\" cy=\"28\" r=\"4\" fill=\"#2b7ec8\" opacity=\"0.8\" \/>\n <path d=\"M28 52v-8h8v8\" fill=\"#f0f7ff\" \/>\n <\/svg>\n <\/div>\n <h1 id=\"heroTitle\" class=\"hero-title font-display font-900 text-3xl md:text-5xl mb-4 reveal reveal-d2 leading-tight\" style=\"color: var(--text-color);\">\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a<\/h1>\n <p id=\"heroSubtitle\" class=\"hero-subtitle font-display font-500 text-lg md:text-xl mb-6 reveal reveal-d3\" style=\"color: var(--primary-action);\">\u898b\u3066\u3001\u8a18\u9332\u3057\u3001\u4f1d\u3048\u308b\u3002<\/p>\n <p class=\"reveal reveal-d4 text-sm md:text-base leading-relaxed max-w-2xl mx-auto\" style=\"color: var(--text-color); opacity:0.75;\">\u7a7a\u304d\u5bb6\u30fb\u7a7a\u304d\u5730\u3092\u5b9a\u671f\u7684\u306b\u898b\u3066\u3001\u8a18\u9332\u3057\u3001\u4f1d\u3048\u308b<br class=\"hidden md:block\">\n \u898b\u5b88\u308a\u5c02\u9580\u306e\u30b5\u30fc\u30d3\u30b9\u3067\u3059\u3002<br>\n \u6e05\u6383\u3084\u4fee\u7e55\u306a\u3069\u306e\u4f5c\u696d\u306f\u884c\u308f\u305a\u3001<br class=\"hidden md:block\">\n \u72b6\u614b\u78ba\u8a8d\u3068\u5831\u544a\u306b\u7279\u5316\u3059\u308b\u3053\u3068\u3067\u3001<br class=\"hidden md:block\">\n \u5b89\u5fc3\u30fb\u5b89\u5168\u30fb\u7121\u7406\u306e\u306a\u3044\u7ba1\u7406\u3092\u5b9f\u73fe\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <\/header>\n <main>\n <section class=\"py-16 md:py-20 px-6 bg-white\" aria-labelledby=\"serviceTitle\">\n <div class=\"max-w-4xl mx-auto\">\n <h2 id=\"serviceTitle\" class=\"font-display font-700 text-2xl md:text-3xl text-center mb-12 reveal\" style=\"color: var(--text-color);\">\u6bce\u67081\u56de\u306e\u5b9a\u671f\u898b\u5b88\u308a\u3067\u884c\u3046\u3053\u3068<\/h2>\n <div class=\"grid md:grid-cols-2 gap-6\">\n <article class=\"service-card rounded-2xl p-6 reveal reveal-d1\" style=\"background: var(--surface-color);\">\n <div class=\"flex items-start gap-4 mb-4\">\n <div class=\"icon-circle\">\ud83c\udfe0<\/div>\n <div>\n <h3 class=\"font-display font-700 text-lg mb-2\" style=\"color: var(--text-color);\">\u5efa\u7269\u5916\u89b3\u30fb\u6577\u5730\u306e\u78ba\u8a8d<\/h3>\n <\/div>\n <\/div>\n <ul class=\"space-y-2 text-sm leading-relaxed mb-4\" style=\"color: var(--text-color); opacity: 0.75;\">\n <li>\u30fb\u5efa\u7269\u5916\u5468\u306e\u76ee\u8996\u78ba\u8a8d<\/li>\n <li>\u30fb\u5916\u58c1\u3084\u5c4b\u6839\u307e\u308f\u308a\u306e\u7570\u5e38\u306e\u6709\u7121<\/li>\n <li>\u30fb\u5012\u308c\u305d\u3046\u306a\u7269\u3084\u98db\u6563\u7269\u306e\u78ba\u8a8d<\/li>\n <li>\u30fb\u6577\u5730\u5185\u306e\u72b6\u614b\u78ba\u8a8d<\/li>\n <\/ul>\n <p class=\"text-sm font-500\" style=\"color: var(--primary-action);\">\ud83d\udc49 \u52a3\u5316\u3084\u30c8\u30e9\u30d6\u30eb\u306e\u5146\u5019\u3092\u65e9\u3044\u6bb5\u968e\u3067\u628a\u63e1\u3057\u307e\u3059\u3002<\/p>\n <\/article>\n <article class=\"service-card rounded-2xl p-6 reveal reveal-d2\" style=\"background: var(--surface-color);\">\n <div class=\"flex items-start gap-4 mb-4\">\n <div class=\"icon-circle\">\ud83d\udcec<\/div>\n <div>\n <h3 class=\"font-display font-700 text-lg mb-2\" style=\"color: var(--text-color);\">\u90f5\u4fbf\u30dd\u30b9\u30c8\u30fb\u51fa\u5165\u53e3\u4ed8\u8fd1\u306e\u78ba\u8a8d<\/h3>\n <\/div>\n <\/div>\n <ul class=\"space-y-2 text-sm leading-relaxed mb-4\" style=\"color: var(--text-color); opacity: 0.75;\">\n <li>\u30fb\u90f5\u4fbf\u7269\u304c\u6e9c\u307e\u3063\u3066\u3044\u306a\u3044\u304b<\/li>\n <li>\u30fb\u30c1\u30e9\u30b7\u3084\u4e0d\u5be9\u7269\u306e\u6709\u7121<\/li>\n <li>\u30fb\u4eba\u306e\u51fa\u5165\u308a\u304c\u306a\u3044\u5370\u8c61\u306b\u306a\u3063\u3066\u3044\u306a\u3044\u304b<\/li>\n <\/ul>\n <p class=\"text-sm font-500\" style=\"color: var(--primary-action);\">\ud83d\udc49 \u9632\u72af\u9762\u30fb\u8fd1\u96a3\u914d\u616e\u306e\u89b3\u70b9\u304b\u3089\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/p>\n <\/article>\n <article class=\"service-card rounded-2xl p-6 reveal reveal-d3\" style=\"background: var(--surface-color);\">\n <div class=\"flex items-start gap-4 mb-4\">\n <div class=\"icon-circle\">\ud83c\udf3f<\/div>\n <div>\n <h3 class=\"font-display font-700 text-lg mb-2\" style=\"color: var(--text-color);\">\u8349\u6728\u30fb\u5468\u8fba\u74b0\u5883\u306e\u30c1\u30a7\u30c3\u30af<\/h3>\n <\/div>\n <\/div>\n <ul class=\"space-y-2 text-sm leading-relaxed mb-4\" style=\"color: var(--text-color); opacity: 0.75;\">\n <li>\u30fb\u8349\u3084\u96d1\u8349\u306e\u4f38\u3073\u5177\u5408<\/li>\n <li>\u30fb\u8d8a\u5883\u3084\u8fd1\u96a3\u3078\u306e\u5f71\u97ff\u304c\u51fa\u3066\u3044\u306a\u3044\u304b<\/li>\n <li>\u30fb\u5bb3\u866b\u3084\u4e0d\u885b\u751f\u306a\u72b6\u614b\u304c\u898b\u3089\u308c\u306a\u3044\u304b<\/li>\n <\/ul>\n <p class=\"text-sm font-500\" style=\"color: var(--primary-action);\">\ud83d\udc49 \u8fd1\u96a3\u30c8\u30e9\u30d6\u30eb\u306e\u539f\u56e0\u306b\u306a\u308a\u3084\u3059\u3044\u30dd\u30a4\u30f3\u30c8\u3092\u4e8b\u524d\u306b\u628a\u63e1\u3057\u307e\u3059\u3002<\/p>\n <\/article>\n <article class=\"service-card rounded-2xl p-6 reveal reveal-d4\" style=\"background: var(--surface-color);\">\n <div class=\"flex items-start gap-4 mb-4\">\n <div class=\"icon-circle\">\ud83d\udcf7<\/div>\n <div>\n <h3 class=\"font-display font-700 text-lg mb-2\" style=\"color: var(--text-color);\">\u5199\u771f\u64ae\u5f71\u3068\u5831\u544a<\/h3>\n <\/div>\n <\/div>\n <ul class=\"space-y-2 text-sm leading-relaxed mb-4\" style=\"color: var(--text-color); opacity: 0.75;\">\n <li>\u30fb\u7269\u4ef6\u306e\u72b6\u6cc1\u3092\u5199\u771f\u3067\u8a18\u9332<\/li>\n <li>\u30fb\u5199\u771f\u679a\u6570\uff1a10\u301c30\u679a\u7a0b\u5ea6<\/li>\n <li>\u30fb\u30e1\u30fc\u30eb\u307e\u305f\u306f\u516c\u5f0fLINE\u3067\u3054\u5831\u544a<\/li>\n <\/ul>\n <p class=\"text-sm font-500\" style=\"color: var(--primary-action);\">\ud83d\udc49 \u9060\u65b9\u306b\u3044\u3066\u3082\u3001\u73fe\u5730\u306e\u69d8\u5b50\u304c\u5206\u304b\u308b\u898b\u5b88\u308a\u3067\u3059\u3002<\/p>\n <\/article>\n <\/div>\n <article class=\"service-card rounded-2xl p-6 mt-6 reveal reveal-d5\" style=\"background: var(--surface-color); border-left: 4px solid var(--primary-action);\">\n <div class=\"flex items-start gap-4 mb-4\">\n <div class=\"icon-circle\">\ud83d\udd14<\/div>\n <div>\n <h3 class=\"font-display font-700 text-lg mb-2\" style=\"color: var(--text-color);\">\u7570\u5e38\u6642\u306e\u3054\u9023\u7d61<\/h3>\n <\/div>\n <\/div>\n <ul class=\"space-y-2 text-sm leading-relaxed mb-4\" style=\"color: var(--text-color); opacity: 0.75;\">\n <li>\u30fb\u7834\u640d\u3084\u4e0d\u5be9\u306a\u72b6\u6cc1\u304c\u3042\u3063\u305f\u5834\u5408<\/li>\n <li>\u30fb\u30c8\u30e9\u30d6\u30eb\u306b\u3064\u306a\u304c\u308a\u305d\u3046\u306a\u5146\u5019\u304c\u3042\u3063\u305f\u5834\u5408<\/li>\n <\/ul>\n <p class=\"text-sm font-500 mb-4\" style=\"color: var(--primary-action);\">\ud83d\udc49 \u901f\u3084\u304b\u306b\u3054\u9023\u7d61\u3057\u3001\u73fe\u72b6\u3092\u5206\u304b\u308a\u3084\u3059\u304f\u304a\u4f1d\u3048\u3057\u307e\u3059\u3002<\/p>\n <div class=\"text-xs space-y-1\" style=\"color: var(--text-color); opacity: 0.5;\">\n <p>\u203b \u52dd\u624b\u306b\u4f5c\u696d\u3092\u884c\u3046\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093<\/p>\n <p>\u203b \u5fc5\u305a\u3054\u76f8\u8ac7\u306e\u3046\u3048\u5bfe\u5fdc\u3092\u6c7a\u3081\u307e\u3059<\/p>\n <\/div>\n <\/article>\n <\/div>\n <\/section>\n\n <div class=\"section-divider max-w-3xl mx-auto\"><\/div>\n\n \n <section class=\"py-16 md:py-20 px-6 bg-white\" aria-labelledby=\"notDoTitle\">\n <div class=\"max-w-3xl mx-auto\">\n <h2 id=\"notDoTitle\" class=\"font-display font-700 text-2xl md:text-3xl text-center mb-4 reveal\" style=\"color: var(--text-color);\">\u898b\u5b88\u308a\u3060\u304b\u3089\u300c\u3084\u3089\u306a\u3044\u3053\u3068\u300d<\/h2>\n <p class=\"text-center text-sm mb-10 reveal reveal-d1\" style=\"color: var(--text-color); opacity:0.6;\">\u5b89\u5fc3\u3057\u3066\u3054\u5229\u7528\u3044\u305f\u3060\u304f\u305f\u3081\u3001\u6700\u521d\u304b\u3089\u5bfe\u5fdc\u7bc4\u56f2\u3092\u660e\u78ba\u306b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <div class=\"rounded-2xl p-8 reveal reveal-d2\" style=\"background: var(--surface-color);\">\n <ul class=\"space-y-4 text-sm md:text-base\" style=\"color: var(--text-color); opacity:0.8;\">\n <li class=\"not-do-item\">\u5ba4\u5185\u6e05\u6383\u30fb\u7247\u4ed8\u3051<\/li>\n <li class=\"not-do-item\">\u901a\u6c34\u30fb\u63db\u6c17\u306a\u3069\u306e\u5ba4\u5185\u4f5c\u696d<\/li>\n <li class=\"not-do-item\">\u4fee\u7e55\u3084\u5de5\u4e8b\u306e\u5224\u65ad\u30fb\u5b9f\u65bd<\/li>\n <li class=\"not-do-item\">\u58f2\u8cb7\u30fb\u8cc3\u8cb8\u306e\u4ef2\u4ecb<\/li>\n <li class=\"not-do-item\">\u79c1\u7269\u3084\u5bb6\u5177\u3078\u306e\u63a5\u89e6<\/li>\n <\/ul>\n <p class=\"mt-6 text-sm font-500\" style=\"color: var(--primary-action);\">\ud83d\udc49 \u898b\u5b88\u308a\u306b\u5fc5\u8981\u306a\u3053\u3068\u3060\u3051\u3092\u884c\u3044\u3001\u4f59\u8a08\u306a\u3053\u3068\u306f\u3057\u307e\u305b\u3093\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"section-divider max-w-3xl mx-auto\"><\/div>\n\n \n <section class=\"py-16 md:py-20 px-6 bg-white\" aria-labelledby=\"featureTitle\">\n <div class=\"max-w-4xl mx-auto\">\n <h2 id=\"featureTitle\" class=\"font-display font-700 text-2xl md:text-3xl text-center mb-12 reveal\" style=\"color: var(--text-color);\">\u898b\u5b88\u308a\u30b5\u30fc\u30d3\u30b9\u306e\u7279\u5fb4<\/h2>\n <div class=\"space-y-6\">\n <article class=\"service-card rounded-2xl p-6 md:p-8 reveal reveal-d1\" style=\"background: var(--surface-color);\">\n <div class=\"flex items-start gap-5\">\n <div class=\"icon-circle\">\ud83d\udccb<\/div>\n <div>\n <h3 class=\"font-display font-700 text-lg mb-3\" style=\"color: var(--text-color);\">\u5199\u771f\u3068\u8a18\u9332\u304c\u6b8b\u308b\u7ba1\u7406<\/h3>\n <ul class=\"space-y-2 text-sm\" style=\"color: var(--text-color); opacity:0.75;\">\n <li class=\"check-item\">\u6bce\u6708\u306e\u72b6\u6cc1\u3092\u5199\u771f\u3067\u4fdd\u5b58<\/li>\n <li class=\"check-item\">\u5f8c\u304b\u3089\u72b6\u614b\u3092\u78ba\u8a8d\u3067\u304d\u308b<\/li>\n <li class=\"check-item\">\u58f2\u5374\u3084\u76f8\u7d9a\u6642\u306e\u8aac\u660e\u6750\u6599\u306b\u3082\u6d3b\u7528\u53ef\u80fd<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/article>\n\n <article class=\"service-card rounded-2xl p-6 md:p-8 reveal reveal-d2\" style=\"background: var(--surface-color);\">\n <div class=\"flex items-start gap-5\">\n <div class=\"icon-circle\">\u2709\ufe0f<\/div>\n <div>\n <h3 class=\"font-display font-700 text-lg mb-3\" style=\"color: var(--text-color);\">\u7570\u5e38\u304c\u306a\u304f\u3066\u3082\u5831\u544a\u3057\u307e\u3059<\/h3>\n <p class=\"text-sm leading-relaxed mb-3\" style=\"color: var(--text-color); opacity:0.75;\">\u591a\u304f\u306e\u30b5\u30fc\u30d3\u30b9\u306f\u300c\u554f\u984c\u304c\u3042\u3063\u305f\u6642\u3060\u3051\u9023\u7d61\u300d\u3067\u3059\u304c\u3001<br>\n \u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a\u3067\u306f\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 <p class=\"text-sm font-500\" style=\"color: var(--primary-action);\">\ud83d\udc49\u300c\u4f55\u3082\u306a\u304b\u3063\u305f\u300d\u304c\u5206\u304b\u308b\u5b89\u5fc3\u611f\u3092\u5927\u5207\u306b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/article>\n\n <article class=\"service-card rounded-2xl p-6 md:p-8 reveal reveal-d3\" style=\"background: var(--surface-color);\">\n <div class=\"flex items-start gap-5\">\n <div class=\"icon-circle\">\u26c8\ufe0f<\/div>\n <div>\n <h3 class=\"font-display font-700 text-lg mb-3\" style=\"color: var(--text-color);\">\u707d\u5bb3\u6642\u3082\u72b6\u6cc1\u78ba\u8a8d\u304c\u53ef\u80fd<\/h3>\n <p class=\"text-sm leading-relaxed mb-3\" style=\"color: var(--text-color); opacity:0.75;\">\u53f0\u98a8\u30fb\u5927\u96e8\u306a\u3069\u707d\u5bb3\u5f8c\u306b\u306f\u3001\u5358\u767a\u3067\u306e\u898b\u5b88\u308a\u78ba\u8a8d\u306b\u3082\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <ul class=\"space-y-2 text-sm mb-3\" style=\"color: var(--text-color); opacity:0.75;\">\n <li>\u30fb\u5efa\u7269\u5916\u89b3\u30fb\u6577\u5730\u306e\u78ba\u8a8d<\/li>\n <li>\u30fb\u5199\u771f\u64ae\u5f71<\/li>\n <li>\u30fb\u901f\u5831\u5831\u544a<\/li>\n <\/ul>\n <div class=\"text-xs space-y-1\" style=\"color: var(--text-color); opacity: 0.5;\">\n <p>\u203b \u5b89\u5168\u3092\u6700\u512a\u5148\u3057\u3001\u78ba\u8a8d\u53ef\u80fd\u306a\u7bc4\u56f2\u3067\u5bfe\u5fdc<\/p>\n <p>\u203b \u4fee\u7e55\u30fb\u5fa9\u65e7\u4f5c\u696d\u306f\u884c\u3044\u307e\u305b\u3093<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/article>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"section-divider max-w-3xl mx-auto\"><\/div>\n\n \n <section class=\"py-16 md:py-20 px-6 bg-white\" aria-labelledby=\"targetTitle\">\n <div class=\"max-w-3xl mx-auto text-center\">\n <h2 id=\"targetTitle\" class=\"font-display font-700 text-2xl md:text-3xl mb-10 reveal\" style=\"color: var(--text-color);\">\u3053\u3093\u306a\u65b9\u306b\u9078\u3070\u308c\u3066\u3044\u307e\u3059<\/h2>\n <div class=\"grid sm:grid-cols-2 gap-4 text-left\">\n <div class=\"rounded-xl p-5 reveal reveal-d1\" style=\"background: var(--surface-color);\"><span class=\"text-2xl mb-2 block\">\u2708\ufe0f<\/span>\n <p class=\"text-sm\" style=\"color: var(--text-color); opacity:0.8;\">\u9060\u65b9\u306b\u4f4f\u3093\u3067\u3044\u3066\u983b\u7e41\u306b\u884c\u3051\u306a\u3044<\/p>\n <\/div>\n <div class=\"rounded-xl p-5 reveal reveal-d2\" style=\"background: var(--surface-color);\"><span class=\"text-2xl mb-2 block\">\ud83d\udcca<\/span>\n <p class=\"text-sm\" style=\"color: var(--text-color); opacity:0.8;\">\u7a7a\u304d\u5bb6\u306e\u72b6\u614b\u3092\u5b9a\u671f\u7684\u306b\u77e5\u308a\u305f\u3044<\/p>\n <\/div>\n <div class=\"rounded-xl p-5 reveal reveal-d3\" style=\"background: var(--surface-color);\"><span class=\"text-2xl mb-2 block\">\ud83e\udd1d<\/span>\n <p class=\"text-sm\" style=\"color: var(--text-color); opacity:0.8;\">\u8fd1\u96a3\u30c8\u30e9\u30d6\u30eb\u3092\u672a\u7136\u306b\u9632\u304e\u305f\u3044<\/p>\n <\/div>\n <div class=\"rounded-xl p-5 reveal reveal-d4\" style=\"background: var(--surface-color);\"><span class=\"text-2xl mb-2 block\">\ud83d\udcc4<\/span>\n <p class=\"text-sm\" style=\"color: var(--text-color); opacity:0.8;\">\u58f2\u5374\u3084\u76f8\u7d9a\u524d\u306b\u73fe\u72b6\u3092\u628a\u63e1\u3057\u305f\u3044<\/p>\n <\/div>\n <div class=\"rounded-xl p-5 sm:col-span-2 reveal reveal-d5\" style=\"background: var(--surface-color);\"><span class=\"text-2xl mb-2 block\">\ud83d\udc41\ufe0f<\/span>\n <p class=\"text-sm\" style=\"color: var(--text-color); opacity:0.8;\">\u4f59\u8a08\u306a\u4f5c\u696d\u306f\u983c\u307e\u305a\u3001\u898b\u5b88\u308a\u3060\u3051\u3057\u3066\u307b\u3057\u3044<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"section-divider max-w-3xl mx-auto\"><\/div>\n\n \n <section class=\"py-16 md:py-20 px-6 bg-white\" aria-labelledby=\"contactTitle\">\n <div class=\"max-w-2xl mx-auto text-center\">\n <h2 id=\"contactTitle\" class=\"font-display font-700 text-2xl md:text-3xl mb-4 reveal\" style=\"color: var(--text-color);\">\u3054\u76f8\u8ac7\u306f\u7121\u6599\u3067\u3059<\/h2>\n <p class=\"text-sm mb-10 reveal reveal-d1\" style=\"color: var(--text-color); opacity:0.6;\">\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=\"space-y-4 reveal reveal-d2\">\n \n <a id=\"emailLink\" href=\"mailto:info@kitakyushu-akiyakanri.com\" class=\"flex items-center justify-center gap-3 rounded-xl px-6 py-4 text-sm md:text-base font-500 transition-all duration-300 hover:scale-105\" style=\"background: var(--surface-color); color: var(--text-color); text-decoration:none; border: 1px solid rgba(30, 91, 168, 0.15);\">\n <span class=\"text-xl\">\ud83d\udce9<\/span>\n <span>\u30e1\u30fc\u30eb\uff1a<span id=\"emailText\" style=\"color: var(--primary-action);\">info@kitakyushu-akiyakanri.com<\/span><\/span>\n <\/a>\n \n <a href=\"https:\/\/lin.ee\/NWOP0OA\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"flex items-center justify-center gap-3 rounded-xl px-6 py-4 text-sm md:text-base font-700 transition-all duration-300 hover:scale-105 text-white\" style=\"background: var(--primary-action); text-decoration:none;\">\n <span class=\"text-xl\">\ud83d\udcac<\/span>\n <span>\u516c\u5f0fLINE\u3067\u76f8\u8ac7\u3059\u308b<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"py-8 px-6 text-center bg-white\" style=\"border-top: 1px solid rgba(30, 91, 168, 0.1);\">\n <p class=\"text-xs\" style=\"color: var(--text-color); opacity:0.4;\">\u00a9 \u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a<\/p>\n <\/footer>\n <\/main>\n <\/div>\n <\/div>\n\n <script>\n const defaultConfig = {\n \/\/ Colors\n background_color: '#ffffff',\n surface_color: '#f0f7ff',\n text_color: '#1a365d',\n primary_action_color: '#1e5ba8',\n secondary_action_color: '#2b7ec8',\n \/\/ Font\n font_family: 'Zen Maru Gothic',\n font_size: 16,\n \/\/ Editable text\n hero_title: '\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a',\n hero_subtitle: '\u898b\u3066\u3001\u8a18\u9332\u3057\u3001\u4f1d\u3048\u308b\u3002',\n section_service_title: '\u6bce\u67081\u56de\u306e\u5b9a\u671f\u898b\u5b88\u308a\u3067\u884c\u3046\u3053\u3068',\n section_not_title: '\u898b\u5b88\u308a\u3060\u304b\u3089\u300c\u3084\u3089\u306a\u3044\u3053\u3068\u300d',\n section_feature_title: '\u898b\u5b88\u308a\u30b5\u30fc\u30d3\u30b9\u306e\u7279\u5fb4',\n section_target_title: '\u3053\u3093\u306a\u65b9\u306b\u9078\u3070\u308c\u3066\u3044\u307e\u3059',\n contact_title: '\u3054\u76f8\u8ac7\u306f\u7121\u6599\u3067\u3059',\n contact_email: 'info@kitakyushu-akiyakanri.com'\n };\n\n function applyConfig(config) {\n const root = document.documentElement;\n const bg = config.background_color || defaultConfig.background_color;\n const surface = config.surface_color || defaultConfig.surface_color;\n const text = config.text_color || defaultConfig.text_color;\n const primary = config.primary_action_color || defaultConfig.primary_action_color;\n const secondary = config.secondary_action_color || defaultConfig.secondary_action_color;\n\n root.style.setProperty('--bg-color', bg);\n root.style.setProperty('--surface-color', surface);\n root.style.setProperty('--text-color', text);\n root.style.setProperty('--primary-action', primary);\n root.style.setProperty('--secondary-action', secondary);\n\n \/\/ Background\n const wrapper = document.getElementById('appWrapper');\n if (wrapper) wrapper.style.background = bg;\n\n \/\/ Surface cards - update all instances\n document.querySelectorAll('[style*=\"var(--surface-color)\"]').forEach(el => {\n if (el.style.background && el.style.background.includes('var(--surface-color)')) {\n el.style.background = surface;\n }\n });\n\n \/\/ Text color on body\n document.body.style.color = text;\n\n \/\/ Icon circles\n document.querySelectorAll('.icon-circle').forEach(el => {\n el.style.background = primary;\n el.style.color = bg === '#ffffff' ? '#ffffff' : text;\n });\n\n \/\/ LINE button\uff08\u6700\u521d\u306e lin.ee \u306e\u307f\uff09\n const lineBtn = document.querySelector('a[href*=\"lin.ee\"]');\n if (lineBtn) {\n lineBtn.style.background = primary;\n lineBtn.style.color = '#ffffff';\n }\n\n \/\/ Font\n const customFont = config.font_family || defaultConfig.font_family;\n const displayStack = `${customFont}, serif`;\n const bodyStack = `'Noto Sans JP', ${customFont}, sans-serif`;\n\n document.querySelectorAll('.font-display').forEach(el => {\n el.style.fontFamily = displayStack;\n });\n document.body.style.fontFamily = bodyStack;\n\n \/\/ Font size\n const baseSize = config.font_size || defaultConfig.font_size;\n document.body.style.fontSize = `${baseSize}px`;\n\n const heroTitleEl = document.getElementById('heroTitle');\n const heroSubEl = document.getElementById('heroSubtitle');\n\n if (heroTitleEl) heroTitleEl.style.fontSize = '';\n if (heroSubEl) heroSubEl.style.fontSize = '';\n\n document.querySelectorAll('h2').forEach(el => { el.style.fontSize = ''; });\n document.querySelectorAll('h3').forEach(el => { el.style.fontSize = `${baseSize * 1.125}px`; });\n\n \/\/ Editable text content\n if (heroTitleEl) heroTitleEl.textContent = config.hero_title || defaultConfig.hero_title;\n if (heroSubEl) heroSubEl.textContent = config.hero_subtitle || defaultConfig.hero_subtitle;\n\n const serviceTitleEl = document.getElementById('serviceTitle');\n if (serviceTitleEl) serviceTitleEl.textContent = config.section_service_title || defaultConfig.section_service_title;\n\n const notDoTitleEl = document.getElementById('notDoTitle');\n if (notDoTitleEl) notDoTitleEl.textContent = config.section_not_title || defaultConfig.section_not_title;\n\n const featureTitleEl = document.getElementById('featureTitle');\n if (featureTitleEl) featureTitleEl.textContent = config.section_feature_title || defaultConfig.section_feature_title;\n\n const targetTitleEl = document.getElementById('targetTitle');\n if (targetTitleEl) targetTitleEl.textContent = config.section_target_title || defaultConfig.section_target_title;\n\n const contactTitleEl = document.getElementById('contactTitle');\n if (contactTitleEl) contactTitleEl.textContent = config.contact_title || defaultConfig.contact_title;\n\n \/\/ Email update\n const emailVal = config.contact_email || defaultConfig.contact_email;\n const emailTextEl = document.getElementById('emailText');\n if (emailTextEl) {\n emailTextEl.textContent = emailVal;\n emailTextEl.style.color = primary;\n }\n const emailLinkEl = document.getElementById('emailLink');\n if (emailLinkEl) {\n emailLinkEl.href = 'mailto:' + emailVal;\n emailLinkEl.style.background = surface;\n emailLinkEl.style.color = text;\n }\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 recolorables: [\n {\n get: () => config.background_color || defaultConfig.background_color,\n set: (v) => { config.background_color = v; window.elementSdk.setConfig({ background_color: v }); }\n },\n {\n get: () => config.surface_color || defaultConfig.surface_color,\n set: (v) => { config.surface_color = v; window.elementSdk.setConfig({ surface_color: v }); }\n },\n {\n get: () => config.text_color || defaultConfig.text_color,\n set: (v) => { config.text_color = v; window.elementSdk.setConfig({ text_color: v }); }\n },\n {\n get: () => config.primary_action_color || defaultConfig.primary_action_color,\n set: (v) => { config.primary_action_color = v; window.elementSdk.setConfig({ primary_action_color: v }); }\n },\n {\n get: () => config.secondary_action_color || defaultConfig.secondary_action_color,\n set: (v) => { config.secondary_action_color = v; window.elementSdk.setConfig({ secondary_action_color: v }); }\n }\n ],\n borderables: [],\n fontEditable: {\n get: () => config.font_family || defaultConfig.font_family,\n set: (v) => { config.font_family = v; window.elementSdk.setConfig({ font_family: v }); }\n },\n fontSizeable: {\n get: () => config.font_size || defaultConfig.font_size,\n set: (v) => { config.font_size = v; window.elementSdk.setConfig({ font_size: v }); }\n }\n }),\n mapToEditPanelValues: (config) => new Map([\n ['hero_title', config.hero_title || defaultConfig.hero_title],\n ['hero_subtitle', config.hero_subtitle || defaultConfig.hero_subtitle],\n ['section_service_title', config.section_service_title || defaultConfig.section_service_title],\n ['section_not_title', config.section_not_title || defaultConfig.section_not_title],\n ['section_feature_title', config.section_feature_title || defaultConfig.section_feature_title],\n ['section_target_title', config.section_target_title || defaultConfig.section_target_title],\n ['contact_title', config.contact_title || defaultConfig.contact_title],\n ['contact_email', config.contact_email || defaultConfig.contact_email]\n ])\n });\n }\n\n \/\/ Intersection Observer for scroll-triggered reveals\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.animationPlayState = 'running';\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('.reveal').forEach(el => {\n \/\/ Only pause elements below the fold\n const rect = el.getBoundingClientRect();\n if (rect.top > window.innerHeight) {\n el.style.animationPlayState = 'paused';\n observer.observe(el);\n }\n });\n <\/script>\n\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:'9cb5c20d3623d3c5',t:'MTc3MDY2NTE4Mi4wMDAwMDA='};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>\n <\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a \u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a \u898b\u3066\u3001\u8a18\u9332\u3057\u3001\u4f1d\u3048\u308b\u3002 \u7a7a\u304d\u5bb6\u30fb\u7a7a\u304d\u5730\u3092\u5b9a\u671f\u7684\u306b\u898b\u3066\u3001\u8a18\u9332\u3057\u3001\u4f1d\u3048\u308b \u898b\u5b88\u308a\u5c02\u9580\u306e\u30b5\u30fc\u30d3\u30b9\u3067\u3059\u3002 \u6e05\u6383\u3084\u4fee\u7e55\u306a\u3069\u306e\u4f5c\u696d\u306f\u884c\u308f\u305a\u3001 \u72b6\u614b\u78ba\u8a8d\u3068\u5831\u544a\u306b\u7279\u5316\u3059\u308b\u3053\u3068\u3067\u3001 \u5b89\u5fc3\u30fb\u5b89\u5168\u30fb\u7121\u7406 […]<\/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-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/pages\/14","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=14"}],"version-history":[{"count":7,"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":131,"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/131"}],"wp:attachment":[{"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}