Information002

---
import DemoLayout from '@/layouts/DemoLayout.astro';

import { Container, Frame, Grid, Media, Stack, HTML } from 'lism-css/astro';
import './_style.css';
---

<DemoLayout title='Information002'>
	<Container isWrapper='l' bgc='base' py='50' hasGutter>
		<Stack g='20' ai='center' mb='40'>
			<h2 class='u-trim'>会社情報</h2>
			<HTML.p class='u-trim' fz='s' ta='center' o='-30'>Company Information</HTML.p>
		</Stack>
		<Stack g='30'>
			<HTML.p fz='l' fw='bold'>概要</HTML.p>
			<Grid gtc={['auto', null, '1fr 1fr']} g='50 60'>
				<Grid tag='dl' className='u-collapseGrid' ov='clip' p='0' gtr='auto' gtc='auto 1fr' g-x='50' bd-y>
					<Grid gtc='subgrid' gc='1/-1' p='20'>
						<dt>会社名</dt>
						<dd>株式会社リズム</dd>
					</Grid>
					<Grid gtc='subgrid' gc='1/-1' p='20'>
						<dt>設立</dt>
						<dd>2020年1月1日</dd>
					</Grid>
					<Grid gtc='subgrid' gc='1/-1' p='20'>
						<dt>所在地</dt>
						<dd>東京都千代田区丸の内10000</dd>
					</Grid>
					<Grid gtc='subgrid' gc='1/-1' p='20'>
						<dt>代表者</dt>
						<dd>田中　太郎</dd>
					</Grid>
					<Grid gtc='subgrid' gc='1/-1' p='20'>
						<dt>事業内容</dt>
						<dd>ソフトウェア開発、システムインテグレーション、ITコンサルティング</dd>
					</Grid>
					<Grid gtc='subgrid' gc='1/-1' p='20'>
						<dt>資本金</dt>
						<dd>1億円</dd>
					</Grid>
					<Grid gtc='subgrid' gc='1/-1' p='20'>
						<dt>従業員数</dt>
						<dd>100名</dd>
					</Grid>
					<Grid gtc='subgrid' gc='1/-1' p='20'>
						<dt>取引銀行</dt>
						<dd>三菱UFJ銀行、みずほ銀行</dd>
					</Grid>
					<Grid gtc='subgrid' gc='1/-1' p='20'>
						<dt>主要取引先</dt>
						<dd>株式会社ABC、XYZ株式会社、123株式会社</dd>
					</Grid>
				</Grid>
				<Frame>
					<Media src='https://cdn.lism-css.com/img/random-2510?category=building' alt='' width='960' height='640' />
				</Frame>
			</Grid>
		</Stack>
		<Stack g='30' my-s='50'>
			<HTML.p fz='l' fw='bold'>沿革</HTML.p>
			<Grid gtc={['auto', null, '1fr 1fr']} g='50 60'>
				<Grid tag='dl' className='u-collapseGrid' ov='clip' p='0' gtr='auto' gtc='auto 1fr' g-x='50' bd-y>
					<Grid gtc='subgrid' gc='1/-1' p='20'>
						<dt>2020年</dt>
						<dd>株式会社リズム設立</dd>
					</Grid>
					<Grid gtc='subgrid' gc='1/-1' p='20'>
						<dt>2021年</dt>
						<dd>初の自社製品をリリース</dd>
					</Grid>
					<Grid gtc='subgrid' gc='1/-1' p='20'>
						<dt>2022年</dt>
						<dd>事業拡大に伴いオフィス移転</dd>
					</Grid>
					<Grid gtc='subgrid' gc='1/-1' p='20'>
						<dt>2023年</dt>
						<dd>新規事業としてAIソリューションを開始</dd>
					</Grid>
					<Grid gtc='subgrid' gc='1/-1' p='20'>
						<dt>2024年</dt>
						<dd>グローバル展開を開始</dd>
					</Grid>
				</Grid>
				<Frame>
					<Media src='https://cdn.lism-css.com/img/random-2510?category=people' alt='' width='960' height='640' />
				</Frame>
			</Grid>
		</Stack>
	</Container>
</DemoLayout>