{"id":9,"date":"2026-07-14T11:19:58","date_gmt":"2026-07-14T02:19:58","guid":{"rendered":"https:\/\/www.fujijusetsuservice.com\/?page_id=9"},"modified":"2026-07-14T11:45:34","modified_gmt":"2026-07-14T02:45:34","slug":"fjs-hp","status":"publish","type":"page","link":"https:\/\/www.fujijusetsuservice.com\/?page_id=9","title":{"rendered":"\u30db\u30fc\u30e0\u30da\u30fc\u30b8"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u5bcc\u58eb\u4f4f\u8a2d\u30b5\u30fc\u30d3\u30b9 | \u4f4f\u307e\u3044\u306e\u30c8\u30fc\u30bf\u30eb\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9<\/title>\n    <!-- Tailwind CSS CDN -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <!-- Three.js CDN -->\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    <!-- Google Fonts (\u660e\u671d\u4f53) -->\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&amp;display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        \/* Grainy Gradient (\u30ce\u30a4\u30ba\u306e\u5165\u3063\u305f\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u80cc\u666f) *\/\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            content: \"\";\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\n        \/* Glassmorphism (\u3059\u308a\u30ac\u30e9\u30b9\u52b9\u679c) *\/\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\n        \/* Fade-in Up \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\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 {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        \/* Three.js Canvas \u56fa\u5b9a\u914d\u7f6e *\/\n        #canvas-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 100%;\n            height: 600px;\n            z-index: 0;\n            pointer-events: none;\n        }\n    <\/style>\n\n\n\n    <!-- \u30d8\u30c3\u30c0\u30fc -->\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\">\u5bcc\u58eb\u5c71\u9e93\u306e\u4fe1\u983c\u3068\u78ba\u304b\u306a\u6280\u8853<\/span>\n                <span class=\"text-xl font-black tracking-wider bg-clip-text text-transparent bg-gradient-to-r from-white to-slate-400\">\u5bcc\u58eb\u4f4f\u8a2d\u30b5\u30fc\u30d3\u30b9<\/span>\n            <\/div>\n            <a href=\"tel:0120000000\" class=\"hidden md: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 \u96fb\u8a71\u53d7\u4ed8<\/span>\n                <span class=\"text-sm font-bold text-cyan-400 group-hover:text-white transition-colors\">0120-000-000<\/span>\n            <\/a>\n        <\/div>\n    <\/header>\n\n    <!-- \u30e1\u30a4\u30f3\u30d2\u30fc\u30ed\u30fc\u30bb\u30af\u30b7\u30e7\u30f3 -->\n    <section class=\"relative min-h-screen flex items-center justify-center pt-20 overflow-hidden\">\n        <!-- 3D\u80cc\u666f -->\n        <div id=\"canvas-container\"><\/div>\n\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                \u5730\u57df\u5bc6\u7740\u578b\u30fb\u5b8c\u5168\u81ea\u793e\u65bd\u5de5\u306e\u5b89\u5fc3\u611f\n            <\/span>\n            <h1 class=\"text-4xl md:text-6xl font-black tracking-loose leading-tight mb-8 text-white\">\n                \u4f4f\u307e\u3044\u306e\u4e0d\u8abf\u3092\u3001<br>\n                \u78ba\u304b\u306a\u6280\u8853\u3067\u8abf\u5f8b\u3059\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                \u30a8\u30a2\u30b3\u30f3\u3001\u7d66\u6e6f\u5668\u3001\u6c34\u56de\u308a\u306e\u30c8\u30e9\u30d6\u30eb\u304b\u3089\u5b9a\u671f\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u307e\u3067\u3002<br>\n                \u5bcc\u58eb\u4f4f\u8a2d\u30b5\u30fc\u30d3\u30b9\u306f\u3001\u5927\u624b\u30cf\u30a6\u30b9\u30e1\u30fc\u30ab\u30fc\u57fa\u6e96\u306e\u65bd\u5de5\u54c1\u8cea\u3092\u3001\u500b\u4eba\u4e8b\u696d\u306a\u3089\u3067\u306f\u306e\u8fc5\u901f\u3055\u3068\u8aa0\u5b9f\u306a\u4fa1\u683c\u3067\u304a\u5c4a\u3051\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                    \u304a\u96fb\u8a71\u3067\u306e\u3054\u76f8\u8ac7\u306f\u3053\u3061\u3089\n                <\/a>\n                <a href=\"#services\" class=\"w-full sm:w-auto px-8 py-4 rounded-full bg-white\/5 border border-white\/10 text-white font-bold text-sm tracking-widest hover:bg-white\/10 transition-all duration-300 backdrop-blur-sm\">\n                    \u4e8b\u696d\u5185\u5bb9\u3092\u898b\u308b\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Bento Grid \u30bb\u30af\u30b7\u30e7\u30f3 -->\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\">\u78ba\u304b\u306a\u5b89\u5fc3\u3092\u652f\u3048\u308b\u30013\u3064\u306e\u67f1\u3068\u6280\u8853<\/h2>\n            <p class=\"text-sm text-slate-400\">\u5bcc\u58eb\u4f4f\u8a2d\u30b5\u30fc\u30d3\u30b9\u304c\u9078\u3070\u308c\u7d9a\u3051\u308b\u7406\u7531\u304c\u3053\u3053\u306b\u3042\u308a\u307e\u3059\u3002<\/p>\n        <\/div>\n\n        <!-- Bento Grid \u30ec\u30a4\u30a2\u30a6\u30c8 -->\n        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n            \n            <!-- \u30ab\u30fc\u30c9 1\uff1a\u30e1\u30a4\u30f3\u30b5\u30fc\u30d3\u30b9\uff08\u5927\uff09 -->\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&amp;fit=crop&amp;w=1200&amp;q=80\" alt=\"\u30e2\u30c0\u30f3\u306a\u4f4f\u7a7a\u9593\" 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\">\u30ac\u30b9\u5668\u5177\/\u914d\u7ba1\u306e\u4fee\u7406\u3001\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\u306b\u3082\u8fc5\u901f\u306b\u5bfe\u5fdc\u3002\u6700\u65b0\u306e\u9ad8\u52b9\u7387\u7d66\u6e6f\u5668\u3078\u306e\u4ea4\u63db\u304b\u3089\u3001\u7d30\u304b\u306a\u914d\u7ba1\u306e\u6f0f\u6c34\u4fee\u7406\u307e\u3067\u3001\u5b89\u5168\u7b2c\u4e00\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                    \u30ac\u30b9\u7d66\u6e6f\u5668\u3001\u914d\u7ba1\uff1a\n\u30ac\u30b9\u30b3\u30f3\u30ed\u3001\u7d66\u6e6f\u5668\u3001\u7d66\u6392\u6c34\u7ba1\u306a\u3069\u4f4f\u5b85\u8a2d\u5099\u5168\u822c\u3092\u5e45\u5e83\u304f\u5bfe\u5fdc\n                <\/div>\n            <\/div>\n\n            <!-- \u30ab\u30fc\u30c9 2\uff1a\u54c1\u8cea\uff08\u5c0f\uff09 -->\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\">\u79c1\u305f\u3061\u306e\u8a87\u308a 02<\/span>\n                    <h3 class=\"text-xl font-bold mb-4 text-white\">\u5bcc\u58eb\u306e\u6e05\u6d41\u306e\u3088\u3046\u306a<br>\u8aa0\u5b9f\u306a\u6c34\u56de\u308a\u65bd\u5de5<\/h3>\n                    <p class=\"text-sm text-slate-400 leading-relaxed\">\n                        \u8a70\u307e\u308a\u3084\u6c34\u6f0f\u308c\u3068\u3044\u3063\u305f\u7dca\u6025\u4e8b\u614b\u304b\u3089\u3001\u86c7\u53e3\u306e\u4ea4\u63db\u3001\u59a5\u5354\u306e\u306a\u3044\u914d\u7ba1\u7f8e\u307e\u3067\u3001\u76ee\u306b\u898b\u3048\u306a\u3044\u90e8\u5206\u3053\u305d\u7f8e\u3057\u304f\u4ed5\u4e0a\u3052\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&amp;fit=crop&amp;w=600&amp;q=80\" alt=\"\u7f8e\u3057\u3044\u6c34\u3068\u81ea\u7136\" class=\"w-full h-full object-cover\">\n                <\/div>\n            <\/div>\n\n            <!-- \u30ab\u30fc\u30c9 3\uff1a\u7a7a\u8abf\uff08\u5c0f\uff09 -->\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\">\u5feb\u9069\u3092\u5275\u308b<br>\u7a7a\u8abf\u8a2d\u5099\u30ab\u30b9\u30bf\u30e0<\/h3>\n                    <p class=\"text-sm text-slate-400 leading-relaxed\">\n                        \u5bb6\u5ead\u7528\u30a8\u30a2\u30b3\u30f3\u304b\u3089\u696d\u52d9\u7528\u7a7a\u8abf\u307e\u3067\u3002\u305f\u3060\u53d6\u308a\u4ed8\u3051\u308b\u3060\u3051\u3067\u306a\u304f\u3001\u304a\u90e8\u5c4b\u306e\u6c17\u6d41\u3068\u7f8e\u89b3\u3092\u8a08\u7b97\u3057\u5c3d\u304f\u3057\u305f\u6700\u9069\u306a\u914d\u7f6e\u3092\u3054\u63d0\u6848\u3057\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&amp;fit=crop&amp;w=600&amp;q=80\" alt=\"\u30af\u30ea\u30fc\u30f3\u306a\u7a7a\u9593\" class=\"w-full h-full object-cover\">\n                <\/div>\n            <\/div>\n\n            <!-- \u30ab\u30fc\u30c9 4\uff1a\u500b\u4eba\u4e8b\u696d\u306e\u5f37\u307f\uff08\u5927\uff09 -->\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&amp;fit=crop&amp;w=1200&amp;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\">\u5927\u624b\u30cf\u30a6\u30b9\u30e1\u30fc\u30ab\u30fc\u54c1\u8cea\u3092\u3001<br>\u8077\u4eba\u76f4\u901a\u306e\u9069\u6b63\u4fa1\u683c\u3067\u3002<\/h3>\n                    <p class=\"text-sm text-slate-400 leading-relaxed max-w-xl \">\n                        \u5bcc\u58eb\u4f4f\u8a2d\u30b5\u30fc\u30d3\u30b9\u306b\u306f\u3001\u7121\u99c4\u306a\u55b6\u696d\u30de\u30fc\u30b8\u30f3\u3084\u4e2d\u629c\u304d\u30b3\u30b9\u30c8\u306f\u4e00\u5207\u3042\u308a\u307e\u305b\u3093\u3002\u3054\u76f8\u8ac7\u304b\u3089\u8a2d\u8a08\u3001\u65bd\u5de5\u3001\u30a2\u30d5\u30bf\u30fc\u30d5\u30a9\u30ed\u30fc\u307e\u3067\u4ee3\u8868\u81ea\u3089\u304c\u8cac\u4efb\u3092\u6301\u3063\u3066\u4e00\u8cab\u5bfe\u5fdc\u3059\u308b\u305f\u3081\u3001\u6700\u9ad8\u5cf0\u306e\u6280\u8853\u3092\u7d0d\u5f97\u306e\u3044\u304f\u4fa1\u683c\u3067\u3054\u63d0\u4f9b\u53ef\u80fd\u3067\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 \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 \u5b8c\u5168\u81ea\u793e\u65bd\u5de5<\/span>\n                    <span class=\"bg-white\/5 px-3 py-1 rounded-full border border-white\/5\">\ud83e\udd1d \u4e07\u5168\u306e\u30a2\u30d5\u30bf\u30fc\u30b1\u30a2<\/span>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/main>\n\n    <!-- \u30b3\u30f3\u30d0\u30fc\u30b8\u30e7\u30f3\uff08\u96fb\u8a71\u5c02\u7528\u7a93\u53e3\uff09 -->\n    <section id=\"contact\" class=\"max-w-4xl mx-auto px-6 py-24 relative z-10\">\n        <div class=\"glass-card rounded-3xl p-8 md:p-12 text-center relative overflow-hidden border border-cyan-500\/30 bg-gradient-to-b from-cyan-950\/20 to-transparent\">\n            <span class=\"text-xs text-cyan-400 font-bold tracking-widest block mb-4\">\u3054\u76f8\u8ac7\u30fb\u304a\u898b\u7a4d\u3082\u308a\u306f\u7121\u6599\u3067\u3059<\/span>\n            <h2 class=\"text-2xl md:text-4xl font-bold mb-6 text-white\">\u4f4f\u307e\u3044\u306e\u5c0f\u3055\u306a\u304a\u60a9\u307f\u3082\u3001<br class=\"sm:hidden\">\u307e\u305a\u306f\u304a\u6c17\u8efd\u306b\u304a\u96fb\u8a71\u304f\u3060\u3055\u3044<\/h2>\n            <p class=\"text-sm text-slate-400 max-w-xl mx-auto leading-relaxed mb-8\">\n                \u300c\u304a\u6e6f\u304c\u51fa\u306a\u304f\u306a\u3063\u305f\u300d\u300c\u30a8\u30a2\u30b3\u30f3\u306e\u52b9\u304d\u304c\u60aa\u3044\u300d\u300c\u6c34\u56de\u308a\u304b\u3089\u5909\u306a\u97f3\u304c\u3059\u308b\u300d\u306a\u3069\u3001\u3069\u3093\u306a\u3053\u3068\u3067\u3082\u4e01\u5be7\u306b\u304a\u4f3a\u3044\u3044\u305f\u3057\u307e\u3059\u3002\n            <\/p>\n            \n            <!-- \u96fb\u8a71\u5bfe\u5fdc\u7279\u5316\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 -->\n            <div class=\"inline-block bg-slate-950\/60 border border-white\/10 rounded-2xl p-6 md:p-8 max-w-md w-full mx-auto\">\n                <span class=\"text-xs text-slate-400 block mb-2\">\u304a\u96fb\u8a71\u53d7\u4ed8\u6642\u9593\uff1a\u5e73\u65e5 9:00 \u301c 18:00<\/span>\n                <a href=\"tel:0120000000\" class=\"text-2xl md:text-4xl font-black text-cyan-400 tracking-wider hover:text-white transition-colors duration-300 block mb-2\">\n                    0120-000-000\n                <\/a>\n                <p class=\"text-[11px] text-slate-500\">\u203b\u73fe\u5834\u4f5c\u696d\u4e2d\u306a\u3069\u306b\u3088\u308a\u3001\u6298\u308a\u8fd4\u3057\u306e\u3054\u9023\u7d61\u3068\u306a\u308b\u5834\u5408\u304c\u3054\u3056\u3044\u307e\u3059\u3002<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u30d5\u30c3\u30bf\u30fc -->\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\">\u5bcc\u58eb\u4f4f\u8a2d\u30b5\u30fc\u30d3\u30b9<\/span>\n                <span class=\"text-xs text-slate-500\">\u4ee3\u8868\u76f4\u901a\uff1a\u4f4f\u307e\u3044\u306e\u7dcf\u5408\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u30fb\u4f4f\u5b85\u8a2d\u5099\u65bd\u5de5<\/span>\n            <\/div>\n            <p class=\"text-xs text-slate-600\">\n                \u00a9 2026 \u5bcc\u58eb\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    <!-- Three.js \u30b9\u30af\u30ea\u30d7\u30c8 (\u30cd\u30aa\u30f3\u30ab\u30e9\u30fc\u30fb3D\u30ad\u30e5\u30fc\u30d6) -->\n    <script>\n        \/\/ \u30b7\u30fc\u30f3\u3001\u30ab\u30e1\u30e9\u3001\u30ec\u30f3\u30c0\u30e9\u30fc\u306e\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\n        const container = document.getElementById('canvas-container');\n        const scene = new THREE.Scene();\n        \n        \/\/ \u8996\u91ce\u89d2\u3001\u30a2\u30b9\u30da\u30af\u30c8\u6bd4\u3001\u30af\u30ea\u30c3\u30d4\u30f3\u30b0\u624b\u524d\u30fb\u5965\u884c\u304d\n        const camera = new THREE.PerspectiveCamera(45, container.clientWidth \/ container.clientHeight, 0.1, 1000);\n        camera.position.z = 5;\n\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\n        \/\/ \u30cd\u30aa\u30f3\u30ab\u30e9\u30fc\u306e3D\u30ad\u30e5\u30fc\u30d6\uff08\u30b8\u30aa\u30e1\u30c8\u30ea \uff06 \u30ef\u30a4\u30e4\u30fc\u30d5\u30ec\u30fc\u30e0\u30fb\u30de\u30c6\u30ea\u30a2\u30eb\uff09\n        const geometry = new THREE.BoxGeometry(1.6, 1.6, 1.6);\n        \n        \/\/ \u30b5\u30a4\u30d0\u30fc\u30fb\u30d5\u30e5\u30fc\u30c1\u30e3\u30fc\uff1a\u30b7\u30a2\u30f3\u3068\u30de\u30bc\u30f3\u30bf\u306e\u5149\u3092\u8868\u73fe\u3059\u308b\u8907\u6570\u30ec\u30a4\u30e4\u30fc\u306e\u30de\u30c6\u30ea\u30a2\u30eb\n        const material = new THREE.MeshBasicMaterial({\n            color: 0x00f2fe, \/\/ \u30cd\u30aa\u30f3\u30b7\u30a2\u30f3\n            wireframe: true,\n            transparent: true,\n            opacity: 0.8\n        });\n        \n        const cube = new THREE.Mesh(geometry, material);\n        scene.add(cube);\n\n        \/\/ \u5185\u5074\u306b\u3082\u3046\u4e00\u3064\u5c11\u3057\u5c0f\u3055\u306a\u30de\u30bc\u30f3\u30bf\u306e\u30ad\u30e5\u30fc\u30d6\u3092\u914d\u7f6e\u3057\u3066\u6df1\u307f\u3092\u51fa\u3059\n        const innerGeometry = new THREE.BoxGeometry(1.2, 1.2, 1.2);\n        const innerMaterial = new THREE.MeshBasicMaterial({\n            color: 0x4facfe, \/\/ \u30cd\u30aa\u30f3\u30de\u30bc\u30f3\u30bf\n            wireframe: true,\n            transparent: true,\n            opacity: 0.4\n        });\n        const innerCube = new THREE.Mesh(innerGeometry, innerMaterial);\n        cube.add(innerCube);\n\n        \/\/ \u30de\u30a6\u30b9\u30ab\u30fc\u30bd\u30eb\u8ffd\u5f93\u30ed\u30b8\u30c3\u30af\n        let mouseX = 0;\n        let mouseY = 0;\n        let targetX = 0;\n        let targetY = 0;\n\n        window.addEventListener('mousemove', (event) => {\n            \/\/ \u753b\u9762\u4e2d\u5fc3\u3092 (0,0) \u3068\u3057\u305f\u6642\u306e\u30de\u30a6\u30b9\u4f4d\u7f6e\u3092 -1 \u301c 1 \u306b\u6b63\u898f\u5316\n            mouseX = (event.clientX \/ window.innerWidth) - 0.5;\n            mouseY = (event.clientY \/ window.innerHeight) - 0.5;\n        });\n\n        \/\/ \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u30eb\u30fc\u30d7\n        const animate = () => {\n            requestAnimationFrame(animate);\n\n            \/\/ \u81ea\u8ee2\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\uff08\u5e38\u306b\u3086\u3063\u304f\u308a\u56de\u8ee2\uff09\n            cube.rotation.x += 0.003;\n            cube.rotation.y += 0.004;\n\n            \/\/ \u30de\u30a6\u30b9\u3078\u306e\u7de9\u3084\u304b\u306a\u8ffd\u5f93\uff08\u30a4\u30fc\u30b8\u30f3\u30b0\u52b9\u679c\uff09\n            targetX = mouseX * 0.8;\n            targetY = mouseY * 0.8;\n            \n            cube.position.x += (targetX - cube.position.x) * 0.05;\n            cube.position.y += (-targetY - cube.position.y) * 0.05;\n\n            renderer.render(scene, camera);\n        };\n\n        animate();\n\n        \/\/ \u30ea\u30b5\u30a4\u30ba\u5bfe\u5fdc\n        window.addEventListener('resize', () => {\n            const width = container.clientWidth;\n            const height = container.clientHeight;\n            \n            camera.aspect = width \/ height;\n            camera.updateProjectionMatrix();\n            \n            renderer.setSize(width, height);\n        });\n    <\/script>\n\n\n\n<pre class=\"wp-block-code\"><code><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u5bcc\u58eb\u4f4f\u8a2d\u30b5\u30fc\u30d3\u30b9 | \u4f4f\u307e\u3044\u306e\u30c8\u30fc\u30bf\u30eb\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9 \u5bcc\u58eb\u5c71\u9e93\u306e\u4fe1\u983c\u3068\u78ba\u304b\u306a\u6280\u8853 \u5bcc\u58eb\u4f4f\u8a2d\u30b5\u30fc\u30d3\u30b9 \u5e73\u65e5 9:00\u301c18:00 \u96fb\u8a71\u53d7\u4ed8 0120-000-000 \u5730\u57df\u5bc6\u7740\u578b\u30fb\u5b8c\u5168\u81ea\u793e\u65bd\u5de5\u306e\u5b89\u5fc3\u611f \u4f4f\u307e\u3044\u306e\u4e0d\u8abf\u3092\u3001 \u78ba\u304b\u306a [&hellip;]<\/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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.fujijusetsuservice.com\/index.php?rest_route=\/wp\/v2\/pages\/9","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=9"}],"version-history":[{"count":3,"href":"https:\/\/www.fujijusetsuservice.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":12,"href":"https:\/\/www.fujijusetsuservice.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/12"}],"wp:attachment":[{"href":"https:\/\/www.fujijusetsuservice.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}