\u3054\u5229\u7528\u306e\u6d41\u308c\uff5c\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 --color-bg: #F8FAFC;\n --color-surface: #FFFFFF;\n --color-text: #1E3A8A;\n --color-primary: #2563EB;\n --color-secondary: #3B82F6;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n html, body {\n height: 100%;\n width: 100%;\n }\n\n .app-root {\n font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;\n background: var(--color-bg);\n color: var(--color-text);\n min-height: 100%;\n width: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n }\n\n \/* Decorative leaf pattern *\/\n .hero-section {\n position: relative;\n overflow: hidden;\n }\n\n .hero-section::before {\n content: '';\n position: absolute;\n top: -60px;\n right: -40px;\n width: 200px;\n height: 200px;\n background: radial-gradient(ellipse at center, rgba(91,140,90,0.12) 0%, transparent 70%);\n border-radius: 50%;\n pointer-events: none;\n }\n\n .hero-section::after {\n content: '';\n position: absolute;\n bottom: -30px;\n left: -50px;\n width: 160px;\n height: 160px;\n background: radial-gradient(ellipse at center, rgba(196,149,106,0.1) 0%, transparent 70%);\n border-radius: 50%;\n pointer-events: none;\n }\n\n \/* Step timeline *\/\n .timeline-line {\n position: absolute;\n left: 27px;\n top: 0;\n bottom: 0;\n width: 4px;\n background: linear-gradient(to bottom, var(--color-primary), var(--color-secondary));\n border-radius: 2px;\n }\n\n @media (min-width: 768px) {\n .timeline-line {\n left: 31px;\n }\n }\n\n .step-card {\n position: relative;\n padding-left: 90px;\n margin-bottom: 3rem;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeSlideUp 0.6s ease forwards;\n }\n\n @media (min-width: 768px) {\n .step-card {\n padding-left: 110px;\n margin-bottom: 3.5rem;\n }\n }\n\n .step-card:nth-child(1) { animation-delay: 0.1s; }\n .step-card:nth-child(2) { animation-delay: 0.25s; }\n .step-card:nth-child(3) { animation-delay: 0.4s; }\n .step-card:nth-child(4) { animation-delay: 0.55s; }\n .step-card:nth-child(5) { animation-delay: 0.7s; }\n\n @keyframes fadeSlideUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .step-number {\n position: absolute;\n left: 0px;\n top: 0;\n width: 60px;\n height: 60px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 24px;\n color: #fff;\n z-index: 2;\n box-shadow: 0 4px 16px rgba(37, 99, 235, 0.3);\n }\n\n @media (min-width: 768px) {\n .step-number {\n left: 2px;\n width: 70px;\n height: 70px;\n font-size: 28px;\n }\n }\n\n .step-inner {\n background: var(--color-surface);\n border-radius: 16px;\n padding: 2rem 2rem;\n box-shadow: 0 2px 16px rgba(61,53,41,0.06);\n border: 1px solid rgba(61,53,41,0.06);\n transition: transform 0.25s ease, box-shadow 0.25s ease;\n }\n\n .step-inner:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 24px rgba(61,53,41,0.1);\n }\n\n .step-label {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n margin-bottom: 4px;\n }\n\n .step-title {\n font-size: 1.35rem;\n font-weight: 700;\n margin-bottom: 1rem;\n line-height: 1.5;\n }\n\n @media (min-width: 768px) {\n .step-title {\n font-size: 1.55rem;\n }\n }\n\n .step-body {\n font-size: 1.05rem;\n line-height: 2;\n color: rgba(61,53,41,0.82);\n }\n\n .step-body ul {\n list-style: none;\n padding: 0;\n margin: 0.5rem 0;\n }\n\n .step-body ul li {\n position: relative;\n padding-left: 1.3em;\n margin-bottom: 0.25rem;\n }\n\n .step-body ul li::before {\n content: '\u30fb';\n position: absolute;\n left: 0;\n color: var(--color-primary);\n font-weight: 700;\n }\n\n .hint {\n display: flex;\n align-items: flex-start;\n gap: 0.4em;\n font-size: 0.82rem;\n color: rgba(61,53,41,0.6);\n margin-top: 0.3rem;\n }\n\n .hint::before {\n content: '\ud83d\udc49';\n flex-shrink: 0;\n }\n\n .contact-link {\n display: inline-flex;\n align-items: center;\n gap: 0.4em;\n color: var(--color-primary);\n font-weight: 500;\n word-break: break-all;\n text-decoration: none;\n transition: opacity 0.2s;\n }\n\n .contact-link:hover {\n opacity: 0.7;\n }\n\n \/* Info box *\/\n .info-box {\n border-radius: 14px;\n padding: 1.25rem 1.5rem;\n border-left: 4px solid var(--color-secondary);\n }\n\n \/* CTA section *\/\n .cta-section {\n border-radius: 20px;\n padding: 2rem 1.5rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .cta-section::before {\n content: '';\n position: absolute;\n top: -40px;\n right: -40px;\n width: 120px;\n height: 120px;\n background: rgba(255,255,255,0.1);\n border-radius: 50%;\n pointer-events: none;\n }\n\n .cta-section::after {\n content: '';\n position: absolute;\n bottom: -30px;\n left: -20px;\n width: 90px;\n height: 90px;\n background: rgba(255,255,255,0.07);\n border-radius: 50%;\n pointer-events: none;\n }\n\n .cta-btn {\n display: inline-flex;\n align-items: center;\n gap: 0.5em;\n padding: 0.85rem 2rem;\n border-radius: 60px;\n font-weight: 700;\n font-size: 0.95rem;\n text-decoration: none;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n border: none;\n cursor: pointer;\n }\n\n .cta-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,0,0,0.15);\n }\n\n \/* Pulse animation for CTA *\/\n @keyframes gentlePulse {\n 0%, 100% { box-shadow: 0 0 0 0 rgba(91,140,90,0.3); }\n 50% { box-shadow: 0 0 0 10px rgba(91,140,90,0); }\n }\n\n .pulse-ring {\n animation: gentlePulse 2.5s ease-in-out infinite;\n }\n\n \/* Hero entrance *\/\n .hero-enter {\n opacity: 0;\n transform: translateY(20px);\n animation: fadeSlideUp 0.8s ease forwards;\n }\n\n .hero-enter-delay {\n opacity: 0;\n transform: translateY(20px);\n animation: fadeSlideUp 0.8s ease 0.2s forwards;\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-root\" id=\"appRoot\">\n <header class=\"hero-section\" style=\"padding: 3rem 1.25rem 2rem;\">\n <div style=\"max-width: 680px; margin: 0 auto;\">\n <p class=\"hero-enter\" style=\"font-size: 0.8rem; font-weight: 700; letter-spacing: 0.12em; margin-bottom: 0.5rem; opacity: 0;\" id=\"heroLabel\">SERVICE FLOW<\/p>\n <h1 class=\"hero-enter\" id=\"mainTitle\" style=\"font-size: 1.8rem; font-weight: 900; line-height: 1.4; margin-bottom: 1rem; opacity: 0;\">\u3054\u5229\u7528\u306e\u6d41\u308c<\/h1>\n <p class=\"hero-enter-delay\" id=\"mainSubtitle\" style=\"font-size: 1rem; line-height: 2; opacity: 0;\"><span style=\"font-weight: 700;\" id=\"subtitleBrand\">\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a<\/span>\u306f\u3001<br>\n \u96e3\u3057\u3044\u624b\u7d9a\u304d\u3084\u6025\u306a\u5951\u7d04\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n <p class=\"hero-enter-delay\" style=\"font-size: 0.95rem; line-height: 2; margin-top: 0.75rem; opacity: 0;\">\u300c\u307e\u305a\u8a71\u3092\u805e\u3044\u3066\u307f\u308b\u300d<br>\n \u300c\u72b6\u6cc1\u3060\u3051\u76f8\u8ac7\u3059\u308b\u300d<br>\n \u3068\u3044\u3046\u3068\u3053\u308d\u304b\u3089\u59cb\u3081\u3066\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n <\/div>\n <\/header>\n <main style=\"padding: 0 1.25rem 2rem; max-width: 680px; margin: 0 auto;\">\n <div style=\"position: relative; padding-top: 0.5rem;\">\n <div class=\"timeline-line\"><\/div>\n <article class=\"step-card\">\n <div class=\"step-number\" id=\"stepNum1\" style=\"background: var(--color-primary);\">\n 1\n <\/div>\n <div class=\"step-inner\">\n <p class=\"step-label\" id=\"stepLabel1\" style=\"color: var(--color-primary);\">STEP 1<\/p>\n <h2 class=\"step-title\" id=\"step1Title\">\u7121\u6599\u76f8\u8ac7\uff08\u30e1\u30fc\u30eb\u30fbLINE\uff09<\/h2>\n <div class=\"step-body\">\n <p>\u307e\u305a\u306f\u3001\u30e1\u30fc\u30eb\u307e\u305f\u306f\u516c\u5f0fLINE\u304b\u3089\u3054\u9023\u7d61\u304f\u3060\u3055\u3044\u3002<\/p>\n <div style=\"margin: 0.75rem 0; padding: 0.75rem 1rem; border-radius: 10px; font-size: 0.88rem;\" id=\"contactBox1\">\n <p>\ud83d\udce9 \u30e1\u30fc\u30eb\uff1a<a href=\"mailto:info@kitakyushu-akiyakanri.com\" class=\"contact-link\" target=\"_blank\" rel=\"noopener noreferrer\">info@kitakyushu-akiyakanri.com<\/a><\/p>\n <p style=\"margin-top: 0.4rem;\">\ud83d\udcac \u516c\u5f0fLINE\uff1a<a href=\"https:\/\/lin.ee\/NWOP0OA\" class=\"contact-link\" target=\"_blank\" rel=\"noopener noreferrer\">\u3053\u3061\u3089\u304b\u3089\u53cb\u3060\u3061\u8ffd\u52a0<\/a><\/p>\n <\/div>\n <p>\u3054\u76f8\u8ac7\u6642\u306f\u3001\u5206\u304b\u308b\u7bc4\u56f2\u3067\u4ee5\u4e0b\u3092\u6559\u3048\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n <ul>\n <li>\u7269\u4ef6\u306e\u5834\u6240\uff08\u753a\u540d\u307e\u3067\u3067OK\uff09<\/li>\n <li>\u7a7a\u304d\u5bb6 or \u7a7a\u304d\u5730<\/li>\n <li>\u6c17\u306b\u306a\u3063\u3066\u3044\u308b\u70b9\uff08\u3042\u308c\u3070\uff09<\/li>\n <\/ul>\n <div class=\"hint\">\n \u5951\u7d04\u3092\u524d\u63d0\u3068\u3057\u305f\u3054\u76f8\u8ac7\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\n <\/div>\n <div class=\"hint\">\n \u7121\u7406\u306a\u55b6\u696d\u306f\u4e00\u5207\u884c\u3063\u3066\u304a\u308a\u307e\u305b\u3093\u3002\n <\/div>\n <\/div>\n <\/div>\n <\/article>\n <article class=\"step-card\">\n <div class=\"step-number\" id=\"stepNum2\" style=\"background: var(--color-primary);\">\n 2\n <\/div>\n <div class=\"step-inner\">\n <p class=\"step-label\" id=\"stepLabel2\" style=\"color: var(--color-primary);\">STEP 2<\/p>\n <h2 class=\"step-title\" id=\"step2Title\">\u5185\u5bb9\u306e\u78ba\u8a8d\u30fb\u3054\u8aac\u660e<\/h2>\n <div class=\"step-body\">\n <p>\u3044\u305f\u3060\u3044\u305f\u5185\u5bb9\u3092\u3082\u3068\u306b\u3001<\/p>\n <ul>\n <li>\u898b\u5b88\u308a\u3067\u5bfe\u5fdc\u3067\u304d\u308b\u3053\u3068<\/li>\n <li>\u3067\u304d\u306a\u3044\u3053\u3068<\/li>\n <li>\u6599\u91d1\u306e\u76ee\u5b89<\/li>\n <\/ul>\n <p>\u3092\u3001\u5206\u304b\u308a\u3084\u3059\u304f\u3054\u8aac\u660e\u3057\u307e\u3059\u3002<\/p>\n <p style=\"margin-top: 0.5rem;\">\u5206\u304b\u3089\u306a\u3044\u70b9\u304c\u3042\u308c\u3070\u3001\u4f55\u5ea6\u3067\u3082\u3054\u8cea\u554f\u304f\u3060\u3055\u3044\u3002<\/p>\n <div class=\"hint\">\n \u3054\u5bb6\u65cf\u3068\u76f8\u8ac7\u3057\u306a\u304c\u3089\u3086\u3063\u304f\u308a\u3054\u691c\u8a0e\u3044\u305f\u3060\u3051\u307e\u3059\u3002\n <\/div>\n <\/div>\n <\/div>\n <\/article>\n <article class=\"step-card\">\n <div class=\"step-number\" id=\"stepNum3\" style=\"background: var(--color-primary);\">\n 3\n <\/div>\n <div class=\"step-inner\">\n <p class=\"step-label\" id=\"stepLabel3\" style=\"color: var(--color-primary);\">STEP 3<\/p>\n <h2 class=\"step-title\" id=\"step3Title\">\u521d\u56de\u898b\u5b88\u308a\u306e\u5b9f\u65bd<\/h2>\n <div class=\"step-body\">\n <p>\u5185\u5bb9\u306b\u3054\u7d0d\u5f97\u3044\u305f\u3060\u3051\u307e\u3057\u305f\u3089\u3001\u521d\u56de\u306e\u898b\u5b88\u308a\u65e5\u3092\u8abf\u6574\u3057\u307e\u3059\u3002<\/p>\n <ul>\n <li>\u5efa\u7269\u5916\u89b3\u30fb\u6577\u5730\u306e\u78ba\u8a8d<\/li>\n <li>\u5199\u771f\u64ae\u5f71<\/li>\n <li>\u72b6\u614b\u306e\u78ba\u8a8d<\/li>\n <\/ul>\n <div class=\"hint\">\n \u7acb\u4f1a\u3044\u306f\u4e0d\u8981\u3067\u3059\u3002\n <\/div>\n <div class=\"hint\">\n \u9060\u65b9\u306b\u304a\u4f4f\u307e\u3044\u3067\u3082\u554f\u984c\u3042\u308a\u307e\u305b\u3093\u3002\n <\/div>\n <\/div>\n <\/div>\n <\/article>\n <article class=\"step-card\">\n <div class=\"step-number\" id=\"stepNum4\" style=\"background: var(--color-primary);\">\n 4\n <\/div>\n <div class=\"step-inner\">\n <p class=\"step-label\" id=\"stepLabel4\" style=\"color: var(--color-primary);\">STEP 4<\/p>\n <h2 class=\"step-title\" id=\"step4Title\">\u5199\u771f\u4ed8\u304d\u3067\u3054\u5831\u544a<\/h2>\n <div class=\"step-body\">\n <p>\u898b\u5b88\u308a\u5f8c\u306f\u3001<\/p>\n <ul>\n <li>\u73fe\u5730\u306e\u5199\u771f<\/li>\n <li>\u6c17\u3065\u3044\u305f\u70b9\u306e\u30b3\u30e1\u30f3\u30c8<\/li>\n <li>\u7570\u5e38\u306e\u6709\u7121<\/li>\n <\/ul>\n <p>\u3092\u3001\u30e1\u30fc\u30eb\u307e\u305f\u306fLINE\u3067\u3054\u5831\u544a\u3057\u307e\u3059\u3002<\/p>\n <p style=\"margin-top: 0.5rem;\">\u7570\u5e38\u304c\u306a\u304b\u3063\u305f\u5834\u5408\u3082\u3001<br>\n \u300c\u554f\u984c\u3042\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u300d\u3068\u304d\u3061\u3093\u3068\u3054\u9023\u7d61\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/article>\n <article class=\"step-card\">\n <div class=\"step-number\" id=\"stepNum5\" style=\"background: var(--color-primary);\">\n 5\n <\/div>\n <div class=\"step-inner\">\n <p class=\"step-label\" id=\"stepLabel5\" style=\"color: var(--color-primary);\">STEP 5<\/p>\n <h2 class=\"step-title\" id=\"step5Title\">\u6bce\u6708\u306e\u5b9a\u671f\u898b\u5b88\u308a\u3078<\/h2>\n <div class=\"step-body\">\n <p>\u305d\u306e\u5f8c\u306f\u3001\u6bce\u67081\u56de\u306e\u5b9a\u671f\u898b\u5b88\u308a\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n <ul>\n <li>\u72b6\u6cc1\u306e\u5909\u5316\u3092\u7d99\u7d9a\u7684\u306b\u78ba\u8a8d<\/li>\n <li>\u5199\u771f\u3068\u8a18\u9332\u3092\u84c4\u7a4d<\/li>\n <li>\u7570\u5e38\u304c\u3042\u308c\u3070\u901f\u3084\u304b\u306b\u3054\u9023\u7d61<\/li>\n <\/ul>\n <div class=\"hint\">\n \u4f55\u304b\u3042\u3063\u305f\u6642\u306b\u3059\u3050\u5206\u304b\u308b\u72b6\u614b\u3092\u4fdd\u3064\u3053\u3068\u304c\u76ee\u7684\u3067\u3059\u3002\n <\/div>\n <\/div>\n <\/div>\n <\/article>\n <\/div>\n <section class=\"info-box\" id=\"infoBox\" style=\"margin-top: 1rem; margin-bottom: 2rem; background: var(--color-surface);\">\n <h3 style=\"font-size: 1.05rem; font-weight: 700; margin-bottom: 0.75rem;\">\ud83d\udccb \u3054\u5229\u7528\u4e2d\u306b\u3064\u3044\u3066<\/h3>\n <div class=\"step-body\">\n <ul>\n <li>\u52dd\u624b\u306a\u4f5c\u696d\u3084\u8ffd\u52a0\u5bfe\u5fdc\u306f\u884c\u3044\u307e\u305b\u3093<\/li>\n <li>\u8ffd\u52a0\u8cbb\u7528\u304c\u767a\u751f\u3059\u308b\u5834\u5408\u306f\u5fc5\u305a\u4e8b\u524d\u306b\u3054\u76f8\u8ac7\u3057\u307e\u3059<\/li>\n <li>\u3044\u3064\u3067\u3082\u89e3\u7d04\u30fb\u898b\u76f4\u3057\u304c\u53ef\u80fd\u3067\u3059<\/li>\n <\/ul>\n <div class=\"hint\" style=\"margin-top: 0.5rem;\">\n \u9577\u304f\u3001\u5b89\u5fc3\u3057\u3066\u304a\u4f7f\u3044\u3044\u305f\u3060\u3051\u308b\u898b\u5b88\u308a\u30b5\u30fc\u30d3\u30b9\u3092\u76ee\u6307\u3057\u3066\u3044\u307e\u3059\u3002\n <\/div>\n <\/div>\n <\/section>\n <section class=\"cta-section\" id=\"ctaSection\" style=\"background: var(--color-primary); color: #fff; margin-bottom: 2rem;\">\n <h2 id=\"ctaText\" style=\"font-size: 1.3rem; font-weight: 900; margin-bottom: 0.75rem; position: relative; z-index: 1;\">\u307e\u305a\u306f\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044<\/h2>\n <p style=\"font-size: 0.9rem; line-height: 1.8; opacity: 0.9; margin-bottom: 1.25rem; position: relative; z-index: 1;\">\u300c\u3069\u306e\u30d7\u30e9\u30f3\u304c\u5408\u3046\u304b\u5206\u304b\u3089\u306a\u3044\u300d<br>\n \u300c\u6599\u91d1\u3060\u3051\u77e5\u308a\u305f\u3044\u300d<br>\n \u305d\u3093\u306a\u3054\u76f8\u8ac7\u3067\u3082\u554f\u984c\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n <div style=\"display: flex; flex-direction: column; gap: 0.75rem; align-items: center; position: relative; z-index: 1;\"><a href=\"mailto:info@kitakyushu-akiyakanri.com\" class=\"cta-btn pulse-ring\" id=\"ctaBtnEmail\" style=\"background: #fff; color: var(--color-primary);\" target=\"_blank\" rel=\"noopener noreferrer\"> \ud83d\udce9 \u30e1\u30fc\u30eb\u3067\u76f8\u8ac7\u3059\u308b <\/a> <a href=\"https:\/\/lin.ee\/NWOP0OA\" class=\"cta-btn\" id=\"ctaBtnLine\" style=\"background: var(--color-secondary); color: #fff;\" target=\"_blank\" rel=\"noopener noreferrer\"> \ud83d\udcac LINE\u3067\u76f8\u8ac7\u3059\u308b <\/a>\n <\/div>\n <\/section>\n <\/main>\n <footer style=\"text-align: center; padding: 1.5rem 1.25rem; font-size: 0.78rem; opacity: 0.5;\">\n \u00a9 \u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a\n <\/footer>\n <\/div>\n <script>\n const defaultConfig = {\n \/\/ Colors (5 colors by visual prominence)\n background_color: '#F8FAFC',\n surface_color: '#FFFFFF',\n text_color: '#1E3A8A',\n primary_color: '#2563EB',\n secondary_color: '#3B82F6',\n \/\/ Font\n font_family: 'Zen Maru Gothic',\n font_size: 16,\n \/\/ Text content\n main_title: '\u3054\u5229\u7528\u306e\u6d41\u308c',\n main_subtitle: '\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a',\n step1_title: '\u7121\u6599\u76f8\u8ac7\uff08\u30e1\u30fc\u30eb\u30fbLINE\uff09',\n step2_title: '\u5185\u5bb9\u306e\u78ba\u8a8d\u30fb\u3054\u8aac\u660e',\n step3_title: '\u521d\u56de\u898b\u5b88\u308a\u306e\u5b9f\u65bd',\n step4_title: '\u5199\u771f\u4ed8\u304d\u3067\u3054\u5831\u544a',\n step5_title: '\u6bce\u6708\u306e\u5b9a\u671f\u898b\u5b88\u308a\u3078',\n cta_text: '\u307e\u305a\u306f\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044'\n };\n\n function applyConfig(config) {\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_color || defaultConfig.primary_color;\n const secondary = config.secondary_color || defaultConfig.secondary_color;\n const fontFamily = config.font_family || defaultConfig.font_family;\n const fontSize = config.font_size || defaultConfig.font_size;\n\n \/\/ CSS variables\n document.documentElement.style.setProperty('--color-bg', bg);\n document.documentElement.style.setProperty('--color-surface', surface);\n document.documentElement.style.setProperty('--color-text', text);\n document.documentElement.style.setProperty('--color-primary', primary);\n document.documentElement.style.setProperty('--color-secondary', secondary);\n\n \/\/ Root element\n const root = document.getElementById('appRoot');\n root.style.background = bg;\n root.style.color = text;\n root.style.fontFamily = `${fontFamily}, 'Noto Sans JP', sans-serif`;\n root.style.fontSize = `${fontSize}px`;\n\n \/\/ Step numbers\n for (let i = 1; i <= 5; i++) {\n const num = document.getElementById(`stepNum${i}`);\n if (num) num.style.background = primary;\n const label = document.getElementById(`stepLabel${i}`);\n if (label) label.style.color = primary;\n }\n\n \/\/ Step inners (surface color)\n document.querySelectorAll('.step-inner').forEach(el => {\n el.style.background = surface;\n });\n\n \/\/ Step body text\n document.querySelectorAll('.step-body').forEach(el => {\n el.style.color = text + 'd0'; \/\/ slightly transparent\n });\n\n \/\/ Contact box\n const contactBox = document.getElementById('contactBox1');\n if (contactBox) contactBox.style.background = bg;\n\n \/\/ Contact links\n document.querySelectorAll('.contact-link').forEach(el => {\n el.style.color = primary;\n });\n\n \/\/ Info box\n const infoBox = document.getElementById('infoBox');\n if (infoBox) {\n infoBox.style.background = surface;\n infoBox.style.borderLeftColor = secondary;\n }\n\n \/\/ CTA\n const ctaSection = document.getElementById('ctaSection');\n if (ctaSection) ctaSection.style.background = primary;\n\n const ctaBtnEmail = document.getElementById('ctaBtnEmail');\n if (ctaBtnEmail) {\n ctaBtnEmail.style.background = '#fff';\n ctaBtnEmail.style.color = primary;\n }\n\n const ctaBtnLine = document.getElementById('ctaBtnLine');\n if (ctaBtnLine) {\n ctaBtnLine.style.background = secondary;\n }\n\n \/\/ Timeline line\n const timelineLine = document.querySelector('.timeline-line');\n if (timelineLine) {\n timelineLine.style.background = `linear-gradient(to bottom, ${primary}, ${secondary})`;\n }\n\n \/\/ Hero label\n const heroLabel = document.getElementById('heroLabel');\n if (heroLabel) heroLabel.style.color = primary;\n\n \/\/ Font sizing\n const mainTitle = document.getElementById('mainTitle');\n if (mainTitle) {\n mainTitle.textContent = config.main_title || defaultConfig.main_title;\n mainTitle.style.fontFamily = `${fontFamily}, 'Noto Sans JP', sans-serif`;\n mainTitle.style.fontSize = `${fontSize * 1.8}px`;\n }\n\n const subtitleBrand = document.getElementById('subtitleBrand');\n if (subtitleBrand) subtitleBrand.textContent = config.main_subtitle || defaultConfig.main_subtitle;\n\n \/\/ Step titles\n const step1 = document.getElementById('step1Title');\n if (step1) {\n step1.textContent = config.step1_title || defaultConfig.step1_title;\n step1.style.fontFamily = `${fontFamily}, 'Noto Sans JP', sans-serif`;\n step1.style.fontSize = `${fontSize * 1.2}px`;\n }\n const step2 = document.getElementById('step2Title');\n if (step2) {\n step2.textContent = config.step2_title || defaultConfig.step2_title;\n step2.style.fontFamily = `${fontFamily}, 'Noto Sans JP', sans-serif`;\n step2.style.fontSize = `${fontSize * 1.2}px`;\n }\n const step3 = document.getElementById('step3Title');\n if (step3) {\n step3.textContent = config.step3_title || defaultConfig.step3_title;\n step3.style.fontFamily = `${fontFamily}, 'Noto Sans JP', sans-serif`;\n step3.style.fontSize = `${fontSize * 1.2}px`;\n }\n const step4 = document.getElementById('step4Title');\n if (step4) {\n step4.textContent = config.step4_title || defaultConfig.step4_title;\n step4.style.fontFamily = `${fontFamily}, 'Noto Sans JP', sans-serif`;\n step4.style.fontSize = `${fontSize * 1.2}px`;\n }\n const step5 = document.getElementById('step5Title');\n if (step5) {\n step5.textContent = config.step5_title || defaultConfig.step5_title;\n step5.style.fontFamily = `${fontFamily}, 'Noto Sans JP', sans-serif`;\n step5.style.fontSize = `${fontSize * 1.2}px`;\n }\n\n \/\/ CTA text\n const ctaText = document.getElementById('ctaText');\n if (ctaText) {\n ctaText.textContent = config.cta_text || defaultConfig.cta_text;\n ctaText.style.fontFamily = `${fontFamily}, 'Noto Sans JP', sans-serif`;\n ctaText.style.fontSize = `${fontSize * 1.3}px`;\n }\n\n \/\/ Step labels font\n document.querySelectorAll('.step-label').forEach(el => {\n el.style.fontSize = `${fontSize * 0.7}px`;\n });\n\n \/\/ Body text font size\n document.querySelectorAll('.step-body').forEach(el => {\n el.style.fontSize = `${fontSize * 0.9}px`;\n el.style.fontFamily = `${fontFamily}, 'Noto Sans JP', sans-serif`;\n });\n\n \/\/ Hints\n document.querySelectorAll('.hint').forEach(el => {\n el.style.fontSize = `${fontSize * 0.82}px`;\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_color || defaultConfig.primary_color,\n set: (v) => { config.primary_color = v; window.elementSdk.setConfig({ primary_color: v }); }\n },\n {\n get: () => config.secondary_color || defaultConfig.secondary_color,\n set: (v) => { config.secondary_color = v; window.elementSdk.setConfig({ secondary_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 ['main_title', config.main_title || defaultConfig.main_title],\n ['main_subtitle', config.main_subtitle || defaultConfig.main_subtitle],\n ['step1_title', config.step1_title || defaultConfig.step1_title],\n ['step2_title', config.step2_title || defaultConfig.step2_title],\n ['step3_title', config.step3_title || defaultConfig.step3_title],\n ['step4_title', config.step4_title || defaultConfig.step4_title],\n ['step5_title', config.step5_title || defaultConfig.step5_title],\n ['cta_text', config.cta_text || defaultConfig.cta_text]\n ])\n });\n }\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:'9cb60c03f048d3f9',t:'MTc3MDY2ODIxMi4wMDAwMDA='};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>\u3054\u5229\u7528\u306e\u6d41\u308c\uff5c\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a SERVICE FLOW \u3054\u5229\u7528\u306e\u6d41\u308c \u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a\u306f\u3001 \u96e3\u3057\u3044\u624b\u7d9a\u304d\u3084\u6025\u306a\u5951\u7d04\u306f\u3042\u308a\u307e\u305b\u3093\u3002 \u300c\u307e\u305a\u8a71\u3092\u805e\u3044\u3066\u307f\u308b\u300d \u300c\u72b6\u6cc1\u3060\u3051\u76f8\u8ac7\u3059\u308b\u300d \u3068\u3044\u3046\u3068\u3053\u308d\u304b\u3089\u59cb\u3081\u3066\u3044\u305f\u3060\u3051\u307e\u3059\u3002 […]<\/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-23","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/pages\/23","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=23"}],"version-history":[{"count":6,"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/pages\/23\/revisions"}],"predecessor-version":[{"id":134,"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/pages\/23\/revisions\/134"}],"wp:attachment":[{"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":23,"date":"2026-02-08T01:07:42","date_gmt":"2026-02-07T16:07:42","guid":{"rendered":"https:\/\/kitakyushu-akiyakanri.com\/?page_id=23"},"modified":"2026-02-10T05:17:24","modified_gmt":"2026-02-09T20:17:24","slug":"%e3%81%94%e5%88%a9%e7%94%a8%e3%81%ae%e6%b5%81%e3%82%8c","status":"publish","type":"page","link":"https:\/\/kitakyushu-akiyakanri.com\/?page_id=23","title":{"rendered":"\u3054\u5229\u7528\u306e\u6d41\u308c"},"content":{"rendered":"\n\n\n \n \n \n \u3054\u5229\u7528\u306e\u6d41\u308c\uff5c\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 --color-bg: #F8FAFC;\n --color-surface: #FFFFFF;\n --color-text: #1E3A8A;\n --color-primary: #2563EB;\n --color-secondary: #3B82F6;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n html, body {\n height: 100%;\n width: 100%;\n }\n\n .app-root {\n font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;\n background: var(--color-bg);\n color: var(--color-text);\n min-height: 100%;\n width: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n }\n\n \/* Decorative leaf pattern *\/\n .hero-section {\n position: relative;\n overflow: hidden;\n }\n\n .hero-section::before {\n content: '';\n position: absolute;\n top: -60px;\n right: -40px;\n width: 200px;\n height: 200px;\n background: radial-gradient(ellipse at center, rgba(91,140,90,0.12) 0%, transparent 70%);\n border-radius: 50%;\n pointer-events: none;\n }\n\n .hero-section::after {\n content: '';\n position: absolute;\n bottom: -30px;\n left: -50px;\n width: 160px;\n height: 160px;\n background: radial-gradient(ellipse at center, rgba(196,149,106,0.1) 0%, transparent 70%);\n border-radius: 50%;\n pointer-events: none;\n }\n\n \/* Step timeline *\/\n .timeline-line {\n position: absolute;\n left: 27px;\n top: 0;\n bottom: 0;\n width: 4px;\n background: linear-gradient(to bottom, var(--color-primary), var(--color-secondary));\n border-radius: 2px;\n }\n\n @media (min-width: 768px) {\n .timeline-line {\n left: 31px;\n }\n }\n\n .step-card {\n position: relative;\n padding-left: 90px;\n margin-bottom: 3rem;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeSlideUp 0.6s ease forwards;\n }\n\n @media (min-width: 768px) {\n .step-card {\n padding-left: 110px;\n margin-bottom: 3.5rem;\n }\n }\n\n .step-card:nth-child(1) { animation-delay: 0.1s; }\n .step-card:nth-child(2) { animation-delay: 0.25s; }\n .step-card:nth-child(3) { animation-delay: 0.4s; }\n .step-card:nth-child(4) { animation-delay: 0.55s; }\n .step-card:nth-child(5) { animation-delay: 0.7s; }\n\n @keyframes fadeSlideUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .step-number {\n position: absolute;\n left: 0px;\n top: 0;\n width: 60px;\n height: 60px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 24px;\n color: #fff;\n z-index: 2;\n box-shadow: 0 4px 16px rgba(37, 99, 235, 0.3);\n }\n\n @media (min-width: 768px) {\n .step-number {\n left: 2px;\n width: 70px;\n height: 70px;\n font-size: 28px;\n }\n }\n\n .step-inner {\n background: var(--color-surface);\n border-radius: 16px;\n padding: 2rem 2rem;\n box-shadow: 0 2px 16px rgba(61,53,41,0.06);\n border: 1px solid rgba(61,53,41,0.06);\n transition: transform 0.25s ease, box-shadow 0.25s ease;\n }\n\n .step-inner:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 24px rgba(61,53,41,0.1);\n }\n\n .step-label {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n margin-bottom: 4px;\n }\n\n .step-title {\n font-size: 1.35rem;\n font-weight: 700;\n margin-bottom: 1rem;\n line-height: 1.5;\n }\n\n @media (min-width: 768px) {\n .step-title {\n font-size: 1.55rem;\n }\n }\n\n .step-body {\n font-size: 1.05rem;\n line-height: 2;\n color: rgba(61,53,41,0.82);\n }\n\n .step-body ul {\n list-style: none;\n padding: 0;\n margin: 0.5rem 0;\n }\n\n .step-body ul li {\n position: relative;\n padding-left: 1.3em;\n margin-bottom: 0.25rem;\n }\n\n .step-body ul li::before {\n content: '\u30fb';\n position: absolute;\n left: 0;\n color: var(--color-primary);\n font-weight: 700;\n }\n\n .hint {\n display: flex;\n align-items: flex-start;\n gap: 0.4em;\n font-size: 0.82rem;\n color: rgba(61,53,41,0.6);\n margin-top: 0.3rem;\n }\n\n .hint::before {\n content: '\ud83d\udc49';\n flex-shrink: 0;\n }\n\n .contact-link {\n display: inline-flex;\n align-items: center;\n gap: 0.4em;\n color: var(--color-primary);\n font-weight: 500;\n word-break: break-all;\n text-decoration: none;\n transition: opacity 0.2s;\n }\n\n .contact-link:hover {\n opacity: 0.7;\n }\n\n \/* Info box *\/\n .info-box {\n border-radius: 14px;\n padding: 1.25rem 1.5rem;\n border-left: 4px solid var(--color-secondary);\n }\n\n \/* CTA section *\/\n .cta-section {\n border-radius: 20px;\n padding: 2rem 1.5rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .cta-section::before {\n content: '';\n position: absolute;\n top: -40px;\n right: -40px;\n width: 120px;\n height: 120px;\n background: rgba(255,255,255,0.1);\n border-radius: 50%;\n pointer-events: none;\n }\n\n .cta-section::after {\n content: '';\n position: absolute;\n bottom: -30px;\n left: -20px;\n width: 90px;\n height: 90px;\n background: rgba(255,255,255,0.07);\n border-radius: 50%;\n pointer-events: none;\n }\n\n .cta-btn {\n display: inline-flex;\n align-items: center;\n gap: 0.5em;\n padding: 0.85rem 2rem;\n border-radius: 60px;\n font-weight: 700;\n font-size: 0.95rem;\n text-decoration: none;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n border: none;\n cursor: pointer;\n }\n\n .cta-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(0,0,0,0.15);\n }\n\n \/* Pulse animation for CTA *\/\n @keyframes gentlePulse {\n 0%, 100% { box-shadow: 0 0 0 0 rgba(91,140,90,0.3); }\n 50% { box-shadow: 0 0 0 10px rgba(91,140,90,0); }\n }\n\n .pulse-ring {\n animation: gentlePulse 2.5s ease-in-out infinite;\n }\n\n \/* Hero entrance *\/\n .hero-enter {\n opacity: 0;\n transform: translateY(20px);\n animation: fadeSlideUp 0.8s ease forwards;\n }\n\n .hero-enter-delay {\n opacity: 0;\n transform: translateY(20px);\n animation: fadeSlideUp 0.8s ease 0.2s forwards;\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-root\" id=\"appRoot\">\n <header class=\"hero-section\" style=\"padding: 3rem 1.25rem 2rem;\">\n <div style=\"max-width: 680px; margin: 0 auto;\">\n <p class=\"hero-enter\" style=\"font-size: 0.8rem; font-weight: 700; letter-spacing: 0.12em; margin-bottom: 0.5rem; opacity: 0;\" id=\"heroLabel\">SERVICE FLOW<\/p>\n <h1 class=\"hero-enter\" id=\"mainTitle\" style=\"font-size: 1.8rem; font-weight: 900; line-height: 1.4; margin-bottom: 1rem; opacity: 0;\">\u3054\u5229\u7528\u306e\u6d41\u308c<\/h1>\n <p class=\"hero-enter-delay\" id=\"mainSubtitle\" style=\"font-size: 1rem; line-height: 2; opacity: 0;\"><span style=\"font-weight: 700;\" id=\"subtitleBrand\">\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a<\/span>\u306f\u3001<br>\n \u96e3\u3057\u3044\u624b\u7d9a\u304d\u3084\u6025\u306a\u5951\u7d04\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n <p class=\"hero-enter-delay\" style=\"font-size: 0.95rem; line-height: 2; margin-top: 0.75rem; opacity: 0;\">\u300c\u307e\u305a\u8a71\u3092\u805e\u3044\u3066\u307f\u308b\u300d<br>\n \u300c\u72b6\u6cc1\u3060\u3051\u76f8\u8ac7\u3059\u308b\u300d<br>\n \u3068\u3044\u3046\u3068\u3053\u308d\u304b\u3089\u59cb\u3081\u3066\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n <\/div>\n <\/header>\n <main style=\"padding: 0 1.25rem 2rem; max-width: 680px; margin: 0 auto;\">\n <div style=\"position: relative; padding-top: 0.5rem;\">\n <div class=\"timeline-line\"><\/div>\n <article class=\"step-card\">\n <div class=\"step-number\" id=\"stepNum1\" style=\"background: var(--color-primary);\">\n 1\n <\/div>\n <div class=\"step-inner\">\n <p class=\"step-label\" id=\"stepLabel1\" style=\"color: var(--color-primary);\">STEP 1<\/p>\n <h2 class=\"step-title\" id=\"step1Title\">\u7121\u6599\u76f8\u8ac7\uff08\u30e1\u30fc\u30eb\u30fbLINE\uff09<\/h2>\n <div class=\"step-body\">\n <p>\u307e\u305a\u306f\u3001\u30e1\u30fc\u30eb\u307e\u305f\u306f\u516c\u5f0fLINE\u304b\u3089\u3054\u9023\u7d61\u304f\u3060\u3055\u3044\u3002<\/p>\n <div style=\"margin: 0.75rem 0; padding: 0.75rem 1rem; border-radius: 10px; font-size: 0.88rem;\" id=\"contactBox1\">\n <p>\ud83d\udce9 \u30e1\u30fc\u30eb\uff1a<a href=\"mailto:info@kitakyushu-akiyakanri.com\" class=\"contact-link\" target=\"_blank\" rel=\"noopener noreferrer\">info@kitakyushu-akiyakanri.com<\/a><\/p>\n <p style=\"margin-top: 0.4rem;\">\ud83d\udcac \u516c\u5f0fLINE\uff1a<a href=\"https:\/\/lin.ee\/NWOP0OA\" class=\"contact-link\" target=\"_blank\" rel=\"noopener noreferrer\">\u3053\u3061\u3089\u304b\u3089\u53cb\u3060\u3061\u8ffd\u52a0<\/a><\/p>\n <\/div>\n <p>\u3054\u76f8\u8ac7\u6642\u306f\u3001\u5206\u304b\u308b\u7bc4\u56f2\u3067\u4ee5\u4e0b\u3092\u6559\u3048\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n <ul>\n <li>\u7269\u4ef6\u306e\u5834\u6240\uff08\u753a\u540d\u307e\u3067\u3067OK\uff09<\/li>\n <li>\u7a7a\u304d\u5bb6 or \u7a7a\u304d\u5730<\/li>\n <li>\u6c17\u306b\u306a\u3063\u3066\u3044\u308b\u70b9\uff08\u3042\u308c\u3070\uff09<\/li>\n <\/ul>\n <div class=\"hint\">\n \u5951\u7d04\u3092\u524d\u63d0\u3068\u3057\u305f\u3054\u76f8\u8ac7\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\n <\/div>\n <div class=\"hint\">\n \u7121\u7406\u306a\u55b6\u696d\u306f\u4e00\u5207\u884c\u3063\u3066\u304a\u308a\u307e\u305b\u3093\u3002\n <\/div>\n <\/div>\n <\/div>\n <\/article>\n <article class=\"step-card\">\n <div class=\"step-number\" id=\"stepNum2\" style=\"background: var(--color-primary);\">\n 2\n <\/div>\n <div class=\"step-inner\">\n <p class=\"step-label\" id=\"stepLabel2\" style=\"color: var(--color-primary);\">STEP 2<\/p>\n <h2 class=\"step-title\" id=\"step2Title\">\u5185\u5bb9\u306e\u78ba\u8a8d\u30fb\u3054\u8aac\u660e<\/h2>\n <div class=\"step-body\">\n <p>\u3044\u305f\u3060\u3044\u305f\u5185\u5bb9\u3092\u3082\u3068\u306b\u3001<\/p>\n <ul>\n <li>\u898b\u5b88\u308a\u3067\u5bfe\u5fdc\u3067\u304d\u308b\u3053\u3068<\/li>\n <li>\u3067\u304d\u306a\u3044\u3053\u3068<\/li>\n <li>\u6599\u91d1\u306e\u76ee\u5b89<\/li>\n <\/ul>\n <p>\u3092\u3001\u5206\u304b\u308a\u3084\u3059\u304f\u3054\u8aac\u660e\u3057\u307e\u3059\u3002<\/p>\n <p style=\"margin-top: 0.5rem;\">\u5206\u304b\u3089\u306a\u3044\u70b9\u304c\u3042\u308c\u3070\u3001\u4f55\u5ea6\u3067\u3082\u3054\u8cea\u554f\u304f\u3060\u3055\u3044\u3002<\/p>\n <div class=\"hint\">\n \u3054\u5bb6\u65cf\u3068\u76f8\u8ac7\u3057\u306a\u304c\u3089\u3086\u3063\u304f\u308a\u3054\u691c\u8a0e\u3044\u305f\u3060\u3051\u307e\u3059\u3002\n <\/div>\n <\/div>\n <\/div>\n <\/article>\n <article class=\"step-card\">\n <div class=\"step-number\" id=\"stepNum3\" style=\"background: var(--color-primary);\">\n 3\n <\/div>\n <div class=\"step-inner\">\n <p class=\"step-label\" id=\"stepLabel3\" style=\"color: var(--color-primary);\">STEP 3<\/p>\n <h2 class=\"step-title\" id=\"step3Title\">\u521d\u56de\u898b\u5b88\u308a\u306e\u5b9f\u65bd<\/h2>\n <div class=\"step-body\">\n <p>\u5185\u5bb9\u306b\u3054\u7d0d\u5f97\u3044\u305f\u3060\u3051\u307e\u3057\u305f\u3089\u3001\u521d\u56de\u306e\u898b\u5b88\u308a\u65e5\u3092\u8abf\u6574\u3057\u307e\u3059\u3002<\/p>\n <ul>\n <li>\u5efa\u7269\u5916\u89b3\u30fb\u6577\u5730\u306e\u78ba\u8a8d<\/li>\n <li>\u5199\u771f\u64ae\u5f71<\/li>\n <li>\u72b6\u614b\u306e\u78ba\u8a8d<\/li>\n <\/ul>\n <div class=\"hint\">\n \u7acb\u4f1a\u3044\u306f\u4e0d\u8981\u3067\u3059\u3002\n <\/div>\n <div class=\"hint\">\n \u9060\u65b9\u306b\u304a\u4f4f\u307e\u3044\u3067\u3082\u554f\u984c\u3042\u308a\u307e\u305b\u3093\u3002\n <\/div>\n <\/div>\n <\/div>\n <\/article>\n <article class=\"step-card\">\n <div class=\"step-number\" id=\"stepNum4\" style=\"background: var(--color-primary);\">\n 4\n <\/div>\n <div class=\"step-inner\">\n <p class=\"step-label\" id=\"stepLabel4\" style=\"color: var(--color-primary);\">STEP 4<\/p>\n <h2 class=\"step-title\" id=\"step4Title\">\u5199\u771f\u4ed8\u304d\u3067\u3054\u5831\u544a<\/h2>\n <div class=\"step-body\">\n <p>\u898b\u5b88\u308a\u5f8c\u306f\u3001<\/p>\n <ul>\n <li>\u73fe\u5730\u306e\u5199\u771f<\/li>\n <li>\u6c17\u3065\u3044\u305f\u70b9\u306e\u30b3\u30e1\u30f3\u30c8<\/li>\n <li>\u7570\u5e38\u306e\u6709\u7121<\/li>\n <\/ul>\n <p>\u3092\u3001\u30e1\u30fc\u30eb\u307e\u305f\u306fLINE\u3067\u3054\u5831\u544a\u3057\u307e\u3059\u3002<\/p>\n <p style=\"margin-top: 0.5rem;\">\u7570\u5e38\u304c\u306a\u304b\u3063\u305f\u5834\u5408\u3082\u3001<br>\n \u300c\u554f\u984c\u3042\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u300d\u3068\u304d\u3061\u3093\u3068\u3054\u9023\u7d61\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/article>\n <article class=\"step-card\">\n <div class=\"step-number\" id=\"stepNum5\" style=\"background: var(--color-primary);\">\n 5\n <\/div>\n <div class=\"step-inner\">\n <p class=\"step-label\" id=\"stepLabel5\" style=\"color: var(--color-primary);\">STEP 5<\/p>\n <h2 class=\"step-title\" id=\"step5Title\">\u6bce\u6708\u306e\u5b9a\u671f\u898b\u5b88\u308a\u3078<\/h2>\n <div class=\"step-body\">\n <p>\u305d\u306e\u5f8c\u306f\u3001\u6bce\u67081\u56de\u306e\u5b9a\u671f\u898b\u5b88\u308a\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n <ul>\n <li>\u72b6\u6cc1\u306e\u5909\u5316\u3092\u7d99\u7d9a\u7684\u306b\u78ba\u8a8d<\/li>\n <li>\u5199\u771f\u3068\u8a18\u9332\u3092\u84c4\u7a4d<\/li>\n <li>\u7570\u5e38\u304c\u3042\u308c\u3070\u901f\u3084\u304b\u306b\u3054\u9023\u7d61<\/li>\n <\/ul>\n <div class=\"hint\">\n \u4f55\u304b\u3042\u3063\u305f\u6642\u306b\u3059\u3050\u5206\u304b\u308b\u72b6\u614b\u3092\u4fdd\u3064\u3053\u3068\u304c\u76ee\u7684\u3067\u3059\u3002\n <\/div>\n <\/div>\n <\/div>\n <\/article>\n <\/div>\n <section class=\"info-box\" id=\"infoBox\" style=\"margin-top: 1rem; margin-bottom: 2rem; background: var(--color-surface);\">\n <h3 style=\"font-size: 1.05rem; font-weight: 700; margin-bottom: 0.75rem;\">\ud83d\udccb \u3054\u5229\u7528\u4e2d\u306b\u3064\u3044\u3066<\/h3>\n <div class=\"step-body\">\n <ul>\n <li>\u52dd\u624b\u306a\u4f5c\u696d\u3084\u8ffd\u52a0\u5bfe\u5fdc\u306f\u884c\u3044\u307e\u305b\u3093<\/li>\n <li>\u8ffd\u52a0\u8cbb\u7528\u304c\u767a\u751f\u3059\u308b\u5834\u5408\u306f\u5fc5\u305a\u4e8b\u524d\u306b\u3054\u76f8\u8ac7\u3057\u307e\u3059<\/li>\n <li>\u3044\u3064\u3067\u3082\u89e3\u7d04\u30fb\u898b\u76f4\u3057\u304c\u53ef\u80fd\u3067\u3059<\/li>\n <\/ul>\n <div class=\"hint\" style=\"margin-top: 0.5rem;\">\n \u9577\u304f\u3001\u5b89\u5fc3\u3057\u3066\u304a\u4f7f\u3044\u3044\u305f\u3060\u3051\u308b\u898b\u5b88\u308a\u30b5\u30fc\u30d3\u30b9\u3092\u76ee\u6307\u3057\u3066\u3044\u307e\u3059\u3002\n <\/div>\n <\/div>\n <\/section>\n <section class=\"cta-section\" id=\"ctaSection\" style=\"background: var(--color-primary); color: #fff; margin-bottom: 2rem;\">\n <h2 id=\"ctaText\" style=\"font-size: 1.3rem; font-weight: 900; margin-bottom: 0.75rem; position: relative; z-index: 1;\">\u307e\u305a\u306f\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044<\/h2>\n <p style=\"font-size: 0.9rem; line-height: 1.8; opacity: 0.9; margin-bottom: 1.25rem; position: relative; z-index: 1;\">\u300c\u3069\u306e\u30d7\u30e9\u30f3\u304c\u5408\u3046\u304b\u5206\u304b\u3089\u306a\u3044\u300d<br>\n \u300c\u6599\u91d1\u3060\u3051\u77e5\u308a\u305f\u3044\u300d<br>\n \u305d\u3093\u306a\u3054\u76f8\u8ac7\u3067\u3082\u554f\u984c\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n <div style=\"display: flex; flex-direction: column; gap: 0.75rem; align-items: center; position: relative; z-index: 1;\"><a href=\"mailto:info@kitakyushu-akiyakanri.com\" class=\"cta-btn pulse-ring\" id=\"ctaBtnEmail\" style=\"background: #fff; color: var(--color-primary);\" target=\"_blank\" rel=\"noopener noreferrer\"> \ud83d\udce9 \u30e1\u30fc\u30eb\u3067\u76f8\u8ac7\u3059\u308b <\/a> <a href=\"https:\/\/lin.ee\/NWOP0OA\" class=\"cta-btn\" id=\"ctaBtnLine\" style=\"background: var(--color-secondary); color: #fff;\" target=\"_blank\" rel=\"noopener noreferrer\"> \ud83d\udcac LINE\u3067\u76f8\u8ac7\u3059\u308b <\/a>\n <\/div>\n <\/section>\n <\/main>\n <footer style=\"text-align: center; padding: 1.5rem 1.25rem; font-size: 0.78rem; opacity: 0.5;\">\n \u00a9 \u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a\n <\/footer>\n <\/div>\n <script>\n const defaultConfig = {\n \/\/ Colors (5 colors by visual prominence)\n background_color: '#F8FAFC',\n surface_color: '#FFFFFF',\n text_color: '#1E3A8A',\n primary_color: '#2563EB',\n secondary_color: '#3B82F6',\n \/\/ Font\n font_family: 'Zen Maru Gothic',\n font_size: 16,\n \/\/ Text content\n main_title: '\u3054\u5229\u7528\u306e\u6d41\u308c',\n main_subtitle: '\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a',\n step1_title: '\u7121\u6599\u76f8\u8ac7\uff08\u30e1\u30fc\u30eb\u30fbLINE\uff09',\n step2_title: '\u5185\u5bb9\u306e\u78ba\u8a8d\u30fb\u3054\u8aac\u660e',\n step3_title: '\u521d\u56de\u898b\u5b88\u308a\u306e\u5b9f\u65bd',\n step4_title: '\u5199\u771f\u4ed8\u304d\u3067\u3054\u5831\u544a',\n step5_title: '\u6bce\u6708\u306e\u5b9a\u671f\u898b\u5b88\u308a\u3078',\n cta_text: '\u307e\u305a\u306f\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044'\n };\n\n function applyConfig(config) {\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_color || defaultConfig.primary_color;\n const secondary = config.secondary_color || defaultConfig.secondary_color;\n const fontFamily = config.font_family || defaultConfig.font_family;\n const fontSize = config.font_size || defaultConfig.font_size;\n\n \/\/ CSS variables\n document.documentElement.style.setProperty('--color-bg', bg);\n document.documentElement.style.setProperty('--color-surface', surface);\n document.documentElement.style.setProperty('--color-text', text);\n document.documentElement.style.setProperty('--color-primary', primary);\n document.documentElement.style.setProperty('--color-secondary', secondary);\n\n \/\/ Root element\n const root = document.getElementById('appRoot');\n root.style.background = bg;\n root.style.color = text;\n root.style.fontFamily = `${fontFamily}, 'Noto Sans JP', sans-serif`;\n root.style.fontSize = `${fontSize}px`;\n\n \/\/ Step numbers\n for (let i = 1; i <= 5; i++) {\n const num = document.getElementById(`stepNum${i}`);\n if (num) num.style.background = primary;\n const label = document.getElementById(`stepLabel${i}`);\n if (label) label.style.color = primary;\n }\n\n \/\/ Step inners (surface color)\n document.querySelectorAll('.step-inner').forEach(el => {\n el.style.background = surface;\n });\n\n \/\/ Step body text\n document.querySelectorAll('.step-body').forEach(el => {\n el.style.color = text + 'd0'; \/\/ slightly transparent\n });\n\n \/\/ Contact box\n const contactBox = document.getElementById('contactBox1');\n if (contactBox) contactBox.style.background = bg;\n\n \/\/ Contact links\n document.querySelectorAll('.contact-link').forEach(el => {\n el.style.color = primary;\n });\n\n \/\/ Info box\n const infoBox = document.getElementById('infoBox');\n if (infoBox) {\n infoBox.style.background = surface;\n infoBox.style.borderLeftColor = secondary;\n }\n\n \/\/ CTA\n const ctaSection = document.getElementById('ctaSection');\n if (ctaSection) ctaSection.style.background = primary;\n\n const ctaBtnEmail = document.getElementById('ctaBtnEmail');\n if (ctaBtnEmail) {\n ctaBtnEmail.style.background = '#fff';\n ctaBtnEmail.style.color = primary;\n }\n\n const ctaBtnLine = document.getElementById('ctaBtnLine');\n if (ctaBtnLine) {\n ctaBtnLine.style.background = secondary;\n }\n\n \/\/ Timeline line\n const timelineLine = document.querySelector('.timeline-line');\n if (timelineLine) {\n timelineLine.style.background = `linear-gradient(to bottom, ${primary}, ${secondary})`;\n }\n\n \/\/ Hero label\n const heroLabel = document.getElementById('heroLabel');\n if (heroLabel) heroLabel.style.color = primary;\n\n \/\/ Font sizing\n const mainTitle = document.getElementById('mainTitle');\n if (mainTitle) {\n mainTitle.textContent = config.main_title || defaultConfig.main_title;\n mainTitle.style.fontFamily = `${fontFamily}, 'Noto Sans JP', sans-serif`;\n mainTitle.style.fontSize = `${fontSize * 1.8}px`;\n }\n\n const subtitleBrand = document.getElementById('subtitleBrand');\n if (subtitleBrand) subtitleBrand.textContent = config.main_subtitle || defaultConfig.main_subtitle;\n\n \/\/ Step titles\n const step1 = document.getElementById('step1Title');\n if (step1) {\n step1.textContent = config.step1_title || defaultConfig.step1_title;\n step1.style.fontFamily = `${fontFamily}, 'Noto Sans JP', sans-serif`;\n step1.style.fontSize = `${fontSize * 1.2}px`;\n }\n const step2 = document.getElementById('step2Title');\n if (step2) {\n step2.textContent = config.step2_title || defaultConfig.step2_title;\n step2.style.fontFamily = `${fontFamily}, 'Noto Sans JP', sans-serif`;\n step2.style.fontSize = `${fontSize * 1.2}px`;\n }\n const step3 = document.getElementById('step3Title');\n if (step3) {\n step3.textContent = config.step3_title || defaultConfig.step3_title;\n step3.style.fontFamily = `${fontFamily}, 'Noto Sans JP', sans-serif`;\n step3.style.fontSize = `${fontSize * 1.2}px`;\n }\n const step4 = document.getElementById('step4Title');\n if (step4) {\n step4.textContent = config.step4_title || defaultConfig.step4_title;\n step4.style.fontFamily = `${fontFamily}, 'Noto Sans JP', sans-serif`;\n step4.style.fontSize = `${fontSize * 1.2}px`;\n }\n const step5 = document.getElementById('step5Title');\n if (step5) {\n step5.textContent = config.step5_title || defaultConfig.step5_title;\n step5.style.fontFamily = `${fontFamily}, 'Noto Sans JP', sans-serif`;\n step5.style.fontSize = `${fontSize * 1.2}px`;\n }\n\n \/\/ CTA text\n const ctaText = document.getElementById('ctaText');\n if (ctaText) {\n ctaText.textContent = config.cta_text || defaultConfig.cta_text;\n ctaText.style.fontFamily = `${fontFamily}, 'Noto Sans JP', sans-serif`;\n ctaText.style.fontSize = `${fontSize * 1.3}px`;\n }\n\n \/\/ Step labels font\n document.querySelectorAll('.step-label').forEach(el => {\n el.style.fontSize = `${fontSize * 0.7}px`;\n });\n\n \/\/ Body text font size\n document.querySelectorAll('.step-body').forEach(el => {\n el.style.fontSize = `${fontSize * 0.9}px`;\n el.style.fontFamily = `${fontFamily}, 'Noto Sans JP', sans-serif`;\n });\n\n \/\/ Hints\n document.querySelectorAll('.hint').forEach(el => {\n el.style.fontSize = `${fontSize * 0.82}px`;\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_color || defaultConfig.primary_color,\n set: (v) => { config.primary_color = v; window.elementSdk.setConfig({ primary_color: v }); }\n },\n {\n get: () => config.secondary_color || defaultConfig.secondary_color,\n set: (v) => { config.secondary_color = v; window.elementSdk.setConfig({ secondary_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 ['main_title', config.main_title || defaultConfig.main_title],\n ['main_subtitle', config.main_subtitle || defaultConfig.main_subtitle],\n ['step1_title', config.step1_title || defaultConfig.step1_title],\n ['step2_title', config.step2_title || defaultConfig.step2_title],\n ['step3_title', config.step3_title || defaultConfig.step3_title],\n ['step4_title', config.step4_title || defaultConfig.step4_title],\n ['step5_title', config.step5_title || defaultConfig.step5_title],\n ['cta_text', config.cta_text || defaultConfig.cta_text]\n ])\n });\n }\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:'9cb60c03f048d3f9',t:'MTc3MDY2ODIxMi4wMDAwMDA='};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>\u3054\u5229\u7528\u306e\u6d41\u308c\uff5c\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a SERVICE FLOW \u3054\u5229\u7528\u306e\u6d41\u308c \u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a\u306f\u3001 \u96e3\u3057\u3044\u624b\u7d9a\u304d\u3084\u6025\u306a\u5951\u7d04\u306f\u3042\u308a\u307e\u305b\u3093\u3002 \u300c\u307e\u305a\u8a71\u3092\u805e\u3044\u3066\u307f\u308b\u300d \u300c\u72b6\u6cc1\u3060\u3051\u76f8\u8ac7\u3059\u308b\u300d \u3068\u3044\u3046\u3068\u3053\u308d\u304b\u3089\u59cb\u3081\u3066\u3044\u305f\u3060\u3051\u307e\u3059\u3002 […]<\/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-23","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/pages\/23","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=23"}],"version-history":[{"count":6,"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/pages\/23\/revisions"}],"predecessor-version":[{"id":134,"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/pages\/23\/revisions\/134"}],"wp:attachment":[{"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}