/* css/about.css */

/* .subheroの画像のみ指定（他はchildpage.css）で管理 */
.subhero {
  background-image: url("../img/subhero-about.webp");
}

/* 会社概要テーブル */
.about-table {
  max-width: 800px; /* テーブル最大幅 */
  margin: 0 auto; /* 中央寄せ */
  border-collapse: collapse;
}

/* 全セルに共通の余白と罫線 */
.about-table th,
.about-table td {
  padding: 0.75rem 1rem;
  vertical-align: top;
  border: 1px solid #ddd;
}

/* 見出しセル（左列） */
.about-table th {
  background-color: #f8f9fa;
  width: 30%;
  font-weight: 600;
}

/* 内容セル（右列） */
.about-table td {
  width: 70%;
}

/* テーブル内リストのスタイル（iOS Safari含め確実に丸と字下げを消す） */
.about-table__list {
  list-style: none !important;
  margin: 0;
  padding: 0;
  /* Safari系のUA由来インデントも明示的に0に */
  padding-inline-start: 0;
  -webkit-padding-start: 0;
}

.about-table__list > li {
  /* list-itemマーカー生成を抑止（UAの復活対策） */
  display: block;
  list-style: none !important;
  margin: .25rem 0;
  line-height: 1.6;
}

/* ::marker を明示的に無効化（対応ブラウザでダメ押し） */
.about-table__list > li::marker {
  content: "";
}