<div class="bg-slate-900 text-slate-300 border-b border-slate-800"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-2 flex items-center justify-between text-xs sm:text-sm"> <!-- Left: Trust Badges & Social Media --> <div class="flex items-center gap-4 sm:gap-6"> <div class="hidden lg:flex items-center gap-6"> <p class="font-medium flex items-center gap-2"> <i class="fa-solid fa-industry text-amber-500"></i> <span>出荷メーカー以来<time datetime="2013">2013</time></span> </p> <div class="w-px h-4 bg-slate-700"></div> </div> <!-- Social Links --> <div class="flex items-center gap-3 sm:gap-4"> <a href="https://www.facebook.com/smarthelmetcleaningmachine" target="_blank" rel="nofollow" aria-label="Facebook" class="text-slate-400 hover:text-amber-500 transition-colors"><i class="fa-brands fa-facebook-f"></i></a> </div> </div> <!-- Right: Contacts & CTA --> <div class="flex items-center gap-3 sm:gap-5"> <div class="relative group z-50 languages"> <button type="button" class="inline-flex items-center gap-1.5 hover:text-white transition-colors py-2" aria-expanded="false" aria-label="Select Language"> <i class="fa-solid fa-globe text-amber-500"></i> <i class="fa-solid fa-chevron-down text-[10px]"></i> </button> <div class="absolute right-0 top-full mt-0 w-36 bg-white rounded-md shadow-lg border border-slate-200 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 origin-top-right"> <div class="py-2 grid grid-cols-1 max-h-[60vh] overflow-y-auto" ignore-translate="true"> <a href="https://helmet-clean-machine.com/partner/" class="block px-4 py-2 text-sm text-slate-700 hover:bg-slate-50 hover:text-amber-600 transition-colors">English</a> $(num11) <a href="https://helmet-clean-machine.com/pt-BR/partner/" class="block px-4 py-2 text-sm text-slate-700 hover:bg-slate-50 hover:text-amber-600 transition-colors">Português-BR</a> $(num12) <a href="https://helmet-clean-machine.com/es/partner/" class="block px-4 py-2 text-sm text-slate-700 hover:bg-slate-50 hover:text-amber-600 transition-colors">Español</a> $(num13) <a href="https://helmet-clean-machine.com/vi/partner/" class="block px-4 py-2 text-sm text-slate-700 hover:bg-slate-50 hover:text-amber-600 transition-colors">Tiếng Việt</a> $(num14) <a href="https://helmet-clean-machine.com/ms/partner/" class="block px-4 py-2 text-sm text-slate-700 hover:bg-slate-50 hover:text-amber-600 transition-colors">Bahasa Melayu</a> $(num15) <a href="https://helmet-clean-machine.com/th/partner/" class="block px-4 py-2 text-sm text-slate-700 hover:bg-slate-50 hover:text-amber-600 transition-colors">Thai</a> $(num16) <a href="https://helmet-clean-machine.com/zh-CN/partner/" class="block px-4 py-2 text-sm text-slate-700 hover:bg-slate-50 hover:text-amber-600 transition-colors">简体中文</a> $(num17) <a href="https://helmet-clean-machine.com/zh-TW/partner/" class="block px-4 py-2 text-sm text-slate-700 hover:bg-slate-50 hover:text-amber-600 transition-colors">繁体中文</a> $(num18) <a href="https://helmet-clean-machine.com/id/partner/" class="block px-4 py-2 text-sm text-slate-700 hover:bg-slate-50 hover:text-amber-600 transition-colors">Bahasa Indonesia</a> $(num19) <a href="https://helmet-clean-machine.com/ja/partner/" class="block px-4 py-2 text-sm text-slate-700 hover:bg-slate-50 hover:text-amber-600 transition-colors">Japanese</a> </div> </div> </div> <div class="flex items-center gap-4"> <a href="/cdn-cgi/l/email-protection#6f1c0e030a1c2f070a03020a1b420c030a0e0142020e0c0706010a410c0002" rel="nofollow" class="hidden md:inline-flex items-center gap-2 hover:text-white transition-colors group"> <i class="fa-solid fa-envelope text-amber-500 group-hover:text-amber-400 transition-colors"></i> <span><span class="__cf_email__" data-cfemail="e99a88858c9aa9818c85848c9dc48a858c8887c484888a8180878cc78a8684">[email protected]</span></span> </a> <a href="https://wa.me/+8613570855813" target="_blank" rel="noopener nofollow" class="inline-flex items-center gap-1.5 hover:text-white transition-colors group" aria-label="WhatsApp"> <i class="fa-brands fa-whatsapp text-amber-500 text-base group-hover:text-green-400 transition-colors"></i> <span class="font-medium hidden sm:inline">+86 13570855813</span> </a> </div> <a href="https://helmet-clean-machine.com/ja/contact/" rel="nofollow" class="inline-flex items-center gap-1.5 sm:gap-2 bg-amber-500 hover:bg-amber-400 text-slate-900 px-3 py-1 sm:px-4 sm:py-1.5 rounded-md font-bold transition-all hover:-translate-y-0.5 shadow-sm shadow-amber-500/20 whitespace-nowrap"> <span>クオートを取得する</span> <i class="fa-solid fa-arrow-right text-[10px]"></i> </a> </div> </div> </div> <div class="bg-white/95 backdrop-blur border-b border-slate-200"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <nav class="h-20 flex items-center justify-between" aria-label="Main navigation"> <a href="https://helmet-clean-machine.com/ja/" class="flex items-center gap-3"> <img src="https://helmet-clean-machine.com/ja/uploads/202604/01/f4823fd50fada873.webp" alt="OUYUANヘルメットクリーニングマシン" class="h-10 w-auto object-contain"/> <span> <strong class="block text-slate-900 leading-none tracking-wide">OUYUAN</strong> <span class="block text-xs text-slate-500">ヘルメットクリーニングマシン</span> </span> </a> <button id="mobileMenuBtn" type="button" class="lg:hidden w-10 h-10 rounded-lg border border-slate-300 text-slate-700" aria-label="Open menu"> <i class="fa-solid fa-bars"></i> </button> <ul class="hidden lg:flex items-center gap-2 xl:gap-5 text-sm font-semibold text-slate-700"> <li><a class="nav-link " href="https://helmet-clean-machine.com/ja/">ホーム</a></li> <li class="relative group"> <a class="nav-link inline-flex items-center gap-2" href="https://helmet-clean-machine.com/ja/products/">製品<i class="fa-solid fa-chevron-down text-xs"></i></a> <div class="submenu !w-[540px] !p-4 grid grid-cols-3 gap-3 left-1/2 -translate-x-1/2 group-hover:translate-y-0 group-hover:-translate-x-1/2 origin-top"> <a href="https://helmet-clean-machine.com/ja/products/single-helmet-cleaning-machine-oytk2501-1/" class="group/item block bg-slate-50 hover:bg-white border border-slate-100 hover:border-amber-200 rounded-xl p-3 transition-all shadow-sm hover:shadow-md"> <div class="aspect-[3/4] bg-white rounded-lg overflow-hidden mb-3 border border-slate-100 flex items-center justify-center"> <img src="https://helmet-clean-machine.com/ja/static/default/images/placeholder.svg" data-src="https://helmet-clean-machine.com/uploads/202603/27/07ef4f3e15e72a5e.webp" alt="シングルヘルメットクリーニングマシン OYTK2501-1" class="w-full h-full object-cover group-hover/item:scale-105 transition-transform duration-500"/> </div> <strong class="block text-sm text-slate-900 group-hover/item:text-amber-600 mb-1 leading-tight">シングルヘルメットクリーニングマシン OYTK2501-1</strong> </a> <a href="https://helmet-clean-machine.com/ja/products/dual-helmet-cleaning-machine-oytk2501-2/" class="group/item block bg-slate-50 hover:bg-white border border-slate-100 hover:border-amber-200 rounded-xl p-3 transition-all shadow-sm hover:shadow-md"> <div class="aspect-[3/4] bg-white rounded-lg overflow-hidden mb-3 border border-slate-100 flex items-center justify-center"> <img src="https://helmet-clean-machine.com/ja/static/default/images/placeholder.svg" data-src="https://helmet-clean-machine.com/uploads/202603/27/9fad2c99606985da.webp" alt="ダブルヘルメットクリーニングマシン OYTK2501-2" class="w-full h-full object-cover group-hover/item:scale-105 transition-transform duration-500"/> </div> <strong class="block text-sm text-slate-900 group-hover/item:text-amber-600 mb-1 leading-tight">ダブルヘルメットクリーニングマシン OYTK2501-2</strong> </a> <a href="https://helmet-clean-machine.com/ja/products/advanced-helmet-cleaning-machine-oytk2507-2/" class="group/item block bg-amber-50 border border-amber-200 rounded-xl p-2 transition-all shadow-sm"> <div class="aspect-[3/4] bg-white rounded-lg overflow-hidden mb-3 border border-slate-100 flex items-center justify-center"> <img src="https://helmet-clean-machine.com/ja/static/default/images/placeholder.svg" data-src="https://helmet-clean-machine.com/uploads/202605/30/21f0c030b8c59371.webp" alt="エレメントヘルメットクリーニングマシン OYTK2507-2" class="w-full h-full object-cover group-hover/item:scale-105 transition-transform duration-500"/> </div> <strong class="block text-sm text-slate-900 group-hover/item:text-amber-600 mb-1 leading-tight">エレメントヘルメットクリーニングマシン OYTK2507-2<span class="block text-amber-500 font-normal">第4世代 ニューエボリューション</span></strong> </a> </div> </li> <li><a class="nav-link " href="https://helmet-clean-machine.com/ja/about/">关于我们</a></li> <li class="relative group"> <a class="nav-link inline-flex items-center gap-2" href="https://helmet-clean-machine.com/ja/">リソース<i class="fa-solid fa-chevron-down text-xs"></i></a> <ul class="submenu !min-w-[auto] !w-max whitespace-nowrap"> <li><a href="https://helmet-clean-machine.com/ja/blogs/" class="submenu-link">ブログ</a></li> <li><a href="https://helmet-clean-machine.com/ja/faqs/" class="submenu-link">FAQ</a></li> <li><a href="https://helmet-clean-machine.com/ja/partner/" class="submenu-link">ディストリビューターおよびOEM</a></li> </ul> </li> <li><a class="nav-link " href="https://helmet-clean-machine.com/ja/contact/">連絡先</a></li> </ul> </nav> </div> <div id="mobilePanel" class="lg:hidden hidden border-t border-slate-200 bg-white"> <nav class="max-w-7xl mx-auto px-4 py-4" aria-label="Mobile navigation"> <ul class="space-y-2 text-sm font-semibold text-slate-700"> <li><a href="https://helmet-clean-machine.com/ja/" class="mobile-link active">ホーム</a></li> <li> <button type="button" class="mobile-toggle" data-toggle-target="#mobileProducts">製品<i class="fa-solid fa-chevron-down text-xs"></i></button> <ul id="mobileProducts" class="mobile-submenu hidden space-y-2 !p-2"> <li> <a href="https://helmet-clean-machine.com/ja/products/single-helmet-cleaning-machine-oytk2501-1/" class="mobile-link flex items-center gap-3"> <div class="w-12 h-12 rounded object-cover border border-slate-200 overflow-hidden flex-shrink-0 bg-slate-50"> <img src="https://helmet-clean-machine.com/ja/static/default/images/placeholder.svg" data-src="https://helmet-clean-machine.com/uploads/202603/27/07ef4f3e15e72a5e.webp" class="w-full h-full object-contain" alt="シングルヘルメットクリーニングマシン OYTK2501-1"/> </div> <span class="flex-1 text-sm line-clamp-2">シングルヘルメットクリーニングマシン OYTK2501-1</span> </a> </li> <li> <a href="https://helmet-clean-machine.com/ja/products/dual-helmet-cleaning-machine-oytk2501-2/" class="mobile-link flex items-center gap-3"> <div class="w-12 h-12 rounded object-cover border border-slate-200 overflow-hidden flex-shrink-0 bg-slate-50"> <img src="https://helmet-clean-machine.com/ja/static/default/images/placeholder.svg" data-src="https://helmet-clean-machine.com/uploads/202603/27/9fad2c99606985da.webp" class="w-full h-full object-contain" alt="ダブルヘルメットクリーニングマシン OYTK2501-2"/> </div> <span class="flex-1 text-sm line-clamp-2">ダブルヘルメットクリーニングマシン OYTK2501-2</span> </a> </li> <li> <a href="https://helmet-clean-machine.com/ja/products/advanced-helmet-cleaning-machine-oytk2507-2/" class="mobile-link flex items-center gap-3"> <div class="w-12 h-12 rounded object-cover border border-slate-200 overflow-hidden flex-shrink-0 bg-slate-50"> <img src="https://helmet-clean-machine.com/ja/static/default/images/placeholder.svg" data-src="https://helmet-clean-machine.com/uploads/202605/30/21f0c030b8c59371.webp" class="w-full h-full object-contain" alt="エレメントヘルメットクリーニングマシン OYTK2507-2"/> </div> <span class="flex-1 text-sm line-clamp-2">エレメントヘルメットクリーニングマシン OYTK2507-2</span> </a> </li> </ul> </li> <li><a href="https://helmet-clean-machine.com/ja/about/" class="mobile-link active">关于我们</a></li> <li> <button type="button" class="mobile-toggle" data-toggle-target="#mobileResource">リソース<i class="fa-solid fa-chevron-down text-xs"></i></button> <ul id="mobileResource" class="mobile-submenu hidden"> <li><a href="https://helmet-clean-machine.com/ja/blogs/" class="mobile-link">ブログ</a></li> <li><a href="https://helmet-clean-machine.com/ja/faqs/" class="mobile-link">FAQ</a></li> <li><a href="https://helmet-clean-machine.com/ja/partner/" class="mobile-link">ディストリビューターおよびOEM</a></li> </ul> </li> <li><a href="https://helmet-clean-machine.com/ja/contact/" class="mobile-link active">連絡先</a></li> </ul> </nav> </div> </div> </header> <main class="pt-32"> <section class="relative overflow-hidden bg-gradient-to-br from-slate-900 via-slate-800 to-amber-950"> <!-- Abstract geometric shapes --> <div class="absolute inset-0 overflow-hidden pointer-events-none"> <div class="absolute -top-40 -right-40 w-[600px] h-[600px] rounded-full border border-amber-500/10"></div> <div class="absolute -top-20 -right-20 w-[500px] h-[500px] rounded-full border border-amber-500/10"></div> <div class="absolute top-0 right-0 w-[400px] h-[400px] rounded-full border border-amber-500/10"></div> <div class="absolute -bottom-32 -left-32 w-[500px] h-[500px] rounded-full bg-amber-500/5 blur-3xl"></div> <div class="absolute top-1/3 right-1/4 w-2 h-2 bg-amber-400/30 rounded-full"></div> <div class="absolute top-1/4 right-1/3 w-3 h-3 bg-amber-400/20 rounded-full"></div> <div class="absolute bottom-1/3 left-1/4 w-2 h-2 bg-amber-400/30 rounded-full"></div> <!-- Grid pattern dots --> <div class="absolute inset-0 opacity-[0.03]" style="background-image: radial-gradient(circle, #fbbf24 1px, transparent 1px); background-size: 40px 40px;"></div> </div> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20 lg:py-32 relative z-10"> <div class="grid lg:grid-cols-2 gap-10 lg:gap-16 items-center"> <!-- LEFT: Text Content --> <div class="text-white reveal reveal-left"> <!-- Badge row --> <div class="flex flex-wrap items-center gap-3 mb-6"> <span class="inline-flex items-center gap-2 bg-amber-500/15 border border-amber-500/30 rounded-full px-4 py-1.5 text-amber-300 text-xs sm:text-sm font-semibold tracking-wide uppercase backdrop-blur"> <i class="fa-solid fa-handshake text-amber-400"></i>パートナーシッププログラム</span> <span class="hidden sm:inline-flex items-center gap-1.5 text-slate-400 text-xs"> <i class="fa-solid fa-circle text-[4px] text-amber-500/50"></i>ディストリビューターおよびOEM</span> </div> <h1 class="text-3xl sm:text-4xl lg:text-5xl font-extrabold leading-tight">あなたのブランド<br/> <span class="text-transparent bg-clip-text bg-gradient-to-r from-amber-400 to-amber-200">私たちの工場</span><br/>一つのパートナーシップ</h1> <p class="mt-6 text-slate-300/90 text-base sm:text-lg leading-relaxed max-w-xl">ヘルメットクリーニングマシンを販売する<strong class="text-white">自分のブランドで</strong>またはとして<strong class="text-white">認定販売代理店</strong>. ファクトリーディレクトプライシング、OEMカスタマイゼーション、エクスクルーシブテリトリー - 12年以上の製造経験で駆動</p> <!-- CTA Buttons --> <div class="mt-8 flex flex-wrap gap-3"> <a href="#apply" rel="nofollow" class="group px-6 py-3.5 rounded-xl bg-gradient-to-r from-amber-500 to-amber-400 text-slate-950 font-bold transition-all hover:-translate-y-0.5 shadow-lg shadow-amber-500/25 inline-flex items-center gap-2">パートナーシップの申請<i class="fa-solid fa-arrow-right text-sm group-hover:translate-x-1 transition-transform"></i> </a> <a href="#oem" rel="nofollow" class="px-6 py-3.5 rounded-xl border border-slate-400/30 hover:border-amber-400/60 text-white font-bold transition-all hover:-translate-y-0.5 hover:bg-white/5 inline-flex items-center gap-2"> <i class="fa-solid fa-paint-brush"></i>OEM機能</a> </div> <!-- Trust snippet --> <p class="mt-6 text-slate-500 text-xs flex items-center gap-3"> <span class="flex items-center gap-1"><i class="fa-solid fa-lock text-amber-600 text-[10px]"></i>保護地域</span> <span class="text-slate-700">|</span> <span class="flex items-center gap-1"><i class="fa-solid fa-bolt text-amber-600 text-[10px]"></i>24時間以内に応答</span> <span class="text-slate-700">|</span> <span class="flex items-center gap-1"><i class="fa-solid fa-globe text-amber-600 text-[10px]"></i>グローバル shipping</span> </p> </div> <!-- RIGHT: Visual Stats Card --> <div class="reveal reveal-right"> <div class="relative"> <!-- Main stat card --> <div class="bg-gradient-to-br from-white/10 to-white/5 backdrop-blur border border-white/15 rounded-2xl p-6 sm:p-8 shadow-2xl"> <p class="text-amber-400 text-sm font-semibold uppercase tracking-wider mb-4 flex items-center gap-2"> <i class="fa-solid fa-chart-pie"></i>パートナーベネフィッツを一望で</p> <div class="grid grid-cols-2 gap-4"> <div class="bg-white/5 rounded-xl p-4 border border-white/10 hover:bg-white/10 transition-colors"> <p class="text-3xl sm:text-4xl font-extrabold text-amber-400">12<span class="text-lg">+</span></p> <p class="text-slate-400 text-xs sm:text-sm mt-1">2013年から製造年数が</p> </div> <div class="bg-white/5 rounded-xl p-4 border border-white/10 hover:bg-white/10 transition-colors"> <p class="text-3xl sm:text-4xl font-extrabold text-amber-400">OEM</p> <p class="text-slate-400 text-xs sm:text-sm mt-1">フルカスタムブランディングおよびODM</p> </div> <div class="bg-white/5 rounded-xl p-4 border border-white/10 hover:bg-white/10 transition-colors"> <p class="text-3xl sm:text-4xl font-extrabold text-amber-400">0<span class="text-lg">%</span></p> <p class="text-slate-400 text-xs sm:text-sm mt-1">ミドルマン - ファクトリーディレクト</p> </div> <div class="bg-white/5 rounded-xl p-4 border border-white/10 hover:bg-white/10 transition-colors"> <p class="text-3xl sm:text-4xl font-extrabold text-amber-400">10</p> <p class="text-slate-400 text-xs sm:text-sm mt-1">言語 — 世界市場向け</p> </div> </div> <!-- Bottom highlight --> <div class="mt-5 flex items-center gap-3 bg-amber-500/10 border border-amber-500/20 rounded-xl px-4 py-3"> <i class="fa-solid fa-trophy text-amber-400 text-xl flex-shrink-0"></i> <p class="text-slate-300 text-sm"><strong class="text-white">$700–$2,000/ヶ月</strong>機械ごとの不労所得。ほとんどのパートナーが儲けを得るまでに達します。<strong class="text-white">6–12ヶ月</strong>.</p> </div> </div> <!-- Floating accent element --> <div class="absolute -top-6 -right-6 w-16 h-16 bg-amber-500/20 rounded-2xl rotate-12 hidden lg:block"></div> </div> </div> </div> </div> <!-- Bottom wave transition --> <div class="absolute bottom-0 inset-x-0"> <svg viewBox="0 0 1440 120" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" class="w-full h-12 sm:h-16 lg:h-20"> <path d="M0 60L60 50C120 40 240 20 360 15C480 10 600 20 720 35C840 50 960 70 1080 65C1200 60 1320 30 1380 15L1440 0V120H1380C1320 120 1200 120 1080 120C960 120 840 120 720 120C600 120 480 120 360 120C240 120 120 120 60 120H0V60Z" fill="#ffffff"></path> </svg> </div> </section> <!-- ===== WHY PARTNER WITH OUYUAN ===== --> <section class="bg-white border-y border-slate-200"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-14 lg:py-16"> <header class="text-center max-w-3xl mx-auto reveal reveal-up"> <p class="text-amber-600 font-semibold uppercase tracking-widest text-sm">なぜOUYUANですか？</p> <h2 class="text-3xl lg:text-4xl font-extrabold text-slate-900 mt-3">OUYUANとパートナーシップを結ぶ理由は何ですか？</h2> <p class="mt-4 text-slate-600">ヘルメットクリーニング業界での成功に向けた長期的な製造パートナーであり、単なるサプライヤーではありません。</p> </header> <div class="grid sm:grid-cols-2 lg:grid-cols-5 gap-5 mt-10"> <article class="value-card reveal reveal-up delay-100"> <span class="card-icon"><i class="fa-solid fa-industry"></i></span> <h3>ソース ファクトリー</h3> <p>自分の生産ラインから直接 —— 中間マージンなし、マーカップなし。業界で最も良い工場価格をお届けします。</p> </article> <article class="value-card reveal reveal-up delay-200"> <span class="card-icon"><i class="fa-solid fa-calendar-check"></i></span> <h3>12+ 年の伝統</h3> <p>2013年以来ヘルメットクリーンマシンの製造。世界中で数百台の機械が導入され、信頼性が証明されています。</p> </article> <article class="value-card reveal reveal-up delay-300"> <span class="card-icon"><i class="fa-solid fa-map-location-dot"></i></span> <h3>領土保護</h3> <p>特定の資格を持つディストリビューターの地域限定権利。自信を持って市場を築きましょう - チャネル間の競争はありません。</p> </article> <article class="value-card reveal reveal-up delay-400"> <span class="card-icon"><i class="fa-solid fa-paint-brush"></i></span> <h3>OEM / ODM 準備中</h3> <p>フルカスタマイズ：ブランディング、色、UI言語、パッケージング。私たちの製造力であなた自身のブランドで販売してください。</p> </article> <article class="value-card reveal reveal-up delay-400"> <span class="card-icon"><i class="fa-solid fa-earth-americas"></i></span> <h3>グローバルサポート</h3> <p>リモートトレーニング、マーケティング材料、部品の供給、技術指導ーどこで作業してもあなたをサポートします。</p> </article> </div> </div> </section> <!-- ===== DISTRIBUTOR PROGRAM ===== --> <section id="distributor" class="py-16 lg:py-20 bg-slate-50"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <header class="text-center max-w-3xl mx-auto reveal reveal-up"> <p class="text-amber-600 font-semibold uppercase tracking-widest text-sm">ディストリビュータープログラム</p> <h2 class="text-3xl lg:text-4xl font-extrabold text-slate-900 mt-3">あなたの地域で儲かるヘルメットクリーニングビジネスを立ち上げる</h2> <p class="mt-4 text-slate-600">私たちのディストリビュータープログラムは、ヘルメット衛生市場の急速成長に対応する持続可能な再収益ビジネスを構築したいパートナー向けに設計されています。</p> </header> <!-- Profit model --> <div class="grid lg:grid-cols-3 gap-6 mt-10"> <article class="bg-white rounded-2xl border border-slate-200 p-6 shadow-sm reveal reveal-up delay-100 hover:shadow-lg hover:border-amber-300 transition-all"> <div class="w-14 h-14 rounded-xl bg-amber-100 flex items-center justify-center text-amber-600 text-2xl mb-4"> <i class="fa-solid fa-tags"></i> </div> <h3 class="text-xl font-bold text-slate-900">階層ディストリビュータープライシング</h3> <p class="mt-3 text-slate-600">大量基準の階層価格で魅力的なマージン。より多く注文すれば、単位コストが良くなり、機械あたりの利益を最大限に増やします。</p> <ul class="mt-4 space-y-2 text-sm text-slate-600"> <li class="flex gap-2"><i class="fa-solid fa-check-circle text-amber-500 mt-0.5"></i>サンプルユニットの評価用利用可能です</li> <li class="flex gap-2"><i class="fa-solid fa-check-circle text-amber-500 mt-0.5"></i>5ユニット以上からの段階的な割引</li> <li class="flex gap-2"><i class="fa-solid fa-check-circle text-amber-500 mt-0.5"></i>優秀従業員への年間賞与</li> </ul> </article> <article class="bg-white rounded-2xl border border-slate-200 p-6 shadow-sm reveal reveal-up delay-200 hover:shadow-lg hover:border-amber-300 transition-all"> <div class="w-14 h-14 rounded-xl bg-amber-100 flex items-center justify-center text-amber-600 text-2xl mb-4"> <i class="fa-solid fa-headset"></i> </div> <h3 class="text-xl font-bold text-slate-900">完全なパートナーサポート</h3> <p class="mt-3 text-slate-600">ヘルメットクリーニングマシンの販売、設置、サービスに必要なすべてを提供します。</p> <ul class="mt-4 space-y-2 text-sm text-slate-600"> <li class="flex gap-2"><i class="fa-solid fa-check-circle text-amber-500 mt-0.5"></i>販売とマーケティングキット（パンフレット、ビデオ）</li> <li class="flex gap-2"><i class="fa-solid fa-check-circle text-amber-500 mt-0.5"></i>インストールおよび保守トレーニング</li> <li class="flex gap-2"><i class="fa-solid fa-check-circle text-amber-500 mt-0.5"></i>1年保証＋交換部品の供給</li> </ul> </article> <article class="bg-white rounded-2xl border border-slate-200 p-6 shadow-sm reveal reveal-up delay-300 hover:shadow-lg hover:border-amber-300 transition-all"> <div class="w-14 h-14 rounded-xl bg-amber-100 flex items-center justify-center text-amber-600 text-2xl mb-4"> <i class="fa-solid fa-shield-halved"></i> </div> <h3 class="text-xl font-bold text-slate-900">排他的地域権利</h3> <p class="mt-3 text-slate-600">保護地域契約であなたの市場を確保してください。他のOUYUANディストリビュータは指定された地域で競争しません。</p> <ul class="mt-4 space-y-2 text-sm text-slate-600"> <li class="flex gap-2"><i class="fa-solid fa-check-circle text-amber-500 mt-0.5"></i>国や地域の特別な独占性があります</li> <li class="flex gap-2"><i class="fa-solid fa-check-circle text-amber-500 mt-0.5"></i>あなたの領域内での保護価格</li> <li class="flex gap-2"><i class="fa-solid fa-check-circle text-amber-500 mt-0.5"></i>市場参入のための共同マーケティングサポート</li> </ul> </article> </div> <!-- ROI highlight bar --> <div class="mt-10 bg-gradient-to-r from-slate-900 to-slate-800 rounded-2xl p-8 lg:p-10 text-white reveal reveal-up delay-200"> <div class="grid lg:grid-cols-4 gap-6 items-center"> <div class="lg:col-span-3"> <p class="text-amber-400 font-semibold text-sm uppercase tracking-wider">パートナーのROIスナップショット</p> <p class="text-2xl lg:text-3xl font-extrabold mt-2">ヘルメットクリーニングマシンが自動で生成できます<span class="text-amber-400">700～2,000ドル/月</span>継続的な不労収入で</p> <p class="mt-3 text-slate-300">電気代が安く（洗いごとに約$0.02）、労働コストがゼロであるため、ほとんどのオペレーターは機械の投資を回収しています。<strong class="text-white">6–12ヶ月</strong>. 代理として、あなたは配置されたすべてのマシンで収益を得ます。</p> </div> <div class="text-center"> <p class="text-5xl font-extrabold text-amber-400">≈1<span class="text-lg text-amber-300/80">㎡</span></p> <p class="text-slate-300 text-sm mt-1">必要な最低床面積は約1 m²のフットプリントでございます</p> </div> </div> </div> </div> </section> <!-- ===== OEM SERVICES ===== --> <section id="oem" class="py-16 lg:py-20 bg-slate-900 text-white"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="grid lg:grid-cols-2 gap-12 items-center"> <article class="reveal reveal-left"> <p class="text-amber-400 font-semibold uppercase tracking-widest text-sm">OEM / ODM製造</p> <h2 class="text-3xl lg:text-4xl font-extrabold mt-3">ヘルメットクリーニングマシンのブランドを自分で立ち上げてください</h2> <p class="mt-5 text-slate-300 leading-relaxed">OUYUANはオリジンマニュファクチャーとして、完全なOEMおよびODMサービスを提供しています。カスタムブランディングからハードウェアの変更まで、あなたのビジョンを市場に向けた製品に変え、証明された製造品質をバックアップします。</p> <div class="mt-8 grid sm:grid-cols-2 gap-4"> <div class="bg-white/10 rounded-xl p-4 border border-white/10 hover:bg-white/20 transition-colors"> <i class="fa-solid fa-tag text-amber-400 text-xl mb-2"></i> <h3 class="font-bold">カスタムブランディング</h3> <p class="text-sm text-slate-400 mt-1">ロゴ、カラースキーム、外装のデカール —— すべてのマシンにあなたのブランドアイデンティティを表現します。</p> </div> <div class="bg-white/10 rounded-xl p-4 border border-white/10 hover:bg-white/20 transition-colors"> <i class="fa-solid fa-language text-amber-400 text-xl mb-2"></i> <h3 class="font-bold">UI ローカライゼーション</h3> <p class="text-sm text-slate-400 mt-1">カスタムソフトウェア言語、支払い統合、および市場のためのインターフェース。</p> </div> <div class="bg-white/10 rounded-xl p-4 border border-white/10 hover:bg-white/20 transition-colors"> <i class="fa-solid fa-box-open text-amber-400 text-xl mb-2"></i> <h3 class="font-bold">カスタムパッケージング</h3> <p class="text-sm text-slate-400 mt-1">ブランドケース、ユーザーマニュアル、そして地域に合わせた開封体験。</p> </div> <div class="bg-white/10 rounded-xl p-4 border border-white/10 hover:bg-white/20 transition-colors"> <i class="fa-solid fa-microchip text-amber-400 text-xl mb-2"></i> <h3 class="font-bold">ハードウェア適応</h3> <p class="text-sm text-slate-400 mt-1">電圧、プラグの種類、支払いモジュール - 地元の基準に設計されています。</p> </div> </div> </article> <div class="reveal reveal-right"> <div class="bg-white/5 backdrop-blur border border-white/10 rounded-2xl p-8"> <p class="text-amber-400 font-semibold text-sm uppercase tracking-wider">OEMプロセス</p> <div class="mt-6 space-y-6"> <div class="flex gap-4"> <span class="flex-shrink-0 w-10 h-10 rounded-full bg-amber-500 text-slate-900 flex items-center justify-center font-bold">1</span> <div> <h3 class="font-bold">コンサルテーションおよび要求</h3> <p class="text-sm text-slate-400 mt-1">あなたのブランドのビジョン、ターゲット市場、カスタマイズのニーズをチームに共有してください。</p> </div> </div> <div class="flex gap-4"> <span class="flex-shrink-0 w-10 h-10 rounded-full bg-amber-500 text-slate-900 flex items-center justify-center font-bold">2</span> <div> <h3 class="font-bold">デザイン & プロトタイプ</h3> <p class="text-sm text-slate-400 mt-1">大量生産前に、デザインのモックアップと機能サンプルを作成し、承認をお願いします。</p> </div> </div> <div class="flex gap-4"> <span class="flex-shrink-0 w-10 h-10 rounded-full bg-amber-500 text-slate-900 flex items-center justify-center font-bold">3</span> <div> <h3 class="font-bold">製造 & 質量管理</h3> <p class="text-sm text-slate-400 mt-1">各段階での厳格な品質管理。お客様のブランドマシンは当社の確立された基準に基づいて製造されます。</p> </div> </div> <div class="flex gap-4"> <span class="flex-shrink-0 w-10 h-10 rounded-full bg-amber-500 text-slate-900 flex items-center justify-center font-bold">4</span> <div> <h3 class="font-bold">出荷 & 売後</h3> <p class="text-sm text-slate-400 mt-1">グローバルロジスティクスが整備されました。継続的な技術サポートおよび部品供給が含まれています。</p> </div> </div> </div> </div> </div> </div> </div> </section> <!-- ===== WHO CAN PARTNER ===== --> <section class="py-16 lg:py-20 bg-white"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <header class="text-center max-w-3xl mx-auto reveal reveal-up"> <p class="text-amber-600 font-semibold uppercase tracking-widest text-sm">パートナーのプロフィール</p> <h2 class="text-3xl lg:text-4xl font-extrabold text-slate-900 mt-3">理想的OUYUANパートナーは誰ですか？</h2> <p class="mt-4 text-slate-600">ヘルメットクリーニングソリューションを地元市場に導入する可能性を見出すモチベーションのあるパートナーを探しています。</p> </header> <div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-6 mt-10"> <article class="bg-slate-50 rounded-2xl border border-slate-200 p-6 text-center reveal reveal-up delay-100 hover:shadow-lg hover:border-amber-300 transition-all group"> <div class="w-16 h-16 rounded-full bg-amber-100 flex items-center justify-center text-amber-600 text-2xl mx-auto mb-4 group-hover:bg-amber-500 group-hover:text-white transition-colors"> <i class="fa-solid fa-store"></i> </div> <h3 class="font-bold text-lg text-slate-900">機器販売業者</h3> <p class="mt-2 text-slate-600 text-sm">自動販売機、洗車場、または商業設備ディストリビューターの製品ラインを拡大する予定です。</p> </article> <article class="bg-slate-50 rounded-2xl border border-slate-200 p-6 text-center reveal reveal-up delay-200 hover:shadow-lg hover:border-amber-300 transition-all group"> <div class="w-16 h-16 rounded-full bg-amber-100 flex items-center justify-center text-amber-600 text-2xl mx-auto mb-4 group-hover:bg-amber-500 group-hover:text-white transition-colors"> <i class="fa-solid fa-gas-pump"></i> </div> <h3 class="font-bold text-lg text-slate-900">ガソリンスタンド / 零售チェーン</h3> <p class="mt-2 text-slate-600 text-sm">複数の場所に店舗を持つビジネスでヘルメットの清掃を付加価値サービスとして提供できるビジネス。</p> </article> <article class="bg-slate-50 rounded-2xl border border-slate-200 p-6 text-center reveal reveal-up delay-300 hover:shadow-lg hover:border-amber-300 transition-all group"> <div class="w-16 h-16 rounded-full bg-amber-100 flex items-center justify-center text-amber-600 text-2xl mx-auto mb-4 group-hover:bg-amber-500 group-hover:text-white transition-colors"> <i class="fa-solid fa-flag-checkered"></i> </div> <h3 class="font-bold text-lg text-slate-900">カートリング / レンタルオペレーター</h3> <p class="mt-2 text-slate-600 text-sm">衛生サービスを提供し、追加収益を得たいトラッキングとレンタルビジネス</p> </article> <article class="bg-slate-50 rounded-2xl border border-slate-200 p-6 text-center reveal reveal-up delay-400 hover:shadow-lg hover:border-amber-300 transition-all group"> <div class="w-16 h-16 rounded-full bg-amber-100 flex items-center justify-center text-amber-600 text-2xl mx-auto mb-4 group-hover:bg-amber-500 group-hover:text-white transition-colors"> <i class="fa-solid fa-rocket"></i> </div> <h3 class="font-bold text-lg text-slate-900">起業家</h3> <p class="mt-2 text-slate-600 text-sm">地域市場の知識とビジネスの推進力を持ち、強力な製品サポート付きで新しい収益源を探している個人</p> </article> </div> </div> </section> <!-- ===== PARTNERSHIP PROCESS ===== --> <section class="py-16 lg:py-20 bg-slate-50"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <header class="text-center max-w-3xl mx-auto reveal reveal-up"> <p class="text-amber-600 font-semibold uppercase tracking-widest text-sm">Getting Started</p> <h2 class="text-3xl lg:text-4xl font-extrabold text-slate-900 mt-3">OUYUANパートナーになるためのあなたの旅</h2> <p class="mt-4 text-slate-600">シンプルで透明なプロセスで、あなたが問い合わせから初めての機器デプロイメントまでを得られる。</p> </header> <div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-6 mt-10"> <article class="relative reveal reveal-up delay-100"> <div class="bg-white rounded-2xl border border-slate-200 p-6 text-center shadow-sm hover:shadow-lg hover:border-amber-300 transition-all"> <span class="inline-flex w-12 h-12 rounded-full bg-amber-500 text-white items-center justify-center text-xl font-bold mb-4">1</span> <h3 class="font-bold text-lg text-slate-900">質問を提出する</h3> <p class="mt-2 text-slate-600 text-sm">下記のフォームに記入してくださいまたは直接お問い合わせください。あなたの市場とビジネスの目標について教えてください。</p> </div> <!-- Arrow (desktop only) --> <div class="hidden lg:block absolute top-1/2 -right-3 text-amber-400 text-xl"><i class="fa-solid fa-chevron-right"></i></div> </article> <article class="relative reveal reveal-up delay-200"> <div class="bg-white rounded-2xl border border-slate-200 p-6 text-center shadow-sm hover:shadow-lg hover:border-amber-300 transition-all"> <span class="inline-flex w-12 h-12 rounded-full bg-amber-500 text-white items-center justify-center text-xl font-bold mb-4">2</span> <h3 class="font-bold text-lg text-slate-900">相談コールを依頼する</h3> <p class="mt-2 text-slate-600 text-sm">私たちのチームは、機器の選定、価格、OEMのニーズ、および地域の条件についてお客様と議論します。</p> </div> <div class="hidden lg:block absolute top-1/2 -right-3 text-amber-400 text-xl"><i class="fa-solid fa-chevron-right"></i></div> </article> <article class="relative reveal reveal-up delay-300"> <div class="bg-white rounded-2xl border border-slate-200 p-6 text-center shadow-sm hover:shadow-lg hover:border-amber-300 transition-all"> <span class="inline-flex w-12 h-12 rounded-full bg-amber-500 text-white items-center justify-center text-xl font-bold mb-4">3</span> <h3 class="font-bold text-lg text-slate-900">契約および注文</h3> <p class="mt-2 text-slate-600 text-sm">販売代理契約を結び、仕様を確認し、明確な納期スケジュールで最初の注文を行ってください。</p> </div> <div class="hidden lg:block absolute top-1/2 -right-3 text-amber-400 text-xl"><i class="fa-solid fa-chevron-right"></i></div> </article> <article class="reveal reveal-up delay-400"> <div class="bg-white rounded-2xl border border-slate-200 p-6 text-center shadow-sm hover:shadow-lg hover:border-amber-300 transition-all"> <span class="inline-flex w-12 h-12 rounded-full bg-amber-500 text-white items-center justify-center text-xl font-bold mb-4">4</span> <h3 class="font-bold text-lg text-slate-900">ローンチおよびグロー</h3> <p class="mt-2 text-slate-600 text-sm">機械を受け取り、トレーニングマテリアルにアクセスし、ヘルメットクリーニングビジネスを立ち上げ始めましょう。</p> </div> </article> </div> </div> </section> <!-- ===== FAQ ===== --> <section id="faq" class="py-16 bg-slate-100"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <header class="text-center max-w-2xl mx-auto reveal reveal-up"> <p class="text-amber-600 font-semibold uppercase tracking-widest text-sm">FAQ</p> <h2 class="text-3xl font-extrabold text-slate-900 mt-3">潜在的パートナーからのよくある質問</h2> </header> <div class="max-w-3xl mx-auto mt-8 space-y-3 reveal reveal-up delay-200 faq-section"> <details class="faq-item"> <summary>ディストリビューターの注文のMOQは何ですか？</summary> <div class="faq-content"> <p>標準のMOQは以下から始まります<strong>1ユニット</strong>サンプル評価のために。大量出荷価格のために、私たちは注文の<strong>5+ 単位</strong>階層的な割引と地域限定を解除するために。予測される量に基づいたカスタマイズされた見積もりをご連絡ください。</p> </div> </details> <details class="faq-item"> <summary>特別地域保護を提供していますか？</summary> <div class="faq-content"> <p>はい。私たちは提供します<strong>地域に基づく排他性</strong>大量ディストリビューターのコミットメントのある<strong>1,000以上ユニット</strong>. これは、他のOUYUANディストリビュータが指定された地域で運営しないことを意味しており、あなたがビジネスを成長させ、顧客関係を築くための保護された市場を持つことを確実にします。</p> </div> </details> <details class="faq-item"> <summary>OEM / カスタムブランドをご提供できますか？</summary> <div class="faq-content"> <p>絶対に。それから<strong>元の工場で</strong>, すべてのOEMサービスを提供しております。</p> <ul> <li>カスタムロゴ印刷および外装デカール</li> <li>ブランドに合ったカラースキームのカスタマイズ</li> <li>ターゲット市場のためのUI言語適応</li> <li>お客様のブランドでカスタムパッケージング</li> <li>ハードウェアの改良（電圧、支払いモジュールなど）</li> </ul> </div> </details> <details class="faq-item"> <summary>何のようなアフターサービスを提供していますか？</summary> <div class="faq-content"> <p>私たちは機械をサポートします<strong>1年間の限定保証で</strong>, 持続的なサポートを含む部品供給、リモート技術サポート、メンテナンストレーニングマテリアル、およびマーケティング資料。チームはメール、電話、WhatsAppを通じて迅速なサポートが可能です。</p> </div> </details> <details class="faq-item"> <summary>OEM生産と輸送にどれくらいの時間がかかりますか？</summary> <div class="faq-content"> <p>標準モデルは15〜20営業日以内に配送されます<strong>15〜20 business days</strong>注文確認後。OEMカスタムオーダーは通常、以下のように要求されます。<strong>25–35 商用日</strong>生産に加えて、あなたの目的地の港に応じた配送時間がかかります。信頼できる輸送業者と提携しており、必要に応じて門戸までの配送を手配できます。</p> </div> </details> <details class="faq-item"> <summary>販売業者向けのマーケティング資料を提供していますか？</summary> <div class="faq-content"> <p>はい。すべてのディストリビューターは受信します。<strong>パートナー・マーケティング・キットを</strong>製品のパンフレット、スペックシート、デモビデオ、ソーシャルメディアのアセット、および販売スクリプトを含みます。また、ローカル市場向けのコーボランドマテリアルを提供し、展示会やオンラインプロモーションのためのコンテンツをサポートします。</p> </div> </details> </div> </div> </section> <!-- ===== CTA / CONTACT FORM ===== --> <section id="apply" class="py-16 lg:py-20 bg-slate-50 border-t border-slate-200"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="grid lg:grid-cols-2 gap-10"> <article class="reveal reveal-left"> <p class="text-amber-600 font-semibold uppercase tracking-widest text-sm">今すぐ申し込む</p> <h2 class="text-3xl lg:text-4xl font-extrabold text-slate-900 mt-3">パートナーになる準備はできていますか？</h2> <p class="mt-4 text-slate-600 leading-relaxed">フォームを記入してください。そして、パートナーシップチームが連絡を取ります。<strong>24時間のビジネス時間</strong>市場についてお話しし、適切なモデルを推薦し、カスタマイズされたディストリビュータープロポーズを提供します。</p> <div class="mt-8 space-y-4"> <div class="flex gap-4 items-start"> <span class="flex-shrink-0 w-10 h-10 rounded-lg bg-amber-100 text-amber-600 flex items-center justify-center"><i class="fa-solid fa-bolt"></i></span> <div> <h3 class="font-bold text-slate-900">迅速対応</h3> <p class="text-sm text-slate-600">専任アカウントマネージャーが24時間以内に返信し、パートナーシップのニーズについて話し合います。</p> </div> </div> <div class="flex gap-4 items-start"> <span class="flex-shrink-0 w-10 h-10 rounded-lg bg-amber-100 text-amber-600 flex items-center justify-center"><i class="fa-solid fa-file-contract"></i></span> <div> <h3 class="font-bold text-slate-900">非隠された用語があります</h3> <p class="text-sm text-slate-600">透明な価格設定、明確な地域条項、そしてシンプルなパートナーシップ契約。</p> </div> </div> <div class="flex gap-4 items-start"> <span class="flex-shrink-0 w-10 h-10 rounded-lg bg-amber-100 text-amber-600 flex items-center justify-center"><i class="fa-solid fa-truck-fast"></i></span> <div> <h3 class="font-bold text-slate-900">グローバル・ロジスティクス・レディ</h3> <p class="text-sm text-slate-600">東南アジア、南アメリカ、中東、そしてそのほかへの輸送において経験豊富です</p> </div> </div> </div> <address class="mt-8 not-italic text-slate-700 space-y-2 bg-white rounded-xl p-5 border border-slate-200"> <p class="flex items-center gap-2"><i class="fa-solid fa-envelope text-amber-500 w-5"></i> <strong>メール:</strong> <a href="/cdn-cgi/l/email-protection#fd8e9c91988ebd959891909889d09e91989c93d0909c9e95949398d39e9290" class="text-amber-700 hover:text-amber-500 transition-colors"><span class="__cf_email__" data-cfemail="e390828f8690a38b868f8e8697ce808f86828dce8e82808b8a8d86cd808c8e">[email protected]</span></a></p> <p class="flex items-center gap-2"><i class="fa-brands fa-whatsapp text-green-500 w-5"></i> <strong>WhatsApp:</strong> <a href="https://wa.me/+8613570855813" target="_blank" rel="noopener" class="text-amber-700 hover:text-amber-500 transition-colors">+8613570855813</a></p> <p class="flex items-center gap-2"><i class="fa-solid fa-building text-amber-500 w-5"></i> <strong>会社:</strong>OUYUAN 智能技術</p> </address> </article> <article class="bg-white border border-slate-200 rounded-2xl p-6 shadow-lg shadow-slate-200/50 reveal reveal-right"> <form id="contactForm" action="/guestbook.html" method="post" class="space-y-4"> <input type="hidden" name="return" value="json"/> <div class="grid sm:grid-cols-2 gap-4"> <input type="text" name="user_name" required="" placeholder="姓*" class="form-input transition-all duration-300"/> <input type="text" name="last_name" placeholder="名前" class="form-input transition-all duration-300"/> </div> <div class="grid sm:grid-cols-2 gap-4"> <input type="email" name="email" required="" placeholder="メール*" class="form-input transition-all duration-300"/> <input type="tel" name="contact" placeholder="電話番号" class="form-input transition-all duration-300"/> </div> <input type="text" name="company" placeholder="会社名" class="form-input transition-all duration-300"/> <textarea name="content" required="" rows="5" placeholder="お客様のターゲット市場、望むパートナーシップのタイプ（ディストリビュータ / OEM / どちらも）、そして特定の質問について教えてください...*" class="form-input transition-all duration-300"></textarea> <button type="submit" class="w-full rounded-xl bg-amber-500 hover:bg-amber-400 text-slate-950 font-bold py-3 transition-all duration-300 hover:-translate-y-0.5 hover:shadow-lg hover:shadow-amber-500/30">パートナーシップ依頼を提出する</button> </form> </article> </div> </div> </section> </main> <footer class="bg-slate-950 text-slate-300"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12"> <div class="grid md:grid-cols-4 gap-8"> <article class="md:col-span-2"> <h2 class="text-xl font-bold text-white">OUYUAN 智能技術</h2> <p class="mt-3 text-slate-400 max-w-xl">2013年から信頼されるヘルメットクリーニングマシンメーカーで、安定した製品品質と実践的なビジネスサポートでグローバルなB2Bパートナーにサービスしています。</p> </article> <nav aria-label="Footer navigation"> <h3 class="text-white font-semibold">クイックリンクス</h3> <ul class="mt-3 space-y-2 text-sm"> <li><a href="https://helmet-clean-machine.com/ja/" class="hover:text-amber-300">ホーム</a></li> <li><a href="https://helmet-clean-machine.com/ja/#products" rel="nofollow" class="hover:text-amber-300">製品</a></li> <li><a href="https://helmet-clean-machine.com/ja/about/" class="hover:text-amber-300">关于我们</a></li> <li><a href="https://helmet-clean-machine.com/ja/blogs/" class="hover:text-amber-300">ブログ</a></li> </ul> </nav> <article> <h3 class="text-white font-semibold">ビジネス</h3> <ul class="mt-3 space-y-2 text-sm"> <li><a href="https://helmet-clean-machine.com/ja/contact/" rel="nofollow" class="hover:text-amber-300">見積もり依頼</a></li> </ul> </article> </div> <div class="border-t border-slate-800 mt-10 pt-6 text-xs sm:text-sm flex flex-col sm:flex-row justify-between items-center gap-3"> <p>©<time datetime="2026">2026</time> <a href="https://helmet-clean-machine.com/ja/">OUYUAN 智能技術</a>. 全部権利は保存されます。</p> <div class="flex items-center gap-4 text-slate-400"> <a href="https://helmet-clean-machine.com/ja/privacy-policy/" rel="nofollow" class="hover:text-amber-300 transition-colors">プライバシーポリシー</a> <span class="text-slate-700">|</span> <a href="https://helmet-clean-machine.com/ja/terms-of-service/" rel="nofollow" class="hover:text-amber-300 transition-colors">サービス条項</a> </div> </div> </div> </footer> <!-- WhatsApp Float Button --> <div class="fixed right-0 top-1/2 transform -translate-y-1/2 z-50"> <a href="https://wa.me/+8613570855813?text=Contact%20us." id="whatsApp" rel="nofollow" target="_blank" class="bg-green-500 hover:bg-green-600 text-white p-4 rounded-lg shadow-lg transition-all duration-300 transform hover:scale-110 flex items-center justify-center group"> <i class="fab fa-whatsapp text-2xl"></i> <span class="absolute right-full pr-3 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"> <span class="block bg-gray-800 text-white px-3 py-2 rounded-lg text-sm whitespace-nowrap shadow-lg">WhatsAppで私たちにチャットしてください</span> </span> </a> </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://helmet-clean-machine.com/ja/static/default/js/jquery-2.2.4.min.js"></script> <script src="https://helmet-clean-machine.com/ja/static/default/js/swiper/swiper.min.js"></script> <script src="https://helmet-clean-machine.com/ja/static/default/js/main.js?4"></script> <script> (function() { var al = document.createElement("script"); al.src = "/api/log?action=views&code=200&path=http%3A%2F%2Fhelmet-clean-machine.com%2Fpartner&nonce="+Date.now(); document.body.appendChild(al); })(); </script> </body></html>