{"id":114,"date":"2026-06-15T21:28:13","date_gmt":"2026-06-15T12:28:13","guid":{"rendered":"https:\/\/honestlly.com\/?page_id=114"},"modified":"2026-06-15T21:28:13","modified_gmt":"2026-06-15T12:28:13","slug":"%e3%83%9b%e3%83%bc%e3%83%a0","status":"publish","type":"page","link":"https:\/\/honestlly.com\/","title":{"rendered":"\u30db\u30fc\u30e0"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u7269\u6d41\u30a2\u30a6\u30c8\u30bd\u30fc\u30b7\u30f3\u30b0\uff06\u4f01\u696d\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0 - \u682a\u5f0f\u4f1a\u793e\u3007\u3007\u3007\u3007<\/title>\n    \n    <!-- Chosen Palette: Navy Modern Premium (\u30c7\u30a3\u30fc\u30d7\u30cd\u30a4\u30d3\u30fc: #0F172A, \u30a2\u30bd\u30b7\u30a8\u30a4\u30c8\u30d6\u30eb\u30fc: #3B82F6, \u30af\u30fc\u30eb\u30b0\u30ec\u30fc: #F8FAFC) -->\n    <!-- Application Structure Plan:\n         \u30e6\u30fc\u30b6\u30fc\u304c\u30a2\u30af\u30bb\u30b9\u3057\u305f\u969b\u3001\u76f4\u611f\u7684\u306b\u76ee\u7684\uff08\u4ed5\u4e8b\u3092\u63a2\u3059\/\u4ed5\u4e8b\u3092\u4f9d\u983c\u3059\u308b\uff09\u3078\u5230\u9054\u3067\u304d\u308b\u3088\u3046\u3001FV\u306e\u76f4\u4e0b\u306b\u300c2\u3064\u306e\u5206\u5c90\u30eb\u30fc\u30c8\u300d\u3092\u914d\u7f6e\u3002\n         \u7d9a\u3044\u3066\u3001\u4f1a\u793e\u306e\u4e3b\u8ef8\u3067\u3042\u308b\u300c\u7269\u6d41\u30a2\u30a6\u30c8\u30bd\u30fc\u30b7\u30f3\u30b0\u300d\u3092\u8996\u899a\u7684\u306b\u6700\u3082\u5927\u304d\u304f\u914d\u7f6e\u3057\u3001\u305d\u308c\u3092\u88dc\u5b8c\u3059\u308b\u300c\u4f01\u696d\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\u300d\u300c\u6709\u6599\u8077\u696d\u7d39\u4ecb\uff08\u514d\u8a31\uff09\u300d\u3092\u4e26\u3079\u308b\u975e\u5bfe\u79f0\u306a\u30ec\u30a4\u30a2\u30a6\u30c8\uff08\u60c5\u5831\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\uff09\u3092\u63a1\u7528\u3002\n         \u3055\u3089\u306b\u3001\u5b9a\u91cf\u7684\u306a\u4fe1\u983c\u6027\u3092\u793a\u3059\u305f\u3081\u306e\u300c\u30b3\u30b9\u30c8\u30b7\u30df\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3\uff08Chart.js\uff09\u300d\u3084\u3001\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u306e\u71b1\u91cf\u3092\u4f1d\u3048\u308b\u300c\u6c42\u4eba\u30ab\u30fc\u30c9\u300d\u3092\u7d71\u5408\u3057\u3001\u6700\u5f8c\u306b\u5b89\u5168\u306a\u300c\u304a\u554f\u3044\u5408\u308f\u305b\u30d5\u30a9\u30fc\u30e0\u300d\u3078\u3068\u7e4b\u3052\u308b\u300c\u8aad\u4e86\uff1d\u4fe1\u983c\u7372\u5f97\u300d\u306e\u5c0e\u7dda\u8a2d\u8a08\u306b\u3057\u3066\u3044\u307e\u3059\u3002\n    -->\n    <!-- Visualization & Content Choices:\n         - \u30d2\u30fc\u30ed\u30fc\u30a8\u30ea\u30a2: \u80cc\u666f\u306b\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\u3092\u65bd\u3057\u305f\u5927\u578b\u30d3\u30b8\u30e5\u30a2\u30eb\u3092\u63a1\u7528\u3002\u6c42\u8077\u8005\u3068\u4f01\u696d\u69d8\u306e\u5165\u308a\u53e3\u3092\u660e\u78ba\u5316\u3002\n         - \u4e8b\u696d\u7d39\u4ecb (3\u9818\u57df): \u7269\u6d41\u30921\u5217\u3067\u7279\u5927\u30a2\u30d4\u30fc\u30eb\u3057\u3001\u4ed62\u3064\u30922\u30ab\u30e9\u30e0\u3067\u4e26\u5217\u5316\u3002\u300c\u6709\u6599\u8077\u696d\u7d39\u4ecb\u300d\u306f\u30b0\u30ec\u30fc\u30a2\u30a6\u30c8\u3055\u305b\u3066\u610f\u56f3\u7684\u306b\u512a\u5148\u5ea6\u3092\u843d\u3068\u3059\u3002\n         - \u30b3\u30b9\u30c8\u63a8\u79fb\u30b0\u30e9\u30d5: Chart.js\u3092\u4f7f\u7528\u3002\u30dc\u30bf\u30f3\u5207\u308a\u66ff\u3048\u3067\u300c\u6a19\u6e96\u524a\u6e1b\u300d\u3068\u300c\u9ad8\u52b9\u7387\u524a\u6e1b\u300d\u306e\u30b7\u30ca\u30ea\u30aa\u3092\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u306b\u5909\u66f4\u3002\n         - \u6c42\u4eba\u60c5\u5831: 2\u679a\u306e\u30e2\u30c0\u30f3\u306a\u30ab\u30fc\u30c9\u30c7\u30b6\u30a4\u30f3\u3002Indeed\u7b49\u3078\u306e\u5916\u90e8\u30dc\u30bf\u30f3\u30ea\u30f3\u30af\u3092\u8a2d\u7f6e\uff08\u5225\u30bf\u30d6\u958b\u304d\uff09\u3002\n         - \u554f\u3044\u5408\u308f\u305b\u30d5\u30a9\u30fc\u30e0: \u9001\u4fe1\u3092\u30b7\u30df\u30e5\u30ec\u30fc\u30c8\u3059\u308bJS\u6a5f\u80fd\u3092\u642d\u8f09\u3057\u3001\u9001\u4fe1\u6210\u529f\u6642\u306b\u7f8e\u3057\u3044\u30ab\u30fc\u30c9\u8868\u793a\u3078\u5207\u308a\u66ff\u3048\u3002\n    -->\n    <!-- CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. -->\n\n    <!-- Tailwind CSS CDN -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <!-- Google Fonts (Noto Sans JP \/ Montserrat) -->\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=Montserrat:wght@400;600;800&amp;family=Noto+Sans+JP:wght@300;400;500;700&amp;display=swap\" rel=\"stylesheet\">\n    <!-- FontAwesome for beautiful icons (No SVG elements used directly) -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n    <!-- Chart.js for data simulation -->\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        brand: {\n                            navy: '#0F172A',\n                            blue: '#3B82F6',\n                            ice: '#F8FAFC',\n                            slate: '#475569',\n                            dark: '#1E293B'\n                        }\n                    },\n                    fontFamily: {\n                        sans: ['Noto Sans JP', 'Montserrat', 'sans-serif'],\n                    }\n                }\n            }\n        }\n    <\/script>\n    <style>\n        html {\n            scroll-behavior: smooth;\n        }\n        \/* Custom scrollbar to match premium UI *\/\n        ::-webkit-scrollbar {\n            width: 8px;\n        }\n        ::-webkit-scrollbar-track {\n            background: #F8FAFC;\n        }\n        ::-webkit-scrollbar-thumb {\n            background: #CBD5E1;\n            border-radius: 4px;\n        }\n        ::-webkit-scrollbar-thumb:hover {\n            background: #94A3B8;\n        }\n        \/* Chart container constraint matching requirements *\/\n        .chart-container {\n            position: relative;\n            width: 100%;\n            max-width: 800px;\n            margin-left: auto;\n            margin-right: auto;\n            height: 320px;\n            max-height: 400px;\n        }\n        @media (min-width: 768px) {\n            .chart-container {\n                height: 380px;\n            }\n        }\n    <\/style>\n\n\n\n    <!-- HEADER \/ NAVIGATION -->\n    <header class=\"fixed top-0 left-0 w-full bg-white\/90 backdrop-blur-md z-50 border-b border-slate-100\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-20 flex items-center justify-between\">\n            <div class=\"flex items-center gap-3\">\n                <div class=\"w-10 h-10 bg-brand-blue rounded-xl flex items-center justify-center text-white font-extrabold text-xl shadow-md shadow-brand-blue\/30\">\n                    S\n                <\/div>\n                <div>\n                    <span class=\"font-bold text-lg text-brand-navy tracking-tight block\">LOGISTICS &amp; CONSULTING<\/span>\n                    <span class=\"text-[10px] text-slate-400 -mt-1 block uppercase tracking-wider font-semibold\">Strategic Partners<\/span>\n                <\/div>\n            <\/div>\n            \n            <nav class=\"hidden md:flex items-center gap-8 font-medium text-xs text-brand-navy\">\n                <a href=\"#about-intro\" class=\"hover:text-brand-blue transition-colors\">ABOUT <span class=\"text-[9px] block text-slate-400 font-normal\">\u4f01\u696d\u30d3\u30b8\u30e7\u30f3<\/span><\/a>\n                <a href=\"#services\" class=\"hover:text-brand-blue transition-colors\">SERVICES <span class=\"text-[9px] block text-slate-400 font-normal\">\u4e8b\u696d\u9818\u57df<\/span><\/a>\n                <a href=\"#insights\" class=\"hover:text-brand-blue transition-colors\">DATA ANALYSIS <span class=\"text-[9px] block text-slate-400 font-normal\">\u5b9f\u7e3e\u30c7\u30fc\u30bf<\/span><\/a>\n                <a href=\"#jobs\" class=\"hover:text-brand-blue transition-colors\">RECRUIT <span class=\"text-[9px] block text-slate-400 font-normal\">\u6c42\u4eba\u6848\u4ef6<\/span><\/a>\n                <a href=\"#contact\" class=\"bg-brand-navy text-white px-5 py-2.5 rounded-full hover:bg-brand-blue transition-all duration-300 shadow-md\">CONTACT <span class=\"text-[9px] inline-block ml-1\">\u304a\u554f\u3044\u5408\u308f\u305b<\/span><\/a>\n            <\/nav>\n        <\/div>\n    <\/header>\n\n    <!-- HERO SECTION -->\n    <section class=\"relative min-h-screen flex items-center justify-center pt-20 bg-brand-navy overflow-hidden\">\n        <div class=\"absolute inset-0 z-0\">\n            <!-- Background Image with fallback -->\n            <img decoding=\"async\" src=\"https:\/\/honestlly.com\/wp-content\/uploads\/2026\/05\/charlesdeluvio-Lks7vei-eAg-unsplash-300x200.jpg\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1578575437130-527eed3abbec?auto=format&amp;fit=crop&amp;q=80&amp;w=1920'\" alt=\"[Image of \u7269\u6d41\u5009\u5eab]\" class=\"w-full h-full object-cover opacity-20\">\n            <div class=\"absolute inset-0 bg-gradient-to-b from-brand-navy via-brand-navy\/95 to-brand-navy\"><\/div>\n        <\/div>\n\n        <div class=\"relative z-10 max-w-5xl mx-auto px-4 text-center text-white py-16\">\n            <span class=\"text-brand-blue font-bold tracking-[0.3em] uppercase text-xs sm:text-sm block mb-4\">INNOVATION &amp; SOLUTIONS<\/span>\n            <h1 class=\"text-4xl sm:text-6xl lg:text-7xl font-extrabold tracking-tight leading-none mb-8\">\n                NEXT GEN<br>STRATEGY\n            <\/h1>\n            <div class=\"w-16 h-[3px] bg-brand-blue mx-auto my-6\"><\/div>\n            <p class=\"text-base sm:text-lg text-slate-300 font-light max-w-2xl mx-auto mb-16 leading-relaxed\">\n                \u7269\u6d41\u30a2\u30a6\u30c8\u30bd\u30fc\u30b7\u30f3\u30b0 \u00d7 \u4f01\u696d\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0<br>\n                <span class=\"text-sm text-slate-400 mt-2 block\">\u78ba\u304b\u306a\u73fe\u5834\u5b9f\u884c\u529b\u3068\u30b9\u30de\u30fc\u30c8\u306a\u7d44\u7e54\u6539\u9769\u3067\u3001\u6b21\u4e16\u4ee3\u306e\u30d3\u30b8\u30cd\u30b9\u57fa\u76e4\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002<\/span>\n            <\/p>\n\n            <!-- 2-WAY PATHWAY SELECTOR -->\n            <div class=\"grid sm:grid-cols-2 gap-6 max-w-3xl mx-auto mt-8 text-left\">\n                <!-- FOR CANDIDATES -->\n                <a href=\"#jobs\" class=\"group relative bg-white\/5 hover:bg-white\/10 border border-white\/10 rounded-2xl p-6 sm:p-8 transition-all duration-300 flex flex-col justify-between backdrop-blur-sm overflow-hidden\">\n                    <div>\n                        <div class=\"w-12 h-12 bg-brand-blue\/20 rounded-xl flex items-center justify-center text-brand-blue mb-6\">\n                            <i class=\"fa-solid fa-user-tie text-xl\" aria-hidden=\"true\"><\/i>\n                        <\/div>\n                        <span class=\"text-xs text-brand-blue font-bold tracking-widest block mb-1\">FOR CANDIDATES<\/span>\n                        <h3 class=\"text-xl font-bold text-white mb-2\">\u6c42\u8077\u8005\u69d8\u306f\u3053\u3061\u3089<\/h3>\n                        <p class=\"text-xs text-slate-400 leading-relaxed\">\u672a\u7d4c\u9a13\u304b\u3089\u6d3b\u8e8d\u3067\u304d\u308b\u5b89\u5b9a\u3057\u305f\u7269\u6d41\u73fe\u5834\u3084\u3001\u4e8b\u52d9\u30aa\u30da\u30ec\u30fc\u30bf\u30fc\u306e\u304a\u4ed5\u4e8b\u60c5\u5831\u3092\u3054\u6848\u5185\u3057\u307e\u3059\u3002<\/p>\n                    <\/div>\n                    <div class=\"mt-8 flex items-center gap-2 text-xs text-white font-bold group-hover:text-brand-blue transition-colors\">\n                        \u73fe\u5728\u52df\u96c6\u4e2d\u306e\u6c42\u4eba\u3092\u898b\u308b <i class=\"fa-solid fa-arrow-right text-[10px] group-hover:translate-x-1 transition-transform\" aria-hidden=\"true\"><\/i>\n                    <\/div>\n                <\/a>\n\n                <!-- FOR CORPORATE -->\n                <a href=\"#contact\" class=\"group relative bg-brand-blue hover:bg-blue-600 rounded-2xl p-6 sm:p-8 transition-all duration-300 flex flex-col justify-between shadow-lg shadow-brand-blue\/20 overflow-hidden\">\n                    <div>\n                        <div class=\"w-12 h-12 bg-white\/20 rounded-xl flex items-center justify-center text-white mb-6\">\n                            <i class=\"fa-solid fa-building text-xl\" aria-hidden=\"true\"><\/i>\n                        <\/div>\n                        <span class=\"text-xs text-blue-200 font-bold tracking-widest block mb-1\">FOR EMPLOYERS<\/span>\n                        <h3 class=\"text-xl font-bold text-white mb-2\">\u4f01\u696d\u62c5\u5f53\u8005\u69d8\u306f\u3053\u3061\u3089<\/h3>\n                        <p class=\"text-xs text-blue-100\/80 leading-relaxed\">\u73fe\u5834\u306e\u30ce\u30f3\u30b3\u30a2\u696d\u52d9\u59d4\u8a17\u304b\u3089\u3001\u63a1\u7528\u30fb\u30df\u30b9\u30de\u30c3\u30c1\u9632\u6b62\u306b\u95a2\u3059\u308b\u30b3\u30f3\u30b5\u30eb\u30d7\u30e9\u30f3\u306e\u3054\u76f8\u8ac7\u306f\u3053\u3061\u3089\u3002<\/p>\n                    <\/div>\n                    <div class=\"mt-8 flex items-center gap-2 text-xs text-white font-bold\">\n                        \u30b5\u30fc\u30d3\u30b9\u5c0e\u5165\u30fb\u3054\u76f8\u8ac7 <i class=\"fa-solid fa-arrow-right text-[10px] group-hover:translate-x-1 transition-transform\" aria-hidden=\"true\"><\/i>\n                    <\/div>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- SECTION: ABOUT INTRO -->\n    <section id=\"about-intro\" class=\"py-20 bg-brand-ice border-b border-slate-100\">\n        <div class=\"max-w-4xl mx-auto px-4 sm:px-6 text-center\">\n            <span class=\"text-brand-blue font-bold tracking-widest uppercase text-xs block mb-2\">ABOUT OUR MISSION<\/span>\n            <h2 class=\"text-3xl font-extrabold text-brand-navy mb-6\">\u5b9f\u614b\u306b\u57fa\u3065\u304f\u3001\u4fe1\u983c\u306e\u30d1\u30fc\u30c8\u30ca\u30fc\u30b7\u30c3\u30d7<\/h2>\n            <p class=\"text-brand-slate text-sm sm:text-base leading-relaxed max-w-3xl mx-auto\">\n                \u5f53\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001\u79c1\u305f\u3061\u306e\u4f01\u696d\u7406\u5ff5\u3068\u4e8b\u696d\u5b9f\u614b\u306b\u3064\u3044\u3066\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002\u79c1\u305f\u3061\u306f\u5358\u306a\u308b\u300c\u7d39\u4ecb\u696d\u300d\u3084\u300c\u53e3\u982d\u306e\u307f\u306e\u30b3\u30f3\u30b5\u30eb\u300d\u306b\u7559\u307e\u308a\u307e\u305b\u3093\u3002\u73fe\u5728\u6700\u3082\u5f37\u307f\u3092\u6301\u3064\u300c\u7269\u6d41\u30a2\u30a6\u30c8\u30bd\u30fc\u30b7\u30f3\u30b0\u300d\u3068\u3044\u3046\u5b9f\u52d9\u904b\u55b6\u73fe\u5834\u3092\u81ea\u3089\u62b1\u3048\u3001\u305d\u306e\u30ea\u30a2\u30eb\u306a\u77e5\u898b\u3092\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\u306b\u76f4\u7d50\u3055\u305b\u3066\u3044\u307e\u3059\u3002\n            <\/p>\n        <\/div>\n    <\/section>\n\n    <!-- SECTION: SERVICES (Core Pillars) -->\n    <section id=\"services\" class=\"py-24 sm:py-32 bg-white\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            \n            <!-- Section Intro -->\n            <div class=\"text-center max-w-3xl mx-auto mb-20\">\n                <span class=\"text-brand-blue font-bold tracking-widest uppercase text-xs block mb-2\">OUR BUSINESS<\/span>\n                <h2 class=\"text-3xl sm:text-4xl font-extrabold text-brand-navy tracking-tight\">\n                    BUSINESS AREAS\n                <\/h2>\n                <span class=\"text-xs text-slate-400 block mt-1 font-semibold uppercase\">\u4e8b\u696d\u9818\u57df<\/span>\n                <p class=\"text-slate-500 text-sm mt-4\">\n                    \u79c1\u305f\u3061\u304c\u63d0\u4f9b\u3059\u308b\u4e8b\u696d\u9818\u57df\u306e\u5168\u4f53\u50cf\u3067\u3059\u3002\u4e3b\u529b\u3068\u306a\u308b\u300c\u7269\u6d41\u30a2\u30a6\u30c8\u30bd\u30fc\u30b7\u30f3\u30b0\u300d\u3092\u4e2d\u6838\u3068\u3057\u3001\u5404\u4e8b\u696d\u304c\u6709\u6a5f\u7684\u306b\u9023\u643a\u3059\u308b\u3053\u3068\u3067\u3001\u4f01\u696d\u306e\u3042\u3089\u3086\u308b\u30ea\u30bd\u30fc\u30b9\u7ba1\u7406\u3092\u5f37\u529b\u306b\u4e0b\u652f\u3048\u3057\u307e\u3059\u3002\n                <\/p>\n            <\/div>\n\n            <!-- Services Structures -->\n            <div class=\"space-y-12\">\n                \n                <!-- 01. LOGISTICS OUTSOURCING (CORE - FULL WIDTH CARD) -->\n                <div class=\"bg-brand-ice rounded-3xl p-8 sm:p-12 lg:p-16 border border-slate-100 shadow-sm overflow-hidden\">\n                    <div class=\"grid lg:grid-cols-12 gap-12 items-center\">\n                        <div class=\"lg:col-span-7\">\n                            <div class=\"flex items-center gap-4 mb-4\">\n                                <span class=\"text-4xl sm:text-5xl font-extrabold text-brand-blue\/30 tracking-tight font-mono\">01<\/span>\n                                <div class=\"h-[1px] w-12 bg-brand-blue\"><\/div>\n                                <span class=\"text-[10px] text-slate-400 font-bold uppercase tracking-widest\">Main core pillar<\/span>\n                            <\/div>\n                            <h3 class=\"text-2xl sm:text-3xl font-extrabold text-brand-navy mb-4\">\n                                LOGISTICS OUTSOURCING<br>\n                                <span class=\"text-xs sm:text-sm text-brand-slate font-medium block mt-1\">\u7269\u6d41\u30a2\u30a6\u30c8\u30bd\u30fc\u30b7\u30f3\u30b0\u4e8b\u696d<\/span>\n                            <\/h3>\n                            <p class=\"text-brand-slate text-sm leading-relaxed mb-8\">\n                                \u5f53\u793e\u306e\u57fa\u76e4\u3067\u3042\u308a\u3001\u6700\u3082\u5f97\u610f\u3068\u3059\u308b\u30b3\u30a2\u9818\u57df\u3067\u3059\u3002\u5c5e\u4eba\u5316\u3057\u3084\u3059\u3044\u7269\u6d41\u5009\u5eab\u5185\u696d\u52d9\u306e\u6d17\u3044\u51fa\u3057\u304b\u3089\u3001\u52b9\u7387\u5316\u30fb\u6a19\u6e96\u5316\u3001\u5b9f\u969b\u306e\u4ee3\u884c\u904b\u55b6\u307e\u3067\u3092\u30c8\u30fc\u30bf\u30eb\u3067\u5b9f\u884c\u3057\u307e\u3059\u3002\u5b9f\u52d9\u3092\u5b8c\u5168\u306b\u5f15\u304d\u53d7\u3051\u308b\u3053\u3068\u3067\u3001\u8cb4\u793e\u304c\u4e3b\u529b\u30b3\u30a2\u4e8b\u696d\u306b\u5b8c\u5168\u306b\u30d5\u30a9\u30fc\u30ab\u30b9\u3067\u304d\u308b\u76e4\u77f3\u306a\u4f53\u5236\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002\n                            <\/p>\n                            <div class=\"grid sm:grid-cols-2 gap-4\">\n                                <div class=\"flex gap-3 items-start bg-white p-4 rounded-xl border border-slate-100\">\n                                    <i class=\"fa-solid fa-circle-check text-brand-blue mt-1\" aria-hidden=\"true\"><\/i>\n                                    <div>\n                                        <h4 class=\"font-bold text-brand-navy text-xs\">\u696d\u52d9\u30d5\u30ed\u30fc\u306e\u5b8c\u5168\u6a19\u6e96\u5316<\/h4>\n                                        <p class=\"text-[11px] text-slate-500 mt-1\">\u30de\u30cb\u30e5\u30a2\u30eb\u4f5c\u6210\u3068\u30b9\u30bf\u30c3\u30d5\u6559\u80b2\u306b\u3088\u308a\u3001\u5c5e\u4eba\u5316\u306b\u3088\u308b\u54c1\u8cea\u30e0\u30e9\u3092\u5b8c\u5168\u306b\u306a\u304f\u3057\u307e\u3059\u3002<\/p>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"flex gap-3 items-start bg-white p-4 rounded-xl border border-slate-100\">\n                                    <i class=\"fa-solid fa-circle-check text-brand-blue mt-1\" aria-hidden=\"true\"><\/i>\n                                    <div>\n                                        <h4 class=\"font-bold text-brand-navy text-xs\">\u7e41\u9591\u5bfe\u5fdc\u578b\u30a2\u30b5\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0<\/h4>\n                                        <p class=\"text-[11px] text-slate-500 mt-1\">\u51fa\u8377\u91cf\u306e\u30b7\u30fc\u30ba\u30f3\u6ce2\u52d5\u306b\u5fdc\u3058\u305f\u6700\u9069\u306a\u4eba\u54e1\u914d\u7f6e\u3067\u3001\u904e\u5270\u306a\u56fa\u5b9a\u8cbb\u3092\u6392\u9664\u3057\u307e\u3059\u3002<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"lg:col-span-5 h-[280px] lg:h-full min-h-[280px] rounded-2xl overflow-hidden shadow-sm\">\n                            <img decoding=\"async\" src=\"https:\/\/honestlly.com\/wp-content\/uploads\/2026\/05\/charlesdeluvio-Lks7vei-eAg-unsplash-300x200.jpg\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1586528116311-ad8dd3c8310d?auto=format&amp;fit=crop&amp;q=80&amp;w=1000'\" alt=\"\" class=\"w-full h-full object-cover\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- 02 & 03 SIDE BY SIDE (03 is strategically visual-attenuated \/ grayed-out to keep it low key) -->\n                <div class=\"grid md:grid-cols-2 gap-8\">\n                    <!-- 02. CORPORATE CONSULTING -->\n                    <div class=\"bg-white rounded-3xl p-8 sm:p-10 border border-slate-100 shadow-sm flex flex-col justify-between hover:shadow-md transition-shadow duration-300\">\n                        <div>\n                            <div class=\"flex items-center gap-4 mb-4\">\n                                <span class=\"text-3xl font-extrabold text-brand-navy\/20 tracking-tight font-mono\">02<\/span>\n                                <div class=\"h-[1px] w-8 bg-slate-200\"><\/div>\n                                <span class=\"text-[10px] text-slate-400 font-bold uppercase tracking-widest\">Growth Support<\/span>\n                            <\/div>\n                            <h3 class=\"text-xl sm:text-2xl font-extrabold text-brand-navy mb-4\">\n                                CORPORATE CONSULTING<br>\n                                <span class=\"text-xs text-brand-slate font-medium block mt-1\">\u4f01\u696d\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\u4e8b\u696d<\/span>\n                            <\/h3>\n                            <p class=\"text-brand-slate text-xs leading-relaxed mb-6\">\n                                \u4eba\u6750\u306e\u96e2\u8077\u9632\u6b62\u3001\u63a1\u7528\u30b3\u30b9\u30c8\u306e\u6700\u9069\u5316\u3001\u30df\u30b9\u30de\u30c3\u30c1\u306e\u306a\u3044\u7d44\u7e54\u4f53\u5236\u69cb\u7bc9\u306b\u76f4\u7d50\u3059\u308b\u6226\u7565\u3092\u3054\u63d0\u6848\u3057\u307e\u3059\u3002\u81ea\u793e\u304c\u62b1\u3048\u308b\u7269\u6d41\u30a2\u30a6\u30c8\u30bd\u30fc\u30b7\u30f3\u30b0\u73fe\u5834\u3067\u306e\u30ea\u30a2\u30eb\u306a\u30b9\u30bf\u30c3\u30d5\u7ba1\u7406\u624b\u6cd5\u3092\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\u306b\u9084\u5143\u3057\u3001\u7d75\u306b\u63cf\u3044\u305f\u9905\u3067\u306f\u306a\u3044\u3001\u4f34\u8d70\u578b\u306e\u7d44\u7e54\u6539\u9769\u3092\u304a\u624b\u4f1d\u3044\u3057\u307e\u3059\u3002\n                            <\/p>\n                        <\/div>\n                        <div class=\"pt-6 border-t border-slate-50 flex items-center gap-3 text-[10px] font-semibold text-slate-500\">\n                            <span class=\"bg-slate-100 px-2 py-1 rounded\">\u63a1\u7528\u30d6\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0<\/span>\n                            <span class=\"bg-slate-100 px-2 py-1 rounded\">\u7d44\u7e54\u30c7\u30b6\u30a4\u30f3<\/span>\n                            <span class=\"bg-slate-100 px-2 py-1 rounded\">\u5b9f\u52d9\u9023\u52d5\u30b5\u30dd\u30fc\u30c8<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <!-- 03. TALENT ACQUISITION (DISCREET & COMPLIANCE CONFIRMED) -->\n                    <div class=\"bg-brand-ice\/40 rounded-3xl p-8 sm:p-10 border border-slate-100 shadow-sm flex flex-col justify-between opacity-70\">\n                        <div>\n                            <div class=\"flex items-center gap-4 mb-4\">\n                                <span class=\"text-3xl font-extrabold text-slate-300 tracking-tight font-mono\">03<\/span>\n                                <div class=\"h-[1px] w-8 bg-slate-200\"><\/div>\n                                <span class=\"text-[10px] text-slate-400 font-bold uppercase tracking-widest\">Compliance License<\/span>\n                            <\/div>\n                            <h3 class=\"text-xl sm:text-2xl font-extrabold text-slate-500 mb-4\">\n                                TALENT ACQUISITION<br>\n                                <span class=\"text-xs text-slate-400 font-medium block mt-1\">\u6709\u6599\u8077\u696d\u7d39\u4ecb\u4e8b\u696d\uff08\u539a\u751f\u52b4\u50cd\u5927\u81e3\u8a31\u53ef\uff09<\/span>\n                            <\/h3>\n                            <p class=\"text-slate-400 text-xs leading-relaxed mb-6\">\n                                \u5f53\u793e\u306f\u6b63\u898f\u306e\u6709\u6599\u8077\u696d\u7d39\u4ecb\u4e8b\u696d\u8a31\u53ef\u3092\u4fdd\u6301\u3057\u3066\u3044\u307e\u3059\u3002\u73fe\u5728\u306f\u4e3b\u529b\u306e\u81ea\u793e\u696d\u52d9\u4ee3\u884c\u3078\u96c6\u4e2d\u3057\u3066\u3044\u308b\u305f\u3081\u3001\u672c\u30e9\u30a4\u30bb\u30f3\u30b9\u3092\u6d3b\u304b\u3057\u305f\u7a4d\u6975\u7684\u306a\u7b2c\u4e09\u8005\u6d3e\u9063\u3084\u4eba\u6750\u7d39\u4ecb\u306e\u55b6\u696d\u6d3b\u52d5\u306f\u6291\u5236\u3057\u3066\u304a\u308a\u307e\u3059\u304c\u3001\u6cd5\u4ee4\u3092\u9075\u5b88\u3057\u305f\u3001\u5c06\u6765\u7684\u306a\u30cb\u30fc\u30ba\u3078\u306e\u53d7\u3051\u76bf\u304a\u3088\u3073\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u3078\u306e\u4fe1\u983c\u8a3c\u660e\u3068\u3057\u3066\u30e9\u30a4\u30bb\u30f3\u30b9\u3092\u7dad\u6301\u7ba1\u7406\u3057\u3066\u3044\u307e\u3059\u3002\n                            <\/p>\n                        <\/div>\n                        <div class=\"pt-6 border-t border-slate-100 text-[10px] text-slate-400 leading-relaxed font-mono\">\n                            \u8a31\u53ef\u756a\u53f7\uff1a23-\u30e6-302595 [\u539a\u751f\u52b4\u50cd\u5927\u81e3\u8a31\u53ef]\n                        <\/div>\n                    <\/div>\n\n <img decoding=\"async\" src=\"https:\/\/honestlly.com\/wp-content\/uploads\/2026\/05\/carl-heyerdahl-KE0nC8-58MQ-unsplash-300x200.jpg\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1586528116311-ad8dd3c8310d?auto=format&amp;fit=crop&amp;q=80&amp;w=1000'\" alt=\"\" class=\"w-full h-full object-cover\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n\n            \n        \n    <\/section>\n\n   \n\n\n    <!-- SECTION: ACTIVE JOBS (Recruitment Area) -->\n    <section id=\"jobs\" class=\"py-24 bg-brand-navy text-white relative overflow-hidden\">\n        <!-- Background decorative overlay -->\n        <div class=\"absolute inset-0 z-0 opacity-10\">\n            <img decoding=\"async\" src=\"https:\/\/honestlly.com\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_etsrmsetsrmsetsr-300x163.png\" alt=\"\" class=\"w-full h-full object-cover\">\n        <\/div>\n\n        <div class=\"relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            \n            <!-- Section Intro -->\n            <div class=\"text-center max-w-3xl mx-auto mb-16\">\n                <span class=\"text-brand-blue font-bold tracking-widest uppercase text-xs block mb-2\">RECRUIT \/ JOBS<\/span>\n                <h2 class=\"text-3xl font-extrabold tracking-tight\">\u52df\u96c6\u4e2d\u306e\u30a2\u30af\u30c6\u30a3\u30d6\u30d7\u30ed\u30b8\u30a7\u30af\u30c8<\/h2>\n                <span class=\"text-xs text-slate-400 block mt-1 font-semibold uppercase\">\u6c42\u4eba\u60c5\u5831<\/span>\n                <p class=\"text-slate-300 text-sm mt-4\">\n                    \u73fe\u5728\u3001\u5f53\u793e\u304c\u5143\u8acb\u3051\u3068\u3057\u3066\u904b\u55b6\u7ba1\u7406\u3092\u62c5\u5f53\u3057\u3066\u3044\u308b\u300c\u7269\u6d41\u30a2\u30a6\u30c8\u30bd\u30fc\u30b7\u30f3\u30b0\u73fe\u5834\u300d\u304a\u3088\u3073\u300c\u62e0\u70b9\u4e8b\u52d9\u5c40\u300d\u306e\u6c42\u4eba\u3067\u3059\u3002\u8a73\u7d30\u60c5\u5831\u306f\u9023\u643a\u3057\u3066\u3044\u308b\u5927\u624b\u6c42\u4eba\u5a92\u4f53\u7b49\u3067\u6700\u65b0\u72b6\u6cc1\u3092\u78ba\u8a8d\u306e\u3046\u3048\u3001\u5b89\u5168\u306b\u30a8\u30f3\u30c8\u30ea\u30fc\u53ef\u80fd\u3067\u3059\u3002\n                <\/p>\n            <\/div>\n\n            <!-- Job cards grid layout -->\n            <div class=\"grid md:grid-cols-2 gap-8 max-w-5xl mx-auto\">\n                \n               <!-- ACTIVE JOBS SECTION (\u6c42\u4eba\u60c5\u5831\u30bb\u30af\u30b7\u30e7\u30f3\u5358\u4f53) -->\n<section id=\"jobs\" class=\"py-24 bg-[#0F172A] text-white relative overflow-hidden\">\n    <!-- \u88c5\u98fe\u7528\u306e\u30d0\u30c3\u30af\u30b0\u30e9\u30a6\u30f3\u30c9\u30d1\u30bf\u30fc\u30f3 -->\n    <div class=\"absolute inset-0 z-0 opacity-10\">\n        <div class=\"absolute top-0 left-0 w-96 h-96 bg-[#3B82F6] rounded-full blur-3xl -translate-x-1\/2 -translate-y-1\/2\"><\/div>\n        <div class=\"absolute bottom-0 right-0 w-96 h-96 bg-emerald-500 rounded-full blur-3xl translate-x-1\/2 translate-y-1\/2\"><\/div>\n    <\/div>\n\n    <div class=\"relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n        <!-- \u6c42\u4eba\u30ab\u30fc\u30c9\u30b3\u30f3\u30c6\u30ca\uff08\u4e2d\u592e\u306b1\u4ef6\u914d\u7f6e\uff09 -->\n        <div class=\"max-w-xl mx-auto\">\n            <div class=\"bg-white\/5 border border-white\/10 rounded-2xl p-8 flex flex-col justify-between backdrop-blur-sm hover:border-[#3B82F6]\/50 transition-all duration-300 shadow-xl\">\n                <div class=\"mb-8\">\n                    <!-- \u6c42\u4eba\u6848\u4ef6\u30bf\u30a4\u30c8\u30eb -->\n                    <h3 class=\"text-xl sm:text-2xl font-bold mb-4 leading-snug\">\n                        \u3010\u90312\u65e5\u00d722\uff0d7\u6642\u3011\u5927\u624b\u7269\u6d41\u5009\u5eab\u3067\u8377\u7269\u306e\u4ed5\u5206\u3051\n                    <\/h3>\n                    \n                    <!-- \u6c42\u4eba\u8a73\u7d30\u8aac\u660e -->\n                    <p class=\"text-xs sm:text-sm text-slate-300 leading-relaxed\">\n                        \u6c42\u4eba\u8a73\u7d30\u306f\u4ee5\u4e0b\u30ea\u30f3\u30af\u304b\u3089\u3054\u89a7\u304f\u3060\u3055\u3044\n                    <\/p>\n                <\/div>\n                \n                <!-- \u6c42\u4eba\u8a73\u7d30\u30da\u30fc\u30b8\u3078\u30ea\u30f3\u30af -->\n                <a href=\"https:\/\/arwrk.net\/recruit\/v3dlqc78y36xpnj\" target=\"_blank\" rel=\"noopener\" class=\"w-full text-center py-4 bg-[#3B82F6] hover:bg-blue-600 text-white text-xs sm:text-sm font-bold rounded-xl transition-all duration-300 block shadow-md shadow-blue-500\/20\">\n                    \u6c42\u4eba\u8a73\u7d30\u3092\u898b\u308b <i class=\"fa-solid fa-arrow-up-right-from-square text-[10px] ml-1.5\" aria-hidden=\"true\"><\/i>\n                <\/a>\n            <\/div>\n        <\/div>\n<\/div>\n\n<\/section>\n\n\n    <\/div>\n    <!-- SECTION: COMPANY PROFILE -->\n    <section id=\"about\" class=\"py-24 bg-white\">\n        <div class=\"max-w-4xl mx-auto px-4 sm:px-6\">\n            <div class=\"text-center max-w-3xl mx-auto mb-16\">\n                <span class=\"text-brand-blue font-bold tracking-widest uppercase text-xs block mb-2\">CORPORATE OUTLINE<\/span>\n                <h2 class=\"text-2xl sm:text-3xl font-extrabold text-brand-navy\">\u4f1a\u793e\u6982\u8981<\/h2>\n                <span class=\"text-xs text-slate-400 block mt-1 font-semibold uppercase\">\u4f01\u696d\u60c5\u5831<\/span>\n            <\/div>\n\n            <!-- Highly-styled clean HTML Table -->\n            <div class=\"border border-slate-100 rounded-2xl overflow-hidden shadow-sm\">\n                <table class=\"w-full text-left border-collapse\">\n                    <tbody>\n                        <tr class=\"border-b border-slate-100\">\n                            <th class=\"py-5 px-6 bg-brand-ice text-brand-navy font-bold text-xs sm:text-sm w-1\/3\">\u4f1a\u793e\u540d<\/th>\n                            <td class=\"py-5 px-6 text-xs sm:text-sm text-brand-slate\">\u682a\u5f0f\u4f1a\u793e\u30aa\u30cd\u30b9\u30c8\u30ea<\/td>\n                        <\/tr>\n                        <tr class=\"border-b border-slate-100\">\n                            <th class=\"py-5 px-6 bg-brand-ice text-brand-navy font-bold text-xs sm:text-sm\">\u4ee3\u8868\u53d6\u7de0\u5f79<\/th>\n                            <td class=\"py-5 px-6 text-xs sm:text-sm text-brand-slate\">\u4ee3\u8868\u53d6\u7de0\u5f79\u3000\u8107\u7530 \u8cb4\u5fd7<\/td>\n                        <\/tr>\n                        <tr class=\"border-b border-slate-100\">\n                            <th class=\"py-5 px-6 bg-brand-ice text-brand-navy font-bold text-xs sm:text-sm\">\u672c\u793e\u6240\u5728\u5730<\/th>\n                            <td class=\"py-5 px-6 text-xs sm:text-sm text-brand-slate\">\u3012460-0002 \u611b\u77e5\u770c\u540d\u53e4\u5c4b\u5e02\u4e2d\u533a\u4e38\u306e\u5185\uff13\u4e01\u76ee\uff17\u756a\uff12\uff16\u53f7\n <\/td>\n                        <\/tr>\n                        <tr class=\"border-b border-slate-100\">\n                            <th class=\"py-5 px-6 bg-brand-ice text-brand-navy font-bold text-xs sm:text-sm\">\u4e8b\u696d\u9818\u57df<\/th>\n                            <td class=\"py-5 px-6 text-xs sm:text-sm text-brand-slate leading-relaxed\">\n                                \u7269\u6d41\u30a2\u30a6\u30c8\u30bd\u30fc\u30b7\u30f3\u30b0\u4e8b\u696d\u3001\u4f01\u696d\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\u4e8b\u696d\u3001\u6709\u6599\u8077\u696d\u7d39\u4ecb\u4e8b\u696d\n                            <\/td>\n                        <\/tr>\n                        <tr>\n                            <th class=\"py-5 px-6 bg-brand-ice text-brand-navy font-bold text-xs sm:text-sm\">\u95a2\u9023\u30e9\u30a4\u30bb\u30f3\u30b9<\/th>\n                            <td class=\"py-5 px-6 text-xs sm:text-sm text-brand-slate font-mono\">\u6709\u6599\u8077\u696d\u7d39\u4ecb\u4e8b\u696d\u8a31\u53ef\u756a\u53f7\uff1a23-\u30e6-302595<\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n<img decoding=\"async\" src=\"https:\/\/honestlly.com\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_etsrmsetsrmsetsr-300x163.png\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1586528116311-ad8dd3c8310d?auto=format&amp;fit=crop&amp;q=80&amp;w=1000'\" alt=\"\" class=\"w-full h-full object-cover\">\n                        <\/section><\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- SECTION: CONTACT & DISPATCH SIMULATOR -->\n    <section id=\"contact\" class=\"py-24 bg-brand-ice relative overflow-hidden\">\n        <div class=\"max-w-4xl mx-auto px-4 sm:px-6 relative z-10\">\n            \n            <!-- Section Intro -->\n            <div class=\"text-center max-w-3xl mx-auto mb-16\">\n                <span class=\"text-brand-blue font-bold tracking-widest uppercase text-xs block mb-2\">GET IN TOUCH<\/span>\n                <h2 class=\"text-3xl sm:text-4xl font-extrabold text-brand-navy\">\u304a\u554f\u3044\u5408\u308f\u305b\u30d5\u30a9\u30fc\u30e0<\/h2>\n                <span class=\"text-xs text-slate-400 block mt-1 font-semibold uppercase\">\u304a\u554f\u3044\u5408\u308f\u305b<\/span>\n                <p class=\"text-slate-500 text-sm mt-4\">\n                    \u7269\u6d41\u306e\u30a2\u30a6\u30c8\u30bd\u30fc\u30b7\u30f3\u30b0\u304b\u3089\u3001\u4f01\u696d\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\u306e\u3054\u4f9d\u983c\u30fb\u3054\u76f8\u8ac7\u307e\u3067\u3001\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002\u6539\u3081\u3066\u3054\u9023\u7d61\u3092\u5dee\u3057\u4e0a\u3052\u307e\u3059\u3002\n                <\/p>\n            <\/div>\n\n            <!-- Simulation Interactive Form Container -->\n            <div class=\"bg-white rounded-3xl p-8 sm:p-12 shadow-sm border border-slate-100 max-w-3xl mx-auto\">\n                \n                <!-- Interactive message box placeholder -->\n                <div id=\"simulation-success-box\" class=\"hidden mb-6 p-4 rounded-xl border border-emerald-100 bg-emerald-50 text-emerald-800\">\n                    <!-- Dynamic feedback will render here via JS safely -->\n                <\/div>\n\n                <form id=\"dispatch-contact-form\" onsubmit=\"executeFormSimulation(event)\" class=\"space-y-6\">\n                    <div>\n                        <label class=\"block text-[10px] font-bold text-slate-500 uppercase tracking-wider mb-2\">\u8cb4\u793e\u540d \/ Organization<\/label>\n                        <input type=\"text\" id=\"form-org\" placeholder=\"\u682a\u5f0f\u4f1a\u793e\u3007\u3007\" class=\"w-full px-4 py-3 rounded-xl border border-slate-200 focus:outline-none focus:ring-2 focus:ring-brand-blue focus:border-transparent text-xs sm:text-sm\">\n                    <\/div>\n\n                    <div class=\"grid md:grid-cols-2 gap-6\">\n                        <div>\n                            <label class=\"block text-[10px] font-bold text-slate-500 uppercase tracking-wider mb-2\">\u304a\u540d\u524d \/ Full Name <span class=\"text-rose-500\">*<\/span><\/label>\n                            <input type=\"text\" id=\"form-name\" required=\"\" placeholder=\"\u5c71\u7530 \u592a\u90ce\" class=\"w-full px-4 py-3 rounded-xl border border-slate-200 focus:outline-none focus:ring-2 focus:ring-brand-blue focus:border-transparent text-xs sm:text-sm\">\n                        <\/div>\n                        <div>\n                            <label class=\"block text-[10px] font-bold text-slate-500 uppercase tracking-wider mb-2\">\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9 \/ Email Address <span class=\"text-rose-500\">*<\/span><\/label>\n                            <input type=\"email\" id=\"form-email\" required=\"\" placeholder=\"contact@address.com\" class=\"w-full px-4 py-3 rounded-xl border border-slate-200 focus:outline-none focus:ring-2 focus:ring-brand-blue focus:border-transparent text-xs sm:text-sm\">\n                        <\/div>\n                    <\/div>\n\n                    <div>\n                        <label class=\"block text-[10px] font-bold text-slate-500 uppercase tracking-wider mb-2\">\u3054\u76f8\u8ac7\u30fb\u304a\u554f\u3044\u5408\u308f\u305b\u306e\u7a2e\u985e \/ Inquiry Category<\/label>\n                        <select id=\"form-category\" class=\"w-full px-4 py-3 rounded-xl border border-slate-200 focus:outline-none focus:ring-2 focus:ring-brand-blue focus:border-transparent text-xs sm:text-sm bg-white\">\n                            <option value=\"outsourcing\">\u30a2\u30a6\u30c8\u30bd\u30fc\u30b7\u30f3\u30b0\u306b\u3064\u3044\u3066\u306e\u3054\u76f8\u8ac7<\/option>\n                            <option value=\"consulting\">\u4f01\u696d\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\u306b\u3064\u3044\u3066\u306e\u3054\u76f8\u8ac7<\/option>\n                            <option value=\"jobs\">\u304a\u4ed5\u4e8b\u3092\u63a2\u3057\u3066\u3044\u308b\u65b9\uff08\u6c42\u8077\u8005\u69d8\uff09\u304b\u3089\u306e\u3054\u76f8\u8ac7<\/option>\n                            <option value=\"other\">\u305d\u306e\u4ed6\u4e00\u822c\u306e\u304a\u554f\u3044\u5408\u308f\u305b<\/option>\n                        <\/select>\n                    <\/div>\n\n                    <div>\n                        <label class=\"block text-[10px] font-bold text-slate-500 uppercase tracking-wider mb-2\">\u304a\u554f\u3044\u5408\u308f\u305b\u5185\u5bb9 \/ Message <span class=\"text-rose-500\">*<\/span><\/label>\n                        <textarea id=\"form-message\" required=\"\" rows=\"5\" placeholder=\"\u3054\u8cea\u554f\u3084\u73fe\u72b6\u62b1\u3048\u3066\u3044\u308b\u3054\u76f8\u8ac7\u5185\u5bb9\u3092\u8a18\u5165\u3057\u3066\u304f\u3060\u3055\u3044\u3002\" class=\"w-full px-4 py-3 rounded-xl border border-slate-200 focus:outline-none focus:ring-2 focus:ring-brand-blue focus:border-transparent text-xs sm:text-sm\"><\/textarea>\n                    <\/div>\n\n                    <div class=\"text-center pt-4\">\n                        <button type=\"submit\" class=\"w-full sm:w-auto px-10 py-4 bg-brand-navy hover:bg-brand-blue text-white text-xs sm:text-sm font-bold rounded-full transition-all duration-300 shadow-md\">\n                            \u4e0a\u8a18\u306e\u5185\u5bb9\u3067\u9001\u4fe1\u3059\u308b <span class=\"text-[9px] block font-light text-slate-400 -mt-0.5\">Send Message<\/span>\n                        <\/button>\n                    <\/div>\n                <\/form>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- FOOTER -->\n    <footer class=\"bg-brand-navy text-slate-400 py-16 border-t border-slate-800\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center sm:text-left\">\n            <div class=\"flex flex-col sm:flex-row items-center justify-between gap-6 mb-12\">\n                <div class=\"flex items-center gap-3\">\n                    <div class=\"w-10 h-10 bg-brand-blue rounded-lg flex items-center justify-center text-white font-extrabold text-xl\">\n                        S\n                    <\/div>\n                    <div>\n                        <span class=\"font-bold text-lg text-white tracking-tight block\">LOGISTICS &amp; CONSULTING<\/span>\n                        <span class=\"text-[10px] text-slate-500 -mt-1 block uppercase tracking-wider font-semibold\">Strategic Partners<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"flex gap-8 text-xs font-semibold\">\n                    <a href=\"#about-intro\" class=\"hover:text-white transition-colors\">\u30d3\u30b8\u30e7\u30f3<\/a>\n                    <a href=\"#services\" class=\"hover:text-white transition-colors\">\u4e8b\u696d\u5185\u5bb9<\/a>\n                    <a href=\"#insights\" class=\"hover:text-white transition-colors\">\u5b9f\u8a3c\u30c7\u30fc\u30bf<\/a>\n                    <a href=\"#jobs\" class=\"hover:text-white transition-colors\">\u6c42\u4eba\u6848\u4ef6<\/a>\n                <\/div>\n            <\/div>\n            <div class=\"border-t border-slate-800 pt-8 flex flex-col sm:flex-row justify-between items-center gap-4 text-[10px]\">\n                <p>\u00a9 2026 Honestlly. All rights reserved.<\/p>\n                <p class=\"text-slate-600\">\u6709\u6599\u8077\u696d\u7d39\u4ecb\u4e8b\u696d\u30e9\u30a4\u30bb\u30f3\u30b9\u4fdd\u6709<\/p>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n   \n\n        \n","protected":false},"excerpt":{"rendered":"<p>\u7269\u6d41\u30a2\u30a6\u30c8\u30bd\u30fc\u30b7\u30f3\u30b0\uff06\u4f01\u696d\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0 - \u682a\u5f0f\u4f1a\u793e\u3007\u3007\u3007\u3007 S LOGISTICS &amp; CONSULTING Strategic Partners ABOUT \u4f01\u696d\u30d3\u30b8\u30e7\u30f3 SERVICES \u4e8b\u696d\u9818\u57df DA [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"sns_share_botton_hide":"","vkExUnit_sns_title":"","_vk_print_noindex":"","sitemap_hide":"","vkExUnit_sitemap":"","_veu_custom_css":"","veu_display_promotion_alert":"","_exclude_from_list_pages":"","vkexunit_cta_each_option":"","vkExUnit_childPageIndex":"","vkExUnit_pageList_ancestor":"","vkExUnit_contact_enable":"","_lightning_design_setting":{"layout":"col-one-no-subsection","site_body_padding":"true"},"footnotes":""},"class_list":["post-114","page","type-page","status-publish","hentry"],"veu_head_title_object":{"title":"","add_site_title":""},"_links":{"self":[{"href":"https:\/\/honestlly.com\/index.php?rest_route=\/wp\/v2\/pages\/114","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/honestlly.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/honestlly.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/honestlly.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/honestlly.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=114"}],"version-history":[{"count":15,"href":"https:\/\/honestlly.com\/index.php?rest_route=\/wp\/v2\/pages\/114\/revisions"}],"predecessor-version":[{"id":130,"href":"https:\/\/honestlly.com\/index.php?rest_route=\/wp\/v2\/pages\/114\/revisions\/130"}],"wp:attachment":[{"href":"https:\/\/honestlly.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}