/* =========================================================
   教育体制ページ（page-education.php）専用クラス
========================================================= */

/* 画像を例外的に高さに縮める */

/* 技術戦略チームの結成：カード内の最後の要素なので、下の余白（margin-bottom）を打ち消してカードの下のあきを詰める */

.edu-tech-team-card .detail-section__top {
  margin-bottom: 0;
}

/* 社内研修ガイド・講師制度：.detail-section__topがカードの最後（唯一）の要素になっているカード共通。
   .detail-section__topのmargin-bottom(3.5rem)がカードのpadding(90px)に重なって、
   下の余白だけ広く見えてしまう。技術戦略チームの結成と同じ原因のため同じ対処を共通ルール化。 */

.education-detail .detail-box--card:not(.edu-tech-team-card) > .detail-section__top:last-child {
  margin-bottom: 0;
}

.education-detail .detail-box--card:not(.edu-tech-team-card):has(> .detail-section__top:last-child) {
  padding-bottom: 50px;
}

.edu-guide__links .toggle-item__link {
  margin-top: 0.5rem;
}

.edu-guide__links .toggle-item__link:first-child {
  margin-top: 0;
}

.edu-courses-top .detail-section__top-img {
  margin-top: 1rem;
}

/* 講座の種類：テキスト/画像の比率を50:50ではなく5:4にする（このカードのみ） */

.edu-courses-top .detail-section__top-text {
  flex: 5 1 0%;
}

.edu-courses-top .detail-section__top-img {
  flex: 4 1 0%;
}

/* 講座の種類カードのみ：イントロ下の余白を詰める */

.edu-courses-card .detail-intro {
  margin-bottom: 0;
}

.edu-toggle-group .toggle-item {
  background: var(--color-white);
}

.education-detail .detail-intro:has(+ .detail-steps__list) {
  margin-bottom: 2rem;
}

.education-detail .detail-steps__list {
  margin-bottom: 3rem;
}



/* 社内研修ガイド */

.education-detail .edu-guide__img-wrap img {
  height: 50%;
}

.edu-tech-team-card {
  padding-bottom: 50px;
}

/* 社内研修ガイド：画像の下にリンクを2本並べる */

.edu-guide__img-wrap {
  display: flex;
  flex-direction: column;
}

.edu-guide__links {
  display: flex;
  flex-direction: column;
  margin-top: 1.5rem;
}

/* 実践・活用講座：TUF研修の説明文のみ、左端を一文字分右にずらす */

.edu-tuf-desc {
  display: inline-block;
  padding-left: 1em;
}

/* TUF研修とは？〜技術研修です の説明文のみ、文字サイズを1px小さく */

.edu-tuf-desc--small {
  font-size: 0.875rem;
}

/* 画像の調整 */

.edu-courses-top {
  align-items: flex-start;
}

/* 講座の種類：技術研修／ビジネス研修などのグループ見出し＋トグル群 */

.edu-toggle-group__heading {
  font-family: var(--font-serif);
  font-size: 1.25rem;
  letter-spacing: 0.2em;
  margin-bottom: 1rem;
}

.edu-toggle-group {
  margin-bottom: 2.5rem;
}

/* 講座の種類：途中に挟まる「はじめての学びを支える」テキスト＋画像ブロックの間隔調整 */

.edu-toggle-group__top {
  margin-top: 3.5rem;
  margin-bottom: 2.5rem;
}

/* 様々な勉強会の開催：トグル内。詳細カンプ未着のため配置は仮。
   テキストの後にロゴ画像を縦に配置し、罫線・余白は他トグル本文（.toggle-item__body-text）に合わせる。 */

.edu-study__body {
  border-top: #d9d9d9 solid 1px;
  padding: 3rem;
}

.edu-study__body-lead {
  font-family: var(--font-serif);
  font-size: 1.25rem;
  letter-spacing: 0.2em;
  margin-bottom: 1rem;
}

.edu-study__body-desc {
  font-size: 0.9375rem;
  letter-spacing: 0.1em;
  line-height: 2;
}

.edu-study__body-logo {
  margin-top: 2rem;
  max-width: 260px;
}

.edu-study__body-logo img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* 社内研修ガイド：見出しのみ letter-spacing を詰める */

.edu-guide__lead {
  letter-spacing: 0.15rem;
}

/* 社内研修ガイド：「※こちらの内容は2026年2月現在のものです。」のみ文字サイズを1px小さく */

.edu-guide__note {
  font-size: 0.875rem;
}

/* ==========================================================================
   SP対応（max-width: 768px）
   ========================================================================== */

@media (max-width: 767px) {

  /* 様々な勉強会の開催：トグル内（テキスト→ロゴの縦積み） */

  .edu-study__body {
    padding: 24px 0 40px;
  }

  .edu-study__body-lead {
    font-size: 1.125rem;
  }

  .edu-study__body-desc {
    font-size: 0.875rem;
  }

  .edu-study__body-logo {
    margin: 0;
    max-width: none;
  }
}