/* H3 公式サイト — セクション部品。window.DesignSystem_fbba8f の primitives を合成。 実コンテンツは healthcarehackatho.wixsite.com/my-site に準拠。 */ const H3 = window.DesignSystem_fbba8f; const { Button, DomainTag, Card, Stat, Badge, Avatar, Input } = H3; const LOGO = "assets/logo/"; const MAXW = "var(--h3-maxw)"; const JOIN_URL = "https://airtable.com/appvAovrMUd5GnBq2/pagkF5oHvR1bdXcBA/form"; const openJoin = () => window.open(JOIN_URL, "_blank", "noopener"); const scrollTo = (id) => { const el = document.getElementById(id); if (el) el.scrollIntoView({ behavior: "smooth" }); }; const eyebrow = (color) => ({ fontFamily: "var(--h3-font-display)", fontWeight: 700, letterSpacing: "var(--h3-ls-wide)", textTransform: "uppercase", fontSize: "var(--h3-fs-caption)", color: color || "var(--h3-orange-text)", }); const h2style = (color) => ({ fontFamily: "var(--h3-font-display)", fontWeight: 800, fontSize: "var(--h3-fs-h1)", letterSpacing: "var(--h3-ls-tight)", lineHeight: "var(--h3-lh-tight)", margin: ".25em 0 .2em", color: color || "var(--h3-ink)", }); /* ---------- Header ---------- */ function Header({ active }) { const base = { fontFamily: "var(--h3-font-display)", fontWeight: 600, fontSize: ".95rem", color: "var(--h3-ink)", textDecoration: "none", cursor: "pointer", padding: "4px 0", borderBottom: "2px solid transparent", whiteSpace: "nowrap" }; const on = { ...base, color: "var(--h3-orange-text)", borderBottomColor: "var(--h3-orange)" }; const home = active === "home"; const items = [ { id: "about", label: "H3とは", href: home ? "#about" : "index.html#about", anchor: home ? "about" : null }, { id: "event", label: "H3 Event", href: "event.html" }, { id: "podcast", label: "H3 Podcast", href: "podcast.html" }, { id: "academy", label: "H3 Academy", href: "academy.html" }, { id: "join", label: "参加方法", href: home ? "#join" : "index.html#join", anchor: home ? "join" : null }, ]; return (
Healthcare Hackathon Hub
); } /* ---------- Sub-page hero ---------- */ function PageHero({ domain, badge, eyebrowText, title, lead, img }) { return (
{badge && {badge}}
{eyebrowText}

{title}

{lead}

{img && (
{title}
)}
); } /* ---------- Reusable section heading ---------- */ function SectionHead({ eyebrowText, title, lead, color }) { return (
{eyebrowText}

{title}

{lead &&

{lead}

}
); } /* ---------- Hero ---------- */ function Hero({ layout, showTags }) { const centered = layout === "centered"; const copy = (
First step to be an exceptional healthcare innovator

異分野が交わる、 最初の一歩を。

医師・エンジニア・デザイナー・ビジネス。異分野の専門家同士が教え・学び合い、ヘルスケアの未来に向けた新たな一歩を踏み出すためのコミュニティです。

{showTags && (
)}
); return (
{copy} {!centered && (
H3 mark
)}
); } /* ---------- About ---------- */ function About() { return (
What is H3

Healthcare Hackathon Hub とは

H3 は「ヘルスケア／ライフサイエンス領域でのイノベーション実現に向けて、異なる領域の専門家が教え・学び合う超入門講座」というコンセプトで開催している勉強会を起点とした、次世代イノベーターが集まるコミュニティです。

); } /* ---------- Features ---------- */ function Features() { const items = [ { k: "Broad & Shallow", t: "最新動向を広く浅く", d: "医療の専門領域や保険医療制度、データサイエンスをはじめ、ヘルスケア／ライフサイエンスの最新動向を広く浅く提供。特に次世代の事業に関係しうる領域を中心に話題提供します。" }, { k: "Common Language", t: "共通言語を育てる", d: "業界には深く広い知識、独特の制度や倫理観が求められます。すべてを完璧にする必要はありません。基礎となる知識と考え方を提供し、業界を渡り歩く共通言語の獲得を目指します。" }, { k: "Curated Community", t: "審査制コミュニティ", d: "勉強会のほかに審査制 Slack コミュニティを運営。ヘルスケアに興味のある人を温かく迎え、本格的に事業を展開したい人が気軽に相談できる場所です。" }, ]; return (
Features

3つの、低い敷居。

{items.map((it, i) => (
0{i + 1}
{it.k}

{it.t}

{it.d}

 ))}
); } /* ---------- Track Record ---------- */ function TrackRecord() { return (
Track Record

出会いが、次につながってきた。

); } /* ---------- Programs ---------- */ function Programs() { const progs = [ { domain: "care", badge: "対面", t: "H3 Event", href: "event.html", d: "年次総会や Hackathon など、H3 参加者と対面であつまるイベントです。", img: "https://static.wixstatic.com/media/11062b_079f2218198a466893971b0f1cc2bd17~mv2.jpg/v1/crop/x_37,y_723,w_4944,h_2446/fill/w_534,h_264,al_c,q_80,enc_auto/11062b_079f2218198a466893971b0f1cc2bd17~mv2.jpg" }, { domain: "digital", badge: "配信中", t: "H3 Podcast", href: "podcast.html", d: "各分野でご活躍の H3 アンバサダーを深掘りした Podcast。キャリアを立ち止まって考えたい時におすすめです。", img: "https://static.wixstatic.com/media/11062b_850fa62ae7d544feb2d5123b545c3149~mv2.jpg/v1/crop/x_0,y_917,w_5000,h_2417/fill/w_532,h_260,al_c,q_80,enc_auto/11062b_850fa62ae7d544feb2d5123b545c3149~mv2.jpg" }, { domain: "business", badge: "2026夏 予定", t: "H3 Academy", href: "academy.html", d: "業界キーマンや起業家の“隣”で学べる1週間の濃密プログラム。次世代の最初の一歩を後押しします。", img: "https://static.wixstatic.com/media/11062b_2019bfcaf0fb45abb33ba1f7237c938d~mv2.jpeg/v1/crop/x_0,y_1133,w_6713,h_3347/fill/w_534,h_266,al_c,q_80,enc_auto/11062b_2019bfcaf0fb45abb33ba1f7237c938d~mv2.jpeg" }, ]; return (
Programs

交わるための、入口たち。

{progs.map((p, i) => (
{p.t}
{p.badge}

{p.t}

{p.d}

詳しく見る →
))}
); } /* ---------- Join steps ---------- */ function JoinSteps() { const steps = [ { n: "1", t: "参加申し込み", d: "Airtable の申し込みフォームに必要事項をご記入のうえ、送信してください。" }, { n: "2", t: "事務局による承認", d: "お申し込み内容を H3 事務局にて確認します。承認には通常、数営業日ほどお時間をいただきます。" }, { n: "3", t: "Slack 参加案内の受信", d: "承認が完了しましたら、ご登録のメールアドレス宛に Slack への参加方法を記載した案内メールをお送りします。" }, { n: "4", t: "Slack への参加", d: "案内に従って Slack ワークスペースへご参加ください。参加をもって手続きは完了です。" }, ]; return (
How to join

参加方法は、4ステップ。

H3 Community への参加にご興味をお持ちいただき、ありがとうございます。簡単なステップで参加いただけます。

{steps.map((s, i) => (
{s.n}

{s.t}

{s.d}

 ))}
); } /* ---------- Organizers + members ---------- */ function Organizers() { const leads = [ { name: "木村 亮介", role: "ライフタイムベンチャーズ合同会社 代表パートナー", domain: "business", src: "https://static.wixstatic.com/media/4773ee_7c8355a1b18e49599eba0a44f77270ec~mv2.jpeg" }, { name: "中山 俊", role: "アンター株式会社 代表取締役", domain: "care", src: "https://static.wixstatic.com/media/4773ee_6d2ebb8630ea451ea8d5e615b185d90b~mv2.jpeg" }, ]; const members = [ { name: "中澤 拓也", domain: "digital", src: "https://static.wixstatic.com/media/4773ee_d833ccaa87434e41bcaf39696ce201b9~mv2.jpg" }, { name: "木内 翔太", domain: "life", src: "https://static.wixstatic.com/media/4773ee_a13535d97ba749eb94bf042206969a85~mv2.jpg" }, { name: "小渡 結稀", domain: "care", src: "https://static.wixstatic.com/media/4773ee_765c7c7f683d43abb6e76ef3004fbd10~mv2.jpg" }, { name: "茂木 陸", domain: "business", src: "https://static.wixstatic.com/media/4773ee_a4a86fe1abc249348f9bc679ac055b7c~mv2.jpg" }, { name: "茅原 武尊", domain: "digital", src: "https://static.wixstatic.com/media/4773ee_72c35410ef3944ad9df4ed54d3f1a5bd~mv2.jpg" }, { name: "瀬川 泰正", domain: "life", src: "https://static.wixstatic.com/media/4773ee_8ca637c8780e425ab435a9accdf79844~mv2.jpg" }, ]; return (
Organizers

親しみの裏に、確かな奥行き。

各領域の第一線で活躍する人たちが、上下のないピア学習で迎えます。

{leads.map((p, i) => (
{p.name}
{p.role}
 ))}
Core Members
{members.map((p, i) => (
{p.name}
))}
); } /* ---------- Join CTA ---------- */ function JoinCTA() { return (

最初の一歩を、ここから。

完璧さより、まず一歩。あなたの「それ、何?」を歓迎する場所が待っています。

); } /* ---------- Footer ---------- */ function Footer() { const social = { width: "40px", height: "40px", borderRadius: "var(--h3-r-pill)", border: "1px solid var(--h3-line)", background: "var(--h3-white)", display: "flex", alignItems: "center", justifyContent: "center", color: "var(--h3-ink)", textDecoration: "none", fontFamily: "var(--h3-font-display)", fontWeight: 700, fontSize: ".95rem" }; return ( ); } Object.assign(window, { Header, Hero, About, Features, TrackRecord, Programs, JoinSteps, Organizers, JoinCTA, Footer, PageHero, SectionHead, openJoin, eyebrow, h2style, MAXW, LOGO });