\u6599\u91d1\u306b\u3064\u3044\u3066 | \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: #F0F7FF;\n --surface-color: #FFFFFF;\n --text-color: #1A3A52;\n --primary-color: #0066CC;\n --secondary-color: #00A3E0;\n }\n\n html, body {\n margin: 0;\n padding: 0;\n height: 100%;\n width: 100%;\n }\n\n * {\n box-sizing: border-box;\n }\n\n .font-heading {\n font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;\n }\n\n .font-body {\n font-family: 'Noto Sans JP', 'Zen Maru Gothic', sans-serif;\n }\n\n @keyframes fadeSlideUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes scaleIn {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n .animate-fade-up {\n animation: fadeSlideUp 0.7s ease-out forwards;\n opacity: 0;\n }\n\n .animate-scale-in {\n animation: scaleIn 0.6s ease-out forwards;\n opacity: 0;\n }\n\n .delay-1 { animation-delay: 0.1s; }\n .delay-2 { animation-delay: 0.2s; }\n .delay-3 { animation-delay: 0.3s; }\n .delay-4 { animation-delay: 0.4s; }\n .delay-5 { animation-delay: 0.5s; }\n\n .plan-card {\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n position: relative;\n }\n\n .plan-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 40px rgba(0, 102, 204, 0.12);\n }\n\n .plan-card.recommended {\n border: 3px solid var(--primary-color);\n }\n\n .recommended-badge {\n position: absolute;\n top: -14px;\n left: 50%;\n transform: translateX(-50%);\n white-space: nowrap;\n z-index: 10;\n }\n\n .hero-pattern {\n background-image:\n radial-gradient(circle at 20% 50%, rgba(0, 102, 204, 0.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(0, 163, 224, 0.06) 0%, transparent 50%),\n radial-gradient(circle at 60% 80%, rgba(0, 102, 204, 0.05) 0%, transparent 40%);\n }\n\n .section-divider {\n height: 2px;\n background: linear-gradient(90deg, transparent, rgba(0, 102, 204, 0.2), var(--secondary-color), rgba(0, 102, 204, 0.2), transparent);\n }\n\n .check-item::before {\n content: '\u2713';\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 22px;\n height: 22px;\n border-radius: 50%;\n background: var(--primary-color);\n color: white;\n font-size: 12px;\n font-weight: 700;\n margin-right: 10px;\n flex-shrink: 0;\n }\n\n .reveal {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n }\n\n .reveal.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n .cta-btn {\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n .cta-btn::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n border-radius: 50%;\n background: rgba(255,255,255,0.15);\n transform: translate(-50%, -50%);\n transition: width 0.5s ease, height 0.5s ease;\n }\n\n .cta-btn:hover::after {\n width: 300px;\n height: 300px;\n }\n\n .cta-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(0, 102, 204, 0.35);\n }\n\n .note-card {\n border-left: 4px solid var(--secondary-color);\n }\n\n .tab-btn {\n transition: all 0.3s ease;\n position: relative;\n }\n\n .tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: -2px;\n left: 10%;\n width: 80%;\n height: 3px;\n background: var(--primary-color);\n border-radius: 2px;\n }\n\n ::-webkit-scrollbar {\n width: 6px;\n }\n ::-webkit-scrollbar-track {\n background: transparent;\n }\n ::-webkit-scrollbar-thumb {\n background: rgba(0, 102, 204, 0.3);\n border-radius: 3px;\n }\n\n @keyframes sway {\n 0%, 100% { transform: rotate(-3deg); }\n 50% { transform: rotate(3deg); }\n }\n\n .leaf-sway {\n animation: sway 4s ease-in-out infinite;\n transform-origin: bottom center;\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 w-full font-body\" style=\"background-color: var(--bg-color); color: var(--text-color);\">\n <div id=\"app-wrapper\" class=\"w-full h-full overflow-auto\">\n <header class=\"hero-pattern w-full relative overflow-hidden\" style=\"background-color: var(--bg-color);\">\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 pt-12 pb-10 sm:pt-16 sm:pb-14 text-center relative z-10\">\n <div class=\"flex justify-center mb-4 animate-fade-up delay-1\">\n <svg class=\"leaf-sway\" width=\"40\" height=\"48\" viewBox=\"0 0 40 48\" fill=\"none\"><path d=\"M20 2C20 2 4 14 4 28C4 38 11 46 20 46C29 46 36 38 36 28C36 14 20 2 20 2Z\" fill=\"var(--primary-color)\" opacity=\"0.15\" \/> <path d=\"M20 8C20 8 10 18 10 28C10 35 14 42 20 42\" stroke=\"var(--primary-color)\" stroke-width=\"1.5\" fill=\"none\" opacity=\"0.4\" \/> <line x1=\"20\" y1=\"6\" x2=\"20\" y2=\"44\" stroke=\"var(--primary-color)\" stroke-width=\"1.2\" opacity=\"0.3\" \/>\n <\/svg>\n <\/div>\n <p id=\"page-subtitle\" class=\"font-heading text-sm sm:text-base tracking-widest mb-3 animate-fade-up delay-2\" style=\"color: var(--primary-color); font-weight: 500;\">\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a<\/p>\n <h1 id=\"page-title\" class=\"font-heading text-3xl sm:text-5xl font-black mb-5 animate-fade-up delay-3\" style=\"color: var(--text-color);\">\u6599\u91d1\u306b\u3064\u3044\u3066<\/h1>\n <div class=\"section-divider w-24 mx-auto mb-6 animate-fade-up delay-4\"><\/div>\n <p class=\"font-body text-base sm:text-lg leading-relaxed max-w-2xl mx-auto animate-fade-up delay-5\" style=\"color: var(--text-color); opacity: 0.8;\">\u5206\u304b\u308a\u3084\u3059\u304f\u3001\u7121\u7406\u306e\u306a\u3044\u6599\u91d1\u8a2d\u5b9a\u3092\u5fc3\u304c\u3051\u3066\u3044\u307e\u3059\u3002<br class=\"hidden sm:block\">\n \u300c\u7ba1\u7406\u5185\u5bb9\u304c\u5206\u304b\u3089\u306a\u3044\u307e\u307e\u9ad8\u984d\u306b\u306a\u308b\u300d<br class=\"hidden sm:block\">\n \u300c\u5f8c\u304b\u3089\u8ffd\u52a0\u8cbb\u7528\u3092\u8acb\u6c42\u3055\u308c\u308b\u300d<br>\n \u3068\u3044\u3063\u305f\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n <\/div>\n <\/header>\n <main class=\"w-full\">\n <nav class=\"w-full sticky top-0 z-40 backdrop-blur-md\" style=\"background: rgba(240, 247, 255, 0.92); border-bottom: 1px solid rgba(0, 102, 204, 0.1);\">\n <div class=\"max-w-4xl mx-auto px-4 flex justify-center gap-1 sm:gap-2 py-2\" role=\"tablist\" aria-label=\"\u6599\u91d1\u30ab\u30c6\u30b4\u30ea\"><button class=\"tab-btn active font-heading text-sm sm:text-base px-3 sm:px-5 py-2.5 rounded-lg font-medium\" data-tab=\"house\" role=\"tab\" aria-selected=\"true\" style=\"color: var(--primary-color); background: rgba(0, 102, 204, 0.08);\"> \ud83c\udfe0 \u7a7a\u304d\u5bb6\u30d7\u30e9\u30f3 <\/button> <button class=\"tab-btn font-heading text-sm sm:text-base px-3 sm:px-5 py-2.5 rounded-lg font-medium\" data-tab=\"land\" role=\"tab\" aria-selected=\"false\" style=\"color: var(--text-color); opacity: 0.6;\"> \ud83c\udf3f \u7a7a\u304d\u5730\u30d7\u30e9\u30f3 <\/button> <button class=\"tab-btn font-heading text-sm sm:text-base px-3 sm:px-5 py-2.5 rounded-lg font-medium\" data-tab=\"disaster\" role=\"tab\" aria-selected=\"false\" style=\"color: var(--text-color); opacity: 0.6;\"> \ud83c\udf00 \u707d\u5bb3\u6642\u5358\u767a <\/button>\n <\/div>\n <\/nav>\n <section id=\"tab-house\" class=\"tab-content w-full py-10 sm:py-14 px-4\">\n <div class=\"max-w-5xl mx-auto\">\n <h2 class=\"font-heading text-2xl sm:text-3xl font-bold text-center mb-3 reveal\" style=\"color: var(--text-color);\">\u6708\u984d\u6599\u91d1\u30d7\u30e9\u30f3<\/h2>\n <p class=\"text-center mb-10 font-body reveal\" style=\"color: var(--text-color); opacity: 0.65; font-size: 15px;\">\u7a7a\u304d\u5bb6\u306e\u898b\u5b88\u308a\u306b\u6700\u9069\u306a\u30d7\u30e9\u30f3\u3092\u304a\u9078\u3073\u304f\u3060\u3055\u3044<\/p>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 lg:gap-8\">\n <div class=\"plan-card rounded-2xl p-6 sm:p-7 reveal\" style=\"background: var(--surface-color); box-shadow: 0 4px 20px rgba(0, 102, 204, 0.08);\">\n <div class=\"text-center mb-5\"><span class=\"inline-block text-3xl mb-2\">\ud83c\udf31<\/span>\n <h3 class=\"font-heading text-xl font-bold mb-1\" style=\"color: var(--text-color);\">\u30e9\u30a4\u30c8\u30d7\u30e9\u30f3<\/h3>\n <p class=\"text-sm mb-4\" style=\"color: var(--text-color); opacity: 0.6;\">\u307e\u305a\u306f\u6700\u4f4e\u9650\u306e\u898b\u5b88\u308a\u304b\u3089<\/p>\n <div class=\"flex items-end justify-center gap-1\"><span class=\"font-heading text-4xl font-black\" style=\"color: var(--primary-color);\">3,300<\/span> <span class=\"text-sm pb-1\" style=\"color: var(--text-color); opacity: 0.6;\">\u5186\/\u6708\uff08\u7a0e\u8fbc\uff09<\/span>\n <\/div>\n <\/div>\n <div class=\"section-divider w-full mb-5\"><\/div>\n <ul class=\"space-y-3 mb-6\">\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u5efa\u7269\u5916\u89b3\u30fb\u6577\u5730\u78ba\u8a8d<\/li>\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u5199\u771f10\u304b\u308920\u679a<\/li>\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u7c21\u6613\u5831\u544a<\/li>\n <\/ul>\n <div class=\"rounded-xl p-3.5\" style=\"background: rgba(0, 102, 204, 0.05);\">\n <p class=\"text-xs leading-relaxed\" style=\"color: var(--text-color); opacity: 0.7;\">\u7ba1\u7406\u306e\u6709\u7121\u3092\u78ba\u8a8d\u3057\u305f\u3044\u65b9\u3001\u77ed\u671f\u9593\u306e\u5229\u7528\u306b\u3082\u9069\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"plan-card recommended rounded-2xl p-6 sm:p-7 reveal\" style=\"background: var(--surface-color); box-shadow: 0 8px 30px rgba(0, 102, 204, 0.15);\">\n <div class=\"recommended-badge\"><span class=\"font-heading text-xs font-bold px-4 py-1.5 rounded-full text-white\" style=\"background: var(--primary-color); box-shadow: 0 2px 10px rgba(0, 102, 204, 0.35);\"> \u304a\u3059\u3059\u3081 <\/span>\n <\/div>\n <div class=\"text-center mb-5 mt-2\"><span class=\"inline-block text-3xl mb-2\">\ud83c\udfe1<\/span>\n <h3 class=\"font-heading text-xl font-bold mb-1\" style=\"color: var(--text-color);\">\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9\u30d7\u30e9\u30f3<\/h3>\n <p class=\"text-sm mb-4\" style=\"color: var(--text-color); opacity: 0.6;\">\u6700\u3082\u591a\u304f\u9078\u3070\u308c\u3066\u3044\u308b\u30d7\u30e9\u30f3<\/p>\n <div class=\"flex items-end justify-center gap-1\"><span class=\"font-heading text-4xl font-black\" style=\"color: var(--primary-color);\">5,500<\/span> <span class=\"text-sm pb-1\" style=\"color: var(--text-color); opacity: 0.6;\">\u5186\/\u6708\uff08\u7a0e\u8fbc\uff09<\/span>\n <\/div>\n <\/div>\n <div class=\"section-divider w-full mb-5\"><\/div>\n <ul class=\"space-y-3 mb-6\">\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u5efa\u7269\u5916\u89b3\u30fb\u6577\u5730\u306e\u5b9a\u671f\u898b\u5b88\u308a<\/li>\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u5199\u771f20\u304b\u308930\u679a<\/li>\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u30b3\u30e1\u30f3\u30c8\u4ed8\u304d\u5831\u544a\uff08\u30e1\u30fc\u30eb\/LINE\uff09<\/li>\n <\/ul>\n <div class=\"rounded-xl p-3.5\" style=\"background: rgba(0, 102, 204, 0.08);\">\n <p class=\"text-xs leading-relaxed\" style=\"color: var(--text-color); opacity: 0.7;\">\u5b9a\u671f\u7684\u306b\u898b\u3066\u307b\u3057\u3044\u3001\u72b6\u6cc1\u3092\u628a\u63e1\u3057\u305f\u3044\u3068\u3044\u3046\u65b9\u306b\u304a\u3059\u3059\u3081\u3067\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"plan-card rounded-2xl p-6 sm:p-7 reveal\" style=\"background: var(--surface-color); box-shadow: 0 4px 20px rgba(0, 102, 204, 0.08);\">\n <div class=\"text-center mb-5\"><span class=\"inline-block text-3xl mb-2\">\ud83d\udee1<\/span>\n <h3 class=\"font-heading text-xl font-bold mb-1\" style=\"color: var(--text-color);\">\u30d7\u30ec\u30df\u30a2\u30e0\u30d7\u30e9\u30f3<\/h3>\n <p class=\"text-sm mb-4\" style=\"color: var(--text-color); opacity: 0.6;\">\u5b89\u5fc3\u611f\u3092\u3088\u308a\u91cd\u8996\u3057\u305f\u65b9\u5411\u3051<\/p>\n <div class=\"flex items-end justify-center gap-1\"><span class=\"font-heading text-4xl font-black\" style=\"color: var(--primary-color);\">8,800<\/span> <span class=\"text-sm pb-1\" style=\"color: var(--text-color); opacity: 0.6;\">\u5186\/\u6708\uff08\u7a0e\u8fbc\uff09<\/span>\n <\/div>\n <\/div>\n <div class=\"section-divider w-full mb-5\"><\/div>\n <ul class=\"space-y-3 mb-6\">\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9\u306e\u5185\u5bb9\u3059\u3079\u3066<\/li>\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u5199\u771f\u679a\u6570\u306e\u8ffd\u52a0<\/li>\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u8a73\u7d30\u30b3\u30e1\u30f3\u30c8\u4ed8\u304d\u5831\u544a<\/li>\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u898b\u5b88\u308a\u30b9\u30c6\u30c3\u30ab\u30fc\u8a2d\u7f6e<\/li>\n <\/ul>\n <div class=\"rounded-xl p-3.5\" style=\"background: rgba(0, 102, 204, 0.05);\">\n <p class=\"text-xs leading-relaxed\" style=\"color: var(--text-color); opacity: 0.7;\">\u9632\u72af\u9762\u3084\u8fd1\u96a3\u3078\u306e\u914d\u616e\u3092\u91cd\u8996\u3057\u305f\u3044\u65b9\u3001\u9577\u671f\u653e\u7f6e\u4e88\u5b9a\u306e\u7269\u4ef6\u306b\u304a\u3059\u3059\u3081\u3067\u3059\u3002<\/p>\n <\/div>\n <div class=\"mt-4 space-y-1\">\n <p class=\"text-xs\" style=\"color: var(--text-color); opacity: 0.5;\">\u770b\u677f\u306a\u3069\u306e\u5927\u578b\u8868\u793a\u7269\u306f\u8a2d\u7f6e\u3057\u307e\u305b\u3093<\/p>\n <p class=\"text-xs\" style=\"color: var(--text-color); opacity: 0.5;\">\u666f\u89b3\u3084\u8fd1\u96a3\u3078\u306e\u914d\u616e\u3092\u6700\u512a\u5148\u3057\u3066\u3044\u307e\u3059<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"note-card rounded-xl p-5 sm:p-6 mt-10 reveal\" style=\"background: var(--surface-color);\">\n <h3 class=\"font-heading text-lg font-bold mb-3 flex items-center gap-2\" style=\"color: var(--secondary-color);\">\u6599\u91d1\u304c\u5909\u52d5\u3059\u308b\u5834\u5408\u306b\u3064\u3044\u3066<\/h3>\n <p class=\"text-sm leading-relaxed mb-3\" style=\"color: var(--text-color); opacity: 0.75;\">\u4ee5\u4e0b\u306e\u5834\u5408\u3001\u7269\u4ef6\u306e\u5e83\u3055\u3084\u72b6\u6cc1\u306b\u3088\u308a\u6599\u91d1\u304c\u5909\u52d5\u3059\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n <ul class=\"space-y-2 mb-4\">\n <li class=\"text-sm flex items-start gap-2\" style=\"color: var(--text-color); opacity: 0.75;\"><span style=\"color: var(--secondary-color);\">\u25cf<\/span> \u5efa\u7269\u3084\u6577\u5730\u304c\u4e00\u822c\u7684\u306a\u4f4f\u5b85\u3088\u308a\u5927\u304d\u3044\u5834\u5408<\/li>\n <li class=\"text-sm flex items-start gap-2\" style=\"color: var(--text-color); opacity: 0.75;\"><span style=\"color: var(--secondary-color);\">\u25cf<\/span> \u8907\u6570\u68df\u307e\u305f\u306f\u8907\u6570\u533a\u753b\u306e\u898b\u5b88\u308a\u304c\u5fc5\u8981\u306a\u5834\u5408<\/li>\n <li class=\"text-sm flex items-start gap-2\" style=\"color: var(--text-color); opacity: 0.75;\"><span style=\"color: var(--secondary-color);\">\u25cf<\/span> \u78ba\u8a8d\u9805\u76ee\u304c\u591a\u304f\u3001\u898b\u5b88\u308a\u306b\u6642\u9593\u3092\u8981\u3059\u308b\u5834\u5408<\/li>\n <\/ul>\n <div class=\"rounded-lg p-3\" style=\"background: rgba(0, 102, 204, 0.06);\">\n <p class=\"text-sm font-medium\" style=\"color: var(--primary-color);\">\u5fc5\u305a\u4e8b\u524d\u306b\u5185\u5bb9\u3068\u6599\u91d1\u3092\u3054\u8aac\u660e\u3057\u3001\u3054\u7d0d\u5f97\u3044\u305f\u3060\u3044\u305f\u4e0a\u3067\u5bfe\u5fdc\u3057\u307e\u3059\u3002<br><strong>\u7121\u65ad\u3067\u306e\u8ffd\u52a0\u8acb\u6c42\u306f\u4e00\u5207\u3042\u308a\u307e\u305b\u3093\u3002<\/strong><\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <section id=\"tab-land\" class=\"tab-content w-full py-10 sm:py-14 px-4\" style=\"display: none;\">\n <div class=\"max-w-4xl mx-auto\">\n <h2 class=\"font-heading text-2xl sm:text-3xl font-bold text-center mb-3 reveal\" style=\"color: var(--text-color);\">\u7a7a\u304d\u5730\u898b\u5b88\u308a\u306e\u6599\u91d1<\/h2>\n <p class=\"text-center mb-10 font-body reveal\" style=\"color: var(--text-color); opacity: 0.65; font-size: 15px;\">\u7a7a\u304d\u5730\u306e\u7ba1\u7406\u306b\u304a\u56f0\u308a\u306e\u65b9\u3078<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6 max-w-3xl mx-auto\">\n <div class=\"plan-card rounded-2xl p-6 sm:p-7 reveal\" style=\"background: var(--surface-color); box-shadow: 0 4px 20px rgba(0, 102, 204, 0.08);\">\n <div class=\"text-center mb-5\"><span class=\"inline-block text-3xl mb-2\">\ud83c\udf3e<\/span>\n <h3 class=\"font-heading text-xl font-bold mb-1\" style=\"color: var(--text-color);\">\u7a7a\u304d\u5730\u30e9\u30a4\u30c8<\/h3>\n <div class=\"flex items-end justify-center gap-1 mt-3\"><span class=\"font-heading text-4xl font-black\" style=\"color: var(--primary-color);\">2,200<\/span> <span class=\"text-sm pb-1\" style=\"color: var(--text-color); opacity: 0.6;\">\u5186\/\u6708\uff08\u7a0e\u8fbc\uff09<\/span>\n <\/div>\n <\/div>\n <div class=\"section-divider w-full mb-5\"><\/div>\n <ul class=\"space-y-3\">\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u6577\u5730\u5185\u306e\u898b\u56de\u308a<\/li>\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u30b4\u30df\u3084\u4e0d\u6cd5\u7269\u306e\u78ba\u8a8d<\/li>\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u5199\u771f\u5831\u544a<\/li>\n <\/ul>\n <\/div>\n <div class=\"plan-card recommended rounded-2xl p-6 sm:p-7 reveal\" style=\"background: var(--surface-color); box-shadow: 0 8px 30px rgba(0, 102, 204, 0.15);\">\n <div class=\"text-center mb-5\"><span class=\"inline-block text-3xl mb-2\">\u2713<\/span>\n <h3 class=\"font-heading text-xl font-bold mb-1\" style=\"color: var(--text-color);\">\u7a7a\u304d\u5730\u5b89\u5fc3<\/h3>\n <div class=\"flex items-end justify-center gap-1 mt-3\"><span class=\"font-heading text-4xl font-black\" style=\"color: var(--primary-color);\">3,300<\/span> <span class=\"text-sm pb-1\" style=\"color: var(--text-color); opacity: 0.6;\">\u5186\/\u6708\uff08\u7a0e\u8fbc\uff09<\/span>\n <\/div>\n <\/div>\n <div class=\"section-divider w-full mb-5\"><\/div>\n <ul class=\"space-y-3\">\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u8349\u306e\u4f38\u3073\u72b6\u6cc1\u306e\u78ba\u8a8d<\/li>\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u4e0d\u6cd5\u6295\u68c4\u30fb\u8d8a\u5883\u306e\u30c1\u30a7\u30c3\u30af<\/li>\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u8a73\u7d30\u5199\u771f\u3068\u30b3\u30e1\u30f3\u30c8\u5831\u544a<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"mt-8 max-w-3xl mx-auto reveal\">\n <div class=\"rounded-xl p-4\" style=\"background: rgba(0, 163, 224, 0.06); border: 1px solid rgba(0, 163, 224, 0.15);\">\n <p class=\"text-sm\" style=\"color: var(--text-color); opacity: 0.7;\">\u8349\u5208\u308a\u30fb\u6574\u5099\u4f5c\u696d\u306f\u542b\u307e\u308c\u307e\u305b\u3093<br>\n \u5fc5\u8981\u306a\u5834\u5408\u306f\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <section id=\"tab-disaster\" class=\"tab-content w-full py-10 sm:py-14 px-4\" style=\"display: none;\">\n <div class=\"max-w-4xl mx-auto\">\n <h2 class=\"font-heading text-2xl sm:text-3xl font-bold text-center mb-3 reveal\" style=\"color: var(--text-color);\">\u53f0\u98a8\u30fb\u5927\u96e8\u306a\u3069\u707d\u5bb3\u6642\u306e\u5358\u767a\u898b\u5b88\u308a<\/h2>\n <p class=\"text-center mb-10 font-body reveal\" style=\"color: var(--text-color); opacity: 0.65; font-size: 15px;\">\u5b9a\u671f\u5951\u7d04\u3068\u306f\u5225\u306b\u3001\u707d\u5bb3\u5f8c\u306e\u72b6\u6cc1\u78ba\u8a8d\u3092\u5358\u767a\u3067\u884c\u3046\u3053\u3068\u3082\u53ef\u80fd\u3067\u3059<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6 max-w-3xl mx-auto\">\n <div class=\"plan-card rounded-2xl p-6 sm:p-7 reveal\" style=\"background: var(--surface-color); box-shadow: 0 4px 20px rgba(0, 102, 204, 0.08);\">\n <div class=\"text-center mb-5\"><span class=\"inline-block text-3xl mb-2\">\ud83d\udccb<\/span>\n <h3 class=\"font-heading text-lg font-bold mb-1\" style=\"color: var(--text-color);\">\u5b9a\u671f\u5951\u7d04\u8005<\/h3>\n <div class=\"flex items-end justify-center gap-1 mt-3\"><span class=\"font-heading text-3xl font-black\" style=\"color: var(--primary-color);\">3,300<\/span> <span class=\"text-sm pb-1\" style=\"color: var(--text-color); opacity: 0.6;\">\u5186\u304b\u3089\uff08\u7a0e\u8fbc\uff09<\/span>\n <\/div>\n <\/div>\n <div class=\"section-divider w-full mb-5\"><\/div>\n <ul class=\"space-y-3\">\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u5efa\u7269\u5916\u89b3\u30fb\u6577\u5730\u306e\u78ba\u8a8d<\/li>\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u5199\u771f10\u304b\u308920\u679a<\/li>\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u901f\u5831\u5831\u544a\uff08\u30e1\u30fc\u30eb\/LINE\uff09<\/li>\n <\/ul>\n <\/div>\n <div class=\"plan-card rounded-2xl p-6 sm:p-7 reveal\" style=\"background: var(--surface-color); box-shadow: 0 4px 20px rgba(0, 102, 204, 0.08);\">\n <div class=\"text-center mb-5\"><span class=\"inline-block text-3xl mb-2\">\ud83c\udf00<\/span>\n <h3 class=\"font-heading text-lg font-bold mb-1\" style=\"color: var(--text-color);\">\u5358\u767a\u5229\u7528<\/h3>\n <div class=\"flex items-end justify-center gap-1 mt-3\"><span class=\"font-heading text-3xl font-black\" style=\"color: var(--primary-color);\">5,500<\/span> <span class=\"text-sm pb-1\" style=\"color: var(--text-color); opacity: 0.6;\">\u5186\u304b\u3089\uff08\u7a0e\u8fbc\uff09<\/span>\n <\/div>\n <\/div>\n <div class=\"section-divider w-full mb-5\"><\/div>\n <ul class=\"space-y-3\">\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u5efa\u7269\u5916\u89b3\u30fb\u6577\u5730\u306e\u78ba\u8a8d<\/li>\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u5199\u771f10\u304b\u308920\u679a<\/li>\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u901f\u5831\u5831\u544a\uff08\u30e1\u30fc\u30eb\/LINE\uff09<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"mt-8 max-w-3xl mx-auto space-y-3 reveal\">\n <div class=\"rounded-xl p-4\" style=\"background: rgba(0, 163, 224, 0.06); border: 1px solid rgba(0, 163, 224, 0.15);\">\n <p class=\"text-sm\" style=\"color: var(--text-color); opacity: 0.7;\">\u5b89\u5168\u3092\u6700\u512a\u5148\u3057\u3001\u78ba\u8a8d\u53ef\u80fd\u306a\u7bc4\u56f2\u3067\u5bfe\u5fdc\u3057\u307e\u3059<br>\n \u4fee\u7e55\u3084\u5fa9\u65e7\u4f5c\u696d\u306f\u884c\u3044\u307e\u305b\u3093<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <section class=\"w-full py-12 sm:py-16 px-4\" style=\"background-color: var(--bg-color);\">\n <div class=\"max-w-3xl mx-auto text-center reveal\">\n <div class=\"rounded-2xl p-8 sm:p-12 relative overflow-hidden\" style=\"background: linear-gradient(135deg, var(--primary-color), #0052A3); box-shadow: 0 12px 40px rgba(0, 102, 204, 0.3);\">\n <div class=\"absolute top-0 right-0 w-32 h-32 rounded-full\" style=\"background: rgba(255,255,255,0.05); transform: translate(30%, -30%);\"><\/div>\n <div class=\"absolute bottom-0 left-0 w-24 h-24 rounded-full\" style=\"background: rgba(255,255,255,0.04); transform: translate(-30%, 30%);\"><\/div>\n <h2 class=\"font-heading text-2xl sm:text-3xl font-bold text-white mb-4 relative z-10\">\u3054\u76f8\u8ac7\u306f\u7121\u6599\u3067\u3059<\/h2>\n <p class=\"text-white text-sm sm:text-base leading-relaxed mb-8 relative z-10\" style=\"opacity: 0.9;\">\u307e\u305a\u306f\u6599\u91d1\u3084\u5185\u5bb9\u306b\u3064\u3044\u3066<br class=\"hidden sm:block\">\n \u304a\u6c17\u8efd\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044<\/p>\n <div class=\"flex flex-col sm:flex-row items-center justify-center gap-4 relative z-10\">\n <a id=\"email-link\" href=\"mailto:info@kitakyushu-akiyakanri.com\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cta-btn inline-flex items-center gap-2 px-7 py-3.5 rounded-full font-heading font-bold text-base\" style=\"background: var(--surface-color); color: var(--primary-color);\">\n <span>\ud83d\udce9<\/span> <span id=\"cta-text\">\u30e1\u30fc\u30eb\u3067\u76f8\u8ac7\u3059\u308b<\/span>\n <\/a>\n <a href=\"https:\/\/lin.ee\/NWOP0OA\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cta-btn inline-flex items-center gap-2 px-7 py-3.5 rounded-full font-heading font-bold text-base\" style=\"background: rgba(255,255,255,0.15); color: white; border: 2px solid rgba(255,255,255,0.3);\">\n <span>\ud83d\udcac<\/span> <span>\u516c\u5f0fLINE\u3067\u76f8\u8ac7\u3059\u308b<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n <footer class=\"w-full py-6 px-4 text-center\" style=\"background: rgba(0, 102, 204, 0.04); border-top: 1px solid rgba(0, 102, 204, 0.1);\">\n <p class=\"font-body text-xs\" style=\"color: var(--text-color); opacity: 0.4;\">\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a \u5b89\u5fc3\u306e\u7a7a\u304d\u5bb6\u7ba1\u7406\u30b5\u30fc\u30d3\u30b9<\/p>\n <\/footer>\n <\/div>\n <script>\n const defaultConfig = {\n page_title: '\u6599\u91d1\u306b\u3064\u3044\u3066',\n page_subtitle: '\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a',\n contact_email: 'info@kitakyushu-akiyakanri.com',\n cta_text: '\u30e1\u30fc\u30eb\u3067\u76f8\u8ac7\u3059\u308b',\n background_color: '#F0F7FF',\n surface_color: '#FFFFFF',\n text_color: '#1A3A52',\n primary_color: '#0066CC',\n secondary_color: '#00A3E0',\n font_family: 'Zen Maru Gothic',\n font_size: 16\n };\n\n const tabButtons = document.querySelectorAll('.tab-btn');\n const tabContents = document.querySelectorAll('.tab-content');\n\n tabButtons.forEach(btn => {\n btn.addEventListener('click', () => {\n const targetTab = btn.dataset.tab;\n\n tabButtons.forEach(b => {\n b.classList.remove('active');\n b.style.color = 'var(--text-color)';\n b.style.opacity = '0.6';\n b.style.background = 'transparent';\n });\n btn.classList.add('active');\n btn.style.color = 'var(--primary-color)';\n btn.style.opacity = '1';\n btn.style.background = 'rgba(0, 102, 204, 0.08)';\n\n tabContents.forEach(tc => {\n tc.style.display = 'none';\n });\n const targetSection = document.getElementById('tab-' + targetTab);\n if (targetSection) {\n targetSection.style.display = 'block';\n targetSection.querySelectorAll('.reveal').forEach(el => {\n el.classList.remove('visible');\n setTimeout(() => el.classList.add('visible'), 100);\n });\n }\n });\n });\n\n const revealObserver = new IntersectionObserver((entries) => {\n entries.forEach((entry, index) => {\n if (entry.isIntersecting) {\n setTimeout(() => {\n entry.target.classList.add('visible');\n }, index * 80);\n revealObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1, rootMargin: '0px 0px -30px 0px' });\n\n document.querySelectorAll('.reveal').forEach(el => {\n revealObserver.observe(el);\n });\n\n function applyConfig(config) {\n const c = { ...defaultConfig, ...config };\n\n const titleEl = document.getElementById('page-title');\n if (titleEl) titleEl.textContent = c.page_title;\n\n const subtitleEl = document.getElementById('page-subtitle');\n if (subtitleEl) subtitleEl.textContent = c.page_subtitle;\n\n const ctaEl = document.getElementById('cta-text');\n if (ctaEl) ctaEl.textContent = c.cta_text;\n\n const emailLink = document.getElementById('email-link');\n if (emailLink) emailLink.href = 'mailto:' + c.contact_email;\n\n document.documentElement.style.setProperty('--bg-color', c.background_color);\n document.documentElement.style.setProperty('--surface-color', c.surface_color);\n document.documentElement.style.setProperty('--text-color', c.text_color);\n document.documentElement.style.setProperty('--primary-color', c.primary_color);\n document.documentElement.style.setProperty('--secondary-color', c.secondary_color);\n\n document.body.style.backgroundColor = c.background_color;\n document.body.style.color = c.text_color;\n\n const fontStack = c.font_family + \", 'Noto Sans JP', sans-serif\";\n document.querySelectorAll('.font-heading').forEach(el => {\n el.style.fontFamily = fontStack;\n });\n document.querySelectorAll('.font-body').forEach(el => {\n el.style.fontFamily = \"'Noto Sans JP', \" + c.font_family + \", sans-serif\";\n });\n\n const base = c.font_size;\n document.querySelectorAll('h1').forEach(el => {\n el.style.fontSize = (base * 2.5) + 'px';\n });\n document.querySelectorAll('h2').forEach(el => {\n el.style.fontSize = (base * 1.75) + 'px';\n });\n document.querySelectorAll('h3').forEach(el => {\n el.style.fontSize = (base * 1.25) + 'px';\n });\n\n const style = document.getElementById('dynamic-check-style');\n if (style) {\n style.textContent = `.check-item::before { background: ${c.primary_color} !important; }`;\n }\n\n document.querySelectorAll('.section-divider').forEach(el => {\n el.style.background = `linear-gradient(90deg, transparent, rgba(0, 102, 204, 0.2), ${c.secondary_color}, rgba(0, 102, 204, 0.2), transparent)`;\n });\n\n document.querySelectorAll('.recommended').forEach(el => {\n el.style.borderColor = c.primary_color;\n });\n\n document.querySelectorAll('.note-card').forEach(el => {\n el.style.borderLeftColor = c.secondary_color;\n });\n }\n\n const dynStyle = document.createElement('style');\n dynStyle.id = 'dynamic-check-style';\n document.head.appendChild(dynStyle);\n\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig: defaultConfig,\n onConfigChange: async (config) => {\n applyConfig(config);\n },\n mapToCapabilities: (config) => {\n const c = { ...defaultConfig, ...config };\n return {\n recolorables: [\n {\n get: () => c.background_color || defaultConfig.background_color,\n set: (v) => { config.background_color = v; window.elementSdk.setConfig({ background_color: v }); }\n },\n {\n get: () => c.surface_color || defaultConfig.surface_color,\n set: (v) => { config.surface_color = v; window.elementSdk.setConfig({ surface_color: v }); }\n },\n {\n get: () => c.text_color || defaultConfig.text_color,\n set: (v) => { config.text_color = v; window.elementSdk.setConfig({ text_color: v }); }\n },\n {\n get: () => c.primary_color || defaultConfig.primary_color,\n set: (v) => { config.primary_color = v; window.elementSdk.setConfig({ primary_color: v }); }\n },\n {\n get: () => c.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: () => c.font_family || defaultConfig.font_family,\n set: (v) => { config.font_family = v; window.elementSdk.setConfig({ font_family: v }); }\n },\n fontSizeable: {\n get: () => c.font_size || defaultConfig.font_size,\n set: (v) => { config.font_size = v; window.elementSdk.setConfig({ font_size: v }); }\n }\n };\n },\n mapToEditPanelValues: (config) => {\n const c = { ...defaultConfig, ...config };\n return new Map([\n ['page_title', c.page_title],\n ['page_subtitle', c.page_subtitle],\n ['contact_email', c.contact_email],\n ['cta_text', c.cta_text]\n ]);\n }\n });\n }\n\n applyConfig(defaultConfig);\n <\/script>\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9cb5a81923cebe06',t:'MTc3MDY2NDExOS4wMDAwMDA='};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>\u6599\u91d1\u306b\u3064\u3044\u3066 | \u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a \u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a \u6599\u91d1\u306b\u3064\u3044\u3066 \u5206\u304b\u308a\u3084\u3059\u304f\u3001\u7121\u7406\u306e\u306a\u3044\u6599\u91d1\u8a2d\u5b9a\u3092\u5fc3\u304c\u3051\u3066\u3044\u307e\u3059\u3002 \u300c\u7ba1\u7406\u5185\u5bb9\u304c\u5206\u304b\u3089\u306a\u3044\u307e\u307e\u9ad8\u984d\u306b\u306a\u308b\u300d \u300c\u5f8c\u304b\u3089\u8ffd\u52a0\u8cbb\u7528\u3092\u8acb\u6c42\u3055\u308c\u308b\u300d \u3068\u3044\u3063\u305f\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093 […]<\/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-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/pages\/17","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=17"}],"version-history":[{"count":11,"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":135,"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions\/135"}],"wp:attachment":[{"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":17,"date":"2026-02-08T00:37:43","date_gmt":"2026-02-07T15:37:43","guid":{"rendered":"https:\/\/kitakyushu-akiyakanri.com\/?page_id=17"},"modified":"2026-02-10T05:18:15","modified_gmt":"2026-02-09T20:18:15","slug":"%e6%96%99%e9%87%91%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6","status":"publish","type":"page","link":"https:\/\/kitakyushu-akiyakanri.com\/?page_id=17","title":{"rendered":"\u6599\u91d1\u306b\u3064\u3044\u3066"},"content":{"rendered":"\n\n\n \n \n \n \u6599\u91d1\u306b\u3064\u3044\u3066 | \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: #F0F7FF;\n --surface-color: #FFFFFF;\n --text-color: #1A3A52;\n --primary-color: #0066CC;\n --secondary-color: #00A3E0;\n }\n\n html, body {\n margin: 0;\n padding: 0;\n height: 100%;\n width: 100%;\n }\n\n * {\n box-sizing: border-box;\n }\n\n .font-heading {\n font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif;\n }\n\n .font-body {\n font-family: 'Noto Sans JP', 'Zen Maru Gothic', sans-serif;\n }\n\n @keyframes fadeSlideUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes scaleIn {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n .animate-fade-up {\n animation: fadeSlideUp 0.7s ease-out forwards;\n opacity: 0;\n }\n\n .animate-scale-in {\n animation: scaleIn 0.6s ease-out forwards;\n opacity: 0;\n }\n\n .delay-1 { animation-delay: 0.1s; }\n .delay-2 { animation-delay: 0.2s; }\n .delay-3 { animation-delay: 0.3s; }\n .delay-4 { animation-delay: 0.4s; }\n .delay-5 { animation-delay: 0.5s; }\n\n .plan-card {\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n position: relative;\n }\n\n .plan-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 40px rgba(0, 102, 204, 0.12);\n }\n\n .plan-card.recommended {\n border: 3px solid var(--primary-color);\n }\n\n .recommended-badge {\n position: absolute;\n top: -14px;\n left: 50%;\n transform: translateX(-50%);\n white-space: nowrap;\n z-index: 10;\n }\n\n .hero-pattern {\n background-image:\n radial-gradient(circle at 20% 50%, rgba(0, 102, 204, 0.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(0, 163, 224, 0.06) 0%, transparent 50%),\n radial-gradient(circle at 60% 80%, rgba(0, 102, 204, 0.05) 0%, transparent 40%);\n }\n\n .section-divider {\n height: 2px;\n background: linear-gradient(90deg, transparent, rgba(0, 102, 204, 0.2), var(--secondary-color), rgba(0, 102, 204, 0.2), transparent);\n }\n\n .check-item::before {\n content: '\u2713';\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 22px;\n height: 22px;\n border-radius: 50%;\n background: var(--primary-color);\n color: white;\n font-size: 12px;\n font-weight: 700;\n margin-right: 10px;\n flex-shrink: 0;\n }\n\n .reveal {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n }\n\n .reveal.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n .cta-btn {\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n .cta-btn::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n border-radius: 50%;\n background: rgba(255,255,255,0.15);\n transform: translate(-50%, -50%);\n transition: width 0.5s ease, height 0.5s ease;\n }\n\n .cta-btn:hover::after {\n width: 300px;\n height: 300px;\n }\n\n .cta-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(0, 102, 204, 0.35);\n }\n\n .note-card {\n border-left: 4px solid var(--secondary-color);\n }\n\n .tab-btn {\n transition: all 0.3s ease;\n position: relative;\n }\n\n .tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: -2px;\n left: 10%;\n width: 80%;\n height: 3px;\n background: var(--primary-color);\n border-radius: 2px;\n }\n\n ::-webkit-scrollbar {\n width: 6px;\n }\n ::-webkit-scrollbar-track {\n background: transparent;\n }\n ::-webkit-scrollbar-thumb {\n background: rgba(0, 102, 204, 0.3);\n border-radius: 3px;\n }\n\n @keyframes sway {\n 0%, 100% { transform: rotate(-3deg); }\n 50% { transform: rotate(3deg); }\n }\n\n .leaf-sway {\n animation: sway 4s ease-in-out infinite;\n transform-origin: bottom center;\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 w-full font-body\" style=\"background-color: var(--bg-color); color: var(--text-color);\">\n <div id=\"app-wrapper\" class=\"w-full h-full overflow-auto\">\n <header class=\"hero-pattern w-full relative overflow-hidden\" style=\"background-color: var(--bg-color);\">\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 pt-12 pb-10 sm:pt-16 sm:pb-14 text-center relative z-10\">\n <div class=\"flex justify-center mb-4 animate-fade-up delay-1\">\n <svg class=\"leaf-sway\" width=\"40\" height=\"48\" viewBox=\"0 0 40 48\" fill=\"none\"><path d=\"M20 2C20 2 4 14 4 28C4 38 11 46 20 46C29 46 36 38 36 28C36 14 20 2 20 2Z\" fill=\"var(--primary-color)\" opacity=\"0.15\" \/> <path d=\"M20 8C20 8 10 18 10 28C10 35 14 42 20 42\" stroke=\"var(--primary-color)\" stroke-width=\"1.5\" fill=\"none\" opacity=\"0.4\" \/> <line x1=\"20\" y1=\"6\" x2=\"20\" y2=\"44\" stroke=\"var(--primary-color)\" stroke-width=\"1.2\" opacity=\"0.3\" \/>\n <\/svg>\n <\/div>\n <p id=\"page-subtitle\" class=\"font-heading text-sm sm:text-base tracking-widest mb-3 animate-fade-up delay-2\" style=\"color: var(--primary-color); font-weight: 500;\">\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a<\/p>\n <h1 id=\"page-title\" class=\"font-heading text-3xl sm:text-5xl font-black mb-5 animate-fade-up delay-3\" style=\"color: var(--text-color);\">\u6599\u91d1\u306b\u3064\u3044\u3066<\/h1>\n <div class=\"section-divider w-24 mx-auto mb-6 animate-fade-up delay-4\"><\/div>\n <p class=\"font-body text-base sm:text-lg leading-relaxed max-w-2xl mx-auto animate-fade-up delay-5\" style=\"color: var(--text-color); opacity: 0.8;\">\u5206\u304b\u308a\u3084\u3059\u304f\u3001\u7121\u7406\u306e\u306a\u3044\u6599\u91d1\u8a2d\u5b9a\u3092\u5fc3\u304c\u3051\u3066\u3044\u307e\u3059\u3002<br class=\"hidden sm:block\">\n \u300c\u7ba1\u7406\u5185\u5bb9\u304c\u5206\u304b\u3089\u306a\u3044\u307e\u307e\u9ad8\u984d\u306b\u306a\u308b\u300d<br class=\"hidden sm:block\">\n \u300c\u5f8c\u304b\u3089\u8ffd\u52a0\u8cbb\u7528\u3092\u8acb\u6c42\u3055\u308c\u308b\u300d<br>\n \u3068\u3044\u3063\u305f\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n <\/div>\n <\/header>\n <main class=\"w-full\">\n <nav class=\"w-full sticky top-0 z-40 backdrop-blur-md\" style=\"background: rgba(240, 247, 255, 0.92); border-bottom: 1px solid rgba(0, 102, 204, 0.1);\">\n <div class=\"max-w-4xl mx-auto px-4 flex justify-center gap-1 sm:gap-2 py-2\" role=\"tablist\" aria-label=\"\u6599\u91d1\u30ab\u30c6\u30b4\u30ea\"><button class=\"tab-btn active font-heading text-sm sm:text-base px-3 sm:px-5 py-2.5 rounded-lg font-medium\" data-tab=\"house\" role=\"tab\" aria-selected=\"true\" style=\"color: var(--primary-color); background: rgba(0, 102, 204, 0.08);\"> \ud83c\udfe0 \u7a7a\u304d\u5bb6\u30d7\u30e9\u30f3 <\/button> <button class=\"tab-btn font-heading text-sm sm:text-base px-3 sm:px-5 py-2.5 rounded-lg font-medium\" data-tab=\"land\" role=\"tab\" aria-selected=\"false\" style=\"color: var(--text-color); opacity: 0.6;\"> \ud83c\udf3f \u7a7a\u304d\u5730\u30d7\u30e9\u30f3 <\/button> <button class=\"tab-btn font-heading text-sm sm:text-base px-3 sm:px-5 py-2.5 rounded-lg font-medium\" data-tab=\"disaster\" role=\"tab\" aria-selected=\"false\" style=\"color: var(--text-color); opacity: 0.6;\"> \ud83c\udf00 \u707d\u5bb3\u6642\u5358\u767a <\/button>\n <\/div>\n <\/nav>\n <section id=\"tab-house\" class=\"tab-content w-full py-10 sm:py-14 px-4\">\n <div class=\"max-w-5xl mx-auto\">\n <h2 class=\"font-heading text-2xl sm:text-3xl font-bold text-center mb-3 reveal\" style=\"color: var(--text-color);\">\u6708\u984d\u6599\u91d1\u30d7\u30e9\u30f3<\/h2>\n <p class=\"text-center mb-10 font-body reveal\" style=\"color: var(--text-color); opacity: 0.65; font-size: 15px;\">\u7a7a\u304d\u5bb6\u306e\u898b\u5b88\u308a\u306b\u6700\u9069\u306a\u30d7\u30e9\u30f3\u3092\u304a\u9078\u3073\u304f\u3060\u3055\u3044<\/p>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 lg:gap-8\">\n <div class=\"plan-card rounded-2xl p-6 sm:p-7 reveal\" style=\"background: var(--surface-color); box-shadow: 0 4px 20px rgba(0, 102, 204, 0.08);\">\n <div class=\"text-center mb-5\"><span class=\"inline-block text-3xl mb-2\">\ud83c\udf31<\/span>\n <h3 class=\"font-heading text-xl font-bold mb-1\" style=\"color: var(--text-color);\">\u30e9\u30a4\u30c8\u30d7\u30e9\u30f3<\/h3>\n <p class=\"text-sm mb-4\" style=\"color: var(--text-color); opacity: 0.6;\">\u307e\u305a\u306f\u6700\u4f4e\u9650\u306e\u898b\u5b88\u308a\u304b\u3089<\/p>\n <div class=\"flex items-end justify-center gap-1\"><span class=\"font-heading text-4xl font-black\" style=\"color: var(--primary-color);\">3,300<\/span> <span class=\"text-sm pb-1\" style=\"color: var(--text-color); opacity: 0.6;\">\u5186\/\u6708\uff08\u7a0e\u8fbc\uff09<\/span>\n <\/div>\n <\/div>\n <div class=\"section-divider w-full mb-5\"><\/div>\n <ul class=\"space-y-3 mb-6\">\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u5efa\u7269\u5916\u89b3\u30fb\u6577\u5730\u78ba\u8a8d<\/li>\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u5199\u771f10\u304b\u308920\u679a<\/li>\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u7c21\u6613\u5831\u544a<\/li>\n <\/ul>\n <div class=\"rounded-xl p-3.5\" style=\"background: rgba(0, 102, 204, 0.05);\">\n <p class=\"text-xs leading-relaxed\" style=\"color: var(--text-color); opacity: 0.7;\">\u7ba1\u7406\u306e\u6709\u7121\u3092\u78ba\u8a8d\u3057\u305f\u3044\u65b9\u3001\u77ed\u671f\u9593\u306e\u5229\u7528\u306b\u3082\u9069\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"plan-card recommended rounded-2xl p-6 sm:p-7 reveal\" style=\"background: var(--surface-color); box-shadow: 0 8px 30px rgba(0, 102, 204, 0.15);\">\n <div class=\"recommended-badge\"><span class=\"font-heading text-xs font-bold px-4 py-1.5 rounded-full text-white\" style=\"background: var(--primary-color); box-shadow: 0 2px 10px rgba(0, 102, 204, 0.35);\"> \u304a\u3059\u3059\u3081 <\/span>\n <\/div>\n <div class=\"text-center mb-5 mt-2\"><span class=\"inline-block text-3xl mb-2\">\ud83c\udfe1<\/span>\n <h3 class=\"font-heading text-xl font-bold mb-1\" style=\"color: var(--text-color);\">\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9\u30d7\u30e9\u30f3<\/h3>\n <p class=\"text-sm mb-4\" style=\"color: var(--text-color); opacity: 0.6;\">\u6700\u3082\u591a\u304f\u9078\u3070\u308c\u3066\u3044\u308b\u30d7\u30e9\u30f3<\/p>\n <div class=\"flex items-end justify-center gap-1\"><span class=\"font-heading text-4xl font-black\" style=\"color: var(--primary-color);\">5,500<\/span> <span class=\"text-sm pb-1\" style=\"color: var(--text-color); opacity: 0.6;\">\u5186\/\u6708\uff08\u7a0e\u8fbc\uff09<\/span>\n <\/div>\n <\/div>\n <div class=\"section-divider w-full mb-5\"><\/div>\n <ul class=\"space-y-3 mb-6\">\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u5efa\u7269\u5916\u89b3\u30fb\u6577\u5730\u306e\u5b9a\u671f\u898b\u5b88\u308a<\/li>\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u5199\u771f20\u304b\u308930\u679a<\/li>\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u30b3\u30e1\u30f3\u30c8\u4ed8\u304d\u5831\u544a\uff08\u30e1\u30fc\u30eb\/LINE\uff09<\/li>\n <\/ul>\n <div class=\"rounded-xl p-3.5\" style=\"background: rgba(0, 102, 204, 0.08);\">\n <p class=\"text-xs leading-relaxed\" style=\"color: var(--text-color); opacity: 0.7;\">\u5b9a\u671f\u7684\u306b\u898b\u3066\u307b\u3057\u3044\u3001\u72b6\u6cc1\u3092\u628a\u63e1\u3057\u305f\u3044\u3068\u3044\u3046\u65b9\u306b\u304a\u3059\u3059\u3081\u3067\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"plan-card rounded-2xl p-6 sm:p-7 reveal\" style=\"background: var(--surface-color); box-shadow: 0 4px 20px rgba(0, 102, 204, 0.08);\">\n <div class=\"text-center mb-5\"><span class=\"inline-block text-3xl mb-2\">\ud83d\udee1<\/span>\n <h3 class=\"font-heading text-xl font-bold mb-1\" style=\"color: var(--text-color);\">\u30d7\u30ec\u30df\u30a2\u30e0\u30d7\u30e9\u30f3<\/h3>\n <p class=\"text-sm mb-4\" style=\"color: var(--text-color); opacity: 0.6;\">\u5b89\u5fc3\u611f\u3092\u3088\u308a\u91cd\u8996\u3057\u305f\u65b9\u5411\u3051<\/p>\n <div class=\"flex items-end justify-center gap-1\"><span class=\"font-heading text-4xl font-black\" style=\"color: var(--primary-color);\">8,800<\/span> <span class=\"text-sm pb-1\" style=\"color: var(--text-color); opacity: 0.6;\">\u5186\/\u6708\uff08\u7a0e\u8fbc\uff09<\/span>\n <\/div>\n <\/div>\n <div class=\"section-divider w-full mb-5\"><\/div>\n <ul class=\"space-y-3 mb-6\">\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9\u306e\u5185\u5bb9\u3059\u3079\u3066<\/li>\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u5199\u771f\u679a\u6570\u306e\u8ffd\u52a0<\/li>\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u8a73\u7d30\u30b3\u30e1\u30f3\u30c8\u4ed8\u304d\u5831\u544a<\/li>\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u898b\u5b88\u308a\u30b9\u30c6\u30c3\u30ab\u30fc\u8a2d\u7f6e<\/li>\n <\/ul>\n <div class=\"rounded-xl p-3.5\" style=\"background: rgba(0, 102, 204, 0.05);\">\n <p class=\"text-xs leading-relaxed\" style=\"color: var(--text-color); opacity: 0.7;\">\u9632\u72af\u9762\u3084\u8fd1\u96a3\u3078\u306e\u914d\u616e\u3092\u91cd\u8996\u3057\u305f\u3044\u65b9\u3001\u9577\u671f\u653e\u7f6e\u4e88\u5b9a\u306e\u7269\u4ef6\u306b\u304a\u3059\u3059\u3081\u3067\u3059\u3002<\/p>\n <\/div>\n <div class=\"mt-4 space-y-1\">\n <p class=\"text-xs\" style=\"color: var(--text-color); opacity: 0.5;\">\u770b\u677f\u306a\u3069\u306e\u5927\u578b\u8868\u793a\u7269\u306f\u8a2d\u7f6e\u3057\u307e\u305b\u3093<\/p>\n <p class=\"text-xs\" style=\"color: var(--text-color); opacity: 0.5;\">\u666f\u89b3\u3084\u8fd1\u96a3\u3078\u306e\u914d\u616e\u3092\u6700\u512a\u5148\u3057\u3066\u3044\u307e\u3059<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"note-card rounded-xl p-5 sm:p-6 mt-10 reveal\" style=\"background: var(--surface-color);\">\n <h3 class=\"font-heading text-lg font-bold mb-3 flex items-center gap-2\" style=\"color: var(--secondary-color);\">\u6599\u91d1\u304c\u5909\u52d5\u3059\u308b\u5834\u5408\u306b\u3064\u3044\u3066<\/h3>\n <p class=\"text-sm leading-relaxed mb-3\" style=\"color: var(--text-color); opacity: 0.75;\">\u4ee5\u4e0b\u306e\u5834\u5408\u3001\u7269\u4ef6\u306e\u5e83\u3055\u3084\u72b6\u6cc1\u306b\u3088\u308a\u6599\u91d1\u304c\u5909\u52d5\u3059\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n <ul class=\"space-y-2 mb-4\">\n <li class=\"text-sm flex items-start gap-2\" style=\"color: var(--text-color); opacity: 0.75;\"><span style=\"color: var(--secondary-color);\">\u25cf<\/span> \u5efa\u7269\u3084\u6577\u5730\u304c\u4e00\u822c\u7684\u306a\u4f4f\u5b85\u3088\u308a\u5927\u304d\u3044\u5834\u5408<\/li>\n <li class=\"text-sm flex items-start gap-2\" style=\"color: var(--text-color); opacity: 0.75;\"><span style=\"color: var(--secondary-color);\">\u25cf<\/span> \u8907\u6570\u68df\u307e\u305f\u306f\u8907\u6570\u533a\u753b\u306e\u898b\u5b88\u308a\u304c\u5fc5\u8981\u306a\u5834\u5408<\/li>\n <li class=\"text-sm flex items-start gap-2\" style=\"color: var(--text-color); opacity: 0.75;\"><span style=\"color: var(--secondary-color);\">\u25cf<\/span> \u78ba\u8a8d\u9805\u76ee\u304c\u591a\u304f\u3001\u898b\u5b88\u308a\u306b\u6642\u9593\u3092\u8981\u3059\u308b\u5834\u5408<\/li>\n <\/ul>\n <div class=\"rounded-lg p-3\" style=\"background: rgba(0, 102, 204, 0.06);\">\n <p class=\"text-sm font-medium\" style=\"color: var(--primary-color);\">\u5fc5\u305a\u4e8b\u524d\u306b\u5185\u5bb9\u3068\u6599\u91d1\u3092\u3054\u8aac\u660e\u3057\u3001\u3054\u7d0d\u5f97\u3044\u305f\u3060\u3044\u305f\u4e0a\u3067\u5bfe\u5fdc\u3057\u307e\u3059\u3002<br><strong>\u7121\u65ad\u3067\u306e\u8ffd\u52a0\u8acb\u6c42\u306f\u4e00\u5207\u3042\u308a\u307e\u305b\u3093\u3002<\/strong><\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <section id=\"tab-land\" class=\"tab-content w-full py-10 sm:py-14 px-4\" style=\"display: none;\">\n <div class=\"max-w-4xl mx-auto\">\n <h2 class=\"font-heading text-2xl sm:text-3xl font-bold text-center mb-3 reveal\" style=\"color: var(--text-color);\">\u7a7a\u304d\u5730\u898b\u5b88\u308a\u306e\u6599\u91d1<\/h2>\n <p class=\"text-center mb-10 font-body reveal\" style=\"color: var(--text-color); opacity: 0.65; font-size: 15px;\">\u7a7a\u304d\u5730\u306e\u7ba1\u7406\u306b\u304a\u56f0\u308a\u306e\u65b9\u3078<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6 max-w-3xl mx-auto\">\n <div class=\"plan-card rounded-2xl p-6 sm:p-7 reveal\" style=\"background: var(--surface-color); box-shadow: 0 4px 20px rgba(0, 102, 204, 0.08);\">\n <div class=\"text-center mb-5\"><span class=\"inline-block text-3xl mb-2\">\ud83c\udf3e<\/span>\n <h3 class=\"font-heading text-xl font-bold mb-1\" style=\"color: var(--text-color);\">\u7a7a\u304d\u5730\u30e9\u30a4\u30c8<\/h3>\n <div class=\"flex items-end justify-center gap-1 mt-3\"><span class=\"font-heading text-4xl font-black\" style=\"color: var(--primary-color);\">2,200<\/span> <span class=\"text-sm pb-1\" style=\"color: var(--text-color); opacity: 0.6;\">\u5186\/\u6708\uff08\u7a0e\u8fbc\uff09<\/span>\n <\/div>\n <\/div>\n <div class=\"section-divider w-full mb-5\"><\/div>\n <ul class=\"space-y-3\">\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u6577\u5730\u5185\u306e\u898b\u56de\u308a<\/li>\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u30b4\u30df\u3084\u4e0d\u6cd5\u7269\u306e\u78ba\u8a8d<\/li>\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u5199\u771f\u5831\u544a<\/li>\n <\/ul>\n <\/div>\n <div class=\"plan-card recommended rounded-2xl p-6 sm:p-7 reveal\" style=\"background: var(--surface-color); box-shadow: 0 8px 30px rgba(0, 102, 204, 0.15);\">\n <div class=\"text-center mb-5\"><span class=\"inline-block text-3xl mb-2\">\u2713<\/span>\n <h3 class=\"font-heading text-xl font-bold mb-1\" style=\"color: var(--text-color);\">\u7a7a\u304d\u5730\u5b89\u5fc3<\/h3>\n <div class=\"flex items-end justify-center gap-1 mt-3\"><span class=\"font-heading text-4xl font-black\" style=\"color: var(--primary-color);\">3,300<\/span> <span class=\"text-sm pb-1\" style=\"color: var(--text-color); opacity: 0.6;\">\u5186\/\u6708\uff08\u7a0e\u8fbc\uff09<\/span>\n <\/div>\n <\/div>\n <div class=\"section-divider w-full mb-5\"><\/div>\n <ul class=\"space-y-3\">\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u8349\u306e\u4f38\u3073\u72b6\u6cc1\u306e\u78ba\u8a8d<\/li>\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u4e0d\u6cd5\u6295\u68c4\u30fb\u8d8a\u5883\u306e\u30c1\u30a7\u30c3\u30af<\/li>\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u8a73\u7d30\u5199\u771f\u3068\u30b3\u30e1\u30f3\u30c8\u5831\u544a<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"mt-8 max-w-3xl mx-auto reveal\">\n <div class=\"rounded-xl p-4\" style=\"background: rgba(0, 163, 224, 0.06); border: 1px solid rgba(0, 163, 224, 0.15);\">\n <p class=\"text-sm\" style=\"color: var(--text-color); opacity: 0.7;\">\u8349\u5208\u308a\u30fb\u6574\u5099\u4f5c\u696d\u306f\u542b\u307e\u308c\u307e\u305b\u3093<br>\n \u5fc5\u8981\u306a\u5834\u5408\u306f\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <section id=\"tab-disaster\" class=\"tab-content w-full py-10 sm:py-14 px-4\" style=\"display: none;\">\n <div class=\"max-w-4xl mx-auto\">\n <h2 class=\"font-heading text-2xl sm:text-3xl font-bold text-center mb-3 reveal\" style=\"color: var(--text-color);\">\u53f0\u98a8\u30fb\u5927\u96e8\u306a\u3069\u707d\u5bb3\u6642\u306e\u5358\u767a\u898b\u5b88\u308a<\/h2>\n <p class=\"text-center mb-10 font-body reveal\" style=\"color: var(--text-color); opacity: 0.65; font-size: 15px;\">\u5b9a\u671f\u5951\u7d04\u3068\u306f\u5225\u306b\u3001\u707d\u5bb3\u5f8c\u306e\u72b6\u6cc1\u78ba\u8a8d\u3092\u5358\u767a\u3067\u884c\u3046\u3053\u3068\u3082\u53ef\u80fd\u3067\u3059<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6 max-w-3xl mx-auto\">\n <div class=\"plan-card rounded-2xl p-6 sm:p-7 reveal\" style=\"background: var(--surface-color); box-shadow: 0 4px 20px rgba(0, 102, 204, 0.08);\">\n <div class=\"text-center mb-5\"><span class=\"inline-block text-3xl mb-2\">\ud83d\udccb<\/span>\n <h3 class=\"font-heading text-lg font-bold mb-1\" style=\"color: var(--text-color);\">\u5b9a\u671f\u5951\u7d04\u8005<\/h3>\n <div class=\"flex items-end justify-center gap-1 mt-3\"><span class=\"font-heading text-3xl font-black\" style=\"color: var(--primary-color);\">3,300<\/span> <span class=\"text-sm pb-1\" style=\"color: var(--text-color); opacity: 0.6;\">\u5186\u304b\u3089\uff08\u7a0e\u8fbc\uff09<\/span>\n <\/div>\n <\/div>\n <div class=\"section-divider w-full mb-5\"><\/div>\n <ul class=\"space-y-3\">\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u5efa\u7269\u5916\u89b3\u30fb\u6577\u5730\u306e\u78ba\u8a8d<\/li>\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u5199\u771f10\u304b\u308920\u679a<\/li>\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u901f\u5831\u5831\u544a\uff08\u30e1\u30fc\u30eb\/LINE\uff09<\/li>\n <\/ul>\n <\/div>\n <div class=\"plan-card rounded-2xl p-6 sm:p-7 reveal\" style=\"background: var(--surface-color); box-shadow: 0 4px 20px rgba(0, 102, 204, 0.08);\">\n <div class=\"text-center mb-5\"><span class=\"inline-block text-3xl mb-2\">\ud83c\udf00<\/span>\n <h3 class=\"font-heading text-lg font-bold mb-1\" style=\"color: var(--text-color);\">\u5358\u767a\u5229\u7528<\/h3>\n <div class=\"flex items-end justify-center gap-1 mt-3\"><span class=\"font-heading text-3xl font-black\" style=\"color: var(--primary-color);\">5,500<\/span> <span class=\"text-sm pb-1\" style=\"color: var(--text-color); opacity: 0.6;\">\u5186\u304b\u3089\uff08\u7a0e\u8fbc\uff09<\/span>\n <\/div>\n <\/div>\n <div class=\"section-divider w-full mb-5\"><\/div>\n <ul class=\"space-y-3\">\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u5efa\u7269\u5916\u89b3\u30fb\u6577\u5730\u306e\u78ba\u8a8d<\/li>\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u5199\u771f10\u304b\u308920\u679a<\/li>\n <li class=\"check-item flex items-start text-sm font-body\" style=\"color: var(--text-color);\">\u901f\u5831\u5831\u544a\uff08\u30e1\u30fc\u30eb\/LINE\uff09<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"mt-8 max-w-3xl mx-auto space-y-3 reveal\">\n <div class=\"rounded-xl p-4\" style=\"background: rgba(0, 163, 224, 0.06); border: 1px solid rgba(0, 163, 224, 0.15);\">\n <p class=\"text-sm\" style=\"color: var(--text-color); opacity: 0.7;\">\u5b89\u5168\u3092\u6700\u512a\u5148\u3057\u3001\u78ba\u8a8d\u53ef\u80fd\u306a\u7bc4\u56f2\u3067\u5bfe\u5fdc\u3057\u307e\u3059<br>\n \u4fee\u7e55\u3084\u5fa9\u65e7\u4f5c\u696d\u306f\u884c\u3044\u307e\u305b\u3093<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <section class=\"w-full py-12 sm:py-16 px-4\" style=\"background-color: var(--bg-color);\">\n <div class=\"max-w-3xl mx-auto text-center reveal\">\n <div class=\"rounded-2xl p-8 sm:p-12 relative overflow-hidden\" style=\"background: linear-gradient(135deg, var(--primary-color), #0052A3); box-shadow: 0 12px 40px rgba(0, 102, 204, 0.3);\">\n <div class=\"absolute top-0 right-0 w-32 h-32 rounded-full\" style=\"background: rgba(255,255,255,0.05); transform: translate(30%, -30%);\"><\/div>\n <div class=\"absolute bottom-0 left-0 w-24 h-24 rounded-full\" style=\"background: rgba(255,255,255,0.04); transform: translate(-30%, 30%);\"><\/div>\n <h2 class=\"font-heading text-2xl sm:text-3xl font-bold text-white mb-4 relative z-10\">\u3054\u76f8\u8ac7\u306f\u7121\u6599\u3067\u3059<\/h2>\n <p class=\"text-white text-sm sm:text-base leading-relaxed mb-8 relative z-10\" style=\"opacity: 0.9;\">\u307e\u305a\u306f\u6599\u91d1\u3084\u5185\u5bb9\u306b\u3064\u3044\u3066<br class=\"hidden sm:block\">\n \u304a\u6c17\u8efd\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044<\/p>\n <div class=\"flex flex-col sm:flex-row items-center justify-center gap-4 relative z-10\">\n <a id=\"email-link\" href=\"mailto:info@kitakyushu-akiyakanri.com\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cta-btn inline-flex items-center gap-2 px-7 py-3.5 rounded-full font-heading font-bold text-base\" style=\"background: var(--surface-color); color: var(--primary-color);\">\n <span>\ud83d\udce9<\/span> <span id=\"cta-text\">\u30e1\u30fc\u30eb\u3067\u76f8\u8ac7\u3059\u308b<\/span>\n <\/a>\n <a href=\"https:\/\/lin.ee\/NWOP0OA\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cta-btn inline-flex items-center gap-2 px-7 py-3.5 rounded-full font-heading font-bold text-base\" style=\"background: rgba(255,255,255,0.15); color: white; border: 2px solid rgba(255,255,255,0.3);\">\n <span>\ud83d\udcac<\/span> <span>\u516c\u5f0fLINE\u3067\u76f8\u8ac7\u3059\u308b<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n <footer class=\"w-full py-6 px-4 text-center\" style=\"background: rgba(0, 102, 204, 0.04); border-top: 1px solid rgba(0, 102, 204, 0.1);\">\n <p class=\"font-body text-xs\" style=\"color: var(--text-color); opacity: 0.4;\">\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a \u5b89\u5fc3\u306e\u7a7a\u304d\u5bb6\u7ba1\u7406\u30b5\u30fc\u30d3\u30b9<\/p>\n <\/footer>\n <\/div>\n <script>\n const defaultConfig = {\n page_title: '\u6599\u91d1\u306b\u3064\u3044\u3066',\n page_subtitle: '\u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a',\n contact_email: 'info@kitakyushu-akiyakanri.com',\n cta_text: '\u30e1\u30fc\u30eb\u3067\u76f8\u8ac7\u3059\u308b',\n background_color: '#F0F7FF',\n surface_color: '#FFFFFF',\n text_color: '#1A3A52',\n primary_color: '#0066CC',\n secondary_color: '#00A3E0',\n font_family: 'Zen Maru Gothic',\n font_size: 16\n };\n\n const tabButtons = document.querySelectorAll('.tab-btn');\n const tabContents = document.querySelectorAll('.tab-content');\n\n tabButtons.forEach(btn => {\n btn.addEventListener('click', () => {\n const targetTab = btn.dataset.tab;\n\n tabButtons.forEach(b => {\n b.classList.remove('active');\n b.style.color = 'var(--text-color)';\n b.style.opacity = '0.6';\n b.style.background = 'transparent';\n });\n btn.classList.add('active');\n btn.style.color = 'var(--primary-color)';\n btn.style.opacity = '1';\n btn.style.background = 'rgba(0, 102, 204, 0.08)';\n\n tabContents.forEach(tc => {\n tc.style.display = 'none';\n });\n const targetSection = document.getElementById('tab-' + targetTab);\n if (targetSection) {\n targetSection.style.display = 'block';\n targetSection.querySelectorAll('.reveal').forEach(el => {\n el.classList.remove('visible');\n setTimeout(() => el.classList.add('visible'), 100);\n });\n }\n });\n });\n\n const revealObserver = new IntersectionObserver((entries) => {\n entries.forEach((entry, index) => {\n if (entry.isIntersecting) {\n setTimeout(() => {\n entry.target.classList.add('visible');\n }, index * 80);\n revealObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1, rootMargin: '0px 0px -30px 0px' });\n\n document.querySelectorAll('.reveal').forEach(el => {\n revealObserver.observe(el);\n });\n\n function applyConfig(config) {\n const c = { ...defaultConfig, ...config };\n\n const titleEl = document.getElementById('page-title');\n if (titleEl) titleEl.textContent = c.page_title;\n\n const subtitleEl = document.getElementById('page-subtitle');\n if (subtitleEl) subtitleEl.textContent = c.page_subtitle;\n\n const ctaEl = document.getElementById('cta-text');\n if (ctaEl) ctaEl.textContent = c.cta_text;\n\n const emailLink = document.getElementById('email-link');\n if (emailLink) emailLink.href = 'mailto:' + c.contact_email;\n\n document.documentElement.style.setProperty('--bg-color', c.background_color);\n document.documentElement.style.setProperty('--surface-color', c.surface_color);\n document.documentElement.style.setProperty('--text-color', c.text_color);\n document.documentElement.style.setProperty('--primary-color', c.primary_color);\n document.documentElement.style.setProperty('--secondary-color', c.secondary_color);\n\n document.body.style.backgroundColor = c.background_color;\n document.body.style.color = c.text_color;\n\n const fontStack = c.font_family + \", 'Noto Sans JP', sans-serif\";\n document.querySelectorAll('.font-heading').forEach(el => {\n el.style.fontFamily = fontStack;\n });\n document.querySelectorAll('.font-body').forEach(el => {\n el.style.fontFamily = \"'Noto Sans JP', \" + c.font_family + \", sans-serif\";\n });\n\n const base = c.font_size;\n document.querySelectorAll('h1').forEach(el => {\n el.style.fontSize = (base * 2.5) + 'px';\n });\n document.querySelectorAll('h2').forEach(el => {\n el.style.fontSize = (base * 1.75) + 'px';\n });\n document.querySelectorAll('h3').forEach(el => {\n el.style.fontSize = (base * 1.25) + 'px';\n });\n\n const style = document.getElementById('dynamic-check-style');\n if (style) {\n style.textContent = `.check-item::before { background: ${c.primary_color} !important; }`;\n }\n\n document.querySelectorAll('.section-divider').forEach(el => {\n el.style.background = `linear-gradient(90deg, transparent, rgba(0, 102, 204, 0.2), ${c.secondary_color}, rgba(0, 102, 204, 0.2), transparent)`;\n });\n\n document.querySelectorAll('.recommended').forEach(el => {\n el.style.borderColor = c.primary_color;\n });\n\n document.querySelectorAll('.note-card').forEach(el => {\n el.style.borderLeftColor = c.secondary_color;\n });\n }\n\n const dynStyle = document.createElement('style');\n dynStyle.id = 'dynamic-check-style';\n document.head.appendChild(dynStyle);\n\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig: defaultConfig,\n onConfigChange: async (config) => {\n applyConfig(config);\n },\n mapToCapabilities: (config) => {\n const c = { ...defaultConfig, ...config };\n return {\n recolorables: [\n {\n get: () => c.background_color || defaultConfig.background_color,\n set: (v) => { config.background_color = v; window.elementSdk.setConfig({ background_color: v }); }\n },\n {\n get: () => c.surface_color || defaultConfig.surface_color,\n set: (v) => { config.surface_color = v; window.elementSdk.setConfig({ surface_color: v }); }\n },\n {\n get: () => c.text_color || defaultConfig.text_color,\n set: (v) => { config.text_color = v; window.elementSdk.setConfig({ text_color: v }); }\n },\n {\n get: () => c.primary_color || defaultConfig.primary_color,\n set: (v) => { config.primary_color = v; window.elementSdk.setConfig({ primary_color: v }); }\n },\n {\n get: () => c.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: () => c.font_family || defaultConfig.font_family,\n set: (v) => { config.font_family = v; window.elementSdk.setConfig({ font_family: v }); }\n },\n fontSizeable: {\n get: () => c.font_size || defaultConfig.font_size,\n set: (v) => { config.font_size = v; window.elementSdk.setConfig({ font_size: v }); }\n }\n };\n },\n mapToEditPanelValues: (config) => {\n const c = { ...defaultConfig, ...config };\n return new Map([\n ['page_title', c.page_title],\n ['page_subtitle', c.page_subtitle],\n ['contact_email', c.contact_email],\n ['cta_text', c.cta_text]\n ]);\n }\n });\n }\n\n applyConfig(defaultConfig);\n <\/script>\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9cb5a81923cebe06',t:'MTc3MDY2NDExOS4wMDAwMDA='};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>\u6599\u91d1\u306b\u3064\u3044\u3066 | \u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a \u5317\u4e5d\u5dde\u7a7a\u304d\u5bb6\u898b\u5b88\u308a \u6599\u91d1\u306b\u3064\u3044\u3066 \u5206\u304b\u308a\u3084\u3059\u304f\u3001\u7121\u7406\u306e\u306a\u3044\u6599\u91d1\u8a2d\u5b9a\u3092\u5fc3\u304c\u3051\u3066\u3044\u307e\u3059\u3002 \u300c\u7ba1\u7406\u5185\u5bb9\u304c\u5206\u304b\u3089\u306a\u3044\u307e\u307e\u9ad8\u984d\u306b\u306a\u308b\u300d \u300c\u5f8c\u304b\u3089\u8ffd\u52a0\u8cbb\u7528\u3092\u8acb\u6c42\u3055\u308c\u308b\u300d \u3068\u3044\u3063\u305f\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093 […]<\/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-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/pages\/17","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=17"}],"version-history":[{"count":11,"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":135,"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions\/135"}],"wp:attachment":[{"href":"https:\/\/kitakyushu-akiyakanri.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}