会社概要セクション

このパーツの使いどころと実装ポイント

このパーツは、左にリード文（見出し＋紹介文）、右に会社名・設立・代表・事業内容・所在地を並べた table を置く2カラム構成の会社概要セクションです。レイアウトは display:grid で grid-template-columns:1fr 1.4fr とし、テーブル側をやや広く取って情報量に合わせています。横幅640px以下では1カラムに切り替わり、文章が先・表が後に縦並びになります。

向いている場面

コーポレートサイトの会社概要ページ、士業やクリニックの事務所案内、スタートアップの企業情報ページなど、定型的な属性情報を整然と見せたい場面に向きます。表形式なので項目の追加・削除がしやすく、資本金・従業員数・取引銀行といった行を足すのも容易です。

カスタマイズと注意点

• th と td の組を増減するだけで項目を調整でき、内容は border-collapse:collapse で罫線が詰まって見えます。
• 左のリード文は会社の特徴を一言で添える欄なので、ありきたりな定型句でなく自社の言葉に置き換えると独自性が出ます。
• 住所や代表者名などは実在の情報に差し替えること。表は読み上げ順が崩れにくく支援技術とも相性が良い要素です。