@charset "UTF-8";
/* ==========================================================================
   会社概要ページ固有スタイル
   common.css を読み込んだ上で追加で当てる
   ========================================================================== */

/* セクション見出し（service / recruit と同じ体裁） */
.company-section { margin-bottom: 40px; }
.company-heading {
  font-size: 20px;
  line-height: 1.5;
  color: var(--text-main);
  padding-bottom: 12px;
  margin-bottom: 24px;
  border-bottom: 2px solid var(--line-light);
}
.company-heading::before {
  content: "";
  display: inline-block;
  width: 6px; height: 1.1em;
  background: var(--brand-blue);
  margin-right: 12px;
  vertical-align: -2px;
  border-radius: 2px;
}

/* 会社概要テーブル */
.company-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid var(--line);
}
.company-table th,
.company-table td {
  border: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
  padding: 14px 18px;
  font-size: 15px;
  line-height: 1.8;
}
.company-table th {
  width: 180px;
  background: var(--bg-soft);
  font-weight: 700;
  color: var(--text-main);
  white-space: nowrap;
}
.company-table td p { margin: 0 0 4px; }
.company-table td p:last-child { margin-bottom: 0; }
.company-table a { color: var(--brand-blue); }

/* 取引先リスト（縦に長い羅列を読みやすく段組み） */
.client-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  gap: 4px 24px;
}
.client-list li { font-size: 15px; line-height: 1.8; }

@media (max-width: 600px) {
  .company-heading { font-size: 18px; }
  .company-table th,
  .company-table td {
    display: block;
    width: auto;
    border-bottom: none;
  }
  .company-table td { border-bottom: 1px solid var(--line); }
  .company-table th { white-space: normal; }
  .client-list { grid-template-columns: 1fr 1fr; }
}