body{
    background-color: var(--background-color);
    margin-top: 120px;
}

section {
    margin-bottom: 10vh;
    position: relative;
    padding: 0 10%; /* 左右に余白を追加 */
}

/****************** message ******************/
#message strong{
    color: var(--accent-color);
}

/****************** company ******************/
#company table {
    width: 100%;
    margin: 20px auto;
    border-collapse: collapse;
    font-size: 24px;
}

#company th,
#company td {
    padding: 10px;
    text-align: left;
}

#company tr {
    border-bottom: 1px solid white;
}

#company th {
    width: 30%; /* タイトル列の幅を調整 */
}
#company td{
    width: 70%;
}

/* メディアクエリ（スマホ表示） */
@media screen and (max-width: 767px) {
    #company table {
        font-size: 12px;
    }

}