{"id":16,"date":"2025-11-22T22:09:41","date_gmt":"2025-11-22T13:09:41","guid":{"rendered":"https:\/\/arsenal-1.com\/?page_id=16"},"modified":"2025-11-22T22:40:30","modified_gmt":"2025-11-22T13:40:30","slug":"%e3%83%88%e3%83%83%e3%83%97%e3%83%9a%e3%83%bc%e3%82%b8","status":"publish","type":"page","link":"https:\/\/arsenal-1.com\/","title":{"rendered":"\u30c8\u30c3\u30d7\u30da\u30fc\u30b8"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&#038;family=Outfit:wght@300;500;700;900&#038;family=Cormorant+Garamond:ital,wght@1,600&#038;display=swap\" rel=\"stylesheet\">\n\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n<script>\n    tailwind.config = {\n        theme: {\n            extend: {\n                colors: {\n                    brand: {\n                        red: '#E60012',\n                        darkRed: '#8B0000',\n                        black: '#050505',\n                        charcoal: '#121212',\n                        gray: '#1F1F1F',\n                        light: '#F5F5F5',\n                        gold: '#D4AF37',\n                    }\n                },\n                fontFamily: {\n                    sans: ['\"Noto Sans JP\"', 'sans-serif'],\n                    display: ['\"Outfit\"', 'sans-serif'],\n                    serif: ['\"Cormorant Garamond\"', 'serif'],\n                },\n                animation: {\n                    'fade-in-up': 'fadeInUp 0.8s ease-out forwards',\n                    'fade-in-right': 'fadeInRight 0.8s ease-out forwards',\n                    'pulse-slow': 'pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite',\n                    'shimmer': 'shimmer 2.5s infinite linear',\n                    'scale-in': 'scaleIn 0.5s ease-out forwards',\n                },\n                keyframes: {\n                    fadeInUp: {\n                        '0%': { opacity: '0', transform: 'translateY(30px)' },\n                        '100%': { opacity: '1', transform: 'translateY(0)' },\n                    },\n                    fadeInRight: {\n                        '0%': { opacity: '0', transform: 'translateX(-30px)' },\n                        '100%': { opacity: '1', transform: 'translateX(0)' },\n                    },\n                    scaleIn: {\n                        '0%': { opacity: '0', transform: 'scale(0.95)' },\n                        '100%': { opacity: '1', transform: 'scale(1)' },\n                    },\n                    shimmer: {\n                        '0%': { backgroundPosition: '-200% 0' },\n                        '100%': { backgroundPosition: '200% 0' },\n                    }\n                },\n                backgroundImage: {\n                    'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',\n                }\n            }\n        }\n    }\n<\/script>\n<style>\n    \/* Modern Utilities *\/\n    body {\n        background-color: #050505;\n        color: #F5F5F5;\n        overflow-x: hidden;\n    }\n    \n    .text-stroke {\n        -webkit-text-stroke: 1px rgba(255, 255, 255, 0.2);\n        color: transparent;\n    }\n    .text-stroke-red {\n        -webkit-text-stroke: 1px rgba(230, 0, 18, 0.3);\n        color: transparent;\n    }\n\n    .hover-text-fill:hover {\n        -webkit-text-stroke: 0px;\n        color: #fff;\n    }\n\n    \/* Glassmorphism *\/\n    .glass-panel {\n        background: rgba(20, 20, 20, 0.7);\n        backdrop-filter: blur(20px);\n        -webkit-backdrop-filter: blur(20px);\n        border: 1px solid rgba(255, 255, 255, 0.05);\n    }\n\n    \/* Modal Transitions *\/\n    .modal { transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.4s; }\n    .modal.hidden { opacity: 0; visibility: hidden; pointer-events: none; }\n    .modal:not(.hidden) { opacity: 1; visibility: visible; pointer-events: auto; }\n    \n    .modal-scroll::-webkit-scrollbar { width: 4px; }\n    .modal-scroll::-webkit-scrollbar-track { background: #1a1a1a; }\n    .modal-scroll::-webkit-scrollbar-thumb { background: #E60012; border-radius: 2px; }\n\n    \/* Button Shine Effect *\/\n    .btn-shine { position: relative; overflow: hidden; }\n    .btn-shine::after {\n        content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\n        transition: 0.6s;\n    }\n    .btn-shine:hover::after { left: 100%; }\n\n    \/* Tab Styles *\/\n    .service-tab { transition: all 0.4s ease; border-left: 2px solid transparent; }\n    .service-tab.active {\n        border-left-color: #E60012;\n        background: linear-gradient(90deg, rgba(230,0,18,0.1) 0%, transparent 100%);\n    }\n    .service-tab.active h3 { color: #fff; }\n    .service-tab:not(.active) h3 { color: #525252; }\n    .service-tab:hover h3 { color: #d4d4d4; }\n\n    \/* Image Hover Zoom *\/\n    .img-zoom-container { overflow: hidden; }\n    .img-zoom { transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n    .group:hover .img-zoom { transform: scale(1.05); }\n\n    \/* Custom Scrollbar *\/\n    ::-webkit-scrollbar { width: 8px; }\n    ::-webkit-scrollbar-track { background: #050505; }\n    ::-webkit-scrollbar-thumb { background: #333; border-radius: 4px; }\n    ::-webkit-scrollbar-thumb:hover { background: #E60012; }\n<\/style>\n\n\n\n<header class=\"fixed w-full z-40 top-0 transition-all duration-300 bg-brand-black\/80 backdrop-blur-md border-b border-white\/5\" id=\"main-header\">\n    <div class=\"container mx-auto px-6 py-4 md:py-5 flex justify-between items-center\">\n        <a href=\"#\" class=\"z-50 group flex items-center gap-3\">\n            <div class=\"w-8 h-8 md:w-10 md:h-10 bg-brand-red flex items-center justify-center rounded-sm\">\n                <span class=\"font-display font-bold text-white text-lg md:text-xl\">A<\/span>\n            <\/div>\n            <div class=\"flex flex-col leading-none\">\n                <span class=\"font-display font-black text-xl md:text-2xl tracking-tighter text-white\">ARSENAL<span class=\"text-brand-red\">ONE<\/span><\/span>\n                <span class=\"text-[8px] md:text-[9px] font-medium tracking-[0.3em] text-gray-400 group-hover:text-white transition-colors\">LLC.<\/span>\n            <\/div>\n        <\/a>\n        \n        <nav class=\"hidden lg:flex items-center gap-8\">\n            <a href=\"#about\" class=\"text-sm font-bold text-gray-400 hover:text-white transition uppercase tracking-wider\">About<\/a>\n            <a href=\"#expertise\" class=\"text-sm font-bold text-gray-400 hover:text-white transition uppercase tracking-wider\">Expertise<\/a>\n            <a href=\"#professionalism\" class=\"text-sm font-bold text-gray-400 hover:text-white transition uppercase tracking-wider\">Professionalism<\/a>\n            <a href=\"#careers\" class=\"text-sm font-bold text-white bg-brand-red px-6 py-2 rounded-sm hover:bg-white hover:text-brand-black transition duration-300\">Join Team<\/a>\n        <\/nav>\n\n        <button class=\"lg:hidden z-50 flex items-center gap-3 group p-2\" onclick=\"toggleMenu()\">\n            <div class=\"space-y-1.5\">\n                <span class=\"block w-6 h-0.5 bg-white group-hover:bg-brand-red transition-colors duration-300\"><\/span>\n                <span class=\"block w-4 h-0.5 bg-white ml-auto group-hover:w-6 group-hover:bg-brand-red transition-all duration-300\"><\/span>\n            <\/div>\n        <\/button>\n    <\/div>\n<\/header>\n\n<div id=\"fullscreen-menu\" class=\"fixed inset-0 bg-brand-black z-30 transform translate-x-full transition-transform duration-500 ease-in-out flex items-center justify-center\">\n    <div class=\"absolute inset-0 bg-[url('https:\/\/www.transparenttextures.com\/patterns\/carbon-fibre.png')] opacity-10\"><\/div>\n    <nav class=\"relative z-10 text-center space-y-6 flex flex-col px-6\">\n        <span class=\"text-brand-red text-xs font-bold tracking-widest mb-4\">MENU<\/span>\n        <a href=\"#about\" onclick=\"toggleMenu()\" class=\"text-4xl md:text-7xl font-display font-bold text-stroke hover-text-fill transition-all duration-300\">ABOUT<\/a>\n        <a href=\"#expertise\" onclick=\"toggleMenu()\" class=\"text-4xl md:text-7xl font-display font-bold text-stroke hover-text-fill transition-all duration-300\">EXPERTISE<\/a>\n        <a href=\"#professionalism\" onclick=\"toggleMenu()\" class=\"text-4xl md:text-7xl font-display font-bold text-stroke hover-text-fill transition-all duration-300\">TEAM<\/a>\n        <a href=\"#careers\" onclick=\"toggleMenu()\" class=\"text-4xl md:text-7xl font-display font-bold text-brand-red\">CAREERS<\/a>\n        <div class=\"h-px w-20 bg-gray-800 mx-auto my-8\"><\/div>\n        <a href=\"#contact\" onclick=\"toggleMenu()\" class=\"text-sm md:text-lg text-gray-500 font-light tracking-widest hover:text-white transition\">CONTACT<\/a>\n    <\/nav>\n<\/div>\n\n<section class=\"relative min-h-screen flex flex-col justify-center px-6 overflow-hidden pt-20\">\n    <div class=\"absolute top-0 right-0 w-[60vw] h-[60vw] bg-brand-red rounded-full blur-[180px] opacity-10 animate-pulse-slow\"><\/div>\n    <div class=\"absolute bottom-0 left-0 w-[40vw] h-[40vw] bg-blue-900 rounded-full blur-[150px] opacity-10\"><\/div>\n    <div class=\"absolute inset-0 bg-[url('https:\/\/www.transparenttextures.com\/patterns\/stardust.png')] opacity-20\"><\/div>\n\n    <div class=\"container mx-auto relative z-10\">\n        <div class=\"grid lg:grid-cols-12 gap-12 items-center\">\n            <div class=\"lg:col-span-8\">\n                <div class=\"inline-flex items-center gap-3 px-4 py-1.5 rounded-full bg-white\/5 border border-white\/10 backdrop-blur-md mb-8 animate-fade-in-up\">\n                    <span class=\"relative flex h-2 w-2\">\n                      <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-brand-red opacity-75\"><\/span>\n                      <span class=\"relative inline-flex rounded-full h-2 w-2 bg-brand-red\"><\/span>\n                    <\/span>\n                    <span class=\"text-[10px] md:text-xs font-bold tracking-[0.2em] uppercase text-gray-300\">Hiring Future Professionals<\/span>\n                <\/div>\n                \n                <h1 class=\"text-5xl md:text-8xl lg:text-9xl font-display font-black leading-[0.95] md:leading-[0.9] mb-8 tracking-tighter animate-fade-in-up\" style=\"animation-delay: 0.1s;\">\n                    WE DON&#8217;T JUST<br>\n                    DO BUSINESS.<br>\n                    <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-brand-red to-orange-600\">WE WIN.<\/span>\n                <\/h1>\n                \n                <div class=\"flex flex-col md:flex-row items-start md:items-center gap-8 max-w-3xl animate-fade-in-up\" style=\"animation-delay: 0.2s;\">\n                    <p class=\"text-gray-400 text-base md:text-xl leading-relaxed font-light border-l-2 border-brand-red pl-6\">\n                        \u7d4c\u9a13\u306f\u3044\u3089\u306a\u3044\u3002\u5fc5\u8981\u306a\u306e\u306f\u300c\u52dd\u3061\u305f\u3044\u300d\u3068\u3044\u3046\u60c5\u71b1\u3060\u3051\u3002<br>\n                        \u7269\u6d41\u3082\u4e8b\u52d9\u3082\u3001\u3053\u3053\u3067\u306f\u30eb\u30fc\u30c1\u30f3\u30ef\u30fc\u30af\u3067\u306f\u306a\u3044\u3002<br>\n                        \u6700\u5f37\u306e\u30c1\u30fc\u30e0\u3067\u3001\u3042\u306a\u305f\u306e\u5e02\u5834\u4fa1\u5024\u3092\u7206\u767a\u7684\u306b\u9ad8\u3081\u3088\u3046\u3002\n                    <\/p>\n                <\/div>\n                \n                <div class=\"mt-10 flex flex-wrap gap-4 animate-fade-in-up\" style=\"animation-delay: 0.3s;\">\n                    <a href=\"#careers\" class=\"btn-shine w-full md:w-auto px-8 py-4 bg-brand-red text-white font-bold font-display tracking-widest text-sm uppercase rounded-sm shadow-2xl shadow-brand-red\/20 hover:bg-brand-darkRed transition-colors flex items-center justify-center gap-2\">\n                        View Jobs on Indeed <i data-lucide=\"arrow-up-right\" class=\"w-4 h-4\"><\/i>\n                    <\/a>\n                    <a href=\"#about\" class=\"w-full md:w-auto px-8 py-4 bg-transparent border border-gray-700 text-white font-bold font-display tracking-widest text-sm uppercase rounded-sm hover:bg-white hover:text-brand-black transition-colors text-center\">\n                        Discover Us\n                    <\/a>\n                <\/div>\n            <\/div>\n            \n            <div class=\"lg:col-span-4 hidden lg:grid grid-cols-2 gap-4 animate-fade-in-right opacity-80\" style=\"animation-delay: 0.4s;\">\n                <div class=\"space-y-4 translate-y-8\">\n                    <div class=\"h-64 rounded-sm overflow-hidden relative group\">\n                        <div class=\"absolute inset-0 bg-brand-red\/20 mix-blend-overlay group-hover:opacity-0 transition\"><\/div>\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?ixlib=rb-1.2.1&#038;auto=format&#038;fit=crop&#038;w=600&#038;q=80\" class=\"w-full h-full object-cover grayscale group-hover:grayscale-0 transition duration-700\">\n                    <\/div>\n                    <div class=\"h-40 rounded-sm overflow-hidden relative group\">\n                        <div class=\"absolute inset-0 bg-brand-red\/20 mix-blend-overlay group-hover:opacity-0 transition\"><\/div>\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?ixlib=rb-1.2.1&#038;auto=format&#038;fit=crop&#038;w=600&#038;q=80\" class=\"w-full h-full object-cover grayscale group-hover:grayscale-0 transition duration-700\">\n                    <\/div>\n                <\/div>\n                <div class=\"space-y-4\">\n                    <div class=\"h-40 rounded-sm overflow-hidden relative group\">\n                        <div class=\"absolute inset-0 bg-brand-red\/20 mix-blend-overlay group-hover:opacity-0 transition\"><\/div>\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507679799987-c73779587ccf?ixlib=rb-1.2.1&#038;auto=format&#038;fit=crop&#038;w=600&#038;q=80\" class=\"w-full h-full object-cover grayscale group-hover:grayscale-0 transition duration-700\">\n                    <\/div>\n                    <div class=\"h-64 bg-brand-charcoal border border-gray-800 rounded-sm p-6 flex flex-col justify-between group hover:border-brand-red transition duration-300\">\n                        <i data-lucide=\"trending-up\" class=\"w-8 h-8 text-brand-red\"><\/i>\n                        <div>\n                            <p class=\"text-3xl font-bold font-display text-white\">150%<\/p>\n                            <p class=\"text-xs text-gray-500 uppercase tracking-widest mt-1\">YoY Growth<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <div class=\"absolute bottom-10 left-1\/2 -translate-x-1\/2 flex flex-col items-center gap-2 animate-bounce\">\n        <span class=\"text-[10px] tracking-[0.3em] uppercase text-gray-500\">Scroll<\/span>\n        <i data-lucide=\"chevron-down\" class=\"w-4 h-4 text-brand-red\"><\/i>\n    <\/div>\n<\/section>\n\n<section id=\"about\" class=\"py-20 md:py-32 bg-brand-black relative border-t border-gray-900\">\n    <div class=\"container mx-auto px-6\">\n        <div class=\"grid md:grid-cols-2 gap-12 md:gap-20 items-center\">\n            <div class=\"order-2 md:order-1 relative\">\n                <div class=\"absolute -top-10 -left-10 w-32 md:w-40 h-32 md:h-40 border border-brand-red\/20 rounded-full\"><\/div>\n                <div class=\"absolute -bottom-10 -right-10 w-40 md:w-60 h-40 md:h-60 bg-brand-red\/5 rounded-full blur-2xl\"><\/div>\n                \n                <div class=\"relative z-10 img-zoom-container rounded-sm shadow-2xl group\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black via-transparent to-transparent opacity-60 z-10\"><\/div>\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519389950473-47ba0277781c?ixlib=rb-1.2.1&#038;auto=format&#038;fit=crop&#038;w=1000&#038;q=80\" alt=\"Vision\" class=\"w-full h-auto img-zoom grayscale group-hover:grayscale-0 transition duration-700\">\n                    <div class=\"absolute bottom-6 md:bottom-8 left-6 md:left-8 z-20\">\n                        <p class=\"font-serif italic text-xl md:text-2xl text-white\">&#8220;Strategy without passion is dead.&#8221;<\/p>\n                        <p class=\"text-[10px] md:text-xs text-brand-red font-bold uppercase tracking-widest mt-2\">Kei Fujita, CEO<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"order-1 md:order-2\">\n                <span class=\"text-brand-red font-display font-bold tracking-widest uppercase mb-4 block text-sm\">Who We Are<\/span>\n                <h2 class=\"text-4xl md:text-6xl font-display font-bold mb-6 md:mb-8 leading-[1.1]\">\n                    STRATEGY MEETS<br>\n                    <span class=\"text-stroke hover-text-fill transition duration-500\">PASSION.<\/span>\n                <\/h2>\n                <p class=\"text-gray-400 leading-loose mb-8 text-base md:text-lg font-light\">\n                    \u5408\u540c\u4f1a\u793e\u30a2\u30fc\u30bb\u30ca\u30eb\u30ef\u30f3\u306f\u3001\u4eba\u6750\u696d\u754c\u306e\u6700\u524d\u7dda\u3092\u8d70\u308a\u629c\u3051\u3066\u304d\u305f\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u305f\u3061\u304c\u96c6\u7d50\u3057\u305f\u30d5\u30a1\u30fc\u30e0\u3067\u3059\u3002<br><br>\n                    \u79c1\u305f\u3061\u306f\u300c\u7dba\u9e97\u306a\u6226\u7565\u300d\u3060\u3051\u3092\u63cf\u304f\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u6ce5\u81ed\u3044\u73fe\u5834\u306e\u30d4\u30c3\u30ad\u30f3\u30b0\u4f5c\u696d\u304b\u3089\u3001\u7d4c\u55b6\u76f4\u7d50\u306e\u63a1\u7528\u6226\u7565\u307e\u3067\u3001\u3059\u3079\u3066\u3092\u81ea\u5206\u305f\u3061\u306e\u624b\u8db3\u3068\u982d\u8133\u3067\u5b9f\u884c\u3057\u307e\u3059\u3002<br>\n                    \u672a\u7d4c\u9a13\u3067\u3082\u300c\u30d7\u30ed\u306b\u306a\u308a\u305f\u3044\u300d\u3068\u3044\u3046\u610f\u5fd7\u304c\u3042\u308c\u3070\u3001\u79c1\u305f\u3061\u306f\u5168\u529b\u3067\u3042\u306a\u305f\u3092\u5f15\u304d\u4e0a\u3052\u307e\u3059\u3002\n                <\/p>\n                \n                <div class=\"grid grid-cols-2 gap-8 border-t border-gray-800 pt-8\">\n                    <div>\n                        <div class=\"text-3xl md:text-4xl font-display font-bold text-white mb-1\">300<span class=\"text-brand-red text-2xl\">+<\/span><\/div>\n                        <div class=\"text-[10px] md:text-xs text-gray-500 uppercase tracking-widest\">Clients Served<\/div>\n                    <\/div>\n                    <div>\n                        <div class=\"text-3xl md:text-4xl font-display font-bold text-white mb-1\">98<span class=\"text-brand-red text-2xl\">%<\/span><\/div>\n                        <div class=\"text-[10px] md:text-xs text-gray-500 uppercase tracking-widest\">Client Retention<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<section id=\"expertise\" class=\"py-20 md:py-32 bg-[#0A0A0A] border-t border-gray-900 relative\">\n    <div class=\"container mx-auto px-6 relative z-10\">\n        <div class=\"mb-12 md:mb-20 text-center\">\n             <span class=\"text-brand-red font-display font-bold tracking-[0.3em] uppercase mb-4 block text-sm\">Our Expertise<\/span>\n             <h2 class=\"text-4xl md:text-7xl font-display font-bold text-white mb-6\">PROVEN <span class=\"text-stroke-red\">RESULTS<\/span><\/h2>\n             <p class=\"text-gray-500 max-w-2xl mx-auto text-sm md:text-base\">\n                 \u6226\u7565\u304b\u3089\u5b9f\u884c\u307e\u3067\u3002\u79c1\u305f\u3061\u304c\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u306b\u3082\u305f\u3089\u3057\u305f\u5909\u9769\u306e\u7269\u8a9e\u3002\n             <\/p>\n        <\/div>\n    \n        <div class=\"flex flex-col lg:flex-row gap-12 lg:gap-16\">\n            <div class=\"lg:w-1\/4 flex lg:flex-col gap-4 sticky top-20 lg:top-32 self-start overflow-x-auto lg:overflow-visible pb-4 lg:pb-0 scrollbar-hide\">\n                <button onclick=\"switchTab('rpo')\" id=\"tab-rpo\" class=\"service-tab active text-left p-4 md:p-6 bg-white\/5 hover:bg-white\/10 rounded-sm group min-w-[200px] lg:min-w-0\">\n                    <span class=\"text-[10px] md:text-xs font-bold text-gray-500 group-hover:text-brand-red uppercase tracking-wider mb-2 block\">01<\/span>\n                    <h3 class=\"text-lg md:text-2xl font-display font-bold\">RPO \/ Recruitment<\/h3>\n                    <p class=\"text-[10px] md:text-xs text-gray-500 mt-2\">\u30b9\u30ab\u30a6\u30c8\u4ee3\u884c\u30fb\u4eba\u6750\u7d39\u4ecb<\/p>\n                <\/button>\n                <button onclick=\"switchTab('consulting')\" id=\"tab-consulting\" class=\"service-tab text-left p-4 md:p-6 bg-white\/5 hover:bg-white\/10 rounded-sm group min-w-[200px] lg:min-w-0\">\n                    <span class=\"text-[10px] md:text-xs font-bold text-gray-500 group-hover:text-brand-red uppercase tracking-wider mb-2 block\">02<\/span>\n                    <h3 class=\"text-lg md:text-2xl font-display font-bold\">HR Consulting<\/h3>\n                    <p class=\"text-[10px] md:text-xs text-gray-500 mt-2\">\u63a1\u7528\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0<\/p>\n                <\/button>\n                <button onclick=\"switchTab('creative')\" id=\"tab-creative\" class=\"service-tab text-left p-4 md:p-6 bg-white\/5 hover:bg-white\/10 rounded-sm group min-w-[200px] lg:min-w-0\">\n                    <span class=\"text-[10px] md:text-xs font-bold text-gray-500 group-hover:text-brand-red uppercase tracking-wider mb-2 block\">03<\/span>\n                    <h3 class=\"text-lg md:text-2xl font-display font-bold\">Creative &#038; AI<\/h3>\n                    <p class=\"text-[10px] md:text-xs text-gray-500 mt-2\">HP\u30fbSNS\u30fb\u696d\u52d9\u52b9\u7387\u5316<\/p>\n                <\/button>\n                <button onclick=\"switchTab('logistics')\" id=\"tab-logistics\" class=\"service-tab text-left p-4 md:p-6 bg-white\/5 hover:bg-white\/10 rounded-sm group min-w-[200px] lg:min-w-0\">\n                    <span class=\"text-[10px] md:text-xs font-bold text-gray-500 group-hover:text-brand-red uppercase tracking-wider mb-2 block\">04<\/span>\n                    <h3 class=\"text-lg md:text-2xl font-display font-bold\">Logistics<\/h3>\n                    <p class=\"text-[10px] md:text-xs text-gray-500 mt-2\">\u7269\u6d41\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3<\/p>\n                <\/button>\n            <\/div>\n    \n            <div class=\"lg:w-3\/4 min-h-[600px] lg:min-h-[800px]\">\n                \n                <div id=\"content-rpo\" class=\"service-content animate-fade-in block space-y-12\">\n                    <div class=\"relative h-64 md:h-80 rounded-sm overflow-hidden mb-8\">\n                        <div class=\"absolute inset-0 bg-gradient-to-r from-brand-black via-brand-black\/50 to-transparent z-10\"><\/div>\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1553877606-3c6046e3fb48?ixlib=rb-1.2.1&#038;auto=format&#038;fit=crop&#038;w=1200&#038;q=80\" class=\"w-full h-full object-cover\">\n                        <div class=\"absolute bottom-8 left-8 z-20 max-w-xl pr-4\">\n                            <h3 class=\"text-2xl md:text-4xl font-bold text-white mb-4\">\u653b\u3081\u306e\u30b9\u30ab\u30a6\u30c8\u3067\u3001\u63a1\u7528\u69cb\u9020\u3092\u5909\u9769\u3059\u308b\u3002<\/h3>\n                            <p class=\"text-gray-300 text-sm md:text-base\">\u5f85\u3063\u3066\u3044\u308b\u3060\u3051\u306e\u63a1\u7528\u306f\u7d42\u308f\u308a\u307e\u3057\u305f\u3002\u30bf\u30fc\u30b2\u30c3\u30c8\u3092\u30d4\u30f3\u30dd\u30a4\u30f3\u30c8\u3067\u72d9\u3044\u6483\u3064\u300c\u653b\u3081\u300d\u306e\u63a1\u7528\u624b\u6cd5\u3067\u3001\u6bcd\u96c6\u56e3\u306e\u8cea\u3092\u5287\u7684\u306b\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"bg-brand-charcoal border border-gray-800 p-6 md:p-10 rounded-sm hover:border-brand-red transition duration-500 group relative overflow-hidden\">\n                        <div class=\"absolute top-0 right-0 w-32 h-32 bg-brand-red\/10 rounded-bl-full -mr-16 -mt-16 transition group-hover:bg-brand-red\/20\"><\/div>\n                        <div class=\"flex flex-col md:flex-row justify-between items-start gap-6 mb-8\">\n                            <div>\n                                <div class=\"flex items-center gap-3 mb-2\">\n                                    <span class=\"bg-brand-red text-white text-[10px] font-bold px-2 py-1 uppercase tracking-widest\">New Case<\/span>\n                                    <span class=\"text-gray-400 text-sm font-bold\">\u5927\u624b\u901a\u4fe1\u4e8b\u696d\u8005\u69d8<\/span>\n                                <\/div>\n                                <h4 class=\"text-xl md:text-3xl font-bold text-white mt-2 group-hover:text-brand-red transition\">\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u4f9d\u5b58\u304b\u3089\u306e\u8131\u5374\u3002\u63a1\u7528\u30b3\u30b9\u30c8\u5927\u5e45\u524a\u6e1b\u3002<\/h4>\n                            <\/div>\n                            <div class=\"text-right hidden md:block\">\n                                <div class=\"text-4xl font-display font-bold text-white\">130<span class=\"text-sm text-gray-500 font-normal ml-1\">\u540d\/\u5e74<\/span><\/div>\n                                <div class=\"text-xs text-gray-500 uppercase tracking-widest\">Hiring Target<\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"grid md:grid-cols-2 gap-8 relative z-10\">\n                            <div class=\"bg-black\/30 p-6 rounded border border-gray-700\">\n                                <p class=\"text-gray-500 text-xs font-bold uppercase mb-2\">BEFORE<\/p>\n                                <div class=\"flex items-end gap-2 mb-2\">\n                                    <div class=\"w-full bg-gray-700 h-2 rounded-full overflow-hidden\">\n                                        <div class=\"bg-gray-500 w-[80%] h-full\"><\/div>\n                                    <\/div>\n                                    <span class=\"text-gray-400 text-xs w-12 text-right\">80%<\/span>\n                                <\/div>\n                                <p class=\"text-sm text-gray-400\">\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u7d4c\u7531<\/p>\n                                <div class=\"flex items-end gap-2 mt-4 mb-2\">\n                                    <div class=\"w-full bg-gray-700 h-2 rounded-full overflow-hidden\">\n                                        <div class=\"bg-brand-red w-[10%] h-full\"><\/div>\n                                    <\/div>\n                                    <span class=\"text-gray-400 text-xs w-12 text-right\">10%<\/span>\n                                <\/div>\n                                <p class=\"text-sm text-gray-400\">\u30b9\u30ab\u30a6\u30c8\u7d4c\u7531<\/p>\n                                <p class=\"text-xs text-red-400 mt-4\"><i data-lucide=\"alert-circle\" class=\"w-3 h-3 inline mr-1\"><\/i>\u63a1\u7528\u5358\u4fa1\u304c\u9ad8\u9a30<\/p>\n                            <\/div>\n                            <div class=\"bg-brand-red\/10 p-6 rounded border border-brand-red\/30\">\n                                <p class=\"text-brand-red text-xs font-bold uppercase mb-2\">AFTER<\/p>\n                                <div class=\"flex items-end gap-2 mb-2\">\n                                    <div class=\"w-full bg-gray-700 h-2 rounded-full overflow-hidden\">\n                                        <div class=\"bg-gray-500 w-[50%] h-full\"><\/div>\n                                    <\/div>\n                                    <span class=\"text-white text-xs w-12 text-right font-bold\">50%<\/span>\n                                <\/div>\n                                <p class=\"text-sm text-white\">\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u7d4c\u7531<\/p>\n                                <div class=\"flex items-end gap-2 mt-4 mb-2\">\n                                    <div class=\"w-full bg-gray-700 h-2 rounded-full overflow-hidden\">\n                                        <div class=\"bg-brand-red w-[40%] h-full shadow-[0_0_10px_rgba(230,0,18,0.5)]\"><\/div>\n                                    <\/div>\n                                    <span class=\"text-white text-xs w-12 text-right font-bold\">40%<\/span>\n                                <\/div>\n                                <p class=\"text-sm text-white\">\u30b9\u30ab\u30a6\u30c8\u7d4c\u7531 <span class=\"text-brand-red font-bold\">(+30pt)<\/span><\/p>\n                                <p class=\"text-xs text-white mt-4\"><i data-lucide=\"check-circle\" class=\"w-3 h-3 inline mr-1 text-brand-red\"><\/i>\u63a1\u7528\u30b3\u30b9\u30c8\u3092\u6570\u5343\u4e07\u5186\u5358\u4f4d\u3067\u524a\u6e1b<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"grid md:grid-cols-2 gap-6\">\n                        <div class=\"bg-brand-charcoal p-6 md:p-8 border border-gray-800 rounded-sm hover:border-white\/20 transition group\">\n                            <div class=\"flex justify-between items-start mb-4\">\n                                <span class=\"text-gray-500 text-xs font-bold uppercase\">IT\u30d9\u30f3\u30c1\u30e3\u30fc\u4f01\u696d\u69d8<\/span>\n                                <i data-lucide=\"arrow-up-right\" class=\"w-5 h-5 text-gray-600 group-hover:text-brand-red transition\"><\/i>\n                            <\/div>\n                            <h4 class=\"text-lg text-white font-bold mb-4\">\u30b9\u30ab\u30a6\u30c8\u8fd4\u4fe1\u7387 15%\u9054\u6210<\/h4>\n                            <p class=\"text-sm text-gray-400 leading-relaxed\">\n                                \u30a8\u30f3\u30b8\u30cb\u30a2\u63a1\u7528\u96e3\u822a\u306e\u8ab2\u984c\u306b\u5bfe\u3057\u3001\u4ee3\u8868\u306e\u71b1\u610f\u3092\u8a00\u8a9e\u5316\u3057\u305f\u300c\u624b\u7d19\u300d\u306e\u3088\u3046\u306a\u30b9\u30ab\u30a6\u30c8\u3092\u4f5c\u6210\u3002\u696d\u754c\u5e73\u5747\u306e3\u500d\u306e\u8fd4\u4fe1\u7387\u3092\u8a18\u9332\u3002\n                            <\/p>\n                        <\/div>\n                        <div class=\"bg-brand-charcoal p-6 md:p-8 border border-gray-800 rounded-sm hover:border-white\/20 transition group\">\n                            <div class=\"flex justify-between items-start mb-4\">\n                                <span class=\"text-gray-500 text-xs font-bold uppercase\">\u4e0d\u52d5\u7523\u30c7\u30d9\u30ed\u30c3\u30d1\u30fc\u69d8<\/span>\n                                <i data-lucide=\"arrow-up-right\" class=\"w-5 h-5 text-gray-600 group-hover:text-brand-red transition\"><\/i>\n                            <\/div>\n                            <h4 class=\"text-lg text-white font-bold mb-4\">\u30ea\u30fc\u30c9\u30bf\u30a4\u30e0\u534a\u6e1b\u30fb\u6708\u95935\u540d\u63a1\u7528<\/h4>\n                            <p class=\"text-sm text-gray-400 leading-relaxed\">\n                                \u4eba\u4e8b\u62c5\u5f53\u8005\u306e\u5de5\u6570\u4e0d\u8db3\u3092RPO\u30c1\u30fc\u30e0\u304c\u5b8c\u5168\u306b\u30ab\u30d0\u30fc\u3002\u65e5\u7a0b\u8abf\u6574\u306e\u5373\u6642\u5316\u306b\u3088\u308a\u5019\u88dc\u8005\u96e2\u8131\u3092\u9632\u304e\u3001\u63a1\u7528\u76ee\u6a19\u3092\u9054\u6210\u3002\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div id=\"content-consulting\" class=\"service-content hidden animate-fade-in space-y-12\">\n                     <div class=\"relative h-64 md:h-80 rounded-sm overflow-hidden mb-8\">\n                        <div class=\"absolute inset-0 bg-gradient-to-r from-brand-black via-brand-black\/50 to-transparent z-10\"><\/div>\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?ixlib=rb-1.2.1&#038;auto=format&#038;fit=crop&#038;w=1200&#038;q=80\" class=\"w-full h-full object-cover\">\n                        <div class=\"absolute bottom-8 left-8 z-20 max-w-xl pr-4\">\n                            <h3 class=\"text-2xl md:text-4xl font-bold text-white mb-4\">\u7d44\u7e54\u306b\u300c\u57fa\u6e96\u300d\u3068\u300c\u9b42\u300d\u3092\u3002<\/h3>\n                            <p class=\"text-gray-300 text-sm md:text-base\">\u306a\u3093\u3068\u306a\u304f\u306e\u63a1\u7528\u3001\u5c5e\u4eba\u7684\u306a\u8a55\u4fa1\u3002\u305d\u308c\u3089\u304c\u7d44\u7e54\u306e\u6210\u9577\u3092\u6b62\u3081\u3066\u3044\u307e\u3059\u3002\u79c1\u305f\u3061\u306f\u660e\u78ba\u306a\u3082\u306e\u3055\u3057\u3092\u4f5c\u308a\u3001\u5f37\u3044\u7d44\u7e54\u306e\u57fa\u76e4\u3092\u7bc9\u304d\u307e\u3059\u3002<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"grid md:grid-cols-2 gap-8\">\n                        <div class=\"bg-brand-charcoal p-6 md:p-8 border border-gray-800 rounded-sm hover:border-brand-red transition group\">\n                            <div class=\"h-12 w-12 bg-white\/5 rounded-full flex items-center justify-center mb-6 group-hover:bg-brand-red transition\">\n                                <i data-lucide=\"users\" class=\"w-6 h-6 text-white\"><\/i>\n                            <\/div>\n                            <h4 class=\"text-lg md:text-xl font-bold text-white mb-2\">\u82e5\u624b\u96e2\u8077\u7387 30% \u2192 5%<\/h4>\n                            <p class=\"text-[10px] md:text-xs text-gray-500 uppercase tracking-widest mb-4\">Manufacturing \/ 300 Employees<\/p>\n                            <p class=\"text-sm text-gray-400 leading-relaxed\">\n                                \u300c\u6c42\u3081\u308b\u4eba\u7269\u50cf\u300d\u306e\u66d6\u6627\u3055\u304c\u30df\u30b9\u30de\u30c3\u30c1\u306e\u539f\u56e0\u3067\u3057\u305f\u3002\u73fe\u5834\u793e\u54e1\u3092\u5dfb\u304d\u8fbc\u3093\u3060\u8981\u4ef6\u5b9a\u7fa9\u30ef\u30fc\u30af\u30b7\u30e7\u30c3\u30d7\u3092\u5b9f\u65bd\u3057\u3001\u8a55\u4fa1\u30b7\u30fc\u30c8\u3092\u5237\u65b0\u3002\u5165\u793e\u5f8c\u306e\u30ae\u30e3\u30c3\u30d7\u3092\u89e3\u6d88\u3057\u307e\u3057\u305f\u3002\n                            <\/p>\n                        <\/div>\n                        <div class=\"bg-brand-charcoal p-6 md:p-8 border border-gray-800 rounded-sm hover:border-brand-red transition group\">\n                            <div class=\"h-12 w-12 bg-white\/5 rounded-full flex items-center justify-center mb-6 group-hover:bg-brand-red transition\">\n                                <i data-lucide=\"target\" class=\"w-6 h-6 text-white\"><\/i>\n                            <\/div>\n                            <h4 class=\"text-lg md:text-xl font-bold text-white mb-2\">\u9762\u63a5\u901a\u904e\u7387\u306e\u6a19\u6e96\u5316<\/h4>\n                            <p class=\"text-[10px] md:text-xs text-gray-500 uppercase tracking-widest mb-4\">Start-up \/ Rapid Growth<\/p>\n                            <p class=\"text-sm text-gray-400 leading-relaxed\">\n                                \u9762\u63a5\u5b98\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u3068\u69cb\u9020\u5316\u9762\u63a5\u306e\u5c0e\u5165\u306b\u3088\u308a\u3001\u9762\u63a5\u5b98\u306b\u3088\u308b\u8a55\u4fa1\u306e\u30d0\u30e9\u3064\u304d\u3092\u662f\u6b63\u3002\u30cf\u30a4\u30d1\u30d5\u30a9\u30fc\u30de\u30fc\u306e\u5171\u901a\u9805\u3092\u62bd\u51fa\u3057\u3001\u518d\u73fe\u6027\u306e\u3042\u308b\u63a1\u7528\u3092\u5b9f\u73fe\u3057\u307e\u3057\u305f\u3002\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div id=\"content-creative\" class=\"service-content hidden animate-fade-in space-y-12\">\n                    <div class=\"relative h-64 md:h-80 rounded-sm overflow-hidden mb-8\">\n                        <div class=\"absolute inset-0 bg-gradient-to-r from-brand-black via-brand-black\/50 to-transparent z-10\"><\/div>\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1550751827-4bd374c3f58b?ixlib=rb-1.2.1&#038;auto=format&#038;fit=crop&#038;w=1200&#038;q=80\" class=\"w-full h-full object-cover\">\n                        <div class=\"absolute bottom-8 left-8 z-20 max-w-xl pr-4\">\n                            <h3 class=\"text-2xl md:text-4xl font-bold text-white mb-4\">\u30c6\u30af\u30ce\u30ed\u30b8\u30fc\u3067\u3001\u6642\u9593\u3092\u5275\u308b\u3002<\/h3>\n                            <p class=\"text-gray-300 text-sm md:text-base\">\u63a1\u7528\u30d6\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0\u306e\u305f\u3081\u306e\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u5236\u4f5c\u3068\u3001\u751f\u6210AI\u306b\u3088\u308b\u696d\u52d9\u52b9\u7387\u5316\u3002\u653b\u3081\u3068\u5b88\u308a\u306e\u4e21\u8f2a\u3067\u4f01\u696d\u306e\u751f\u7523\u6027\u3092\u6700\u5927\u5316\u3057\u307e\u3059\u3002<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                     <div class=\"grid md:grid-cols-2 gap-8\">\n                        <div class=\"bg-brand-charcoal p-6 md:p-8 border border-gray-800 rounded-sm hover:border-brand-red transition group\">\n                            <div class=\"flex items-center gap-4 mb-6\">\n                                <div class=\"w-16 h-16 bg-gray-800 rounded overflow-hidden\">\n                                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1611162617474-5b21e879e113?ixlib=rb-1.2.1&#038;auto=format&#038;fit=crop&#038;w=200&#038;q=80\" class=\"w-full h-full object-cover opacity-70\">\n                                <\/div>\n                                <div>\n                                    <h4 class=\"text-lg md:text-lg font-bold text-white\">SNS\u5fdc\u52df\u6570 200%\u5897<\/h4>\n                                    <p class=\"text-[10px] md:text-xs text-gray-500 uppercase\">Beauty Clinic<\/p>\n                                <\/div>\n                            <\/div>\n                            <p class=\"text-sm text-gray-400 leading-relaxed\">\n                                Instagram\u30ea\u30fc\u30eb\u52d5\u753b\u3067\u8077\u5834\u306e\u30ea\u30a2\u30eb\u306a\u96f0\u56f2\u6c17\u3092\u767a\u4fe1\u300220\u4ee3\u770b\u8b77\u5e2b\u304b\u3089\u306e\u5fdc\u52df\u304c\u500d\u5897\u3057\u3001\u63a1\u7528\u30b3\u30b9\u30c8\u3092\u534a\u6e1b\u3055\u305b\u307e\u3057\u305f\u3002\n                            <\/p>\n                        <\/div>\n                        <div class=\"bg-brand-charcoal p-6 md:p-8 border border-gray-800 rounded-sm hover:border-brand-red transition group\">\n                            <div class=\"flex items-center gap-4 mb-6\">\n                                <div class=\"w-16 h-16 bg-gray-800 rounded overflow-hidden flex items-center justify-center\">\n                                    <i data-lucide=\"bot\" class=\"w-8 h-8 text-white\"><\/i>\n                                <\/div>\n                                <div>\n                                    <h4 class=\"text-lg md:text-lg font-bold text-white\">\u554f\u5408\u305b\u5de5\u6570 60%\u524a\u6e1b<\/h4>\n                                    <p class=\"text-[10px] md:text-xs text-gray-500 uppercase\">Logistics Company<\/p>\n                                <\/div>\n                            <\/div>\n                            <p class=\"text-sm text-gray-400 leading-relaxed\">\n                                \u793e\u5185\u898f\u5b9a\u3092\u5b66\u7fd2\u3055\u305b\u305f\u751f\u6210AI\u30c1\u30e3\u30c3\u30c8\u30dc\u30c3\u30c8\u3092\u5c0e\u5165\u3002\u7dcf\u52d9\u3078\u306e\u5b9a\u578b\u7684\u306a\u554f\u3044\u5408\u308f\u305b\u5bfe\u5fdc\u3092\u81ea\u52d5\u5316\u3057\u3001\u30b3\u30a2\u696d\u52d9\u3078\u306e\u96c6\u4e2d\u3092\u5b9f\u73fe\u3002\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div id=\"content-logistics\" class=\"service-content hidden animate-fade-in space-y-12\">\n                    <div class=\"relative h-64 md:h-80 rounded-sm overflow-hidden mb-8\">\n                        <div class=\"absolute inset-0 bg-gradient-to-r from-brand-black via-brand-black\/50 to-transparent z-10\"><\/div>\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586528116311-ad8dd3c8310d?ixlib=rb-1.2.1&#038;auto=format&#038;fit=crop&#038;w=1200&#038;q=80\" class=\"w-full h-full object-cover\">\n                        <div class=\"absolute bottom-8 left-8 z-20 max-w-xl pr-4\">\n                            <h3 class=\"text-2xl md:text-4xl font-bold text-white mb-4\">\u73fe\u5834\u529b\u3053\u305d\u3001\u6700\u5f37\u306e\u6b66\u5668\u3002<\/h3>\n                            <p class=\"text-gray-300 text-sm md:text-base\">EC\u7269\u6d41\u3001\u30d4\u30c3\u30ad\u30f3\u30b0\u3001\u5009\u5eab\u7ba1\u7406\u3002\u30b9\u30d4\u30fc\u30c9\u3068\u6b63\u78ba\u6027\u304c\u547d\u306e\u73fe\u5834\u306b\u3001\u8a13\u7df4\u3055\u308c\u305f\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u30c1\u30fc\u30e0\u3092\u6d3e\u9063\u30fb\u904b\u7528\u3057\u307e\u3059\u3002<\/p>\n                        <\/div>\n                    <\/div>\n\n                     <div class=\"grid md:grid-cols-2 gap-8\">\n                        <div class=\"bg-brand-charcoal p-6 md:p-8 border border-gray-800 rounded-sm hover:border-brand-red transition group\">\n                            <div class=\"border-l-2 border-brand-red pl-4 mb-6\">\n                                <h4 class=\"text-lg md:text-xl font-bold text-white\">\u7e41\u5fd9\u671f\u306e\u51fa\u8377\u9045\u5ef6\u30bc\u30ed<\/h4>\n                                <p class=\"text-[10px] md:text-xs text-gray-500 uppercase tracking-widest mt-1\">Major EC Platform<\/p>\n                            <\/div>\n                            <p class=\"text-sm text-gray-400 leading-relaxed\">\n                                \u30bb\u30fc\u30eb\u671f\u9593\u4e2d\u3001\u51fa\u8377\u91cf\u304c\u901a\u5e38\u6642\u306e3\u500d\u306b\u306a\u308a\u30d1\u30f3\u30af\u5bf8\u524d\u3002\u719f\u7df4\u30b9\u30bf\u30c3\u30d5\u30c1\u30fc\u30e0\u3092\u30b9\u30dd\u30c3\u30c8\u6295\u5165\u3057\u30011\u65e55,000\u4ef6\u306e\u51fa\u8377\u3092\u9045\u5ef6\u30bc\u30ed\u3001\u8aa4\u51fa\u8377\u30bc\u30ed\u3067\u5b8c\u9042\u3002\n                            <\/p>\n                        <\/div>\n                        <div class=\"bg-brand-charcoal p-6 md:p-8 border border-gray-800 rounded-sm hover:border-brand-red transition group\">\n                            <div class=\"border-l-2 border-brand-red pl-4 mb-6\">\n                                <h4 class=\"text-lg md:text-xl font-bold text-white\">\u68da\u5378\u3057\u5dee\u7570 0.01%\u4ee5\u4e0b<\/h4>\n                                <p class=\"text-[10px] md:text-xs text-gray-500 uppercase tracking-widest mt-1\">Food Trading Company<\/p>\n                            <\/div>\n                            <p class=\"text-sm text-gray-400 leading-relaxed\">\n                                \u72ec\u81ea\u306e\u30ed\u30b1\u30fc\u30b7\u30e7\u30f3\u7ba1\u7406\u30ce\u30a6\u30cf\u30a6\u3092\u5c0e\u5165\u3057\u3001\u5009\u5eab\u6574\u7406\u3092\u5fb9\u5e95\u3002\u5728\u5eab\u7cbe\u5ea6\u304c\u5287\u7684\u306b\u5411\u4e0a\u3057\u3001\u6b20\u54c1\u30c8\u30e9\u30d6\u30eb\u304c\u6fc0\u6e1b\u3002\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<section id=\"professionalism\" class=\"py-20 md:py-32 bg-brand-charcoal relative border-t border-gray-800\">\n    <div class=\"container mx-auto px-6\">\n        <div class=\"grid lg:grid-cols-2 gap-12 lg:gap-20\">\n            \n            <div>\n                <span class=\"text-brand-red font-display font-bold tracking-widest uppercase mb-4 block text-sm\">Our Team<\/span>\n                <h2 class=\"text-4xl md:text-5xl font-display font-bold mb-8\">\n                    ALL PROFESSIONALS.<br>\n                    NO AMATEURS.\n                <\/h2>\n                <p class=\"text-gray-400 leading-loose mb-10 text-justify text-sm md:text-base\">\n                    \u30a2\u30fc\u30bb\u30ca\u30eb\u30ef\u30f3\u306b\u306f\u3001\u5358\u306a\u308b\u300c\u7ba1\u7406\u8005\u300d\u306f\u3044\u307e\u305b\u3093\u3002\u5728\u7c4d\u3059\u308b\u306e\u306f\u3001\u5927\u624b\u4eba\u6750\u696d\u754c\u3067\u5b9f\u7e3e\u3092\u7a4d\u3093\u3067\u304d\u305f\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u305f\u3061\u3002<br>\n                    \u3060\u304b\u3089\u3053\u305d\u3001\u672a\u7d4c\u9a13\u306e\u3042\u306a\u305f\u306b\u5bfe\u3057\u3066\u3082\u300c\u30de\u30cb\u30e5\u30a2\u30eb\u901a\u308a\u306e\u6307\u5c0e\u300d\u3067\u306f\u306a\u304f\u3001\u300c\u500b\u4eba\u306e\u9069\u6027\u3092\u898b\u629c\u3044\u305f\u672c\u8cea\u306e\u80b2\u6210\u300d\u304c\u53ef\u80fd\u3067\u3059\u3002\n                    \u4e00\u4eba\u3072\u3068\u308a\u306e\u4eba\u751f\u306b\u5411\u304d\u5408\u3044\u3001\u5e02\u5834\u4fa1\u5024\u306e\u9ad8\u3044\u4eba\u6750\u3078\u3068\u80b2\u3066\u4e0a\u3052\u308b\u3002\u305d\u308c\u304c\u79c1\u305f\u3061\u306e\u6d41\u5100\u3067\u3059\u3002\n                <\/p>\n                \n                <ul class=\"space-y-6\">\n                    <li class=\"flex items-start gap-4\">\n                        <div class=\"w-12 h-12 bg-brand-black border border-gray-800 rounded-full flex items-center justify-center shrink-0\">\n                            <i data-lucide=\"award\" class=\"w-5 h-5 text-brand-red\"><\/i>\n                        <\/div>\n                        <div>\n                            <h4 class=\"text-lg font-bold text-white\">\u696d\u754c\u30c8\u30c3\u30d7\u30e9\u30f3\u30ca\u30fc\u306b\u3088\u308b\u30e1\u30f3\u30bf\u30fc\u5236\u5ea6<\/h4>\n                            <p class=\"text-sm text-gray-500 mt-1\">\u5143\u5927\u624b\u4eba\u6750\u4f1a\u793eMVP\u53d7\u8cde\u8005\u306a\u3069\u304c\u30e1\u30f3\u30bf\u30fc\u3068\u3057\u3066\u76f4\u63a5\u6307\u5c0e\u3002<\/p>\n                        <\/div>\n                    <\/li>\n                    <li class=\"flex items-start gap-4\">\n                        <div class=\"w-12 h-12 bg-brand-black border border-gray-800 rounded-full flex items-center justify-center shrink-0\">\n                            <i data-lucide=\"users\" class=\"w-5 h-5 text-brand-red\"><\/i>\n                        <\/div>\n                        <div>\n                            <h4 class=\"text-lg font-bold text-white\">20\u4ee3\u7ba1\u7406\u8077\u6bd4\u7387 60%\u8d85<\/h4>\n                            <p class=\"text-sm text-gray-500 mt-1\">\u5e74\u529f\u5e8f\u5217\u306f\u4e00\u5207\u306a\u3057\u3002\u6210\u679c\u3068\u610f\u6b32\u304c\u3042\u308c\u3070\u3001\u5165\u793e\u534a\u5e74\u3067\u306e\u30ea\u30fc\u30c0\u30fc\u629c\u64e2\u3082\u3002<\/p>\n                        <\/div>\n                    <\/li>\n                <\/ul>\n            <\/div>\n\n            <div class=\"relative mt-8 lg:mt-0\">\n                <h3 class=\"text-xl md:text-2xl font-bold text-white mb-8 border-b border-gray-800 pb-4\">Training Roadmap<\/h3>\n                \n                <div class=\"relative space-y-8 pl-8 border-l border-gray-800\">\n                    <div class=\"relative group\">\n                        <div class=\"absolute -left-[41px] top-0 w-5 h-5 rounded-full bg-brand-black border-2 border-gray-600 group-hover:border-brand-red group-hover:bg-brand-red transition duration-300\"><\/div>\n                        <div class=\"bg-brand-black p-6 rounded-sm border border-gray-800 group-hover:translate-x-2 transition duration-300\">\n                            <span class=\"text-xs font-bold text-gray-500 uppercase mb-1 block\">Month 1-3<\/span>\n                            <h4 class=\"text-lg font-bold text-white mb-2\">Basic &#038; Mindset<\/h4>\n                            <p class=\"text-sm text-gray-400\">\u30d3\u30b8\u30cd\u30b9\u30de\u30ca\u30fc\u3001\u696d\u754c\u57fa\u790e\u77e5\u8b58\u3001\u5b9f\u52d9\u7814\u4fee\u3002\u307e\u305a\u306f\u300c\u30d7\u30ed\u3068\u3057\u3066\u306e\u30b9\u30bf\u30f3\u30b9\u300d\u3092\u5fb9\u5e95\u7684\u306b\u30a4\u30f3\u30d7\u30c3\u30c8\u3002<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"relative group\">\n                        <div class=\"absolute -left-[41px] top-0 w-5 h-5 rounded-full bg-brand-black border-2 border-gray-600 group-hover:border-brand-red group-hover:bg-brand-red transition duration-300\"><\/div>\n                        <div class=\"bg-brand-black p-6 rounded-sm border border-gray-800 group-hover:translate-x-2 transition duration-300\">\n                            <span class=\"text-xs font-bold text-gray-500 uppercase mb-1 block\">Month 4-12<\/span>\n                            <h4 class=\"text-lg font-bold text-white mb-2\">Practice &#038; Challenge<\/h4>\n                            <p class=\"text-sm text-gray-400\">\u30e1\u30f3\u30bf\u30fc\u306e\u30b5\u30dd\u30fc\u30c8\u306e\u3082\u3068\u3001\u5b9f\u969b\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u62c5\u5f53\u3002\u5c0f\u3055\u306a\u6210\u529f\u4f53\u9a13\u3092\u7a4d\u307f\u91cd\u306d\u3001\u81ea\u4fe1\u3092\u3064\u3051\u308b\u3002<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"relative group\">\n                        <div class=\"absolute -left-[41px] top-0 w-5 h-5 rounded-full bg-brand-black border-2 border-gray-600 group-hover:border-brand-red group-hover:bg-brand-red transition duration-300\"><\/div>\n                        <div class=\"bg-brand-black p-6 rounded-sm border border-gray-800 group-hover:translate-x-2 transition duration-300\">\n                            <span class=\"text-xs font-bold text-brand-red uppercase mb-1 block\">Year 2+<\/span>\n                            <h4 class=\"text-lg font-bold text-white mb-2\">Professional &#038; Leadership<\/h4>\n                            <p class=\"text-sm text-gray-400\">\u30c1\u30fc\u30e0\u30ea\u30fc\u30c0\u30fc\u3084\u3001\u30b9\u30da\u30b7\u30e3\u30ea\u30b9\u30c8\u3078\u306e\u9053\u3078\u3002\u5f8c\u8f29\u80b2\u6210\u3084\u65b0\u898f\u4e8b\u696d\u306e\u7acb\u3061\u4e0a\u3052\u306b\u3082\u53c2\u753b\u3002<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<section class=\"py-20 bg-brand-red text-white\">\n    <div class=\"container mx-auto px-6\">\n        <div class=\"grid grid-cols-2 md:grid-cols-4 gap-8 text-center divide-x divide-white\/20\">\n            <div class=\"p-2 md:p-4\">\n                <div class=\"text-3xl md:text-5xl font-display font-black mb-2\">120<span class=\"text-lg md:text-2xl\">%<\/span><\/div>\n                <div class=\"text-[10px] md:text-xs font-bold uppercase tracking-widest opacity-80\">\u6628\u5bfe\u6bd4\u58f2\u4e0a\u6210\u9577\u7387<\/div>\n            <\/div>\n            <div class=\"p-2 md:p-4\">\n                <div class=\"text-3xl md:text-5xl font-display font-black mb-2\">26<span class=\"text-lg md:text-2xl\">\u6b73<\/span><\/div>\n                <div class=\"text-[10px] md:text-xs font-bold uppercase tracking-widest opacity-80\">\u5e73\u5747\u5e74\u9f62<\/div>\n            <\/div>\n            <div class=\"p-2 md:p-4\">\n                <div class=\"text-3xl md:text-5xl font-display font-black mb-2\">0<span class=\"text-lg md:text-2xl\">\u5186<\/span><\/div>\n                <div class=\"text-[10px] md:text-xs font-bold uppercase tracking-widest opacity-80\">\u7814\u4fee\u8cbb\u7528\u81ea\u5df1\u8ca0\u62c5<\/div>\n            <\/div>\n            <div class=\"p-2 md:p-4\">\n                <div class=\"text-3xl md:text-5xl font-display font-black mb-2\">2<span class=\"text-lg md:text-2xl\">\u56de<\/span><\/div>\n                <div class=\"text-[10px] md:text-xs font-bold uppercase tracking-widest opacity-80\">\u5e74\u9593\u8cde\u4e0e\u652f\u7d66\u5b9f\u7e3e<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<section id=\"culture\" class=\"py-20 md:py-32 bg-brand-black relative overflow-hidden\">\n    <div class=\"absolute top-0 left-1\/2 -translate-x-1\/2 w-full h-px bg-gradient-to-r from-transparent via-brand-red to-transparent opacity-50\"><\/div>\n\n    <div class=\"container mx-auto px-6\">\n        <div class=\"text-center mb-16 md:mb-20\">\n            <p class=\"text-brand-red font-display font-bold tracking-widest mb-2 text-sm\">WHY JOIN US?<\/p>\n            <h2 class=\"text-4xl md:text-6xl font-display font-bold text-white\">\n                <span class=\"text-stroke hover-text-fill transition duration-500\">YOUR FUTURE<\/span> STARTS HERE.\n            <\/h2>\n            <p class=\"text-gray-500 mt-6 max-w-2xl mx-auto text-sm md:text-base\">\n                \u300c\u7d4c\u9a13\u304c\u306a\u3044\u304b\u3089\u300d\u3068\u8ae6\u3081\u308b\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u3002<br>\n                \u30a2\u30fc\u30bb\u30ca\u30eb\u30ef\u30f3\u306b\u306f\u3001\u3042\u306a\u305f\u304c\u8f1d\u3051\u308b\u30b9\u30c6\u30fc\u30b8\u3068\u3001\u305d\u308c\u3092\u652f\u3048\u308b\u74b0\u5883\u304c\u3042\u308a\u307e\u3059\u3002\n            <\/p>\n        <\/div>\n\n        <div class=\"grid md:grid-cols-3 gap-6 md:gap-8\">\n            <div class=\"bg-[#0F0F0F] border border-gray-800 p-8 md:p-10 rounded-sm hover:border-brand-red transition duration-500 group relative overflow-hidden\">\n                <div class=\"absolute top-0 right-0 w-20 h-20 bg-brand-red\/5 rounded-bl-full group-hover:bg-brand-red\/10 transition\"><\/div>\n                <div class=\"w-12 h-12 md:w-14 md:h-14 bg-gray-900 rounded-full flex items-center justify-center mb-8 group-hover:bg-brand-red group-hover:text-white transition duration-300\">\n                    <i data-lucide=\"user-plus\" class=\"w-6 h-6 md:w-7 md:h-7\"><\/i>\n                <\/div>\n                <h3 class=\"text-lg md:text-xl font-bold mb-4 text-white\">\u672a\u7d4c\u9a13\u30fb\u4eba\u67c4\u63a1\u7528<\/h3>\n                <p class=\"text-gray-400 text-sm leading-relaxed\">\n                    \u5c65\u6b74\u66f8\u3088\u308a\u3082\u300c\u3042\u306a\u305f\u81ea\u8eab\u300d\u3092\u898b\u307e\u3059\u3002\u904e\u53bb\u306e\u7d4c\u9a13\u306f\u554f\u3044\u307e\u305b\u3093\u3002\u7d20\u76f4\u3055\u3084\u524d\u5411\u304d\u306a\u59ff\u52e2\u304c\u3042\u308c\u3070\u3001\u5165\u793e\u5f8c\u306b\u3044\u304f\u3089\u3067\u3082\u6210\u9577\u3067\u304d\u307e\u3059\u3002\n                <\/p>\n            <\/div>\n\n            <div class=\"bg-[#0F0F0F] border border-gray-800 p-8 md:p-10 rounded-sm hover:border-brand-red transition duration-500 group relative overflow-hidden\">\n                <div class=\"absolute top-0 right-0 w-20 h-20 bg-brand-red\/5 rounded-bl-full group-hover:bg-brand-red\/10 transition\"><\/div>\n                <div class=\"w-12 h-12 md:w-14 md:h-14 bg-gray-900 rounded-full flex items-center justify-center mb-8 group-hover:bg-brand-red group-hover:text-white transition duration-300\">\n                    <i data-lucide=\"trending-up\" class=\"w-6 h-6 md:w-7 md:h-7\"><\/i>\n                <\/div>\n                <h3 class=\"text-lg md:text-xl font-bold mb-4 text-white\">\u5145\u5b9f\u306e\u80b2\u6210\u30fb\u30ad\u30e3\u30ea\u30a2UP<\/h3>\n                <p class=\"text-gray-400 text-sm leading-relaxed\">\n                    \u5165\u793e\u5f8c\u306e\u7814\u4fee\u306f\u3082\u3061\u308d\u3093\u3001\u8cc7\u683c\u53d6\u5f97\u652f\u63f4\u3082\u5145\u5b9f\u3002\u73fe\u5834\u30ea\u30fc\u30c0\u30fc\u3084\u7ba1\u7406\u8077\u3078\u306e\u30ad\u30e3\u30ea\u30a2\u30d1\u30b9\u3082\u660e\u78ba\u3067\u300120\u4ee3\u3067\u306e\u6607\u683c\u5b9f\u7e3e\u3082\u591a\u6570\u3042\u308a\u307e\u3059\u3002\n                <\/p>\n            <\/div>\n\n            <div class=\"bg-[#0F0F0F] border border-gray-800 p-8 md:p-10 rounded-sm hover:border-brand-red transition duration-500 group relative overflow-hidden\">\n                <div class=\"absolute top-0 right-0 w-20 h-20 bg-brand-red\/5 rounded-bl-full group-hover:bg-brand-red\/10 transition\"><\/div>\n                <div class=\"w-12 h-12 md:w-14 md:h-14 bg-gray-900 rounded-full flex items-center justify-center mb-8 group-hover:bg-brand-red group-hover:text-white transition duration-300\">\n                    <i data-lucide=\"wallet\" class=\"w-6 h-6 md:w-7 md:h-7\"><\/i>\n                <\/div>\n                <h3 class=\"text-lg md:text-xl font-bold mb-4 text-white\">\u9ad8\u6c34\u6e96\u306e\u7d66\u4e0e\u30fb\u8cde\u4e0e<\/h3>\n                <p class=\"text-gray-400 text-sm leading-relaxed\">\n                    \u672a\u7d4c\u9a13\u3067\u3082\u6708\u7d6625\u4e07\u5186\u30b9\u30bf\u30fc\u30c8\u304c\u53ef\u80fd\u3002\u696d\u7e3e\u597d\u8abf\u306b\u3064\u304d\u3001\u8cde\u4e0e\u306f\u5e742\u56de\u3002\u9811\u5f35\u308a\u304c\u30c0\u30a4\u30ec\u30af\u30c8\u306b\u53ce\u5165\u306b\u53cd\u6620\u3055\u308c\u308b\u4ed5\u7d44\u307f\u3067\u3059\u3002\n                <\/p>\n            <\/div>\n        <\/div>\n        \n        <div class=\"mt-16 md:mt-20 pt-10 border-t border-gray-800\">\n            <div class=\"bg-gray-900\/50 p-6 md:p-8 rounded-sm max-w-4xl mx-auto flex flex-col md:flex-row gap-8 items-center\">\n                <div class=\"w-20 h-20 md:w-24 md:h-24 bg-gray-700 rounded-full overflow-hidden shrink-0\">\n                     <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573496359142-b8d87734a5a2?ixlib=rb-1.2.1&#038;auto=format&#038;fit=crop&#038;w=400&#038;q=80\" class=\"w-full h-full object-cover\">\n                <\/div>\n                <div class=\"text-center md:text-left\">\n                    <p class=\"text-base md:text-xl italic text-gray-300 mb-4\">&#8220;\u524d\u8077\u306f\u98f2\u98df\u5e97\u52e4\u52d9\u3067PC\u3082\u82e6\u624b\u3067\u3057\u305f\u304c\u3001\u5148\u8f29\u306e\u624b\u539a\u3044\u30b5\u30dd\u30fc\u30c8\u306e\u304a\u304b\u3052\u3067\u4eca\u306f\u63a1\u7528\u30a2\u30b7\u30b9\u30bf\u30f3\u30c8\u3068\u3057\u3066\u81ea\u4fe1\u3092\u6301\u3063\u3066\u50cd\u3051\u3066\u3044\u307e\u3059\u3002\u6bce\u65e5\u304c\u6210\u9577\u306e\u9023\u7d9a\u3067\u3059\u3002&#8221;<\/p>\n                    <p class=\"text-sm font-bold text-white\">K.S (\u5165\u793e2\u5e74\u76ee \/ \u4e8b\u52d9\u8077)<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<section id=\"careers\" class=\"py-20 md:py-32 bg-white text-brand-black relative\">\n    <div class=\"container mx-auto px-6\">\n        <div class=\"flex flex-col md:flex-row justify-between items-end mb-16\">\n            <div>\n                <h2 class=\"text-5xl md:text-8xl font-display font-black tracking-tighter mb-4 text-brand-black\">CAREERS<\/h2>\n                <p class=\"text-lg md:text-xl font-bold text-brand-red tracking-wider\">JOIN OUR TEAM<\/p>\n            <\/div>\n            <div class=\"mt-8 md:mt-0 text-right\">\n                <p class=\"text-gray-600 font-medium leading-relaxed mb-4 text-sm md:text-base\">\n                    \u73fe\u5728\u3001\u4e8b\u696d\u62e1\u5927\u306b\u4f34\u3044\u7a4d\u6975\u63a1\u7528\u4e2d\u3002<br>\n                    \u307e\u305a\u306fIndeed\u3067\u8a73\u7d30\u3092\u30c1\u30a7\u30c3\u30af\u3057\u3066\u304f\u3060\u3055\u3044\u3002\n                <\/p>\n                <a href=\"https:\/\/jp.indeed.com\/cmp\/(%E5%90%88%E5%90%8C)%E3%82%A2%E3%83%BC%E3%82%BB%E3%83%8A%E3%83%AB%E3%83%AF%E3%83%B3?campaignid=mobvjcmp&#038;from=mobviewjob&#038;tk=1jalo9rrigmdk804&#038;fromjk=1db43f622d8310c9\" target=\"_blank\" class=\"inline-flex items-center gap-2 font-bold text-brand-red border-b-2 border-brand-red pb-1 hover:text-brand-black hover:border-brand-black transition\">\n                    View All Jobs on Indeed <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"border-t-2 border-black\">\n            \n            <div class=\"group border-b border-gray-200 hover:bg-gray-50 transition duration-300 cursor-pointer relative overflow-hidden\" onclick=\"openModal('picking-modal')\">\n                <div class=\"absolute left-0 top-0 bottom-0 w-1 bg-brand-red transform -translate-x-full group-hover:translate-x-0 transition duration-300\"><\/div>\n                <div class=\"py-8 md:py-10 px-4 md:px-8 flex flex-col md:flex-row md:items-center justify-between gap-6\">\n                    <div class=\"md:w-1\/3\">\n                        <div class=\"flex items-center gap-3 mb-2\">\n                            <span class=\"inline-block px-3 py-1 bg-brand-black text-white text-[10px] font-bold uppercase tracking-wider\">\u672a\u7d4c\u9a13\u6b53\u8fce<\/span>\n                            <span class=\"text-xs font-bold text-brand-red\">Logistics<\/span>\n                        <\/div>\n                        <h3 class=\"text-2xl md:text-3xl font-bold group-hover:translate-x-2 transition duration-300\">\u5009\u5eab\u5185\u8efd\u4f5c\u696d\u30fb\u30d4\u30c3\u30ad\u30f3\u30b0<\/h3>\n                    <\/div>\n                    <div class=\"md:w-1\/3 text-gray-500 text-sm\">\n                        <p>\u30c1\u30fc\u30e0\u3067\u5354\u529b\u3057\u3066\u884c\u3046\u30b7\u30f3\u30d7\u30eb\u306a\u4f5c\u696d\u3067\u3059\u3002<\/p>\n                        <p class=\"mt-1 font-bold text-gray-800\">\u260520\u4ee3\u30fb30\u4ee3\u304c\u4e2d\u5fc3\u306b\u6d3b\u8e8d\u4e2d\uff01<\/p>\n                    <\/div>\n                    <div class=\"md:w-1\/3 flex justify-end items-center gap-6\">\n                        <div class=\"text-right\">\n                            <p class=\"font-bold text-lg md:text-xl text-brand-black\">\u6708\u7d66 25\u4e07\u301c40\u4e07\u5186<\/p>\n                            <p class=\"text-xs text-gray-400\">\u52e4\u52d9\u5730\uff1a\u5168\u56fd\u5404\u62e0\u70b9<\/p>\n                        <\/div>\n                        <div class=\"w-10 h-10 rounded-full bg-gray-100 flex items-center justify-center group-hover:bg-brand-red group-hover:text-white transition duration-300\">\n                            <i data-lucide=\"chevron-right\" class=\"w-6 h-6\"><\/i>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"group border-b border-gray-200 hover:bg-gray-50 transition duration-300 cursor-pointer relative overflow-hidden\" onclick=\"openModal('admin-modal')\">\n                <div class=\"absolute left-0 top-0 bottom-0 w-1 bg-[#003A9B] transform -translate-x-full group-hover:translate-x-0 transition duration-300\"><\/div>\n                <div class=\"py-8 md:py-10 px-4 md:px-8 flex flex-col md:flex-row md:items-center justify-between gap-6\">\n                    <div class=\"md:w-1\/3\">\n                        <div class=\"flex items-center gap-3 mb-2\">\n                            <span class=\"inline-block px-3 py-1 bg-gray-200 text-gray-800 text-[10px] font-bold uppercase tracking-wider\">\u30c7\u30b9\u30af\u30ef\u30fc\u30af<\/span>\n                            <span class=\"text-xs font-bold text-[#003A9B]\">Headquarters<\/span>\n                        <\/div>\n                        <h3 class=\"text-2xl md:text-3xl font-bold group-hover:translate-x-2 transition duration-300\">\u4e8b\u52d9\u30fb\u7dcf\u5408\u8077<\/h3>\n                    <\/div>\n                    <div class=\"md:w-1\/3 text-gray-500 text-sm\">\n                        <p>SNS\u904b\u7528\u3084\u6570\u5024\u7ba1\u7406\u306a\u3069\u3001\u7d4c\u55b6\u3092\u652f\u3048\u308b\u4ed5\u4e8b\u3002<\/p>\n                        <p class=\"mt-1 font-bold text-gray-800\">\u2605\u30aa\u30d5\u30a3\u30b9\u30ef\u30fc\u30af\u30c7\u30d3\u30e5\u30fc\u3082\u5fdc\u63f4\uff01<\/p>\n                    <\/div>\n                    <div class=\"md:w-1\/3 flex justify-end items-center gap-6\">\n                        <div class=\"text-right\">\n                            <p class=\"font-bold text-lg md:text-xl text-brand-black\">\u8a73\u7d30\u306fIndeed\u3078<\/p>\n                            <p class=\"text-xs text-gray-400\">\u52e4\u52d9\u5730\uff1a\u5168\u56fd\u5404\u62e0\u70b9<\/p>\n                        <\/div>\n                        <div class=\"w-10 h-10 rounded-full bg-gray-100 flex items-center justify-center group-hover:bg-[#003A9B] group-hover:text-white transition duration-300\">\n                            <i data-lucide=\"chevron-right\" class=\"w-6 h-6\"><\/i>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n        \n        <div class=\"mt-16 text-center\">\n            <a href=\"https:\/\/jp.indeed.com\/cmp\/(%E5%90%88%E5%90%8C)%E3%82%A2%E3%83%BC%E3%82%BB%E3%83%8A%E3%83%AB%E3%83%AF%E3%83%B3?campaignid=mobvjcmp&#038;from=mobviewjob&#038;tk=1jalo9rrigmdk804&#038;fromjk=1db43f622d8310c9\" target=\"_blank\" class=\"btn-shine inline-block w-full md:w-auto px-16 py-5 bg-brand-black text-white font-bold rounded-sm shadow-xl hover:shadow-2xl transition transform hover:-translate-y-1 tracking-widest uppercase\">\n                View All Jobs\n            <\/a>\n            <p class=\"text-xs text-gray-400 mt-4\">Indeed\u306e\u30da\u30fc\u30b8\u3078\u79fb\u52d5\u3057\u307e\u3059<\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n<section class=\"py-20 bg-gray-100 text-brand-black\">\n    <div class=\"container mx-auto px-6 max-w-4xl\">\n        <h3 class=\"text-2xl md:text-3xl font-bold text-center mb-8 md:mb-12\">\u3088\u304f\u3042\u308b\u8cea\u554f<\/h3>\n        <div class=\"space-y-4\">\n            <div class=\"bg-white p-6 rounded-sm shadow-sm\">\n                <h4 class=\"font-bold text-base md:text-lg mb-2 text-brand-red\">Q. \u672c\u5f53\u306b\u672a\u7d4c\u9a13\u3067\u3082\u5927\u4e08\u592b\u3067\u3059\u304b\uff1f<\/h4>\n                <p class=\"text-gray-600 text-sm\">A. \u306f\u3044\u3001\u5927\u6b53\u8fce\u3067\u3059\u3002\u73fe\u5728\u6d3b\u8e8d\u3057\u3066\u3044\u308b\u30b9\u30bf\u30c3\u30d5\u306e8\u5272\u4ee5\u4e0a\u304c\u672a\u7d4c\u9a13\u304b\u3089\u306e\u30b9\u30bf\u30fc\u30c8\u3067\u3059\u3002\u5165\u793e\u5f8c\u306e\u7814\u4fee\u3067\u57fa\u790e\u304b\u3089\u3057\u3063\u304b\u308a\u5b66\u3079\u307e\u3059\u3002<\/p>\n            <\/div>\n            <div class=\"bg-white p-6 rounded-sm shadow-sm\">\n                <h4 class=\"font-bold text-base md:text-lg mb-2 text-brand-red\">Q. \u914d\u5c5e\u5148\u306f\u3069\u306e\u3088\u3046\u306b\u6c7a\u307e\u308a\u307e\u3059\u304b\uff1f<\/h4>\n                <p class=\"text-gray-600 text-sm\">A. \u3054\u672c\u4eba\u306e\u5e0c\u671b\u3068\u9069\u6027\u3092\u8003\u616e\u3057\u3001\u9762\u8ac7\u306e\u4e0a\u3067\u6c7a\u5b9a\u3057\u307e\u3059\u3002\u8ee2\u5c45\u3092\u4f34\u3046\u8ee2\u52e4\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n            <\/div>\n            <div class=\"bg-white p-6 rounded-sm shadow-sm\">\n                <h4 class=\"font-bold text-base md:text-lg mb-2 text-brand-red\">Q. \u9762\u63a5\u306e\u56de\u6570\u306f\uff1f<\/h4>\n                <p class=\"text-gray-600 text-sm\">A. \u57fa\u672c\u7684\u306b\u306f1\u56de\u301c2\u56de\u3067\u3059\u3002\u30aa\u30f3\u30e9\u30a4\u30f3\u3067\u306e\u5b9f\u65bd\u3082\u53ef\u80fd\u3067\u3059\u306e\u3067\u3001\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<footer class=\"bg-brand-black text-white pt-20 md:pt-24 pb-12 border-t border-gray-900\">\n    <div class=\"container mx-auto px-6\">\n        <div class=\"grid md:grid-cols-4 gap-12 mb-16\">\n            <div class=\"col-span-2\">\n                <span class=\"font-display font-black text-3xl md:text-4xl tracking-tighter block mb-6\">ARSENAL<span class=\"text-brand-red\">ONE<\/span><\/span>\n                <p class=\"text-gray-500 text-sm leading-relaxed mb-6 max-w-sm\">\n                    \u5408\u540c\u4f1a\u793e\u30a2\u30fc\u30bb\u30ca\u30eb\u30ef\u30f3<br>\n                    \u4ee3\u8868\u793e\u54e1\uff1a\u85e4\u7530 \u656c<br>\n                    \u3012661-0979 \u5175\u5eab\u770c\u5c3c\u5d0e\u5e02\u4e0a\u5742\u90e81-8-1\n                <\/p>\n                <div class=\"flex gap-4\">\n                    <a href=\"#\" class=\"w-10 h-10 bg-gray-800 flex items-center justify-center rounded-full hover:bg-brand-red transition\"><i data-lucide=\"instagram\" class=\"w-5 h-5\"><\/i><\/a>\n                    <a href=\"#\" class=\"w-10 h-10 bg-gray-800 flex items-center justify-center rounded-full hover:bg-brand-red transition\"><i data-lucide=\"linkedin\" class=\"w-5 h-5\"><\/i><\/a>\n                <\/div>\n            <\/div>\n            <div>\n                <h4 class=\"font-bold text-white mb-6 uppercase tracking-widest\">Services<\/h4>\n                <ul class=\"space-y-3 text-sm text-gray-500\">\n                    <li><a href=\"#\" class=\"hover:text-brand-red transition\">RPO Service<\/a><\/li>\n                    <li><a href=\"#\" class=\"hover:text-brand-red transition\">Recruitment Consulting<\/a><\/li>\n                    <li><a href=\"#\" class=\"hover:text-brand-red transition\">Creative &#038; AI<\/a><\/li>\n                    <li><a href=\"#\" class=\"hover:text-brand-red transition\">Logistics Solutions<\/a><\/li>\n                <\/ul>\n            <\/div>\n            <div>\n                <h4 class=\"font-bold text-white mb-6 uppercase tracking-widest\">Company<\/h4>\n                <ul class=\"space-y-3 text-sm text-gray-500\">\n                    <li><a href=\"#about\" class=\"hover:text-brand-red transition\">About Us<\/a><\/li>\n                    <li><a href=\"#careers\" class=\"hover:text-brand-red transition\">Careers<\/a><\/li>\n                    <li><a href=\"#\" class=\"hover:text-brand-red transition\">Privacy Policy<\/a><\/li>\n                    <li><a href=\"#\" class=\"hover:text-brand-red transition\">Contact<\/a><\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n        <div class=\"flex flex-col md:flex-row justify-between items-center pt-8 border-t border-gray-900 text-xs text-gray-600 gap-4 md:gap-0\">\n            <p>&copy; 2025 ARSENAL ONE LLC. All rights reserved.<\/p>\n            <a href=\"https:\/\/jp.indeed.com\/cmp\/(%E5%90%88%E5%90%8C)%E3%82%A2%E3%83%BC%E3%82%BB%E3%83%8A%E3%83%AB%E3%83%AF%E3%83%B3?campaignid=mobvjcmp&#038;from=mobviewjob&#038;tk=1jalo9rrigmdk804&#038;fromjk=1db43f622d8310c9\" target=\"_blank\" class=\"hover:text-white transition flex items-center gap-1\">\n                Recruitment info on Indeed <i data-lucide=\"external-link\" class=\"w-3 h-3\"><\/i>\n            <\/a>\n        <\/div>\n    <\/div>\n<\/footer>\n\n<div id=\"picking-modal\" class=\"modal hidden fixed inset-0 z-50 flex items-center justify-center p-4 md:p-8\">\n    <div class=\"absolute inset-0 bg-black\/90 backdrop-blur-sm\" onclick=\"closeModal('picking-modal')\"><\/div>\n    <div class=\"bg-white text-brand-black w-full max-w-lg rounded-sm relative z-10 flex flex-col shadow-2xl animate-fade-in-up overflow-hidden max-h-[85vh] md:max-h-[90vh]\">\n        <div class=\"h-32 md:h-40 bg-gray-900 relative overflow-hidden shrink-0\">\n            <div class=\"absolute inset-0 bg-brand-red\/20\"><\/div>\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586528116311-ad8dd3c8310d?ixlib=rb-1.2.1&#038;auto=format&#038;fit=crop&#038;w=800&#038;q=80\" class=\"w-full h-full object-cover mix-blend-overlay opacity-60\">\n            <div class=\"absolute bottom-4 left-4 md:left-6\">\n                <span class=\"text-xs font-bold text-white bg-brand-red px-2 py-1\">\u672a\u7d4c\u9a13\u6b53\u8fce<\/span>\n                <h3 class=\"text-2xl md:text-3xl font-bold text-white mt-2\">\u5009\u5eab\u5185\u8efd\u4f5c\u696d\u30fb\u30d4\u30c3\u30ad\u30f3\u30b0<\/h3>\n            <\/div>\n        <\/div>\n        \n        <div class=\"p-6 md:p-8 overflow-y-auto modal-scroll\">\n            <p class=\"text-gray-600 text-sm leading-relaxed mb-6\">\n                EC\u30b5\u30a4\u30c8\u306e\u5546\u54c1\u3092\u5009\u5eab\u5185\u3067\u96c6\u3081\u305f\u308a\u3001\u68b1\u5305\u3057\u305f\u308a\u3059\u308b\u304a\u4ed5\u4e8b\u3067\u3059\u3002<br>\n                \u96e3\u3057\u3044\u77e5\u8b58\u306f\u4e00\u5207\u4e0d\u8981\uff01\u30c1\u30fc\u30e0\u3067\u58f0\u3092\u639b\u3051\u5408\u3044\u306a\u304c\u3089\u9032\u3081\u308b\u306e\u3067\u3001\u672a\u7d4c\u9a13\u3067\u3082\u521d\u65e5\u304b\u3089\u5b89\u5fc3\u3057\u3066\u30b9\u30bf\u30fc\u30c8\u3067\u304d\u307e\u3059\u3002\n            <\/p>\n            \n            <div class=\"bg-gray-50 p-4 rounded mb-6 space-y-3\">\n                <div class=\"flex justify-between text-sm border-b border-gray-200 pb-2\">\n                    <span class=\"font-bold text-gray-500\">\u7d66\u4e0e<\/span>\n                    <span class=\"font-bold\">\u6708\u7d66 25\u4e07\u301c40\u4e07\u5186<\/span>\n                <\/div>\n                <div class=\"flex justify-between text-sm border-b border-gray-200 pb-2\">\n                    <span class=\"font-bold text-gray-500\">\u4f11\u65e5<\/span>\n                    <span class=\"font-bold\">\u5b8c\u5168\u9031\u4f112\u65e5\u5236 \/ \u5e74\u9593\u4f11\u65e5120\u65e5<\/span>\n                <\/div>\n                <div class=\"flex justify-between text-sm\">\n                    <span class=\"font-bold text-gray-500\">\u52e4\u52d9\u5730<\/span>\n                    <span class=\"font-bold\">\u5168\u56fd\u5404\u62e0\u70b9\uff08\u8ee2\u52e4\u306a\u3057\uff09<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"text-center sticky bottom-0 bg-white pt-2\">\n                <a href=\"https:\/\/jp.indeed.com\/cmp\/(%E5%90%88%E5%90%8C)%E3%82%A2%E3%83%BC%E3%82%BB%E3%83%8A%E3%83%AB%E3%83%AF%E3%83%B3?campaignid=mobvjcmp&#038;from=mobviewjob&#038;tk=1jalo9rrigmdk804&#038;fromjk=1db43f622d8310c9\" target=\"_blank\" class=\"btn-shine block w-full py-4 bg-[#003A9B] text-white font-bold rounded hover:bg-[#002a73] transition shadow-lg flex items-center justify-center gap-2\">\n                    Indeed\u3067\u8a73\u7d30\u30fb\u5fdc\u52df\u3059\u308b\n                    <i data-lucide=\"external-link\" class=\"w-4 h-4\"><\/i>\n                <\/a>\n                <button onclick=\"closeModal('picking-modal')\" class=\"mt-4 text-xs text-gray-400 hover:text-gray-600 underline pb-2\">\u9589\u3058\u308b<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div id=\"admin-modal\" class=\"modal hidden fixed inset-0 z-50 flex items-center justify-center p-4 md:p-8\">\n    <div class=\"absolute inset-0 bg-black\/90 backdrop-blur-sm\" onclick=\"closeModal('admin-modal')\"><\/div>\n    <div class=\"bg-white text-brand-black w-full max-w-lg rounded-sm relative z-10 flex flex-col shadow-2xl animate-fade-in-up overflow-hidden max-h-[85vh] md:max-h-[90vh]\">\n        <div class=\"h-32 md:h-40 bg-gray-900 relative overflow-hidden shrink-0\">\n            <div class=\"absolute inset-0 bg-blue-900\/20\"><\/div>\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497215728101-856f4ea42174?ixlib=rb-1.2.1&#038;auto=format&#038;fit=crop&#038;w=800&#038;q=80\" class=\"w-full h-full object-cover mix-blend-overlay opacity-60\">\n            <div class=\"absolute bottom-4 left-4 md:left-6\">\n                <span class=\"text-xs font-bold text-white bg-[#003A9B] px-2 py-1\">\u4e8b\u52d9\u30fb\u7dcf\u5408\u8077<\/span>\n                <h3 class=\"text-2xl md:text-3xl font-bold text-white mt-2\">\u4e00\u822c\u4e8b\u52d9\u30fb\u904b\u7528\u30b5\u30dd\u30fc\u30c8<\/h3>\n            <\/div>\n        <\/div>\n        \n        <div class=\"p-6 md:p-8 overflow-y-auto modal-scroll\">\n            <p class=\"text-gray-600 text-sm leading-relaxed mb-6\">\n                PC\u3092\u4f7f\u3063\u305f\u30c7\u30fc\u30bf\u5165\u529b\u3084\u3001SNS\u306e\u66f4\u65b0\u306a\u3069\u3001\u30d0\u30c3\u30af\u30aa\u30d5\u30a3\u30b9\u696d\u52d9\u5168\u822c\u3092\u304a\u4efb\u305b\u3057\u307e\u3059\u3002<br>\n                \u300c\u4e8b\u52d9\u306f\u521d\u3081\u3066\u300d\u3068\u3044\u3046\u65b9\u3082\u5927\u6b53\u8fce\uff01\u5148\u8f29\u304c\u512a\u3057\u304f\u6559\u3048\u307e\u3059\u3002\n            <\/p>\n            \n            <div class=\"bg-gray-50 p-4 rounded mb-6 space-y-3\">\n                <div class=\"flex justify-between text-sm border-b border-gray-200 pb-2\">\n                    <span class=\"font-bold text-gray-500\">\u4ed5\u4e8b<\/span>\n                    <span class=\"font-bold\">\u4e00\u822c\u4e8b\u52d9 \/ SNS\u904b\u7528 \/ \u6570\u5024\u7ba1\u7406<\/span>\n                <\/div>\n                <div class=\"flex justify-between text-sm\">\n                    <span class=\"font-bold text-gray-500\">\u7279\u5fb4<\/span>\n                    <span class=\"font-bold\">\u30aa\u30d5\u30a3\u30b9\u30ab\u30b8\u30e5\u30a2\u30eb \/ \u6b8b\u696d\u5c11\u306a\u3081<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"text-center sticky bottom-0 bg-white pt-2\">\n                <a href=\"https:\/\/jp.indeed.com\/cmp\/(%E5%90%88%E5%90%8C)%E3%82%A2%E3%83%BC%E3%82%BB%E3%83%8A%E3%83%AB%E3%83%AF%E3%83%B3?campaignid=mobvjcmp&#038;from=mobviewjob&#038;tk=1jalo9rrigmdk804&#038;fromjk=1db43f622d8310c9\" target=\"_blank\" class=\"btn-shine block w-full py-4 bg-[#003A9B] text-white font-bold rounded hover:bg-[#002a73] transition shadow-lg flex items-center justify-center gap-2\">\n                    Indeed\u3067\u8a73\u7d30\u30fb\u5fdc\u52df\u3059\u308b\n                    <i data-lucide=\"external-link\" class=\"w-4 h-4\"><\/i>\n                <\/a>\n                <button onclick=\"closeModal('admin-modal')\" class=\"mt-4 text-xs text-gray-400 hover:text-gray-600 underline pb-2\">\u9589\u3058\u308b<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    lucide.createIcons();\n\n    function toggleMenu() {\n        const menu = document.getElementById('fullscreen-menu');\n        menu.classList.toggle('translate-x-full');\n    }\n\n    function openModal(id) {\n        document.getElementById(id).classList.remove('hidden');\n        document.body.style.overflow = 'hidden';\n    }\n\n    function closeModal(id) {\n        document.getElementById(id).classList.add('hidden');\n        document.body.style.overflow = 'auto';\n    }\n\n    \/\/ Services Tab Switching Logic\n    function switchTab(tabId) {\n        \/\/ Update Tab Styles\n        const tabs = document.querySelectorAll('.service-tab');\n        tabs.forEach(tab => {\n            tab.classList.remove('active');\n        });\n        document.getElementById('tab-' + tabId).classList.add('active');\n\n        \/\/ Update Content Visibility\n        const contents = document.querySelectorAll('.service-content');\n        contents.forEach(content => {\n            content.classList.add('hidden');\n            content.classList.remove('block');\n        });\n        \n        const selectedContent = document.getElementById('content-' + tabId);\n        selectedContent.classList.remove('hidden');\n        selectedContent.classList.add('block');\n        \n        \/\/ Re-trigger animation\n        selectedContent.style.animation = 'none';\n        selectedContent.offsetHeight; \/* trigger reflow *\/\n        selectedContent.style.animation = null; \n    }\n\n    \/\/ Header Scroll Logic\n    const header = document.getElementById('main-header');\n    window.addEventListener('scroll', () => {\n        if (window.scrollY > 50) {\n            header.classList.add('py-3');\n            header.classList.remove('py-4', 'md:py-5'); \/\/ Adjusted class removal\n            header.classList.add('bg-brand-black\/90');\n        } else {\n            header.classList.add('py-4', 'md:py-5'); \/\/ Adjusted class add\n            header.classList.remove('py-3');\n            header.classList.remove('bg-brand-black\/90');\n        }\n    });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>A ARSENALONE LLC. About Expertise Professionalism Join Team MENU ABOUT EXPERTISE TEAM CAREERS CONTACT Hiring F [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank","meta":{"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arsenal-1.com\/index.php?rest_route=\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arsenal-1.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arsenal-1.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arsenal-1.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arsenal-1.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16"}],"version-history":[{"count":3,"href":"https:\/\/arsenal-1.com\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":26,"href":"https:\/\/arsenal-1.com\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions\/26"}],"wp:attachment":[{"href":"https:\/\/arsenal-1.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}