06 - 会社概要と沿革の表

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

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

<DemoLayout title="About06">
  <Container isWrapper="l" bgc="base" py="50" hasGutter>
    <Stack g="20" ai="center" mb="40">
      <h2 class="u--trim">会社情報</h2>
      <Text class="u--trim" fz="s" ta="center" o="ppp">Company Information</Text>
    </Stack>
    <Stack g="30">
      <Text fz="l" fw="bold">概要</Text>
      <Grid gtc={['auto', null, '1fr 1fr']} g="50 60">
        <Grid as="dl" gtr="auto" gtc="auto 1fr" cg="50" bd-be>
          <Grid gtc="subgrid" gc="1/-1" bd-bs p="20">
            <dt>会社名</dt>
            <dd>株式会社リズム</dd>
          </Grid>
          <Grid gtc="subgrid" gc="1/-1" bd-bs p="20">
            <dt>設立</dt>
            <dd>2020年1月1日</dd>
          </Grid>
          <Grid gtc="subgrid" gc="1/-1" bd-bs p="20">
            <dt>所在地</dt>
            <dd>東京都千代田区丸の内10000</dd>
          </Grid>
          <Grid gtc="subgrid" gc="1/-1" bd-bs p="20">
            <dt>代表者</dt>
            <dd>田中　太郎</dd>
          </Grid>
          <Grid gtc="subgrid" gc="1/-1" bd-bs p="20">
            <dt>事業内容</dt>
            <dd>ソフトウェア開発、システムインテグレーション、ITコンサルティング</dd>
          </Grid>
          <Grid gtc="subgrid" gc="1/-1" bd-bs p="20">
            <dt>資本金</dt>
            <dd>1億円</dd>
          </Grid>
          <Grid gtc="subgrid" gc="1/-1" bd-bs p="20">
            <dt>従業員数</dt>
            <dd>100名</dd>
          </Grid>
          <Grid gtc="subgrid" gc="1/-1" bd-bs p="20">
            <dt>取引銀行</dt>
            <dd>三菱UFJ銀行、みずほ銀行</dd>
          </Grid>
          <Grid gtc="subgrid" gc="1/-1" bd-bs p="20">
            <dt>主要取引先</dt>
            <dd>株式会社ABC、XYZ株式会社、123株式会社</dd>
          </Grid>
        </Grid>
        <Frame>
          <Media
            src="https://images.unsplash.com/photo-1512403754473-27835f7b9984?auto=format&fit=max&w=1000&q=80&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
            alt=""
            width="1000"
            height="1400"
          />
        </Frame>
      </Grid>
    </Stack>
  </Container>
</DemoLayout>