/* ============================================
   page-kigyo.css
   企業主導型保育園とは
   ============================================ */

.page-head {
  padding: 92px 10px 112px;
}

.kigyo-inner {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: center;
}

/* ---- セクション共通 ---- */
.kigyo-what-section,
.kigyo-feature-section,
.kigyo-cta-section {
  padding: 64px 0;
}

.kigyo-what-section {
  background: #fafaed;
}

.kigyo-feature-section {
  background: #fafaed;
}

.kigyo-cta-section {
  background: #fff;
  padding: 60px 0 100px;
}

/* ---- セクションタイトル（セクション3用） ---- */
.kigyo-section-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-text);
  text-align: center;
  line-height: 1.6;
  margin-bottom: 28px;
}

/* ---- セクション1+2：2カラムレイアウト ---- */
.kigyo-what-inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  align-items: center;
  gap: 48px;
}

.kigyo-what-left {
  flex: 1;
  min-width: 0;
}

.kigyo-what-right {
  flex: 1;
  flex-shrink: 0;
  max-width: 460px;
}

.kigyo-what-right img {
  width: 100%;
  display: block;
}

.kigyo-what-label {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: 12px;
}

.kigyo-what-title {
  font-size: 1.75rem;
  font-weight: 900;
  color: var(--color-text);
  line-height: 1.5;
  margin-bottom: 24px;
}

.kigyo-what-body {
  font-size: 0.95rem;
  line-height: 2;
  color: var(--color-text);
  margin-bottom: 36px;
}

.kigyo-what-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-width: 260px;
  padding: 16px 40px;
  background: var(--color-primary);
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 10px;
  text-decoration: none;
  transition: opacity 0.2s ease;
}

.kigyo-what-btn:hover {
  opacity: 0.85;
}

/* 保育についてボタン */
.kigyo-feature-section .kigyo-what-btn {
  background: #ffcc00;
  grid-column: 1 / -1;
  justify-self: center;
}

.kigyo-btn-arrow {
  font-size: 1.2rem;
  line-height: 1;
}

.kigyo-note {
  font-size: 0.875rem;
  color: var(--color-text-light);
  text-align: center;
  margin-bottom: 48px;
  padding: 12px 20px;
  background: #f0efe4;
  border-radius: 8px;
}

/* ---- 特徴カード ---- */
.kigyo-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

.kigyo-feature-card {
  background: transparent;
  text-align: center;
}

/* バッジ共通 */
.kigyo-feature-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  font-weight: 900;
  color: #fff;
  margin: 0 auto 16px;
}

/* 三角形（カード1） */
.kigyo-badge--triangle {
  width: 60px;
  height: 60px;
  background: #5BC4D4;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  padding-top: 28px;
  align-items: flex-end;
}

/* 四角形（カード2） */
.kigyo-badge--square {
  width: 60px;
  height: 60px;
  background: #5CB85C;
  border-radius: 4px;
}

/* 円形（カード3） */
.kigyo-badge--circle {
  width: 64px;
  height: 64px;
  background: #ffcc00;
  border-radius: 50%;
}

/* カード画像 */
.kigyo-feature-img {
  margin-bottom: 16px;
}

.kigyo-feature-img img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

/* タイトル */
.kigyo-feature-title {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 14px;
}

.kigyo-feature-title--01 { color: #5BC4D4; }
.kigyo-feature-title--02 { color: #5CB85C; }
.kigyo-feature-title--03 { color: #ffcc00; }

/* リスト */
.kigyo-feature-list {
  list-style: disc;
  margin: 0;
  padding: 0 0 0 20px;
  text-align: left;
}

.kigyo-feature-list li {
  font-size: 0.875rem;
  line-height: 1.8;
  color: var(--color-text);
}

/* ---- CTAボタン ---- */
.kigyo-cta-section {
  text-align: center;
}

.kigyo-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 18px 56px;
  border-radius: 999px;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  transition: opacity 0.2s ease;
}

.kigyo-cta-btn:hover {
  opacity: 0.8;
}

.kigyo-cta-btn--yellow {
  background: #EFA94A;
  color: #fff;
}

.kigyo-cta-arrow {
  font-size: 0.9rem;
}

/* ---- レスポンシブ ---- */
@media (max-width: 768px) {
  .page-head {
    padding: 60px 15px;
  }

  .kigyo-inner {
    padding: 0 15px;
  }

  .kigyo-section-title {
    font-size: 1.2rem;
  }

  /* セクション1+2 */
  .kigyo-what-inner {
    flex-direction: column;
    gap: 32px;
    padding: 0 15px;
  }

  .kigyo-what-right {
    width: 100%;
    max-width: none;
  }

  .kigyo-what-title {
    font-size: 1.4rem;
  }

  .kigyo-what-btn {
    width: 100%;
    max-width: 300px;
  }

  /* セクション3 */
  .kigyo-feature-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .kigyo-cta-btn {
    padding: 16px 40px;
    font-size: 0.95rem;
  }
}