@charset "utf-8";
/* ==================================================
   ①ロードマップデザイン力 ― 逆算の役割設計
   ================================================== */
.eltv-section-container {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 20px 10px;
  box-sizing: border-box;
  text-align: center;
  color: #1a365d;
}

.eltv-section-title {
  font-weight: bold;
  margin: 0 0 30px 0;
  line-height: 1.4;
}

.eltv-section-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  margin-bottom: 25px;
}

.eltv-section-card {
  background-color: #eaf0f6;
  border-radius: 20px;
  padding: 40px 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  min-height: 240px;
}

.eltv-section-card-title {
  font-weight: bold;
  margin: 0 0 15px 0;
  line-height: 1.3;
  font-size: 1.2em;
}

.eltv-section-card-text {
  margin: 0;
  line-height: 1.5;
  color: #333333;
}

.eltv-section-note {
  margin: 0;
  line-height: 1.6;
  color: #000000;
}

/* レスポンシブ対応（スマホ・タブレット表示） */
@media screen and (max-width: 768px) {
  .eltv-section-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  
  .eltv-section-card {
    padding: 25px 10px;
    min-height: 180px;
  }
}

@media screen and (max-width: 480px) {
  .eltv-section-grid {
    grid-template-columns: 1fr;
  }
  
  .eltv-section-card {
    min-height: auto;
  }
}

/* ==================================================
   ②幹部輩出力 ― 任せる人材を仕組みで生む
   ================================================== */
.career-flow-container {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 20px 10px;
  box-sizing: border-box;
  text-align: center;
}

.career-flow-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 40px;
}

.career-flow-card {
  flex: 1;
  background-color: #1e3a6a;
  color: #ffffff;
  border-radius: 24px;
  padding: 40px 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  min-height: 240px;
}

.career-flow-card-title {
  color: #ffffff;
  font-weight: bold;
  margin: 0 0 15px 0;
  line-height: 1.3;
  font-size: 1.2em;
}

.career-flow-card-text {
  color: #ffffff;
  margin: 0;
  line-height: 1.5;
}

/* 矢印アイコン CSS（画像を使わず描画） */
.career-flow-arrow {
  position: relative;
  width: 20px;
  height: 2px;
  background-color: #7a8b9e;
  flex-shrink: 0;
}

.career-flow-arrow::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 6px;
  height: 6px;
  border-top: 2px solid #7a8b9e;
  border-right: 2px solid #7a8b9e;
}

.career-flow-note {
  margin: 0;
  line-height: 1.6;
  color: #000000;
}

/* レスポンシブ対応（スマホ表示時に縦並び＋下向き矢印に変更） */
@media screen and (max-width: 768px) {
  .career-flow-wrapper {
    flex-direction: column;
    gap: 0;
  }

  .career-flow-card {
    width: 100%;
    min-height: auto;
    padding: 30px 15px;
  }

  .career-flow-arrow {
    width: 2px;
    height: 25px;
    margin: 10px 0;
  }

  .career-flow-arrow::after {
    right: 50%;
    top: auto;
    bottom: 0;
    transform: translateX(50%) rotate(135deg);
  }
}
/* ==================================================
   経営トップ直轄で推進する「戦略人事部」の構築
   ================================================== */
.org-image-container {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 20px 10px;
  box-sizing: border-box;
  text-align: center;
}

/* スクロール案内テキスト（初期状態は非表示） */
.org-image-scroll-note {
  display: none;
  font-size: 14px;
  margin: 0 0 8px 0;
  text-align: center;
  font-weight:bold;
}

/* 画像ラッパー */
.org-image-scroll-wrapper {
  width: 100%;
}

/* 画像本体 */
.org-image {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* キャプション */
.org-image-caption {
  margin: 15px 0 0 0;
  line-height: 1.6;
  color: #000000;
}

.sol-card-title{
  font-weight: normal!important;
}

/* レスポンシブ対応（スマホ表示時に横スクロール有効化） */
@media screen and (max-width: 768px) {
  /* スクロール案内を表示 */
  .org-image-scroll-note {
    display: block;
  }

  /* 横スクロールエリアを設定 */
  .org-image-scroll-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* iOSでの慣性スクロール */
  }

  /* 画像が縮小されず元のサイズ（最小幅）を保つように固定 */
  .org-image {
    width: 700px; /* 必要に応じて調整可能 */
    max-width: none;
  }
}


/*資料ダウンロード目次*/
/* リスト全体を囲むラッパー */
.c-num-align-list {
  margin: 0;
  padding: 0;
}

/* 各行 */
.c-num-align-list__item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.6em;
  line-height: 1.6;
}

/* 番号エリア（左端・幅を固定） */
.c-num-align-list__num {
  display: inline-block;
  width: 1.8em;
  text-align: left;
  margin-right: 0.4em;
  flex-shrink: 0;
}

/* 本文エリア */
.c-num-align-list__text {
  flex: 1;
}