\u91e3\u3063\u3066\u697d\u3057\u3044\u3001\u98df\u3079\u3066\u304a\u3044\u3057\u3044 \u306a\u304b\u3046\u307f\u91e3\u308a\u30b3\u30f3\u30c6\u30b9\u30c8 2026<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \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=M+PLUS+Rounded+1c:wght@500;700;900&family=Noto+Sans+JP:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\n <style>\n \/* \u3010WordPress\/Diver\u30c6\u30fc\u30de\u5e45\u5d29\u308c\u5b8c\u5168\u30ec\u30b9\u30ad\u30e5\u30fcCSS\u3011 *\/\n \/* \u30c6\u30fc\u30de\u306e\u5916\u67a0\uff08#wrap\u3084#content\uff09\u306b\u8a2d\u5b9a\u3055\u308c\u3066\u3044\u308b\u56fa\u5b9a\u6700\u5927\u5e45\u3092\u5f37\u5236\u89e3\u9664\u3057\u3001\u30b9\u30de\u30db\u8868\u793a\u3092100%\u5168\u5e45\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u5316\u3057\u307e\u3059 *\/\n html, body, #wrap, #wrapper, .wrapper, .container, #content, .content, \n #primary, #main, .site-content, .main-content-area, .entry-content, .post-content, .type-page, .hentry, article {\n background: transparent !important;\n background-color: transparent !important;\n padding-left: 0 !important;\n padding-right: 0 !important;\n margin-left: auto !important;\n margin-right: auto !important;\n max-width: 100% !important;\n width: 100% !important;\n }\n\n \/* \u6c34\u4e2dLP of \u30e1\u30a4\u30f3\u30b3\u30f3\u30c6\u30ca\uff08\u30b9\u30de\u30db\u3067\u306e\u6a2a\u63fa\u308c\u30fb\u6a2a\u30b9\u30af\u30ed\u30fc\u30eb\u3092\u5fb9\u5e95\u7684\u306b\u9632\u6b62\uff09 *\/\n #lp-global-container {\n background: radial-gradient(\n circle at 50% -10%,\n #a5f3fc 0%, \/* \u6c34\u9762\u306e\u660e\u308b\u3044\u5149 *\/\n #38bdf8 20%, \/* \u6d45\u702c of \u30d6\u30eb\u30fc *\/\n #0284c7 45%, \/* \u7f8e\u3057\u3044\u4e2d\u5c64\u30d6\u30eb\u30fc *\/\n #0b5372 70%, \/* \u6df1\u5c64 of \u6c7d\u6c34\u30cd\u30a4\u30d3\u30fc *\/\n #073c54 88%, \/* \u30dc\u30c8\u30e0\u30a2\u30af\u30a2 *\/\n #042e42 100% \/* \u6700\u6df1\u90e8\u30cd\u30a4\u30d3\u30fc *\/\n ) !important;\n min-height: 100vh;\n position: relative;\n overflow-x: hidden !important; \/* \u6a2a\u306f\u307f\u51fa\u3057 of \u5f37\u5236\u30ab\u30c3\u30c8 *\/\n isolation: isolate;\n z-index: 0;\n width: 100% !important;\n max-width: 100vw !important;\n }\n\n .font-rounded {\n font-family: 'M PLUS Rounded 1c', sans-serif;\n }\n\n .handwritten-bubble {\n border: 2.5px dashed #5cbbe3;\n border-radius: 255px 25px 225px 25px\/25px 225px 25px 255px;\n }\n \n .shimmer {\n position: relative;\n overflow: hidden;\n }\n .shimmer::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 50%;\n height: 100%;\n background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.4), transparent);\n transform: skewX(-20deg);\n animation: shimmerEffect 2s infinite;\n }\n @keyframes shimmerEffect {\n 100% { left: 200%; }\n }\n\n \/* \u79fb\u52d5\u5148\u898b\u51fa\u3057\u3092\u4e0a\u4e0b\u4e2d\u592e\uff08\u5782\u76f4\u3069\u771f\u3093\u4e2d\uff09\u306b\u7f8e\u3057\u304f\u5438\u7740\u9759\u6b62\u3055\u305b\u308b\u305f\u3081\u306e\u30b9\u30af\u30ed\u30fc\u30eb\u30de\u30fc\u30b8\u30f3\u8a2d\u5b9a *\/\n .nakaumi-scroll-center {\n scroll-margin-top: 35vh !important;\n }\n\n \/* WordPress\u6a19\u6e96\u306e\u30d8\u30c3\u30c0\u30fc\u30fb\u30b5\u30a4\u30c9\u30d0\u30fc\u30fb\u30d5\u30c3\u30bf\u30fc\u3092\u975e\u8868\u793a\u5316\uff08LP\u5358\u4f53\u8868\u793a\u7528\uff09 *\/\n #header, .site-header, .header-v2, \n #sidebar, .sidebar, .sub-menu-container,\n #footer, .site-footer, .footer {\n display: none !important;\n }\n\n \/* \u3010\u8ffd\u52a0\uff1a\u30bf\u30a4\u30c8\u30eb\u30ed\u30b4\u5de6\u4e0a\u306e\u3075\u308f\u3075\u308f\u52d5\u304f\u5439\u304d\u51fa\u3057\u7528CSS\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3011 *\/\n @keyframes nakaumiBounce {\n 0%, 100% {\n transform: translateY(0) rotate(-2deg);\n }\n 50% {\n transform: translateY(-6px) rotate(1deg);\n }\n }\n .animate-nakaumi-bounce {\n animation: nakaumiBounce 3s ease-in-out infinite;\n }\n\n \/* \u3010\u8ffd\u52a0\uff1a\u304a\u3057\u3083\u308c\u306a\u6c34\u4e2d\u6c34\u6ce1\u306e\u4e0a\u6607\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3011 *\/\n \/* \u65e2\u5b58\u306e\u30b7\u30b9\u30c6\u30e0\u3068\u5b8c\u5168\u306b\u72ec\u7acb\u3057\u305f\u30af\u30e9\u30b9\u30fbKeyframes\u3067\u3059 *\/\n @keyframes bubbleRise {\n 0% {\n transform: translateY(110vh) scale(0.7);\n opacity: 0;\n }\n 10% {\n opacity: 0.6;\n }\n 90% {\n opacity: 0.6;\n }\n 100% {\n transform: translateY(-20vh) scale(1.2);\n opacity: 0;\n }\n }\n .nakaumi-bubble-1 {\n animation: bubbleRise 16s infinite linear;\n }\n .nakaumi-bubble-2 {\n animation: bubbleRise 12s infinite linear;\n }\n .nakaumi-bubble-3 {\n animation: bubbleRise 8s infinite linear;\n }\n <\/style>\n<\/head>\n<body class=\"text-slate-800 pb-32 md:pb-28\"> \n <div id=\"lp-global-container\">\n\n \n \n <div class=\"absolute inset-0 pointer-events-none overflow-hidden z-10 select-none\">\n <svg class=\"w-full h-full min-h-screen opacity-45\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n \n <use href=\"#realBubble\" class=\"nakaumi-bubble-1\" x=\"5%\" y=\"0\" style=\"animation-delay: 0s;\" \/>\n <use href=\"#realBubble\" class=\"nakaumi-bubble-2\" x=\"15%\" y=\"0\" style=\"animation-delay: 4s;\" \/>\n <use href=\"#realBubble\" class=\"nakaumi-bubble-3\" x=\"25%\" y=\"0\" style=\"animation-delay: 2s;\" \/>\n <use href=\"#realBubble\" class=\"nakaumi-bubble-1\" x=\"38%\" y=\"0\" style=\"animation-delay: 7s;\" \/>\n <use href=\"#realBubble\" class=\"nakaumi-bubble-2\" x=\"50%\" y=\"0\" style=\"animation-delay: 1s;\" \/>\n <use href=\"#realBubble\" class=\"nakaumi-bubble-3\" x=\"62%\" y=\"0\" style=\"animation-delay: 5s;\" \/>\n <use href=\"#realBubble\" class=\"nakaumi-bubble-1\" x=\"75%\" y=\"0\" style=\"animation-delay: 3s;\" \/>\n <use href=\"#realBubble\" class=\"nakaumi-bubble-2\" x=\"88%\" y=\"0\" style=\"animation-delay: 9s;\" \/>\n <use href=\"#realBubble\" class=\"nakaumi-bubble-3\" x=\"93%\" y=\"0\" style=\"animation-delay: 0s;\" \/>\n <\/svg>\n <\/div>\n\n \n <svg class=\"hidden\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <defs>\n <g id=\"realBubble\">\n <circle cx=\"20\" cy=\"20\" r=\"18\" fill=\"rgba(255,255,255,0.01)\" stroke=\"rgba(255,255,255,0.4)\" stroke-width=\"1.2\" filter=\"drop-shadow(0px 1px 1px rgba(0,0,0,0.08))\" \/>\n <path d=\"M 6,15 A 14,14 0 0,1 25,6 A 17,17 0 0,0 6,15\" fill=\"rgba(255,255,255,0.85)\" \/>\n <circle cx=\"29\" cy=\"29\" r=\"2.8\" fill=\"rgba(255,255,255,0.45)\" \/>\n <ellipse cx=\"14\" cy=\"14\" rx=\"2\" ry=\"1\" transform=\"rotate(-30 14 14)\" fill=\"rgba(255,255,255,0.4)\" \/>\n <\/g>\n <path id=\"sayoriTemplate\" d=\"M 0,8 C 15,6 35,6 55,7 L 60,5 L 61,7 C 67,7 74,8 79,9 L 82,4 C 80,9 80,11 82,16 L 79,11 C 74,12 67,12 61,12 L 60,14 L 55,12 C 35,12 15,12 0,10 Z\" \/>\n <path id=\"konoshiroTemplate\" d=\"M 5,16 C 15,7 30,5 45,9 L 50,4 L 53,9 C 58,9 65,11 70,13 L 80,7 C 76,15 76,23 80,30 L 70,24 C 65,26 58,27 53,27 L 48,32 L 45,27 C 30,30 15,27 5,22 Z\" \/>\n <path id=\"suzukiTemplate\" d=\"M 10,20 C 20,12 35,9 50,11 C 55,7 65,9 68,12 L 78,5 C 74,13 74,20 78,28 L 68,22 C 62,24 55,25 50,24 L 44,29 L 40,24 C 25,26 15,24 10,21 Z\" \/>\n <path id=\"chinuTemplate\" d=\"M 8,20 C 16,9 30,6 44,9 C 48,2 54,4 58,12 C 62,11 68,12 71,13 L 80,5 C 77,13 77,24 80,32 L 71,24 C 68,26 63,27 58,26 L 53,31 L 48,26 C 36,28 22,26 12,22 Z\" \/>\n <path id=\"boraTemplate\" d=\"M 5,14 C 18,9 35,7 50,9 Q 55,5 62,6 T 65,9 C 70,8 76,9 80,11 L 88,5 C 85,11 85,17 88,22 L 80,18 C 76,19 70,20 65,19 Q 50,21 35,19 T 18,17 Z\" \/>\n <path id=\"hiiragiTemplate\" d=\"M 8,14 C 18,6 28,5 36,10 L 40,6 L 41,10 C 45,10 48,11 51,13 L 59,8 C 57,13 57,21 59,26 L 51,21 C 48,23 45,24 41,23 L 38,27 L 36,23 C 28,26 18,25 8,18 Z\" \/>\n <path id=\"mahazeTemplate\" d=\"M 5,14 C 15,8 28,9 42,11 Q 48,9 55,10 T 58,12 C 63,11 68,10 71,9 L 80,5 C 77,10 77,18 80,23 L 71,19 C 68,18 63,17 58,16 C 55,18 48,19 42,17 C 28,19 15,16 5,14 Z\" \/>\n <path id=\"kareiTemplate\" d=\"M 10,18 C 16,7 42,6 55,10 L 62,5 L 65,10 L 75,14 L 84,8 C 80,16 80,22 84,30 L 75,24 L 65,28 L 62,32 L 55,28 C 42,32 16,30 10,18 Z\" \/>\n <path id=\"anagoTemplate\" d=\"M 2,12 C 12,3 22,3 32,12 C 42,20 52,20 62,12 C 72,3 82,3 92,12 L 95,9 L 94,14 C 89,15 82,14 75,12 C 65,6 55,6 45,14 C 35,21 25,21 15,14 C 10,8 7,8 3,12 Z\" \/>\n <path id=\"seaweedTemplate\" d=\"M 10,80 Q 0,60 10,40 T 20,0 Q 30,20 20,40 T 10,80 Z\" \/>\n <path id=\"shellTemplate\" d=\"M 20,30 C 5,28 0,15 5,5 C 10,0 30,0 35,5 C 40,15 35,28 20,30 Z M 20,30 L 15,35 L 25,35 Z\" \/>\n <\/defs>\n <\/svg>\n\n \n <section class=\"relative pt-10 pb-6 sm:pt-16 sm:pb-8 text-white px-4 sm:px-6 z-20\">\n \n \n <div class=\"absolute inset-0 pointer-events-none overflow-visible select-none z-10\">\n <svg class=\"w-full h-full min-h-[480px] overflow-visible\" viewBox=\"0 0 1000 500\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n \n <use href=\"#sayoriTemplate\" transform=\"translate(120, 40) rotate(10) scale(0.6)\" fill=\"#ffffff\" opacity=\"0.25\" \/>\n <use href=\"#sayoriTemplate\" transform=\"translate(180, 55) rotate(8) scale(0.55)\" fill=\"#ffffff\" opacity=\"0.2\" \/>\n <use href=\"#sayoriTemplate\" transform=\"translate(90, 70) rotate(12) scale(0.65)\" fill=\"#ffffff\" opacity=\"0.22\" \/>\n <use href=\"#sayoriTemplate\" transform=\"translate(240, 48) rotate(5) scale(0.5)\" fill=\"#ffffff\" opacity=\"0.18\" \/>\n <use href=\"#konoshiroTemplate\" transform=\"translate(450, 110) rotate(220) scale(0.6)\" fill=\"#ffffff\" opacity=\"0.22\" \/>\n <use href=\"#konoshiroTemplate\" transform=\"translate(490, 140) rotate(225) scale(0.52)\" fill=\"#ffffff\" opacity=\"0.18\" \/>\n <use href=\"#suzukiTemplate\" transform=\"translate(750, 150) rotate(225) scale(0.75)\" fill=\"#ffffff\" opacity=\"0.22\" \/>\n <use href=\"#suzukiTemplate\" transform=\"translate(820, 210) rotate(220) scale(0.65)\" fill=\"#ffffff\" opacity=\"0.18\" \/>\n \n \n <use href=\"#chinuTemplate\" transform=\"translate(60, 140) rotate(15) scale(0.5)\" fill=\"#ffffff\" opacity=\"0.14\" \/>\n <use href=\"#hiiragiTemplate\" transform=\"translate(290, 95) rotate(-12) scale(0.52)\" fill=\"#ffffff\" opacity=\"0.18\" \/>\n <use href=\"#boraTemplate\" transform=\"translate(630, 75) rotate(22) scale(0.58)\" fill=\"#ffffff\" opacity=\"0.15\" \/>\n <use href=\"#chinuTemplate\" transform=\"translate(890, 50) rotate(190) scale(0.52)\" fill=\"#ffffff\" opacity=\"0.16\" \/>\n <use href=\"#sayoriTemplate\" transform=\"translate(310, 150) rotate(8) scale(0.42)\" fill=\"#ffffff\" opacity=\"0.18\" \/>\n <use href=\"#konoshiroTemplate\" transform=\"translate(140, 210) rotate(200) scale(0.48)\" fill=\"#ffffff\" opacity=\"0.14\" \/>\n <use href=\"#suzukiTemplate\" transform=\"translate(50, 270) rotate(15) scale(0.55)\" fill=\"#ffffff\" opacity=\"0.15\" \/>\n <use href=\"#boraTemplate\" transform=\"translate(340, 230) rotate(-10) scale(0.65)\" fill=\"#ffffff\" opacity=\"0.12\" \/>\n <use href=\"#hiiragiTemplate\" transform=\"translate(880, 240) rotate(180) scale(0.48)\" fill=\"#ffffff\" opacity=\"0.14\" \/>\n <\/svg>\n <\/div>\n\n <div class=\"max-w-5xl mx-auto relative z-20 flex flex-col items-center text-center\">\n \n \n <div class=\"handwritten-bubble bg-white text-[#5cbbe3] px-6 py-2.5 shadow-md mb-4 inline-block\">\n \n <p class=\"text-base sm:text-lg md:text-xl font-black tracking-wider leading-none font-rounded\">\n \u3072\u3068\u308a\u3067\u3082\u5bb6\u65cf\u3067\u3082\u6c17\u8efd\u306b\u53c2\u52a0\uff01\n <\/p>\n <\/div>\n\n \n <p class=\"text-sm sm:text-lg md:text-xl font-bold tracking-widest text-sky-100 mb-6 font-rounded\">\n \uff3c \u304b\u3081\u3084\u91e3\u5177\u7c73\u5b50\u5e97 \u00d7 \u4e2d\u6d77\u30c6\u30ec\u30d3\u653e\u9001\u5171\u50ac \uff0f\n <\/p>\n\n \n \n \n <div class=\"w-full max-w-[320px] sm:max-w-[550px] lg:max-w-[750px] mb-20 sm:mb-24 pt-10 sm:pt-0 relative\">\n \n \n\n <img decoding=\"async\" src=\"https:\/\/www.chukai.co.jp\/corporate\/wp-content\/uploads\/2026\/05\/\u306a\u304b\u3046\u307f\u91e3\u308a\u30b3\u30f3\u30c6\u30b9\u30c8\u3000\u753b\u50cf.png\" alt=\"\u306a\u304b\u3046\u307f\u91e3\u308a\u30b3\u30f3\u30c6\u30b9\u30c8\" class=\"w-full h-auto object-contain mx-auto drop-shadow-2xl hover:scale-102 transition-transform duration-500\" style=\"mix-blend-mode: multiply !important;\">\n\n \n <div class=\"absolute -bottom-8 sm:-bottom-10 left-1\/2 -translate-x-1\/2 w-[92%] sm:w-[85%] max-w-sm z-30\">\n <div class=\"relative group w-full\">\n \n <div class=\"absolute -top-3.5 left-1\/2 -translate-x-1\/2 bg-yellow-400 text-yellow-900 text-sm sm:text-base font-black px-4.5 py-1 rounded-full shadow-md border border-yellow-500 z-10 whitespace-nowrap font-rounded\">\n \\ \u53c2\u52a0\u7121\u6599\uff01\u512a\u52dd\u8005\u306b\u306f\u8c6a\u83ef\u8cde\u54c1\u3082\uff01 \/\n <\/div>\n \n <a href=\"#nakaumi-entry\" class=\"js-nakaumi-scroll shimmer relative block w-full bg-gradient-to-b from-orange-400 to-orange-600 hover:from-orange-500 hover:to-orange-700 text-white font-black text-base sm:text-2xl py-3.5 sm:py-5 px-4 rounded-full shadow-[0_8px_20px_rgba(234,88,12,0.5)] transition-all transform hover:-translate-y-0.5 active:translate-y-0.5 text-center border-4 border-white font-rounded\">\n <span class=\"relative z-10 flex items-center justify-center gap-1.5\">\n <span class=\"text-xl sm:text-3xl animate-bounce\">\ud83d\udcdd<\/span> \u4eca\u3059\u3050Web\u30a8\u30f3\u30c8\u30ea\u30fc\n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"bg-white\/10 backdrop-blur-md rounded-full px-5 py-2.5 sm:px-6 sm:py-3 border border-white\/20 mb-10 sm:mb-12 shadow-lg inline-flex flex-col sm:flex-row items-center gap-2 sm:gap-4 w-full sm:w-auto max-w-sm sm:max-w-none\">\n \n <span class=\"inline-block bg-[#1d8fc1] text-white text-xs sm:text-base font-bold tracking-widest px-3 py-1 sm:py-1.5 rounded-full\">\u958b\u50ac\u671f\u9593<\/span>\n <p class=\"text-lg sm:text-2xl font-black tracking-wide text-white font-rounded\">\n \n 2026\u5e74 <span class=\"text-2xl sm:text-4xl text-yellow-300 drop-shadow-md\">6\/1<\/span><span class=\"text-sm sm:text-lg\">(\u6708)<\/span> \u301c <span class=\"text-2xl sm:text-4xl text-yellow-300 drop-shadow-md\">7\/31<\/span><span class=\"text-sm sm:text-lg\">(\u91d1)<\/span>\n <\/p>\n <\/div>\n\n \n <div class=\"w-full max-w-4xl mx-auto relative mb-10 sm:mb-12\">\n \n <div class=\"relative rounded-3xl overflow-hidden shadow-2xl border-4 border-white\/40 aspect-[4\/3] md:aspect-[21\/9] w-full\">\n <img decoding=\"async\" src=\"https:\/\/www.chukai.co.jp\/corporate\/wp-content\/uploads\/2026\/05\/\u91e3\u308a\u3000\u69d8\u5b50.jpg\" alt=\"\u4e2d\u6d77\u3067\u91e3\u308a\u3092\u697d\u3057\u3080\u69d8\u5b50\" class=\"w-full h-full object-cover relative z-10\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-[#042e42]\/90 via-[#042e42]\/20 to-transparent z-10 pointer-events-none\"><\/div>\n \n \n \n <div class=\"absolute bottom-3 sm:bottom-4 md:bottom-5 lg:bottom-6 left-0 right-0 px-4 z-20\">\n \n <p class=\"text-white text-xl sm:text-3xl md:text-5xl font-black font-rounded tracking-wide drop-shadow-[0_3px_5px_rgba(0,0,0,0.8)]\" style=\"letter-spacing: 0.05em;\">\n \u8c4a\u304b\u306a\u4e2d\u6d77(\u306a\u304b\u3046\u307f)\u306e\u9b45\u529b\u3092<br>\u808c\u3067\u611f\u3058\u3088\u3046\uff01\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"mt-4 text-center\">\n <a href=\"#nakaumi-support-anchor\" class=\"js-nakaumi-scroll inline-flex items-center gap-2 bg-[#0284c7]\/90 hover:bg-[#0284c7] text-white font-bold text-sm sm:text-base py-2.5 px-5 rounded-full shadow-lg transition-transform transform hover:-translate-y-0.5 active:translate-y-0.5 border border-sky-300\/40\">\n <span class=\"animate-pulse\">\ud83d\udd30<\/span> \u91e3\u308a\u9053\u5177\u3092\u6301\u3063\u3066\u3044\u306a\u304f\u3066\u3082\u5b89\u5fc3\uff01\u7aff\u7121\u6599\u30ec\u30f3\u30bf\u30eb\uff06\u30b5\u30dd\u30fc\u30c8\u8a73\u7d30\u306f\u3053\u3061\u3089 \u2794\n <\/a>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section class=\"relative bg-transparent text-white pt-6 sm:pt-12 pb-16 px-4 z-20\">\n \n \n <div class=\"absolute inset-0 pointer-events-none overflow-visible select-none z-10\">\n <svg class=\"w-full h-full min-h-[400px] overflow-visible\" viewBox=\"0 0 1000 400\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <use href=\"#boraTemplate\" transform=\"translate(150, 80) rotate(15) scale(0.65)\" fill=\"#ffffff\" opacity=\"0.14\" \/>\n <use href=\"#suzukiTemplate\" transform=\"translate(800, 120) rotate(225) scale(0.6)\" fill=\"#ffffff\" opacity=\"0.12\" \/>\n <use href=\"#realBubble\" transform=\"translate(80, 200) scale(0.8)\" opacity=\"0.7; \" \/>\n <use href=\"#realBubble\" transform=\"translate(300, 100) scale(0.6)\" opacity=\"0.6\" \/>\n <use href=\"#realBubble\" transform=\"translate(600, 250) scale(1.1)\" opacity=\"0.8\" \/>\n <use href=\"#realBubble\" transform=\"translate(850, 150) scale(0.7)\" opacity=\"0.7 \" \/>\n <\/svg>\n <\/div>\n\n \n <div class=\"max-w-3xl mx-auto px-4 sm:px-6 relative z-20\">\n \n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 mt-8\">\n <a href=\"#nakaumi-derby\" class=\"js-nakaumi-scroll group bg-white rounded-xl shadow-md border border-slate-200 overflow-hidden transform hover:-translate-0.5 transition-all text-left\">\n \n <div class=\"bg-[#104861] text-white text-center py-3 text-base sm:text-lg md:text-xl font-bold font-rounded flex items-center justify-center gap-2 group-hover:bg-[#15536e] transition-colors\">\n <span class=\"bg-[#1d8fc1] text-sm sm:text-base px-2.5 py-0.5 rounded-full whitespace-nowrap font-rounded\">\u90e8\u9580 \u2460<\/span>\n \u30b5\u30a4\u30ba\u3092\u7af6\u3044\u5408\u304a\u3046\uff01\n <\/div>\n <div class=\"p-3 flex justify-center items-center h-[90px] sm:h-[100px]\">\n <img decoding=\"async\" src=\"https:\/\/www.chukai.co.jp\/corporate\/wp-content\/uploads\/2026\/05\/\u76ee\u6307\u305b\u5927\u7269\uff01\u30b9\u30ba\u30ad\u30c0\u30fc\u30d3\u30fc-\u30c8\u30ea.png\" alt=\"\u30b9\u30ba\u30ad\u30c0\u30fc\u30d3\u30fc\" class=\"max-h-[70px] sm:max-h-[80px] object-contain\">\n <\/div>\n <\/a>\n <a href=\"#nakaumi-story\" class=\"js-nakaumi-scroll group bg-white rounded-xl shadow-md border border-slate-200 overflow-hidden transform hover:-translate-0.5 transition-all text-left\">\n \n <div class=\"bg-[#104861] text-white text-center py-3 text-base sm:text-lg md:text-xl font-bold font-rounded flex items-center justify-center gap-2 group-hover:bg-[#15536e] transition-colors\">\n <span class=\"bg-teal-600 text-sm sm:text-base px-2.5 py-0.5 rounded-full whitespace-nowrap font-rounded\">\u90e8\u9580 \u2461<\/span>\n \u601d\u3044\u51fa\u3092\u6295\u7a3f\u3057\u3088\u3046\uff01\n <\/div>\n <div class=\"p-3 flex justify-center items-center h-[90px] sm:h-[100px]\">\n <img decoding=\"async\" src=\"https:\/\/www.chukai.co.jp\/corporate\/wp-content\/uploads\/2026\/05\/\u307f\u3093\u306a\u306e\u4e2d\u6d77\u7269\u8a9e\u8cde.png\" alt=\"\u307f\u3093\u306a\u306e\u4e2d\u6d77\u7269\u8a9e\u8cde\" class=\"max-h-[70px] sm:max-h-[80px] object-contain\">\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"relative py-12 sm:py-16 bg-transparent text-white px-4 z-20\">\n \n \n <div class=\"absolute inset-0 pointer-events-none overflow-visible select-none z-10\">\n <svg class=\"w-full h-full min-h-[400px] overflow-visible\" viewBox=\"0 0 1000 400\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <use href=\"#boraTemplate\" transform=\"translate(180, 80) rotate(15) scale(0.65)\" fill=\"#ffffff\" opacity=\"0.14\" \/>\n <use href=\"#boraTemplate\" transform=\"translate(240, 110) rotate(10) scale(0.55)\" fill=\"#ffffff\" opacity=\"0.1\" \/>\n <use href=\"#suzukiTemplate\" transform=\"translate(740, 90) rotate(220) scale(0.7)\" fill=\"#ffffff\" opacity=\"0.16\" \/>\n <use href=\"#suzukiTemplate\" transform=\"translate(810, 140) rotate(225) scale(0.55)\" fill=\"#ffffff\" opacity=\"0.12\" \/>\n <use href=\"#chinuTemplate\" transform=\"translate(480, 200) rotate(195) scale(0.65)\" fill=\"#ffffff\" opacity=\"0.13\" \/>\n <use href=\"#realBubble\" transform=\"translate(30, 280) scale(0.85)\" opacity=\"0.8\" \/>\n <use href=\"#realBubble\" transform=\"translate(150, 210) scale(0.7)\" opacity=\"0.75\" \/>\n <use href=\"#realBubble\" transform=\"translate(520, 260) scale(0.78)\" opacity=\"0.8\" \/>\n <use href=\"#realBubble\" transform=\"translate(850, 130) scale(0.55)\" opacity=\"0.7\" \/>\n <\/svg>\n <\/div>\n\n <div class=\"max-w-5xl mx-auto relative z-10\">\n \n \n <div id=\"nakaumi-flow\" class=\"nakaumi-scroll-center text-center mb-10 sm:mb-12\">\n \n <span class=\"inline-block bg-white text-[#1d8fc1] text-lg sm:text-2xl md:text-3xl font-bold tracking-widest px-6 py-2.5 rounded-md shadow-md font-rounded\">\n \u30b3\u30f3\u30c6\u30b9\u30c8\u53c2\u52a0\u306e\u6d41\u308c\n <\/span>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-4 gap-6 relative text-slate-800 font-sans\">\n \n <div class=\"bg-white rounded-2xl p-5 pt-10 sm:p-6 sm:pt-11 shadow-lg border border-slate-200 text-center relative flex flex-col max-w-full\">\n <div>\n \n <div class=\"absolute -top-3.5 left-4 bg-[#5cbbe3] text-white text-base sm:text-lg md:text-xl font-bold px-4 py-1 rounded-full shadow-md font-rounded\">\n STEP 1\n <\/div>\n \n <h4 class=\"mb-3 flex justify-center w-full\">\n \n <a href=\"#nakaumi-entry\" class=\"js-nakaumi-scroll inline-flex items-center justify-center bg-orange-500 hover:bg-orange-600 text-white font-black text-sm sm:text-base md:text-xs lg:text-sm xl:text-lg px-3 py-1.5 sm:px-5 sm:py-2.5 md:px-2 md:py-2 lg:px-4 lg:py-2.5 rounded-full font-rounded text-center mx-auto max-w-full whitespace-normal leading-tight\">\n Web\u304b\u3089\u30a8\u30f3\u30c8\u30ea\u30fc\n <\/a>\n <\/h4>\n \n <p class=\"text-base sm:text-lg md:text-xl lg:text-2xl text-slate-600 leading-relaxed sm:leading-loose text-left font-sans\">\n \u672c\u30da\u30fc\u30b8\u4e0b\u90e8\u306b\u3042\u308b\u30a8\u30f3\u30c8\u30ea\u30fc\u30d5\u30a9\u30fc\u30e0\u304b\u3089\u7c21\u5358\u306a\u5185\u5bb9\u3092\u5165\u529b\u3057\u3066\u30a8\u30f3\u30c8\u30ea\u30fc\u3002<br class=\"hidden sm:inline\">\n <span class=\"text-[#1d8fc1] font-bold\">\u203b\u5165\u529b\u3057\u305f\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u306b\u30a8\u30f3\u30c8\u30ea\u30fcNO\u3092\u304a\u9001\u308a\u3057\u307e\u3059\u306e\u3067\u3001\u5927\u5207\u306b\u4fdd\u7ba1\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/span>\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl p-5 pt-10 sm:p-6 sm:pt-11 shadow-lg border border-slate-200 text-center relative flex flex-col max-w-full\">\n <div>\n \n <div class=\"absolute -top-3.5 left-4 bg-[#5cbbe3] text-white text-base sm:text-lg md:text-xl font-bold px-4 py-1 rounded-full shadow-md font-rounded\">\n STEP 2\n <\/div>\n \n <h4 class=\"mb-3 flex justify-center w-full\">\n \n <span class=\"inline-flex items-center justify-center border-2 border-[#1d8fc1]\/60 bg-[#e0f2fe]\/40 text-[#1d8fc1] font-bold text-sm sm:text-base md:text-xs lg:text-sm xl:text-lg px-3 py-1.5 sm:px-5 sm:py-2.5 md:px-2 md:py-2 lg:px-4 lg:py-2.5 rounded-full font-rounded text-center mx-auto max-w-full whitespace-normal leading-tight\">\n \u4e2d\u6d77\u3067\u91e3\u308a\u3092\u697d\u3057\u3080\n <\/span>\n <\/h4>\n \n <p class=\"text-base sm:text-lg md:text-xl lg:text-2xl text-slate-600 leading-relaxed sm:leading-loose text-left font-sans\">\n \u30b3\u30f3\u30c6\u30b9\u30c8\u671f\u9593\u4e2d\u306b\u4e2d\u6d77\u3067\u91e3\u308a\u306b\u30c1\u30e3\u30ec\u30f3\u30b8\uff01\u91e3\u308a\u9053\u5177\u3092\u6301\u3063\u3066\u3044\u306a\u3044\u65b9\u3067\u3082\u300c\u304b\u3081\u3084\u91e3\u5177\u7c73\u5b50\u5e97\u300d\u306b\u884c\u3051\u3070\u7121\u6599\u3067\u7aff\u30ec\u30f3\u30bf\u30eb\u3057\u3066\u53c2\u52a0\u3067\u304d\u307e\u3059\uff01<br class=\"hidden sm:inline\"><span class=\"text-teal-600 font-bold\">\u203b\u8a73\u7d30\u306f\u672c\u30da\u30fc\u30b8\u4e00\u756a\u4e0b\u3067\u30c1\u30a7\u30c3\u30af\u3002<\/span>\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl p-5 pt-10 sm:p-6 sm:pt-11 shadow-lg border border-slate-200 text-center relative flex flex-col max-w-full\">\n <div>\n \n <div class=\"absolute -top-3.5 left-4 bg-[#5cbbe3] text-white text-base sm:text-lg md:text-xl font-bold px-4 py-1 rounded-full shadow-md font-rounded\">\n STEP 3\n <\/div>\n \n <h4 class=\"mb-3 flex justify-center w-full\">\n \n <span class=\"inline-flex items-center justify-center border-2 border-[#1d8fc1]\/60 bg-[#e0f2fe]\/40 text-[#1d8fc1] font-bold text-sm sm:text-base md:text-xs lg:text-sm xl:text-lg px-3 py-1.5 sm:px-5 sm:py-2.5 md:px-2 md:py-2 lg:px-4 lg:py-2.5 rounded-full font-rounded text-center mx-auto max-w-full whitespace-normal leading-tight\">\n \u6301\u8fbc \u307e\u305f\u306f \u6295\u7a3f\n <\/span>\n <\/h4>\n \n <div class=\"text-base sm:text-lg md:text-xl lg:text-2xl text-slate-600 leading-relaxed sm:leading-loose text-left font-sans space-y-2\">\n \n <p><strong class=\"text-[#1d8fc1]\">\u30b9\u30ba\u30ad\u304c\u91e3\u308c\u308c\u3070\uff1a<\/strong>\u304b\u3081\u3084\u91e3\u5177\u7c73\u5b50\u5e97\u306b\u6301\u3061\u8fbc\u307f\u30b5\u30a4\u30ba\u8a08\u6e2c\uff01\u2794\u300c\u3081\u3056\u305b\u5927\u7269\uff01\u30b9\u30ba\u30ad\u30c0\u30fc\u30d3\u30fc\uff01\u300d\u53c2\u52a0\uff01<\/p>\n \n <p class=\"border-t border-slate-100 pt-1.5 mb-2\"><strong class=\"text-teal-600\">\u4ed6\u306e\u9b5a\u3084<br>\u4e2d\u6d77\u306e\u601d\u3044\u51fa\u306f\uff1a<\/strong><br>\u300cChukai\u6295\u7a3f\u30d1\u30fc\u30af\u300d\u3078\u5199\u771f\u3084\u52d5\u753b\u3092\u64ae\u3063\u3066\u6295\u7a3f\uff01\u2794\u300c\u307f\u3093\u306a\u306e\u4e2d\u6d77\u7269\u8a9e\u8cde\u300d\u53c2\u52a0\uff01<\/p>\n <div class=\"pt-1\">\n \n <a href=\"https:\/\/www.chukai.co.jp\/community\/line_toukou_park_howto\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block bg-[#00c853] hover:bg-[#00b24a] border border-[#004d20] text-white font-black rounded-xl py-4 px-5 text-center text-base sm:text-lg md:text-xl font-rounded leading-relaxed shadow-md transition-colors\">\n Chukai\u6295\u7a3f\u30d1\u30fc\u30af\u3078\u306e\u6295\u7a3f\u65b9\u6cd5\u306f\u3053\u3061\u3089\u304b\u3089\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl p-5 pt-10 sm:p-6 sm:pt-11 shadow-lg border border-slate-200 text-center relative flex flex-col max-w-full\">\n <div>\n \n <div class=\"absolute -top-3.5 left-4 bg-[#5cbbe3] text-white text-base sm:text-lg md:text-xl font-bold px-4 py-1 rounded-full shadow-md font-rounded\">\n STEP 4\n <\/div>\n \n <h4 class=\"mb-3 flex justify-center w-full\">\n \n <span class=\"inline-flex items-center justify-center border-2 border-[#d4af37] bg-[#fdfaf2] text-[#a3791a] font-bold text-sm sm:text-base md:text-xs lg:text-sm xl:text-lg px-3 py-1.5 sm:px-5 sm:py-2.5 md:px-2 md:py-2 lg:px-4 lg:py-2.5 rounded-full font-rounded text-center mx-auto max-w-full whitespace-normal leading-tight shadow-sm\">\n \u756a\u7d44\u5185\u3067\u53d7\u8cde\u8005\u767a\u8868\n <\/span>\n <\/h4>\n \n <p class=\"text-base sm:text-lg md:text-xl lg:text-2xl text-slate-600 leading-relaxed sm:leading-loose text-left font-sans\">\n \u4e21\u90e8\u9580\u306e\u5927\u8cde\u306f<span class=\"font-bold text-red-600\">8\u670819\u65e5(\u6c34)10:00\uff5e<\/span>\u521d\u56de\u653e\u9001\u306e\u4e2d\u6d77\u30c6\u30ec\u30d3\u653e\u9001\u306e\u756a\u7d44\u300c\u4e2d\u6d77\u7269\u8a9e\u300d(121ch)\u3067\u5927\u767a\u8868\uff01<br class=\"hidden sm:inline\">\u300cChukai\u6295\u7a3f\u30d1\u30fc\u30af\u300d\u306b\u5fdc\u52df\u3055\u308c\u305f\u5199\u771f\u3084\u52d5\u753b\u306f\u6bce\u9031\u6708\uff5e\u91d1\u66dc\u65e56:30\uff5e8:00\u653e\u9001\u306e\u300c\u30e2\u30fc\u30cb\u30f3\u30b0\u30b9\u30bf\u30b8\u30aa\u300d(111ch)\u5185\u3067\u3082\u9806\u6b21\u7d39\u4ecb\u3055\u308c\u307e\u3059\uff01\n <\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"relative py-12 sm:py-16 bg-transparent text-white font-rounded px-4 z-20\">\n \n \n <div class=\"absolute inset-0 pointer-events-none overflow-visible select-none z-10\">\n <svg class=\"w-full h-full min-h-[400px] overflow-visible\" viewBox=\"0 0 1000 400\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <use href=\"#hiiragiTemplate\" transform=\"translate(150, 90) rotate(15) scale(0.65)\" fill=\"#ffffff\" opacity=\"0.16\" \/>\n <use href=\"#hiiragiTemplate\" transform=\"translate(190, 115) rotate(10) scale(0.55)\" fill=\"#ffffff\" opacity=\"0.12\" \/>\n <use href=\"#hiiragiTemplate\" transform=\"translate(230, 90) rotate(18) scale(0.6)\" fill=\"#ffffff\" opacity=\"0.14\" \/>\n <use href=\"#chinuTemplate\" transform=\"translate(780, 120) rotate(225) scale(0.8)\" fill=\"#ffffff\" opacity=\"0.18\" \/>\n <use href=\"#chinuTemplate\" transform=\"translate(850, 180) rotate(220) scale(0.7)\" fill=\"#ffffff\" opacity=\"0.14\" \/>\n <use href=\"#suzukiTemplate\" transform=\"translate(480, 250) rotate(210) scale(0.55)\" fill=\"#ffffff\" opacity=\"0.15\" \/>\n <use href=\"#realBubble\" transform=\"translate(100, 240) scale(0.85)\" opacity=\"0.8\" \/>\n <use href=\"#realBubble\" transform=\"translate(420, 280) scale(0.85)\" opacity=\"0.8\" \/>\n <use href=\"#realBubble\" transform=\"translate(750, 300) scale(0.9)\" opacity=\"0.85\" \/>\n <\/svg>\n <\/div>\n\n <div class=\"max-w-6xl mx-auto relative z-20 font-rounded\">\n <div class=\"text-center mb-10 sm:mb-12\">\n \n <span class=\"inline-block bg-white text-[#1d8fc1] text-lg sm:text-2xl md:text-3xl font-bold tracking-widest px-6 py-2.5 rounded-md shadow-md font-rounded\">\n \u30b3\u30f3\u30c6\u30b9\u30c8\u306f\uff12\u90e8\u9580\u958b\u50ac\uff01\n <\/span>\n \n <h2 class=\"text-2xl sm:text-4xl font-black text-white mt-4\" style=\"text-shadow: 0 2px 4px rgba(0,0,0,0.15);\">\n \u9078\u3079\u308b2\u3064\u306e\u30b3\u30f3\u30c6\u30b9\u30c8\u90e8\u9580\n <\/h2>\n \n <p class=\"text-sky-100 text-base mt-2 font-sans\">\u3054\u81ea\u8eab\u306e\u30b9\u30bf\u30a4\u30eb\u3084\u30bf\u30fc\u30b2\u30c3\u30c8\u306b\u5408\u308f\u305b\u3066\u3001\u3069\u3061\u3089\u306e\u90e8\u9580\u3067\u3082\uff08\u4e21\u65b9\u3067\u3082\uff09\u53c2\u52a0\u53ef\u80fd\u3067\u3059\uff01<\/p>\n <div class=\"w-12 h-1 bg-white\/40 mx-auto rounded mt-3\"><\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 text-slate-800 font-sans\">\n \n \n <div class=\"bg-white\/95 rounded-3xl p-5 sm:p-8 flex flex-col justify-between shadow-lg relative overflow-hidden border-2 border-dashed border-[#5cbbe3]\/40\">\n \n \n <div id=\"nakaumi-derby\" class=\"nakaumi-scroll-center absolute top-0 right-0 bg-[#5cbbe3] text-white text-sm sm:text-base md:text-lg font-bold px-4 py-2 rounded-bl-2xl font-rounded\">\n \u30b5\u30a4\u30ba\u3092\u7af6\u3044\u5408\u304a\u3046\uff01\n <\/div>\n <div>\n <div class=\"mb-5 flex flex-col items-center justify-center\">\n <img decoding=\"async\" src=\"https:\/\/www.chukai.co.jp\/corporate\/wp-content\/uploads\/2026\/05\/\u76ee\u6307\u305b\u5927\u7269\uff01\u30b9\u30ba\u30ad\u30c0\u30fc\u30d3\u30fc-\u30c8\u30ea.png\" alt=\"\u2460 \u3081\u3056\u305b\u5927\u7269\uff01\u30b9\u30ba\u30ad\u30c0\u30fc\u30d3\u30fc\" class=\"max-h-[85px] sm:max-h-[120px] w-auto object-contain mx-auto block\">\n <\/div>\n \n <p class=\"text-base sm:text-xl md:text-2xl text-slate-600 mb-6 leading-relaxed\">\n \u671f\u9593\u4e2d\u306b\u4e2d\u6d77\u3067\u91e3\u308c\u305f\u30b9\u30ba\u30ad\u306e\u30b5\u30a4\u30ba\u3092\u7af6\u3044\u5408\u3044\u307e\u3059\u3002\u6700\u3082\u5927\u304d\u306a\u30b5\u30a4\u30ba\u3092\u91e3\u308a\u4e0a\u3052\u305f\u65b9\u304c\u300c\u5927\u8cde\u300d\u306b\u8f1d\u304d\u307e\u3059\u3002\n <\/p>\n \n <div class=\"space-y-4 mb-8\">\n <div class=\"bg-slate-50 rounded-xl p-5 border border-sky-100\">\n \n <h4 class=\"text-sm sm:text-base font-bold text-[#1d8fc1] uppercase mb-1.5 font-rounded\">\ud83d\udc1f \u5bfe\u8c61\u9b5a\u30fb\u6761\u4ef6<\/h4>\n \n <p class=\"text-base sm:text-lg md:text-xl text-slate-700 font-bold leading-relaxed\">\n \u4e2d\u6d77\u3067\u91e3\u308c\u305f<strong>\u539f\u524740cm\u4ee5\u4e0a<\/strong>\u306e\u30d5\u30c3\u30b3\u30fb\u30b9\u30ba\u30ad\u30af\u30e9\u30b9\n <\/p>\n <\/div>\n <div class=\"bg-slate-50 rounded-xl p-5 border border-sky-100\">\n \n <h4 class=\"text-sm sm:text-base font-bold text-[#1d8fc1] uppercase mb-1.5 font-rounded\">\u2696\ufe0f \u8a18\u9332\u65b9\u6cd5<\/h4>\n \n <p class=\"text-base sm:text-lg md:text-xl text-slate-700 leading-relaxed\">\n \u91e3\u3063\u305f\u9b5a\u3092\u65b0\u9bae\u306a\u72b6\u614b\u306e\u307e\u307e\u300c\u304b\u3081\u3084\u91e3\u5177 \u7c73\u5b50\u5e97\u300d\u306b\u76f4\u63a5\u304a\u6301\u3061\u8fbc\u307f\u304f\u3060\u3055\u3044\u3002\u5e97\u8217\u30b9\u30bf\u30c3\u30d5\u304c\u30b5\u30a4\u30ba\u8a08\u6e2c\u30fb\u5199\u771f\u64ae\u5f71\u3092\u884c\u3044\u307e\u3059\u3002\n <\/p>\n <\/div>\n <div class=\"pt-1\">\n \n <a href=\"#nakaumi-kameya\" class=\"js-nakaumi-scroll block bg-[#1d8fc1] hover:bg-[#167099] border border-[#104861] text-white font-bold rounded-xl py-3.5 px-4 text-center text-sm sm:text-base font-rounded leading-tight shadow-md transition-colors font-sans font-bold\">\n \u304b\u3081\u3084\u91e3\u5177 \u7c73\u5b50\u5e97\u306e\u60c5\u5831\u306f\u3053\u3061\u3089\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"relative bg-white text-slate-800 rounded-2xl p-4 sm:p-5 text-center mt-auto font-rounded border-2 border-[#d4af37] shadow-[0_4px_15px_rgba(212,175,55,0.15)] overflow-hidden\">\n \n <span class=\"text-sm sm:text-base text-[#a3791a] font-black tracking-widest block mb-1.5 relative z-10\">\u30b9\u30ba\u30ad\u30c0\u30fc\u30d3\u30fc \u8cde\u54c1<\/span>\n \n <p class=\"text-xl sm:text-3xl font-black bg-gradient-to-r from-[#9a7418] via-[#dfb73c] to-[#9a7418] bg-clip-text text-transparent tracking-wide relative z-10 font-rounded\">\n \u304b\u3081\u3084\u5e97\u5185\u3067\u4f7f\u3048\u308b\u91d1\u5238\u4e00\u5c01\n <\/p>\n \n <span class=\"text-sm sm:text-base text-[#a3791a]\/80 font-medium block mt-1.5 relative z-10\">(\u63d0\u4f9b\uff1a\u304b\u3081\u3084\u91e3\u5177 \u7c73\u5b50\u5e97)<\/span>\n <\/div>\n <\/div>\n\n \n <div id=\"target-story\" class=\"bg-white\/95 rounded-3xl p-5 sm:p-8 flex flex-col justify-between shadow-lg relative overflow-hidden border-2 border-dashed border-[#5cbbe3]\/40 flex flex-col justify-between\">\n \n \n <div id=\"nakaumi-story\" class=\"nakaumi-scroll-center absolute top-0 right-0 bg-teal-500 text-white text-sm sm:text-base md:text-lg font-bold px-4 py-2 rounded-bl-2xl font-rounded\">\n \u601d\u3044\u51fa\u3092\u6295\u7a3f\u3057\u3088\u3046\uff01\n <\/div>\n <div>\n <div class=\"mb-5 flex flex-col items-center justify-center\">\n <img decoding=\"async\" src=\"https:\/\/www.chukai.co.jp\/corporate\/wp-content\/uploads\/2026\/05\/\u307f\u3093\u306a\u306e\u4e2d\u6d77\u7269\u8a9e\u8cde.png\" alt=\"\u2461 \u307f\u3093\u306a\u306e\u4e2d\u6d77\u7269\u8a9e\u8cde\" class=\"max-h-[85px] sm:max-h-[120px] w-auto object-contain mx-auto block\" onerror=\"this.style.display='none'; document.getElementById('story-title-fallback').style.display='block';\">\n <h3 id=\"story-title-fallback\" class=\"hidden text-xl sm:text-2xl font-black text-teal-900 text-center font-rounded\">\u2461 \u307f\u3093\u306a\u306e\u4e2d\u6d77\u7269\u8a9e\u8cde<\/h3>\n <\/div>\n \n <p class=\"text-base sm:text-xl md:text-2xl text-slate-600 mb-6 font-sans leading-relaxed\">\n \u4e2d\u6d77\u3067\u91e3\u308c\u305f\u3055\u307e\u3056\u307e\u306a\u9b5a\u7a2e\u3001\u5bb6\u65cf\u3067\u306e\u91e3\u308a\u98a8\u666f\u306a\u3069\u306e\u5199\u771f\u3084\u52d5\u753b\u3092\u64ae\u3063\u3066\u300cChukai\u6295\u7a3f\u30d1\u30fc\u30af\u300d\u306b\u6295\u7a3f\u3057\u3066\u304f\u3060\u3055\u3044\uff01\n <\/p>\n \n <div class=\"space-y-4 mb-6\">\n <div class=\"bg-slate-50 rounded-xl p-5 border border-teal-100\">\n \n <h4 class=\"text-sm sm:text-base font-bold text-teal-800 uppercase mb-1.5 font-rounded\">\u5bfe\u8c61\u9b5a\u30fb\u6761\u4ef6<\/h4>\n \n <p class=\"text-base sm:text-lg md:text-xl text-slate-700 font-bold font-sans leading-relaxed\">\n \u30b9\u30ba\u30ad(\u30d5\u30c3\u30b3\u3082\u542b\u3080)\u3084\u4e2d\u6d77\u3067\u91e3\u308c\u305f\u3059\u3079\u3066\u306e\u9b5a\u7a2e\u304c\u5bfe\u8c61\u3067\u3059\u3002\u91e3\u884c\u4e2d\u306e\u30b9\u30ca\u30c3\u30d7\u5199\u771f\u306a\u3069\u3082\u5927\u6b53\u8fce\uff01\n <\/p>\n <\/div>\n <div class=\"bg-slate-50 rounded-xl p-5 border border-teal-100 space-y-3\">\n \n <h4 class=\"text-sm sm:text-base font-bold text-teal-800 uppercase mb-1.5 font-rounded\">\u5fdc\u52df\u65b9\u6cd5<\/h4>\n \n <p class=\"text-base sm:text-lg md:text-xl text-slate-700 font-sans leading-relaxed\">\n \u300cChukai\u6295\u7a3f\u30d1\u30fc\u30af\u300d\u306e\u5c02\u7528\u5fdc\u52df\u30d5\u30a9\u30fc\u30e0\u304b\u3089\u5199\u771f\u3084\u52d5\u753b\u3092\u6295\u7a3f\u3002\u6295\u7a3f\u3057\u305f\u5199\u771f\u306f\u4e2d\u6d77\u30c6\u30ec\u30d3\u306e\u671d\u756a\u7d44\u300c\u30e2\u30fc\u30cb\u30f3\u30b0\u30b9\u30bf\u30b8\u30aa\u300d\u5185\u3067\u9806\u6b21\u7d39\u4ecb\u3057\u307e\u3059\uff01\n <\/p>\n <div class=\"pt-1\">\n \n <a href=\"https:\/\/www.chukai.co.jp\/community\/line_toukou_park_howto\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block bg-[#00c853] hover:bg-[#00b24a] border border-[#004d20] text-white font-black rounded-xl py-3.5 px-4 text-center text-sm sm:text-base font-rounded leading-relaxed shadow-md transition-colors\">\n Chukai\u6295\u7a3f\u30d1\u30fc\u30af\u3078\u306e\u6295\u7a3f\u65b9\u6cd5\u306f\u3053\u3061\u3089\u304b\u3089\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"relative bg-white text-slate-800 rounded-2xl p-4 flex flex-col sm:flex-row items-center gap-4 mt-4 overflow-hidden shadow-[0_4px_15px_rgba(212,175,55,0.15)] border-2 border-[#d4af37] font-rounded\">\n <div class=\"w-full sm:w-1\/3 h-28 rounded-lg overflow-hidden flex-shrink-0 relative bg-slate-50 border border-[#d4af37]\/40 shadow-sm z-10\">\n <img decoding=\"async\" src=\"https:\/\/www.chukai.co.jp\/corporate\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_s7cievs7cievs7ci.png\" alt=\"\u4e2d\u6d77\u4e03\u73cd\u305b\u30a4\u30eb\u3081\u3057\" class=\"w-full h-full object-cover\">\n <\/div>\n <div class=\"w-full sm:w-2\/3 text-left font-rounded flex flex-col justify-center relative z-10\">\n \n <span class=\"text-sm sm:text-base text-[#a3791a] font-black tracking-widest block mb-1\">\u307f\u3093\u306a\u306e\u4e2d\u6d77\u7269\u8a9e\u8cde \u8cde\u54c1<\/span>\n \n <span class=\"text-sm sm:text-base text-[#a3791a] font-bold block mb-1\">\ud83c\udf81 \u304b\u306b\u30fb\u90f7\u571f\u6599\u7406\u300c\u6d77\u738b\u300d<\/span>\n \n <h4 class=\"text-base sm:text-xl font-black bg-gradient-to-r from-[#9a7418] via-[#dfb73c] to-[#9a7418] bg-clip-text text-transparent tracking-wide font-rounded leading-tight\">\u4e2d\u6d77\u4e03\u73cd\u305b\u3044\u308d\u3081\u3057 \u30da\u30a2\u304a\u98df\u4e8b\u5238<\/h4>\n \n <p class=\"text-sm sm:text-base text-slate-700 mt-1.5 font-bold flex items-center gap-1.5\"><span class=\"bg-[#d4af37]\/10 text-[#a3791a] px-1.5 py-0.5 rounded text-[10px] sm:text-sm border border-[#d4af37]\/30 font-rounded\">\u5f53\u9078\u4eba\u6570<\/span> \uff12\u540d\u69d8<\/p>\n \n <span class=\"text-sm sm:text-base text-[#a3791a]\/80 block mt-2\">(\u63d0\u4f9b:\u4e2d\u6d77\u30c6\u30ec\u30d3\u653e\u9001)<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n \n <span id=\"nakaumi-support-anchor\" class=\"nakaumi-scroll-center block\"><\/span>\n <section class=\"relative py-12 sm:py-16 bg-transparent text-white font-rounded px-4 z-20\">\n \n \n <div class=\"absolute inset-0 pointer-events-none overflow-visible select-none z-10\">\n <svg class=\"w-full h-full min-h-[400px] overflow-visible\" viewBox=\"0 0 1000 400\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <use href=\"#mahazeTemplate\" transform=\"translate(180, 280) rotate(12) scale(0.72)\" fill=\"#ffffff\" opacity=\"0.18\" \/>\n <use href=\"#mahazeTemplate\" transform=\"translate(240, 310) rotate(8) scale(0.6)\" fill=\"#ffffff\" opacity=\"0.14\" \/>\n <use href=\"#mahazeTemplate\" transform=\"translate(720, 290) rotate(15) scale(0.68)\" fill=\"#ffffff\" opacity=\"0.16\" \/>\n <use href=\"#konoshiroTemplate\" transform=\"translate(480, 150) rotate(210) scale(0.55)\" fill=\"#ffffff\" opacity=\"0.12\" \/>\n <use href=\"#chinuTemplate\" transform=\"translate(820, 110) rotate(220) scale(0.6)\" fill=\"#ffffff\" opacity=\"0.14\" \/>\n <use href=\"#realBubble\" transform=\"translate(80, 290) scale(1.1)\" opacity=\"0.8\" \/>\n <use href=\"#realBubble\" transform=\"translate(420, 240) scale(0.85)\" opacity=\"0.8\" \/>\n <use href=\"#realBubble\" transform=\"translate(730, 270) scale(0.9)\" opacity=\"0.85\" \/>\n <\/svg>\n <\/div>\n\n <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 relative z-20\">\n <div class=\"text-center mb-8\">\n <span class=\"inline-block bg-white text-[#1d8fc1] text-base sm:text-2xl font-bold tracking-widest px-6 py-2.5 rounded-md shadow-md font-rounded\">\n \u521d\u5fc3\u8005\u3067\u3082\u5b89\u5fc3\u53c2\u52a0\n <\/span>\n <h2 class=\"text-xl sm:text-4xl font-black text-white mt-4 font-rounded\" style=\"text-shadow: 0 2px 4px rgba(0,0,0,0.15); line-height: 1.4;\">\n \u300c\u4e94\u76ee\u91e3\u308a\u300d\u306e\u7aff\u7121\u6599\u30ec\u30f3\u30bf\u30eb\u3084\u30a8\u30b5\u30fb\u4ed5\u639b\u3051\u306e\u5272\u5b89\u63d0\u4f9b\n <\/h2>\n <div class=\"w-12 h-1 bg-white\/40 mx-auto rounded mt-3\"><\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 text-slate-800 font-sans max-w-3xl mx-auto\">\n <div class=\"bg-white\/95 rounded-2xl p-4 sm:p-5 shadow-lg border-2 border-dashed border-[#5cbbe3]\/30 hover:shadow-xl transition-all\">\n \n <h3 class=\"text-xl sm:text-2xl font-black text-slate-900 mb-2 font-rounded leading-tight\">\u4e94\u76ee\u91e3\u308a\u306e\u7aff\u7121\u6599\u30ec\u30f3\u30bf\u30eb<\/h3>\n \n <p class=\"text-base sm:text-lg md:text-xl text-slate-600 leading-relaxed\">\n \u300c\u91e3\u308a\u7aff\u3084\u30ea\u30fc\u30eb\u3092\u6301\u3063\u3066\u3044\u306a\u3044\u2026\u300d\u3068\u3044\u3046\u65b9\u306e\u305f\u3081\u306b\u3001<strong>\u304b\u3081\u3084\u91e3\u5177 \u7c73\u5b50\u5e97<\/strong>\u306b\u3066, \u4e94\u76ee\u91e3\u308a\u7528\u306e\u7aff\u3068\u30ea\u30fc\u30eb\u306e\u30bb\u30c3\u30c8\u3092\u7121\u511f\u3067\u30ec\u30f3\u30bf\u30eb\u63d0\u4f9b\u3057\u307e\u3059\uff01\u203b\u30ec\u30f3\u30bf\u30eb\u6642\u306b\u4fdd\u8a3c\u91d11,000\u3092\u9810\u3051\u5165\u308c\u307e\u3059\u3002\u30bb\u30c3\u30c8\u8fd4\u5374\u6642\u306b\u8fd4\u91d1\u3055\u308c\u307e\u3059\u3002\u307e\u305f\u3001\u30a8\u30f3\u30c8\u30ea\u30fc\u6642\u306b\u767a\u884c\u3059\u308b\u30a8\u30f3\u30c8\u30ea\u30fcNO\u3092\u304b\u3081\u3084\u5e97\u982d\u30b9\u30bf\u30c3\u30d5\u306b\u63d0\u793a\u304f\u3060\u3055\u3044\u3002\n <\/p>\n <\/div>\n <div class=\"bg-white\/95 rounded-2xl p-4 sm:p-5 shadow-lg border-2 border-dashed border-[#5cbbe3]\/30 hover:shadow-xl transition-all\">\n \n <h3 class=\"text-xl sm:text-2xl font-black text-slate-900 mb-2 font-rounded leading-tight\">\u4e94\u76ee\u91e3\u308a\u306e\u30a8\u30b5\u30fb\u4ed5\u639b\u3051\u3092\u5272\u5b89\u63d0\u4f9b<\/h3>\n \n <p class=\"text-base sm:text-lg md:text-xl text-slate-600 leading-relaxed\">\n \u4e94\u76ee\u91e3\u308a\u521d\u5fc3\u8005\u5411\u3051\u306e\u4f7f\u3044\u3084\u3059\u3044\u4ed5\u639b\u3051\u3084\u3001\u304a\u9b5a\u304c\u559c\u3076\u65b0\u9bae\u306a\u30a8\u30b5\u3082\u3001\u304b\u3081\u3084\u91e3\u5177\u7c73\u5b50\u5e97\u306b\u3066\u901a\u5e38\u3088\u308a\u5272\u5b89\u3067\u304a\u8cb7\u3044\u6c42\u3081\u3044\u305f\u3060\u3051\u307e\u3059\u3002\u30b9\u30bf\u30c3\u30d5\u306e\u30a2\u30c9\u30d0\u30a4\u30b9\u3082\u805e\u3051\u3066\u5b89\u5fc3\uff01\n <\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section class=\"relative py-12 sm:py-16 bg-transparent text-white font-rounded px-4 z-20\">\n \n \n <div class=\"absolute inset-0 pointer-events-none overflow-visible select-none z-10\">\n <svg class=\"w-full h-full min-h-[400px] overflow-visible\" viewBox=\"0 0 1000 400\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <use href=\"#anagoTemplate\" transform=\"translate(180, 260) rotate(10) scale(0.9)\" fill=\"#ffffff\" opacity=\"0.14\" \/>\n <use href=\"#anagoTemplate\" transform=\"translate(720, 240) rotate(-5) scale(0.82)\" fill=\"#ffffff\" opacity=\"0.11\" \/>\n <use href=\"#kareiTemplate\" transform=\"translate(450, 310) rotate(8) scale(0.78)\" fill=\"#ffffff\" opacity=\"0.15\" \/>\n <use href=\"#realBubble\" transform=\"translate(100, 180) scale(0.55)\" opacity=\"0.5\" \/>\n <use href=\"#realBubble\" transform=\"translate(510, 310) scale(0.8)\" opacity=\"0.7\" \/>\n <\/svg>\n <\/div>\n\n <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 relative z-20\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-center\">\n <div>\n \n \n <h3 id=\"nakaumi-kameya\" class=\"nakaumi-scroll-center text-2xl sm:text-3xl font-black text-white mb-4 font-rounded\">\n \u304b\u3081\u3084\u91e3\u5177 \u7c73\u5b50\u5e97\u306b\u3064\u3044\u3066\n <\/h3>\n \n <p class=\"text-sm sm:text-lg md:text-xl text-sky-100 leading-relaxed mb-4 font-sans\">\n \u30b9\u30ba\u30ad\u30c0\u30fc\u30d3\u30fc\u306e\u30b5\u30a4\u30ba\u8a08\u6e2c\u3084\u3001\u4e94\u76ee\u91e3\u308a\u7528\u306e\u7aff\u7121\u6599\u30ec\u30f3\u30bf\u30eb\u3084\u91e3\u308a\u5177\u306e\u5272\u5f15\u63d0\u4f9b\u3092\u304b\u3081\u3084\u91e3\u5177\u7c73\u5b50\u5e97\u306b\u3066\u5b9f\u65bd\u3057\u307e\u3059\u3002\u7d4c\u9a13\u8c4a\u5bcc\u306a\u30b9\u30bf\u30c3\u30d5\u304c\u3042\u306a\u305f\u306e\u91e3\u884c\u3092\u5168\u529b\u5fdc\u63f4\u3057\u307e\u3059\uff01\n <\/p>\n \n <div class=\"bg-white\/95 rounded-xl p-5 border border-white\/10 shadow-md space-y-2.5 text-base sm:text-lg md:text-xl text-slate-800 font-sans leading-relaxed\">\n <p><strong>\u4f4f\u6240\uff1a<\/strong> \u9ce5\u53d6\u770c\u7c73\u5b50\u5e02\u6771\u798f\u539f8\u4e01\u76ee26-28<\/p>\n <p><strong>\u96fb\u8a71\uff1a<\/strong> 0859-37-6600<\/p>\n <p><strong>\u5b9f\u65bd\u5185\u5bb9\uff1a<\/strong> \u91e3\u679c\u8a08\u6e2c\u30fb\u5199\u771f\u64ae\u5f71\u3001\u4e94\u76ee\u91e3\u308a\u7528\u7aff\u7121\u6599\u30ec\u30f3\u30bf\u30eb\u3001\u5404\u7a2e\u30a8\u30b5\u30fb\u4ed5\u639b\u3051\u306e\u5272\u5f15\u63d0\u4f9b<\/p>\n <\/div>\n <\/div>\n <div class=\"relative rounded-2xl overflow-hidden shadow-lg border border-white\/15 bg-white\/5 h-48 sm:h-64 flex items-center justify-center font-sans\">\n <img decoding=\"async\" src=\"https:\/\/www.chukai.co.jp\/corporate\/wp-content\/uploads\/2026\/05\/DSC05267-scaled.jpg\" alt=\"\u304b\u3081\u3084\u91e3\u5177 \u7c73\u5b50\u5e97 \u5916\u89b3\" class=\"w-full h-full object-cover relative z-10 block animate-fade-in\" onerror=\"this.style.display='none'; document.getElementById('store-photo-fallback').style.display='flex';\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"relative py-12 sm:py-16 bg-transparent px-4 z-20\">\n \n \n <div class=\"absolute inset-0 pointer-events-none overflow-visible select-none z-10\">\n <svg class=\"w-full h-full min-h-[500px] overflow-visible\" viewBox=\"0 0 1000 500\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <use href=\"#kareiTemplate\" transform=\"translate(120, 360) rotate(5) scale(0.85)\" fill=\"#ffffff\" opacity=\"0.16\" \/>\n <use href=\"#kareiTemplate\" transform=\"translate(740, 380) rotate(-5) scale(0.72)\" fill=\"#ffffff\" opacity=\"0.12\" \/>\n <use href=\"#mahazeTemplate\" transform=\"translate(290, 420) rotate(10) scale(0.65)\" fill=\"#ffffff\" opacity=\"0.15\" \/>\n <use href=\"#mahazeTemplate\" transform=\"translate(850, 410) rotate(-8) scale(0.58)\" fill=\"#ffffff\" opacity=\"0.11\" \/>\n <use href=\"#anagoTemplate\" transform=\"translate(480, 320) rotate(15) scale(0.75)\" fill=\"#ffffff\" opacity=\"0.14\" \/>\n <use href=\"#suzukiTemplate\" transform=\"translate(150, 100) rotate(10) scale(0.6)\" fill=\"#ffffff\" opacity=\"0.12\" \/>\n <use href=\"#chinuTemplate\" transform=\"translate(800, 150) rotate(-15) scale(0.55)\" fill=\"#ffffff\" opacity=\"0.14\" \/>\n <use href=\"#sayoriTemplate\" transform=\"translate(300, 80) rotate(5) scale(0.7)\" fill=\"#ffffff\" opacity=\"0.15\" \/>\n <use href=\"#konoshiroTemplate\" transform=\"translate(600, 200) rotate(20) scale(0.5)\" fill=\"#ffffff\" opacity=\"0.12\" \/>\n <use href=\"#realBubble\" transform=\"translate(90, 240) scale(1.2)\" opacity=\"0.8\" \/>\n <use href=\"#realBubble\" transform=\"translate(410, 380) scale(1.3)\" opacity=\"0.85\" \/>\n <use href=\"#realBubble\" transform=\"translate(490, 290) scale(0.8)\" opacity=\"0.9\" \/>\n \n <use href=\"#seaweedTemplate\" transform=\"translate(50, 430) scale(0.8)\" fill=\"#ffffff\" opacity=\"0.15\" \/>\n <use href=\"#seaweedTemplate\" transform=\"translate(180, 450) scale(1.1)\" fill=\"#ffffff\" opacity=\"0.2\" \/>\n <use href=\"#seaweedTemplate\" transform=\"translate(320, 420) scale(0.9)\" fill=\"#ffffff\" opacity=\"0.15\" \/>\n <use href=\"#seaweedTemplate\" transform=\"translate(450, 440) scale(1.2)\" fill=\"#ffffff\" opacity=\"0.18\" \/>\n <use href=\"#seaweedTemplate\" transform=\"translate(580, 460) scale(0.85)\" fill=\"#ffffff\" opacity=\"0.12\" \/>\n <use href=\"#seaweedTemplate\" transform=\"translate(700, 410) scale(1.15)\" fill=\"#ffffff\" opacity=\"0.2\" \/>\n <use href=\"#seaweedTemplate\" transform=\"translate(850, 440) scale(0.95)\" fill=\"#ffffff\" opacity=\"0.15\" \/>\n <use href=\"#seaweedTemplate\" transform=\"translate(960, 460) scale(0.8)\" fill=\"#ffffff\" opacity=\"0.1\" \/>\n \n <use href=\"#shellTemplate\" transform=\"translate(120, 460) scale(0.9)\" fill=\"#ffffff\" opacity=\"0.2\" \/>\n <use href=\"#shellTemplate\" transform=\"translate(380, 455) scale(0.7)\" fill=\"#ffffff\" opacity=\"0.15\" \/>\n <use href=\"#shellTemplate\" transform=\"translate(640, 465) scale(1.1)\" fill=\"#ffffff\" opacity=\"0.25\" \/>\n <use href=\"#shellTemplate\" transform=\"translate(890, 450) scale(0.85)\" fill=\"#ffffff\" opacity=\"0.18\" \/>\n <\/svg>\n <\/div>\n\n <div class=\"max-w-3xl mx-auto relative z-20 font-sans\">\n <div class=\"bg-white\/95 rounded-3xl p-5 sm:p-10 border border-white\/20 shadow-xl\">\n \n <div id=\"nakaumi-entry\" class=\"nakaumi-scroll-center text-center mb-6\">\n \n <span class=\"inline-block bg-orange-500 text-white text-sm sm:text-base font-bold tracking-widest px-4 py-1.5 rounded-md mb-3 shadow-sm font-rounded\">\n ENTRY FORM\n <\/span>\n \n <h2 class=\"text-2xl sm:text-4xl font-black text-slate-900 mt-2 font-rounded\">\u30b3\u30f3\u30c6\u30b9\u30c8\u53c2\u52a0\u30a8\u30f3\u30c8\u30ea\u30fc<\/h2>\n \n <p class=\"text-base sm:text-lg text-slate-500 mt-2\">\u672c\u30b3\u30f3\u30c6\u30b9\u30c8\u3078\u306e\u53c2\u52a0\u3092\u3054\u5e0c\u671b\u306e\u65b9\u306f\u3001\u4e0b\u8a18\u30d5\u30a9\u30fc\u30e0\u3088\u308a\u5fc5\u8981\u4e8b\u9805\u3092\u3054\u5165\u529b\u304f\u3060\u3055\u3044\u3002<\/p>\n <\/div>\n\n \n <div class=\"mb-6 p-4 bg-orange-50\/70 border border-orange-100 rounded-2xl text-slate-700 font-sans\">\n <span class=\"font-black text-orange-800 text-sm sm:text-base font-rounded block mb-2 text-center\">\ud83d\udcdd 1\u5206\u3067\u5b8c\u4e86\uff01\u30b3\u30f3\u30c6\u30b9\u30c8\u30a8\u30f3\u30c8\u30ea\u30fc\u306e\u624b\u9806<\/span>\n <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-3 text-center text-sm sm:text-xs md:text-sm\">\n <div class=\"bg-white p-2.5 rounded-xl border border-orange-100\/50 shadow-sm flex flex-col justify-center\">\n <span class=\"text-orange-500 font-black font-rounded block\">STEP 1<\/span>\n <span class=\"text-slate-700 text-xs sm:text-sm font-medium\">\u6c0f\u540d\u30fb\u4f4f\u6240\u30fb\u30e1\u30fc\u30eb\u306a\u3069\u3092\u5165\u529b<\/span>\n <\/div>\n <div class=\"bg-white p-2.5 rounded-xl border border-orange-100\/50 shadow-sm flex flex-col justify-center\">\n <span class=\"text-orange-500 font-black font-rounded block\">STEP 2<\/span>\n <span class=\"text-slate-700 text-xs sm:text-sm font-medium\">\u30d5\u30a9\u30fc\u30e0\u9001\u4fe1<\/span>\n <\/div>\n <div class=\"bg-white p-2.5 rounded-xl border border-orange-100\/50 shadow-sm flex flex-col justify-center\">\n <span class=\"text-orange-500 font-black font-rounded block\">STEP 3<\/span>\n <span class=\"text-slate-700 text-xs sm:text-sm font-medium\">\u30a8\u30f3\u30c8\u30ea\u30fcNO\u5165\u308a\u30e1\u30fc\u30eb\u53d7\u4fe1\u203b\u304b\u3081\u3084\u91e3\u5177\u5e97\u982d\u624b\u7d9a\u304d\u306b\u5fc5\u9808<\/span>\n <\/div>\n <\/div>\n <span class=\"text-slate-500 text-xs sm:text-sm block mt-2 text-center\">\u203b\u3042\u3068\u306f\u5927\u4f1a\u671f\u9593\u4e2d\u306b\u4e2d\u6d77\u3067\u91e3\u308a\u3092\u30b9\u30bf\u30fc\u30c8\u3059\u308b\u3060\u3051\u3067\u5b8c\u4e86\uff01\u53c2\u52a0\u306f\u5b8c\u5168\u7121\u6599\u3067\u3059\u3002<\/span>\n <\/div>\n\n <div class=\"bg-white rounded-2xl p-2 sm:p-6 border border-slate-200 min-h-[480px] sm:min-h-[500px] relative font-sans\">\n <div class=\"formrun-embed\" data-formrun-form=\"@chukai-nakaumifishingcontest\" data-formrun-redirect=\"true\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-transparent text-white\/70 py-12 relative z-20\">\n <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center font-rounded\">\n <div class=\"flex items-center justify-center space-x-2 mb-4 font-rounded\">\n \n <span class=\"text-lg sm:text-xl font-black tracking-widest text-[#7dd3fc]\">\u306a\u304b\u3046\u307f\u91e3\u308a\u30b3\u30f3\u30c6\u30b9\u30c8<\/span>\n <\/div>\n \n <p class=\"text-base sm:text-base text-sky-200\/60 max-w-lg mx-auto leading-relaxed mb-6 font-rounded\">\n \u5171\u50ac\uff1a\u682a\u5f0f\u4f1a\u793e \u4e2d\u6d77\u30c6\u30ec\u30d3\u653e\u9001 \uff5c \u304b\u3081\u3084\u91e3\u5177 \u7c73\u5b50\u5e97\n <\/p>\n <\/div>\n <\/footer>\n\n \n \n \n <div id=\"floating-bar\" class=\"fixed bottom-0 left-0 right-0 z-[9999] w-full bg-white\/95 backdrop-blur-md shadow-[0_-4px_12px_rgba(0,0,0,0.1)] border-t border-slate-200\/80 transition-transform duration-300 font-rounded\" style=\"padding-bottom: calc(10px + env(safe-area-inset-bottom)); padding-top: 10px; padding-left: 10px; padding-right: 10px; transform: translateY(100%);\">\n <div class=\"max-w-md w-full mx-auto flex gap-2.5 relative z-10\">\n \n <a href=\"#nakaumi-flow\" class=\"js-nakaumi-scroll flex-1 bg-[#e0f2fe] hover:bg-[#bae6fd] text-[#0369a1] font-black py-2.5 px-3 rounded-xl text-center text-base sm:text-lg transition-colors flex items-center justify-center shadow-sm font-rounded border border-[#bae6fd]\">\n \u53c2\u52a0\u306e\u6d41\u308c\n <\/a>\n \n <a href=\"#nakaumi-entry\" class=\"js-nakaumi-scroll flex-[1.5] bg-gradient-to-b from-orange-400 to-orange-600 hover:from-orange-500 hover:to-orange-700 text-white font-black py-2.5 px-3 rounded-xl text-center text-base sm:text-lg transition-all shadow-[0_4px_10px_rgba(234,88,12,0.4)] flex items-center justify-center font-rounded border border-orange-300\">\n Web\u30a8\u30f3\u30c8\u30ea\u30fc(\u7121\u6599)\n <\/a>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <script src=\"https:\/\/sdk.form.run\/js\/v2\/embed.js\"><\/script>\n\n \n <script>\n (function() {\n \/\/ \u30ab\u30b9\u30bf\u30b9\u30cf\u30c3\u30b7\u30e5ID\u3068\u5b9f\u969b\u306e\u5404\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8ID\u3068\u306e\u5bfe\u6bd4\u30de\u30c3\u30d4\u30f3\u30b0\uff08\u4e0d\u4e00\u81f4\u3092200%\u6392\u9664\uff09\n const nakaumiIdMap = {\n 'nakaumi-entry': 'nakaumi-entry',\n 'nakaumi-flow': 'nakaumi-flow',\n 'nakaumi-derby': 'nakaumi-derby',\n 'nakaumi-story': 'target-story',\n 'nakaumi-kameya': 'nakaumi-kameya'\n };\n\n \/\/ \u30ad\u30e3\u30d7\u30c1\u30e3\u30ea\u30f3\u30b0\u30d5\u30a7\u30fc\u30ba(useCapture: true)\u3067\u30af\u30ea\u30c3\u30af\u30a4\u30d9\u30f3\u30c8\u3092\u6700\u901f\u691c\u77e5\u30fb\u51e6\u7406\n document.addEventListener('click', function(e) {\n \/\/ \u30af\u30ea\u30c3\u30af\u3055\u308c\u305f\u8981\u7d20\u304b\u3089\u3001\u6700\u3082\u8fd1\u3044\u30b9\u30e0\u30fc\u30ba\u30b9\u30af\u30ed\u30fc\u30eb\u7528\u306e\u30a2\u30f3\u30ab\u30fc\u30bf\u30b0\u3092\u63a2\u3059\n const anchor = e.target.closest('a[href^=\"#nakaumi-\"]');\n if (!anchor) return;\n\n const nakaumiHash = anchor.getAttribute('href').substring(1);\n const realElementId = nakaumiIdMap[nakaumiHash];\n const target = document.getElementById(realElementId);\n\n if (target) {\n \/\/ WordPress\u3084Diver\u3001JQuery of \u65e2\u5b58\u30a4\u30d9\u30f3\u30c8\u3092\u5b8c\u5168\u306b\u505c\u6b62\uff08\u7af6\u5408\u306e\u767a\u751f\u6e90\u3092\u30b7\u30e3\u30c3\u30c8\u30a2\u30a6\u30c8\uff09\n e.preventDefault();\n e.stopPropagation();\n e.stopImmediatePropagation();\n\n \/\/ \u30bf\u30fc\u30b2\u30c3\u30c8\u306e\u7d76\u5bfe\u5ea7\u6a19\u3092\u7b97\u51fa\n const rect = target.getBoundingClientRect();\n const absoluteTargetY = rect.top + window.pageYOffset;\n\n \/\/ \u753b\u9762\uff08\u30d3\u30e5\u30fc\u30dd\u30fc\u30c8\uff09\u306e\u9ad8\u3055\u3068\u8981\u7d20\u306e\u9ad8\u3055\u3092\u52d5\u7684\u53d6\u5f97\n const viewportHeight = window.innerHeight;\n const targetHeight = target.offsetHeight;\n\n \/\/ \u56fa\u5b9a\u30d8\u30c3\u30c0\u30fc\u9ad8\u3001\u304a\u3088\u3073WordPress\u30ed\u30b0\u30a4\u30f3\u6642\u306e\u7ba1\u7406\u30d0\u30fc(wpadminbar)\u9ad8\u3092\u52d5\u7684\u306b\u53d6\u5f97\u30fb\u52a0\u7b97\n let accumulatedHeaderHeight = 0;\n try {\n const wpAdminBar = document.getElementById('wpadminbar');\n if (wpAdminBar) {\n accumulatedHeaderHeight += wpAdminBar.offsetHeight;\n }\n\n \/\/ \u30b5\u30a4\u30c8\u5185\u306b\u5b58\u5728\u3059\u308b lazy \u306a\u8ffd\u5f93\u578b\u56fa\u5b9a\u30d8\u30c3\u30c0\u30fc\uff08Diver\u306e\u30d8\u30c3\u30c0\u30fc\u306a\u3069\uff09\u3092\u5de1\u56de\u30b9\u30ad\u30e3\u30f3\u3057\u3066\u9ad8\u3055\u3092\u53d6\u5f97\n const probableHeaders = document.querySelectorAll('header, #header, #masthead, .site-header, .elementor-header, .header-v2, .main-header');\n for (let h of probableHeaders) {\n const style = window.getComputedStyle(h);\n if (style && (style.position === 'fixed' || style.position === 'sticky')) {\n accumulatedHeaderHeight = Math.max(accumulatedHeaderHeight, h.offsetHeight);\n }\n }\n } catch (err) {\n console.warn(err);\n }\n\n \/\/ \u30d8\u30c3\u30c0\u30fc\u304c\u81ea\u52d5\u691c\u77e5\u3067\u304d\u306a\u304b\u3063\u305f\u5834\u5408\u306e\u30b9\u30de\u30db\u30fbPC\u5225\u306e\u30d9\u30b9\u30c8\u306a\u30bb\u30fc\u30d5\u30c6\u30a3\u9ad8\n if (accumulatedHeaderHeight === 0) {\n accumulatedHeaderHeight = window.innerWidth <= 768 ? 80 : 140;\n }\n\n let finalScrollPosition;\n\n \/\/ \u5bfe\u8c61\u30d1\u30fc\u30c4\u304c\u753b\u9762\u5168\u4f53\u306e80%\u4ee5\u4e0b\u306b\u53ce\u307e\u308b\u5834\u5408 \u2794 \u3010\u753b\u9762\u306e\u5782\u76f4\u65b9\u5411\u306e\u3069\u771f\u3093\u4e2d\uff08\u4e2d\u592e\uff09\u3011\u306b\u7cbe\u5bc6\u306b\u5438\u7740\n if (targetHeight <= viewportHeight * 0.8) {\n finalScrollPosition = absoluteTargetY - (viewportHeight \/ 2) + (targetHeight \/ 2);\n \n \/\/ \u4e2d\u592e\u914d\u7f6e\u3057\u305f\u7d50\u679c\u3001\u4e0a\u90e8\u304c\u30d8\u30c3\u30c0\u30fc\u306b\u91cd\u306a\u308b\u306e\u3092\u9632\u3050\u30bb\u30fc\u30d5\u30c6\u30a3\u30ac\u30fc\u30c9\n const safetyThreshold = absoluteTargetY - accumulatedHeaderHeight - 24;\n if (finalScrollPosition > safetyThreshold) {\n finalScrollPosition = safetyThreshold;\n }\n } else {\n \/\/ \u8981\u7d20\u304c\u753b\u9762\u3088\u308a\u3082\u9577\u3044(\u53c2\u52a0\u306e\u6d41\u308c\u306a\u3069) \u2794 \u30d8\u30c3\u30c0\u30fc\u306e\u3059\u3050\u4e0b\u306b\u8981\u7d20\u306e\u4e0a\u7aef\u3092\u7dba\u9e97\u306b\u4e26\u3079\u308b\n finalScrollPosition = absoluteTargetY - accumulatedHeaderHeight - 24;\n }\n\n \/\/ \u5ea7\u6a19\u304c\u30de\u30a4\u30ca\u30b9\u306b\u306a\u3089\u306a\u3044\u3088\u3046\u5b89\u5168\u5883\u754c\u3092\u4fdd\u8a3c\n finalScrollPosition = Math.max(0, finalScrollPosition);\n\n \/\/ \u5b8c\u5168\u72ec\u7acb\u3057\u305f\u6ed1\u3089\u304b\u306a\u30b9\u30e0\u30fc\u30ba\u30b9\u30af\u30ed\u30fc\u30eb\u3092\u5b9f\u884c\n window.scrollTo({\n top: finalScrollPosition,\n behavior: 'smooth'\n });\n\n \/\/ \u3010Diver\u30c6\u30fc\u30de\u5bfe\u7b56\u306e\u5f37\u5236\u4e0a\u66f8\u304d\u88dc\u6b63\u3011\n \/\/ Diver\u5074\u306ejQuery\u306b\u3088\u308b\u300c\u30c8\u30c3\u30d7\u306b\u623b\u3059\u300d\u300c\u9014\u4e2d\u3067\u6b62\u3081\u308b\u300d\u3068\u3044\u3046\u7af6\u5408\u5e72\u6e09\u3092\u529b\u6280\u3067\u306d\u3058\u4f0f\u305b\u308b\u305f\u3081\u3001\n \/\/ \u30b9\u30af\u30ed\u30fc\u30eb\u958b\u59cb\u76f4\u5f8c\u306e300ms\u306e\u9593, \u4f4d\u7f6e\u5ea7\u6a19\u3092\u30df\u30ea\u79d2\u5358\u4f4d\u3067\u5f37\u5236\u7684\u306b\u56fa\u5b9a\u7dad\u6301\u3057\u7d9a\u3051\u307e\u3059\n let forceScrollTries = 0;\n const forceScrollInterval = setInterval(function() {\n window.scrollTo({\n top: finalScrollPosition,\n behavior: 'auto'\n });\n forceScrollTries++;\n if (forceScrollTries > 12) {\n clearInterval(forceScrollInterval);\n }\n }, 25);\n }\n\n }, true); \/\/ \u7b2c3\u5f15\u6570\u3092\u300ctrue\u300d\u306b\u3059\u308b\u3053\u3068\u3067\u3001WordPress of \u3059\u3079\u3066 JQuery \u51e6\u7406\u3092\u8ffd\u3044\u629c\u3044\u3066\u6700\u901f\u3067\u30b9\u30af\u30ed\u30fc\u30eb\u3092\u652f\u914d\u3057\u307e\u3059\n\n \/\/ \u30d5\u30ed\u30fc\u30c6\u30a3\u30f3\u30b0\u30d0\u30fc\u306e\u8868\u793a\u30fb\u975e\u8868\u793a\u5236\u5fa1\n function toggleFloatingBar() {\n const scrollY = window.scrollY || window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;\n const floatBar = document.getElementById('floating-bar');\n if (floatBar) {\n if (scrollY > 100) {\n floatBar.style.transform = 'translateY(0)';\n } else {\n floatBar.style.transform = 'translateY(100%)';\n }\n }\n }\n window.addEventListener('scroll', toggleFloatingBar, { passive: true });\n window.addEventListener('resize', toggleFloatingBar, { passive: true });\n toggleFloatingBar();\n setTimeout(toggleFloatingBar, 500);\n })();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u91e3\u3063\u3066\u697d\u3057\u3044\u3001\u98df\u3079\u3066\u304a\u3044\u3057\u3044 \u306a\u304b\u3046\u307f\u91e3\u308a\u30b3\u30f3\u30c6\u30b9\u30c8 2026 \u3072\u3068\u308a\u3067\u3082\u5bb6\u65cf\u3067\u3082\u6c17\u8efd\u306b\u53c2\u52a0\uff01 \uff3c \u304b\u3081\u3084\u91e3\u5177\u7c73\u5b50\u5e97 \u00d7 \u4e2d\u6d77\u30c6\u30ec\u30d3\u653e\u9001\u5171\u50ac \uff0f \\ \u53c2\u52a0\u7121\u6599\uff01\u512a\u52dd\u8005\u306b\u306f\u8c6a\u83ef\u8cde\u54c1\u3082\uff01 \/ \ud83d\udcdd \u4eca\u3059\u3050Web\u30a8\u30f3\u30c8\u30ea\u30fc \u958b\u50ac […]<\/p>\n","protected":false},"author":1,"featured_media":13315,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[3],"tags":[],"class_list":["post-13260","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-pre"],"publishpress_future_action":{"enabled":false,"date":"2026-07-17 11:47:18","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/www.chukai.co.jp\/corporate\/wp-json\/wp\/v2\/posts\/13260","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.chukai.co.jp\/corporate\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.chukai.co.jp\/corporate\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.chukai.co.jp\/corporate\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.chukai.co.jp\/corporate\/wp-json\/wp\/v2\/comments?post=13260"}],"version-history":[{"count":197,"href":"https:\/\/www.chukai.co.jp\/corporate\/wp-json\/wp\/v2\/posts\/13260\/revisions"}],"predecessor-version":[{"id":14105,"href":"https:\/\/www.chukai.co.jp\/corporate\/wp-json\/wp\/v2\/posts\/13260\/revisions\/14105"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.chukai.co.jp\/corporate\/wp-json\/wp\/v2\/media\/13315"}],"wp:attachment":[{"href":"https:\/\/www.chukai.co.jp\/corporate\/wp-json\/wp\/v2\/media?parent=13260"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.chukai.co.jp\/corporate\/wp-json\/wp\/v2\/categories?post=13260"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.chukai.co.jp\/corporate\/wp-json\/wp\/v2\/tags?post=13260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":13260,"date":"2026-05-25T20:24:07","date_gmt":"2026-05-25T11:24:07","guid":{"rendered":"https:\/\/www.chukai.co.jp\/corporate\/?p=13260"},"modified":"2026-07-01T14:05:08","modified_gmt":"2026-07-01T05:05:08","slug":"nakaumi-fishingcontest","status":"publish","type":"post","link":"https:\/\/www.chukai.co.jp\/corporate\/2026\/05\/nakaumi-fishingcontest\/","title":{"rendered":"\u306a\u304b\u3046\u307f\u91e3\u308a\u30b3\u30f3\u30c6\u30b9\u30c8\u958b\u50ac"},"content":{"rendered":"\n



<\/code><\/pre>\n\n\n\n\n\n\n    \n    \n    \n    \u91e3\u3063\u3066\u697d\u3057\u3044\u3001\u98df\u3079\u3066\u304a\u3044\u3057\u3044 \u306a\u304b\u3046\u307f\u91e3\u308a\u30b3\u30f3\u30c6\u30b9\u30c8 2026<\/title>\n    <!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <!-- Google Fonts Noto Sans JP & \u89aa\u3057\u307f\u3084\u3059\u3044\u4e38\u30b4\u30b7\u30c3\u30af\u30d5\u30a9\u30f3\u30c8 -->\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=M+PLUS+Rounded+1c:wght@500;700;900&family=Noto+Sans+JP:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\n    <style>\n        \/* \u3010WordPress\/Diver\u30c6\u30fc\u30de\u5e45\u5d29\u308c\u5b8c\u5168\u30ec\u30b9\u30ad\u30e5\u30fcCSS\u3011 *\/\n        \/* \u30c6\u30fc\u30de\u306e\u5916\u67a0\uff08#wrap\u3084#content\uff09\u306b\u8a2d\u5b9a\u3055\u308c\u3066\u3044\u308b\u56fa\u5b9a\u6700\u5927\u5e45\u3092\u5f37\u5236\u89e3\u9664\u3057\u3001\u30b9\u30de\u30db\u8868\u793a\u3092100%\u5168\u5e45\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u5316\u3057\u307e\u3059 *\/\n        html, body, #wrap, #wrapper, .wrapper, .container, #content, .content, \n        #primary, #main, .site-content, .main-content-area, .entry-content, .post-content, .type-page, .hentry, article {\n            background: transparent !important;\n            background-color: transparent !important;\n            padding-left: 0 !important;\n            padding-right: 0 !important;\n            margin-left: auto !important;\n            margin-right: auto !important;\n            max-width: 100% !important;\n            width: 100% !important;\n        }\n\n        \/* \u6c34\u4e2dLP of \u30e1\u30a4\u30f3\u30b3\u30f3\u30c6\u30ca\uff08\u30b9\u30de\u30db\u3067\u306e\u6a2a\u63fa\u308c\u30fb\u6a2a\u30b9\u30af\u30ed\u30fc\u30eb\u3092\u5fb9\u5e95\u7684\u306b\u9632\u6b62\uff09 *\/\n        #lp-global-container {\n            background: radial-gradient(\n                circle at 50% -10%,\n                #a5f3fc 0%,   \/* \u6c34\u9762\u306e\u660e\u308b\u3044\u5149 *\/\n                #38bdf8 20%,  \/* \u6d45\u702c of \u30d6\u30eb\u30fc *\/\n                #0284c7 45%,  \/* \u7f8e\u3057\u3044\u4e2d\u5c64\u30d6\u30eb\u30fc *\/\n                #0b5372 70%,  \/* \u6df1\u5c64 of \u6c7d\u6c34\u30cd\u30a4\u30d3\u30fc *\/\n                #073c54 88%,  \/* \u30dc\u30c8\u30e0\u30a2\u30af\u30a2 *\/\n                #042e42 100%  \/* \u6700\u6df1\u90e8\u30cd\u30a4\u30d3\u30fc *\/\n            ) !important;\n            min-height: 100vh;\n            position: relative;\n            overflow-x: hidden !important; \/* \u6a2a\u306f\u307f\u51fa\u3057 of \u5f37\u5236\u30ab\u30c3\u30c8 *\/\n            isolation: isolate;\n            z-index: 0;\n            width: 100% !important;\n            max-width: 100vw !important;\n        }\n\n        .font-rounded {\n            font-family: 'M PLUS Rounded 1c', sans-serif;\n        }\n\n        .handwritten-bubble {\n            border: 2.5px dashed #5cbbe3;\n            border-radius: 255px 25px 225px 25px\/25px 225px 25px 255px;\n        }\n        \n        .shimmer {\n            position: relative;\n            overflow: hidden;\n        }\n        .shimmer::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 50%;\n            height: 100%;\n            background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.4), transparent);\n            transform: skewX(-20deg);\n            animation: shimmerEffect 2s infinite;\n        }\n        @keyframes shimmerEffect {\n            100% { left: 200%; }\n        }\n\n        \/* \u79fb\u52d5\u5148\u898b\u51fa\u3057\u3092\u4e0a\u4e0b\u4e2d\u592e\uff08\u5782\u76f4\u3069\u771f\u3093\u4e2d\uff09\u306b\u7f8e\u3057\u304f\u5438\u7740\u9759\u6b62\u3055\u305b\u308b\u305f\u3081\u306e\u30b9\u30af\u30ed\u30fc\u30eb\u30de\u30fc\u30b8\u30f3\u8a2d\u5b9a *\/\n        .nakaumi-scroll-center {\n            scroll-margin-top: 35vh !important;\n        }\n\n        \/* WordPress\u6a19\u6e96\u306e\u30d8\u30c3\u30c0\u30fc\u30fb\u30b5\u30a4\u30c9\u30d0\u30fc\u30fb\u30d5\u30c3\u30bf\u30fc\u3092\u975e\u8868\u793a\u5316\uff08LP\u5358\u4f53\u8868\u793a\u7528\uff09 *\/\n        #header, .site-header, .header-v2, \n        #sidebar, .sidebar, .sub-menu-container,\n        #footer, .site-footer, .footer {\n            display: none !important;\n        }\n\n        \/* \u3010\u8ffd\u52a0\uff1a\u30bf\u30a4\u30c8\u30eb\u30ed\u30b4\u5de6\u4e0a\u306e\u3075\u308f\u3075\u308f\u52d5\u304f\u5439\u304d\u51fa\u3057\u7528CSS\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3011 *\/\n        @keyframes nakaumiBounce {\n            0%, 100% {\n                transform: translateY(0) rotate(-2deg);\n            }\n            50% {\n                transform: translateY(-6px) rotate(1deg);\n            }\n        }\n        .animate-nakaumi-bounce {\n            animation: nakaumiBounce 3s ease-in-out infinite;\n        }\n\n        \/* \u3010\u8ffd\u52a0\uff1a\u304a\u3057\u3083\u308c\u306a\u6c34\u4e2d\u6c34\u6ce1\u306e\u4e0a\u6607\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3011 *\/\n        \/* \u65e2\u5b58\u306e\u30b7\u30b9\u30c6\u30e0\u3068\u5b8c\u5168\u306b\u72ec\u7acb\u3057\u305f\u30af\u30e9\u30b9\u30fbKeyframes\u3067\u3059 *\/\n        @keyframes bubbleRise {\n            0% {\n                transform: translateY(110vh) scale(0.7);\n                opacity: 0;\n            }\n            10% {\n                opacity: 0.6;\n            }\n            90% {\n                opacity: 0.6;\n            }\n            100% {\n                transform: translateY(-20vh) scale(1.2);\n                opacity: 0;\n            }\n        }\n        .nakaumi-bubble-1 {\n            animation: bubbleRise 16s infinite linear;\n        }\n        .nakaumi-bubble-2 {\n            animation: bubbleRise 12s infinite linear;\n        }\n        .nakaumi-bubble-3 {\n            animation: bubbleRise 8s infinite linear;\n        }\n    <\/style>\n<\/head>\n<body class=\"text-slate-800 pb-32 md:pb-28\"> \n    <div id=\"lp-global-container\">\n\n        <!-- ==================== \u3010\u8ffd\u52a0\uff1a\u6c34\u4e2d\u3092\u3075\u308f\u3075\u308f\u6607\u308b\u5e7b\u60f3\u7684\u306a\u30ea\u30a2\u30eb\u6c34\u6ce1\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u30ec\u30a4\u30e4\u30fc\u3011 ==================== -->\n        <!-- \u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u80cc\u9762\uff08z-10\uff09\u306b\u914d\u7f6e\u3059\u308b\u3053\u3068\u3067\u3001\u65e2\u5b58\u30c7\u30b6\u30a4\u30f3\u3092\u4e00\u5207\u58ca\u3055\u305a\u306b\u304a\u3057\u3083\u308c\u306a\u30ea\u30c3\u30c1\u611f\u3092\u30d7\u30e9\u30b9\u3057\u307e\u3059 -->\n        <div class=\"absolute inset-0 pointer-events-none overflow-hidden z-10 select-none\">\n            <svg class=\"w-full h-full min-h-screen opacity-45\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <!-- \u3086\u3063\u305f\u308a\u6607\u308b\u6c17\u6ce1\u7fa4\uff08\u305d\u308c\u305e\u308c\u901f\u5ea6\u3001\u4f4d\u7f6e\u3001\u30b5\u30a4\u30ba\u3092\u305a\u3089\u3057\u3066\u30ea\u30a2\u30eb\u611f\u3092\u6f14\u51fa\uff09 -->\n                <use href=\"#realBubble\" class=\"nakaumi-bubble-1\" x=\"5%\" y=\"0\" style=\"animation-delay: 0s;\" \/>\n                <use href=\"#realBubble\" class=\"nakaumi-bubble-2\" x=\"15%\" y=\"0\" style=\"animation-delay: 4s;\" \/>\n                <use href=\"#realBubble\" class=\"nakaumi-bubble-3\" x=\"25%\" y=\"0\" style=\"animation-delay: 2s;\" \/>\n                <use href=\"#realBubble\" class=\"nakaumi-bubble-1\" x=\"38%\" y=\"0\" style=\"animation-delay: 7s;\" \/>\n                <use href=\"#realBubble\" class=\"nakaumi-bubble-2\" x=\"50%\" y=\"0\" style=\"animation-delay: 1s;\" \/>\n                <use href=\"#realBubble\" class=\"nakaumi-bubble-3\" x=\"62%\" y=\"0\" style=\"animation-delay: 5s;\" \/>\n                <use href=\"#realBubble\" class=\"nakaumi-bubble-1\" x=\"75%\" y=\"0\" style=\"animation-delay: 3s;\" \/>\n                <use href=\"#realBubble\" class=\"nakaumi-bubble-2\" x=\"88%\" y=\"0\" style=\"animation-delay: 9s;\" \/>\n                <use href=\"#realBubble\" class=\"nakaumi-bubble-3\" x=\"93%\" y=\"0\" style=\"animation-delay: 0s;\" \/>\n            <\/svg>\n        <\/div>\n\n        <!-- ==================== \u3010\u30de\u30b9\u30bf\u30fcSVG\u5b9a\u7fa9\u30a8\u30ea\u30a2\u3011\u4e2d\u6d77\u306b\u751f\u606f\u3059\u308b\u9b5a\u5f71\u3001\u6c34\u6ce1\u3001\u6d77\u85fb\u3001\u8c9d\u6bbb ==================== -->\n        <svg class=\"hidden\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <defs>\n                <g id=\"realBubble\">\n                    <circle cx=\"20\" cy=\"20\" r=\"18\" fill=\"rgba(255,255,255,0.01)\" stroke=\"rgba(255,255,255,0.4)\" stroke-width=\"1.2\" filter=\"drop-shadow(0px 1px 1px rgba(0,0,0,0.08))\" \/>\n                    <path d=\"M 6,15 A 14,14 0 0,1 25,6 A 17,17 0 0,0 6,15\" fill=\"rgba(255,255,255,0.85)\" \/>\n                    <circle cx=\"29\" cy=\"29\" r=\"2.8\" fill=\"rgba(255,255,255,0.45)\" \/>\n                    <ellipse cx=\"14\" cy=\"14\" rx=\"2\" ry=\"1\" transform=\"rotate(-30 14 14)\" fill=\"rgba(255,255,255,0.4)\" \/>\n                <\/g>\n                <path id=\"sayoriTemplate\" d=\"M 0,8 C 15,6 35,6 55,7 L 60,5 L 61,7 C 67,7 74,8 79,9 L 82,4 C 80,9 80,11 82,16 L 79,11 C 74,12 67,12 61,12 L 60,14 L 55,12 C 35,12 15,12 0,10 Z\" \/>\n                <path id=\"konoshiroTemplate\" d=\"M 5,16 C 15,7 30,5 45,9 L 50,4 L 53,9 C 58,9 65,11 70,13 L 80,7 C 76,15 76,23 80,30 L 70,24 C 65,26 58,27 53,27 L 48,32 L 45,27 C 30,30 15,27 5,22 Z\" \/>\n                <path id=\"suzukiTemplate\" d=\"M 10,20 C 20,12 35,9 50,11 C 55,7 65,9 68,12 L 78,5 C 74,13 74,20 78,28 L 68,22 C 62,24 55,25 50,24 L 44,29 L 40,24 C 25,26 15,24 10,21 Z\" \/>\n                <path id=\"chinuTemplate\" d=\"M 8,20 C 16,9 30,6 44,9 C 48,2 54,4 58,12 C 62,11 68,12 71,13 L 80,5 C 77,13 77,24 80,32 L 71,24 C 68,26 63,27 58,26 L 53,31 L 48,26 C 36,28 22,26 12,22 Z\" \/>\n                <path id=\"boraTemplate\" d=\"M 5,14 C 18,9 35,7 50,9 Q 55,5 62,6 T 65,9 C 70,8 76,9 80,11 L 88,5 C 85,11 85,17 88,22 L 80,18 C 76,19 70,20 65,19 Q 50,21 35,19 T 18,17 Z\" \/>\n                <path id=\"hiiragiTemplate\" d=\"M 8,14 C 18,6 28,5 36,10 L 40,6 L 41,10 C 45,10 48,11 51,13 L 59,8 C 57,13 57,21 59,26 L 51,21 C 48,23 45,24 41,23 L 38,27 L 36,23 C 28,26 18,25 8,18 Z\" \/>\n                <path id=\"mahazeTemplate\" d=\"M 5,14 C 15,8 28,9 42,11 Q 48,9 55,10 T 58,12 C 63,11 68,10 71,9 L 80,5 C 77,10 77,18 80,23 L 71,19 C 68,18 63,17 58,16 C 55,18 48,19 42,17 C 28,19 15,16 5,14 Z\" \/>\n                <path id=\"kareiTemplate\" d=\"M 10,18 C 16,7 42,6 55,10 L 62,5 L 65,10 L 75,14 L 84,8 C 80,16 80,22 84,30 L 75,24 L 65,28 L 62,32 L 55,28 C 42,32 16,30 10,18 Z\" \/>\n                <path id=\"anagoTemplate\" d=\"M 2,12 C 12,3 22,3 32,12 C 42,20 52,20 62,12 C 72,3 82,3 92,12 L 95,9 L 94,14 C 89,15 82,14 75,12 C 65,6 55,6 45,14 C 35,21 25,21 15,14 C 10,8 7,8 3,12 Z\" \/>\n                <path id=\"seaweedTemplate\" d=\"M 10,80 Q 0,60 10,40 T 20,0 Q 30,20 20,40 T 10,80 Z\" \/>\n                <path id=\"shellTemplate\" d=\"M 20,30 C 5,28 0,15 5,5 C 10,0 30,0 35,5 C 40,15 35,28 20,30 Z M 20,30 L 15,35 L 25,35 Z\" \/>\n            <\/defs>\n        <\/svg>\n\n        <!-- ==================== 2. \u30d2\u30fc\u30ed\u30fc\u30bb\u30af\u30b7\u30e7\u30f3 ==================== -->\n        <section class=\"relative pt-10 pb-6 sm:pt-16 sm:pb-8 text-white px-4 sm:px-6 z-20\">\n            \n            <!-- \u30d2\u30fc\u30ed\u30fc\u30bb\u30af\u30b7\u30e7\u30f3\uff08\u30c8\u30c3\u30d7\u753b\u9762\u3042\u305f\u308a\uff09\u306e\u80cc\u666f\u306b\u3042\u3057\u3089\u3046\u9b5a\u5f71 -->\n            <div class=\"absolute inset-0 pointer-events-none overflow-visible select-none z-10\">\n                <svg class=\"w-full h-full min-h-[480px] overflow-visible\" viewBox=\"0 0 1000 500\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <!-- \u65e2\u5b58\u306e\u9b5a\u5f71 -->\n                    <use href=\"#sayoriTemplate\" transform=\"translate(120, 40) rotate(10) scale(0.6)\" fill=\"#ffffff\" opacity=\"0.25\" \/>\n                    <use href=\"#sayoriTemplate\" transform=\"translate(180, 55) rotate(8) scale(0.55)\" fill=\"#ffffff\" opacity=\"0.2\" \/>\n                    <use href=\"#sayoriTemplate\" transform=\"translate(90, 70) rotate(12) scale(0.65)\" fill=\"#ffffff\" opacity=\"0.22\" \/>\n                    <use href=\"#sayoriTemplate\" transform=\"translate(240, 48) rotate(5) scale(0.5)\" fill=\"#ffffff\" opacity=\"0.18\" \/>\n                    <use href=\"#konoshiroTemplate\" transform=\"translate(450, 110) rotate(220) scale(0.6)\" fill=\"#ffffff\" opacity=\"0.22\" \/>\n                    <use href=\"#konoshiroTemplate\" transform=\"translate(490, 140) rotate(225) scale(0.52)\" fill=\"#ffffff\" opacity=\"0.18\" \/>\n                    <use href=\"#suzukiTemplate\" transform=\"translate(750, 150) rotate(225) scale(0.75)\" fill=\"#ffffff\" opacity=\"0.22\" \/>\n                    <use href=\"#suzukiTemplate\" transform=\"translate(820, 210) rotate(220) scale(0.65)\" fill=\"#ffffff\" opacity=\"0.18\" \/>\n                    \n                    <!-- \u3010\u5897\u5f37\uff1a\u30c8\u30c3\u30d7\u753b\u9762\u7528\u306e\u8ffd\u52a0\u9b5a\u5f71\uff08\u30b5\u30e8\u30ea\u3001\u30b3\u30ce\u30b7\u30ed\u3001\u30c1\u30cc\u3001\u30dc\u30e9\u3001\u30d2\u30a4\u30e9\u30ae\u7b49\uff09\u3011 -->\n                    <use href=\"#chinuTemplate\" transform=\"translate(60, 140) rotate(15) scale(0.5)\" fill=\"#ffffff\" opacity=\"0.14\" \/>\n                    <use href=\"#hiiragiTemplate\" transform=\"translate(290, 95) rotate(-12) scale(0.52)\" fill=\"#ffffff\" opacity=\"0.18\" \/>\n                    <use href=\"#boraTemplate\" transform=\"translate(630, 75) rotate(22) scale(0.58)\" fill=\"#ffffff\" opacity=\"0.15\" \/>\n                    <use href=\"#chinuTemplate\" transform=\"translate(890, 50) rotate(190) scale(0.52)\" fill=\"#ffffff\" opacity=\"0.16\" \/>\n                    <use href=\"#sayoriTemplate\" transform=\"translate(310, 150) rotate(8) scale(0.42)\" fill=\"#ffffff\" opacity=\"0.18\" \/>\n                    <use href=\"#konoshiroTemplate\" transform=\"translate(140, 210) rotate(200) scale(0.48)\" fill=\"#ffffff\" opacity=\"0.14\" \/>\n                    <use href=\"#suzukiTemplate\" transform=\"translate(50, 270) rotate(15) scale(0.55)\" fill=\"#ffffff\" opacity=\"0.15\" \/>\n                    <use href=\"#boraTemplate\" transform=\"translate(340, 230) rotate(-10) scale(0.65)\" fill=\"#ffffff\" opacity=\"0.12\" \/>\n                    <use href=\"#hiiragiTemplate\" transform=\"translate(880, 240) rotate(180) scale(0.48)\" fill=\"#ffffff\" opacity=\"0.14\" \/>\n                <\/svg>\n            <\/div>\n\n            <div class=\"max-w-5xl mx-auto relative z-20 flex flex-col items-center text-center\">\n                \n                <!-- \u3010\u4fee\u6b63\u3011\u300c\u3072\u3068\u308a\u3067\u3082\u5bb6\u65cf\u3067\u3082\u6c17\u8efd\u306b\u53c2\u52a0\uff01\u300d\u306e\u67a0\u3092\u3001\u659c\u4f53\uff08transform -rotate-2\uff09\u304b\u3089\u7f8e\u3057\u3044\u771f\u3063\u76f4\u3050\u306a\u6b63\u4f53\u306b\u5909\u66f4 -->\n                <div class=\"handwritten-bubble bg-white text-[#5cbbe3] px-6 py-2.5 shadow-md mb-4 inline-block\">\n                    <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u3055\u3089\u306b\u5927\u304d\u304f\u3001\u30b9\u30de\u30db:text-sm \u2794 text-base\u3001PC:md:text-lg \u2794 md:text-xl -->\n                    <p class=\"text-base sm:text-lg md:text-xl font-black tracking-wider leading-none font-rounded\">\n                        \u3072\u3068\u308a\u3067\u3082\u5bb6\u65cf\u3067\u3082\u6c17\u8efd\u306b\u53c2\u52a0\uff01\n                    <\/p>\n                <\/div>\n\n                <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u3055\u3089\u306b\u5927\u304d\u304f\u3001\u30b9\u30de\u30db:text-xs \u2794 text-sm\u3001PC:sm:text-base \u2794 sm:text-lg md:text-xl -->\n                <p class=\"text-sm sm:text-lg md:text-xl font-bold tracking-widest text-sky-100 mb-6 font-rounded\">\n                    \uff3c \u304b\u3081\u3084\u91e3\u5177\u7c73\u5b50\u5e97 \u00d7 \u4e2d\u6d77\u30c6\u30ec\u30d3\u653e\u9001\u5171\u50ac \uff0f\n                <\/p>\n\n                <!-- \u30e1\u30a4\u30f3\u30ed\u30b4\uff08\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u306a\u6700\u5927\u5e45\u5236\u9650 \uff06 absolute\u5439\u304d\u51fa\u3057\u3092\u6dfb\u3048\u308b\u305f\u3081 relative \u8a2d\u5b9a\uff09 -->\n                <!-- \u3010\u4fee\u6b63\u3011\u30b9\u30de\u30db\u8868\u793a\u306e\u969b\u306b\u3001\u8ffd\u52a0\u3057\u305f\u9ec4\u8272\u3044\u5439\u304d\u51fa\u3057\u304c\u4e0a\u306e\u5171\u50ac\u30af\u30ec\u30b8\u30c3\u30c8\u30c6\u30ad\u30b9\u30c8\u3068\u91cd\u306a\u308b\u306e\u3092\u9632\u3050\u305f\u3081\u3001\u30b9\u30de\u30db\u6642\u306e\u307f\u30ed\u30b4\u30b3\u30f3\u30c6\u30ca\u306e\u4e0a\u90e8\u306b\u7a0b\u3088\u3044\u4f59\u767d\uff08pt-10\uff09\u3092\u8ffd\u52a0\u3057\u3066\u5b89\u5168\u30b9\u30da\u30fc\u30b9\u3092\u78ba\u4fdd\u3057\u307e\u3059 -->\n                <!-- \u3010\u4fee\u6b63\u30fb\u8ffd\u52a0\u6307\u793a\u3011\u30ed\u30b4\u753b\u50cf\u306e\u4e0b\u30de\u30fc\u30b8\u30f3\u3092 mb-8 \u2794 mb-20 sm:mb-24 \u306b\u62e1\u5f35\u3057\u3001\u771f\u4e0b\u306b\u3076\u3089\u4e0b\u304c\u308b\u30a8\u30f3\u30c8\u30ea\u30fc\u30dc\u30bf\u30f3\u306e\u30b9\u30da\u30fc\u30b9\u3092\u78ba\u5b9f\u306b\u78ba\u4fdd\u3057\u307e\u3059 -->\n                <div class=\"w-full max-w-[320px] sm:max-w-[550px] lg:max-w-[750px] mb-20 sm:mb-24 pt-10 sm:pt-0 relative\">\n                    \n                    <!-- \u3010\u8ffd\u52a0\u6307\u793a\u3011\u8868\u793a\u5d29\u308c\u306e\u767a\u751f\u3092\u9632\u3050\u305f\u3081\u3001\u6dfb\u4ed8\u753b\u50cf\u300cimage_422682.png\u300d\u306b\u793a\u3055\u308c\u3066\u3044\u308b\u3001\u5de6\u4e0a\u306e\u9ec4\u8272\u3044\u30d5\u30ed\u30fc\u30c6\u30a3\u30f3\u30b0\u5439\u304d\u51fa\u3057\u300c\u7121\u6599\u306e\u4e94\u76ee\u91e3\u308a\u7528\u7aff\u30ec\u30f3\u30bf\u30eb\u3082\u3042\u308a\uff01\u300d\u3092\u30b3\u30fc\u30c9\u304b\u3089\u5b8c\u5168\u306b\u524a\u9664\u3044\u305f\u3057\u307e\u3057\u305f\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u8868\u793a\u74b0\u5883\u306b\u5de6\u53f3\u3055\u308c\u305a\u7f8e\u3057\u304f\u30af\u30ea\u30fc\u30f3\u306a\u30ed\u30b4\u8868\u793a\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002 -->\n\n                    <img decoding=\"async\" src=\"https:\/\/www.chukai.co.jp\/corporate\/wp-content\/uploads\/2026\/05\/\u306a\u304b\u3046\u307f\u91e3\u308a\u30b3\u30f3\u30c6\u30b9\u30c8\u3000\u753b\u50cf.png\" alt=\"\u306a\u304b\u3046\u307f\u91e3\u308a\u30b3\u30f3\u30c6\u30b9\u30c8\" class=\"w-full h-auto object-contain mx-auto drop-shadow-2xl hover:scale-102 transition-transform duration-500\" style=\"mix-blend-mode: multiply !important;\">\n\n                    <!-- \u3010\u8ffd\u52a0\u6307\u793a\u3011\u300c\u4eca\u3059\u3050Web\u30a8\u30f3\u30c8\u30ea\u30fc\u300d\u30dc\u30bf\u30f3\u3092\u3001\u91e3\u308a\u30d0\u30ca\u30fc\u5199\u771f\u304b\u3089\u30bf\u30a4\u30c8\u30eb\u30ed\u30b4\u306e\u771f\u4e0b\uff08\u30ed\u30b4\u753b\u50cf\u30b3\u30f3\u30c6\u30ca of \u5e95\uff09\u3078\u518d\u914d\u7f6e\u3002\u304a\u3081\u3067\u305f\u3044\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u304c\u30ed\u30b4\u3068\u7f8e\u3057\u304f\u878d\u548c\u3057\u307e\u3059 -->\n                    <div class=\"absolute -bottom-8 sm:-bottom-10 left-1\/2 -translate-x-1\/2 w-[92%] sm:w-[85%] max-w-sm z-30\">\n                        <div class=\"relative group w-full\">\n                            <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30b9\u30de\u30db:text-[10px] \u2794 text-sm\u3001PC:sm:text-sm \u2794 sm:text-base -->\n                            <div class=\"absolute -top-3.5 left-1\/2 -translate-x-1\/2 bg-yellow-400 text-yellow-900 text-sm sm:text-base font-black px-4.5 py-1 rounded-full shadow-md border border-yellow-500 z-10 whitespace-nowrap font-rounded\">\n                                \\ \u53c2\u52a0\u7121\u6599\uff01\u512a\u52dd\u8005\u306b\u306f\u8c6a\u83ef\u8cde\u54c1\u3082\uff01 \/\n                            <\/div>\n                            <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30b9\u30de\u30db:text-sm \u2794 text-base\u3001PC:sm:text-xl \u2794 sm:text-2xl -->\n                            <a href=\"#nakaumi-entry\" class=\"js-nakaumi-scroll shimmer relative block w-full bg-gradient-to-b from-orange-400 to-orange-600 hover:from-orange-500 hover:to-orange-700 text-white font-black text-base sm:text-2xl py-3.5 sm:py-5 px-4 rounded-full shadow-[0_8px_20px_rgba(234,88,12,0.5)] transition-all transform hover:-translate-y-0.5 active:translate-y-0.5 text-center border-4 border-white font-rounded\">\n                                <span class=\"relative z-10 flex items-center justify-center gap-1.5\">\n                                    <span class=\"text-xl sm:text-3xl animate-bounce\">\ud83d\udcdd<\/span> \u4eca\u3059\u3050Web\u30a8\u30f3\u30c8\u30ea\u30fc\n                                <\/span>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\n                <!-- \u958b\u50ac\u671f\u9593\u30d0\u30ca\u30fc -->\n                <div class=\"bg-white\/10 backdrop-blur-md rounded-full px-5 py-2.5 sm:px-6 sm:py-3 border border-white\/20 mb-10 sm:mb-12 shadow-lg inline-flex flex-col sm:flex-row items-center gap-2 sm:gap-4 w-full sm:w-auto max-w-sm sm:max-w-none\">\n                    <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30b9\u30de\u30db:text-[10px] \u2794 text-xs\u3001PC:sm:text-sm \u2794 sm:text-base -->\n                    <span class=\"inline-block bg-[#1d8fc1] text-white text-xs sm:text-base font-bold tracking-widest px-3 py-1 sm:py-1.5 rounded-full\">\u958b\u50ac\u671f\u9593<\/span>\n                    <p class=\"text-lg sm:text-2xl font-black tracking-wide text-white font-rounded\">\n                        <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30b9\u30de\u30db:text-2xl \u2794 text-3xl\u3001PC:sm:text-4xl \u2794 sm:text-4xl\uff08\u7dad\u6301\uff09 -->\n                        2026\u5e74 <span class=\"text-2xl sm:text-4xl text-yellow-300 drop-shadow-md\">6\/1<\/span><span class=\"text-sm sm:text-lg\">(\u6708)<\/span> \u301c <span class=\"text-2xl sm:text-4xl text-yellow-300 drop-shadow-md\">7\/31<\/span><span class=\"text-sm sm:text-lg\">(\u91d1)<\/span>\n                    <\/p>\n                <\/div>\n\n                <!-- \u30dc\u30bf\u30f3\u3092\u30ed\u30b4\u76f4\u4e0b\u3078\u79fb\u8a2d\u3057\u305f\u305f\u3081\u3001\u5199\u771f\u30b3\u30f3\u30c6\u30ca\u5468\u8fba\u306e\u4e0d\u8981\u306a\u4f59\u767d\u3092\u5b8c\u5168\u306b\u8a70\u3081\u3066\u3001\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u30b9\u30c3\u30ad\u30ea\u3068\u4e0a\u306b\u305a\u3089\u3057\u307e\u3057\u305f\u3002 -->\n                <div class=\"w-full max-w-4xl mx-auto relative mb-10 sm:mb-12\">\n                    <!-- \u30e1\u30a4\u30f3\u30b0\u30e9\u30d5\u30a3\u30c3\u30af\u30b3\u30f3\u30c6\u30ca\uff08\u30b9\u30de\u30db\u6642\u306f4:3\u6bd4\u7387\u3001PC\u6642\u306f\u30ef\u30a4\u30c9\u6bd4\u7387\u3067\u6700\u9069\u8868\u793a\uff09 -->\n                    <div class=\"relative rounded-3xl overflow-hidden shadow-2xl border-4 border-white\/40 aspect-[4\/3] md:aspect-[21\/9] w-full\">\n                        <img decoding=\"async\" src=\"https:\/\/www.chukai.co.jp\/corporate\/wp-content\/uploads\/2026\/05\/\u91e3\u308a\u3000\u69d8\u5b50.jpg\" alt=\"\u4e2d\u6d77\u3067\u91e3\u308a\u3092\u697d\u3057\u3080\u69d8\u5b50\" class=\"w-full h-full object-cover relative z-10\">\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-[#042e42]\/90 via-[#042e42]\/20 to-transparent z-10 pointer-events-none\"><\/div>\n                        \n                        <!-- \u300c\u8c4a\u304b\u306a\u4e2d\u6d77(\u306a\u304b\u3046\u307f)\u306e\u9b45\u529b\u3092\u808c\u3067\u611f\u3058\u3088\u3046\uff01\u300d\u306e\u6587\u7ae0\u3092\u5199\u771f\u306e\u3055\u3089\u306b\u30dc\u30c8\u30e0\u30d5\u30c1\uff08\u5c11\u3057\u4e0b\u76ee\uff09\u306b\u7f8e\u3057\u304f\u4e0b\u3052\u3066\u914d\u7f6e -->\n                        <!-- \u30b9\u30de\u30db\u6642\u306f bottom-3\u3001PC\u6642\u306f md:bottom-5 \/ lg:bottom-6 \u306b\u5909\u66f4\u3057\u3001\u67a0\u7dda\u306e\u6975\u9650\u307e\u3067\u4e0b\u5bc4\u305b\u3057\u3066\u30d3\u30b8\u30e5\u30a2\u30eb\u3092\u969b\u7acb\u305f\u305b\u307e\u3059 -->\n                        <div class=\"absolute bottom-3 sm:bottom-4 md:bottom-5 lg:bottom-6 left-0 right-0 px-4 z-20\">\n                            <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30b9\u30de\u30db:text-base \u2794 text-xl\u3001PC:sm:text-2xl \u2794 sm:text-3xl md:text-5xl -->\n                            <p class=\"text-white text-xl sm:text-3xl md:text-5xl font-black font-rounded tracking-wide drop-shadow-[0_3px_5px_rgba(0,0,0,0.8)]\" style=\"letter-spacing: 0.05em;\">\n                                \u8c4a\u304b\u306a\u4e2d\u6d77(\u306a\u304b\u3046\u307f)\u306e\u9b45\u529b\u3092<br>\u808c\u3067\u611f\u3058\u3088\u3046\uff01\n                            <\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u3010\u8ffd\u52a0\u6307\u793a\uff1a\u521d\u5fc3\u8005\u8a98\u5c0e\u30a2\u30f3\u30ab\u30fc\u30dc\u30bf\u30f3\u3011\u30b9\u30de\u30db\u304a\u3088\u3073PC\u8868\u793a\u6642\u3001\u91e3\u308a\u521d\u5fc3\u8005\u3067\u3082\u9053\u5177\u306a\u3057\u3067\u53c2\u52a0\u3067\u304d\u308b\u300c\u521d\u5fc3\u8005\u30b5\u30dd\u30fc\u30c8\u30a8\u30ea\u30a2\u300d\u3078\u76f4\u3061\u306b\u30b8\u30e3\u30f3\u30d7\u3067\u304d\u308b\u8a98\u5c0e\u30ea\u30f3\u30af\u3092\u8ffd\u52a0\u914d\u7f6e\u3002\u5b89\u5fc3\u611f\u3092\u4e0e\u3048\u3066\u53c2\u52a0\u7387\u3092\u5f15\u304d\u4e0a\u3052\u307e\u3059 -->\n                    <div class=\"mt-4 text-center\">\n                        <a href=\"#nakaumi-support-anchor\" class=\"js-nakaumi-scroll inline-flex items-center gap-2 bg-[#0284c7]\/90 hover:bg-[#0284c7] text-white font-bold text-sm sm:text-base py-2.5 px-5 rounded-full shadow-lg transition-transform transform hover:-translate-y-0.5 active:translate-y-0.5 border border-sky-300\/40\">\n                            <span class=\"animate-pulse\">\ud83d\udd30<\/span> \u91e3\u308a\u9053\u5177\u3092\u6301\u3063\u3066\u3044\u306a\u304f\u3066\u3082\u5b89\u5fc3\uff01\u7aff\u7121\u6599\u30ec\u30f3\u30bf\u30eb\uff06\u30b5\u30dd\u30fc\u30c8\u8a73\u7d30\u306f\u3053\u3061\u3089 \u2794\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n        <!-- ==================== 4. \u30b3\u30f3\u30c6\u30b9\u30c8\u6982\u8981 ==================== -->\n        <section class=\"relative bg-transparent text-white pt-6 sm:pt-12 pb-16 px-4 z-20\">\n            \n            <!-- \u80cc\u666f\u3042\u3057\u3089\u3044\uff08\u6d45\u702c\uff1a\u30dc\u30e9\u3001\u30b9\u30ba\u30ad\u3001\u4e0a\u6607\u3059\u308b\u6c17\u6ce1\uff09 -->\n            <div class=\"absolute inset-0 pointer-events-none overflow-visible select-none z-10\">\n                <svg class=\"w-full h-full min-h-[400px] overflow-visible\" viewBox=\"0 0 1000 400\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <use href=\"#boraTemplate\" transform=\"translate(150, 80) rotate(15) scale(0.65)\" fill=\"#ffffff\" opacity=\"0.14\" \/>\n                    <use href=\"#suzukiTemplate\" transform=\"translate(800, 120) rotate(225) scale(0.6)\" fill=\"#ffffff\" opacity=\"0.12\" \/>\n                    <use href=\"#realBubble\" transform=\"translate(80, 200) scale(0.8)\" opacity=\"0.7; \" \/>\n                    <use href=\"#realBubble\" transform=\"translate(300, 100) scale(0.6)\" opacity=\"0.6\" \/>\n                    <use href=\"#realBubble\" transform=\"translate(600, 250) scale(1.1)\" opacity=\"0.8\" \/>\n                    <use href=\"#realBubble\" transform=\"translate(850, 150) scale(0.7)\" opacity=\"0.7 \" \/>\n                <\/svg>\n            <\/div>\n\n            <!-- \u5404\u90e8\u9580\u30ab\u30fc\u30c9\u30ea\u30f3\u30af\u306e\u4e0a\u90e8\u7a7a\u9593\u304c\u81ea\u52d5\u7684\u306b\u4e0a\u306b\u8a70\u3081\u3089\u308c\u3001\u30c0\u30a4\u30ca\u30df\u30c3\u30af\u3067\u6d17\u7df4\u3055\u308c\u305f\u898b\u305f\u76ee\u306b\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u3055\u308c\u3066\u3044\u307e\u3059\u3002 -->\n            <div class=\"max-w-3xl mx-auto px-4 sm:px-6 relative z-20\">\n                <!-- \u5404\u90e8\u9580\u30ab\u30fc\u30c9\u30ea\u30f3\u30af -->\n                <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 mt-8\">\n                    <a href=\"#nakaumi-derby\" class=\"js-nakaumi-scroll group bg-white rounded-xl shadow-md border border-slate-200 overflow-hidden transform hover:-translate-0.5 transition-all text-left\">\n                        <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u3055\u3089\u306b\u5927\u304d\u304f\u3001\u30b9\u30de\u30db:text-xs \u2794 text-sm \u2794 text-base\u3001PC:sm:text-sm \u2794 text-lg md:text-xl \/ \u30d0\u30c3\u30b8:text-sm sm:text-base -->\n                        <div class=\"bg-[#104861] text-white text-center py-3 text-base sm:text-lg md:text-xl font-bold font-rounded flex items-center justify-center gap-2 group-hover:bg-[#15536e] transition-colors\">\n                            <span class=\"bg-[#1d8fc1] text-sm sm:text-base px-2.5 py-0.5 rounded-full whitespace-nowrap font-rounded\">\u90e8\u9580 \u2460<\/span>\n                            \u30b5\u30a4\u30ba\u3092\u7af6\u3044\u5408\u304a\u3046\uff01\n                        <\/div>\n                        <div class=\"p-3 flex justify-center items-center h-[90px] sm:h-[100px]\">\n                            <img decoding=\"async\" src=\"https:\/\/www.chukai.co.jp\/corporate\/wp-content\/uploads\/2026\/05\/\u76ee\u6307\u305b\u5927\u7269\uff01\u30b9\u30ba\u30ad\u30c0\u30fc\u30d3\u30fc-\u30c8\u30ea.png\" alt=\"\u30b9\u30ba\u30ad\u30c0\u30fc\u30d3\u30fc\" class=\"max-h-[70px] sm:max-h-[80px] object-contain\">\n                        <\/div>\n                    <\/a>\n                    <a href=\"#nakaumi-story\" class=\"js-nakaumi-scroll group bg-white rounded-xl shadow-md border border-slate-200 overflow-hidden transform hover:-translate-0.5 transition-all text-left\">\n                        <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u3055\u3089\u306b\u5927\u304d\u304f\u3001\u30b9\u30de\u30db:text-xs \u2794 text-sm \u2794 text-base\u3001PC:sm:text-sm \u2794 text-lg md:text-xl \/ \u30d0\u30c3\u30b8:text-sm sm:text-base -->\n                        <div class=\"bg-[#104861] text-white text-center py-3 text-base sm:text-lg md:text-xl font-bold font-rounded flex items-center justify-center gap-2 group-hover:bg-[#15536e] transition-colors\">\n                            <span class=\"bg-teal-600 text-sm sm:text-base px-2.5 py-0.5 rounded-full whitespace-nowrap font-rounded\">\u90e8\u9580 \u2461<\/span>\n                            \u601d\u3044\u51fa\u3092\u6295\u7a3f\u3057\u3088\u3046\uff01\n                        <\/div>\n                        <div class=\"p-3 flex justify-center items-center h-[90px] sm:h-[100px]\">\n                            <img decoding=\"async\" src=\"https:\/\/www.chukai.co.jp\/corporate\/wp-content\/uploads\/2026\/05\/\u307f\u3093\u306a\u306e\u4e2d\u6d77\u7269\u8a9e\u8cde.png\" alt=\"\u307f\u3093\u306a\u306e\u4e2d\u6d77\u7269\u8a9e\u8cde\" class=\"max-h-[70px] sm:max-h-[80px] object-contain\">\n                        <\/div>\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- ==================== 5. \u53c2\u52a0\u306e\u6d41\u308c ==================== -->\n        <section class=\"relative py-12 sm:py-16 bg-transparent text-white px-4 z-20\">\n            \n            <!-- \u80cc\u666f\u3042\u3057\u3089\u3044\uff08\u4e2d\u5c64\uff1a\u30dc\u30e9\u3001\u30b9\u30ba\u30ad\u3001\u30c1\u30cc\u3001\u4e0a\u6607\u3059\u308b\u6c17\u6ce1\uff09 -->\n            <div class=\"absolute inset-0 pointer-events-none overflow-visible select-none z-10\">\n                <svg class=\"w-full h-full min-h-[400px] overflow-visible\" viewBox=\"0 0 1000 400\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <use href=\"#boraTemplate\" transform=\"translate(180, 80) rotate(15) scale(0.65)\" fill=\"#ffffff\" opacity=\"0.14\" \/>\n                    <use href=\"#boraTemplate\" transform=\"translate(240, 110) rotate(10) scale(0.55)\" fill=\"#ffffff\" opacity=\"0.1\" \/>\n                    <use href=\"#suzukiTemplate\" transform=\"translate(740, 90) rotate(220) scale(0.7)\" fill=\"#ffffff\" opacity=\"0.16\" \/>\n                    <use href=\"#suzukiTemplate\" transform=\"translate(810, 140) rotate(225) scale(0.55)\" fill=\"#ffffff\" opacity=\"0.12\" \/>\n                    <use href=\"#chinuTemplate\" transform=\"translate(480, 200) rotate(195) scale(0.65)\" fill=\"#ffffff\" opacity=\"0.13\" \/>\n                    <use href=\"#realBubble\" transform=\"translate(30, 280) scale(0.85)\" opacity=\"0.8\" \/>\n                    <use href=\"#realBubble\" transform=\"translate(150, 210) scale(0.7)\" opacity=\"0.75\" \/>\n                    <use href=\"#realBubble\" transform=\"translate(520, 260) scale(0.78)\" opacity=\"0.8\" \/>\n                    <use href=\"#realBubble\" transform=\"translate(850, 130) scale(0.55)\" opacity=\"0.7\" \/>\n                <\/svg>\n            <\/div>\n\n            <div class=\"max-w-5xl mx-auto relative z-10\">\n                \n                <!-- \u3010\u30b8\u30e3\u30f3\u30d7\u5148\u3011\u5782\u76f4\u4e2d\u592e\u914d\u7f6e\u30b9\u30af\u30ed\u30fc\u30ebID -->\n                <div id=\"nakaumi-flow\" class=\"nakaumi-scroll-center text-center mb-10 sm:mb-12\">\n                    <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30b9\u30de\u30db:text-sm \u2794 text-base \u2794 text-lg\u3001PC:sm:text-xl \u2794 sm:text-2xl \u2794 md:text-3xl -->\n                    <span class=\"inline-block bg-white text-[#1d8fc1] text-lg sm:text-2xl md:text-3xl font-bold tracking-widest px-6 py-2.5 rounded-md shadow-md font-rounded\">\n                        \u30b3\u30f3\u30c6\u30b9\u30c8\u53c2\u52a0\u306e\u6d41\u308c\n                    <\/span>\n                <\/div>\n\n                <div class=\"grid grid-cols-1 md:grid-cols-4 gap-6 relative text-slate-800 font-sans\">\n                    <!-- STEP 1 -->\n                    <div class=\"bg-white rounded-2xl p-5 pt-10 sm:p-6 sm:pt-11 shadow-lg border border-slate-200 text-center relative flex flex-col max-w-full\">\n                        <div>\n                            <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30d0\u30c3\u30b8\u3092\u5927\u304d\u304f text-xs \u2794 text-base sm:text-lg md:text-xl -->\n                            <div class=\"absolute -top-3.5 left-4 bg-[#5cbbe3] text-white text-base sm:text-lg md:text-xl font-bold px-4 py-1 rounded-full shadow-md font-rounded\">\n                                STEP 1\n                            <\/div>\n                            <!-- \u3010\u306f\u307f\u51fa\u3057\u30ec\u30b9\u30ad\u30e5\u30fc\u8abf\u6574\u3011Diver\u30c6\u30fc\u30de\u5074\u306e1\u52174\u30ab\u30e9\u30e0\u6642\u306b\u67a0\u7a81\u304d\u7834\u308a\u3092\u5b8c\u5168\u306b\u9632\u6b62\u3059\u308b\u305f\u3081\u3001\u30dc\u30bf\u30f3\u3092inline-flex items-center justify-center whitespace-normal leading-tight\u306b\u5909\u66f4\u3057\u3001\u30ab\u30fc\u30c9\u5e45\u306b\u9023\u52d5\u3057\u3066\u7d76\u5bfe\u306b\u5d29\u308c\u305a\u306f\u307f\u51fa\u3055\u306a\u3044\u5b8c\u5168\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30d5\u30a3\u30c3\u30c8\u3092\u9069\u7528\u3057\u307e\u3057\u305f -->\n                            <h4 class=\"mb-3 flex justify-center w-full\">\n                                <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30dc\u30bf\u30f3\u306e\u6587\u5b57\u3092\u5927\u304d\u304f\u3001\u30b9\u30de\u30db:text-xs \u2794 text-sm \u2794 text-base sm:text-lg md:text-xl -->\n                                <a href=\"#nakaumi-entry\" class=\"js-nakaumi-scroll inline-flex items-center justify-center bg-orange-500 hover:bg-orange-600 text-white font-black text-sm sm:text-base md:text-xs lg:text-sm xl:text-lg px-3 py-1.5 sm:px-5 sm:py-2.5 md:px-2 md:py-2 lg:px-4 lg:py-2.5 rounded-full font-rounded text-center mx-auto max-w-full whitespace-normal leading-tight\">\n                                    Web\u304b\u3089\u30a8\u30f3\u30c8\u30ea\u30fc\n                                <\/a>\n                            <\/h4>\n                            <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u672c\u6587\u3092\u5927\u304d\u304f\u5f15\u304d\u4e0a\u3052\u3001\u30b9\u30de\u30db\u6700\u4f4e\u30b5\u30a4\u30ba\u3092 text-base sm:text-lg md:text-xl lg:text-2xl \u306b\u5b8c\u5168\u5f37\u5316 -->\n                            <p class=\"text-base sm:text-lg md:text-xl lg:text-2xl text-slate-600 leading-relaxed sm:leading-loose text-left font-sans\">\n                                \u672c\u30da\u30fc\u30b8\u4e0b\u90e8\u306b\u3042\u308b\u30a8\u30f3\u30c8\u30ea\u30fc\u30d5\u30a9\u30fc\u30e0\u304b\u3089\u7c21\u5358\u306a\u5185\u5bb9\u3092\u5165\u529b\u3057\u3066\u30a8\u30f3\u30c8\u30ea\u30fc\u3002<br class=\"hidden sm:inline\">\n                                <span class=\"text-[#1d8fc1] font-bold\">\u203b\u5165\u529b\u3057\u305f\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u306b\u30a8\u30f3\u30c8\u30ea\u30fcNO\u3092\u304a\u9001\u308a\u3057\u307e\u3059\u306e\u3067\u3001\u5927\u5207\u306b\u4fdd\u7ba1\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/span>\n                            <\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- STEP 2 -->\n                    <div class=\"bg-white rounded-2xl p-5 pt-10 sm:p-6 sm:pt-11 shadow-lg border border-slate-200 text-center relative flex flex-col max-w-full\">\n                        <div>\n                            <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30d0\u30c3\u30b8\u3092\u5927\u304d\u304f text-xs \u2794 text-base sm:text-lg md:text-xl -->\n                            <div class=\"absolute -top-3.5 left-4 bg-[#5cbbe3] text-white text-base sm:text-lg md:text-xl font-bold px-4 py-1 rounded-full shadow-md font-rounded\">\n                                STEP 2\n                            <\/div>\n                            <!-- \u3010\u306f\u307f\u51fa\u3057\u30ec\u30b9\u30ad\u30e5\u30fc\u8abf\u6574\u3011Diver\u30c6\u30fc\u30de\u5074\u306e1\u52174\u30ab\u30e9\u30e0\u6642\u306b\u67a0\u7a81\u304d\u7834\u308a\u3092\u5b8c\u5168\u306b\u9632\u6b62\u3059\u308b\u305f\u3081\u3001\u30dc\u30bf\u30f3\u3092inline-flex items-center justify-center whitespace-normal leading-tight\u306b\u5909\u66f4\u3057\u3001\u30ab\u30fc\u30c9\u5e45\u306b\u9023\u52d5\u3057\u3066\u7d76\u5bfe\u306b\u5d29\u308c\u305a\u306f\u307f\u51fa\u3055\u306a\u3044\u5b8c\u5168\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30d5\u30a3\u30c3\u30c8\u3092\u9069\u7528\u3057\u307e\u3057\u305f -->\n                            <h4 class=\"mb-3 flex justify-center w-full\">\n                                <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30dc\u30bf\u30f3\u306e\u6587\u5b57\u3092\u5927\u304d\u304f\u3001\u30b9\u30de\u30db:text-xs \u2794 text-sm \u2794 text-base sm:text-lg md:text-xl -->\n                                <span class=\"inline-flex items-center justify-center border-2 border-[#1d8fc1]\/60 bg-[#e0f2fe]\/40 text-[#1d8fc1] font-bold text-sm sm:text-base md:text-xs lg:text-sm xl:text-lg px-3 py-1.5 sm:px-5 sm:py-2.5 md:px-2 md:py-2 lg:px-4 lg:py-2.5 rounded-full font-rounded text-center mx-auto max-w-full whitespace-normal leading-tight\">\n                                    \u4e2d\u6d77\u3067\u91e3\u308a\u3092\u697d\u3057\u3080\n                                <\/span>\n                            <\/h4>\n                            <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u672c\u6587\u3092\u5927\u304d\u304f\u5f15\u304d\u4e0a\u3052\u3001\u30b9\u30de\u30db\u6700\u4f4e\u30b5\u30a4\u30ba\u3092 text-base sm:text-lg md:text-xl lg:text-2xl \u306b\u5b8c\u5168\u5f37\u5316 -->\n                            <p class=\"text-base sm:text-lg md:text-xl lg:text-2xl text-slate-600 leading-relaxed sm:leading-loose text-left font-sans\">\n                                \u30b3\u30f3\u30c6\u30b9\u30c8\u671f\u9593\u4e2d\u306b\u4e2d\u6d77\u3067\u91e3\u308a\u306b\u30c1\u30e3\u30ec\u30f3\u30b8\uff01\u91e3\u308a\u9053\u5177\u3092\u6301\u3063\u3066\u3044\u306a\u3044\u65b9\u3067\u3082\u300c\u304b\u3081\u3084\u91e3\u5177\u7c73\u5b50\u5e97\u300d\u306b\u884c\u3051\u3070\u7121\u6599\u3067\u7aff\u30ec\u30f3\u30bf\u30eb\u3057\u3066\u53c2\u52a0\u3067\u304d\u307e\u3059\uff01<br class=\"hidden sm:inline\"><span class=\"text-teal-600 font-bold\">\u203b\u8a73\u7d30\u306f\u672c\u30da\u30fc\u30b8\u4e00\u756a\u4e0b\u3067\u30c1\u30a7\u30c3\u30af\u3002<\/span>\n                            <\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- STEP 3 -->\n                    <div class=\"bg-white rounded-2xl p-5 pt-10 sm:p-6 sm:pt-11 shadow-lg border border-slate-200 text-center relative flex flex-col max-w-full\">\n                        <div>\n                            <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30d0\u30c3\u30b8\u3092\u5927\u304d\u304f text-xs \u2794 text-base sm:text-lg md:text-xl -->\n                            <div class=\"absolute -top-3.5 left-4 bg-[#5cbbe3] text-white text-base sm:text-lg md:text-xl font-bold px-4 py-1 rounded-full shadow-md font-rounded\">\n                                STEP 3\n                            <\/div>\n                            <!-- \u3010\u306f\u307f\u51fa\u3057\u30ec\u30b9\u30ad\u30e5\u30fc\u8abf\u6574\u3011Diver\u30c6\u30fc\u30de\u5074\u306e1\u52174\u30ab\u30e9\u30e0\u6642\u306b\u67a0\u7a81\u304d\u7834\u308a\u3092\u5b8c\u5168\u306b\u9632\u6b62\u3059\u308b\u305f\u3081\u3001\u30dc\u30bf\u30f3\u3092inline-flex items-center justify-center whitespace-normal leading-tight\u306b\u5909\u66f4\u3057\u3001\u30ab\u30fc\u30c9\u5e45\u306b\u9023\u52d5\u3057\u3066\u7d76\u5bfe\u306b\u5d29\u308c\u305a\u306f\u307f\u51fa\u3055\u306a\u3044\u5b8c\u5168\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30d5\u30a3\u30c3\u30c8\u3092\u9069\u7528\u3057\u307e\u3057\u305f -->\n                            <h4 class=\"mb-3 flex justify-center w-full\">\n                                <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30dc\u30bf\u30f3\u306e\u6587\u5b57\u3092\u5927\u304d\u304f\u3001\u30b9\u30de\u30db:text-xs \u2794 text-sm \u2794 text-base sm:text-lg md:text-xl -->\n                                <span class=\"inline-flex items-center justify-center border-2 border-[#1d8fc1]\/60 bg-[#e0f2fe]\/40 text-[#1d8fc1] font-bold text-sm sm:text-base md:text-xs lg:text-sm xl:text-lg px-3 py-1.5 sm:px-5 sm:py-2.5 md:px-2 md:py-2 lg:px-4 lg:py-2.5 rounded-full font-rounded text-center mx-auto max-w-full whitespace-normal leading-tight\">\n                                    \u6301\u8fbc \u307e\u305f\u306f \u6295\u7a3f\n                                <\/span>\n                            <\/h4>\n                            <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u672c\u6587\u3092\u5927\u304d\u304f\u5f15\u304d\u4e0a\u3052\u3001\u30b9\u30de\u30db\u6700\u4f4e\u30b5\u30a4\u30ba\u3092 text-base sm:text-lg md:text-xl lg:text-2xl \u306b\u5b8c\u5168\u5f37\u5316 -->\n                            <div class=\"text-base sm:text-lg md:text-xl lg:text-2xl text-slate-600 leading-relaxed sm:leading-loose text-left font-sans space-y-2\">\n                                <!-- \u300c\u30b9\u30ba\u30ad\u304c\u91e3\u308c\u308c\u3070\uff1a\u300d\u306e\u898b\u51fa\u3057\u306e\u6539\u884c\u30b3\u30fc\u30c9\u3092\u524a\u9664\u3057\u30661\u884c\u306b\u7d71\u5408\u3057\u307e\u3057\u305f -->\n                                <p><strong class=\"text-[#1d8fc1]\">\u30b9\u30ba\u30ad\u304c\u91e3\u308c\u308c\u3070\uff1a<\/strong>\u304b\u3081\u3084\u91e3\u5177\u7c73\u5b50\u5e97\u306b\u6301\u3061\u8fbc\u307f\u30b5\u30a4\u30ba\u8a08\u6e2c\uff01\u2794\u300c\u3081\u3056\u305b\u5927\u7269\uff01\u30b9\u30ba\u30ad\u30c0\u30fc\u30d3\u30fc\uff01\u300d\u53c2\u52a0\uff01<\/p>\n                                <!-- \u300c\u4ed6\u306e\u9b5a\u3084\u4e2d\u6d77\u306e\u601d\u3044\u51fa\u306f\uff1a\u300d\u3078\u3068\u898b\u51fa\u3057\u3092\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u3057\u3001\u300c\u3084\u300d\u306e\u76f4\u5f8c\u306b\u6539\u884c\u30b3\u30fc\u30c9\u3092\u5165\u308c\u3066\u7f8e\u3057\u30442\u884c\u306b\u5909\u66f4\u3057\u307e\u3057\u305f -->\n                                <p class=\"border-t border-slate-100 pt-1.5 mb-2\"><strong class=\"text-teal-600\">\u4ed6\u306e\u9b5a\u3084<br>\u4e2d\u6d77\u306e\u601d\u3044\u51fa\u306f\uff1a<\/strong><br>\u300cChukai\u6295\u7a3f\u30d1\u30fc\u30af\u300d\u3078\u5199\u771f\u3084\u52d5\u753b\u3092\u64ae\u3063\u3066\u6295\u7a3f\uff01\u2794\u300c\u307f\u3093\u306a\u306e\u4e2d\u6d77\u7269\u8a9e\u8cde\u300d\u53c2\u52a0\uff01<\/p>\n                                <div class=\"pt-1\">\n                                    <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30dc\u30bf\u30f3\u5168\u4f53\u3092\u5927\u304d\u304f\u3001\u30b9\u30de\u30db\u6700\u4f4e\u30b5\u30a4\u30ba\u3092 text-base sm:text-lg md:text-xl \u306b\u5b8c\u5168\u5f37\u5316 -->\n                                    <a href=\"https:\/\/www.chukai.co.jp\/community\/line_toukou_park_howto\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block bg-[#00c853] hover:bg-[#00b24a] border border-[#004d20] text-white font-black rounded-xl py-4 px-5 text-center text-base sm:text-lg md:text-xl font-rounded leading-relaxed shadow-md transition-colors\">\n                                        Chukai\u6295\u7a3f\u30d1\u30fc\u30af\u3078\u306e\u6295\u7a3f\u65b9\u6cd5\u306f\u3053\u3061\u3089\u304b\u3089\n                                    <\/a>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- STEP 4 -->\n                    <div class=\"bg-white rounded-2xl p-5 pt-10 sm:p-6 sm:pt-11 shadow-lg border border-slate-200 text-center relative flex flex-col max-w-full\">\n                        <div>\n                            <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30d0\u30c3\u30b8\u3092\u5927\u304d\u304f text-xs \u2794 text-base sm:text-lg md:text-xl -->\n                            <div class=\"absolute -top-3.5 left-4 bg-[#5cbbe3] text-white text-base sm:text-lg md:text-xl font-bold px-4 py-1 rounded-full shadow-md font-rounded\">\n                                STEP 4\n                            <\/div>\n                            <!-- \u3010\u306f\u307f\u51fa\u3057\u30ec\u30b9\u30ad\u30e5\u30fc\u8abf\u6574\u3011Diver\u30c6\u30fc\u30de\u5074\u306e1\u52174\u30ab\u30e9\u30e0\u6642\u306b\u67a0\u7a81\u304d\u7834\u308a\u3092\u5b8c\u5168\u306b\u9632\u6b62\u3059\u308b\u305f\u3081\u3001\u30dc\u30bf\u30f3\u3092inline-flex items-center justify-center whitespace-normal leading-tight\u306b\u5909\u66f4\u3057\u3001\u30ab\u30fc\u30c9\u5e45\u306b\u9023\u52d5\u3057\u3066\u7d76\u5bfe\u306b\u5d29\u308c\u305a\u306f\u307f\u51fa\u3055\u306a\u3044\u5b8c\u5168\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30d5\u30a3\u30c3\u30c8\u3092\u9069\u7528\u3057\u307e\u3057\u305f -->\n                            <h4 class=\"mb-3 flex justify-center w-full\">\n                                <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30dc\u30bf\u30f3\u306e\u6587\u5b57\u3092\u5927\u304d\u304f\u3001\u30b9\u30de\u30db:text-xs \u2794 text-sm \u2794 text-base sm:text-lg md:text-xl -->\n                                <span class=\"inline-flex items-center justify-center border-2 border-[#d4af37] bg-[#fdfaf2] text-[#a3791a] font-bold text-sm sm:text-base md:text-xs lg:text-sm xl:text-lg px-3 py-1.5 sm:px-5 sm:py-2.5 md:px-2 md:py-2 lg:px-4 lg:py-2.5 rounded-full font-rounded text-center mx-auto max-w-full whitespace-normal leading-tight shadow-sm\">\n                                    \u756a\u7d44\u5185\u3067\u53d7\u8cde\u8005\u767a\u8868\n                                <\/span>\n                            <\/h4>\n                            <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u672c\u6587\u3092\u5927\u304d\u304f\u5f15\u304d\u4e0a\u3052\u3001\u30b9\u30de\u30db\u6700\u4f4e\u30b5\u30a4\u30ba\u3092 text-base sm:text-lg md:text-xl lg:text-2xl \u306b\u5b8c\u5168\u5f37\u5316 -->\n                            <p class=\"text-base sm:text-lg md:text-xl lg:text-2xl text-slate-600 leading-relaxed sm:leading-loose text-left font-sans\">\n                                \u4e21\u90e8\u9580\u306e\u5927\u8cde\u306f<span class=\"font-bold text-red-600\">8\u670819\u65e5(\u6c34)10:00\uff5e<\/span>\u521d\u56de\u653e\u9001\u306e\u4e2d\u6d77\u30c6\u30ec\u30d3\u653e\u9001\u306e\u756a\u7d44\u300c\u4e2d\u6d77\u7269\u8a9e\u300d(121ch)\u3067\u5927\u767a\u8868\uff01<br class=\"hidden sm:inline\">\u300cChukai\u6295\u7a3f\u30d1\u30fc\u30af\u300d\u306b\u5fdc\u52df\u3055\u308c\u305f\u5199\u771f\u3084\u52d5\u753b\u306f\u6bce\u9031\u6708\uff5e\u91d1\u66dc\u65e56:30\uff5e8:00\u653e\u9001\u306e\u300c\u30e2\u30fc\u30cb\u30f3\u30b0\u30b9\u30bf\u30b8\u30aa\u300d(111ch)\u5185\u3067\u3082\u9806\u6b21\u7d39\u4ecb\u3055\u308c\u307e\u3059\uff01\n                            <\/p>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- ==================== 6. \u90e8\u9580\u7d39\u4ecb\u30bb\u30af\u30b7\u30e7\u30f3 ==================== -->\n        <section class=\"relative py-12 sm:py-16 bg-transparent text-white font-rounded px-4 z-20\">\n            \n            <!-- \u80cc\u666f\u3042\u3057\u3089\u3044\uff08\u4e2d\u5c64\uff1a\u30d2\u30a4\u30e9\u30ae, \u30c1\u30cc, \u30b9\u30ba\u30ad, \u4e0a\u6607\u3059\u308b\u6c17\u6ce1\uff09 -->\n            <div class=\"absolute inset-0 pointer-events-none overflow-visible select-none z-10\">\n                <svg class=\"w-full h-full min-h-[400px] overflow-visible\" viewBox=\"0 0 1000 400\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <use href=\"#hiiragiTemplate\" transform=\"translate(150, 90) rotate(15) scale(0.65)\" fill=\"#ffffff\" opacity=\"0.16\" \/>\n                    <use href=\"#hiiragiTemplate\" transform=\"translate(190, 115) rotate(10) scale(0.55)\" fill=\"#ffffff\" opacity=\"0.12\" \/>\n                    <use href=\"#hiiragiTemplate\" transform=\"translate(230, 90) rotate(18) scale(0.6)\" fill=\"#ffffff\" opacity=\"0.14\" \/>\n                    <use href=\"#chinuTemplate\" transform=\"translate(780, 120) rotate(225) scale(0.8)\" fill=\"#ffffff\" opacity=\"0.18\" \/>\n                    <use href=\"#chinuTemplate\" transform=\"translate(850, 180) rotate(220) scale(0.7)\" fill=\"#ffffff\" opacity=\"0.14\" \/>\n                    <use href=\"#suzukiTemplate\" transform=\"translate(480, 250) rotate(210) scale(0.55)\" fill=\"#ffffff\" opacity=\"0.15\" \/>\n                    <use href=\"#realBubble\" transform=\"translate(100, 240) scale(0.85)\" opacity=\"0.8\" \/>\n                    <use href=\"#realBubble\" transform=\"translate(420, 280) scale(0.85)\" opacity=\"0.8\" \/>\n                    <use href=\"#realBubble\" transform=\"translate(750, 300) scale(0.9)\" opacity=\"0.85\" \/>\n                <\/svg>\n            <\/div>\n\n            <div class=\"max-w-6xl mx-auto relative z-20 font-rounded\">\n                <div class=\"text-center mb-10 sm:mb-12\">\n                    <!-- \u3010\u8ffd\u52a0\u6307\u793a\u3011\u90e8\u9580\u2460\u3068\u90e8\u9580\u2461\u306e\u4e0a\u306b\u3001\u304a\u3081\u3067\u305f\u3044\u767d\u3044\u67a0\u3067\u300c\u30b3\u30f3\u30c6\u30b9\u30c8\u306f\uff12\u90e8\u9580\u958b\u50ac\uff01\u300d\u3068\u76ee\u7acb\u305f\u305b\u307e\u3059\uff08\u30b3\u30f3\u30c6\u30b9\u30c8\u53c2\u52a0\u306e\u6d41\u308c\u3068\u540c\u30b9\u30bf\u30a4\u30eb\u4ed5\u69d8\u306b\u7d71\u5408\uff09 -->\n                    <span class=\"inline-block bg-white text-[#1d8fc1] text-lg sm:text-2xl md:text-3xl font-bold tracking-widest px-6 py-2.5 rounded-md shadow-md font-rounded\">\n                        \u30b3\u30f3\u30c6\u30b9\u30c8\u306f\uff12\u90e8\u9580\u958b\u50ac\uff01\n                    <\/span>\n                    <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30b9\u30de\u30dbtext-xl\u2192text-2xl\u3001PCsm:text-3xl\u2192sm:text-4xl -->\n                    <h2 class=\"text-2xl sm:text-4xl font-black text-white mt-4\" style=\"text-shadow: 0 2px 4px rgba(0,0,0,0.15);\">\n                        \u9078\u3079\u308b2\u3064\u306e\u30b3\u30f3\u30c6\u30b9\u30c8\u90e8\u9580\n                    <\/h2>\n                    <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30b9\u30de\u30dbtext-sm\u2192text-base -->\n                    <p class=\"text-sky-100 text-base mt-2 font-sans\">\u3054\u81ea\u8eab\u306e\u30b9\u30bf\u30a4\u30eb\u3084\u30bf\u30fc\u30b2\u30c3\u30c8\u306b\u5408\u308f\u305b\u3066\u3001\u3069\u3061\u3089\u306e\u90e8\u9580\u3067\u3082\uff08\u4e21\u65b9\u3067\u3082\uff09\u53c2\u52a0\u53ef\u80fd\u3067\u3059\uff01<\/p>\n                    <div class=\"w-12 h-1 bg-white\/40 mx-auto rounded mt-3\"><\/div>\n                <\/div>\n\n                <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 text-slate-800 font-sans\">\n                    \n                    <!-- \u2460\u3081\u3056\u305b\u5927\u7269\uff01\u30b9\u30ba\u30ad\u30c0\u30fc\u30d3\u30fc -->\n                    <div class=\"bg-white\/95 rounded-3xl p-5 sm:p-8 flex flex-col justify-between shadow-lg relative overflow-hidden border-2 border-dashed border-[#5cbbe3]\/40\">\n                        <!-- \u3010\u30b8\u30e3\u30f3\u30d7\u5148\u3011\u5782\u76f4\u4e2d\u592e\u914d\u7f6e\u30b9\u30af\u30ed\u30fc\u30ebID -->\n                        <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30d0\u30c3\u30b8text-xs\u2192text-sm\u3001PCsm:text-sm\u2192sm:text-base \u2794 \u3010\u4fee\u6b63\u3011\u3055\u3089\u306b\u5927\u304d\u304f text-sm sm:text-base md:text-lg -->\n                        <div id=\"nakaumi-derby\" class=\"nakaumi-scroll-center absolute top-0 right-0 bg-[#5cbbe3] text-white text-sm sm:text-base md:text-lg font-bold px-4 py-2 rounded-bl-2xl font-rounded\">\n                            \u30b5\u30a4\u30ba\u3092\u7af6\u3044\u5408\u304a\u3046\uff01\n                        <\/div>\n                        <div>\n                            <div class=\"mb-5 flex flex-col items-center justify-center\">\n                                <img decoding=\"async\" src=\"https:\/\/www.chukai.co.jp\/corporate\/wp-content\/uploads\/2026\/05\/\u76ee\u6307\u305b\u5927\u7269\uff01\u30b9\u30ba\u30ad\u30c0\u30fc\u30d3\u30fc-\u30c8\u30ea.png\" alt=\"\u2460 \u3081\u3056\u305b\u5927\u7269\uff01\u30b9\u30ba\u30ad\u30c0\u30fc\u30d3\u30fc\" class=\"max-h-[85px] sm:max-h-[120px] w-auto object-contain mx-auto block\">\n                            <\/div>\n                            <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30b9\u30de\u30db:text-sm \u2794 text-base \u2794 \u3010\u4fee\u6b63\u3011\u3055\u3089\u306b\u5927\u304d\u304f \u30b9\u30de\u30db:text-base\u3001PC:sm:text-lg \u2794 text-lg sm:text-xl md:text-2xl -->\n                            <p class=\"text-base sm:text-xl md:text-2xl text-slate-600 mb-6 leading-relaxed\">\n                                \u671f\u9593\u4e2d\u306b\u4e2d\u6d77\u3067\u91e3\u308c\u305f\u30b9\u30ba\u30ad\u306e\u30b5\u30a4\u30ba\u3092\u7af6\u3044\u5408\u3044\u307e\u3059\u3002\u6700\u3082\u5927\u304d\u306a\u30b5\u30a4\u30ba\u3092\u91e3\u308a\u4e0a\u3052\u305f\u65b9\u304c\u300c\u5927\u8cde\u300d\u306b\u8f1d\u304d\u307e\u3059\u3002\n                            <\/p>\n                            \n                            <div class=\"space-y-4 mb-8\">\n                                <div class=\"bg-slate-50 rounded-xl p-5 border border-sky-100\">\n                                    <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u3055\u3089\u306b\u5927\u304d\u304f\u3001\u30b9\u30de\u30db:text-xs \u2794 text-sm \u2794 text-sm sm:text-base -->\n                                    <h4 class=\"text-sm sm:text-base font-bold text-[#1d8fc1] uppercase mb-1.5 font-rounded\">\ud83d\udc1f \u5bfe\u8c61\u9b5a\u30fb\u6761\u4ef6<\/h4>\n                                    <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u3055\u3089\u306b\u5927\u304d\u304f\u3001\u30b9\u30de\u30db:text-sm \u2794 text-base \u2794 text-base sm:text-lg md:text-xl -->\n                                    <p class=\"text-base sm:text-lg md:text-xl text-slate-700 font-bold leading-relaxed\">\n                                        \u4e2d\u6d77\u3067\u91e3\u308c\u305f<strong>\u539f\u524740cm\u4ee5\u4e0a<\/strong>\u306e\u30d5\u30c3\u30b3\u30fb\u30b9\u30ba\u30ad\u30af\u30e9\u30b9\n                                    <\/p>\n                                <\/div>\n                                <div class=\"bg-slate-50 rounded-xl p-5 border border-sky-100\">\n                                    <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u3055\u3089\u306b\u5927\u304d\u304f\u3001\u30b9\u30de\u30db:text-xs \u2794 text-sm \u2794 text-sm sm:text-base -->\n                                    <h4 class=\"text-sm sm:text-base font-bold text-[#1d8fc1] uppercase mb-1.5 font-rounded\">\u2696\ufe0f \u8a18\u9332\u65b9\u6cd5<\/h4>\n                                    <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63}\u3055\u3089\u306b\u5927\u304d\u304f\u3001\u30b9\u30de\u30db:text-sm \u2794 text-base \u2794 text-base sm:text-lg md:text-xl -->\n                                    <p class=\"text-base sm:text-lg md:text-xl text-slate-700 leading-relaxed\">\n                                        \u91e3\u3063\u305f\u9b5a\u3092\u65b0\u9bae\u306a\u72b6\u614b\u306e\u307e\u307e\u300c\u304b\u3081\u3084\u91e3\u5177 \u7c73\u5b50\u5e97\u300d\u306b\u76f4\u63a5\u304a\u6301\u3061\u8fbc\u307f\u304f\u3060\u3055\u3044\u3002\u5e97\u8217\u30b9\u30bf\u30c3\u30d5\u304c\u30b5\u30a4\u30ba\u8a08\u6e2c\u30fb\u5199\u771f\u64ae\u5f71\u3092\u884c\u3044\u307e\u3059\u3002\n                                    <\/p>\n                                <\/div>\n                                <div class=\"pt-1\">\n                                    <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30b9\u30de\u30dbtext-xs \u2794 text-sm sm:text-base -->\n                                    <a href=\"#nakaumi-kameya\" class=\"js-nakaumi-scroll block bg-[#1d8fc1] hover:bg-[#167099] border border-[#104861] text-white font-bold rounded-xl py-3.5 px-4 text-center text-sm sm:text-base font-rounded leading-tight shadow-md transition-colors font-sans font-bold\">\n                                        \u304b\u3081\u3084\u91e3\u5177 \u7c73\u5b50\u5e97\u306e\u60c5\u5831\u306f\u3053\u3061\u3089\n                                    <\/a>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"relative bg-white text-slate-800 rounded-2xl p-4 sm:p-5 text-center mt-auto font-rounded border-2 border-[#d4af37] shadow-[0_4px_15px_rgba(212,175,55,0.15)] overflow-hidden\">\n                            <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30b9\u30de\u30dbtext-xs\u2192text-sm\u3001PCsm:text-sm\u2192sm:text-base -->\n                            <span class=\"text-sm sm:text-base text-[#a3791a] font-black tracking-widest block mb-1.5 relative z-10\">\u30b9\u30ba\u30ad\u30c0\u30fc\u30d3\u30fc \u8cde\u54c1<\/span>\n                            <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30b9\u30de\u30dbtext-lg\u2192text-xl\u3001PCsm:text-2xl\u2192sm:text-3xl -->\n                            <p class=\"text-xl sm:text-3xl font-black bg-gradient-to-r from-[#9a7418] via-[#dfb73c] to-[#9a7418] bg-clip-text text-transparent tracking-wide relative z-10 font-rounded\">\n                                \u304b\u3081\u3084\u5e97\u5185\u3067\u4f7f\u3048\u308b\u91d1\u5238\u4e00\u5c01\n                            <\/p>\n                            <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30b9\u30de\u30dbtext-xs\u2192text-sm\u3001PCsm:text-sm\u2192sm:text-base -->\n                            <span class=\"text-sm sm:text-base text-[#a3791a]\/80 font-medium block mt-1.5 relative z-10\">(\u63d0\u4f9b\uff1a\u304b\u3081\u3084\u91e3\u5177 \u7c73\u5b50\u5e97)<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u2461\u307f\u3093\u306a\u306e\u4e2d\u6d77\u7269\u8a9e\u8cde -->\n                    <div id=\"target-story\" class=\"bg-white\/95 rounded-3xl p-5 sm:p-8 flex flex-col justify-between shadow-lg relative overflow-hidden border-2 border-dashed border-[#5cbbe3]\/40 flex flex-col justify-between\">\n                        <!-- \u3010\u30b8\u30e3\u30f3\u30d7\u5148\u3011\u5782\u76f4\u4e2d\u592e\u914d\u7f6e\u30b9\u30af\u30ed\u30fc\u30ebID -->\n                        <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30d0\u30c3\u30b8text-xs\u2192text-sm\u3001PCsm:text-sm\u2192sm:text-base \u2794 \u3010\u4fee\u6b63\u3011\u3055\u3089\u306b\u5927\u304d\u304f text-sm sm:text-base md:text-lg -->\n                        <div id=\"nakaumi-story\" class=\"nakaumi-scroll-center absolute top-0 right-0 bg-teal-500 text-white text-sm sm:text-base md:text-lg font-bold px-4 py-2 rounded-bl-2xl font-rounded\">\n                            \u601d\u3044\u51fa\u3092\u6295\u7a3f\u3057\u3088\u3046\uff01\n                        <\/div>\n                        <div>\n                            <div class=\"mb-5 flex flex-col items-center justify-center\">\n                                <img decoding=\"async\" src=\"https:\/\/www.chukai.co.jp\/corporate\/wp-content\/uploads\/2026\/05\/\u307f\u3093\u306a\u306e\u4e2d\u6d77\u7269\u8a9e\u8cde.png\" alt=\"\u2461  \u307f\u3093\u306a\u306e\u4e2d\u6d77\u7269\u8a9e\u8cde\" class=\"max-h-[85px] sm:max-h-[120px] w-auto object-contain mx-auto block\" onerror=\"this.style.display='none'; document.getElementById('story-title-fallback').style.display='block';\">\n                                <h3 id=\"story-title-fallback\" class=\"hidden text-xl sm:text-2xl font-black text-teal-900 text-center font-rounded\">\u2461  \u307f\u3093\u306a\u306e\u4e2d\u6d77\u7269\u8a9e\u8cde<\/h3>\n                            <\/div>\n                            <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30b9\u30de\u30db:text-sm \u2794 text-base \u2794 \u3010\u4fee\u6b63\u3011\u3055\u3089\u306b\u5927\u304d\u304f \u30b9\u30de\u30db:text-base\u3001PC:sm:text-lg \u2794 text-lg sm:text-xl md:text-2xl -->\n                            <p class=\"text-base sm:text-xl md:text-2xl text-slate-600 mb-6 font-sans leading-relaxed\">\n                                \u4e2d\u6d77\u3067\u91e3\u308c\u305f\u3055\u307e\u3056\u307e\u306a\u9b5a\u7a2e\u3001\u5bb6\u65cf\u3067\u306e\u91e3\u308a\u98a8\u666f\u306a\u3069\u306e\u5199\u771f\u3084\u52d5\u753b\u3092\u64ae\u3063\u3066\u300cChukai\u6295\u7a3f\u30d1\u30fc\u30af\u300d\u306b\u6295\u7a3f\u3057\u3066\u304f\u3060\u3055\u3044\uff01\n                            <\/p>\n                            \n                            <div class=\"space-y-4 mb-6\">\n                                <div class=\"bg-slate-50 rounded-xl p-5 border border-teal-100\">\n                                    <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u3055\u3089\u306b\u5927\u304d\u304f\u3001\u30b9\u30de\u30db:text-xs \u2794 text-sm \u2794 text-sm sm:text-base -->\n                                    <h4 class=\"text-sm sm:text-base font-bold text-teal-800 uppercase mb-1.5 font-rounded\">\u5bfe\u8c61\u9b5a\u30fb\u6761\u4ef6<\/h4>\n                                    <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u3055\u3089\u306b\u5927\u304d\u304f\u3001\u30b9\u30de\u30db:text-sm \u2794 text-base \u2794 text-base sm:text-lg md:text-xl -->\n                                    <p class=\"text-base sm:text-lg md:text-xl text-slate-700 font-bold font-sans leading-relaxed\">\n                                        \u30b9\u30ba\u30ad(\u30d5\u30c3\u30b3\u3082\u542b\u3080)\u3084\u4e2d\u6d77\u3067\u91e3\u308c\u305f\u3059\u3079\u3066\u306e\u9b5a\u7a2e\u304c\u5bfe\u8c61\u3067\u3059\u3002\u91e3\u884c\u4e2d\u306e\u30b9\u30ca\u30c3\u30d7\u5199\u771f\u306a\u3069\u3082\u5927\u6b53\u8fce\uff01\n                                    <\/p>\n                                <\/div>\n                                <div class=\"bg-slate-50 rounded-xl p-5 border border-teal-100 space-y-3\">\n                                    <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u3055\u3089\u306b\u5927\u304d\u304f\u3001\u30b9\u30de\u30db:text-xs \u2794 text-sm \u2794 text-sm sm:text-base -->\n                                    <h4 class=\"text-sm sm:text-base font-bold text-teal-800 uppercase mb-1.5 font-rounded\">\u5fdc\u52df\u65b9\u6cd5<\/h4>\n                                    <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u3055\u3089\u306b\u5927\u304d\u304f\u3001\u30b9\u30de\u30db:text-sm \u2794 text-base \u2794 text-base sm:text-lg md:text-xl -->\n                                    <p class=\"text-base sm:text-lg md:text-xl text-slate-700 font-sans leading-relaxed\">\n                                        \u300cChukai\u6295\u7a3f\u30d1\u30fc\u30af\u300d\u306e\u5c02\u7528\u5fdc\u52df\u30d5\u30a9\u30fc\u30e0\u304b\u3089\u5199\u771f\u3084\u52d5\u753b\u3092\u6295\u7a3f\u3002\u6295\u7a3f\u3057\u305f\u5199\u771f\u306f\u4e2d\u6d77\u30c6\u30ec\u30d3\u306e\u671d\u756a\u7d44\u300c\u30e2\u30fc\u30cb\u30f3\u30b0\u30b9\u30bf\u30b8\u30aa\u300d\u5185\u3067\u9806\u6b21\u7d39\u4ecb\u3057\u307e\u3059\uff01\n                                    <\/p>\n                                    <div class=\"pt-1\">\n                                        <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u3055\u3089\u306b\u5927\u304d\u304f\u3001\u30b9\u30de\u30db:text-xs \u2794 text-sm \u2794 text-sm sm:text-base \/ py-2 \u2794 py-3.5 px-4 -->\n                                        <a href=\"https:\/\/www.chukai.co.jp\/community\/line_toukou_park_howto\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block bg-[#00c853] hover:bg-[#00b24a] border border-[#004d20] text-white font-black rounded-xl py-3.5 px-4 text-center text-sm sm:text-base font-rounded leading-relaxed shadow-md transition-colors\">\n                                            Chukai\u6295\u7a3f\u30d1\u30fc\u30af\u3078\u306e\u6295\u7a3f\u65b9\u6cd5\u306f\u3053\u3061\u3089\u304b\u3089\n                                        <\/a>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- \u304a\u98df\u4e8b\u5238\u30da\u30a2\u30c1\u30b1\u30c3\u30c8\uff08\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u306a\u753b\u50cf\u3068\u30c6\u30ad\u30b9\u30c8\u914d\u7f6e\uff09 -->\n                        <div class=\"relative bg-white text-slate-800 rounded-2xl p-4 flex flex-col sm:flex-row items-center gap-4 mt-4 overflow-hidden shadow-[0_4px_15px_rgba(212,175,55,0.15)] border-2 border-[#d4af37] font-rounded\">\n                            <div class=\"w-full sm:w-1\/3 h-28 rounded-lg overflow-hidden flex-shrink-0 relative bg-slate-50 border border-[#d4af37]\/40 shadow-sm z-10\">\n                                <img decoding=\"async\" src=\"https:\/\/www.chukai.co.jp\/corporate\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_s7cievs7cievs7ci.png\" alt=\"\u4e2d\u6d77\u4e03\u73cd\u305b\u30a4\u30eb\u3081\u3057\" class=\"w-full h-full object-cover\">\n                            <\/div>\n                            <div class=\"w-full sm:w-2\/3 text-left font-rounded flex flex-col justify-center relative z-10\">\n                                <!-- \u3010\u8ffd\u52a0\u6307\u793a\u4fee\u6b63\u3011\u300c\u304b\u306b\u30fb\u90f7\u571f\u6599\u7406\u300c\u6d77\u738b\u300d\u300d\u306e\u30c6\u30ad\u30b9\u30c8\u306e\u4e0a\u306b\u3001\u300c\u30b9\u30ba\u30ad\u30c0\u30fc\u30d3\u30fc\u3000\u8cde\u54c1\u300d\u3068\u5168\u304f\u540c\u4e00\u306e\u7f8e\u3057\u3044\u30c6\u30a4\u30b9\u30c8\uff08\u30b4\u30fc\u30eb\u30c9\u3001\u30d6\u30e9\u30c3\u30af\u3001\u5b57\u9593\u5e83\u3081\uff09\u3067\u300c\u307f\u3093\u306a\u306e\u4e2d\u6d77\u7269\u8a9e\u8cde \u8cde\u54c1\u300d\u3068\u3044\u3046\u30c6\u30ad\u30b9\u30c8\u3092\u633f\u5165\u3057\u307e\u3057\u305f -->\n                                <span class=\"text-sm sm:text-base text-[#a3791a] font-black tracking-widest block mb-1\">\u307f\u3093\u306a\u306e\u4e2d\u6d77\u7269\u8a9e\u8cde \u8cde\u54c1<\/span>\n                                <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30b9\u30de\u30dbtext-xs\u2192text-sm\u3001PCsm:text-sm\u2192sm:text-base -->\n                                <span class=\"text-sm sm:text-base text-[#a3791a] font-bold block mb-1\">\ud83c\udf81 \u304b\u306b\u30fb\u90f7\u571f\u6599\u7406\u300c\u6d77\u738b\u300d<\/span>\n                                <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30b9\u30de\u30dbtext-sm\u2192text-base\u3001PCsm:text-lg\u2192sm:text-xl -->\n                                <h4 class=\"text-base sm:text-xl font-black bg-gradient-to-r from-[#9a7418] via-[#dfb73c] to-[#9a7418] bg-clip-text text-transparent tracking-wide font-rounded leading-tight\">\u4e2d\u6d77\u4e03\u73cd\u305b\u3044\u308d\u3081\u3057 \u30da\u30a2\u304a\u98df\u4e8b\u5238<\/h4>\n                                <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30b9\u30de\u30dbtext-xs\u2192text-sm\u3001PCsm:text-sm\u2192sm:text-base -->\n                                <p class=\"text-sm sm:text-base text-slate-700 mt-1.5 font-bold flex items-center gap-1.5\"><span class=\"bg-[#d4af37]\/10 text-[#a3791a] px-1.5 py-0.5 rounded text-[10px] sm:text-sm border border-[#d4af37]\/30 font-rounded\">\u5f53\u9078\u4eba\u6570<\/span> \uff12\u540d\u69d8<\/p>\n                                <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30b9\u30de\u30dbtext-[10px]\u2192text-sm\u3001PCsm:text-xs\u2192sm:text-base -->\n                                <span class=\"text-sm sm:text-base text-[#a3791a]\/80 block mt-2\">(\u63d0\u4f9b:\u4e2d\u6d77\u30c6\u30ec\u30d3\u653e\u9001)<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- ==================== 7. \u521d\u5fc3\u8005\u30b5\u30dd\u30fc\u30c8 ==================== -->\n        <!-- \u3010\u8ffd\u52a0\u6307\u793a\uff1a\u521d\u5fc3\u8005\u8a98\u5c0e\u306e\u5438\u7740\u7528\u30a2\u30f3\u30ab\u30fcID\u3011 -->\n        <span id=\"nakaumi-support-anchor\" class=\"nakaumi-scroll-center block\"><\/span>\n        <section class=\"relative py-12 sm:py-16 bg-transparent text-white font-rounded px-4 z-20\">\n            \n            <!-- \u80cc\u666f\u3042\u3057\u3089\u3044\uff08\u6df1\u5c64\uff1a\u30de\u30cf\u30bc, \u30b3\u30ce\u30b7\u30ed, \u30c1\u30cc, \u4e0a\u6607\u3059\u308b\u6c17\u6ce1\uff09 -->\n            <div class=\"absolute inset-0 pointer-events-none overflow-visible select-none z-10\">\n                <svg class=\"w-full h-full min-h-[400px] overflow-visible\" viewBox=\"0 0 1000 400\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <use href=\"#mahazeTemplate\" transform=\"translate(180, 280) rotate(12) scale(0.72)\" fill=\"#ffffff\" opacity=\"0.18\" \/>\n                    <use href=\"#mahazeTemplate\" transform=\"translate(240, 310) rotate(8) scale(0.6)\" fill=\"#ffffff\" opacity=\"0.14\" \/>\n                    <use href=\"#mahazeTemplate\" transform=\"translate(720, 290) rotate(15) scale(0.68)\" fill=\"#ffffff\" opacity=\"0.16\" \/>\n                    <use href=\"#konoshiroTemplate\" transform=\"translate(480, 150) rotate(210) scale(0.55)\" fill=\"#ffffff\" opacity=\"0.12\" \/>\n                    <use href=\"#chinuTemplate\" transform=\"translate(820, 110) rotate(220) scale(0.6)\" fill=\"#ffffff\" opacity=\"0.14\" \/>\n                    <use href=\"#realBubble\" transform=\"translate(80, 290) scale(1.1)\" opacity=\"0.8\" \/>\n                    <use href=\"#realBubble\" transform=\"translate(420, 240) scale(0.85)\" opacity=\"0.8\" \/>\n                    <use href=\"#realBubble\" transform=\"translate(730, 270) scale(0.9)\" opacity=\"0.85\" \/>\n                <\/svg>\n            <\/div>\n\n            <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 relative z-20\">\n                <div class=\"text-center mb-8\">\n                    <span class=\"inline-block bg-white text-[#1d8fc1] text-base sm:text-2xl font-bold tracking-widest px-6 py-2.5 rounded-md shadow-md font-rounded\">\n                        \u521d\u5fc3\u8005\u3067\u3082\u5b89\u5fc3\u53c2\u52a0\n                    <\/span>\n                    <h2 class=\"text-xl sm:text-4xl font-black text-white mt-4 font-rounded\" style=\"text-shadow: 0 2px 4px rgba(0,0,0,0.15); line-height: 1.4;\">\n                        \u300c\u4e94\u76ee\u91e3\u308a\u300d\u306e\u7aff\u7121\u6599\u30ec\u30f3\u30bf\u30eb\u3084\u30a8\u30b5\u30fb\u4ed5\u639b\u3051\u306e\u5272\u5b89\u63d0\u4f9b\n                    <\/h2>\n                    <div class=\"w-12 h-1 bg-white\/40 mx-auto rounded mt-3\"><\/div>\n                <\/div>\n\n                <!-- \u3010\u4fee\u6b63\uff1a\u30d1\u30c7\u30a3\u30f3\u30b0\u3092\u6975\u9650\u307e\u3067\u5f15\u304d\u7de0\u3081\u3066\u30c6\u30ad\u30b9\u30c8\u306b\u5408\u308f\u305b\u3066\u30b3\u30f3\u30d1\u30af\u30c8\u306b\u30ea\u30b5\u30a4\u30ba\u3011 -->\n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 text-slate-800 font-sans max-w-3xl mx-auto\">\n                    <div class=\"bg-white\/95 rounded-2xl p-4 sm:p-5 shadow-lg border-2 border-dashed border-[#5cbbe3]\/30 hover:shadow-xl transition-all\">\n                        <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u3055\u3089\u306b\u5927\u304d\u304f\u3001\u30b9\u30de\u30db:text-xl \u2794 text-xl sm:text-2xl font-black -->\n                        <h3 class=\"text-xl sm:text-2xl font-black text-slate-900 mb-2 font-rounded leading-tight\">\u4e94\u76ee\u91e3\u308a\u306e\u7aff\u7121\u6599\u30ec\u30f3\u30bf\u30eb<\/h3>\n                        <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u3055\u3089\u306b\u5927\u304d\u304f\u3001\u30b9\u30de\u30db:text-sm \u2794 text-base sm:text-lg md:text-xl -->\n                        <p class=\"text-base sm:text-lg md:text-xl text-slate-600 leading-relaxed\">\n                            \u300c\u91e3\u308a\u7aff\u3084\u30ea\u30fc\u30eb\u3092\u6301\u3063\u3066\u3044\u306a\u3044\u2026\u300d\u3068\u3044\u3046\u65b9\u306e\u305f\u3081\u306b\u3001<strong>\u304b\u3081\u3084\u91e3\u5177 \u7c73\u5b50\u5e97<\/strong>\u306b\u3066, \u4e94\u76ee\u91e3\u308a\u7528\u306e\u7aff\u3068\u30ea\u30fc\u30eb\u306e\u30bb\u30c3\u30c8\u3092\u7121\u511f\u3067\u30ec\u30f3\u30bf\u30eb\u63d0\u4f9b\u3057\u307e\u3059\uff01\u203b\u30ec\u30f3\u30bf\u30eb\u6642\u306b\u4fdd\u8a3c\u91d11,000\u3092\u9810\u3051\u5165\u308c\u307e\u3059\u3002\u30bb\u30c3\u30c8\u8fd4\u5374\u6642\u306b\u8fd4\u91d1\u3055\u308c\u307e\u3059\u3002\u307e\u305f\u3001\u30a8\u30f3\u30c8\u30ea\u30fc\u6642\u306b\u767a\u884c\u3059\u308b\u30a8\u30f3\u30c8\u30ea\u30fcNO\u3092\u304b\u3081\u3084\u5e97\u982d\u30b9\u30bf\u30c3\u30d5\u306b\u63d0\u793a\u304f\u3060\u3055\u3044\u3002\n                        <\/p>\n                    <\/div>\n                    <div class=\"bg-white\/95 rounded-2xl p-4 sm:p-5 shadow-lg border-2 border-dashed border-[#5cbbe3]\/30 hover:shadow-xl transition-all\">\n                        <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u3055\u3089\u306b\u5927\u304d\u304f\u3001\u30b9\u30de\u30db:text-xl \u2794 text-xl sm:text-2xl font-black -->\n                        <h3 class=\"text-xl sm:text-2xl font-black text-slate-900 mb-2 font-rounded leading-tight\">\u4e94\u76ee\u91e3\u308a\u306e\u30a8\u30b5\u30fb\u4ed5\u639b\u3051\u3092\u5272\u5b89\u63d0\u4f9b<\/h3>\n                        <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u3055\u3089\u306b\u5927\u304d\u304f\u3001\u30b9\u30de\u30db:text-sm \u2794 text-base sm:text-lg md:text-xl -->\n                        <p class=\"text-base sm:text-lg md:text-xl text-slate-600 leading-relaxed\">\n                            \u4e94\u76ee\u91e3\u308a\u521d\u5fc3\u8005\u5411\u3051\u306e\u4f7f\u3044\u3084\u3059\u3044\u4ed5\u639b\u3051\u3084\u3001\u304a\u9b5a\u304c\u559c\u3076\u65b0\u9bae\u306a\u30a8\u30b5\u3082\u3001\u304b\u3081\u3084\u91e3\u5177\u7c73\u5b50\u5e97\u306b\u3066\u901a\u5e38\u3088\u308a\u5272\u5b89\u3067\u304a\u8cb7\u3044\u6c42\u3081\u3044\u305f\u3060\u3051\u307e\u3059\u3002\u30b9\u30bf\u30c3\u30d5\u306e\u30a2\u30c9\u30d0\u30a4\u30b9\u3082\u805e\u3051\u3066\u5b89\u5fc3\uff01\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n        <!-- ==================== 8. \u304b\u3081\u3084\u91e3\u5177 \u7c73\u5b50\u5e97\u306b\u3064\u3044\u3066 ==================== -->\n        <section class=\"relative py-12 sm:py-16 bg-transparent text-white font-rounded px-4 z-20\">\n            \n            <!-- \u80cc\u666f\u3042\u3057\u3089\u3044\uff08\u6df1\u5c64\uff1a\u30a2\u30ca\u30b4, \u30ab\u30ec\u30a4, \u4e2d\u301c\u5927\u578b\u306e\u6c34\u6ce1\uff09 -->\n            <div class=\"absolute inset-0 pointer-events-none overflow-visible select-none z-10\">\n                <svg class=\"w-full h-full min-h-[400px] overflow-visible\" viewBox=\"0 0 1000 400\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <use href=\"#anagoTemplate\" transform=\"translate(180, 260) rotate(10) scale(0.9)\" fill=\"#ffffff\" opacity=\"0.14\" \/>\n                    <use href=\"#anagoTemplate\" transform=\"translate(720, 240) rotate(-5) scale(0.82)\" fill=\"#ffffff\" opacity=\"0.11\" \/>\n                    <use href=\"#kareiTemplate\" transform=\"translate(450, 310) rotate(8) scale(0.78)\" fill=\"#ffffff\" opacity=\"0.15\" \/>\n                    <use href=\"#realBubble\" transform=\"translate(100, 180) scale(0.55)\" opacity=\"0.5\" \/>\n                    <use href=\"#realBubble\" transform=\"translate(510, 310) scale(0.8)\" opacity=\"0.7\" \/>\n                <\/svg>\n            <\/div>\n\n            <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 relative z-20\">\n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-center\">\n                    <div>\n                        <!-- \u3010\u30b8\u30e3\u30f3\u30d7\u5148\u3011\u5782\u76f4\u4e2d\u592e\u914d\u7f6e\u30b9\u30af\u30ed\u30fc\u30ebID -->\n                        <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30b9\u30de\u30dbtext-xl\u2192text-2xl\u3001PCsm:text-2xl\u2192sm:text-3xl \u2794 \u3010\u4fee\u6b63\u3011\u3055\u3089\u306b\u5927\u304d\u304f \u30b9\u30de\u30db:text-2xl\u3001PC:sm:text-3xl -->\n                        <h3 id=\"nakaumi-kameya\" class=\"nakaumi-scroll-center text-2xl sm:text-3xl font-black text-white mb-4 font-rounded\">\n                            \u304b\u3081\u3084\u91e3\u5177 \u7c73\u5b50\u5e97\u306b\u3064\u3044\u3066\n                        <\/h3>\n                        <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u3055\u3089\u306b\u5927\u304d\u304f\u3001\u30b9\u30de\u30db:text-xs \u2794 text-sm\u3001PC:sm:text-sm \u2794 text-base sm:text-lg md:text-xl -->\n                        <p class=\"text-sm sm:text-lg md:text-xl text-sky-100 leading-relaxed mb-4 font-sans\">\n                            \u30b9\u30ba\u30ad\u30c0\u30fc\u30d3\u30fc\u306e\u30b5\u30a4\u30ba\u8a08\u6e2c\u3084\u3001\u4e94\u76ee\u91e3\u308a\u7528\u306e\u7aff\u7121\u6599\u30ec\u30f3\u30bf\u30eb\u3084\u91e3\u308a\u5177\u306e\u5272\u5f15\u63d0\u4f9b\u3092\u304b\u3081\u3084\u91e3\u5177\u7c73\u5b50\u5e97\u306b\u3066\u5b9f\u65bd\u3057\u307e\u3059\u3002\u7d4c\u9a13\u8c4a\u5bcc\u306a\u30b9\u30bf\u30c3\u30d5\u304c\u3042\u306a\u305f\u306e\u91e3\u884c\u3092\u5168\u529b\u5fdc\u63f4\u3057\u307e\u3059\uff01\n                        <\/p>\n                        <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30b9\u30de\u30db\u304b\u3059\u308c\u9632\u6b62\u306e\u305f\u3081\u306b\u3055\u3089\u306b\u5927\u304d\u304f\uff01\u30d1\u30c7\u30a3\u30f3\u30b0\u3092\u5e83\u3052\u3001\u30b9\u30de\u30db\u6700\u4f4e\u30b5\u30a4\u30ba\u3092 text-base sm:text-lg md:text-xl \u306b\u5b8c\u5168\u5f37\u5316 -->\n                        <div class=\"bg-white\/95 rounded-xl p-5 border border-white\/10 shadow-md space-y-2.5 text-base sm:text-lg md:text-xl text-slate-800 font-sans leading-relaxed\">\n                            <p><strong>\u4f4f\u6240\uff1a<\/strong> \u9ce5\u53d6\u770c\u7c73\u5b50\u5e02\u6771\u798f\u539f8\u4e01\u76ee26-28<\/p>\n                            <p><strong>\u96fb\u8a71\uff1a<\/strong> 0859-37-6600<\/p>\n                            <p><strong>\u5b9f\u65bd\u5185\u5bb9\uff1a<\/strong> \u91e3\u679c\u8a08\u6e2c\u30fb\u5199\u771f\u64ae\u5f71\u3001\u4e94\u76ee\u91e3\u308a\u7528\u7aff\u7121\u6599\u30ec\u30f3\u30bf\u30eb\u3001\u5404\u7a2e\u30a8\u30b5\u30fb\u4ed5\u639b\u3051\u306e\u5272\u5f15\u63d0\u4f9b<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"relative rounded-2xl overflow-hidden shadow-lg border border-white\/15 bg-white\/5 h-48 sm:h-64 flex items-center justify-center font-sans\">\n                        <img decoding=\"async\" src=\"https:\/\/www.chukai.co.jp\/corporate\/wp-content\/uploads\/2026\/05\/DSC05267-scaled.jpg\" alt=\"\u304b\u3081\u3084\u91e3\u5177 \u7c73\u5b50\u5e97 \u5916\u89b3\" class=\"w-full h-full object-cover relative z-10 block animate-fade-in\" onerror=\"this.style.display='none'; document.getElementById('store-photo-fallback').style.display='flex';\">\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- ==================== 9. \u30a8\u30f3\u30c8\u30ea\u30fc\u30d5\u30a9\u30fc\u30e0\u30bb\u30af\u30b7\u30e7\u30f3 ==================== -->\n        <section class=\"relative py-12 sm:py-16 bg-transparent px-4 z-20\">\n            \n            <!-- \u80cc\u666f\u3042\u3057\u3089\u3044\uff08\u5e95\u5c64\/\u6d77\u5e95\uff1a\u7802\u5730\u306b\u6f5c\u3080\u30ab\u30ec\u30a4, \u30de\u30cf\u30bc, \u30a2\u30ca\u30b4, \u305d\u3057\u3066\u305f\u3086\u305f\u3046\u6d77\u85fb\u3068\u8c9d\u6bbb\uff09 -->\n            <div class=\"absolute inset-0 pointer-events-none overflow-visible select-none z-10\">\n                <svg class=\"w-full h-full min-h-[500px] overflow-visible\" viewBox=\"0 0 1000 500\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <use href=\"#kareiTemplate\" transform=\"translate(120, 360) rotate(5) scale(0.85)\" fill=\"#ffffff\" opacity=\"0.16\" \/>\n                    <use href=\"#kareiTemplate\" transform=\"translate(740, 380) rotate(-5) scale(0.72)\" fill=\"#ffffff\" opacity=\"0.12\" \/>\n                    <use href=\"#mahazeTemplate\" transform=\"translate(290, 420) rotate(10) scale(0.65)\" fill=\"#ffffff\" opacity=\"0.15\" \/>\n                    <use href=\"#mahazeTemplate\" transform=\"translate(850, 410) rotate(-8) scale(0.58)\" fill=\"#ffffff\" opacity=\"0.11\" \/>\n                    <use href=\"#anagoTemplate\" transform=\"translate(480, 320) rotate(15) scale(0.75)\" fill=\"#ffffff\" opacity=\"0.14\" \/>\n                    <use href=\"#suzukiTemplate\" transform=\"translate(150, 100) rotate(10) scale(0.6)\" fill=\"#ffffff\" opacity=\"0.12\" \/>\n                    <use href=\"#chinuTemplate\" transform=\"translate(800, 150) rotate(-15) scale(0.55)\" fill=\"#ffffff\" opacity=\"0.14\" \/>\n                    <use href=\"#sayoriTemplate\" transform=\"translate(300, 80) rotate(5) scale(0.7)\" fill=\"#ffffff\" opacity=\"0.15\" \/>\n                    <use href=\"#konoshiroTemplate\" transform=\"translate(600, 200) rotate(20) scale(0.5)\" fill=\"#ffffff\" opacity=\"0.12\" \/>\n                    <use href=\"#realBubble\" transform=\"translate(90, 240) scale(1.2)\" opacity=\"0.8\" \/>\n                    <use href=\"#realBubble\" transform=\"translate(410, 380) scale(1.3)\" opacity=\"0.85\" \/>\n                    <use href=\"#realBubble\" transform=\"translate(490, 290) scale(0.8)\" opacity=\"0.9\" \/>\n                    <!-- \u30da\u30fc\u30b8\u6700\u4e0b\u90e8\u306e\u6d77\u5e95\u611f\uff08\u6d77\u85fb\uff09 -->\n                    <use href=\"#seaweedTemplate\" transform=\"translate(50, 430) scale(0.8)\" fill=\"#ffffff\" opacity=\"0.15\" \/>\n                    <use href=\"#seaweedTemplate\" transform=\"translate(180, 450) scale(1.1)\" fill=\"#ffffff\" opacity=\"0.2\" \/>\n                    <use href=\"#seaweedTemplate\" transform=\"translate(320, 420) scale(0.9)\" fill=\"#ffffff\" opacity=\"0.15\" \/>\n                    <use href=\"#seaweedTemplate\" transform=\"translate(450, 440) scale(1.2)\" fill=\"#ffffff\" opacity=\"0.18\" \/>\n                    <use href=\"#seaweedTemplate\" transform=\"translate(580, 460) scale(0.85)\" fill=\"#ffffff\" opacity=\"0.12\" \/>\n                    <use href=\"#seaweedTemplate\" transform=\"translate(700, 410) scale(1.15)\" fill=\"#ffffff\" opacity=\"0.2\" \/>\n                    <use href=\"#seaweedTemplate\" transform=\"translate(850, 440) scale(0.95)\" fill=\"#ffffff\" opacity=\"0.15\" \/>\n                    <use href=\"#seaweedTemplate\" transform=\"translate(960, 460) scale(0.8)\" fill=\"#ffffff\" opacity=\"0.1\" \/>\n                    <!-- \u30da\u30fc\u30b8\u6700\u4e0b\u90e8\u306e\u6d77\u5e95\u611f\uff08\u8c9d\u6bbb\uff09 -->\n                    <use href=\"#shellTemplate\" transform=\"translate(120, 460) scale(0.9)\" fill=\"#ffffff\" opacity=\"0.2\" \/>\n                    <use href=\"#shellTemplate\" transform=\"translate(380, 455) scale(0.7)\" fill=\"#ffffff\" opacity=\"0.15\" \/>\n                    <use href=\"#shellTemplate\" transform=\"translate(640, 465) scale(1.1)\" fill=\"#ffffff\" opacity=\"0.25\" \/>\n                    <use href=\"#shellTemplate\" transform=\"translate(890, 450) scale(0.85)\" fill=\"#ffffff\" opacity=\"0.18\" \/>\n                <\/svg>\n            <\/div>\n\n            <div class=\"max-w-3xl mx-auto relative z-20 font-sans\">\n                <div class=\"bg-white\/95 rounded-3xl p-5 sm:p-10 border border-white\/20 shadow-xl\">\n                    <!-- \u3010\u30b8\u30e3\u30f3\u30d7\u5148\u3011\u5782\u76f4\u4e2d\u592e\u914d\u7f6e\u30b9\u30af\u30ed\u30fc\u30ebID -->\n                    <div id=\"nakaumi-entry\" class=\"nakaumi-scroll-center text-center mb-6\">\n                        <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30b9\u30de\u30dbtext-xs\u2192text-sm\u3001PCsm:text-sm\u2192sm:text-base -->\n                        <span class=\"inline-block bg-orange-500 text-white text-sm sm:text-base font-bold tracking-widest px-4 py-1.5 rounded-md mb-3 shadow-sm font-rounded\">\n                            ENTRY FORM\n                        <\/span>\n                        <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30b9\u30de\u30dbtext-xl\u2192text-2xl\u3001PCsm:text-3xl\u2192sm:text-4xl -->\n                        <h2 class=\"text-2xl sm:text-4xl font-black text-slate-900 mt-2 font-rounded\">\u30b3\u30f3\u30c6\u30b9\u30c8\u53c2\u52a0\u30a8\u30f3\u30c8\u30ea\u30fc<\/h2>\n                        <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30b9\u30de\u30dbtext-xs\u2192text-sm, PCsm:text-sm\u2192sm:text-base \u2794 \u3010\u4fee\u6b63\u3011\u30b9\u30de\u30db\u6700\u4f4e\u30b5\u30a4\u30ba\u3092text-base\u301ctext-lg\u306b\u5f37\u5316 -->\n                        <p class=\"text-base sm:text-lg text-slate-500 mt-2\">\u672c\u30b3\u30f3\u30c6\u30b9\u30c8\u3078\u306e\u53c2\u52a0\u3092\u3054\u5e0c\u671b\u306e\u65b9\u306f\u3001\u4e0b\u8a18\u30d5\u30a9\u30fc\u30e0\u3088\u308a\u5fc5\u8981\u4e8b\u9805\u3092\u3054\u5165\u529b\u304f\u3060\u3055\u3044\u3002<\/p>\n                    <\/div>\n\n                    <!-- \u3010\u7c21\u5358\u30a8\u30f3\u30c8\u30ea\u30fc\u624b\u9806\u306e\u30de\u30a4\u30af\u30ed\u89e3\u8aac\u3011\u30a8\u30f3\u30c8\u30ea\u30fc\u30d5\u30a9\u30fc\u30e0\u306e\u3059\u3050\u4e0a\u306b\u8996\u899a\u7684\u306a\u30ac\u30a4\u30c9\u3092\u8ffd\u52a0\u3057\u3001\u5165\u529b\u5b8c\u4e86\u3078\u306e\u4e0d\u5b89\u611f\u3084\u9762\u5012\u304f\u3055\u3055\u3092\u5b8c\u5168\u306b\u53d6\u308a\u9664\u304d\u30a8\u30f3\u30c8\u30ea\u30fc\u3078\u306e\u52d5\u7dda\u3092\u624b\u539a\u304f\u30d5\u30a9\u30ed\u30fc\u3057\u307e\u3059 -->\n                    <div class=\"mb-6 p-4 bg-orange-50\/70 border border-orange-100 rounded-2xl text-slate-700 font-sans\">\n                        <span class=\"font-black text-orange-800 text-sm sm:text-base font-rounded block mb-2 text-center\">\ud83d\udcdd 1\u5206\u3067\u5b8c\u4e86\uff01\u30b3\u30f3\u30c6\u30b9\u30c8\u30a8\u30f3\u30c8\u30ea\u30fc\u306e\u624b\u9806<\/span>\n                        <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-3 text-center text-sm sm:text-xs md:text-sm\">\n                            <div class=\"bg-white p-2.5 rounded-xl border border-orange-100\/50 shadow-sm flex flex-col justify-center\">\n                                <span class=\"text-orange-500 font-black font-rounded block\">STEP 1<\/span>\n                                <span class=\"text-slate-700 text-xs sm:text-sm font-medium\">\u6c0f\u540d\u30fb\u4f4f\u6240\u30fb\u30e1\u30fc\u30eb\u306a\u3069\u3092\u5165\u529b<\/span>\n                            <\/div>\n                            <div class=\"bg-white p-2.5 rounded-xl border border-orange-100\/50 shadow-sm flex flex-col justify-center\">\n                                <span class=\"text-orange-500 font-black font-rounded block\">STEP 2<\/span>\n                                <span class=\"text-slate-700 text-xs sm:text-sm font-medium\">\u30d5\u30a9\u30fc\u30e0\u9001\u4fe1<\/span>\n                            <\/div>\n                            <div class=\"bg-white p-2.5 rounded-xl border border-orange-100\/50 shadow-sm flex flex-col justify-center\">\n                                <span class=\"text-orange-500 font-black font-rounded block\">STEP 3<\/span>\n                                <span class=\"text-slate-700 text-xs sm:text-sm font-medium\">\u30a8\u30f3\u30c8\u30ea\u30fcNO\u5165\u308a\u30e1\u30fc\u30eb\u53d7\u4fe1\u203b\u304b\u3081\u3084\u91e3\u5177\u5e97\u982d\u624b\u7d9a\u304d\u306b\u5fc5\u9808<\/span>\n                            <\/div>\n                        <\/div>\n                        <span class=\"text-slate-500 text-xs sm:text-sm block mt-2 text-center\">\u203b\u3042\u3068\u306f\u5927\u4f1a\u671f\u9593\u4e2d\u306b\u4e2d\u6d77\u3067\u91e3\u308a\u3092\u30b9\u30bf\u30fc\u30c8\u3059\u308b\u3060\u3051\u3067\u5b8c\u4e86\uff01\u53c2\u52a0\u306f\u5b8c\u5168\u7121\u6599\u3067\u3059\u3002<\/span>\n                    <\/div>\n\n                    <div class=\"bg-white rounded-2xl p-2 sm:p-6 border border-slate-200 min-h-[480px] sm:min-h-[500px] relative font-sans\">\n                        <div class=\"formrun-embed\" data-formrun-form=\"@chukai-nakaumifishingcontest\" data-formrun-redirect=\"true\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- ==================== 10. \u30d5\u30c3\u30bf\u30fc ==================== -->\n        <footer class=\"bg-transparent text-white\/70 py-12 relative z-20\">\n            <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center font-rounded\">\n                <div class=\"flex items-center justify-center space-x-2 mb-4 font-rounded\">\n                    <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30b9\u30de\u30dbtext-base\u2192text-lg\u3001PCsm:text-lg\u2192sm:text-xl -->\n                    <span class=\"text-lg sm:text-xl font-black tracking-widest text-[#7dd3fc]\">\u306a\u304b\u3046\u307f\u91e3\u308a\u30b3\u30f3\u30c6\u30b9\u30c8<\/span>\n                <\/div>\n                <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30b9\u30de\u30dbtext-xs\u2192text-sm\u3001PCsm:text-sm\u2192sm:text-base \u2794 \u3010\u4fee\u6b63\u3011\u30b9\u30de\u30db\u6642 text-base \u78ba\u4fdd -->\n                <p class=\"text-base sm:text-base text-sky-200\/60 max-w-lg mx-auto leading-relaxed mb-6 font-rounded\">\n                    \u5171\u50ac\uff1a\u682a\u5f0f\u4f1a\u793e \u4e2d\u6d77\u30c6\u30ec\u30d3\u653e\u9001 \uff5c \u304b\u3081\u3084\u91e3\u5177 \u7c73\u5b50\u5e97\n                <\/p>\n            <\/div>\n        <\/footer>\n\n        <!-- ==================== 11. \u753b\u9762\u56fa\u5b9a\u30fb\u30b9\u30af\u30ed\u30fc\u30eb\u8ffd\u5f93\u30d5\u30ed\u30fc\u30c6\u30a3\u30f3\u30b0\u30dc\u30bf\u30f3\u30d0\u30fc ==================== -->\n        <!-- \u5b89\u5168\u30de\u30fc\u30b8\u30f3\u3092\u52a0\u5473\u3057\u30b9\u30de\u30db\u3067\u7d76\u5bfe\u306b\u62bc\u3057\u3084\u3059\u3044\u30b5\u30a4\u30ba\u30fb\u30c7\u30b6\u30a4\u30f3\u306b\u8abf\u6574 -->\n        <!-- \u3010\u91cd\u8981\uff1a\u6700\u4e0b\u90e8\u30dc\u30bf\u30f3\u306e\u5f8c\u308d\u306e\u9ec4\u8272\u3044\u5439\u304d\u51fa\u3057\uff08absolute -top-8.5\uff09\u306f\u5b8c\u5168\u306b\u6d88\u53bb\u3055\u308c\u3066\u304a\u308a\u307e\u3059\u3011 -->\n        <div id=\"floating-bar\" class=\"fixed bottom-0 left-0 right-0 z-[9999] w-full bg-white\/95 backdrop-blur-md shadow-[0_-4px_12px_rgba(0,0,0,0.1)] border-t border-slate-200\/80 transition-transform duration-300 font-rounded\" style=\"padding-bottom: calc(10px + env(safe-area-inset-bottom)); padding-top: 10px; padding-left: 10px; padding-right: 10px; transform: translateY(100%);\">\n            <div class=\"max-w-md w-full mx-auto flex gap-2.5 relative z-10\">\n                <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30b9\u30de\u30dbtext-xs\u2192text-sm\u3001PCsm:text-base\u2192sm:text-lg \u2794 \u3010\u4fee\u6b63\u3011\u30b9\u30de\u30db\u6642 text-base \u78ba\u4fdd -->\n                <a href=\"#nakaumi-flow\" class=\"js-nakaumi-scroll flex-1 bg-[#e0f2fe] hover:bg-[#bae6fd] text-[#0369a1] font-black py-2.5 px-3 rounded-xl text-center text-base sm:text-lg transition-colors flex items-center justify-center shadow-sm font-rounded border border-[#bae6fd]\">\n                    \u53c2\u52a0\u306e\u6d41\u308c\n                <\/a>\n                <!-- \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u4fee\u6b63\u3011\u30b9\u30de\u30dbtext-xs\u2192text-sm\u3001PCsm:text-base\u2192sm:text-lg \u2794 \u3010\u4fee\u6b63\u3011\u30b9\u30de\u30db\u6642 text-base \u78ba\u4fdd -->\n                <a href=\"#nakaumi-entry\" class=\"js-nakaumi-scroll flex-[1.5] bg-gradient-to-b from-orange-400 to-orange-600 hover:from-orange-500 hover:to-orange-700 text-white font-black py-2.5 px-3 rounded-xl text-center text-base sm:text-lg transition-all shadow-[0_4px_10px_rgba(234,88,12,0.4)] flex items-center justify-center font-rounded border border-orange-300\">\n                    Web\u30a8\u30f3\u30c8\u30ea\u30fc(\u7121\u6599)\n                <\/a>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <!-- formrun\u516c\u5f0fSDK\u30b9\u30af\u30ea\u30d7\u30c8 -->\n    <script src=\"https:\/\/sdk.form.run\/js\/v2\/embed.js\"><\/script>\n\n    <!-- ==================== 12. \u3010\u30de\u30b9\u30bf\u30fc\u5236\u5fa1JavaScript\u3011 ==================== -->\n    <script>\n        (function() {\n            \/\/ \u30ab\u30b9\u30bf\u30b9\u30cf\u30c3\u30b7\u30e5ID\u3068\u5b9f\u969b\u306e\u5404\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8ID\u3068\u306e\u5bfe\u6bd4\u30de\u30c3\u30d4\u30f3\u30b0\uff08\u4e0d\u4e00\u81f4\u3092200%\u6392\u9664\uff09\n            const nakaumiIdMap = {\n                'nakaumi-entry': 'nakaumi-entry',\n                'nakaumi-flow': 'nakaumi-flow',\n                'nakaumi-derby': 'nakaumi-derby',\n                'nakaumi-story': 'target-story',\n                'nakaumi-kameya': 'nakaumi-kameya'\n            };\n\n            \/\/ \u30ad\u30e3\u30d7\u30c1\u30e3\u30ea\u30f3\u30b0\u30d5\u30a7\u30fc\u30ba(useCapture: true)\u3067\u30af\u30ea\u30c3\u30af\u30a4\u30d9\u30f3\u30c8\u3092\u6700\u901f\u691c\u77e5\u30fb\u51e6\u7406\n            document.addEventListener('click', function(e) {\n                \/\/ \u30af\u30ea\u30c3\u30af\u3055\u308c\u305f\u8981\u7d20\u304b\u3089\u3001\u6700\u3082\u8fd1\u3044\u30b9\u30e0\u30fc\u30ba\u30b9\u30af\u30ed\u30fc\u30eb\u7528\u306e\u30a2\u30f3\u30ab\u30fc\u30bf\u30b0\u3092\u63a2\u3059\n                const anchor = e.target.closest('a[href^=\"#nakaumi-\"]');\n                if (!anchor) return;\n\n                const nakaumiHash = anchor.getAttribute('href').substring(1);\n                const realElementId = nakaumiIdMap[nakaumiHash];\n                const target = document.getElementById(realElementId);\n\n                if (target) {\n                    \/\/ WordPress\u3084Diver\u3001JQuery of \u65e2\u5b58\u30a4\u30d9\u30f3\u30c8\u3092\u5b8c\u5168\u306b\u505c\u6b62\uff08\u7af6\u5408\u306e\u767a\u751f\u6e90\u3092\u30b7\u30e3\u30c3\u30c8\u30a2\u30a6\u30c8\uff09\n                    e.preventDefault();\n                    e.stopPropagation();\n                    e.stopImmediatePropagation();\n\n                    \/\/ \u30bf\u30fc\u30b2\u30c3\u30c8\u306e\u7d76\u5bfe\u5ea7\u6a19\u3092\u7b97\u51fa\n                    const rect = target.getBoundingClientRect();\n                    const absoluteTargetY = rect.top + window.pageYOffset;\n\n                    \/\/ \u753b\u9762\uff08\u30d3\u30e5\u30fc\u30dd\u30fc\u30c8\uff09\u306e\u9ad8\u3055\u3068\u8981\u7d20\u306e\u9ad8\u3055\u3092\u52d5\u7684\u53d6\u5f97\n                    const viewportHeight = window.innerHeight;\n                    const targetHeight = target.offsetHeight;\n\n                    \/\/ \u56fa\u5b9a\u30d8\u30c3\u30c0\u30fc\u9ad8\u3001\u304a\u3088\u3073WordPress\u30ed\u30b0\u30a4\u30f3\u6642\u306e\u7ba1\u7406\u30d0\u30fc(wpadminbar)\u9ad8\u3092\u52d5\u7684\u306b\u53d6\u5f97\u30fb\u52a0\u7b97\n                    let accumulatedHeaderHeight = 0;\n                    try {\n                        const wpAdminBar = document.getElementById('wpadminbar');\n                        if (wpAdminBar) {\n                            accumulatedHeaderHeight += wpAdminBar.offsetHeight;\n                        }\n\n                        \/\/ \u30b5\u30a4\u30c8\u5185\u306b\u5b58\u5728\u3059\u308b lazy \u306a\u8ffd\u5f93\u578b\u56fa\u5b9a\u30d8\u30c3\u30c0\u30fc\uff08Diver\u306e\u30d8\u30c3\u30c0\u30fc\u306a\u3069\uff09\u3092\u5de1\u56de\u30b9\u30ad\u30e3\u30f3\u3057\u3066\u9ad8\u3055\u3092\u53d6\u5f97\n                        const probableHeaders = document.querySelectorAll('header, #header, #masthead, .site-header, .elementor-header, .header-v2, .main-header');\n                        for (let h of probableHeaders) {\n                            const style = window.getComputedStyle(h);\n                            if (style && (style.position === 'fixed' || style.position === 'sticky')) {\n                                accumulatedHeaderHeight = Math.max(accumulatedHeaderHeight, h.offsetHeight);\n                            }\n                        }\n                    } catch (err) {\n                        console.warn(err);\n                    }\n\n                    \/\/ \u30d8\u30c3\u30c0\u30fc\u304c\u81ea\u52d5\u691c\u77e5\u3067\u304d\u306a\u304b\u3063\u305f\u5834\u5408\u306e\u30b9\u30de\u30db\u30fbPC\u5225\u306e\u30d9\u30b9\u30c8\u306a\u30bb\u30fc\u30d5\u30c6\u30a3\u9ad8\n                    if (accumulatedHeaderHeight === 0) {\n                        accumulatedHeaderHeight = window.innerWidth <= 768 ? 80 : 140;\n                    }\n\n                    let finalScrollPosition;\n\n                    \/\/ \u5bfe\u8c61\u30d1\u30fc\u30c4\u304c\u753b\u9762\u5168\u4f53\u306e80%\u4ee5\u4e0b\u306b\u53ce\u307e\u308b\u5834\u5408 \u2794 \u3010\u753b\u9762\u306e\u5782\u76f4\u65b9\u5411\u306e\u3069\u771f\u3093\u4e2d\uff08\u4e2d\u592e\uff09\u3011\u306b\u7cbe\u5bc6\u306b\u5438\u7740\n                    if (targetHeight <= viewportHeight * 0.8) {\n                        finalScrollPosition = absoluteTargetY - (viewportHeight \/ 2) + (targetHeight \/ 2);\n                        \n                        \/\/ \u4e2d\u592e\u914d\u7f6e\u3057\u305f\u7d50\u679c\u3001\u4e0a\u90e8\u304c\u30d8\u30c3\u30c0\u30fc\u306b\u91cd\u306a\u308b\u306e\u3092\u9632\u3050\u30bb\u30fc\u30d5\u30c6\u30a3\u30ac\u30fc\u30c9\n                        const safetyThreshold = absoluteTargetY - accumulatedHeaderHeight - 24;\n                        if (finalScrollPosition > safetyThreshold) {\n                            finalScrollPosition = safetyThreshold;\n                        }\n                    } else {\n                        \/\/ \u8981\u7d20\u304c\u753b\u9762\u3088\u308a\u3082\u9577\u3044(\u53c2\u52a0\u306e\u6d41\u308c\u306a\u3069) \u2794 \u30d8\u30c3\u30c0\u30fc\u306e\u3059\u3050\u4e0b\u306b\u8981\u7d20\u306e\u4e0a\u7aef\u3092\u7dba\u9e97\u306b\u4e26\u3079\u308b\n                        finalScrollPosition = absoluteTargetY - accumulatedHeaderHeight - 24;\n                    }\n\n                    \/\/ \u5ea7\u6a19\u304c\u30de\u30a4\u30ca\u30b9\u306b\u306a\u3089\u306a\u3044\u3088\u3046\u5b89\u5168\u5883\u754c\u3092\u4fdd\u8a3c\n                    finalScrollPosition = Math.max(0, finalScrollPosition);\n\n                    \/\/ \u5b8c\u5168\u72ec\u7acb\u3057\u305f\u6ed1\u3089\u304b\u306a\u30b9\u30e0\u30fc\u30ba\u30b9\u30af\u30ed\u30fc\u30eb\u3092\u5b9f\u884c\n                    window.scrollTo({\n                        top: finalScrollPosition,\n                        behavior: 'smooth'\n                    });\n\n                    \/\/ \u3010Diver\u30c6\u30fc\u30de\u5bfe\u7b56\u306e\u5f37\u5236\u4e0a\u66f8\u304d\u88dc\u6b63\u3011\n                    \/\/ Diver\u5074\u306ejQuery\u306b\u3088\u308b\u300c\u30c8\u30c3\u30d7\u306b\u623b\u3059\u300d\u300c\u9014\u4e2d\u3067\u6b62\u3081\u308b\u300d\u3068\u3044\u3046\u7af6\u5408\u5e72\u6e09\u3092\u529b\u6280\u3067\u306d\u3058\u4f0f\u305b\u308b\u305f\u3081\u3001\n                    \/\/ \u30b9\u30af\u30ed\u30fc\u30eb\u958b\u59cb\u76f4\u5f8c\u306e300ms\u306e\u9593, \u4f4d\u7f6e\u5ea7\u6a19\u3092\u30df\u30ea\u79d2\u5358\u4f4d\u3067\u5f37\u5236\u7684\u306b\u56fa\u5b9a\u7dad\u6301\u3057\u7d9a\u3051\u307e\u3059\n                    let forceScrollTries = 0;\n                    const forceScrollInterval = setInterval(function() {\n                        window.scrollTo({\n                            top: finalScrollPosition,\n                            behavior: 'auto'\n                        });\n                        forceScrollTries++;\n                        if (forceScrollTries > 12) {\n                            clearInterval(forceScrollInterval);\n                        }\n                    }, 25);\n                }\n\n            }, true); \/\/ \u7b2c3\u5f15\u6570\u3092\u300ctrue\u300d\u306b\u3059\u308b\u3053\u3068\u3067\u3001WordPress of \u3059\u3079\u3066 JQuery \u51e6\u7406\u3092\u8ffd\u3044\u629c\u3044\u3066\u6700\u901f\u3067\u30b9\u30af\u30ed\u30fc\u30eb\u3092\u652f\u914d\u3057\u307e\u3059\n\n            \/\/ \u30d5\u30ed\u30fc\u30c6\u30a3\u30f3\u30b0\u30d0\u30fc\u306e\u8868\u793a\u30fb\u975e\u8868\u793a\u5236\u5fa1\n            function toggleFloatingBar() {\n                const scrollY = window.scrollY || window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;\n                const floatBar = document.getElementById('floating-bar');\n                if (floatBar) {\n                    if (scrollY > 100) {\n                        floatBar.style.transform = 'translateY(0)';\n                    } else {\n                        floatBar.style.transform = 'translateY(100%)';\n                    }\n                }\n            }\n            window.addEventListener('scroll', toggleFloatingBar, { passive: true });\n            window.addEventListener('resize', toggleFloatingBar, { passive: true });\n            toggleFloatingBar();\n            setTimeout(toggleFloatingBar, 500);\n        })();\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u91e3\u3063\u3066\u697d\u3057\u3044\u3001\u98df\u3079\u3066\u304a\u3044\u3057\u3044 \u306a\u304b\u3046\u307f\u91e3\u308a\u30b3\u30f3\u30c6\u30b9\u30c8 2026 \u3072\u3068\u308a\u3067\u3082\u5bb6\u65cf\u3067\u3082\u6c17\u8efd\u306b\u53c2\u52a0\uff01 \uff3c \u304b\u3081\u3084\u91e3\u5177\u7c73\u5b50\u5e97 \u00d7 \u4e2d\u6d77\u30c6\u30ec\u30d3\u653e\u9001\u5171\u50ac \uff0f \\ \u53c2\u52a0\u7121\u6599\uff01\u512a\u52dd\u8005\u306b\u306f\u8c6a\u83ef\u8cde\u54c1\u3082\uff01 \/ \ud83d\udcdd \u4eca\u3059\u3050Web\u30a8\u30f3\u30c8\u30ea\u30fc \u958b\u50ac […]<\/p>\n","protected":false},"author":1,"featured_media":13315,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[3],"tags":[],"class_list":["post-13260","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-pre"],"publishpress_future_action":{"enabled":false,"date":"2026-07-17 11:47:18","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/www.chukai.co.jp\/corporate\/wp-json\/wp\/v2\/posts\/13260","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.chukai.co.jp\/corporate\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.chukai.co.jp\/corporate\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.chukai.co.jp\/corporate\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.chukai.co.jp\/corporate\/wp-json\/wp\/v2\/comments?post=13260"}],"version-history":[{"count":197,"href":"https:\/\/www.chukai.co.jp\/corporate\/wp-json\/wp\/v2\/posts\/13260\/revisions"}],"predecessor-version":[{"id":14105,"href":"https:\/\/www.chukai.co.jp\/corporate\/wp-json\/wp\/v2\/posts\/13260\/revisions\/14105"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.chukai.co.jp\/corporate\/wp-json\/wp\/v2\/media\/13315"}],"wp:attachment":[{"href":"https:\/\/www.chukai.co.jp\/corporate\/wp-json\/wp\/v2\/media?parent=13260"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.chukai.co.jp\/corporate\/wp-json\/wp\/v2\/categories?post=13260"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.chukai.co.jp\/corporate\/wp-json\/wp\/v2\/tags?post=13260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}