{"id":10,"date":"2026-02-05T19:33:40","date_gmt":"2026-02-05T10:33:40","guid":{"rendered":"https:\/\/b-pilot.jp\/?page_id=10"},"modified":"2026-03-22T17:38:07","modified_gmt":"2026-03-22T08:38:07","slug":"10-2","status":"publish","type":"page","link":"https:\/\/b-pilot.jp\/","title":{"rendered":"NAKAOKA\u5546\u4f1a\u30c8\u30c3\u30d7\u30da\u30fc\u30b8"},"content":{"rendered":"\n<!-- Top Page Code: UI\/UX Updates (Menu, Banner, Spacing) -->\n<!-- \u30b3\u30fc\u30c9\u30a8\u30c7\u30a3\u30bf\u30fc\u3067\u8cbc\u308a\u4ed8\u3051\u3066\u304f\u3060\u3055\u3044 -->\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script>\n    tailwind.config = { theme: { extend: { colors: { brand: { red: \"#D32F2F\", black: \"#333333\", gray: \"#F5F5F5\", gold: \"#C5A059\" } }, fontFamily: { sans: ['\"Noto Sans JP\"', \"sans-serif\"], }, } } }\n<\/script>\n<script>\n        (function () {\n            const targetTitle = \"NAKAOKA\u5546\u4f1a | \u7dcf\u5408\u7f8e\u5bb9\u5546\u793e\";\n            document.title = targetTitle;\n            new MutationObserver(() => { if (document.title !== targetTitle) document.title = targetTitle; }).observe(document.querySelector('title'), { childList: true });\n\n            function nukeToshiki() {\n                const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, null, false);\n                let node;\n                while (node = walker.nextNode()) {\n                    if (node.nodeValue.match(\/Toshiki\/i)) node.nodeValue = node.nodeValue.replace(\/Toshiki\/gi, '');\n                }\n            }\n\n            document.addEventListener('DOMContentLoaded', () => {\n                const overlay = document.getElementById('nakaoka-overlay');\n                if (overlay) {\n                    document.body.appendChild(overlay);\n                    document.body.classList.add('nakaoka-active');\n                }\n                nukeToshiki();\n                new MutationObserver(nukeToshiki).observe(document.body, { childList: true, subtree: true });\n\n                \/\/ Back to Top Logic\n                const backToTop = document.getElementById('back-to-top');\n                window.addEventListener('scroll', () => {\n                    if (window.scrollY > 300) {\n                        backToTop.classList.remove('opacity-0', 'pointer-events-none');\n                    } else {\n                        backToTop.classList.add('opacity-0', 'pointer-events-none');\n                    }\n                });\n                backToTop.addEventListener('click', () => {\n                    window.scrollTo({ top: 0, behavior: 'smooth' });\n                });\n\n                \/\/ Simple Mobile Menu Logic\n                const menuBtn = document.getElementById('mobile-menu-btn');\n                const closeMenuBtn = document.getElementById('close-menu-btn');\n                const mobileMenu = document.getElementById('mobile-menu');\n\n                function toggleMenu() {\n                    mobileMenu.classList.toggle('hidden');\n                }\n\n                if (menuBtn) menuBtn.addEventListener('click', toggleMenu);\n                if (closeMenuBtn) closeMenuBtn.addEventListener('click', toggleMenu);\n\n                \/\/ Close menu when clicking links\n                const mobileLinks = mobileMenu.querySelectorAll('a');\n                mobileLinks.forEach(link => {\n                    link.addEventListener('click', toggleMenu);\n                });\n            });\n        })();\n<\/script>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&#038;display=swap\"\n    rel=\"stylesheet\">\n<link href=\"https:\/\/fonts.googleapis.com\/icon?family=Material+Icons+Outlined\" rel=\"stylesheet\">\n\n<style>\n    body.nakaoka-active>*:not(#nakaoka-overlay):not(script):not(style) {\n        display: none !important;\n    }\n\n    body.nakaoka-active {\n        margin: 0 !important;\n        padding: 0 !important;\n        background: white !important;\n        overflow-x: hidden !important;\n        overflow-y: auto !important;\n    }\n\n    #wpadminbar,\n    #masthead,\n    #colophon,\n    .wp-site-blocks,\n    footer,\n    .site-header,\n    .site-title {\n        display: none !important;\n    }\n\n    html {\n        margin-top: 0 !important;\n        overflow-y: auto !important;\n    }\n\n    .writing-vertical {\n        writing-mode: vertical-rl;\n        text-orientation: upright;\n    }\n\n    .no-scrollbar::-webkit-scrollbar {\n        display: none;\n    }\n\n    .no-scrollbar {\n        -ms-overflow-style: none;\n        scrollbar-width: none;\n    }\n<\/style>\n\n<div id=\"nakaoka-overlay\" class=\"relative w-full min-h-screen bg-white font-sans text-brand-black z-[99999]\">\n\n    <header class=\"sticky top-0 left-0 w-full z-50 bg-white\/95 backdrop-blur-md border-b border-gray-100 shadow-sm\">\n        <div class=\"max-w-7xl mx-auto px-6 h-20 flex items-center justify-between\">\n            <a href=\"#\" class=\"no-underline text-brand-black flex flex-col group leading-none\">\n                <span class=\"text-2xl font-black tracking-tighter\">NAKAOKA<\/span>\n                <span\n                    class=\"text-[10px] font-bold text-brand-red tracking-[0.2em] -mt-1 group-hover:text-brand-black transition\">SHOKAI<\/span>\n            <\/a>\n\n            <!-- Desktop Nav -->\n            <nav class=\"hidden md:flex items-center space-x-6\">\n                <a href=\"https:\/\/nakaoka-ec.web.app\"\n                    class=\"text-sm font-bold text-brand-red hover:text-red-700 transition-colors no-underline border border-brand-red px-3 py-1 rounded-sm\"><span\n                        class=\"material-icons-outlined text-sm align-middle mr-1\">shopping_cart<\/span>\u30aa\u30f3\u30e9\u30a4\u30f3\u30b7\u30e7\u30c3\u30d7<\/a>\n                <a href=\"http:\/\/b-pilot.jp\/?page_id=16\"\n                    class=\"text-sm font-bold text-brand-black hover:text-brand-red transition-colors no-underline\">\u4f1a\u793e\u6982\u8981<\/a>\n                <a href=\"#business\"\n                    class=\"text-sm font-bold text-brand-black hover:text-brand-red transition-colors no-underline\">\u4e8b\u696d\u5185\u5bb9<\/a>\n                <a href=\"#branding\"\n                    class=\"text-sm font-bold text-brand-black hover:text-brand-red transition-colors no-underline\">\u53d6\u308a\u6271\u3044\u30e1\u30fc\u30ab\u30fc<\/a>\n                <a href=\"#news\"\n                    class=\"text-sm font-bold text-brand-black hover:text-brand-red transition-colors no-underline\">\u30cb\u30e5\u30fc\u30b9<\/a>\n                <button\n                    class=\"bg-brand-black text-white text-sm font-bold px-6 py-2.5 hover:bg-gray-800 transition-colors tracking-widest cursor-pointer border-0\">\u304a\u554f\u3044\u5408\u308f\u305b<\/button>\n            <\/nav>\n\n            <!-- Mobile Menu Button -->\n            <button id=\"mobile-menu-btn\"\n                class=\"md:hidden text-brand-black material-icons-outlined text-3xl\">menu<\/button>\n        <\/div>\n    <\/header>\n\n    <!-- Mobile Menu Overlay -->\n    <div id=\"mobile-menu\"\n        class=\"hidden fixed inset-0 z-[100000] bg-white flex flex-col items-center justify-center space-y-8 animate-[fadeIn_0.2s_ease-out]\">\n        <button id=\"close-menu-btn\"\n            class=\"absolute top-6 right-6 text-brand-black material-icons-outlined text-4xl\">close<\/button>\n        <a href=\"https:\/\/nakaoka-ec.web.app\"\n            class=\"text-xl font-bold text-brand-red border border-brand-red px-6 py-2 rounded-sm\"><span\n                class=\"material-icons-outlined align-middle mr-2\">shopping_cart<\/span>\u30aa\u30f3\u30e9\u30a4\u30f3\u30b7\u30e7\u30c3\u30d7<\/a>\n        <a href=\"#\" class=\"text-xl font-bold text-brand-black hover:text-brand-red\">TOP PAGE<\/a>\n        <a href=\"http:\/\/b-pilot.jp\/?page_id=16\"\n            class=\"text-xl font-bold text-brand-black hover:text-brand-red\">COMPANY<\/a>\n        <a href=\"#business\" class=\"text-xl font-bold text-brand-black hover:text-brand-red\">BUSINESS<\/a>\n        <a href=\"#branding\" class=\"text-xl font-bold text-brand-black hover:text-brand-red\">BRANDS<\/a>\n        <a href=\"#news\" class=\"text-xl font-bold text-brand-black hover:text-brand-red\">NEWS<\/a>\n        <a href=\"#contact\" class=\"text-xl font-bold text-brand-black hover:text-brand-red\">CONTACT<\/a>\n    <\/div>\n\n    <!-- Hero Section -->\n    <section class=\"relative w-full h-[90vh] flex items-center bg-gray-50 overflow-hidden\">\n        <!-- Same as before -->\n        <div class=\"absolute top-0 right-0 w-full md:w-3\/4 h-full z-0\">\n            <img decoding=\"async\" src=\"http:\/\/b-pilot.jp\/wp-content\/uploads\/2026\/02\/IMG_1949.jpg\" alt=\"Beauty Dealer Meeting\"\n                class=\"w-full h-full object-cover object-center\">\n            <div class=\"absolute inset-0 bg-gradient-to-r from-white via-white\/50 to-transparent\"><\/div>\n        <\/div>\n        <div\n            class=\"relative z-10 max-w-7xl mx-auto px-6 w-full h-full flex flex-col md:flex-row items-center md:items-start justify-center md:justify-between pt-20 md:pt-0\">\n            <div class=\"flex flex-col items-start justify-center h-full order-2 md:order-1 mt-10 md:mt-0\">\n                <h2\n                    class=\"text-brand-red font-bold text-sm md:text-base tracking-[0.4em] mb-6 uppercase flex items-center\">\n                    <span class=\"w-8 h-[2px] bg-brand-red mr-4\"><\/span>Professional Trading Company\n                <\/h2>\n                <h1\n                    class=\"text-6xl md:text-8xl lg:text-9xl font-black text-brand-black tracking-tighter leading-[0.9] mb-8 drop-shadow-sm\">\n                    NAKAOKA<br><span\n                        class=\"text-transparent bg-clip-text bg-gradient-to-r from-brand-red to-red-800\">SHOKAI<\/span>\n                <\/h1>\n                <p class=\"text-xl md:text-2xl font-bold text-gray-800 tracking-wider\">CONNECTING <span\n                        class=\"text-brand-red\">VALUE<\/span> TO FUTURE.<\/p>\n                <a href=\"https:\/\/nakaoka-ec.web.app\"\n                    class=\"mt-8 bg-brand-red text-white font-bold py-3 px-8 rounded-sm hover:bg-red-800 transition-colors shadow-lg flex items-center gap-2 no-underline text-lg md:hidden\">\n                    <span class=\"material-icons-outlined\">shopping_cart<\/span> \u30aa\u30f3\u30e9\u30a4\u30f3\u30b7\u30e7\u30c3\u30d7\u3078\n                <\/a>\n            <\/div>\n            <div\n                class=\"hidden md:flex flex-row-reverse h-full items-center justify-center py-20 mr-10 order-1 md:order-2 space-x-8 space-x-reverse pointer-events-none\">\n                <div\n                    class=\"writing-vertical text-lg font-medium tracking-widest leading-loose text-gray-800 h-[60%] border-r border-brand-red\/30 pr-8\">\n                    <p>\u4e2d\u5ca1\u5546\u4f1a\u306f\u3001\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u306b\u5fc5\u8981\u306a<\/p>\n                    <p class=\"mt-4\">\u300c\u672c\u7269\u300d\u3060\u3051\u3092\u304a\u5c4a\u3051\u3057\u307e\u3059\u3002<\/p>\n                <\/div>\n                <div\n                    class=\"writing-vertical text-lg font-medium tracking-widest leading-loose text-gray-800 h-[60%] border-r border-brand-red\/30 pr-8\">\n                    <p>\u30b5\u30ed\u30f3\u69d8\u306e\u7e41\u6804\u3068\u3001<\/p>\n                    <p class=\"mt-4\">\u305d\u306e\u5148\u306e\u304a\u5ba2\u69d8\u306e\u7b11\u9854\u306e\u305f\u3081\u306b\u3002<\/p>\n                <\/div>\n                <div class=\"writing-vertical text-xl font-bold tracking-widest leading-loose text-black h-[60%]\">\n                    <p>\u79c1\u305f\u3061\u306f\u4fe1\u983c\u3068\u3044\u3046\u540d\u306e<\/p>\n                    <p class=\"mt-4\">\u30d0\u30c8\u30f3\u3092\u3064\u306a\u304e\u7d9a\u3051\u307e\u3059\u3002<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"md:hidden mt-8 text-left w-full border-l-2 border-brand-red pl-4 order-3\">\n                <p class=\"text-sm text-gray-800 font-medium leading-loose\">\n                    \u4e2d\u5ca1\u5546\u4f1a\u306f\u3001\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u306b\u5fc5\u8981\u306a\u300c\u672c\u7269\u300d\u3060\u3051\u3092\u304a\u5c4a\u3051\u3057\u307e\u3059\u3002<br>\u30b5\u30ed\u30f3\u69d8\u306e\u7e41\u6804\u3068\u3001\u305d\u306e\u5148\u306e\u304a\u5ba2\u69d8\u306e\u7b11\u9854\u306e\u305f\u3081\u306b\u3002<br><span\n                        class=\"font-bold\">\u79c1\u305f\u3061\u306f\u4fe1\u983c\u3068\u3044\u3046\u540d\u306e\u30d0\u30c8\u30f3\u3092\u3064\u306a\u304e\u7d9a\u3051\u307e\u3059\u3002<\/span><\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- News Section -->\n    <section id=\"news\" class=\"py-20 bg-white\">\n        <div class=\"max-w-7xl mx-auto px-6\">\n            <div class=\"flex flex-col md:flex-row items-end justify-between mb-12 border-b border-gray-200 pb-4\">\n                <div>\n                    <h2 class=\"text-3xl md:text-4xl font-bold text-brand-black tracking-tight mb-2\">NEWS<\/h2>\n                    <p class=\"text-xs text-brand-red font-bold tracking-widest uppercase\">\u65b0\u7740\u60c5\u5831<\/p>\n                <\/div>\n                <a href=\"#\"\n                    class=\"text-sm font-bold text-gray-500 hover:text-brand-red transition-colors flex items-center mt-4 md:mt-0 no-underline\">VIEW\n                    ALL <span class=\"material-icons-outlined text-sm ml-1\">arrow_forward<\/span><\/a>\n            <\/div>\n            <!-- News Carousel Container -->\n            <div class=\"relative w-full overflow-hidden\">\n                <div class=\"flex animate-scroll-fast w-max gap-0\">\n                    <!-- Group 1 -->\n                    <div class=\"flex gap-8 px-4\">\n                        <article class=\"group cursor-pointer w-80 md:w-96 flex-none\">\n                            <div class=\"overflow-hidden mb-4 rounded-sm\"><img decoding=\"async\"\n                                    src=\"https:\/\/images.unsplash.com\/photo-1560066984-138dadb4c035?q=80&#038;w=1000&#038;auto=format&#038;fit=crop\"\n                                    class=\"w-full h-48 object-cover transform group-hover:scale-105 transition-transform duration-500\"\n                                    alt=\"News\" loading=\"lazy\"><\/div>\n                            <p class=\"text-xs text-gray-400 mb-2\">2024.02.01<\/p>\n                            <h3\n                                class=\"text-lg font-bold text-brand-black leading-snug group-hover:text-brand-red transition-colors\">\n                                \u3010\u65b0\u5546\u54c1\u30112024\u5e74\u6625\u590f\u306e\u6700\u65b0\u30ab\u30e9\u30fc\u5264\u53d6\u308a\u6271\u3044\u958b\u59cb\u306e\u304a\u77e5\u3089\u305b<\/h3>\n                        <\/article>\n                        <article class=\"group cursor-pointer w-80 md:w-96 flex-none\">\n                            <div class=\"overflow-hidden mb-4 rounded-sm\"><img decoding=\"async\"\n                                    src=\"https:\/\/images.unsplash.com\/photo-1522337660859-02fbefca4702?q=80&#038;w=1000&#038;auto=format&#038;fit=crop\"\n                                    class=\"w-full h-48 object-cover transform group-hover:scale-105 transition-transform duration-500\"\n                                    alt=\"News\"><\/div>\n                            <p class=\"text-xs text-gray-400 mb-2\">2024.01.15<\/p>\n                            <h3\n                                class=\"text-lg font-bold text-brand-black leading-snug group-hover:text-brand-red transition-colors\">\n                                \u7f8e\u5bb9\u5ba4\u7d4c\u55b6\u8005\u69d8\u5411\u3051\u30bb\u30df\u30ca\u30fc\u300cNEXT STANDARD\u300d\u958b\u50ac\u6c7a\u5b9a<\/h3>\n                        <\/article>\n                        <a href=\"https:\/\/b-pilot.jp\/?page_id=96\"\n                            class=\"block group cursor-pointer w-80 md:w-96 flex-none\">\n                            <div class=\"overflow-hidden mb-4 rounded-sm\"><img decoding=\"async\"\n                                    src=\"http:\/\/b-pilot.jp\/wp-content\/uploads\/2026\/02\/IMG_1973-1-scaled.png\"\n                                    class=\"w-full h-48 object-cover transform group-hover:scale-105 transition-transform duration-500\"\n                                    alt=\"News\"><\/div>\n                            <p class=\"text-xs text-gray-400 mb-2\">2026.01.05<\/p>\n                            <h3\n                                class=\"text-lg font-bold text-brand-black leading-snug group-hover:text-brand-red transition-colors\">\n                                \u65b0\u5e74\u306e\u3054\u6328\u62f6\u3068\u4e2d\u5ca1\u5546\u4f1a\u306e\u4eca\u5f8c\u306e\u5c55\u671b\u306b\u3064\u3044\u3066<\/h3>\n                        <\/a>\n                    <\/div>\n                    <!-- Group 2 (Duplicate) -->\n                    <div class=\"flex gap-8 px-4\">\n                        <article class=\"group cursor-pointer w-80 md:w-96 flex-none\">\n                            <div class=\"overflow-hidden mb-4 rounded-sm\"><img decoding=\"async\"\n                                    src=\"https:\/\/images.unsplash.com\/photo-1560066984-138dadb4c035?q=80&#038;w=1000&#038;auto=format&#038;fit=crop\"\n                                    class=\"w-full h-48 object-cover transform group-hover:scale-105 transition-transform duration-500\"\n                                    alt=\"News\" loading=\"lazy\"><\/div>\n                            <p class=\"text-xs text-gray-400 mb-2\">2024.02.01<\/p>\n                            <h3\n                                class=\"text-lg font-bold text-brand-black leading-snug group-hover:text-brand-red transition-colors\">\n                                \u3010\u65b0\u5546\u54c1\u30112024\u5e74\u6625\u590f\u306e\u6700\u65b0\u30ab\u30e9\u30fc\u5264\u53d6\u308a\u6271\u3044\u958b\u59cb\u306e\u304a\u77e5\u3089\u305b<\/h3>\n                        <\/article>\n                        <article class=\"group cursor-pointer w-80 md:w-96 flex-none\">\n                            <div class=\"overflow-hidden mb-4 rounded-sm\"><img decoding=\"async\"\n                                    src=\"https:\/\/images.unsplash.com\/photo-1522337660859-02fbefca4702?q=80&#038;w=1000&#038;auto=format&#038;fit=crop\"\n                                    class=\"w-full h-48 object-cover transform group-hover:scale-105 transition-transform duration-500\"\n                                    alt=\"News\"><\/div>\n                            <p class=\"text-xs text-gray-400 mb-2\">2024.01.15<\/p>\n                            <h3\n                                class=\"text-lg font-bold text-brand-black leading-snug group-hover:text-brand-red transition-colors\">\n                                \u7f8e\u5bb9\u5ba4\u7d4c\u55b6\u8005\u69d8\u5411\u3051\u30bb\u30df\u30ca\u30fc\u300cNEXT STANDARD\u300d\u958b\u50ac\u6c7a\u5b9a<\/h3>\n                        <\/article>\n                        <a href=\"https:\/\/b-pilot.jp\/?page_id=96\"\n                            class=\"block group cursor-pointer w-80 md:w-96 flex-none\">\n                            <div class=\"overflow-hidden mb-4 rounded-sm\"><img decoding=\"async\"\n                                    src=\"http:\/\/b-pilot.jp\/wp-content\/uploads\/2026\/02\/IMG_1973-1-scaled.png\"\n                                    class=\"w-full h-48 object-cover transform group-hover:scale-105 transition-transform duration-500\"\n                                    alt=\"News\"><\/div>\n                            <p class=\"text-xs text-gray-400 mb-2\">2026.01.05<\/p>\n                            <h3\n                                class=\"text-lg font-bold text-brand-black leading-snug group-hover:text-brand-red transition-colors\">\n                                \u65b0\u5e74\u306e\u3054\u6328\u62f6\u3068\u4e2d\u5ca1\u5546\u4f1a\u306e\u4eca\u5f8c\u306e\u5c55\u671b\u306b\u3064\u3044\u3066<\/h3>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Brands Section (Auto-Scroll) -->\n    <style>\n        @keyframes scroll {\n            0% {\n                transform: translateX(0);\n            }\n\n            100% {\n                transform: translateX(-50%);\n            }\n        }\n\n        .animate-scroll {\n            animation: scroll 30s linear infinite;\n        }\n\n        .animate-scroll-fast {\n            animation: scroll 15s linear infinite;\n        }\n\n        .animate-scroll:hover,\n        .animate-scroll-fast:hover {\n            animation-play-state: paused;\n        }\n    <\/style>\n    <section id=\"branding\" class=\"py-20 bg-gray-50 border-t border-b border-gray-200 overflow-hidden\">\n        <div class=\"max-w-7xl mx-auto px-6 mb-10 text-center\">\n            <h2 class=\"text-3xl md:text-5xl font-black text-brand-black tracking-tighter mb-4\">BRANDS<\/h2>\n            <p class=\"text-brand-red font-bold tracking-widest uppercase\">\u53d6\u308a\u6271\u3044\u30e1\u30fc\u30ab\u30fc<\/p>\n        <\/div>\n\n        <!-- Infinite Scroll Container -->\n        <div class=\"relative w-full overflow-hidden\">\n            <div class=\"flex animate-scroll w-[200%]\">\n                <!-- Brand Group 1 -->\n                <div class=\"flex gap-8 px-4 w-1\/2 justify-around\">\n                    <!-- SHISEIDO -->\n                    <div\n                        class=\"flex-none w-40 md:w-56 aspect-[3\/2] bg-white border border-gray-100 flex items-center justify-center rounded-sm shadow-sm\">\n                        <img decoding=\"async\" src=\"http:\/\/b-pilot.jp\/wp-content\/uploads\/2026\/02\/IMG_1992.png\" alt=\"SHISEIDO\"\n                            class=\"max-w-[80%] max-h-[80%] object-contain\">\n                    <\/div>\n                    <!-- FIOLE -->\n                    <div\n                        class=\"flex-none w-40 md:w-56 aspect-[3\/2] bg-white border border-gray-100 flex items-center justify-center rounded-sm shadow-sm\">\n                        <img decoding=\"async\" src=\"http:\/\/b-pilot.jp\/wp-content\/uploads\/2026\/02\/IMG_1991.png\" alt=\"FIOLE\"\n                            class=\"max-w-[80%] max-h-[80%] object-contain\">\n                    <\/div>\n                    <!-- ARIMINO -->\n                    <div\n                        class=\"flex-none w-40 md:w-56 aspect-[3\/2] bg-white border border-gray-100 flex items-center justify-center rounded-sm shadow-sm\">\n                        <img decoding=\"async\" src=\"http:\/\/b-pilot.jp\/wp-content\/uploads\/2026\/02\/IMG_1989.png\" alt=\"ARIMINO\"\n                            class=\"max-w-[80%] max-h-[80%] object-contain\">\n                    <\/div>\n                    <!-- HOYU -->\n                    <div\n                        class=\"flex-none w-40 md:w-56 aspect-[3\/2] bg-white border border-gray-100 flex items-center justify-center rounded-sm shadow-sm\">\n                        <img decoding=\"async\" src=\"http:\/\/b-pilot.jp\/wp-content\/uploads\/2026\/02\/IMG_1988.png\" alt=\"HOYU\"\n                            class=\"max-w-[80%] max-h-[80%] object-contain\">\n                    <\/div>\n                    <!-- DEMI -->\n                    <div\n                        class=\"flex-none w-40 md:w-56 aspect-[3\/2] bg-white border border-gray-100 flex items-center justify-center rounded-sm shadow-sm\">\n                        <img decoding=\"async\" src=\"http:\/\/b-pilot.jp\/wp-content\/uploads\/2026\/02\/IMG_1987.png\" alt=\"DEMI\"\n                            class=\"max-w-[80%] max-h-[80%] object-contain\">\n                    <\/div>\n                    <!-- WELLA -->\n                    <div\n                        class=\"flex-none w-40 md:w-56 aspect-[3\/2] bg-white border border-gray-100 flex items-center justify-center rounded-sm shadow-sm\">\n                        <img decoding=\"async\" src=\"http:\/\/b-pilot.jp\/wp-content\/uploads\/2026\/02\/IMG_1986.png\" alt=\"WELLA\"\n                            class=\"max-w-[80%] max-h-[80%] object-contain\">\n                    <\/div>\n                    <!-- NAKANO -->\n                    <div\n                        class=\"flex-none w-40 md:w-56 aspect-[3\/2] bg-white border border-gray-100 flex items-center justify-center rounded-sm shadow-sm\">\n                        <img decoding=\"async\" src=\"http:\/\/b-pilot.jp\/wp-content\/uploads\/2026\/02\/IMG_1985.png\" alt=\"NAKANO\"\n                            class=\"max-w-[80%] max-h-[80%] object-contain\">\n                    <\/div>\n                    <!-- MILBON -->\n                    <div\n                        class=\"flex-none w-40 md:w-56 aspect-[3\/2] bg-white border border-gray-100 flex items-center justify-center rounded-sm shadow-sm\">\n                        <img decoding=\"async\" src=\"http:\/\/b-pilot.jp\/wp-content\/uploads\/2026\/02\/IMG_1984.png\" alt=\"MILBON\"\n                            class=\"max-w-[80%] max-h-[80%] object-contain\">\n                    <\/div>\n                <\/div>\n\n                <!-- Brand Group 2 (Duplicate for Seamless Loop) -->\n                <div class=\"flex gap-8 px-4 w-1\/2 justify-around\">\n                    <!-- SHISEIDO -->\n                    <div\n                        class=\"flex-none w-40 md:w-56 aspect-[3\/2] bg-white border border-gray-100 flex items-center justify-center rounded-sm shadow-sm\">\n                        <img decoding=\"async\" src=\"http:\/\/b-pilot.jp\/wp-content\/uploads\/2026\/02\/IMG_1992.png\" alt=\"SHISEIDO\"\n                            class=\"max-w-[80%] max-h-[80%] object-contain\">\n                    <\/div>\n                    <!-- FIOLE -->\n                    <div\n                        class=\"flex-none w-40 md:w-56 aspect-[3\/2] bg-white border border-gray-100 flex items-center justify-center rounded-sm shadow-sm\">\n                        <img decoding=\"async\" src=\"http:\/\/b-pilot.jp\/wp-content\/uploads\/2026\/02\/IMG_1991.png\" alt=\"FIOLE\"\n                            class=\"max-w-[80%] max-h-[80%] object-contain\">\n                    <\/div>\n                    <!-- ARIMINO -->\n                    <div\n                        class=\"flex-none w-40 md:w-56 aspect-[3\/2] bg-white border border-gray-100 flex items-center justify-center rounded-sm shadow-sm\">\n                        <img decoding=\"async\" src=\"http:\/\/b-pilot.jp\/wp-content\/uploads\/2026\/02\/IMG_1989.png\" alt=\"ARIMINO\"\n                            class=\"max-w-[80%] max-h-[80%] object-contain\">\n                    <\/div>\n                    <!-- HOYU -->\n                    <div\n                        class=\"flex-none w-40 md:w-56 aspect-[3\/2] bg-white border border-gray-100 flex items-center justify-center rounded-sm shadow-sm\">\n                        <img decoding=\"async\" src=\"http:\/\/b-pilot.jp\/wp-content\/uploads\/2026\/02\/IMG_1988.png\" alt=\"HOYU\"\n                            class=\"max-w-[80%] max-h-[80%] object-contain\">\n                    <\/div>\n                    <!-- DEMI -->\n                    <div\n                        class=\"flex-none w-40 md:w-56 aspect-[3\/2] bg-white border border-gray-100 flex items-center justify-center rounded-sm shadow-sm\">\n                        <img decoding=\"async\" src=\"http:\/\/b-pilot.jp\/wp-content\/uploads\/2026\/02\/IMG_1987.png\" alt=\"DEMI\"\n                            class=\"max-w-[80%] max-h-[80%] object-contain\">\n                    <\/div>\n                    <!-- WELLA -->\n                    <div\n                        class=\"flex-none w-40 md:w-56 aspect-[3\/2] bg-white border border-gray-100 flex items-center justify-center rounded-sm shadow-sm\">\n                        <img decoding=\"async\" src=\"http:\/\/b-pilot.jp\/wp-content\/uploads\/2026\/02\/IMG_1986.png\" alt=\"WELLA\"\n                            class=\"max-w-[80%] max-h-[80%] object-contain\">\n                    <\/div>\n                    <!-- NAKANO -->\n                    <div\n                        class=\"flex-none w-40 md:w-56 aspect-[3\/2] bg-white border border-gray-100 flex items-center justify-center rounded-sm shadow-sm\">\n                        <img decoding=\"async\" src=\"http:\/\/b-pilot.jp\/wp-content\/uploads\/2026\/02\/IMG_1985.png\" alt=\"NAKANO\"\n                            class=\"max-w-[80%] max-h-[80%] object-contain\">\n                    <\/div>\n                    <!-- MILBON -->\n                    <div\n                        class=\"flex-none w-40 md:w-56 aspect-[3\/2] bg-white border border-gray-100 flex items-center justify-center rounded-sm shadow-sm\">\n                        <img decoding=\"async\" src=\"http:\/\/b-pilot.jp\/wp-content\/uploads\/2026\/02\/IMG_1984.png\" alt=\"MILBON\"\n                            class=\"max-w-[80%] max-h-[80%] object-contain\">\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- OLCA N (Standout Feature) -->\n            <div class=\"max-w-4xl mx-auto mt-16 px-6\">\n                <div class=\"bg-black text-white p-1 rounded-sm shadow-2xl overflow-hidden relative group\">\n                    <div class=\"absolute inset-0 bg-gradient-to-r from-brand-red to-transparent opacity-20 z-0\"><\/div>\n                    <div class=\"flex flex-col md:flex-row items-center relative z-10 bg-black\/90 p-8 md:p-12 gap-10\">\n                        <div class=\"w-full md:w-1\/2\">\n                            <img decoding=\"async\" src=\"http:\/\/b-pilot.jp\/wp-content\/uploads\/2026\/02\/0B78EE88-D232-45BE-8B23-256AB60AF755.jpeg\"\n                                alt=\"OLCAN\"\n                                class=\"w-full rounded shadow-lg transform group-hover:scale-105 transition duration-700\"\n                                loading=\"lazy\">\n                        <\/div>\n                        <div class=\"w-full md:w-1\/2 text-left\">\n                            <span\n                                class=\"text-brand-red font-bold tracking-widest text-xs mb-2 block animate-pulse\">RECOMMENDED\n                                BRAND<\/span>\n                            <h3 class=\"text-3xl font-black mb-4 tracking-tight\">OLCAN<\/h3>\n                            <p class=\"text-gray-400 text-sm leading-relaxed mb-6\">\n                                \u5727\u5012\u7684\u306a\u88dc\u4fee\u529b\u3068\u30c4\u30e4\u3092\u5b9f\u73fe\u3059\u308b\u3001\u6b21\u4e16\u4ee3\u306e\u30b7\u30b9\u30c6\u30e0\u30c8\u30ea\u30fc\u30c8\u30e1\u30f3\u30c8\u3002\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u304c\u5538\u308b\u4ed5\u4e0a\u304c\u308a\u3092\u3001\u3042\u306a\u305f\u306e\u30b5\u30ed\u30f3\u3078\u3002\n                            <\/p>\n                            <a href=\"#\"\n                                class=\"inline-flex items-center text-white font-bold border-b border-white pb-1 hover:text-brand-red hover:border-brand-red transition\">\n                                VIEW PRODUCT <span class=\"material-icons-outlined text-sm ml-2\">arrow_forward<\/span>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- Business Section (Optimized Whitespace) -->\n    <section id=\"business\" class=\"py-20 md:py-24 bg-white relative\">\n        <div class=\"max-w-7xl mx-auto px-6\">\n            <div class=\"text-center mb-16\">\n                <h2 class=\"text-3xl md:text-5xl font-black text-brand-black tracking-tighter mb-4\">OUR BUSINESS<\/h2>\n                <p class=\"text-brand-red font-bold tracking-widest uppercase\">\u4e8b\u696d\u5185\u5bb9<\/p>\n                <div class=\"h-1 w-12 bg-brand-red mx-auto mt-6\"><\/div>\n            <\/div>\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\"> <!-- gap reduced 10->8 -->\n                <!-- Business Item 1: Wholesale -->\n                <div\n                    class=\"bg-white border border-gray-100 rounded-lg shadow-sm hover:shadow-xl transition-all duration-300 overflow-hidden group\">\n                    <div class=\"w-full aspect-[16\/9] overflow-hidden relative\">\n                        <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/D32F2F\/FFFFFF?text=Wholesale\" alt=\"Wholesale\"\n                            class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\"\n                            loading=\"lazy\">\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 to-transparent\"><\/div>\n                        <div\n                            class=\"absolute bottom-4 right-4 bg-white\/90 backdrop-blur-sm p-3 rounded-full flex items-center justify-center shadow-sm\">\n                            <span class=\"material-icons-outlined text-brand-red\">inventory_2<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"p-6 md:p-8\">\n                        <h3 class=\"text-xl font-bold mb-3 text-brand-black\">\u7f8e\u5bb9\u5546\u6750\u5378\u58f2<\/h3>\n                        <p class=\"text-gray-600 text-sm leading-relaxed\">\n                            \u56fd\u5185\u5916\u306e\u30c8\u30c3\u30d7\u30d6\u30e9\u30f3\u30c9\u304b\u3089\u3001\u53b3\u9078\u3055\u308c\u305f\u6700\u65b0\u306e\u7f8e\u5bb9\u5546\u6750\u3092\u30e9\u30a4\u30f3\u30ca\u30c3\u30d7\u3002\u30b7\u30e3\u30f3\u30d7\u30fc\u3001\u30ab\u30e9\u30fc\u5264\u3001\u6a5f\u5668\u307e\u3067\u3001\u30b5\u30ed\u30f3\u904b\u55b6\u306b\u5fc5\u8981\u306a\u3059\u3079\u3066\u3092\u8fc5\u901f\u306b\u304a\u5c4a\u3051\u3057\u307e\u3059\u3002\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Business Item 2: Management Support -->\n                <div\n                    class=\"bg-white border border-gray-100 rounded-lg shadow-sm hover:shadow-xl transition-all duration-300 overflow-hidden group\">\n                    <div class=\"w-full aspect-[16\/9] overflow-hidden relative\">\n                        <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/333333\/FFFFFF?text=Consulting\" alt=\"Consulting\"\n                            class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\"\n                            loading=\"lazy\">\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 to-transparent\"><\/div>\n                        <div\n                            class=\"absolute bottom-4 right-4 bg-white\/90 backdrop-blur-sm p-3 rounded-full flex items-center justify-center shadow-sm\">\n                            <span class=\"material-icons-outlined text-brand-red\">storefront<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"p-6 md:p-8\">\n                        <h3 class=\"text-xl font-bold mb-3 text-brand-black\">\u958b\u696d\u30fb\u7d4c\u55b6\u652f\u63f4<\/h3>\n                        <p class=\"text-gray-600 text-sm leading-relaxed\">\n                            \u65b0\u898f\u51fa\u5e97\u306e\u7acb\u5730\u9078\u5b9a\u304b\u3089\u8cc7\u91d1\u8abf\u9054\u3001\u5e97\u8217\u30c7\u30b6\u30a4\u30f3\u3001\u96c6\u5ba2\u6226\u7565\u307e\u3067\u3002\u6570\u591a\u304f\u306e\u30b5\u30ed\u30f3\u3092\u6210\u529f\u306b\u5c0e\u3044\u3066\u304d\u305f\u30ce\u30a6\u30cf\u30a6\u3067\u30c8\u30fc\u30bf\u30eb\u30b5\u30dd\u30fc\u30c8\u3044\u305f\u3057\u307e\u3059\u3002\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Business Item 3: Education -->\n                <div\n                    class=\"bg-white border border-gray-100 rounded-lg shadow-sm hover:shadow-xl transition-all duration-300 overflow-hidden group\">\n                    <div class=\"w-full aspect-[16\/9] overflow-hidden relative\">\n                        <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/C5A059\/FFFFFF?text=Education\" alt=\"Education\"\n                            class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\"\n                            loading=\"lazy\">\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 to-transparent\"><\/div>\n                        <div\n                            class=\"absolute bottom-4 right-4 bg-white\/90 backdrop-blur-sm p-3 rounded-full flex items-center justify-center shadow-sm\">\n                            <span class=\"material-icons-outlined text-brand-red\">school<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"p-6 md:p-8\">\n                        <h3 class=\"text-xl font-bold mb-3 text-brand-black\">\u6559\u80b2\u30fb\u30bb\u30df\u30ca\u30fc<\/h3>\n                        <p class=\"text-gray-600 text-sm leading-relaxed mb-4\">\n                            \u6700\u65b0\u30c8\u30ec\u30f3\u30c9\u6280\u8853\u306e\u8b1b\u7fd2\u4f1a\u3084\u3001\u30b9\u30bf\u30c3\u30d5\u80b2\u6210\u306e\u305f\u3081\u306e\u30de\u30cd\u30b8\u30e1\u30f3\u30c8\u30bb\u30df\u30ca\u30fc\u3092\u5b9a\u671f\u958b\u50ac\u3002\u30b5\u30ed\u30f3\u30b9\u30ad\u30eb\u306e\u5411\u4e0a\u3068\u7d44\u7e54\u529b\u306e\u5f37\u5316\u3092\u30d0\u30c3\u30af\u30a2\u30c3\u30d7\u3057\u307e\u3059\u3002\n                        <\/p>\n                        <!-- Compact Tags -->\n                        <div class=\"flex flex-wrap gap-1.5\">\n                            <span\n                                class=\"text-[10px] font-bold bg-gray-100 text-gray-600 px-2 py-0.5 rounded border border-gray-200\">#\u7d4c\u55b6<\/span>\n                            <span\n                                class=\"text-[10px] font-bold bg-gray-100 text-gray-600 px-2 py-0.5 rounded border border-gray-200\">#\u30de\u30cd\u30b8\u30e1\u30f3\u30c8<\/span>\n                            <span\n                                class=\"text-[10px] font-bold bg-gray-100 text-gray-600 px-2 py-0.5 rounded border border-gray-200\">#\u85ac\u5264\u77e5\u898b<\/span>\n                            <span\n                                class=\"text-[10px] font-bold bg-gray-100 text-gray-600 px-2 py-0.5 rounded border border-gray-200\">#\u30b1\u30df\u30ab\u30eb<\/span>\n                            <span\n                                class=\"text-[10px] font-bold bg-gray-100 text-gray-600 px-2 py-0.5 rounded border border-gray-200\">#\u30ab\u30c3\u30c8<\/span>\n                            <span\n                                class=\"text-[10px] font-bold bg-gray-100 text-gray-600 px-2 py-0.5 rounded border border-gray-200\">#\u7e2e\u6bdb\u77ef\u6b63<\/span>\n                            <span\n                                class=\"text-[10px] font-bold bg-gray-100 text-gray-600 px-2 py-0.5 rounded border border-gray-200\">#\u9aea\u8cea\u6539\u5584<\/span>\n                            <span\n                                class=\"text-[10px] font-bold bg-gray-100 text-gray-600 px-2 py-0.5 rounded border border-gray-200\">#\u30d1\u30fc\u30de<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"py-24 bg-brand-black text-white relative overflow-hidden\">\n        <div class=\"absolute inset-0 opacity-20 bg-[url('https:\/\/www.transparenttextures.com\/patterns\/cubes.png')]\">\n        <\/div>\n        <div class=\"max-w-5xl mx-auto px-6 text-center relative z-10\">\n            <h2 class=\"text-2xl md:text-6xl font-black mb-8 leading-tight tracking-tighter\">\u300c\u7f8e\u300d\u3092\u901a\u3058\u3066\u3001<br><span\n                    class=\"text-brand-red\">\u4eba\u751f<\/span>\u3092\u8c4a\u304b\u306b\u3059\u308b\u3002<\/h2>\n            <p class=\"text-gray-300 text-lg md:text-xl leading-loose mb-12 font-medium\">\n                \u79c1\u305f\u3061\u4e2d\u5ca1\u5546\u4f1a\u306f\u3001\u5358\u306a\u308b\u300c\u30e2\u30ce\u300d\u306e\u63d0\u4f9b\u8005\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002<br>\u30b5\u30ed\u30f3\u69d8\u306e\u7e41\u6804\u3068\u3001\u305d\u306e\u5148\u306e\u304a\u5ba2\u69d8\u306e\u7b11\u9854\u306e\u305f\u3081\u306b\u3002<\/p>\n            <a href=\"http:\/\/b-pilot.jp\/?page_id=16\"\n                class=\"inline-block border border-white text-white px-10 py-4 hover:bg-white hover:text-brand-black transition-colors font-bold tracking-widest no-underline\">VIEW\n                COMPANY<\/a>\n        <\/div>\n    <\/section>\n\n    <footer class=\"bg-gray-900 text-white pt-20 pb-20 border-t border-gray-800\">\n        <div class=\"max-w-7xl mx-auto px-6 grid grid-cols-1 md:grid-cols-4 gap-12 mb-16\">\n            <div class=\"md:col-span-2\">\n                <div class=\"flex flex-col items-start mb-6\"><span\n                        class=\"text-3xl font-bold tracking-tighter text-white\">NAKAOKA<\/span><span\n                        class=\"text-xs tracking-widest text-brand-red font-bold uppercase\">Shokai Co., Ltd.<\/span><\/div>\n                <div class=\"text-gray-500 text-xs leading-relaxed max-w-lg space-y-4\">\n                    <div>\n                        <span class=\"block text-brand-red font-bold mb-1\">\u672c\u793e<\/span>\n                        \u3012556-0011 \u5927\u962a\u5e02\u5317\u533a\u96e3\u6ce2\u4e2d1-3-1RE-601<br>TEL: 03-1234-5678\n                    <\/div>\n                    <div>\n                        <span class=\"block text-brand-red font-bold mb-1\">\u6771\u4eac\u652f\u5e97<\/span>\n                        \u3012150-0001 \u6771\u4eac\u90fd\u6e0b\u8c37\u533a\u795e\u5bae\u524d\uff13\u4e01\u76ee\uff13\uff11\u2212\uff11\uff14 88JINGUMAE B1\n                    <\/div>\n                    <div>\n                        <span class=\"block text-brand-red font-bold mb-1\">\u540d\u53e4\u5c4b\u652f\u5e97<\/span>\n                        \u3012460-0008 \u611b\u77e5\u770c\u540d\u53e4\u5c4b\u5e02\u4e2d\u533a\u6804\uff13\u4e01\u76ee\uff11\uff11\u2212\uff13\uff13 \uff37\uff26 \u4f4f\u5409\uff29\uff29 \uff13\uff26\n                    <\/div>\n                    <div>\n                        <span class=\"block text-brand-red font-bold mb-1\">\u535a\u591a\u652f\u5e97<\/span>\n                        \u3012810-0022 \u798f\u5ca1\u770c\u798f\u5ca1\u5e02\u4e2d\u592e\u533a\u85ac\u9662\uff14\u4e01\u76ee\uff11\uff18\u2212\uff13\uff15 \u6d44\u6c34\u30d3\u30eb 2F\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div>\n                <h3 class=\"text-sm font-bold uppercase tracking-widest text-gray-500 mb-6\">MENU<\/h3>\n                <ul className=\"space-y-4\">\n                    <li class=\"mb-3\"><a href=\"#\"\n                            class=\"text-gray-400 hover:text-white text-sm no-underline transition-colors\">TOP PAGE<\/a>\n                    <\/li>\n                    <li class=\"mb-3\"><a href=\"http:\/\/b-pilot.jp\/?page_id=16\"\n                            class=\"text-gray-400 hover:text-white text-sm no-underline transition-colors\">COMPANY<\/a>\n                    <\/li>\n                    <li class=\"mb-3\"><a href=\"#\"\n                            class=\"text-gray-400 hover:text-white text-sm no-underline transition-colors\">CONTACT<\/a>\n                    <\/li>\n                    <li class=\"mb-3\"><a href=\"https:\/\/nakaoka-ec.web.app\"\n                            class=\"text-gray-400 hover:text-white text-sm no-underline transition-colors\">ONLINE\n                            SHOP<\/a><\/li>\n                <\/ul>\n            <\/div>\n            <div>\n                <h3 class=\"text-sm font-bold uppercase tracking-widest text-gray-500 mb-6\">LINKS<\/h3>\n                <ul className=\"space-y-4\">\n                    <li class=\"mb-3\"><a href=\"#\"\n                            class=\"text-gray-400 hover:text-white text-sm no-underline transition-colors\">\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc<\/a>\n                    <\/li>\n                    <li class=\"mb-3\"><a href=\"#\"\n                            class=\"text-gray-400 hover:text-white text-sm no-underline transition-colors\">\u63a1\u7528\u60c5\u5831<\/a><\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n        <div class=\"max-w-7xl mx-auto px-6 border-t border-gray-800 pt-8\">\n            <p class=\"text-xs text-gray-600 text-center md:text-left\">&copy; 2024 Nakaoka Shokai Co., Ltd. All rights\n                reserved.<\/p>\n        <\/div>\n    <\/footer>\n\n    <!-- Floating Elements -->\n    <!-- Sticky Online Shop Banner -->\n    <a href=\"https:\/\/nakaoka-ec.web.app\"\n        class=\"fixed bottom-0 left-0 w-full bg-brand-red text-white py-4 px-6 z-[9990] flex items-center justify-center shadow-[0_-4px_12px_rgba(0,0,0,0.2)] md:bottom-6 md:right-6 md:left-auto md:w-auto md:rounded-full md:py-3 md:px-8 hover:bg-red-800 transition-colors animate-[slideUp_0.5s_ease-out] group no-underline\">\n        <span class=\"material-icons-outlined text-2xl mr-2 group-hover:animate-bounce\">shopping_cart<\/span>\n        <div class=\"flex flex-col md:flex-row md:items-center\">\n            <span class=\"font-bold text-sm md:text-base\">ONLINE SHOP<\/span>\n            <span class=\"text-[10px] md:ml-2 md:text-xs opacity-90\">\u7f8e\u5bb9\u5546\u6750\u306e\u3054\u6ce8\u6587\u306f\u3053\u3061\u3089<\/span>\n        <\/div>\n    <\/a>\n\n    <!-- Back to Top Button -->\n    <button id=\"back-to-top\"\n        class=\"fixed bottom-20 right-4 md:bottom-24 md:right-8 w-12 h-12 bg-black\/80 text-white rounded-full flex items-center justify-center shadow-lg hover:bg-black transition-all opacity-0 pointer-events-none z-[9995]\">\n        <span class=\"material-icons-outlined\">arrow_upward<\/span>\n    <\/button>\n\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>NAKAOKA SHOKAI shopping_cart\u30aa\u30f3\u30e9\u30a4\u30f3\u30b7\u30e7\u30c3\u30d7 \u4f1a\u793e\u6982\u8981 \u4e8b\u696d\u5185\u5bb9 \u53d6\u308a\u6271\u3044\u30e1\u30fc\u30ab\u30fc \u30cb\u30e5\u30fc\u30b9 \u304a\u554f\u3044\u5408\u308f\u305b menu close shopping_cart\u30aa\u30f3\u30e9\u30a4\u30f3\u30b7\u30e7\u30c3\u30d7 TOP PAG [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"wp-custom-template","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/b-pilot.jp\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/b-pilot.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/b-pilot.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/b-pilot.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/b-pilot.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":30,"href":"https:\/\/b-pilot.jp\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":120,"href":"https:\/\/b-pilot.jp\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/120"}],"wp:attachment":[{"href":"https:\/\/b-pilot.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}