{"id":3541,"date":"2025-12-13T17:21:06","date_gmt":"2025-12-13T08:21:06","guid":{"rendered":"https:\/\/keishin-g.com\/otaruds\/?p=3541"},"modified":"2026-01-16T01:10:21","modified_gmt":"2026-01-15T16:10:21","slug":"%e6%8e%a1%e7%94%a8%e6%83%85%e5%a0%b1-%e5%b0%8f%e6%a8%bd%e8%87%aa%e5%8b%95%e8%bb%8a%e5%ad%a6%e6%a0%a1","status":"publish","type":"post","link":"https:\/\/keishin-g.com\/otaruds\/blog_20251213_3541.html","title":{"rendered":"\u63a1\u7528\u60c5\u5831 | \u5c0f\u6a3d\u81ea\u52d5\u8eca\u5b66\u6821"},"content":{"rendered":"<p>&nbsp;<\/p>\n<p><script src=\"https:\/\/cdn.tailwindcss.com\"><\/script><\/p>\n<p>&nbsp;<\/p>\n<p><script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js\"><\/script><\/p>\n<p><script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        sans: ['Noto Sans JP', 'sans-serif'],\n                    },\n                    colors: {\n                        brand: {\n                            dark: '#0f172a',\n                            accent: '#00f2fe',\n                            pink: '#fe005d',\n                            glass: 'rgba(255, 255, 255, 0.05)',\n                            glassHover: 'rgba(255, 255, 255, 0.1)',\n                        }\n                    },\n                    animation: {\n                        'float': 'float 6s ease-in-out infinite',\n                        'pulse-slow': 'pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite',\n                    },\n                    keyframes: {\n                        float: {\n                            '0%, 100%': { transform: 'translateY(0)' },\n                            '50%': { transform: 'translateY(-20px)' },\n                        }\n                    }\n                }\n            }\n        }\n    <\/script><\/p>\n<style>\n        \/* \u30ce\u30a4\u30ba\u80cc\u666f (Grainy Effect) *\/<br \/>        .bg-grainy {<br \/>            position: fixed;<br \/>            top: 0;<br \/>            left: 0;<br \/>            width: 100%;<br \/>            height: 100%;<br \/>            pointer-events: none;<br \/>            z-index: -1;<br \/>            background:<br \/>                radial-gradient(circle at 15% 50%, rgba(76, 29, 149, 0.4), transparent 25%),<br \/>                radial-gradient(circle at 85% 30%, rgba(0, 242, 254, 0.15), transparent 25%);<br \/>            background-color: #0f172a;<br \/>        }<\/p>\n<p>        .bg-grainy::before {<br \/>            content: \"\";<br \/>            position: absolute;<br \/>            top: -50%;<br \/>            left: -50%;<br \/>            width: 200%;<br \/>            height: 200%;<br \/>            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)' opacity='0.05'\/%3E%3C\/svg%3E\");<br \/>            animation: noise 1s steps(2) infinite;<br \/>            opacity: 0.4;<br \/>        }<\/p>\n<p>        \/* Glassmorphism Classes *\/<br \/>        .glass-panel {<br \/>            background: rgba(15, 23, 42, 0.6);<br \/>            backdrop-filter: blur(16px);<br \/>            -webkit-backdrop-filter: blur(16px);<br \/>            border: 1px solid rgba(255, 255, 255, 0.1);<br \/>            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);<br \/>        }<\/p>\n<p>        .glass-card {<br \/>            background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);<br \/>            backdrop-filter: blur(10px);<br \/>            border: 1px solid rgba(255, 255, 255, 0.08);<br \/>            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);<br \/>        }<\/p>\n<p>        .glass-card:hover {<br \/>            transform: translateY(-5px) scale(1.02);<br \/>            background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.02) 100%);<br \/>            border-color: rgba(0, 242, 254, 0.5);<br \/>            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 0 20px rgba(0, 242, 254, 0.2);<br \/>        }<\/p>\n<p>        \/* \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u7528\u30af\u30e9\u30b9 *\/<br \/>        .fade-in-up {<br \/>            opacity: 0;<br \/>            transform: translateY(30px);<br \/>            transition: opacity 0.8s ease-out, transform 0.8s ease-out;<br \/>        }<\/p>\n<p>        .fade-in-up.visible {<br \/>            opacity: 1;<br \/>            transform: translateY(0);<br \/>        }<\/p>\n<p>        \/* \u30b9\u30af\u30ed\u30fc\u30eb\u30d0\u30fc *\/<br \/>        ::-webkit-scrollbar {<br \/>            width: 8px;<br \/>        }<br \/>        ::-webkit-scrollbar-track {<br \/>            background: #0f172a;<br \/>        }<br \/>        ::-webkit-scrollbar-thumb {<br \/>            background: #334155;<br \/>            border-radius: 4px;<br \/>        }<br \/>        ::-webkit-scrollbar-thumb:hover {<br \/>            background: #00f2fe;<br \/>        }<\/p>\n<p>        #three-canvas-container {<br \/>            position: absolute;<br \/>            top: 0;<br \/>            left: 0;<br \/>            width: 100%;<br \/>            height: 100%;<br \/>            z-index: 0;<br \/>            overflow: hidden;<br \/>            pointer-events: none; \/* \u30de\u30a6\u30b9\u30a4\u30d9\u30f3\u30c8\u3092\u4e0b\u306e\u8981\u7d20\u306b\u901a\u3059\u306a\u3089none\u3060\u304c\u3001\u4eca\u56de\u306f\u56de\u8ee2\u3055\u305b\u308b\u306e\u3067JS\u3067\u5236\u5fa1 *\/<br \/>        }<br \/>    <\/style>\n<p>&nbsp;<\/p>\n<div class=\"bg-grainy\"><\/div>\n<div id=\"lp-wrapper\" class=\"relative z-10 max-w-7xl mx-auto overflow-hidden\">\n<header class=\"fixed top-0 left-0 w-full z-50 transition-all duration-300 glass-panel border-b-0\">\n<div class=\"max-w-7xl mx-auto px-6 py-4 flex justify-between items-center\">\n<div class=\"flex items-center gap-3\">\n<div class=\"w-8 h-8 rounded bg-gradient-to-tr from-brand-accent to-brand-pink flex items-center justify-center font-bold text-brand-dark\">\u5317\u6d77\u90534\u6821\u5c55\u958b\u306e\u5b89\u5fc3\u30b0\u30eb\u30fc\u30d7<\/div>\n<div>\n<h1 class=\"text-lg font-bold text-white tracking-tight\">\u5c0f\u6a3d\u81ea\u52d5\u8eca\u5b66\u6821 <span class=\"font-normal text-slate-400\">\u63a1\u7528\u30b5\u30a4\u30c8<\/span><\/h1>\n<\/div>\n<\/div>\n<p><a class=\"hidden md:inline-flex items-center px-6 py-2 rounded-full bg-gradient-to-r from-brand-pink to-orange-500 text-white font-bold text-sm shadow-[0_0_20px_rgba(254,0,93,0.5)] hover:shadow-[0_0_30px_rgba(254,0,93,0.8)] transform hover:scale-105 transition-all duration-300\" href=\"https:\/\/jp.indeed.com\/cmp\/%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE%E6%81%B5%E6%96%B0%E8%87%AA%E5%8B%95%E8%BB%8A%E5%AD%A6%E5%9C%92-2\/jobs?jk=81f9c13ec6eba741&amp;start=0&amp;clearPrefilter=1\"><br \/>\nENTRY<\/a><\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<\/header>\n<section class=\"relative min-h-screen flex items-center justify-center pt-20 px-4 overflow-hidden\">\n<div class=\"relative z-10 text-center max-w-4xl mx-auto\">\n<h2 class=\"text-5xl md:text-7xl font-black mb-8 leading-tight tracking-tighter text-transparent bg-clip-text bg-gradient-to-br from-white via-slate-200 to-slate-500 drop-shadow-2xl\">\u305d\u306e<span class=\"text-brand-accent\">\u624d\u80fd<\/span>\u304c\u3001<br \/>\n\u8ab0\u304b\u306e<span class=\"text-brand-pink\">\u672a\u6765<\/span>\u3092\u8d70\u3089\u305b\u308b\u3002<\/h2>\n<p class=\"text-slate-300 text-lg md:text-xl mb-12 max-w-2xl mx-auto leading-relaxed\">\u300c\u904b\u8ee2\u300d\u3092\u6559\u3048\u308b\u3060\u3051\u3058\u3083\u306a\u3044\u3002<br \/>\n\u3042\u306a\u305f\u306e<span class=\"text-white font-bold border-b-2 border-brand-accent\">\u300c\u8a71\u3059\u529b\u300d<\/span>\u3068<span class=\"text-white font-bold border-b-2 border-brand-accent\">\u300c\u30db\u30b9\u30d4\u30bf\u30ea\u30c6\u30a3\u300d<\/span>\u304c<br class=\"md:hidden\" \/>\u6700\u9ad8\u306e\u6559\u80b2\u30c4\u30fc\u30eb\u306b\u306a\u308b\u3002<\/p>\n<div class=\"flex flex-col md:flex-row gap-6 justify-center items-center animate-float\">\n<div class=\"glass-card p-6 rounded-2xl text-left min-w-[280px]\">\n<p class=\"text-xs text-slate-400 mb-1\">\u672a\u7d4c\u9a13\u30b9\u30bf\u30fc\u30c8\u6b53\u8fce<\/p>\n<p class=\"text-2xl font-bold\">\u6708\u7d66 <span class=\"text-brand-accent text-4xl\">20<\/span> \u4e07\u5186\u301c<\/p>\n<\/div>\n<div class=\"glass-card p-6 rounded-2xl text-left min-w-[280px]\">\n<p class=\"text-xs text-slate-400 mb-1\">\u8cc7\u683c\u53d6\u5f97\u8cbb\u7528<\/p>\n<p class=\"text-2xl font-bold text-white\"><span class=\"text-brand-pink\">\u5168\u984d<\/span> \u4f1a\u793e\u8ca0\u62c5<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"absolute bottom-10 left-1\/2 transform -translate-x-1\/2 text-slate-500 text-xs tracking-widest animate-bounce\"><\/div>\n<\/section>\n<section class=\"py-24 px-6 md:px-12 relative z-10\">\n<div class=\"max-w-6xl mx-auto\">\n<h3 class=\"text-3xl font-bold text-center mb-16 fade-in-up\"><span class=\"bg-clip-text text-transparent bg-gradient-to-r from-brand-accent to-blue-500\">Why Us?<\/span><br \/>\n<span class=\"text-lg font-normal text-slate-400 mt-2 block\">\u79c1\u305f\u3061\u304c\u9078\u3070\u308c\u308b\u7406\u7531<\/span><\/h3>\n<div class=\"grid grid-cols-1 md:grid-cols-3 md:grid-rows-2 gap-6 h-auto md:h-[600px]\">\n<div class=\"glass-card rounded-3xl col-span-1 md:col-span-2 row-span-2 relative overflow-hidden group fade-in-up\" style=\"transition-delay: 0.1s;\">\n<p><img decoding=\"async\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110 opacity-60 group-hover:opacity-40\" src=\"https:\/\/images.unsplash.com\/photo-1492144534655-ae79c964c9d7?auto=format&amp;fit=crop&amp;w=1000&amp;q=80\" alt=\"Driving Car\" \/><\/p>\n<div class=\"absolute inset-0 bg-gradient-to-t from-brand-dark via-transparent to-transparent\"><\/div>\n<div class=\"absolute bottom-0 left-0 p-8\">\n<p><span class=\"inline-block px-3 py-1 bg-brand-accent text-brand-dark text-xs font-bold rounded mb-4\">GROUP SCALE<\/span><\/p>\n<h4 class=\"text-3xl font-bold mb-2\">\u5317\u6d77\u9053\u5185 4\u6821\u5c55\u958b\u306e<br \/>\n\u5b89\u5b9a\u57fa\u76e4<\/h4>\n<p class=\"text-slate-300 text-sm\">\u624b\u7a32\u30fb\u5c0f\u6a3d\u30fb\u4f59\u5e02\u30fb\u4f0a\u9054\u3002\u5730\u57df\u306b\u6839\u3056\u3057\u305f\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u3067\u3001\u9577\u304f\u5b89\u5fc3\u3057\u3066\u50cd\u3051\u308b\u74b0\u5883\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/p>\n<\/div>\n<\/div>\n<div class=\"glass-card rounded-3xl col-span-1 p-8 flex flex-col justify-center items-center text-center fade-in-up\" style=\"transition-delay: 0.2s;\">\n<div class=\"text-5xl mb-4\">\ud83d\udcc5<\/div>\n<h4 class=\"text-slate-400 text-sm font-bold uppercase tracking-wider mb-2\">Yearly Holiday<\/h4>\n<p class=\"text-5xl font-black text-brand-pink\">110<span class=\"text-2xl text-white ml-1\">days<\/span><\/p>\n<p class=\"text-xs text-slate-500 mt-4\">\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u3082\u5145\u5b9f<\/p>\n<\/div>\n<div class=\"glass-card rounded-3xl col-span-1 p-8 relative overflow-hidden fade-in-up\" style=\"transition-delay: 0.3s;\">\n<div class=\"absolute top-0 right-0 p-4 opacity-10\"><\/div>\n<h4 class=\"text-xl font-bold mb-4 z-10 relative\">\u8cc7\u683c\u53d6\u5f97<br \/>\n<span class=\"text-brand-accent\">\u5168\u984d\u30b5\u30dd\u30fc\u30c8<\/span><\/h4>\n<ul class=\"text-sm text-slate-300 space-y-2 relative z-10\">\n<li class=\"flex items-center\">\u8cbb\u752830\u4e07\u5186\u76f8\u5f53\u8ca0\u62c5<\/li>\n<li class=\"flex items-center\">\u53d6\u5f97\u4e2d\u3082\u7d66\u4e0e\u652f\u7d66<\/li>\n<li class=\"flex items-center\">\u30e1\u30f3\u30bf\u30fc\u5b8c\u5168\u6307\u5c0e<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"requirements\" class=\"py-24 px-6 md:px-12 relative z-10\">\n<div class=\"max-w-4xl mx-auto\">\n<h3 class=\"text-3xl font-bold text-center mb-12 fade-in-up\">\u52df\u96c6\u8981\u9805<\/h3>\n<div class=\"glass-panel rounded-2xl overflow-hidden fade-in-up\">\n<table class=\"w-full text-left border-collapse\">\n<tbody class=\"divide-y divide-slate-700\">\n<tr>\n<th class=\"p-6 bg-slate-800\/50 font-bold text-slate-300 w-1\/3 min-w-[120px]\">\u52df\u96c6\u8077\u7a2e<\/th>\n<td class=\"p-6 text-slate-100\">\u6559\u7fd2\u6307\u5c0e\u54e1\uff08\u898b\u7fd2\u3044\u53ef\uff09<\/td>\n<\/tr>\n<tr>\n<th class=\"p-6 bg-slate-800\/50 font-bold text-slate-300\">\u696d\u52d9\u5185\u5bb9<\/th>\n<td class=\"p-6 text-slate-100\">\u6559\u7fd2\u6307\u5c0e\u696d\u52d9\u3001\u4e8b\u52d9\u3001\u9001\u8fce\u3001\u53d7\u4ed8\u696d\u52d9\u306a\u3069<\/td>\n<\/tr>\n<tr>\n<th class=\"p-6 bg-slate-800\/50 font-bold text-slate-300 align-top\">\u52e4\u52d9\u5730<br \/>\n<span class=\"text-[10px] font-normal text-slate-500 mt-1\">\u203b\u5e0c\u671b\u8003\u616e<\/span><\/th>\n<td class=\"p-6 text-slate-100\">\n<p class=\"mb-4 text-sm text-slate-400\">\u4ee5\u4e0b\u306e\u30b0\u30eb\u30fc\u30d74\u6821\u3044\u305a\u308c\u304b\uff08\u539f\u5247\u8ee2\u52e4\u306a\u3057\uff09<\/p>\n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n<div class=\"glass-card p-3 rounded-lg border-l-4 border-brand-accent\">\n<p><span class=\"text-brand-accent font-bold text-xs block mb-1\">\u25a0 \u5c0f\u6a3d\u81ea\u52d5\u8eca\u5b66\u6821<\/span><\/p>\n<p class=\"text-xs\">\u5317\u6d77\u9053\u5c0f\u6a3d\u5e02\u65b0\u51492\u4e01\u76ee20-33<br \/>\n<span class=\"opacity-60\">\uff08JR\u671d\u91cc\u99c5 \u5f92\u6b6915\u5206\uff09<\/span><\/p>\n<\/div>\n<div class=\"glass-card p-3 rounded-lg border-l-4 border-teal-500\">\n<p><span class=\"text-teal-400 font-bold text-xs block mb-1\">\u25a0 \u624b\u7a32\u81ea\u52d5\u8eca\u5b66\u6821<\/span><\/p>\n<p class=\"text-xs\">\u5317\u6d77\u9053\u672d\u5e4c\u5e02\u624b\u7a32\u533a\u661f\u7f6e2\u67611\u4e01\u76ee13-1<\/p>\n<\/div>\n<div class=\"glass-card p-3 rounded-lg border-l-4 border-emerald-500\">\n<p><span class=\"text-emerald-400 font-bold text-xs block mb-1\">\u25a0 \u4f59\u5e02\u81ea\u52d5\u8eca\u5b66\u6821<\/span><\/p>\n<p class=\"text-xs\">\u5317\u6d77\u9053\u4f59\u5e02\u90e1\u4f59\u5e02\u753a\u5bcc\u6ca2\u753a6-12<\/p>\n<\/div>\n<div class=\"glass-card p-3 rounded-lg border-l-4 border-green-500\">\n<p><span class=\"text-green-400 font-bold text-xs block mb-1\">\u25a0 \u4f0a\u9054\u81ea\u52d5\u8eca\u5b66\u6821<\/span><\/p>\n<p class=\"text-xs\">\u5317\u6d77\u9053\u4f0a\u9054\u5e02\u9928\u5c71\u753a37-8<\/p>\n<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<tr>\n<th class=\"p-6 bg-slate-800\/50 font-bold text-slate-300\">\u7d66\u4e0e<\/th>\n<td class=\"p-6 text-slate-100\">\n<p class=\"text-xl font-bold mb-1\">\u6708\u7d66 200,000\u5186\u301c<\/p>\n<p class=\"text-xs text-slate-400\">\u203b\u8a66\u7528\u671f\u9593\u4e2d\u3082\u540c\u6761\u4ef6\u3002\u8cc7\u683c\u53d6\u5f97\u5f8c\u306f\u6708\u7d6625\u301c35\u4e07\u5186\uff08\u5404\u7a2e\u624b\u5f53\u542b\u3080\uff09<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"py-24 px-6 md:px-12 relative z-10 text-center\">\n<h3 class=\"text-2xl font-bold mb-2\">\u8077\u5834\u306e\u96f0\u56f2\u6c17\u3092\u52d5\u753b\u3067\u30c1\u30a7\u30c3\u30af<\/h3>\n<p class=\"text-slate-400 mb-10 text-sm\">\u30a4\u30d9\u30f3\u30c8\u3082\u5168\u529b\u3067\u697d\u3057\u3080\u306e\u304c\u79c1\u305f\u3061\u306e\u30b9\u30bf\u30a4\u30eb\u3067\u3059\u3002<\/p>\n<div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 max-w-6xl mx-auto\">\n<div class=\"glass-card p-2 rounded-xl\">\n<div class=\"relative w-full pt-[56.25%] overflow-hidden rounded-lg bg-black\/50\"><iframe class=\"absolute top-0 left-0 w-full h-full\" title=\"\u30b5\u30de\u30d5\u30a7\u30b9\" src=\"https:\/\/www.youtube.com\/embed\/uvOg5B8xq28\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/div>\n<div class=\"glass-card p-2 rounded-xl\">\n<div class=\"relative w-full pt-[56.25%] overflow-hidden rounded-lg bg-black\/50\"><iframe class=\"absolute top-0 left-0 w-full h-full\" title=\"\u30b9\u30bf\u30c3\u30d5\u7d39\u4ecb1\" src=\"https:\/\/www.youtube.com\/embed\/5BfW4L2hMto\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/div>\n<div class=\"glass-card p-2 rounded-xl\">\n<div class=\"relative w-full pt-[56.25%] overflow-hidden rounded-lg bg-black\/50\"><iframe class=\"absolute top-0 left-0 w-full h-full\" title=\"\u30b9\u30bf\u30c3\u30d5\u7d39\u4ecb2\" src=\"https:\/\/www.youtube.com\/embed\/Ckk8qzhXJ2A\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"entry\" class=\"py-24 px-6 relative z-10\">\n<div class=\"absolute inset-0 bg-gradient-to-t from-brand-pink\/10 to-transparent pointer-events-none\"><\/div>\n<div class=\"max-w-3xl mx-auto text-center\">\n<h2 class=\"text-4xl md:text-5xl font-black mb-8\">JOIN OUR TEAM<\/h2>\n<p class=\"text-lg text-slate-300 mb-12\">\u3042\u306a\u305f\u306e\u300c\u597d\u304d\u300d\u3092\u4ed5\u4e8b\u306b\u3057\u307e\u305b\u3093\u304b\uff1f<br \/>\n\u307e\u305a\u306f\u898b\u5b66\u3084LINE\u3067\u306e\u76f8\u8ac7\u3060\u3051\u3067\u3082\u5927\u6b53\u8fce\u3067\u3059\u3002<\/p>\n<div class=\"flex flex-col md:flex-row gap-6 justify-center\">\n<p>&nbsp;<\/p>\n<p><span class=\"relative\">Indeed\u3067\u6c42\u4eba\u3092\u898b\u308b<\/span><br \/>\n<a class=\"group relative inline-flex items-center justify-center px-8 py-5 text-lg font-bold text-white transition-all duration-200 bg-[#06C755] rounded-full hover:bg-[#05b54c] hover:shadow-[0_0_40px_rgba(6,199,85,0.6)] hover:-translate-y-1 overflow-hidden\" href=\"https:\/\/page.line.me\/saw8365a\" target=\"_blank\" rel=\"noopener\"><br \/>\n<span class=\"mr-2 text-2xl\">\ud83d\udcac<\/span><br \/>\n<span class=\"relative\">LINE\u3067\u6c17\u8efd\u306b\u76f8\u8ac7<\/span><br \/>\n<\/a><\/p>\n<\/div>\n<\/div>\n<\/section>\n<footer class=\"py-8 text-center text-xs text-slate-600 border-t border-slate-800\">\u00a9 Otaru Driving School Recruitment. All Rights Reserved.<\/footer>\n<div class=\"fixed bottom-0 left-0 w-full glass-panel border-t border-slate-700 p-3 md:hidden z-50 flex gap-3 justify-center items-center backdrop-blur-xl\"><a class=\"bg-[#06C755] text-white font-bold py-2 px-4 rounded-lg text-xs flex flex-col items-center min-w-[70px]\" href=\"https:\/\/page.line.me\/saw8365a\" target=\"_blank\" rel=\"noopener\"><br \/>\n<span class=\"text-lg\">\ud83d\udcac<\/span> LINE<br \/>\n<\/a><br \/>\n<a class=\"bg-red-600 text-white font-bold py-3 px-4 rounded-lg flex-1 text-center text-sm shadow-lg\" href=\"https:\/\/jp.indeed.com\/cmp\/%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE%E6%81%B5%E6%96%B0%E8%87%AA%E5%8B%95%E8%BB%8A%E5%AD%A6%E5%9C%92-2\/jobs?jk=81f9c13ec6eba741&amp;start=0&amp;clearPrefilter=1\" target=\"_blank\" rel=\"noopener\"><br \/>\n\u5fdc\u52df\u3059\u308b<br \/>\n<\/a><\/div>\n<\/div>\n<p><script>\n        \/\/ --- Three.js Implementation ---\n        const initThreeJS = () => {\n            const container = document.getElementById('three-canvas-container');\n            const scene = new THREE.Scene();<\/p>\n<p>            \/\/ Camera setup\n            const camera = new THREE.PerspectiveCamera(75, window.innerWidth \/ window.innerHeight, 0.1, 1000);\n            camera.position.z = 5;<\/p>\n<p>            \/\/ Renderer setup\n            const renderer = new THREE.WebGLRenderer({ alpha: true, antialias: true });\n            renderer.setSize(window.innerWidth, window.innerHeight);\n            renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));\n            container.appendChild(renderer.domElement);<\/p>\n<p>            \/\/ Object: Neon Cube\n            const geometry = new THREE.IcosahedronGeometry(2.5, 0); \/\/ \u5c11\u3057\u8907\u96d1\u306a\u5f62\u306b\u3059\u308b\n            const material = new THREE.MeshBasicMaterial({ \n                color: 0x00f2fe, \/\/ Cyan\n                wireframe: true,\n                transparent: true,\n                opacity: 0.3\n            });\n            const cube = new THREE.Mesh(geometry, material);\n            scene.add(cube);<\/p>\n<p>            \/\/ 2nd Object: Inner Core\n            const coreGeo = new THREE.OctahedronGeometry(1.0, 0);\n            const coreMat = new THREE.MeshBasicMaterial({\n                color: 0xfe005d, \/\/ Pink\n                wireframe: true,\n                transparent: true,\n                opacity: 0.5\n            });\n            const core = new THREE.Mesh(coreGeo, coreMat);\n            scene.add(core);<\/p>\n<p>            \/\/ Mouse tracking\n            let mouseX = 0;\n            let mouseY = 0;\n            let targetX = 0;\n            let targetY = 0;<\/p>\n<p>            const windowHalfX = window.innerWidth \/ 2;\n            const windowHalfY = window.innerHeight \/ 2;<\/p>\n<p>            document.addEventListener('mousemove', (event) => {\n                mouseX = (event.clientX - windowHalfX);\n                mouseY = (event.clientY - windowHalfY);\n            });<\/p>\n<p>            \/\/ Resize handling\n            window.addEventListener('resize', () => {\n                const width = window.innerWidth;\n                const height = window.innerHeight;\n                renderer.setSize(width, height);\n                camera.aspect = width \/ height;\n                camera.updateProjectionMatrix();\n            });<\/p>\n<p>            \/\/ Animation Loop\n            const animate = () => {\n                requestAnimationFrame(animate);<\/p>\n<p>                targetX = mouseX * 0.001;\n                targetY = mouseY * 0.001;<\/p>\n<p>                cube.rotation.y += 0.05 * (targetX - cube.rotation.y);\n                cube.rotation.x += 0.05 * (targetY - cube.rotation.x);<\/p>\n<p>                \/\/ Constant slow rotation\n                cube.rotation.z += 0.002;<\/p>\n<p>                core.rotation.y -= 0.05 * (targetX - core.rotation.y); \/\/ Reverse direction\n                core.rotation.x -= 0.05 * (targetY - core.rotation.x);\n                core.rotation.z -= 0.01;<\/p>\n<p>                renderer.render(scene, camera);\n            };<\/p>\n<p>            animate();\n        };<\/p>\n<p>        \/\/ --- Intersection Observer for Fade-in Animation ---\n        const initObserver = () => {\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('visible');\n                    }\n                });\n            }, { threshold: 0.1 });<\/p>\n<p>            document.querySelectorAll('.fade-in-up').forEach(el => observer.observe(el));\n        };<\/p>\n<p>        \/\/ Initialize on load\n        window.addEventListener('DOMContentLoaded', () => {\n            initThreeJS();\n            initObserver();\n        });\n    <\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; &nbsp; &nbsp; \u5317\u6d77\u90534\u6821\u5c55\u958b\u306e\u5b89\u5fc3\u30b0\u30eb\u30fc\u30d7 \u5c0f\u6a3d\u81ea\u52d5\u8eca\u5b66\u6821 \u63a1\u7528\u30b5\u30a4\u30c8 ENTRY &nbsp; \u305d\u306e\u624d\u80fd\u304c\u3001 \u8ab0\u304b\u306e\u672a\u6765\u3092\u8d70\u3089\u305b\u308b\u3002 \u300c\u904b\u8ee2\u300d\u3092\u6559\u3048\u308b\u3060\u3051\u3058\u3083\u306a\u3044\u3002 \u3042\u306a\u305f\u306e\u300c\u8a71\u3059\u529b\u300d\u3068\u300c\u30db [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[5],"tags":[],"class_list":["post-3541","post","type-post","status-publish","format-standard","hentry","category-blog"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/keishin-g.com\/otaruds\/wp-json\/wp\/v2\/posts\/3541","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/keishin-g.com\/otaruds\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/keishin-g.com\/otaruds\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/keishin-g.com\/otaruds\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/keishin-g.com\/otaruds\/wp-json\/wp\/v2\/comments?post=3541"}],"version-history":[{"count":3,"href":"https:\/\/keishin-g.com\/otaruds\/wp-json\/wp\/v2\/posts\/3541\/revisions"}],"predecessor-version":[{"id":3739,"href":"https:\/\/keishin-g.com\/otaruds\/wp-json\/wp\/v2\/posts\/3541\/revisions\/3739"}],"wp:attachment":[{"href":"https:\/\/keishin-g.com\/otaruds\/wp-json\/wp\/v2\/media?parent=3541"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/keishin-g.com\/otaruds\/wp-json\/wp\/v2\/categories?post=3541"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/keishin-g.com\/otaruds\/wp-json\/wp\/v2\/tags?post=3541"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}