@charset "utf-8";

/* 会社概要の見出し */
.abstract-title {
    margin-top: 56px; /* h1要素の上部に56pxの余白を追加 */
}

/* 共通のテーブル設定 */
table {
    width: 100%;
    border-collapse: collapse; /* テーブルの枠線を統合して区切り線を明確にする */
    border-spacing: 0; /* セル間のスペースをなくす */
    margin-bottom: 30px; /* テーブル間の余白を統一 */
}

th,
td {
    padding: 24px 10px; /* セルの内側に余白を追加 */
    text-align: left; /* テキストを左揃え */
    vertical-align: top; /* 上部に揃える */
}

th {
    width: 30%; /* 両テーブルで同じ幅に設定 */
    background-color: #f0f0f0; /* 見出し部分に背景色を追加 */
    font-weight: bold;
    text-align: center; /* テキストを中央揃え */
    vertical-align: middle; /* 垂直方向の中央揃え */
}

tr {
    border-bottom: 1px solid #b5b1b1; /* 行間の区切り線 */
}

/* スマートフォン向けの調整 */
@media only screen and (max-width: 480px) {
    th,
    td {
        width: 100%;
        display: block;
        padding: 16px 0; /* スマートフォン向けにパディングを調整 */
    }

    th {
        width: 100%;
    }

    td {
        padding-top: 0;
    }
}