/* ===== メインレイアウト ===== */
.company-layout {
  max-width: 1400px;
  margin: 0 auto;
  padding: 80px clamp(24px, 5vw, 80px) 100px;
}

/* ===== リード文 ===== */
.company-lead {
  text-align: center;
  margin-bottom: 80px;
}
.company-lead__heading {
  font-size: 42px;
  font-weight: 700;
  color: #000;
  line-height: 1.5;
  margin-bottom: 28px;
}
.company-lead__body {
  font-size: 18px;
  line-height: 2;
  color: #333;
}

/* ===== カテゴリセクション ===== */
.company-category { margin-bottom: 80px; }
.company-category__header {
  display: none; /* 一時非表示 */
  background: #005eb8;
  padding: 14px 32px;
  margin-bottom: 40px;
  /* display: flex; */
  align-items: center;
  justify-content: center;
  border-radius: 2px;
}
.company-category__title {
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  text-align: center;
}

/* ===== カードグリッド ===== */
.company-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
}
.company-card {
  flex: 0 0 calc((100% - 80px) / 3);
  min-width: 0;
}

/* ===== 企業カード ===== */
.company-card { display: flex; flex-direction: column; gap: 0; }
.company-card__img-wrap {
  position: relative;
  height: 250px;
  background: #e8edf2;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: opacity 0.2s;
}
a.company-card__img-wrap:hover { opacity: 0.85; }
.company-card__logo {
  max-width: 80%;
  max-height: 60%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}
.company-card--placeholder .company-card__img-wrap { background: #e8edf2; }
.company-card__name {
  font-size: 20px;
  font-weight: 700;
  color: #005eb8;
  line-height: 1.5;
  margin-bottom: 12px;
  word-break: break-all;
}
.company-card__line {
  border: none;
  border-top: 1px solid #c7c7c7;
  margin: 0 0 16px 0;
}
.company-card__list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.company-card__list li {
  font-size: 18px;
  line-height: 1.7;
  color: #333;
}

/* ===== TO ALL COMPANIES バナー ===== */
.company-banner-wrap { margin-top: 20px; margin-bottom: 0; }
.company-banner-link { display: block; transition: opacity 0.2s; }
.company-banner-link:hover { opacity: 0.85; }
.company-banner-img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 900px) {
  .company-card { flex: 0 0 calc((100% - 40px) / 2); }
}
@media (max-width: 767px) {
  .company-lead__heading { font-size: 24px; }
  .company-lead__body { font-size: 15px; }
  .company-layout { padding: 48px 24px 64px; }
  .company-lead { text-align: left; margin-bottom: 48px; }
  .company-lead__body { text-align: left; }
  .company-category { margin-bottom: 56px; }
  .company-category__header { padding: 12px 20px; margin-bottom: 28px; }
  .company-grid { gap: 32px; }
  .company-card { flex: 0 0 100%; }
  .company-card__img-wrap { height: 200px; }
}