function CompanyScreen({ onNav }) {
  const { Card, Badge } = window.LienDesignSystem_caf7e1;
  const rows = [
    ['会社名','合同会社Lien\'S'],
    ['代表者','代表　林田 翔太郎'],
    ['事業内容','経営者同士の紹介・マッチングサービス「Lien」の企画・運営'],
    ['設立','2023年'],
    ['資本金','1,000,000円'],
  ];
  return React.createElement('div', {},
    React.createElement('section', { style:{ padding:'72px 48px 40px', background:'var(--surface-page)', textAlign:'center' } },
      React.createElement(Badge, { tone:'primary' }, 'Company'),
      React.createElement('h1', { style:{ fontFamily:'var(--font-serif)', fontSize:'var(--text-h1)', color:'var(--text-heading)', margin:'20px 0 12px' } }, '会社概要')
    ),    React.createElement('section', { style:{ padding:'0 48px 48px', maxWidth:760, margin:'0 auto', fontFamily:'var(--font-sans)' } },
      React.createElement(Card, { title:'代表挨拶' },
        React.createElement('p', { style:{ lineHeight:'var(--leading-body)' } }, 'Lienとは、フランス語で「つながり」「絆」を意味する言葉です。'),
        React.createElement('p', { style:{ lineHeight:'var(--leading-body)', marginTop:12 } }, 'これまで多くの経営者の方々とのご縁をいただく中で、事業を発展させる出会いや投資のつながりが、経営における大きな力になることを実感してまいりました。同時に、その出会いにたどり着くまでには、時間や資金、人脈といった限られたリソースの中で苦労されている経営者様が数多くいらっしゃることも見てまいりました。'),
        React.createElement('p', { style:{ lineHeight:'var(--leading-body)', marginTop:12 } }, 'Lienは、そうした課題をお持ちの経営者様に、価値あるつながりをお届けするために設立したサービスです。これまで数多くの経営者様とお会いする中で培ってきたご縁とネットワークを活かし、一つひとつの紹介に真摯に向き合ってまいります。'),
        React.createElement('p', { style:{ lineHeight:'var(--leading-body)', marginTop:12 } }, 'より良いつながりが、より良い未来を拓く。その想いを胸に、これからも経営者の皆さまに寄り添ってまいります。'),
        React.createElement('p', { style:{ marginTop:16, fontSize:'0.875rem', color:'var(--text-muted)' } }, '合同会社Lien\'S'),
        React.createElement('p', { style:{ fontSize:'0.875rem', color:'var(--text-muted)' } }, '代表　林田翔太郎')
      )
    ),
    React.createElement('section', { style:{ padding:'0 48px 80px', maxWidth:760, margin:'0 auto' } },
      React.createElement('div', { style:{ fontFamily:'var(--font-serif)', fontSize:'1.125rem', color:'var(--text-heading)', marginBottom:16, paddingBottom:12, borderBottom:'2px solid var(--color-blue-400)' } }, 'COMPANY PROFILE'),
      React.createElement('table', { style:{ width:'100%', borderCollapse:'collapse', fontFamily:'var(--font-sans)', fontSize:'0.9375rem' } },
        React.createElement('tbody', {},
          rows.map(([k,v]) => React.createElement('tr', { key:k, style:{ borderBottom:'1px solid var(--border-default)' } },
            React.createElement('td', { style:{ padding:'16px 0', width:160, color:'var(--text-muted)', verticalAlign:'top' } }, k),
            React.createElement('td', { style:{ padding:'16px 0', color:'var(--text-heading)' } }, v)
          ))
        )
      )
    )
  );
}
window.CompanyScreen = CompanyScreen;