PageSourceSearch

https://www.bbjpn.com/

html bbjpn.com collected 2026-10-05 11:25:51 UTC 85,285 bytes, 18 lines download raw bytes

1<!DOCTYPE html><!--URYkZA4MAxXV39XnLguHz--><html lang="ja"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/797e433ab948586e-s.p.29207c2f.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/ad9c66e761fed85a-s.p.111d6998.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/caa3a2e1cccd8315-s.p.3b6cae6d.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/chunks/34d933785a17edf3.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/1985684cb358513a.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/d5e2f06d40580925.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/268983ca9e2831a7.js"/>
1<script src="/_next/static/chunks/b81527c1c83f2043.js" async=""></script>
1<script src="/_next/static/chunks/1eaf3cd1cc1b5408.js" async=""></script>
1<script src="/_next/static/chunks/82f86bbf1a6afe9a.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-0dd74bd33315ea6b.js" async=""></script>
1<script src="/_next/static/chunks/0fa4e195f695671a.js" async=""></script>
1<script src="/_next/static/chunks/ff1a16fafef87110.js" async=""></script>
1<script src="/_next/static/chunks/001c7cf0703131bd.js" async=""></script>
1<script src="/_next/static/chunks/09f957fcd4dda7d3.js" async=""></script>
1<script src="/_next/static/chunks/20f75c5ef0e747c2.js" async=""></script>
1<script src="/_next/static/chunks/549871e4587b3b07.js" async=""></script>
1<script src="/_next/static/chunks/9aeace136e9b4c7d.js" async=""></script>
1<link rel="preload" href="https://www.googletagmanager.com/gtag/js?id=G-5T8PJ469Z0" as="script"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><link rel="dns-prefetch" href="https://www.googletagmanager.com"/><meta name="next-size-adjust" content=""/><title>ブロードバンドジャパン株式会社 | ヘルスケア・AIソリューション</title><meta name="description" content="ヘルスケア × AIで、働く人の健康を守る。データとテクノロジーで確かな未来を実装します。"/><meta name="robots" content="index, follow"/><link rel="canonical" href="https://www.bbjpn.com"/><meta property="og:title" content="ブロードバンドジャパン株式会社 | ヘルスケア・AIソリューション"/><meta property="og:description" content="ヘルスケア × AIで、働く人の健康を守る。データとテクノロジーで確かな未来を実装します。"/><meta property="og:url" content="https://www.bbjpn.com"/><meta property="og:site_name" content="ブロードバンドジャパン株式会社"/><meta property="og:locale" content="ja_JP"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary"/><meta name="twitter:creator" content="@mizunohironori"/><meta name="twitter:title" content="ブロードバンドジャパン株式会社 | ヘルスケア・AIソリューション"/><meta name="twitter:description" content="ヘルスケア × AIで、働く人の健康を守る。データとテクノロジーで確かな未来を実装します。"/><link rel="icon" href="/favicon.ico?favicon.a1d0546e.ico" sizes="62x62" type="image/x-icon"/><link rel="icon" href="/favicon.svg"/>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Corporation","name":"ブロードバンドジャパン株式会社","legalName":"ブロードバンドジャパン株式会社","alternateName":"Broadband Japan Inc.","description":"ヘルスケア × AI で、働く人の健康を守る情報システム企業です。2005年創業。独自のデータ解析技術を軸に、熱中症対策サービス「Heat119」や睡眠改善プログラム「DataSleep」を展開。ウェアラブルデバイスとAIを活用し、リアルタイムで健康リスクを検知・予防します。企業の安全管理・健康経営をテクノロジーで支援。生成AIを活用した情報サービスの展開も得意とする。東京都千代田区。","slogan":"ヘルスケア × AI で、働く人の健康を守る。","url":"https://www.bbjpn.com","logo":"https://www.bbjpn.com/favicon.svg","telephone":"050-5473-9708","foundingDate":"2005","address":{"@type":"PostalAddress","postalCode":"100-0013","streetAddress":"霞が関1-4-1 日土地ビル2階","addressLocality":"千代田区","addressRegion":"東京都","addressCountry":"JP"},"contactPoint":{"@type":"ContactPoint","telephone":"050-5473-9708","contactType":"customer service","availableLanguage":"Japanese","url":"https://www.bbjpn.com/contact"},"sameAs":["https://x.com/mizunohironori","https://www.facebook.com/bbjpn/","https://prtimes.jp/main/html/searchrlp/company_id/130444","https://jgoodtech.smrj.go.jp/corp/info/JC0000000042891","https://www.houjin-bangou.nta.go.jp/henkorireki-johoto.html?selHouzinNo=8010001144663","https://share.google/7VCIENb2QQ7buAxzI"],"identifier":{"@type":"PropertyValue","propertyID":"JCN","name":"法人番号","value":"8010001144663"},"areaServed":{"@type":"Country","name":"Japan"},"knowsAbout":["ヘルスケア","AI","ウェアラブルデバイス","熱中症対策","睡眠改善","健康経営","生成AI","データ解析","情報サービス"],"makesOffer":[{"@type":"Offer","itemOffered":{"@type":"Service","name":"Heat119","description":"ウェアラブルデバイスとAIによる熱中症リアルタイム検知・予防サービス","url":"https://www.bbjpn.com/services/heat119","provider":{"@type":"Organization","name":"ブロードバンドジャパン株式会社"}}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"DataSleep","description":"睡眠データ解析に基づく睡眠改善プログラム","url":"https://www.bbjpn.com/services/datasleep","provider":{"@type":"Organization","name":"ブロードバンドジャパン株式会社"}}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"AI-Boost","description":"経営のお困りごとを「これは何の問題か」から定義して数字にし、実際に動く画面を作って現場で回るまで伴走する支援サービス。棚卸し・可視化・システム開発・新規事業の立ち上げまでを一貫して担当","url":"https://www.bbjpn.com/services/ai-boost","provider":{"@type":"Organization","name":"ブロードバンドジャパン株式会社"}}}],"owns":[{"@type":"Organization","name":"AI-BOOST Solutions","url":"https://ai-boost.click"},{"@type":"WebSite","name":"Heat119(熱中症対策)","url":"https://heat119.click"},{"@type":"WebSite","name":"DataSleep(睡眠改善)","url":"https://datasleep.net"},{"@type":"Organization","name":"美容図鑑","url":"https://biyouzukan.click"},{"@type":"Organization","name":"外壁ナビ","url":"https://gaiheki-navi.click"},{"@type":"Organization","name":"老犬ケア","url":"https://roukencare.click"},{"@type":"Organization","name":"建設工事見積ソフト","url":"https://constructionestimate.click"},{"@type":"Organization","name":"Mercury PDCE","url":"https://mercury-pdce.click"},{"@type":"LocalBusiness","name":"想い出写真館","url":"https://omoide.click"},{"@type":"Organization","name":"カタログナビ(カタログ制作・DB連携)","url":"https://catalog-navi.click"}]}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"ブロードバンドジャパン株式会社","url":"https://www.bbjpn.com"}</script>
1<script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script>
1</head><body class="geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable noto_sans_jp_befdc8c2-module__oae0iG__variable antialiased"><div hidden=""><!--$--><!--/$--></div><main class="min-h-screen bg-[#0a0a0c]"><header class="fixed top-0 left-0 right-0 z-50 transition-all duration-500 py-4" style="background-color:rgba(5,5,5,0.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(30,41,59,0.3)"><div class="max-w-6xl mx-auto px-6 flex items-center justify-between"><a class="font-medium text-sm md:text-base tracking-tight transition-colors duration-1000 relative z-50" style="color:#f1f5f9" href="/"><span class="hidden md:inline">ブロードバンドジャパン株式会社</span><span class="md:hidden">BBJPN</span></a><nav class="hidden md:flex items-center gap-6"><a class="text-sm transition-colors duration-300 hover:opacity-70" style="color:#94a3b8" href="/vision">ビジョン</a><a class="text-sm transition-colors duration-300 hover:opacity-70" style="color:#94a3b8" href="/technology">テクノロジー</a><a class="text-sm transition-colors duration-300 hover:opacity-70" style="color:#94a3b8" href="/company">会社概要</a><a class="text-sm transition-colors duration-300 hover:opacity-70" style="color:#94a3b8" href="/services/heat119">熱中症対策</a><a class="text-sm transition-colors duration-300 hover:opacity-70" style="color:#94a3b8" href="/services/datasleep">睡眠改善</a><a class="text-sm transition-colors duration-300 hover:opacity-70" style="color:#94a3b8" href="/services/ai-boost">経営伴走</a><a class="text-sm transition-colors duration-300 hover:opacity-70" style="color:#94a3b8" href="/partnership">パートナーシップ</a><a class="px-5 py-2.5 rounded-full text-sm font-medium transition-all duration-300 hover:scale-105 hover:shadow-lg" style="background-color:#14b8a6;color:#ffffff;box-shadow:none" href="/contact">お問い合わせ</a></nav><button class="md:hidden relative z-50 p-2 -mr-2" aria-label="メニューを開く"><div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu" aria-hidden="true" style="color:#f1f5f9"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></div></button></div></header><div class="relative w-full min-h-screen overflow-hidden flex items-center justify-center transition-colors duration-1000" style="background-color:#050505;color:#f1f5f9"><div class="absolute inset-0 z-0"><div class="absolute inset-0 transition-all duration-1000" style="background:radial-gradient(circle_at_50%_50%,_rgba(20,184,166,0.05),transparent_70%)"></div></div><div class="absolute inset-0 z-0 pointer-events-none overflow-hidden"><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[400px] h-[400px] md:w-[800px] md:h-[800px] rounded-full blur-[100px] md:blur-[150px] transition-colors duration-1000" style="background-color:rgba(20,184,166,0.2)"></div><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 opacity-100 md:opacity-80" style="--dot-color:#14b8a6"><div class="hero-dot" style="--tx:50px;--ty:0px;--delay:0.4s"></div><div class="hero-dot" style="--tx:0px;--ty:50px;--delay:0.4s"></div><div class="hero-dot" style="--tx:-50px;--ty:0px;--delay:0.4s"></div><div class="hero-dot" style="--tx:0px;--ty:-50px;--delay:0.4s"></div><div class="hero-dot" style="--tx:100px;--ty:0px;--delay:0.8s"></div><div class="hero-dot" style="--tx:71px;--ty:71px;--delay:0.8s"></div><div class="hero-dot" style="--tx:0px;--ty:100px;--delay:0.8s"></div><div class="hero-dot" style="--tx:-71px;--ty:71px;--delay:0.8s"></div><div class="hero-dot" style="--tx:-100px;--ty:0px;--delay:0.8s"></div><div class="hero-dot" style="--tx:-71px;--ty:-71px;--delay:0.8s"></div><div class="hero-dot" style="--tx:0px;--ty:-100px;--delay:0.8s"></div><div class="hero-dot" style="--tx:71px;--ty:-71px;--delay:0.8s"></div><div class="hero-dot" style="--tx:150px;--ty:0px;--delay:1.2s"></div><div class="hero-dot" style="--tx:130px;--ty:75px;--delay:1.2s"></div><div class="hero-dot" style="--tx:75px;--ty:130px;--delay:1.2s"></div><div class="hero-dot" style="--tx:0px;--ty:150px;--delay:1.2s"></div><div class="hero-dot" style="--tx:-75px;--ty:130px;--delay:1.2s"></div><div class="hero-dot" style="--tx:-130px;--ty:75px;--delay:1.2s"></div><div class="hero-dot" style="--tx:-150px;--ty:0px;--delay:1.2s"></div><div class="hero-dot" style="--tx:-130px;--ty:-75px;--delay:1.2s"></div><div class="hero-dot" style="--tx:-75px;--ty:-130px;--delay:1.2s"></div><div class="hero-dot" style="--tx:0px;--ty:-150px;--delay:1.2s"></div><div class="hero-dot" style="--tx:75px;--ty:-130px;--delay:1.2s"></div><div class="hero-dot" style="--tx:130px;--ty:-75px;--delay:1.2s"></div><div class="hero-dot" style="--tx:200px;--ty:0px;--delay:1.6s"></div><div class="hero-dot" style="--tx:185px;--ty:77px;--delay:1.6s"></div><div class="hero-dot" style="--tx:141px;--ty:141px;--delay:1.6s"></div><div class="hero-dot" style="--tx:77px;--ty:185px;--delay:1.6s"></div><div class="hero-dot" style="--tx:0px;--ty:200px;--delay:1.6s"></div><div class="hero-dot" style="--tx:-77px;--ty:185px;--delay:1.6s"></div><div class="hero-dot" style="--tx:-141px;--ty:141px;--delay:1.6s"></div><div class="hero-dot" style="--tx:-185px;--ty:77px;--delay:1.6s"></div><div class="hero-dot" style="--tx:-200px;--ty:0px;--delay:1.6s"></div><div class="hero-dot" style="--tx:-185px;--ty:-77px;--delay:1.6s"></div><div class="hero-dot" style="--tx:-141px;--ty:-141px;--delay:1.6s"></div><div class="hero-dot" style="--tx:-77px;--ty:-185px;--delay:1.6s"></div><div class="hero-dot" style="--tx:0px;--ty:-200px;--delay:1.6s"></div><div class="hero-dot" style="--tx:77px;--ty:-185px;--delay:1.6s"></div><div class="hero-dot" style="--tx:141px;--ty:-141px;--delay:1.6s"></div><div class="hero-dot" style="--tx:185px;--ty:-77px;--delay:1.6s"></div><div class="hero-dot" style="--tx:250px;
1--ty:0px;--delay:2.0s"></div><div class="hero-dot" style="--tx:238px;--ty:77px;--delay:2.0s"></div><div class="hero-dot" style="--tx:202px;--ty:147px;--delay:2.0s"></div><div class="hero-dot" style="--tx:147px;--ty:202px;--delay:2.0s"></div><div class="hero-dot" style="--tx:77px;--ty:238px;--delay:2.0s"></div><div class="hero-dot" style="--tx:0px;--ty:250px;--delay:2.0s"></div><div class="hero-dot" style="--tx:-77px;--ty:238px;--delay:2.0s"></div><div class="hero-dot" style="--tx:-147px;--ty:202px;--delay:2.0s"></div><div class="hero-dot" style="--tx:-202px;--ty:147px;--delay:2.0s"></div><div class="hero-dot" style="--tx:-238px;--ty:77px;--delay:2.0s"></div><div class="hero-dot" style="--tx:-250px;--ty:0px;--delay:2.0s"></div><div class="hero-dot" style="--tx:-238px;--ty:-77px;--delay:2.0s"></div><div class="hero-dot" style="--tx:-202px;--ty:-147px;--delay:2.0s"></div><div class="hero-dot" style="--tx:-147px;--ty:-202px;--delay:2.0s"></div><div class="hero-dot" style="--tx:-77px;--ty:-238px;--delay:2.0s"></div><div class="hero-dot" style="--tx:0px;--ty:-250px;--delay:2.0s"></div><div class="hero-dot" style="--tx:77px;--ty:-238px;--delay:2.0s"></div><div class="hero-dot" style="--tx:147px;--ty:-202px;--delay:2.0s"></div><div class="hero-dot" style="--tx:202px;--ty:-147px;--delay:2.0s"></div><div class="hero-dot" style="--tx:238px;--ty:-77px;--delay:2.0s"></div></div></div><div class="absolute inset-0 z-0 flex items-center justify-center opacity-30 pointer-events-none"><div class="w-[800px] h-[800px] rounded-full transition-colors duration-1000" style="border:1px solid #1e293b"></div><div class="absolute w-[600px] h-[600px] rounded-full transition-colors duration-1000" style="border:1px solid rgba(20,184,166,0.3)"></div><div class="absolute w-[400px] h-[400px] rounded-full transition-colors duration-1000" style="border:2px solid #14b8a6"></div></div><div class="relative z-10 max-w-6xl mx-auto px-6 pt-20"><div class="grid md:grid-cols-12 gap-8 md:gap-12 items-center"><div class="md:col-span-8"><div class="mb-6 flex items-center gap-3" style="opacity:1;transform:none"><div class="h-[1px] w-12 transition-colors duration-1000" style="background-color:#14b8a6"></div><span class="font-mono text-xs tracking-[0.2em] uppercase transition-colors duration-1000" style="color:#14b8a6">Healthcare × AI Solutions</span></div><div class="h-[300px] relative"><div class="absolute top-0 left-0 w-full" style="opacity:0;transform:translateY(20px)"><h1 class="text-4xl md:text-5xl lg:text-6xl font-bold leading-tight tracking-tight mb-8"><span class="transition-colors duration-1000" style="color:#f1f5f9">データで守る、</span><br/><span class="bg-clip-text text-transparent transition-all duration-1000" style="background-image:linear-gradient(to right, #2dd4bf, #22d3ee, #3b82f6)">働く人の健康</span><span class="transition-colors duration-1000" style="color:#14b8a6">。</span></h1><p class="text-lg md:text-xl max-w-2xl leading-relaxed mb-8 font-light transition-colors duration-1000" style="color:#94a3b8">熱中症・睡眠不足による労災を<span class="font-medium transition-colors duration-1000" style="color:#ffffff">未然に防ぐ</span>。<br/>AIとデータで、安心して働ける環境を実現します。</p></div></div><div class="flex flex-wrap gap-8 mb-10" style="opacity:1;transform:none"><div><div class="text-3xl md:text-4xl font-bold transition-colors duration-1000" style="color:#14b8a6">50+</div><div class="text-xs uppercase tracking-wider mt-1 transition-colors duration-1000" style="color:#64748b">導入企業数</div></div><div><div class="text-3xl md:text-4xl font-bold transition-colors duration-1000" style="color:#14b8a6">10,000+</div><div class="text-xs uppercase tracking-wider mt-1 transition-colors duration-1000" style="color:#64748b">利用者数</div></div><div><div class="text-3xl md:text-4xl font-bold transition-colors duration-1000" style="color:#14b8a6">98%</div><div class="text-xs uppercase tracking-wider mt-1 transition-colors duration-1000" style="color:#64748b">継続率</div></div></div><div class="flex flex-wrap gap-4" style="opacity:1;transform:none"><a href="/contact" class="group relative inline-flex items-center gap-3 px-8 py-4 rounded-full font-bold text-base overflow-hidden transition-all duration-300 hover:scale-105" style="background-color:#14b8a6;color:#ffffff;box-shadow:0 4px 20px rgba(20,184,166,0.3)"><span class="relative z-10">お問い合わせ</span><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right relative z-10 group-hover:translate-x-1 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><div class="absolute inset-0 transform scale-x-0 group-hover:scale-x-100 transition-transform origin-left duration-300" style="background-color:#5eead4"></div></a><a href="/services/heat119" class="inline-flex items-center gap-2 px-8 py-4 rounded-full font-medium text-base border transition-all duration-300 hover:scale-105" style="border-color:#334155;color:#f1f5f9;background-color:transparent">サービスを見る</a></div></div><div class="md:col-span-4 hidden md:block pl-8 transition-colors duration-1000" style="border-left:1px solid #1e293b"><div class="space-y-6" style="opacity:1"><a href="/services/heat119" class="block p-4 rounded-2xl transition-all duration-300 hover:scale-[1.02] group" style="background-color:rgba(10,10,12,0.5);border:1px solid rgba(249,115,22,0.2)"><div class="flex items-center gap-3 mb-2"><div class="w-8 h-8 rounded-lg bg-orange-500/20 flex items-center justify-center"><svg class="w-4 h-4 text-orange-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41"></path></svg></div><div><div class="text-sm font-medium transition-colors duration-1000" style="color:#ffffff">Heat119</div><div class="text-xs transition-colors duration-1000" style="color:#64748b">熱中症対策</div></div></div><div class="text-xs group-hover:text-orange-400 transition-colors" style="color:#64748b">リアルタイムリスク管理 →</div></a><a href="/services/datasleep" class="block p-4 rounded-2xl transition-all duration-300 hover:scale-[1.02] group" style="background-color:rgba(10,10,12,0.5);border:1px solid rgba(99,102,241,0.2)"><div class="flex items-center gap-3 mb-2"><div class="w-8 h-8 rounded-lg bg-indigo-500/20 flex items-center justify-center"><svg class="w-4 h-4 text-indigo-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1<path d="M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"></path></svg></div><div><div class="text-sm font-medium transition-colors duration-1000" style="color:#ffffff">DataSleep</div><div class="text-xs transition-colors duration-1000" style="color:#64748b">睡眠改善</div></div></div><div class="text-xs group-hover:text-indigo-400 transition-colors" style="color:#64748b">パフォーマンス最適化 →</div></a><div class="p-4 rounded-2xl text-center" style="background-color:rgba(20,184,166,0.1);border:1px solid rgba(20,184,166,0.2)"><div class="text-xs mb-1 transition-colors duration-1000" style="color:#64748b">初回相談</div><div class="text-lg font-bold transition-colors duration-1000" style="color:#14b8a6">無料</div></div></div></div></div></div><div class="absolute bottom-8 left-1/2 -translate-x-1/2 cursor-pointer z-10" style="opacity:1"><div class="flex flex-col items-center gap-2"><span class="text-xs tracking-widest uppercase transition-colors duration-1000" style="color:#64748b">Scroll</span><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down" aria-hidden="true" style="color:#14b8a6"><path d="m6 9 6 6 6-6"></path></svg></div></div></div><section class="py-20 md:py-28 relative overflow-hidden transition-colors duration-1000" style="background-color:#0a0a0c"><div class="absolute inset-0 opacity-50" style="background:radial-gradient(ellipse 80% 50% at 50% 0%, rgba(20,184,166,0.03), transparent)"></div><div class="max-w-6xl mx-auto px-6 relative z-10"><div class="text-center mb-16" style="opacity:0;transform:translateY(20px)"><span class="font-mono text-xs tracking-[0.2em] uppercase mb-4 block transition-colors duration-1000" style="color:#14b8a6">Why Choose Us</span><h2 class="text-3xl md:text-4xl font-bold mb-4 transition-colors duration-1000" style="color:#f1f5f9">選ばれる理由</h2><p class="text-base max-w-2xl mx-auto transition-colors duration-1000" style="color:#94a3b8">多くの企業・自治体に導入いただいている実績があります</p></div><div class="grid grid-cols-2 md:grid-cols-4 gap-6 mb-16"><div class="text-center p-6 rounded-2xl transition-all duration-300 hover:scale-105" style="background-color:rgba(10,10,12,0.8);border:1px solid #1e293b;opacity:0;transform:translateY(20px)"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users mx-auto mb-3" aria-hidden="true" style="color:#14b8a6"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg><div class="text-3xl md:text-4xl font-bold mb-1 transition-colors duration-1000" style="color:#ffffff">10,000+</div><div class="text-sm font-medium mb-1 transition-colors duration-1000" style="color:#f1f5f9">累計利用者数</div><div class="text-xs transition-colors duration-1000" style="color:#64748b">全国の企業・自治体で</div></div><div class="text-center p-6 rounded-2xl transition-all duration-300 hover:scale-105" style="background-color:rgba(10,10,12,0.8);border:1px solid #1e293b;opacity:0;transform:translateY(20px)"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield mx-auto mb-3" aria-hidden="true" style="color:#14b8a6"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg><div class="text-3xl md:text-4xl font-bold mb-1 transition-colors duration-1000" style="color:#ffffff">99.9%</div><div class="text-sm font-medium mb-1 transition-colors duration-1000" style="color:#f1f5f9">システム稼働率</div><div class="text-xs transition-colors duration-1000" style="color:#64748b">24時間365日監視</div></div><div class="text-center p-6 rounded-2xl transition-all duration-300 hover:scale-105" style="background-color:rgba(10,10,12,0.8);border:1px solid #1e293b;opacity:0;transform:translateY(20px)"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up mx-auto mb-3" aria-hidden="true" style="color:#14b8a6"><path d="M16 7h6v6"></path><path d="m22 7-8.5 8.5-5-5L2 17"></path></svg><div class="text-3xl md:text-4xl font-bold mb-1 transition-colors duration-1000" style="color:#ffffff">67%</div><div class="text-sm font-medium mb-1 transition-colors duration-1000" style="color:#f1f5f9">リスク低減率</div><div class="text-xs transition-colors duration-1000" style="color:#64748b">導入企業平均</div></div><div class="text-center p-6 rounded-2xl transition-all duration-300 hover:scale-105" style="background-color:rgba(10,10,12,0.8);border:1px solid #1e293b;opacity:0;transform:translateY(20px)"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-award mx-auto mb-3" aria-hidden="true" style="color:#14b8a6"><path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526"></path><circle cx="12" cy="8" r="6"></circle></svg><div class="text-3xl md:text-4xl font-bold mb-1 transition-colors duration-1000" style="color:#ffffff">98%</div><div class="text-sm font-medium mb-1 transition-colors duration-1000" style="color:#f1f5f9">顧客満足度</div><div class="text-xs transition-colors duration-1000" style="color:#64748b">継続利用率</div></div></div><div class="text-center" style="opacity:0"><p class="text-sm mb-6 transition-colors duration-1000" style="color:#64748b">導入業種</p><div class="flex flex-wrap justify-center gap-3"><span class="px-4 py-2 rounded-full text-sm transition-colors duration-300" style="background-color:rgba(20,184,166,0.1);color:#f1f5f9;border:1px solid rgba(20,184,166,0.2);opacity:0;transform:scale(0.9)">大手建設会社</span><span class="px-4 py-2 rounded-full text-sm transition-colors duration-300" style="background-color:rgba(20,184,166,0.1);color:#f1f5f9;border:1px solid rgba(20,184,166,0.2);opacity:0;transform:scale(0.9)">物流企業</span><span class="px-4 py-2 rounded-full text-sm transition-colors duration-300" style="background-color:rgba(20,184,166,0.1);color:#f1f5f9;border:1px solid rgba(20,184,166,0.2);opacity:0;transform:scale(0.9)">製造業</span><span class="px-4 py-2 rounded-full text-sm transition-colors duration-300" style="background-color:rgba(20,184,166,0.1);color:#f1f5f9;border:1px solid rgba(20,184,166,0.2);opacity:0;transform:scale(0.9)">自治体</span><span class="px-4 py-2 rounded-full text-sm transition-colors duration-300" style="background-color:rgba(20,184,166,0.1);color:#f1f5f9;border:1px solid rgba(20,184,166,0.2);opacity:0;transform:scale(0.9)">学校法人</span><span class="px-4 py-2 rounded-full text-sm transition-colors duration-300" style="background-color:rgba(20,184,166,0.1);color:#f1f5f9;border:1px solid rgba(20,184,166,0.2);opacity:0;transform:scale(0.9)">介護施設</span></div></div><div class="mt-16 p-8 rounded-3xl text-center" style="background-color:rgba(10,10,12,0.8);border:1px solid #1e293b;opacity:0;transform:translateY(20px)"><svg class="w-10 h-10 mx-auto mb-4 opacity-30" fill="currentColor" viewBox="0 0 24 24" style="color:#14b8a6"><path d="M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z"></path></svg><p class="text-lg md:text-xl leading-relaxed mb-6 transition-colors duration-1000" style="color:#f1f5f9">Heat119導入後、現場での熱中症発生件数が<br class="hidden md:inline"/><span class="font-bold" style="color:#14b8a6">前年比70%減少</span>しました。</p><div class="text-sm transition-colors duration-1000" style="color:#64748b">— 大手建設会社 安全衛生部長</div></div></div></section><style>
2@keyframes pulseOpacity {
3    0%, 100% { opacity: 0.1; }
4    50% { opacity: 0.8; }
5}
6@keyframes barPulse {
7    0%, 100% { transform: scaleY(1); }
8    50% { transform: scaleY(1.1); }
9}
10@keyframes sleepSegment {
11    0%, 100% { opacity: 0.5; transform: scaleX(0.95); }
12    50% { opacity: 1; transform: scaleX(1.05); }
13}
14@keyframes cubeFloat {
15    0%, 100% { transform: scale(1); opacity: 0.3; }
16    50% { transform: scale(1.2); opacity: 0.8; }
17}
18</style><section class="py-24 px-6 relative z-10 transition-colors duration-1000" style="background-color:#0a0a0c;color:#ffffff" id="solutions"><div class="max-w-6xl mx-auto"><div class="mb-16"><h2 class="text-3xl md:text-5xl mb-6 transition-colors duration-1000" style="color:#ffffff">サービスについて</h2><p class="max-w-2xl text-lg leading-relaxed transition-colors duration-1000" style="color:#94a3b8">データとテクノロジーの力で、現代社会が抱える健康課題に挑む。<br/>BBJPNの実装するソリューション群。</p></div><div class="grid grid-cols-1 md:grid-cols-3 gap-6 auto-rows-[300px]"><div class="backdrop-blur-sm rounded-3xl p-6 overflow-hidden relative transition-all duration-500 hover:scale-[1.01] md:col-span-2 relative group border-orange-900/30 hover:border-orange-500/50 cursor-pointer" style="background-color:rgba(15,23,42,0.5);border-width:1px;border-style:solid"><a class="absolute inset-0 z-30" aria-label="Heat119" href="/services/heat119"></a><div class="absolute top-6 right-6 p-2 bg-orange-500/10 rounded-full text-orange-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sun" aria-hidden="true"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg></div><div class="h-full flex flex-col justify-between relative z-10"><div><h3 class="text-2xl font-bold mb-2 flex items-center gap-2 transition-colors duration-1000" style="color:#ffffff">Heat119 <span class="text-xs font-normal text-orange-400 border border-orange-500/30 px-2 py-0.5 rounded-full">Active</span></h3><p class="transition-colors duration-1000" style="color:#94a3b8">熱中症リスク管理・アラートシステム</p><p class="text-sm mt-2 max-w-md transition-colors duration-1000" style="color:#64748b">気象データと環境センサーを統合し、労働現場や学校での熱中症リスクをリアルタイムに可視化。</p></div><div class="space-y-4 mt-4"><div class="flex items-end gap-2 h-24 pb-2 w-full md:w-2/3 transition-colors duration-1000" style="border-bottom:1px solid rgba(51,65,85,0.5)"><div class="flex-1 bg-gradient-to-t from-orange-900/20 to-orange-500/80 rounded-t-sm origin-bottom" style="height:30%;animation:barPulse 2s ease-in-out 0s infinite"></div><div class="flex-1 bg-gradient-to-t from-orange-900/20 to-orange-500/80 rounded-t-sm origin-bottom" style="height:45%;animation:barPulse 2.2s ease-in-out 0.1s infinite"></div><div class="flex-1 bg-gradient-to-t from-orange-900/20 to-orange-500/80 rounded-t-sm origin-bottom" style="height:35%;animation:barPulse 2.4s ease-in-out 0.2s infinite"></div><div class="flex-1 bg-gradient-to-t from-orange-900/20 to-orange-500/80 rounded-t-sm origin-bottom" style="height:60%;animation:barPulse 2.6s ease-in-out 0.30000000000000004s infinite"></div><div class="flex-1 bg-gradient-to-t from-orange-900/20 to-orange-500/80 rounded-t-sm origin-bottom" style="height:50%;animation:barPulse 2.8s ease-in-out 0.4s infinite"></div><div class="flex-1 bg-gradient-to-t from-orange-900/20 to-orange-500/80 rounded-t-sm origin-bottom" style="height:85%;animation:barPulse 3s ease-in-out 0.5s infinite"></div><div class="flex-1 bg-gradient-to-t from-orange-900/20 to-orange-500/80 rounded-t-sm origin-bottom" style="height:65%;animation:barPulse 3.2s ease-in-out 0.6000000000000001s infinite"></div><div class="flex-1 bg-gradient-to-t from-orange-900/20 to-orange-500/80 rounded-t-sm origin-bottom" style="height:90%;animation:barPulse 3.4000000000000004s ease-in-out 0.7000000000000001s infinite"></div><div class="flex-1 bg-gradient-to-t from-orange-900/20 to-orange-500/80 rounded-t-sm origin-bottom" style="height:75%;animation:barPulse 3.6s ease-in-out 0.8s infinite"></div><div class="flex-1 bg-gradient-to-t from-orange-900/20 to-orange-500/80 rounded-t-sm origin-bottom" style="height:50%;animation:barPulse 3.8s ease-in-out 0.9s infinite"></div></div><div class="flex justify-between items-center"><span class="text-xs font-mono transition-colors duration-1000" style="color:#64748b">LIVE WBGT MONITORING</span><a class="flex items-center gap-2 text-sm text-orange-400 hover:text-orange-300 transition-colors z-20" href="/services/heat119">詳しく見る <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
18ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div></div></div><div class="absolute -bottom-20 -right-20 w-64 h-64 bg-orange-500/10 blur-[100px] rounded-full group-hover:bg-orange-500/20 transition-all duration-500"></div></div><div class="backdrop-blur-sm rounded-3xl p-6 overflow-hidden relative transition-all duration-500 hover:scale-[1.01] md:row-span-2 relative group border-indigo-900/30 hover:border-indigo-500/50 cursor-pointer" style="background-color:rgba(15,23,42,0.5);border-width:1px;border-style:solid"><a class="absolute inset-0 z-30" aria-label="DataSleep" href="/services/datasleep"></a><div class="absolute top-6 right-6 p-2 bg-indigo-500/10 rounded-full text-indigo-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-moon" aria-hidden="true"><path d="M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"></path></svg></div><div class="h-full flex flex-col justify-between relative z-10"><div><h3 class="text-2xl font-bold mb-2 flex items-center gap-2 transition-colors duration-1000" style="color:#ffffff">DataSleep <span class="text-xs font-normal text-indigo-400 border border-indigo-500/30 px-2 py-0.5 rounded-full">Active</span></h3><p class="transition-colors duration-1000" style="color:#94a3b8">睡眠解析・パフォーマンス最適化</p><p class="text-sm mt-4 transition-colors duration-1000" style="color:#64748b">ウェアラブルデバイスから得られる睡眠深度データをAIが解析。翌日のパフォーマンス予測と最適な休息プランを提案。</p></div><div class="flex-1 flex flex-col justify-center gap-[1px] my-4 overflow-hidden relative"><div class="flex h-[6px] w-full relative"><div class="absolute h-full" style="left:15%;width:25%;background-color:rgba(251, 113, 133, 0.9);animation:sleepSegment 4s ease-in-out 0s infinite"></div><div class="absolute h-full" style="left:40%;width:45%;background-color:rgba(125, 211, 252, 0.8);animation:sleepSegment 4s ease-in-out 0.2s infinite"></div></div><div class="flex h-[6px] w-full relative"><div class="absolute h-full" style="left:17%;width:25%;background-color:rgba(251, 113, 133, 0.9);animation:sleepSegment 4s ease-in-out 0.05s infinite"></div><div class="absolute h-full" style="left:42%;width:46%;background-color:rgba(125, 211, 252, 0.8);animation:sleepSegment 4s ease-in-out 0.25s infinite"></div></div><div class="flex h-[6px] w-full relative"><div class="absolute h-full" style="left:19%;width:25%;background-color:rgba(251, 113, 133, 0.9);animation:sleepSegment 4s ease-in-out 0.1s infinite"></div><div class="absolute h-full" style="left:44%;width:15%;background-color:rgba(125, 211, 252, 0.8);animation:sleepSegment 4s ease-in-out 0.30000000000000004s infinite"></div><div class="absolute h-full" style="left:62%;width:29%;background-color:rgba(125, 211, 252, 0.6);animation:sleepSegment 4s ease-in-out 0.5s infinite"></div></div><div class="flex h-[6px] w-full relative"><div class="absolute h-full" style="left:21%;width:25%;background-color:rgba(251, 113, 133, 0.9);animation:sleepSegment 4s ease-in-out 0.15000000000000002s infinite"></div><div class="absolute h-full" style="left:46%;width:48%;background-color:rgba(125, 211, 252, 0.8);animation:sleepSegment 4s ease-in-out 0.35000000000000003s infinite"></div></div><div class="flex h-[6px] w-full relative"><div class="absolute h-full" style="left:23%;width:25%;background-color:rgba(251, 113, 133, 0.9);animation:sleepSegment 4s ease-in-out 0.2s infinite"></div><div class="absolute h-full" style="left:48%;width:37%;background-color:rgba(125, 211, 252, 0.8);animation:sleepSegment 4s ease-in-out 0.4s infinite"></div></div><div class="flex h-[6px] w-full relative"><div class="absolute h-full" style="left:15%;width:25%;background-color:rgba(251, 113, 133, 0.9);animation:sleepSegment 4s ease-in-out 0.25s infinite"></div><div class="absolute h-full" style="left:40%;width:48%;background-color:rgba(125, 211, 252, 0.8);animation:sleepSegment 4s ease-in-out 0.45s infinite"></div></div><div class="flex h-[6px] w-full relative"><div class="absolute h-full" style="left:17%;width:25%;background-color:rgba(251, 113, 133, 0.9);animation:sleepSegment 4s ease-in-out 0.30000000000000004s infinite"></div><div class="absolute h-full" style="left:42%;width:49%;background-color:rgba(125, 211, 252, 0.8);animation:sleepSegment 4s ease-in-out 0.5s infinite"></div></div><div class="flex h-[6px] w-full relative"><div class="absolute h-full" style="left:19%;width:25%;background-color:rgba(251, 113, 133, 0.9);animation:sleepSegment 4s ease-in-out 0.35000000000000003s infinite"></div><div class="absolute h-full" style="left:44%;width:15%;background-color:rgba(125, 211, 252, 0.8);animation:sleepSegment 4s ease-in-out 0.55s infinite"></div><div class="absolute h-full" style="left:62%;width:32%;background-color:rgba(125, 211, 252, 0.6);animation:sleepSegment 4s ease-in-out 0.75s infinite"></div></div><div class="flex h-[6px] w-full relative"><div class="absolute h-full" style="left:21%;width:25%;background-color:rgba(251, 113, 133, 0.9);animation:sleepSegment 4s ease-in-out 0.4s infinite"></div><div class="absolute h-full" style="left:46%;width:39%;background-color:rgba(125, 211, 252, 0.8);animation:sleepSegment 4s ease-in-out 0.6000000000000001s infinite"></div></div><div class="flex h-[6px] w-full relative"><div class="absolute h-full" style="left:23%;width:25%;background-color:rgba(251, 113, 133, 0.9);animation:sleepSegment 4s ease-in-out 0.45s infinite"></div><div class="absolute h-full" style="left:48%;width:40%;background-color:rgba(125, 211, 252, 0.8);animation:sleepSegment 4s ease-in-out 0.65s infinite"></div></div><div class="flex h-[6px] w-full relative"><div class="absolute h-full" style="left:15%;width:25%;background-color:rgba(251, 113, 133, 0.9);animation:sleepSegment 4s ease-in-out 0.5s infinite"></div><div class="absolute h-full" style="left:40%;width:51%;background-color:rgba(125, 211, 252, 0.8);animation:sleepSegment 4s ease-in-out 0.7s infinite"></div></div><div class="flex h-[6px] w-full relative"><div class="absolute h-full" style="left:17%;width:25%;background-color:rgba(251, 113, 133, 0.9);animation:sleepSegment 4s ease-in-out 0.55s infinite"></div><div class="absolute h-full" style="left:42%;width:52%;background-color:rgba(125, 211, 252, 0.8);animation:sleepSegment 4s ease-in-out 0.75s infinite"></div></div><div class="flex h-[6px] w-full relative"><div class="absolute h-full" style="left:19%;width:25%;background-color:rgba(251, 113, 133, 0.9);animation:sleepSegment 4s ease-in-out 0.6000000000000001s infinite"></div><div class="absolute h-full" style="left:44%;width:15%;background-color:rgba(125, 211, 252, 0.8);animation:sleepSegment 4s ease-in-out 0.8s infinite"></div><div class="absolute h-full" style="left:62%;width:23%;background-color:rgba(125, 211, 252, 0.6);animation:sleepSegment 4s ease-in-out 1s infinite"></div></div><div class="flex h-[6px] w-full relative"><div class="absolute h-full" style="left:21%;width:25%;background-color:rgba(251, 113, 133, 0.9);animation:sleepSegment 4s ease-in-out 0.65s infinite"></div><div class="absolute h-full" style="left:46%;width:42%;background-color:rgba(125, 211, 252, 0.8);animation:sleepSegment 4s ease-in-out 0.8500000000000001s infinite"></div></div><div class="flex h-[6px] w-full relative"><div class="absolute h-full" style="left:23%;width:25%;background-color:rgba(251, 113, 133, 0.9);animation:sleepSegment 4s ease-in-out 0.7000000000000001s infinite"></div><div class="absolute h-full" style="left:48%;width:43%;background-color:rgba(125, 211, 252, 0.8);animation:sleepSegment 4s ease-in-out 0.9000000000000001s infinite"></div></div><div class="flex h-[6px] w-full relative"><div class="absolute h-full" style="left:15%;width:25%;background-color:rgba(251, 113, 133, 0.9);animation:sleepSegment 4s ease-in-out 0.75s infinite"></div><div class="absolute h-full" style="left:40%;width:54%;background-color:rgba(125, 211, 252, 0.8);animation:sleepSegment 4s ease-in-out 0.95s infinite"></div></div><div class="flex h-[6px] w-full relative"><div class="absolute h-full" style="left:17%;width:25%;background-color:rgba(251, 113, 133, 0.9);animation:sleepSegment 4s ease-in-out 0.8s infinite"></div><div class="absolute h-full" style="left:42%;width:43%;background-color:rgba(125, 211, 252, 0.8);animation:sleepSegment 4s ease-in-out 1s infinite"></div></div><div class="flex h-[6px] w-full relative"><div class="absolute h-full" style="left:19%;width:25%;background-color:rgba(251, 113, 133, 0.9);animation:sleepSegment 4s ease-in-out 0.8500000000000001s infinite"></div><div class="absolute h-full" style="left:44%;width:15%;background-color:rgba(125, 211, 252, 0.8);animation:sleepSegment 4s ease-in-out 1.05s infinite"></div><div class="absolute h-full" style="left:62%;width:26%;background-color:rgba(125, 211, 252, 0.6);animation:sleepSegment 4s ease-in-out 1.25s infinite"></div></div><div class="flex h-[6px] w-full relative"><div class="absolute h-full" style="left:21%;width:25%;background-color:rgba(251, 113, 133, 0.9);animation:sleepSegment 4s ease-in-out 0.9s infinite"></div><div class="absolute h-full" style="left:46%;width:45%;background-color:rgba(125, 211, 252, 0.8);animation:sleepSegment 4s ease-in-out 1.1s infinite"></div></div><div class="flex h-[6px] w-full relative"><div class="absolute h-full" style="left:23%;width:25%;background-color:rgba(251, 113, 133, 0.9);animation:sleepSegment 4s ease-in-out 0.9500000000000001s infinite"></div><div class="absolute h-full" style="left:48%;width:46%;background-color:rgba(125, 211, 252, 0.8);animation:sleepSegment 4s ease-in-out 1.1500000000000001s infinite"></div></div><div class="flex h-[6px] w-full relative"><div class="absolute h-full" style="left:15%;width:25%;background-color:rgba(251, 113, 133, 0.9);animation:sleepSegment 4s ease-in-out 1s infinite"></div><div class="absolute h-full" style="left:40%;width:45%;background-color:rgba(125, 211, 252, 0.8);animation:sleepSegment 4s ease-in-out 1.2s infinite"></div></div><div class="flex h-[6px] w-full relative"><div class="absolute h-full" style="left:17%;width:25%;background-color:rgba(251, 113, 133, 0.9);animation:sleepSegment 4s ease-in-out 1.05s infinite"></div><div class="absolute h-full" style="left:42%;width:46%;background-color:rgba(125, 211, 252, 0.8);animation:sleepSegment 4s ease-in-out 1.25s infinite"></div></div><div class="flex h-[6px] w-full relative"><div class="absolute h-full" style="left:19%;width:25%;background-color:rgba(251, 113, 133, 0.9);animation:sleepSegment 4s ease-in-out 1.1s infinite"></div><div class="absolute h-full" style="left:44%;width:15%;background-color:rgba(125, 211, 252, 0.8);animation:sleepSegment 4s ease-in-out 1.3s infinite"></div><div class="absolute h-full" style="left:62%;width:29%;background-color:rgba(125, 211, 252, 0.6);animation:sleepSegment 4s ease-in-out 1.5s infinite"></div></div><div class="flex h-[6px] w-full relative"><div class="absolute h-full" style="left:21%;width:25%;background-color:rgba(251, 113, 133, 0.9);animation:sleepSegment 4s ease-in-out 1.1500000000000001s infinite"></div><div class="absolute h-full" style="left:46%;width:48%;background-color:rgba(125, 211, 252, 0.8);animation:sleepSegment 4s ease-in-out 1.35s infinite"></div></div><div class="flex h-[6px] w-full relative"><div class="absolute h-full" style="left:23%;width:25%;background-color:rgba(251, 113, 133, 0.9);animation:sleepSegment 4s ease-in-out 1.2000000000000002s infinite"></div><div class="absolute h-full" style="left:48%;width:37%;background-color:rgba(125, 211, 252, 0.8);animation:sleepSegment 4s ease-in-out 1.4000000000000001s infinite"></div></div><div class="flex h-[6px] w-full relative"><div class="absolute h-full" style="left:15%;width:25%;background-color:rgba(251, 113, 133, 0.9);animation:sleepSegment 4s ease-in-out 1.25s infinite"></div><div class="absolute h-full" style="left:40%;width:48%;background-color:rgba(125, 211, 252, 0.8);animation:sleepSegment 4s ease-in-out 1.45s infinite"></div></div><div class="flex h-[6px] w-full relative"><div class="absolute h-full" style="left:17%;width:25%;background-color:rgba(251, 113, 133, 0.9);animation:sleepSegment 4s ease-in-out 1.3s infinite"></div><div class="absolute h-full" style="left:42%;width:49%;background-color:rgba(125, 211, 252, 0.8);animation:sleepSegment 4s ease-in-out 1.5s infinite"></div></div><div class="flex h-[6px] w-full relative"><div class="absolute h-full" style="left:19%;width:25%;background-color:rgba(251, 113, 133, 0.9);animation:sleepSegment 4s ease-in-out 1.35s infinite"></div><div class="absolute h-full" style="left:44%;width:15%;background-color:rgba(125, 211, 252, 0.8);animation:sleepSegment 4s ease-in-out 1.55s infinite"></div><div class="absolute h-full" style="left:62%;width:32%;background-color:rgba(125, 211, 252, 0.6);animation:sleepSegment 4s ease-in-out 1.75s infinite"></div></div><div class="flex h-[6px] w-full relative"><div class="absolute h-full" style="left:21%;width:25%;background-color:rgba(251, 113, 133, 0.9);animation:sleepSegment 4s ease-in-out 1.4000000000000001s infinite"></div><div class="absolute h-full" style="left:46%;width:39%;background-color:rgba(125, 211, 252, 0.8);animation:sleepSegment 4s ease-in-out 1.6s infinite"></div></div><div class="flex h-[6px] w-full relative"><div class="absolute h-full" style="left:23%;width:25%;background-color:rgba(251, 113, 133, 0.9);animation:sleepSegment 4s ease-in-out 1.4500000000000002s infinite"></div><div class="absolute h-full" style="left:48%;width:40%;background-color:rgba(125, 211, 252, 0.8);animation:sleepSegment 4s ease-in-out 1.6500000000000001s infinite"></div></div></div><div class="flex justify-between items-center mt-4"><span class="text-xs font-mono transition-colors duration-1000" style="color:#64748b">SLEEP QUALITY INDEX</span><a class="flex items-center gap-2 text-sm text-indigo-400 hover:text-indigo-300 transition-colors z-20" href="/services/datasleep">詳しく見る <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
18ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div></div><div class="absolute -top-20 -left-20 w-64 h-64 bg-indigo-500/10 blur-[100px] rounded-full group-hover:bg-indigo-500/20 transition-all duration-500"></div></div><div class="backdrop-blur-sm rounded-3xl p-6 overflow-hidden relative transition-all duration-500 hover:scale-[1.01] relative group overflow-hidden border-teal-900/30 hover:border-teal-500/50" style="background-color:rgba(15,23,42,0.5);border-width:1px;border-style:solid"><div class="absolute top-6 right-6 p-2 bg-teal-500/10 rounded-full text-teal-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-activity" aria-hidden="true"><path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"></path></svg></div><div class="h-full flex flex-col justify-between relative z-10"><div><h3 class="text-xl font-bold mb-2 transition-colors duration-1000" style="color:#ffffff">Core Tech</h3><p class="text-sm transition-colors duration-1000" style="color:#94a3b8">生体データ解析AIエンジン</p></div><div class="grid grid-cols-6 gap-1 mt-4 opacity-50"><div class="aspect-square bg-teal-500 rounded-[1px]" style="animation:pulseOpacity 1.5s ease-in-out 0s infinite"></div><div class="aspect-square bg-teal-500 rounded-[1px]" style="animation:pulseOpacity 1.7s ease-in-out 0.08s infinite"></div><div class="aspect-square bg-teal-500 rounded-[1px]" style="animation:pulseOpacity 1.9s ease-in-out 0.16s infinite"></div><div class="aspect-square bg-teal-500 rounded-[1px]" style="animation:pulseOpacity 2.1s ease-in-out 0.24s infinite"></div><div class="aspect-square bg-teal-500 rounded-[1px]" style="animation:pulseOpacity 2.3s ease-in-out 0.32s infinite"></div><div class="aspect-square bg-teal-500 rounded-[1px]" style="animation:pulseOpacity 1.5s ease-in-out 0.4s infinite"></div><div class="aspect-square bg-teal-500 rounded-[1px]" style="animation:pulseOpacity 1.7s ease-in-out 0.48s infinite"></div><div class="aspect-square bg-teal-500 rounded-[1px]" style="animation:pulseOpacity 1.9s ease-in-out 0.56s infinite"></div><div class="aspect-square bg-teal-500 rounded-[1px]" style="animation:pulseOpacity 2.1s ease-in-out 0.64s infinite"></div><div class="aspect-square bg-teal-500 rounded-[1px]" style="animation:pulseOpacity 2.3s ease-in-out 0.72s infinite"></div><div class="aspect-square bg-teal-500 rounded-[1px]" style="animation:pulseOpacity 1.5s ease-in-out 0.8s infinite"></div><div class="aspect-square bg-teal-500 rounded-[1px]" style="animation:pulseOpacity 1.7s ease-in-out 0.88s infinite"></div><div class="aspect-square bg-teal-500 rounded-[1px]" style="animation:pulseOpacity 1.9s ease-in-out 0.96s infinite"></div><div class="aspect-square bg-teal-500 rounded-[1px]" style="animation:pulseOpacity 2.1s ease-in-out 1.04s infinite"></div><div class="aspect-square bg-teal-500 rounded-[1px]" style="animation:pulseOpacity 2.3s ease-in-out 1.12s infinite"></div><div class="aspect-square bg-teal-500 rounded-[1px]" style="animation:pulseOpacity 1.5s ease-in-out 1.2s infinite"></div><div class="aspect-square bg-teal-500 rounded-[1px]" style="animation:pulseOpacity 1.7s ease-in-out 1.28s infinite"></div><div class="aspect-square bg-teal-500 rounded-[1px]" style="animation:pulseOpacity 1.9s ease-in-out 1.36s infinite"></div><div class="aspect-square bg-teal-500 rounded-[1px]" style="animation:pulseOpacity 2.1s ease-in-out 1.44s infinite"></div><div class="aspect-square bg-teal-500 rounded-[1px]" style="animation:pulseOpacity 2.3s ease-in-out 1.52s infinite"></div><div class="aspect-square bg-teal-500 rounded-[1px]" style="animation:pulseOpacity 1.5s ease-in-out 1.6s infinite"></div><div class="aspect-square bg-teal-500 rounded-[1px]" style="animation:pulseOpacity 1.7s ease-in-out 1.68s infinite"></div><div class="aspect-square bg-teal-500 rounded-[1px]" style="animation:pulseOpacity 1.9s ease-in-out 1.76s infinite"></div><div class="aspect-square bg-teal-500 rounded-[1px]" style="animation:pulseOpacity 2.1s ease-in-out 1.84s infinite"></div></div><div class="mt-2 text-xs text-teal-500/80 font-mono">PROCESSING...</div></div></div><div class="backdrop-blur-sm rounded-3xl p-6 overflow-hidden relative transition-all duration-500 hover:scale-[1.01] relative group border-rose-900/30 hover:border-rose-500/50" style="background-color:rgba(15,23,42,0.5);background-image:linear-gradient(to bottom right, rgba(15,23,42,0.9), rgba(30,41,59,0.8));border-width:1px;border-style:solid"><div class="absolute top-6 right-6 p-2 bg-rose-500/10 rounded-full text-rose-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></div><div class="h-full flex flex-col justify-between relative z-10"><div><h3 class="text-xl font-bold mb-2 transition-colors duration-1000" style="color:#ffffff">R&amp;D</h3><p class="text-sm transition-colors duration-1000" style="color:#94a3b8">次世代ヘルスケア基盤</p></div><div class="mt-4"><div class="text-xs mb-2 uppercase tracking-wider transition-colors duration-1000" style="color:#64748b">Next Challenge</div><div class="text-lg font-medium text-rose-400">メンタルヘルス<br/>× 生成AI</div></div></div></div><div class="backdrop-blur-sm rounded-3xl p-6 overflow-hidden relative transition-all duration-500 hover:scale-[1.01] md:col-span-2 relative group border-violet-900/30 hover:border-violet-500/50 cursor-pointer" style="background-color:rgba(15,23,42,0.5);border-width:1px;border-style:solid"><a href="https://ai-boost.click" target="_blank" rel="noopener noreferrer" class="absolute inset-0 z-30" aria-label="AI Solutions"></a><div class="absolute top-6 right-6 p-2 bg-violet-500/10 rounded-full text-violet-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-brain" aria-hidden="true"><path d="M12 18V5"></path><path d="M15 13a4.17 4.17 0 0 1-3-4 4.17 4.17 0 0 1-3 4"></path><path d="M17.598 6.5A3 3 0 1 0 12 5a3 3 0 1 0-5.598 1.5"></path><path d="M17.997 5.125a4 4 0 0 1 2.526 5.77"></path><path d="M18 18a4 4 0 0 0 2-7.464"></path><path d="M19.967 17.483A4 4 0 1 1 12 18a4 4 0 1 1-7.967-.517"></path><path d="M6 18a4 4 0 0 1-2-7.464"></path><path d="M6.003 5.125a4 4 0 0 0-2.526 5.77"></path></svg></div><div class="h-full flex flex-col justify-between relative z-10"><div><h3 class="text-2xl font-bold mb-2 flex items-center gap-2 transition-colors duration-1000" style="color:#ffffff">AI Solutions <span class="text-xs font-normal text-violet-400 border border-violet-500/30 px-2 py-0.5 rounded-full">Active</span></h3><p class="transition-colors duration-1000" style="color:#94a3b8">AIソリューション事業</p><p class="text-sm mt-2 max-w-md transition-colors duration-1000" style="color:#64748b">生成AIを活用した業務効率化・自動化ソリューションを提供。企業のDX推進をAIの力でサポート。</p></div>
18<div class="space-y-4 mt-4"><div class="flex items-center gap-3 h-24 w-full md:w-2/3"><div class="flex-1 h-full flex items-center justify-center"><div class="w-8 h-8 bg-gradient-to-br from-violet-500/60 to-violet-700/40 rounded-lg" style="animation:cubeFloat 2s ease-in-out 0s infinite"></div></div><div class="flex-1 h-full flex items-center justify-center"><div class="w-8 h-8 bg-gradient-to-br from-violet-500/60 to-violet-700/40 rounded-lg" style="animation:cubeFloat 2.2s ease-in-out 0.3s infinite"></div></div><div class="flex-1 h-full flex items-center justify-center"><div class="w-8 h-8 bg-gradient-to-br from-violet-500/60 to-violet-700/40 rounded-lg" style="animation:cubeFloat 2.4s ease-in-out 0.6s infinite"></div></div><div class="flex-1 h-full flex items-center justify-center"><div class="w-8 h-8 bg-gradient-to-br from-violet-500/60 to-violet-700/40 rounded-lg" style="animation:cubeFloat 2.6s ease-in-out 0.8999999999999999s infinite"></div></div><div class="flex-1 h-full flex items-center justify-center"><div class="w-8 h-8 bg-gradient-to-br from-violet-500/60 to-violet-700/40 rounded-lg" style="animation:cubeFloat 2.8s ease-in-out 1.2s infinite"></div></div><div class="flex-1 h-full flex items-center justify-center"><div class="w-8 h-8 bg-gradient-to-br from-violet-500/60 to-violet-700/40 rounded-lg" style="animation:cubeFloat 3s ease-in-out 1.5s infinite"></div></div></div><div class="flex justify-between items-center"><span class="text-xs font-mono transition-colors duration-1000" style="color:#64748b">AI-POWERED SOLUTIONS</span><a href="https://ai-boost.click" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 text-sm text-violet-400 hover:text-violet-300 transition-colors z-20">View Details <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div></div></div><div class="absolute -bottom-20 -right-20 w-64 h-64 bg-violet-500/10 blur-[100px] rounded-full group-hover:bg-violet-500/20 transition-all duration-500"></div></div></div></div></section><section class="py-32 relative overflow-hidden transition-colors duration-1000" style="background-color:#0a0a0c;color:#cbd5e1"><div class="absolute top-0 left-1/2 -translate-x-1/2 w-[1px] h-32 transition-all duration-1000" style="background:linear-gradient(to bottom, transparent, #1e293b)"></div><div class="max-w-4xl mx-auto px-6 relative z-10"><div class="mb-24 text-center"><div style="opacity:0;transform:translateY(20px)"><span class="font-mono text-xs tracking-[0.2em] mb-6 block transition-colors duration-1000" style="color:#14b8a6">私たちの理念</span><h2 class="text-3xl md:text-4xl font-medium mb-12 leading-relaxed transition-colors duration-1000" style="color:#ffffff">身体に何かが起こる前に、<br/><span class="pb-1 transition-colors duration-1000" style="border-bottom:1px solid rgba(20,184,166,0.5)">気づき、防ぐ</span>。</h2><p class="text-lg leading-loose font-light mb-8 transition-colors duration-1000" style="color:#94a3b8">感覚に頼った体調把握には限界があります。<br/>気づけない不調が、労災や休職につながることも。</p><p class="text-lg leading-loose font-light transition-colors duration-1000" style="color:#94a3b8">私たちは、データとAIの力で体調を「見える化」し、<br/>一人ひとりが健康にすごせる情報・環境を提供します。</p></div></div><div class="pt-16 transition-colors duration-1000" style="border-top:1px solid #1e293b;opacity:0"><div class="grid md:grid-cols-12 gap-8"><div class="md:col-span-4"><h3 class="text-xl mb-2 transition-colors duration-1000" style="color:#ffffff">Company</h3><p class="text-xs uppercase tracking-widest transition-colors duration-1000" style="color:#64748b">Profile</p></div><div class="md:col-span-8"><dl class="grid gap-8"><div class="grid grid-cols-1 md:grid-cols-3 gap-2 pb-4 transition-colors duration-1000" style="border-bottom:1px solid rgba(30,41,59,0.5)"><dt class="text-sm transition-colors duration-1000" style="color:#64748b">会社名</dt><dd class="md:col-span-2 transition-colors duration-1000" style="color:#ffffff">ブロードバンドジャパン株式会社</dd></div><div class="grid grid-cols-1 md:grid-cols-3 gap-2 pb-4 transition-colors duration-1000" style="border-bottom:1px solid rgba(30,41,59,0.5)"><dt class="text-sm transition-colors duration-1000" style="color:#64748b">所在地</dt><dd class="md:col-span-2 transition-colors duration-1000" style="color:#ffffff">〒100-0013<br/>東京都千代田区霞が関1-4-1 日土地ビル2階</dd></div><div class="grid grid-cols-1 md:grid-cols-3 gap-2 pb-4 transition-colors duration-1000" style="border-bottom:1px solid rgba(30,41,59,0.5)"><dt class="text-sm transition-colors duration-1000" style="color:#64748b">事業内容</dt><dd class="md:col-span-2 transition-colors duration-1000" style="color:#ffffff">ヘルスケアソリューションの開発・運営<br/>AIデータ解析・予測モデルの構築<br/>労働安全衛生コンサルティング<br/>生成AIによる各種サービス構築運営<br/>カタログ制作・データベース連携による自動組版</dd></div><div class="grid grid-cols-1 md:grid-cols-3 gap-2 pb-4 transition-colors duration-1000" style="border-bottom:1px solid rgba(30,41,59,0.5)"><dt class="text-sm transition-colors duration-1000" style="color:#64748b">代表者</dt><dd class="md:col-span-2 flex items-center transition-colors duration-1000" style="color:#ffffff">代表取締役 水野裕識<a href="https://x.com/mizunohironori" target="_blank" rel="noopener noreferrer" class="ml-3 transition-colors duration-300" style="color:#64748b" aria-label="X (Twitter)"><svg viewBox="0 0 24 24" aria-hidden="true" class="h-4 w-4 fill-current hover:opacity-70"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></a></dd></div></dl></div></div></div></div></section><section class="py-24 relative overflow-hidden transition-colors duration-1000" style="background-color:#050505"><div class="absolute inset-0" style="background:radial-gradient(ellipse 100% 100% at 50% 100%, rgba(20,184,166,0.08), transparent 70%)"></div><div class="max-w-4xl mx-auto px-6 text-center relative z-10"><div style="opacity:0;transform:translateY(20px)"><span class="font-mono text-xs tracking-[0.2em] uppercase mb-4 block transition-colors duration-1000" style="color:#14b8a6">Contact</span><h2 class="text-3xl md:text-5xl font-bold mb-6 transition-colors duration-1000" style="color:#f1f5f9">貴社の課題解決に向けて</h2><p class="text-base md:text-lg mb-4 leading-relaxed transition-colors duration-1000" style="color:#94a3b8">専門のコンサルタントが、御社の状況に合わせた<br class="hidden md:inline"/>最適なソリューションをご提案いたします。</p><p class="text-sm mb-10 transition-colors duration-1000" style="color:#64748b">お問い合わせより翌営業日以内にご連絡</p><div class="flex flex-col sm:flex-row items-center justify-center gap-4"><a class="group inline-flex items-center gap-3 px-10 py-5 rounded-full font-bold text-lg transition-all duration-300 hover:scale-105" style="background-color:#14b8a6;color:#ffffff;box-shadow:0 4px 30px rgba(20,184,166,0.3)" href="/contact">お問い合わせ<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right group-hover:translate-x-1 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></section></main><!--$--><!--/$--><footer class="py-16 transition-colors duration-1000" style="background-color:#050505;border-top:1px solid #1e293b"><div class="max-w-6xl mx-auto px-6"><div class="grid grid-cols-1 md:grid-cols-4 gap-12 mb-12"><div class="md:col-span-2"><a class="text-lg font-medium mb-4 block transition-colors duration-1000" style="color:#f1f5f9" href="/">ブロードバンドジャパン株式会社</a><p class="text-sm leading-relaxed mb-6 transition-colors duration-1000" style="color:#94a3b8">ヘルスケア × AIで、働く人の健康を守る。<br/>データとテクノロジーで確かな未来を実装します。</p><div class="flex items-center gap-4"><a href="https://x.com/mizunohironori" target="_blank" rel="noopener noreferrer" class="p-2 rounded-full transition-all duration-300 hover:scale-110" style="background-color:rgba(30,41,59,0.5);color:#94a3b8" aria-label="X (Twitter)"><svg viewBox="0 0 24 24" class="h-4 w-4 fill-current"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></a></div></div><div><h3 class="text-sm font-medium mb-4 uppercase tracking-wider transition-colors duration-1000" style="color:#f1f5f9">Services</h3><ul class="space-y-3"><li><a class="text-sm transition-colors duration-300 hover:opacity-70" style="color:#94a3b8" href="/technology">Technology - 解析技術</a></li><li><a class="text-sm transition-colors duration-300 hover:opacity-70" style="color:#94a3b8" href="/services/heat119">Heat119 - 熱中症対策</a></li><li><a href="https://heat119.click" target="_blank" rel="noopener noreferrer" class="text-sm transition-colors duration-300 hover:opacity-70" style="color:#94a3b8">Heat119 公式サイト</a></li><li><a class="text-sm transition-colors duration-300 hover:opacity-70" style="color:#94a3b8" href="/services/datasleep">DataSleep - 睡眠改善</a></li><li><a href="https://datasleep.net" target="_blank" rel="noopener noreferrer" class="text-sm transition-colors duration-300 hover:opacity-70" style="color:#94a3b8">DataSleep 公式サイト</a></li><li><a href="https://ai-boost.click" target="_blank" rel="noopener noreferrer" class="text-sm transition-colors duration-300 hover:opacity-70" style="color:#94a3b8">AI Solutions</a></li></ul></div><div><h3 class="text-sm font-medium mb-4 uppercase tracking-wider transition-colors duration-1000" style="color:#f1f5f9">Contact</h3><ul class="space-y-3"><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin mt-1 flex-shrink-0" aria-hidden="true" style="color:#64748b"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg><span class="text-sm transition-colors duration-1000" style="color:#94a3b8">東京都千代田区霞が関1-4-1 日土地ビル2階</span></li><li class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone" aria-hidden="true" style="color:#64748b">
18<path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg><a href="tel:050-5473-9708" class="text-sm transition-colors duration-300 hover:opacity-70" style="color:#94a3b8">050-5473-9708</a></li><li class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock" aria-hidden="true" style="color:#64748b"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg><span class="text-sm transition-colors duration-1000" style="color:#94a3b8">平日 10:00〜18:00</span></li><li class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail" aria-hidden="true" style="color:#64748b"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg><a class="text-sm transition-colors duration-300 hover:opacity-70" style="color:#14b8a6" href="/contact">お問い合わせフォーム</a></li></ul></div></div><div class="pt-8 flex flex-col md:flex-row justify-between items-center gap-4" style="border-top:1px solid rgba(30,41,59,0.5)"><div class="flex flex-wrap justify-center gap-6"><a class="text-xs hover:underline transition-colors duration-300" style="color:#94a3b8" href="/vision">ビジョン</a><a class="text-xs hover:underline transition-colors duration-300" style="color:#94a3b8" href="/company">会社概要</a><a class="text-xs hover:underline transition-colors duration-300" style="color:#94a3b8" href="/privacy">プライバシーポリシー</a><a class="text-xs hover:underline transition-colors duration-300" style="color:#94a3b8" href="/media">メディア掲載</a><a class="text-xs hover:underline transition-colors duration-300" style="color:#94a3b8" href="/partnership">パートナーシップ</a></div><p class="text-xs transition-colors duration-1000" style="color:rgba(148,163,184,0.5)">© <!-- -->2026<!-- --> Broadband Japan Inc. All rights reserved.</p><p class="text-[10px] mt-2 transition-colors duration-1000" style="color:rgba(148,163,184,0.3)"><a href="https://omoide.click" target="_blank" rel="noopener noreferrer" class="hover:opacity-70 transition-opacity duration-300">想い出写真館</a><span class="mx-2">|</span><a href="https://biyouzukan.click" target="_blank" rel="noopener noreferrer" class="hover:opacity-70 transition-opacity duration-300">美容図鑑</a><span class="mx-2">|</span><a href="https://gaiheki-navi.click" target="_blank" rel="noopener noreferrer" class="hover:opacity-70 transition-opacity duration-300">外壁ナビ</a><span class="mx-2">|</span><a href="https://mercury-pdce.click" target="_blank" rel="noopener noreferrer" class="hover:opacity-70 transition-opacity duration-300">Mercury PDCE</a><span class="mx-2">|</span><a href="https://catalog-navi.click" target="_blank" rel="noopener noreferrer" class="hover:opacity-70 transition-opacity duration-300">カタログナビ</a></p></div></div></footer>
18<script src="/_next/static/chunks/268983ca9e2831a7.js" id="_R_" async=""></script>
18<script>(self.__next_f=self.__next_f||[]).push([0])</script>
18<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[79520,[\"/_next/static/chunks/0fa4e195f695671a.js\"],\"\"]\n8:I[68027,[],\"default\"]\n:HL[\"/_next/static/chunks/34d933785a17edf3.css\",\"style\"]\n:HL[\"/_next/static/chunks/1985684cb358513a.css\",\"style\"]\n:HL[\"/_next/static/chunks/d5e2f06d40580925.css\",\"style\"]\n:HL[\"/_next/static/media/797e433ab948586e-s.p.29207c2f.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/ad9c66e761fed85a-s.p.111d6998.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/caa3a2e1cccd8315-s.p.3b6cae6d.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n3:Tf8c,"])</script>
18<script>self.__next_f.push([1,"{\"@context\":\"https://schema.org\",\"@type\":\"Corporation\",\"name\":\"ブロードバンドジャパン株式会社\",\"legalName\":\"ブロードバンドジャパン株式会社\",\"alternateName\":\"Broadband Japan Inc.\",\"description\":\"ヘルスケア × AI で、働く人の健康を守る情報システム企業です。2005年創業。独自のデータ解析技術を軸に、熱中症対策サービス「Heat119」や睡眠改善プログラム「DataSleep」を展開。ウェアラブルデバイスとAIを活用し、リアルタイムで健康リスクを検知・予防します。企業の安全管理・健康経営をテクノロジーで支援。生成AIを活用した情報サービスの展開も得意とする。東京都千代田区。\",\"slogan\":\"ヘルスケア × AI で、働く人の健康を守る。\",\"url\":\"https://www.bbjpn.com\",\"logo\":\"https://www.bbjpn.com/favicon.svg\",\"telephone\":\"050-5473-9708\",\"foundingDate\":\"2005\",\"address\":{\"@type\":\"PostalAddress\",\"postalCode\":\"100-0013\",\"streetAddress\":\"霞が関1-4-1 日土地ビル2階\",\"addressLocality\":\"千代田区\",\"addressRegion\":\"東京都\",\"addressCountry\":\"JP\"},\"contactPoint\":{\"@type\":\"ContactPoint\",\"telephone\":\"050-5473-9708\",\"contactType\":\"customer service\",\"availableLanguage\":\"Japanese\",\"url\":\"https://www.bbjpn.com/contact\"},\"sameAs\":[\"https://x.com/mizunohironori\",\"https://www.facebook.com/bbjpn/\",\"https://prtimes.jp/main/html/searchrlp/company_id/130444\",\"https://jgoodtech.smrj.go.jp/corp/info/JC0000000042891\",\"https://www.houjin-bangou.nta.go.jp/henkorireki-johoto.html?selHouzinNo=8010001144663\",\"https://share.google/7VCIENb2QQ7buAxzI\"],\"identifier\":{\"@type\":\"PropertyValue\",\"propertyID\":\"JCN\",\"name\":\"法人番号\",\"value\":\"8010001144663\"},\"areaServed\":{\"@type\":\"Country\",\"name\":\"Japan\"},\"knowsAbout\":[\"ヘルスケア\",\"AI\",\"ウェアラブルデバイス\",\"熱中症対策\",\"睡眠改善\",\"健康経営\",\"生成AI\",\"データ解析\",\"情報サービス\"],\"makesOffer\":[{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Heat119\",\"description\":\"ウェアラブルデバイスとAIによる熱中症リアルタイム検知・予防サービス\",\"url\":\"https://www.bbjpn.com/services/heat119\",\"provider\":{\"@type\":\"Organization\",\"name\":\"ブロードバンドジャパン株式会社\"}}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"DataSleep\",\"description\":\"睡眠データ解析に基づく睡眠改善プログラム\",\"url\":\"https://www.bbjpn.com/services/datasleep\",\"provider\":{\"@type\":\"Organization\",\"name\":\"ブロードバンドジャパン株式会社\"}}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"AI-Boost\",\"description\":\"経営のお困りごとを「これは何の問題か」から定義して数字にし、実際に動く画面を作って現場で回るまで伴走する支援サービス。棚卸し・可視化・システム開発・新規事業の立ち上げまでを一貫して担当\",\"url\":\"https://www.bbjpn.com/services/ai-boost\",\"provider\":{\"@type\":\"Organization\",\"name\":\"ブロードバンドジャパン株式会社\"}}}],\"owns\":[{\"@type\":\"Organization\",\"name\":\"AI-BOOST Solutions\",\"url\":\"https://ai-boost.click\"},{\"@type\":\"WebSite\",\"name\":\"Heat119(熱中症対策)\",\"url\":\"https://heat119.click\"},{\"@type\":\"WebSite\",\"name\":\"DataSleep(睡眠改善)\",\"url\":\"https://datasleep.net\"},{\"@type\":\"Organization\",\"name\":\"美容図鑑\",\"url\":\"https://biyouzukan.click\"},{\"@type\":\"Organization\",\"name\":\"外壁ナビ\",\"url\":\"https://gaiheki-navi.click\"},{\"@type\":\"Organization\",\"name\":\"老犬ケア\",\"url\":\"https://roukencare.click\"},{\"@type\":\"Organization\",\"name\":\"建設工事見積ソフト\",\"url\":\"https://constructionestimate.click\"},{\"@type\":\"Organization\",\"name\":\"Mercury PDCE\",\"url\":\"https://mercury-pdce.click\"},{\"@type\":\"LocalBusiness\",\"name\":\"想い出写真館\",\"url\":\"https://omoide.click\"},{\"@type\":\"Organization\",\"name\":\"カタログナビ(カタログ制作・DB連携)\",\"url\":\"https://catalog-navi.click\"}]}"])</script>
18<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"URYkZA4MAxXV39XnLguHz\",\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/34d933785a17edf3.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/1985684cb358513a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/d5e2f06d40580925.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0fa4e195f695671a.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"ja\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://fonts.googleapis.com\"}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://fonts.gstatic.com\",\"crossOrigin\":\"anonymous\"}],[\"$\",\"link\",null,{\"rel\":\"dns-prefetch\",\"href\":\"https://www.googletagmanager.com\"}],[\"$\",\"$L2\",null,{\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-5T8PJ469Z0\",\"strategy\":\"afterInteractive\"}],[\"$\",\"$L2\",null,{\"id\":\"google-analytics\",\"strategy\":\"afterInteractive\",\"children\":\"\\n            window.dataLayer = window.dataLayer || [];\\n            function gtag(){dataLayer.push(arguments);}\\n            gtag('js', new Date());\\n            gtag('config', 'G-5T8PJ469Z0');\\n          \"}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$3\"}}],\"$L4\"]}],\"$L5\"]}]]}],{\"children\":[\"$L6\",{},null,false,false]},null,false,false],\"$L7\",false]],\"m\":\"$undefined\",\"G\":[\"$8\",[]],\"S\":true}\n"])</script>
18<script>self.__next_f.push([1,"9:I[43036,[\"/_next/static/chunks/0fa4e195f695671a.js\"],\"ThemeProvider\"]\na:I[39756,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/001c7cf0703131bd.js\"],\"default\"]\nb:I[37457,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/001c7cf0703131bd.js\"],\"default\"]\nc:I[29306,[\"/_next/static/chunks/0fa4e195f695671a.js\",\"/_next/static/chunks/09f957fcd4dda7d3.js\",\"/_next/static/chunks/20f75c5ef0e747c2.js\"],\"default\"]\nd:I[13642,[\"/_next/static/chunks/0fa4e195f695671a.js\"],\"Footer\"]\ne:I[2971,[\"/_next/static/chunks/0fa4e195f695671a.js\",\"/_next/static/chunks/549871e4587b3b07.js\",\"/_next/static/chunks/20f75c5ef0e747c2.js\",\"/_next/static/chunks/9aeace136e9b4c7d.js\"],\"Header\"]\nf:I[6859,[\"/_next/static/chunks/0fa4e195f695671a.js\",\"/_next/static/chunks/549871e4587b3b07.js\",\"/_next/static/chunks/20f75c5ef0e747c2.js\",\"/_next/static/chunks/9aeace136e9b4c7d.js\"],\"HeroOrganic\"]\n10:I[78645,[\"/_next/static/chunks/0fa4e195f695671a.js\",\"/_next/static/chunks/549871e4587b3b07.js\",\"/_next/static/chunks/20f75c5ef0e747c2.js\",\"/_next/static/chunks/9aeace136e9b4c7d.js\"],\"TrustSection\"]\n11:I[58131,[\"/_next/static/chunks/0fa4e195f695671a.js\",\"/_next/static/chunks/549871e4587b3b07.js\",\"/_next/static/chunks/20f75c5ef0e747c2.js\",\"/_next/static/chunks/9aeace136e9b4c7d.js\"],\"BentoGrid\"]\n12:I[39955,[\"/_next/static/chunks/0fa4e195f695671a.js\",\"/_next/static/chunks/549871e4587b3b07.js\",\"/_next/static/chunks/20f75c5ef0e747c2.js\",\"/_next/static/chunks/9aeace136e9b4c7d.js\"],\"Philosophy\"]\n13:I[83690,[\"/_next/static/chunks/0fa4e195f695671a.js\",\"/_next/static/chunks/549871e4587b3b07.js\",\"/_next/static/chunks/20f75c5ef0e747c2.js\",\"/_next/static/chunks/9aeace136e9b4c7d.js\"],\"ContactCTA\"]\n14:I[39068,[\"/_next/static/chunks/0fa4e195f695671a.js\",\"/_next/static/chunks/549871e4587b3b07.js\",\"/_next/static/chunks/20f75c5ef0e747c2.js\",\"/_next/static/chunks/9aeace136e9b4c7d.js\"],\"FloatingCTA\"]\n15:I[25725,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/001c7cf0703131bd.js\"],\"OutletBoundary\"]\n16:\"$Sreact.suspense\"\n18:I[25725,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/001c7cf0703131bd.js\"],\"ViewportBoundary\"]\n1a:I[25725,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/001c7cf0703131bd.js\"],\"MetadataBoundary\"]\n4:[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"WebSite\\\",\\\"name\\\":\\\"ブロードバンドジャパン株式会社\\\",\\\"url\\\":\\\"https://www.bbjpn.com\\\"}\"}}]\n5:[\"$\",\"body\",null,{\"className\":\"geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable noto_sans_jp_befdc8c2-module__oae0iG__variable antialiased\",\"children\":[\"$\",\"$L9\",null,{\"children\":[[\"$\",\"$La\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lb\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$Lc\",null,{}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"$Ld\",null,{}]]}]}]\n6:[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"main\",null,{\"className\":\"min-h-screen bg-[#0a0a0c]\",\"children\":[[\"$\",\"$Le\",null,{}],[\"$\",\"$Lf\",null,{}],[\"$\",\"$L10\",null,{}],[\"$\",\"$L11\",null,{}],[\"$\",\"$L12\",null,{}],[\"$\",\"$L13\",null,{}],[\"$\",\"$L14\",null,{}]]}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/549871e4587b3b07.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/20f75c5ef0e747c2.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/9aeace136e9b4c7d.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L15\",null,{\"children\":[\"$\",\"$16\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@17\"}]}]]}]\n7:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L18\",null,{\"children\":\"$@19\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L1a\",null,{\"children\":[\"$\",\"$16\",null,{\"name\":\"Next.Metadata\",\"children\":\"$@1b\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n"])</script>
18<script>self.__next_f.push([1,"19:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
18<script>self.__next_f.push([1,"1c:I[27201,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/001c7cf0703131bd.js\"],\"IconMark\"]\n1b:[[\"$\",\"title\",\"0\",{\"children\":\"ブロードバンドジャパン株式会社 | ヘルスケア・AIソリューション\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"ヘルスケア × AIで、働く人の健康を守る。データとテクノロジーで確かな未来を実装します。\"}],[\"$\",\"meta\",\"2\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"link\",\"3\",{\"rel\":\"canonical\",\"href\":\"https://www.bbjpn.com\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:title\",\"content\":\"ブロードバンドジャパン株式会社 | ヘルスケア・AIソリューション\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:description\",\"content\":\"ヘルスケア × AIで、働く人の健康を守る。データとテクノロジーで確かな未来を実装します。\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:url\",\"content\":\"https://www.bbjpn.com\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:site_name\",\"content\":\"ブロードバンドジャパン株式会社\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:locale\",\"content\":\"ja_JP\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"10\",{\"name\":\"twitter:card\",\"content\":\"summary\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:creator\",\"content\":\"@mizunohironori\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:title\",\"content\":\"ブロードバンドジャパン株式会社 | ヘルスケア・AIソリューション\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:description\",\"content\":\"ヘルスケア × AIで、働く人の健康を守る。データとテクノロジーで確かな未来を実装します。\"}],[\"$\",\"link\",\"14\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.a1d0546e.ico\",\"sizes\":\"62x62\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"15\",{\"rel\":\"icon\",\"href\":\"/favicon.svg\"}],[\"$\",\"$L1c\",\"16\",{}]]\n17:null\n"])</script>
18</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.