\u3055\u3044\u305f\u307e\u4f4f\u8a2d\u30b5\u30fc\u30d3\u30b9 | \u57fc\u7389\u770c\u5168\u57df\u306e\u7d66\u6e6f\u5668\u30fb\u30ac\u30b9\u5668\u5177\u4ea4\u63db\u30fb\u30ea\u30d5\u30a9\u30fc\u30e0\u30fb\u5916\u58c1\u5857\u88c5<\/title>\n <meta name=\"description\" content=\"\u57fc\u7389\u770c\u5185\u5168\u57df\u5bfe\u5fdc\u3002\u7d66\u6e6f\u5668\u30fb\u30ac\u30b9\u5668\u5177\u306e\u4fee\u7406\u4ea4\u63db\u3001\u7d66\u6c34\u7ba1\u30fb\u6392\u6c34\u7ba1\u30c8\u30e9\u30d6\u30eb\u304b\u3089\u3001\u30ea\u30d5\u30a9\u30fc\u30e0\u30fb\u5916\u58c1\u5857\u88c5\u307e\u3067\u3001\u4f4f\u307e\u3044\u306e\u3042\u3089\u3086\u308b\u304a\u60a9\u307f\u3092\u30c8\u30fc\u30bf\u30eb\u3067\u89e3\u6c7a\u3059\u308b\u3055\u3044\u305f\u307e\u4f4f\u8a2d\u30b5\u30fc\u30d3\u30b9\u3002\u304a\u898b\u7a4d\u3082\u308a\u7121\u6599\u3002\">\n <meta name=\"keywords\" content=\"\u7d66\u6e6f\u5668\u4ea4\u63db, \u30ac\u30b9\u30b3\u30f3\u30ed, \u6c34\u56de\u308a\u4fee\u7406, \u30ea\u30d5\u30a9\u30fc\u30e0, \u5916\u58c1\u5857\u88c5, \u57fc\u7389\u770c, \u5165\u9593\u5e02, \u3055\u3044\u305f\u307e\u4f4f\u8a2d\u30b5\u30fc\u30d3\u30b9\">\n \n \n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"HomeAndConstructionBusiness\",\n \"name\": \"\u3055\u3044\u305f\u307e\u4f4f\u8a2d\u30b5\u30fc\u30d3\u30b9\",\n \"image\": \"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1200&q=80\",\n \"address\": {\n \"@type\": \"PostalAddress\",\n \"streetAddress\": \"\u725b\u6ca2\",\n \"addressLocality\": \"\u5165\u9593\u5e02\",\n \"addressRegion\": \"\u57fc\u7389\u770c\",\n \"postalCode\": \"358-0000\",\n \"addressCountry\": \"JP\"\n },\n \"geo\": {\n \"@type\": \"GeoCoordinates\",\n \"latitude\": 35.8364,\n \"longitude\": 139.3900\n },\n \"url\": \"https:\/\/example.com\",\n \"telephone\": \"+81-120-0000-0000\",\n \"priceRange\": \"\u00a55,000 - \u00a52,000,000\",\n \"openingHoursSpecification\": {\n \"@type\": \"OpeningHoursSpecification\",\n \"dayOfWeek\": [\"Monday\", \"Tuesday\", \"Wednesday\", \"Thursday\", \"Friday\"],\n \"opens\": \"09:00\",\n \"closes\": \"18:00\"\n }\n }\n <\/script>\n\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n serif: ['\"Noto Serif JP\"', 'serif'],\n },\n colors: {\n neonCyan: '#00f2fe',\n neonMagenta: '#4facfe',\n }\n }\n }\n }\n <\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+JP:wght@400;700;900&display=swap\" rel=\"stylesheet\">\n \n <style>\n body {\n font-family: 'Noto Serif JP', serif;\n background: linear-gradient(135deg, #0d1117 0%, #161b22 50%, #0a0c10 100%);\n position: relative;\n overflow-x: hidden;\n }\n body::before {\n content: \"\";\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n opacity: 0.04;\n pointer-events: none;\n z-index: 9999;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\");\n }\n .glass-card {\n background: rgba(255, 255, 255, 0.03);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border: 1px solid rgba(255, 255, 255, 0.08);\n box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .glass-card:hover {\n background: rgba(255, 255, 255, 0.06);\n border: 1px solid rgba(0, 242, 254, 0.3);\n box-shadow: 0 12px 40px 0 rgba(0, 242, 254, 0.1);\n transform: translateY(-4px);\n }\n .fade-in-up {\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n }\n @keyframes fadeInUp {\n to { opacity: 1; transform: translateY(0); }\n }\n #canvas-container {\n position: absolute;\n top: 50%; left: 50%;\n transform: translate(-50%, -50%);\n width: 100%; height: 600px;\n z-index: 0; pointer-events: none;\n }\n <\/style>\n<\/head>\n<body class=\"text-slate-100 min-h-screen selection:bg-cyan-500 selection:text-slate-900\">\n\n <header class=\"fixed top-0 left-0 w-full z-50 bg-slate-950\/40 backdrop-blur-md border-b border-white\/5\">\n <div class=\"max-w-7xl mx-auto px-6 h-20 flex items-center justify-between\">\n <div class=\"flex flex-col\">\n <span class=\"text-xs tracking-widest text-cyan-400 font-bold\">\u4f4f\u307e\u3044\u306e\u30c8\u30fc\u30bf\u30eb\u30d1\u30fc\u30c8\u30ca\u30fc<\/span>\n <span class=\"text-xl font-black tracking-wider bg-clip-text text-transparent bg-gradient-to-r from-white to-slate-400\">\u3055\u3044\u305f\u307e\u4f4f\u8a2d\u30b5\u30fc\u30d3\u30b9<\/span>\n <\/div>\n <div class=\"hidden md:flex items-center gap-6\">\n <a href=\"#contact\" class=\"text-xs text-slate-400 hover:text-cyan-400 transition-colors\">\n \u2709\ufe0f WEB\u304b\u3089\u306e\u304a\u554f\u3044\u5408\u308f\u305b\n <\/a>\n <a href=\"tel:012000000000\" class=\"flex items-center gap-3 px-5 py-2.5 rounded-full bg-white\/5 border border-white\/10 hover:border-cyan-400\/50 transition-all duration-300 group\">\n <span class=\"w-2 h-2 rounded-full bg-emerald-400 animate-pulse\"><\/span>\n <span class=\"text-xs text-slate-400\">\u5e73\u65e5 9:00\u301c18:00<\/span>\n <span class=\"text-sm font-bold text-cyan-400 group-hover:text-white transition-colors\">0120-0000-0000<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/header>\n\n <section class=\"relative min-h-screen flex items-center justify-center pt-20 overflow-hidden\">\n <div id=\"canvas-container\"><\/div>\n <div class=\"relative z-10 max-w-4xl mx-auto px-6 text-center fade-in-up\">\n <span class=\"inline-block px-4 py-1.5 mb-6 text-xs tracking-widest text-cyan-400 bg-cyan-500\/10 border border-cyan-500\/20 rounded-full font-bold\">\n \u57fc\u7389\u770c\u5185\u5168\u57df\u30fb\u30d5\u30c3\u30c8\u30ef\u30fc\u30af\u8efd\u304f\u5bfe\u5fdc\n <\/span>\n <h1 class=\"text-4xl md:text-6xl font-black tracking-loose leading-tight mb-8 text-white\">\n \u4f4f\u5b85\u8a2d\u5099\u306e\u4e0d\u8abf\u3092\u76f4\u3057\u3001<br>\n \u4f4f\u307e\u3044\u306e\u672a\u6765\u3092\u5f69\u308b\u3002\n <\/h1>\n <p class=\"text-base md:text-lg text-slate-400 max-w-2xl mx-auto leading-relaxed mb-12\">\n \u7d66\u6e6f\u5668\u3084\u30ac\u30b9\u30fb\u6c34\u9053\u7ba1\u306e\u7dca\u6025\u30c8\u30e9\u30d6\u30eb\u5bfe\u5fdc\u304b\u3089\u3001\u5927\u898f\u6a21\u306a\u30ea\u30d5\u30a9\u30fc\u30e0\u3001\u5916\u58c1\u5857\u88c5\u307e\u3067\u3002<br>\n \u3055\u3044\u305f\u307e\u4f4f\u8a2d\u30b5\u30fc\u30d3\u30b9\u306f\u3001\u4f4f\u307e\u3044\u306e\u3042\u3089\u3086\u308b\u304a\u60a9\u307f\u3092\u4e00\u624b\u306b\u5f15\u304d\u53d7\u3051\u3001\u78ba\u304b\u306a\u6280\u8853\u3068\u9069\u6b63\u4fa1\u683c\u3067\u304a\u5ba2\u69d8\u306e\u5b89\u5fc3\u3092\u5f62\u306b\u3057\u307e\u3059\u3002\n <\/p>\n <div class=\"flex flex-col sm:flex-row justify-center items-center gap-4\">\n <a href=\"#contact\" class=\"w-full sm:w-auto px-8 py-4 rounded-full bg-gradient-to-r from-cyan-500 to-blue-600 text-slate-900 font-bold text-sm tracking-widest hover:opacity-90 transition-all duration-300 shadow-lg shadow-cyan-500\/20 transform hover:scale-105\">\n \u7121\u6599\u3054\u76f8\u8ac7\u30fb\u304a\u898b\u7a4d\u3082\u308a\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <main id=\"services\" class=\"max-w-7xl mx-auto px-6 py-24 relative z-10\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-2xl md:text-4xl font-bold tracking-wider mb-4 text-white\">\u5e45\u5e83\u3044\u5c02\u9580\u6280\u8853\u3067\u3001\u4f4f\u307e\u3044\u3092\u30c8\u30fc\u30bf\u30eb\u30b5\u30dd\u30fc\u30c8<\/h2>\n <p class=\"text-sm text-slate-400\">\u8a2d\u5099\u306e\u90e8\u5206\u4fee\u7406\u304b\u3089\u5bb6\u5168\u4f53\u306e\u6539\u4fee\u307e\u3067\u3001\u79c1\u305f\u3061\u304c\u9078\u3070\u308c\u308b\u7406\u7531\u3067\u3059\u3002<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n \n <div class=\"glass-card rounded-3xl p-8 md:col-span-2 flex flex-col justify-between overflow-hidden relative group min-h-[350px]\">\n <div class=\"absolute inset-0 z-0 opacity-20 group-hover:opacity-30 transition-opacity duration-500\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1513694203232-719a280e022f?auto=format&fit=crop&w=1200&q=80\" alt=\"\u30ad\u30c3\u30c1\u30f3\u3068\u4f4f\u5b85\u8a2d\u5099\" class=\"w-full height-full object-cover\">\n <\/div>\n <div class=\"relative z-10\">\n <span class=\"text-xs text-cyan-400 font-bold tracking-widest block mb-2\">\u4e3b\u8981\u696d\u52d9 01<\/span>\n <h3 class=\"text-xl md:text-2xl font-bold mb-4 text-white\">\u7d66\u6e6f\u5668\u30fb\u30ac\u30b9\u5668\u5177\u30fb\u914d\u7ba1\u306e\u4fee\u7406\u3068\u4ea4\u63db<\/h3>\n <p class=\"text-sm text-slate-400 leading-relaxed max-w-md\">\n \u7a81\u7136\u306e\u304a\u6e6f\u306e\u30c8\u30e9\u30d6\u30eb\u3084\u30ac\u30b9\u5668\u5177\u306e\u4e0d\u8abf\u306b\u8fc5\u901f\u5bfe\u5fdc\u3002\u7d66\u6e6f\u5668\u5168\u822c\u3001\u30ac\u30b9\u30b3\u30f3\u30ed\u3001\u30d3\u30eb\u30c8\u30a4\u30f3\u30b3\u30f3\u30ed\u306e\u4ea4\u63db\u304b\u3089\u3001\u5b89\u5168\u3092\u6700\u512a\u5148\u3068\u3057\u305f\u30ac\u30b9\u914d\u7ba1\u306e\u4fee\u7406\u30fb\u4ea4\u63db\u307e\u3067\u3001\u78ba\u304b\u306a\u6280\u8853\u3067\u65bd\u5de5\u3044\u305f\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n <div class=\"relative z-10 mt-6 flex items-center gap-2 text-xs text-white font-bold tracking-wider\">\n \u5bfe\u5fdc\u7bc4\u56f2\uff1a\u5404\u7a2e\u7d66\u6e6f\u5668 \/ \u30ac\u30b9\u30b3\u30f3\u30ed \/ \u30d3\u30eb\u30c8\u30a4\u30f3\u30b3\u30f3\u30ed \/ \u30ac\u30b9\u914d\u7ba1\n <\/div>\n <\/div>\n\n \n <div class=\"glass-card rounded-3xl p-8 flex flex-col justify-between min-h-[350px]\">\n <div>\n <span class=\"text-xs text-cyan-400 font-bold tracking-widest block mb-2\">\u4e3b\u8981\u696d\u52d9 02<\/span>\n <h3 class=\"text-xl font-bold mb-4 text-white\">\u898b\u3048\u306a\u3044\u90e8\u5206\u3092\u78ba\u5b9f\u306b<br>\u6c34\u56de\u308a\u914d\u7ba1\u30c8\u30e9\u30d6\u30eb<\/h3>\n <p class=\"text-sm text-slate-400 leading-relaxed\">\n \u7d66\u6c34\u7ba1\u3001\u6392\u6c34\u7ba1\u3001\u7d66\u6e6f\u7ba1\u306a\u3069\u3001\u751f\u6d3b\u57fa\u76e4\u3092\u652f\u3048\u308b\u91cd\u8981\u306a\u914d\u7ba1\u306e\u6c34\u6f0f\u308c\u30fb\u8a70\u307e\u308a\u30fb\u52a3\u5316\u3092\u7684\u78ba\u306b\u8a3a\u65ad\u3057\u3001\u6700\u9069\u306a\u4fee\u7406\u3084\u5f15\u304d\u76f4\u3057\u3092\u884c\u3044\u307e\u3059\u3002\n <\/p>\n <\/div>\n <div class=\"w-full h-32 rounded-2xl overflow-hidden mt-4 opacity-70\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1470071459604-3b5ec3a7fe05?auto=format&fit=crop&w=600&q=80\" alt=\"\u6c34\u56de\u308a\u306e\u30a4\u30e1\u30fc\u30b8\" class=\"w-full h-full object-cover\">\n <\/div>\n <\/div>\n\n \n <div class=\"glass-card rounded-3xl p-8 flex flex-col justify-between min-h-[350px]\">\n <div>\n <span class=\"text-xs text-cyan-400 font-bold tracking-widest block mb-2\">\u4e3b\u8981\u696d\u52d9 03<\/span>\n <h3 class=\"text-xl font-bold mb-4 text-white\">\u4f4f\u307e\u3044\u3092\u65b0\u751f\u3055\u305b\u308b<br>\u30ea\u30d5\u30a9\u30fc\u30e0\u30fb\u5916\u58c1\u5857\u88c5<\/h3>\n <p class=\"text-sm text-slate-400 leading-relaxed\">\n \u6c34\u56de\u308a\u306e\u6539\u4fee\u306b\u3068\u3069\u307e\u3089\u305a\u3001\u30e9\u30a4\u30d5\u30b9\u30bf\u30a4\u30eb\u306b\u5408\u308f\u305b\u305f\u9593\u53d6\u308a\u5909\u66f4\u3084\u3001\u5efa\u7269\u3092\u5b88\u308b\u5916\u58c1\u5857\u88c5\u306a\u3069\u3001\u4f4f\u5b85\u5168\u822c\u306e\u30ea\u30d5\u30a9\u30fc\u30e0\u3092\u30c8\u30fc\u30bf\u30eb\u3067\u304a\u4efb\u305b\u3044\u305f\u3060\u3051\u307e\u3059\u3002\n <\/p>\n <\/div>\n <div class=\"w-full h-32 rounded-2xl overflow-hidden mt-4 opacity-70\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1584622650111-993a426fbf0a?auto=format&fit=crop&w=600&q=80\" alt=\"\u7f8e\u3057\u3044\u5916\u58c1\u3068\u7a7a\u9593\" class=\"w-full h-full object-cover\">\n <\/div>\n <\/div>\n\n \n <div class=\"glass-card rounded-3xl p-8 md:col-span-2 flex flex-col justify-between overflow-hidden relative group min-h-[350px]\">\n <div class=\"absolute inset-0 z-0 opacity-15 group-hover:opacity-25 transition-opacity duration-500\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1200&q=80\" alt=\"\u30e2\u30c0\u30f3\u4f4f\u5b85\u5efa\u7bc9\" class=\"w-full h-full object-cover\">\n <\/div>\n <div class=\"relative z-10\">\n <span class=\"text-xs text-cyan-400 font-bold tracking-widest block mb-2\">\u9078\u3070\u308c\u308b\u7406\u7531 04<\/span>\n <h3 class=\"text-xl md:text-2xl font-bold mb-4 text-white\">\u57fc\u7389\u770c\u5185\u5168\u57df\u3092\u30ab\u30d0\u30fc\u3059\u308b\u6a5f\u52d5\u529b\u3068\u3001<br>\u8907\u6570\u696d\u8005\u3092\u631f\u307e\u306a\u3044\u30ef\u30f3\u30b9\u30c8\u30c3\u30d7\u65bd\u5de5\u3002<\/h3>\n <p class=\"text-sm text-slate-400 leading-relaxed max-w-xl \">\n \u7d66\u6e6f\u5668\u4ea4\u63db\u304b\u3089\u30ea\u30d5\u30a9\u30fc\u30e0\u3001\u5916\u58c1\u5857\u88c5\u307e\u3067\u3001\u305d\u308c\u305e\u308c\u306e\u5c02\u9580\u696d\u8005\u3092\u5225\u3005\u306b\u63a2\u3059\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u5165\u9593\u5e02\u3092\u62e0\u70b9\u306b\u57fc\u7389\u770c\u5185\u5168\u57df\u3078\u4f3a\u3044\u3001\u7dcf\u5408\u7684\u306a\u4f4f\u5b85\u30b5\u30fc\u30d3\u30b9\u3092\u4e00\u8cab\u3057\u3066\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3067\u3001\u30b3\u30b9\u30c8\u3092\u6291\u3048\u305f\u9069\u6b63\u4fa1\u683c\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n <div class=\"relative z-10 mt-6 flex flex-wrap gap-4 text-xs text-slate-300\">\n <span class=\"bg-white\/5 px-3 py-1 rounded-full border border-white\/5\">\ud83d\udca1 \u304a\u898b\u7a4d\u3082\u308a\u7121\u6599<\/span>\n <span class=\"bg-white\/5 px-3 py-1 rounded-full border border-white\/5\">\ud83d\udee0\ufe0f \u4f4f\u5b85\u8a2d\u5099\u5168\u822c\u5bfe\u5fdc<\/span>\n <span class=\"bg-white\/5 px-3 py-1 rounded-full border border-white\/5\">\ud83e\udd1d \u57fc\u7389\u770c\u5185\u5168\u57df\u5bfe\u5fdc<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/main>\n\n <section id=\"contact\" class=\"max-w-6xl mx-auto px-6 py-24 relative z-10\">\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 items-stretch\">\n \n <div class=\"glass-card rounded-3xl p-8 flex flex-col justify-between border border-cyan-500\/20 bg-gradient-to-b from-cyan-950\/10 to-transparent\">\n <div>\n <span class=\"text-xs text-cyan-400 font-bold tracking-widest block mb-2\">\u7121\u6599\u76f8\u8ac7\u30fb\u304a\u898b\u7a4d\u3082\u308a\u7a93\u53e3<\/span>\n <h2 class=\"text-2xl font-bold mb-6 text-white\">\u8a2d\u5099\u304b\u3089\u30ea\u30d5\u30a9\u30fc\u30e0\u307e\u3067\u3001\u307e\u305a\u306f\u304a\u6c17\u8efd\u306b\u3054\u9023\u7d61\u304f\u3060\u3055\u3044<\/h2>\n \n <div class=\"bg-slate-950\/40 border border-white\/5 rounded-2xl p-5 mb-6 flex items-center justify-between\">\n <div>\n <span class=\"text-[11px] text-slate-400 block\">\u304a\u96fb\u8a71\u53d7\u4ed8\uff08\u5e73\u65e5 9:00\u301c18:00\uff09<\/span>\n <a href=\"tel:012000000000\" class=\"text-xl md:text-2xl font-black text-cyan-400 tracking-wider hover:text-white transition-colors\">\n 0120-0000-0000\n <\/a>\n <\/div>\n <span class=\"text-2xl\">\ud83d\udcde<\/span>\n <\/div>\n\n \n <form action=\"\u3053\u3053\u306b\u30d5\u30a9\u30fc\u30e0\u4e2d\u7d99\u30b5\u30fc\u30d3\u30b9\u306eURL\u3092\u8cbc\u308a\u4ed8\u3051\u307e\u3059\" method=\"POST\" class=\"space-y-4\">\n <input type=\"hidden\" name=\"_subject\" value=\"\u3010\u3055\u3044\u305f\u307e\u4f4f\u8a2d\u30b5\u30fc\u30d3\u30b9\u3011Web\u30b5\u30a4\u30c8\u304b\u3089\u306e\u304a\u554f\u3044\u5408\u308f\u305b\">\n \n <div>\n <label class=\"block text-xs text-slate-400 mb-1\">\u304a\u540d\u524d<\/label>\n <input type=\"text\" name=\"name\" required placeholder=\"\u4f8b\uff09\u57fc\u7389 \u592a\u90ce\" class=\"w-full bg-white\/5 border border-white\/10 rounded-xl px-4 py-3 text-sm text-white focus:outline-none focus:border-cyan-400 transition-colors\">\n <\/div>\n <div>\n <label class=\"block text-xs text-slate-400 mb-1\">\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\uff08\u3054\u8fd4\u4fe1\u7528\uff09<\/label>\n <input type=\"email\" name=\"email\" required placeholder=\"\u4f8b\uff09customer@example.com\" class=\"w-full bg-white\/5 border border-white\/10 rounded-xl px-4 py-3 text-sm text-white focus:outline-none focus:border-cyan-400 transition-colors\">\n <\/div>\n <div>\n <label class=\"block text-xs text-slate-400 mb-1\">\u3054\u76f8\u8ac7\u5185\u5bb9\uff08\u7d66\u6e6f\u5668\u3001\u914d\u7ba1\u3001\u30ea\u30d5\u30a9\u30fc\u30e0\u3001\u5916\u58c1\u306a\u3069\uff09<\/label>\n <textarea name=\"message\" required rows=\"4\" placeholder=\"\u304a\u6e6f\u304c\u51fa\u306a\u3044\u3001\u6c34\u6f0f\u308c\u3057\u3066\u3044\u308b\u3001\u30ea\u30d5\u30a9\u30fc\u30e0\u306e\u898b\u7a4d\u3082\u308a\u304c\u6b32\u3057\u3044\u306a\u3069\u3001\u73fe\u5728\u306e\u72b6\u6cc1\u3092\u3054\u8a18\u5165\u304f\u3060\u3055\u3044\u3002\" class=\"w-full bg-white\/5 border border-white\/10 rounded-xl px-4 py-3 text-sm text-white focus:outline-none focus:border-cyan-400 transition-colors\"><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"w-full py-4 rounded-xl bg-gradient-to-r from-cyan-500 to-blue-600 text-slate-900 font-bold text-sm tracking-widest hover:opacity-90 transition-opacity\">\n \u4e0a\u8a18\u306e\u5185\u5bb9\u3067\u9001\u4fe1\u3059\u308b\n <\/button>\n <\/form>\n <\/div>\n <\/div>\n\n \n <div class=\"glass-card rounded-3xl p-8 flex flex-col justify-between border border-white\/5\">\n <div class=\"h-full flex flex-col\">\n <span class=\"text-xs text-cyan-400 font-bold tracking-widest block mb-2\">\u62e0\u70b9\u30fb\u5bfe\u8c61\u30a8\u30ea\u30a2<\/span>\n <h3 class=\"text-xl font-bold mb-4 text-white\">\u57fc\u7389\u770c\u5185\u5168\u57df\u5bfe\u5fdc<\/h3>\n <p class=\"text-sm text-slate-400 mb-6\">\n \u3012358-0000 \u57fc\u7389\u770c\u5165\u9593\u5e02\u725b\u6ca2<br>\n \u5165\u9593\u5e02\u3092\u62e0\u70b9\u306b\u3001\u57fc\u7389\u770c\u5185\u306e\u3042\u3089\u3086\u308b\u30a8\u30ea\u30a2\u3078\u8fc5\u901f\u306b\u304a\u4f3a\u3044\u3044\u305f\u3057\u307e\u3059\u3002\n <\/p>\n \n <div class=\"w-full flex-grow min-h-[300px] rounded-2xl overflow-hidden border border-white\/10 opacity-80 hover:opacity-100 transition-opacity duration-300\">\n \n <iframe \n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d103063.11195610012!2d139.3242099!3d35.8364808!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6018d99c43b3531f%3A0xc6651261d7b1a646!2z5Z-8546J55yM5YWl6ZaT5biC!5e0!3m2!1sja!2sjp!4v1700000000000!5m2!1sja!2sjp\" \n width=\"100%\" \n height=\"100%\" \n style=\"border:0; filter: invert(90%) hue-rotate(180deg) brightness(95%) contrast(90%);\" \n allowfullscreen=\"\" \n loading=\"lazy\" \n referrerpolicy=\"no-referrer-when-downgrade\">\n <\/iframe>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n <footer class=\"border-t border-white\/5 bg-slate-950\/60 py-12 relative z-10\">\n <div class=\"max-w-7xl mx-auto px-6 flex flex-col md:flex-row items-center justify-between gap-6\">\n <div class=\"text-center md:text-left\">\n <span class=\"text-sm font-bold tracking-wider text-slate-300 block mb-1\">\u3055\u3044\u305f\u307e\u4f4f\u8a2d\u30b5\u30fc\u30d3\u30b9<\/span>\n <span class=\"text-xs text-slate-500\">\u3012358-0000 \u57fc\u7389\u770c\u5165\u9593\u5e02\u725b\u6ca2 | \u4f4f\u5b85\u8a2d\u5099\u30fb\u30ea\u30d5\u30a9\u30fc\u30e0\u30fb\u5916\u58c1\u5857\u88c5<\/span>\n <\/div>\n <p class=\"text-xs text-slate-600\">\n \u00a9 2026 \u3055\u3044\u305f\u307e\u4f4f\u8a2d\u30b5\u30fc\u30d3\u30b9. \u5168\u3066\u65e5\u672c\u8a9e\u306e\u4f1d\u7d71\u306b\u5247\u308a\u3001\u8aa0\u5b9f\u306b\u3002\n <\/p>\n <\/div>\n <\/footer>\n\n \n <script>\n const container = document.getElementById('canvas-container');\n const scene = new THREE.Scene();\n const camera = new THREE.PerspectiveCamera(45, container.clientWidth \/ container.clientHeight, 0.1, 1000);\n camera.position.z = 5;\n const renderer = new THREE.WebGLRenderer({ alpha: true, antialias: true });\n renderer.setSize(container.clientWidth, container.clientHeight);\n renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));\n container.appendChild(renderer.domElement);\n const geometry = new THREE.BoxGeometry(1.6, 1.6, 1.6);\n const material = new THREE.MeshBasicMaterial({ color: 0x00f2fe, wireframe: true, transparent: true, opacity: 0.8 });\n const cube = new THREE.Mesh(geometry, material);\n scene.add(cube);\n const innerGeometry = new THREE.BoxGeometry(1.2, 1.2, 1.2);\n const innerMaterial = new THREE.MeshBasicMaterial({ color: 0x4facfe, wireframe: true, transparent: true, opacity: 0.4 });\n const innerCube = new THREE.Mesh(innerGeometry, innerMaterial);\n cube.add(innerCube);\n let mouseX = 0; let mouseY = 0; let targetX = 0; let targetY = 0;\n window.addEventListener('mousemove', (event) => {\n mouseX = (event.clientX \/ window.innerWidth) - 0.5;\n mouseY = (event.clientY \/ window.innerHeight) - 0.5;\n });\n const animate = () => {\n requestAnimationFrame(animate);\n cube.rotation.x += 0.003; cube.rotation.y += 0.004;\n targetX = mouseX * 0.8; targetY = mouseY * 0.8;\n cube.position.x += (targetX - cube.position.x) * 0.05;\n cube.position.y += (-targetY - cube.position.y) * 0.05;\n renderer.render(scene, camera);\n };\n animate();\n window.addEventListener('resize', () => {\n camera.aspect = container.clientWidth \/ container.clientHeight;\n camera.updateProjectionMatrix();\n renderer.setSize(container.clientWidth, container.clientHeight);\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u3055\u3044\u305f\u307e\u4f4f\u8a2d\u30b5\u30fc\u30d3\u30b9 | \u57fc\u7389\u770c\u5168\u57df\u306e\u7d66\u6e6f\u5668\u30fb\u30ac\u30b9\u5668\u5177\u4ea4\u63db\u30fb\u30ea\u30d5\u30a9\u30fc\u30e0\u30fb\u5916\u58c1\u5857\u88c5 \u4f4f\u307e\u3044\u306e\u30c8\u30fc\u30bf\u30eb\u30d1\u30fc\u30c8\u30ca\u30fc \u3055\u3044\u305f\u307e\u4f4f\u8a2d\u30b5\u30fc\u30d3\u30b9 \u2709\ufe0f WEB\u304b\u3089\u306e\u304a\u554f\u3044\u5408\u308f\u305b \u5e73\u65e5 9:00\u301c18:00 0120-0000-0000 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.fujijusetsuservice.com\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fujijusetsuservice.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.fujijusetsuservice.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.fujijusetsuservice.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fujijusetsuservice.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":1,"href":"https:\/\/www.fujijusetsuservice.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":14,"href":"https:\/\/www.fujijusetsuservice.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/14"}],"wp:attachment":[{"href":"https:\/\/www.fujijusetsuservice.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":13,"date":"2026-07-14T12:41:09","date_gmt":"2026-07-14T03:41:09","guid":{"rendered":"https:\/\/www.fujijusetsuservice.com\/?page_id=13"},"modified":"2026-07-14T12:43:50","modified_gmt":"2026-07-14T03:43:50","slug":"%e3%81%95%e3%81%84%e3%81%9f%e3%81%be%e4%bd%8f%e8%a8%ad%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9","status":"publish","type":"page","link":"https:\/\/www.fujijusetsuservice.com\/?page_id=13","title":{"rendered":"\u3055\u3044\u305f\u307e\u4f4f\u8a2d\u30b5\u30fc\u30d3\u30b9"},"content":{"rendered":"\n\n\n\n \n \n \u3055\u3044\u305f\u307e\u4f4f\u8a2d\u30b5\u30fc\u30d3\u30b9 | \u57fc\u7389\u770c\u5168\u57df\u306e\u7d66\u6e6f\u5668\u30fb\u30ac\u30b9\u5668\u5177\u4ea4\u63db\u30fb\u30ea\u30d5\u30a9\u30fc\u30e0\u30fb\u5916\u58c1\u5857\u88c5<\/title>\n <meta name=\"description\" content=\"\u57fc\u7389\u770c\u5185\u5168\u57df\u5bfe\u5fdc\u3002\u7d66\u6e6f\u5668\u30fb\u30ac\u30b9\u5668\u5177\u306e\u4fee\u7406\u4ea4\u63db\u3001\u7d66\u6c34\u7ba1\u30fb\u6392\u6c34\u7ba1\u30c8\u30e9\u30d6\u30eb\u304b\u3089\u3001\u30ea\u30d5\u30a9\u30fc\u30e0\u30fb\u5916\u58c1\u5857\u88c5\u307e\u3067\u3001\u4f4f\u307e\u3044\u306e\u3042\u3089\u3086\u308b\u304a\u60a9\u307f\u3092\u30c8\u30fc\u30bf\u30eb\u3067\u89e3\u6c7a\u3059\u308b\u3055\u3044\u305f\u307e\u4f4f\u8a2d\u30b5\u30fc\u30d3\u30b9\u3002\u304a\u898b\u7a4d\u3082\u308a\u7121\u6599\u3002\">\n <meta name=\"keywords\" content=\"\u7d66\u6e6f\u5668\u4ea4\u63db, \u30ac\u30b9\u30b3\u30f3\u30ed, \u6c34\u56de\u308a\u4fee\u7406, \u30ea\u30d5\u30a9\u30fc\u30e0, \u5916\u58c1\u5857\u88c5, \u57fc\u7389\u770c, \u5165\u9593\u5e02, \u3055\u3044\u305f\u307e\u4f4f\u8a2d\u30b5\u30fc\u30d3\u30b9\">\n \n \n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"HomeAndConstructionBusiness\",\n \"name\": \"\u3055\u3044\u305f\u307e\u4f4f\u8a2d\u30b5\u30fc\u30d3\u30b9\",\n \"image\": \"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1200&q=80\",\n \"address\": {\n \"@type\": \"PostalAddress\",\n \"streetAddress\": \"\u725b\u6ca2\",\n \"addressLocality\": \"\u5165\u9593\u5e02\",\n \"addressRegion\": \"\u57fc\u7389\u770c\",\n \"postalCode\": \"358-0000\",\n \"addressCountry\": \"JP\"\n },\n \"geo\": {\n \"@type\": \"GeoCoordinates\",\n \"latitude\": 35.8364,\n \"longitude\": 139.3900\n },\n \"url\": \"https:\/\/example.com\",\n \"telephone\": \"+81-120-0000-0000\",\n \"priceRange\": \"\u00a55,000 - \u00a52,000,000\",\n \"openingHoursSpecification\": {\n \"@type\": \"OpeningHoursSpecification\",\n \"dayOfWeek\": [\"Monday\", \"Tuesday\", \"Wednesday\", \"Thursday\", \"Friday\"],\n \"opens\": \"09:00\",\n \"closes\": \"18:00\"\n }\n }\n <\/script>\n\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n serif: ['\"Noto Serif JP\"', 'serif'],\n },\n colors: {\n neonCyan: '#00f2fe',\n neonMagenta: '#4facfe',\n }\n }\n }\n }\n <\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+JP:wght@400;700;900&display=swap\" rel=\"stylesheet\">\n \n <style>\n body {\n font-family: 'Noto Serif JP', serif;\n background: linear-gradient(135deg, #0d1117 0%, #161b22 50%, #0a0c10 100%);\n position: relative;\n overflow-x: hidden;\n }\n body::before {\n content: \"\";\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n opacity: 0.04;\n pointer-events: none;\n z-index: 9999;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\");\n }\n .glass-card {\n background: rgba(255, 255, 255, 0.03);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border: 1px solid rgba(255, 255, 255, 0.08);\n box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .glass-card:hover {\n background: rgba(255, 255, 255, 0.06);\n border: 1px solid rgba(0, 242, 254, 0.3);\n box-shadow: 0 12px 40px 0 rgba(0, 242, 254, 0.1);\n transform: translateY(-4px);\n }\n .fade-in-up {\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n }\n @keyframes fadeInUp {\n to { opacity: 1; transform: translateY(0); }\n }\n #canvas-container {\n position: absolute;\n top: 50%; left: 50%;\n transform: translate(-50%, -50%);\n width: 100%; height: 600px;\n z-index: 0; pointer-events: none;\n }\n <\/style>\n<\/head>\n<body class=\"text-slate-100 min-h-screen selection:bg-cyan-500 selection:text-slate-900\">\n\n <header class=\"fixed top-0 left-0 w-full z-50 bg-slate-950\/40 backdrop-blur-md border-b border-white\/5\">\n <div class=\"max-w-7xl mx-auto px-6 h-20 flex items-center justify-between\">\n <div class=\"flex flex-col\">\n <span class=\"text-xs tracking-widest text-cyan-400 font-bold\">\u4f4f\u307e\u3044\u306e\u30c8\u30fc\u30bf\u30eb\u30d1\u30fc\u30c8\u30ca\u30fc<\/span>\n <span class=\"text-xl font-black tracking-wider bg-clip-text text-transparent bg-gradient-to-r from-white to-slate-400\">\u3055\u3044\u305f\u307e\u4f4f\u8a2d\u30b5\u30fc\u30d3\u30b9<\/span>\n <\/div>\n <div class=\"hidden md:flex items-center gap-6\">\n <a href=\"#contact\" class=\"text-xs text-slate-400 hover:text-cyan-400 transition-colors\">\n \u2709\ufe0f WEB\u304b\u3089\u306e\u304a\u554f\u3044\u5408\u308f\u305b\n <\/a>\n <a href=\"tel:012000000000\" class=\"flex items-center gap-3 px-5 py-2.5 rounded-full bg-white\/5 border border-white\/10 hover:border-cyan-400\/50 transition-all duration-300 group\">\n <span class=\"w-2 h-2 rounded-full bg-emerald-400 animate-pulse\"><\/span>\n <span class=\"text-xs text-slate-400\">\u5e73\u65e5 9:00\u301c18:00<\/span>\n <span class=\"text-sm font-bold text-cyan-400 group-hover:text-white transition-colors\">0120-0000-0000<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/header>\n\n <section class=\"relative min-h-screen flex items-center justify-center pt-20 overflow-hidden\">\n <div id=\"canvas-container\"><\/div>\n <div class=\"relative z-10 max-w-4xl mx-auto px-6 text-center fade-in-up\">\n <span class=\"inline-block px-4 py-1.5 mb-6 text-xs tracking-widest text-cyan-400 bg-cyan-500\/10 border border-cyan-500\/20 rounded-full font-bold\">\n \u57fc\u7389\u770c\u5185\u5168\u57df\u30fb\u30d5\u30c3\u30c8\u30ef\u30fc\u30af\u8efd\u304f\u5bfe\u5fdc\n <\/span>\n <h1 class=\"text-4xl md:text-6xl font-black tracking-loose leading-tight mb-8 text-white\">\n \u4f4f\u5b85\u8a2d\u5099\u306e\u4e0d\u8abf\u3092\u76f4\u3057\u3001<br>\n \u4f4f\u307e\u3044\u306e\u672a\u6765\u3092\u5f69\u308b\u3002\n <\/h1>\n <p class=\"text-base md:text-lg text-slate-400 max-w-2xl mx-auto leading-relaxed mb-12\">\n \u7d66\u6e6f\u5668\u3084\u30ac\u30b9\u30fb\u6c34\u9053\u7ba1\u306e\u7dca\u6025\u30c8\u30e9\u30d6\u30eb\u5bfe\u5fdc\u304b\u3089\u3001\u5927\u898f\u6a21\u306a\u30ea\u30d5\u30a9\u30fc\u30e0\u3001\u5916\u58c1\u5857\u88c5\u307e\u3067\u3002<br>\n \u3055\u3044\u305f\u307e\u4f4f\u8a2d\u30b5\u30fc\u30d3\u30b9\u306f\u3001\u4f4f\u307e\u3044\u306e\u3042\u3089\u3086\u308b\u304a\u60a9\u307f\u3092\u4e00\u624b\u306b\u5f15\u304d\u53d7\u3051\u3001\u78ba\u304b\u306a\u6280\u8853\u3068\u9069\u6b63\u4fa1\u683c\u3067\u304a\u5ba2\u69d8\u306e\u5b89\u5fc3\u3092\u5f62\u306b\u3057\u307e\u3059\u3002\n <\/p>\n <div class=\"flex flex-col sm:flex-row justify-center items-center gap-4\">\n <a href=\"#contact\" class=\"w-full sm:w-auto px-8 py-4 rounded-full bg-gradient-to-r from-cyan-500 to-blue-600 text-slate-900 font-bold text-sm tracking-widest hover:opacity-90 transition-all duration-300 shadow-lg shadow-cyan-500\/20 transform hover:scale-105\">\n \u7121\u6599\u3054\u76f8\u8ac7\u30fb\u304a\u898b\u7a4d\u3082\u308a\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <main id=\"services\" class=\"max-w-7xl mx-auto px-6 py-24 relative z-10\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-2xl md:text-4xl font-bold tracking-wider mb-4 text-white\">\u5e45\u5e83\u3044\u5c02\u9580\u6280\u8853\u3067\u3001\u4f4f\u307e\u3044\u3092\u30c8\u30fc\u30bf\u30eb\u30b5\u30dd\u30fc\u30c8<\/h2>\n <p class=\"text-sm text-slate-400\">\u8a2d\u5099\u306e\u90e8\u5206\u4fee\u7406\u304b\u3089\u5bb6\u5168\u4f53\u306e\u6539\u4fee\u307e\u3067\u3001\u79c1\u305f\u3061\u304c\u9078\u3070\u308c\u308b\u7406\u7531\u3067\u3059\u3002<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n \n <div class=\"glass-card rounded-3xl p-8 md:col-span-2 flex flex-col justify-between overflow-hidden relative group min-h-[350px]\">\n <div class=\"absolute inset-0 z-0 opacity-20 group-hover:opacity-30 transition-opacity duration-500\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1513694203232-719a280e022f?auto=format&fit=crop&w=1200&q=80\" alt=\"\u30ad\u30c3\u30c1\u30f3\u3068\u4f4f\u5b85\u8a2d\u5099\" class=\"w-full height-full object-cover\">\n <\/div>\n <div class=\"relative z-10\">\n <span class=\"text-xs text-cyan-400 font-bold tracking-widest block mb-2\">\u4e3b\u8981\u696d\u52d9 01<\/span>\n <h3 class=\"text-xl md:text-2xl font-bold mb-4 text-white\">\u7d66\u6e6f\u5668\u30fb\u30ac\u30b9\u5668\u5177\u30fb\u914d\u7ba1\u306e\u4fee\u7406\u3068\u4ea4\u63db<\/h3>\n <p class=\"text-sm text-slate-400 leading-relaxed max-w-md\">\n \u7a81\u7136\u306e\u304a\u6e6f\u306e\u30c8\u30e9\u30d6\u30eb\u3084\u30ac\u30b9\u5668\u5177\u306e\u4e0d\u8abf\u306b\u8fc5\u901f\u5bfe\u5fdc\u3002\u7d66\u6e6f\u5668\u5168\u822c\u3001\u30ac\u30b9\u30b3\u30f3\u30ed\u3001\u30d3\u30eb\u30c8\u30a4\u30f3\u30b3\u30f3\u30ed\u306e\u4ea4\u63db\u304b\u3089\u3001\u5b89\u5168\u3092\u6700\u512a\u5148\u3068\u3057\u305f\u30ac\u30b9\u914d\u7ba1\u306e\u4fee\u7406\u30fb\u4ea4\u63db\u307e\u3067\u3001\u78ba\u304b\u306a\u6280\u8853\u3067\u65bd\u5de5\u3044\u305f\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n <div class=\"relative z-10 mt-6 flex items-center gap-2 text-xs text-white font-bold tracking-wider\">\n \u5bfe\u5fdc\u7bc4\u56f2\uff1a\u5404\u7a2e\u7d66\u6e6f\u5668 \/ \u30ac\u30b9\u30b3\u30f3\u30ed \/ \u30d3\u30eb\u30c8\u30a4\u30f3\u30b3\u30f3\u30ed \/ \u30ac\u30b9\u914d\u7ba1\n <\/div>\n <\/div>\n\n \n <div class=\"glass-card rounded-3xl p-8 flex flex-col justify-between min-h-[350px]\">\n <div>\n <span class=\"text-xs text-cyan-400 font-bold tracking-widest block mb-2\">\u4e3b\u8981\u696d\u52d9 02<\/span>\n <h3 class=\"text-xl font-bold mb-4 text-white\">\u898b\u3048\u306a\u3044\u90e8\u5206\u3092\u78ba\u5b9f\u306b<br>\u6c34\u56de\u308a\u914d\u7ba1\u30c8\u30e9\u30d6\u30eb<\/h3>\n <p class=\"text-sm text-slate-400 leading-relaxed\">\n \u7d66\u6c34\u7ba1\u3001\u6392\u6c34\u7ba1\u3001\u7d66\u6e6f\u7ba1\u306a\u3069\u3001\u751f\u6d3b\u57fa\u76e4\u3092\u652f\u3048\u308b\u91cd\u8981\u306a\u914d\u7ba1\u306e\u6c34\u6f0f\u308c\u30fb\u8a70\u307e\u308a\u30fb\u52a3\u5316\u3092\u7684\u78ba\u306b\u8a3a\u65ad\u3057\u3001\u6700\u9069\u306a\u4fee\u7406\u3084\u5f15\u304d\u76f4\u3057\u3092\u884c\u3044\u307e\u3059\u3002\n <\/p>\n <\/div>\n <div class=\"w-full h-32 rounded-2xl overflow-hidden mt-4 opacity-70\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1470071459604-3b5ec3a7fe05?auto=format&fit=crop&w=600&q=80\" alt=\"\u6c34\u56de\u308a\u306e\u30a4\u30e1\u30fc\u30b8\" class=\"w-full h-full object-cover\">\n <\/div>\n <\/div>\n\n \n <div class=\"glass-card rounded-3xl p-8 flex flex-col justify-between min-h-[350px]\">\n <div>\n <span class=\"text-xs text-cyan-400 font-bold tracking-widest block mb-2\">\u4e3b\u8981\u696d\u52d9 03<\/span>\n <h3 class=\"text-xl font-bold mb-4 text-white\">\u4f4f\u307e\u3044\u3092\u65b0\u751f\u3055\u305b\u308b<br>\u30ea\u30d5\u30a9\u30fc\u30e0\u30fb\u5916\u58c1\u5857\u88c5<\/h3>\n <p class=\"text-sm text-slate-400 leading-relaxed\">\n \u6c34\u56de\u308a\u306e\u6539\u4fee\u306b\u3068\u3069\u307e\u3089\u305a\u3001\u30e9\u30a4\u30d5\u30b9\u30bf\u30a4\u30eb\u306b\u5408\u308f\u305b\u305f\u9593\u53d6\u308a\u5909\u66f4\u3084\u3001\u5efa\u7269\u3092\u5b88\u308b\u5916\u58c1\u5857\u88c5\u306a\u3069\u3001\u4f4f\u5b85\u5168\u822c\u306e\u30ea\u30d5\u30a9\u30fc\u30e0\u3092\u30c8\u30fc\u30bf\u30eb\u3067\u304a\u4efb\u305b\u3044\u305f\u3060\u3051\u307e\u3059\u3002\n <\/p>\n <\/div>\n <div class=\"w-full h-32 rounded-2xl overflow-hidden mt-4 opacity-70\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1584622650111-993a426fbf0a?auto=format&fit=crop&w=600&q=80\" alt=\"\u7f8e\u3057\u3044\u5916\u58c1\u3068\u7a7a\u9593\" class=\"w-full h-full object-cover\">\n <\/div>\n <\/div>\n\n \n <div class=\"glass-card rounded-3xl p-8 md:col-span-2 flex flex-col justify-between overflow-hidden relative group min-h-[350px]\">\n <div class=\"absolute inset-0 z-0 opacity-15 group-hover:opacity-25 transition-opacity duration-500\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1200&q=80\" alt=\"\u30e2\u30c0\u30f3\u4f4f\u5b85\u5efa\u7bc9\" class=\"w-full h-full object-cover\">\n <\/div>\n <div class=\"relative z-10\">\n <span class=\"text-xs text-cyan-400 font-bold tracking-widest block mb-2\">\u9078\u3070\u308c\u308b\u7406\u7531 04<\/span>\n <h3 class=\"text-xl md:text-2xl font-bold mb-4 text-white\">\u57fc\u7389\u770c\u5185\u5168\u57df\u3092\u30ab\u30d0\u30fc\u3059\u308b\u6a5f\u52d5\u529b\u3068\u3001<br>\u8907\u6570\u696d\u8005\u3092\u631f\u307e\u306a\u3044\u30ef\u30f3\u30b9\u30c8\u30c3\u30d7\u65bd\u5de5\u3002<\/h3>\n <p class=\"text-sm text-slate-400 leading-relaxed max-w-xl \">\n \u7d66\u6e6f\u5668\u4ea4\u63db\u304b\u3089\u30ea\u30d5\u30a9\u30fc\u30e0\u3001\u5916\u58c1\u5857\u88c5\u307e\u3067\u3001\u305d\u308c\u305e\u308c\u306e\u5c02\u9580\u696d\u8005\u3092\u5225\u3005\u306b\u63a2\u3059\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u5165\u9593\u5e02\u3092\u62e0\u70b9\u306b\u57fc\u7389\u770c\u5185\u5168\u57df\u3078\u4f3a\u3044\u3001\u7dcf\u5408\u7684\u306a\u4f4f\u5b85\u30b5\u30fc\u30d3\u30b9\u3092\u4e00\u8cab\u3057\u3066\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3067\u3001\u30b3\u30b9\u30c8\u3092\u6291\u3048\u305f\u9069\u6b63\u4fa1\u683c\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n <div class=\"relative z-10 mt-6 flex flex-wrap gap-4 text-xs text-slate-300\">\n <span class=\"bg-white\/5 px-3 py-1 rounded-full border border-white\/5\">\ud83d\udca1 \u304a\u898b\u7a4d\u3082\u308a\u7121\u6599<\/span>\n <span class=\"bg-white\/5 px-3 py-1 rounded-full border border-white\/5\">\ud83d\udee0\ufe0f \u4f4f\u5b85\u8a2d\u5099\u5168\u822c\u5bfe\u5fdc<\/span>\n <span class=\"bg-white\/5 px-3 py-1 rounded-full border border-white\/5\">\ud83e\udd1d \u57fc\u7389\u770c\u5185\u5168\u57df\u5bfe\u5fdc<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/main>\n\n <section id=\"contact\" class=\"max-w-6xl mx-auto px-6 py-24 relative z-10\">\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 items-stretch\">\n \n <div class=\"glass-card rounded-3xl p-8 flex flex-col justify-between border border-cyan-500\/20 bg-gradient-to-b from-cyan-950\/10 to-transparent\">\n <div>\n <span class=\"text-xs text-cyan-400 font-bold tracking-widest block mb-2\">\u7121\u6599\u76f8\u8ac7\u30fb\u304a\u898b\u7a4d\u3082\u308a\u7a93\u53e3<\/span>\n <h2 class=\"text-2xl font-bold mb-6 text-white\">\u8a2d\u5099\u304b\u3089\u30ea\u30d5\u30a9\u30fc\u30e0\u307e\u3067\u3001\u307e\u305a\u306f\u304a\u6c17\u8efd\u306b\u3054\u9023\u7d61\u304f\u3060\u3055\u3044<\/h2>\n \n <div class=\"bg-slate-950\/40 border border-white\/5 rounded-2xl p-5 mb-6 flex items-center justify-between\">\n <div>\n <span class=\"text-[11px] text-slate-400 block\">\u304a\u96fb\u8a71\u53d7\u4ed8\uff08\u5e73\u65e5 9:00\u301c18:00\uff09<\/span>\n <a href=\"tel:012000000000\" class=\"text-xl md:text-2xl font-black text-cyan-400 tracking-wider hover:text-white transition-colors\">\n 0120-0000-0000\n <\/a>\n <\/div>\n <span class=\"text-2xl\">\ud83d\udcde<\/span>\n <\/div>\n\n \n <form action=\"\u3053\u3053\u306b\u30d5\u30a9\u30fc\u30e0\u4e2d\u7d99\u30b5\u30fc\u30d3\u30b9\u306eURL\u3092\u8cbc\u308a\u4ed8\u3051\u307e\u3059\" method=\"POST\" class=\"space-y-4\">\n <input type=\"hidden\" name=\"_subject\" value=\"\u3010\u3055\u3044\u305f\u307e\u4f4f\u8a2d\u30b5\u30fc\u30d3\u30b9\u3011Web\u30b5\u30a4\u30c8\u304b\u3089\u306e\u304a\u554f\u3044\u5408\u308f\u305b\">\n \n <div>\n <label class=\"block text-xs text-slate-400 mb-1\">\u304a\u540d\u524d<\/label>\n <input type=\"text\" name=\"name\" required placeholder=\"\u4f8b\uff09\u57fc\u7389 \u592a\u90ce\" class=\"w-full bg-white\/5 border border-white\/10 rounded-xl px-4 py-3 text-sm text-white focus:outline-none focus:border-cyan-400 transition-colors\">\n <\/div>\n <div>\n <label class=\"block text-xs text-slate-400 mb-1\">\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\uff08\u3054\u8fd4\u4fe1\u7528\uff09<\/label>\n <input type=\"email\" name=\"email\" required placeholder=\"\u4f8b\uff09customer@example.com\" class=\"w-full bg-white\/5 border border-white\/10 rounded-xl px-4 py-3 text-sm text-white focus:outline-none focus:border-cyan-400 transition-colors\">\n <\/div>\n <div>\n <label class=\"block text-xs text-slate-400 mb-1\">\u3054\u76f8\u8ac7\u5185\u5bb9\uff08\u7d66\u6e6f\u5668\u3001\u914d\u7ba1\u3001\u30ea\u30d5\u30a9\u30fc\u30e0\u3001\u5916\u58c1\u306a\u3069\uff09<\/label>\n <textarea name=\"message\" required rows=\"4\" placeholder=\"\u304a\u6e6f\u304c\u51fa\u306a\u3044\u3001\u6c34\u6f0f\u308c\u3057\u3066\u3044\u308b\u3001\u30ea\u30d5\u30a9\u30fc\u30e0\u306e\u898b\u7a4d\u3082\u308a\u304c\u6b32\u3057\u3044\u306a\u3069\u3001\u73fe\u5728\u306e\u72b6\u6cc1\u3092\u3054\u8a18\u5165\u304f\u3060\u3055\u3044\u3002\" class=\"w-full bg-white\/5 border border-white\/10 rounded-xl px-4 py-3 text-sm text-white focus:outline-none focus:border-cyan-400 transition-colors\"><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"w-full py-4 rounded-xl bg-gradient-to-r from-cyan-500 to-blue-600 text-slate-900 font-bold text-sm tracking-widest hover:opacity-90 transition-opacity\">\n \u4e0a\u8a18\u306e\u5185\u5bb9\u3067\u9001\u4fe1\u3059\u308b\n <\/button>\n <\/form>\n <\/div>\n <\/div>\n\n \n <div class=\"glass-card rounded-3xl p-8 flex flex-col justify-between border border-white\/5\">\n <div class=\"h-full flex flex-col\">\n <span class=\"text-xs text-cyan-400 font-bold tracking-widest block mb-2\">\u62e0\u70b9\u30fb\u5bfe\u8c61\u30a8\u30ea\u30a2<\/span>\n <h3 class=\"text-xl font-bold mb-4 text-white\">\u57fc\u7389\u770c\u5185\u5168\u57df\u5bfe\u5fdc<\/h3>\n <p class=\"text-sm text-slate-400 mb-6\">\n \u3012358-0000 \u57fc\u7389\u770c\u5165\u9593\u5e02\u725b\u6ca2<br>\n \u5165\u9593\u5e02\u3092\u62e0\u70b9\u306b\u3001\u57fc\u7389\u770c\u5185\u306e\u3042\u3089\u3086\u308b\u30a8\u30ea\u30a2\u3078\u8fc5\u901f\u306b\u304a\u4f3a\u3044\u3044\u305f\u3057\u307e\u3059\u3002\n <\/p>\n \n <div class=\"w-full flex-grow min-h-[300px] rounded-2xl overflow-hidden border border-white\/10 opacity-80 hover:opacity-100 transition-opacity duration-300\">\n \n <iframe \n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d103063.11195610012!2d139.3242099!3d35.8364808!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6018d99c43b3531f%3A0xc6651261d7b1a646!2z5Z-8546J55yM5YWl6ZaT5biC!5e0!3m2!1sja!2sjp!4v1700000000000!5m2!1sja!2sjp\" \n width=\"100%\" \n height=\"100%\" \n style=\"border:0; filter: invert(90%) hue-rotate(180deg) brightness(95%) contrast(90%);\" \n allowfullscreen=\"\" \n loading=\"lazy\" \n referrerpolicy=\"no-referrer-when-downgrade\">\n <\/iframe>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n <footer class=\"border-t border-white\/5 bg-slate-950\/60 py-12 relative z-10\">\n <div class=\"max-w-7xl mx-auto px-6 flex flex-col md:flex-row items-center justify-between gap-6\">\n <div class=\"text-center md:text-left\">\n <span class=\"text-sm font-bold tracking-wider text-slate-300 block mb-1\">\u3055\u3044\u305f\u307e\u4f4f\u8a2d\u30b5\u30fc\u30d3\u30b9<\/span>\n <span class=\"text-xs text-slate-500\">\u3012358-0000 \u57fc\u7389\u770c\u5165\u9593\u5e02\u725b\u6ca2 | \u4f4f\u5b85\u8a2d\u5099\u30fb\u30ea\u30d5\u30a9\u30fc\u30e0\u30fb\u5916\u58c1\u5857\u88c5<\/span>\n <\/div>\n <p class=\"text-xs text-slate-600\">\n \u00a9 2026 \u3055\u3044\u305f\u307e\u4f4f\u8a2d\u30b5\u30fc\u30d3\u30b9. \u5168\u3066\u65e5\u672c\u8a9e\u306e\u4f1d\u7d71\u306b\u5247\u308a\u3001\u8aa0\u5b9f\u306b\u3002\n <\/p>\n <\/div>\n <\/footer>\n\n \n <script>\n const container = document.getElementById('canvas-container');\n const scene = new THREE.Scene();\n const camera = new THREE.PerspectiveCamera(45, container.clientWidth \/ container.clientHeight, 0.1, 1000);\n camera.position.z = 5;\n const renderer = new THREE.WebGLRenderer({ alpha: true, antialias: true });\n renderer.setSize(container.clientWidth, container.clientHeight);\n renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));\n container.appendChild(renderer.domElement);\n const geometry = new THREE.BoxGeometry(1.6, 1.6, 1.6);\n const material = new THREE.MeshBasicMaterial({ color: 0x00f2fe, wireframe: true, transparent: true, opacity: 0.8 });\n const cube = new THREE.Mesh(geometry, material);\n scene.add(cube);\n const innerGeometry = new THREE.BoxGeometry(1.2, 1.2, 1.2);\n const innerMaterial = new THREE.MeshBasicMaterial({ color: 0x4facfe, wireframe: true, transparent: true, opacity: 0.4 });\n const innerCube = new THREE.Mesh(innerGeometry, innerMaterial);\n cube.add(innerCube);\n let mouseX = 0; let mouseY = 0; let targetX = 0; let targetY = 0;\n window.addEventListener('mousemove', (event) => {\n mouseX = (event.clientX \/ window.innerWidth) - 0.5;\n mouseY = (event.clientY \/ window.innerHeight) - 0.5;\n });\n const animate = () => {\n requestAnimationFrame(animate);\n cube.rotation.x += 0.003; cube.rotation.y += 0.004;\n targetX = mouseX * 0.8; targetY = mouseY * 0.8;\n cube.position.x += (targetX - cube.position.x) * 0.05;\n cube.position.y += (-targetY - cube.position.y) * 0.05;\n renderer.render(scene, camera);\n };\n animate();\n window.addEventListener('resize', () => {\n camera.aspect = container.clientWidth \/ container.clientHeight;\n camera.updateProjectionMatrix();\n renderer.setSize(container.clientWidth, container.clientHeight);\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u3055\u3044\u305f\u307e\u4f4f\u8a2d\u30b5\u30fc\u30d3\u30b9 | \u57fc\u7389\u770c\u5168\u57df\u306e\u7d66\u6e6f\u5668\u30fb\u30ac\u30b9\u5668\u5177\u4ea4\u63db\u30fb\u30ea\u30d5\u30a9\u30fc\u30e0\u30fb\u5916\u58c1\u5857\u88c5 \u4f4f\u307e\u3044\u306e\u30c8\u30fc\u30bf\u30eb\u30d1\u30fc\u30c8\u30ca\u30fc \u3055\u3044\u305f\u307e\u4f4f\u8a2d\u30b5\u30fc\u30d3\u30b9 \u2709\ufe0f WEB\u304b\u3089\u306e\u304a\u554f\u3044\u5408\u308f\u305b \u5e73\u65e5 9:00\u301c18:00 0120-0000-0000 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.fujijusetsuservice.com\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fujijusetsuservice.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.fujijusetsuservice.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.fujijusetsuservice.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fujijusetsuservice.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":1,"href":"https:\/\/www.fujijusetsuservice.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":14,"href":"https:\/\/www.fujijusetsuservice.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/14"}],"wp:attachment":[{"href":"https:\/\/www.fujijusetsuservice.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}