@charset "utf-8";

#Company {
	background: #FFF;
}

/* テーブルの基本スタイル */
.company-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 48px;
  font-size: 1rem;
  color: #333;
}

/* テーブルのセルにスタイルを適用 */
.company-table th,
.company-table td {
  padding: 12px 15px;
  border: 1px solid #ddd;
  text-align: left;
}

/* テーブルヘッダーのスタイル */
.company-table th {
  background-color: #4BB5EB; /* ヘッダーの背景色 */
  color: #fff; /* ヘッダーの文字色 */
  width: 30%; /* ヘッダーの幅を調整 */
  font-weight: bold;
}

/* テーブルの内容部分のスタイル */
.company-table td {
  background-color: #fff;
}

/* レスポンシブ対応 */
@media screen and (max-width: 768px) {
  .company-table th,
  .company-table td {
    display: block;
    width: 100%;
    text-align: left;
  }

  .company-table th {
    background-color: #4BB5EB; /* モバイルでもヘッダー色を適用 */
    color: #fff;
  }
}