/* ================================
   ACTIVITIES：リード＋ページ内目次
================================ */

/* リードセクション全体（バナー直下の余白調整） */
.act-intro {
  /* 位置系 */
  margin-top: 2.5rem;
  margin-right: 0;
  margin-bottom: 1.5rem;
  margin-left: 0;

  /* ボックス系 */
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

/* リード内側ラッパー（mainと同じ最大幅にそろえる） */
.act-intro__inner {
  /* 位置系 */
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;

  /* ボックス系 */
  max-width: 1120px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

/* リード文テキスト（中央寄せ＋行間調整） */
.act-intro__lead {
  /* 位置系 */
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;

  /* ボックス系 */
  text-align: center;

  /* タイポ系 */
  line-height: 1.8;

  /* 色装飾系 */
}

/* ページ内目次セクション全体 */
.act-toc-section {
  /* 位置系 */
  margin-top: 2.5rem;
  margin-right: 0;
  margin-bottom: 2.5rem;
  margin-left: 0;

  /* ボックス系 */
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

/* 目次内側ラッパー（横幅制限＋中央寄せ） */
.act-toc-section__inner {
  /* 位置系 */
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;

  /* ボックス系 */
  max-width: 1120px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

/* PC時：リードと目次の間隔を少し広げる */
@media (min-width: 768px) {
  .act-intro {
    /* 位置系 */
    margin-top: 3rem;
    margin-right: 0;
    margin-bottom: 2rem;
    margin-left: 0;
  }

  .act-toc-section {
    /* 位置系 */
    margin-top: 3rem;
    margin-right: 0;
    margin-bottom: 3rem;
    margin-left: 0;
  }
}

/* ================================
   01 教育支援セクション
================================ */

/* セクション全体の余白・幅調整 */
.activities-edu {
  /* 位置系 */
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 4rem;
  margin-left: auto;

  /* ボックス系 */
  max-width: 1120px;
}

/* 概要テキストのラッパー */
.activities-edu__intro {
  /* 位置系 */
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 2.5rem;
  margin-left: 0;

  /* ボックス系 */
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

/* 概要テキスト1段落ずつ */
.activities-edu__lead {
  /* 位置系 */
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0.75rem;
  margin-left: 0;
}

/* 活動カードの一覧ラッパー（SP：1カラム） */
.activities-edu__cards {
  /* 位置系 */
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 3rem;
  margin-left: 0;

  /* ボックス系 */
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 2.5rem;
  column-gap: 0;
}

/* 各カード内のテキストエリア */
.activities-edu__body {
  /* 位置系 */
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;

  /* ボックス系 */
  padding-top: 0.25rem;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

/* カードタイトル（見出し） */
.activities-edu__title {
  /* 位置系 */
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0.6rem;
  margin-left: 0;

  /* ボックス系 */
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;

  /* タイポ系 */
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1.4;

  /* 色・装飾系 */
  color: var(--hero-orange);
}

/* カードのリードテキスト（常に表示する部分） */
.activities-edu__summary {
  /* 位置系 */
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0.5rem;
  margin-left: 0;
}

/* PC時のカードレイアウト（2カラム） */
@media (min-width: 768px) {

  .activities-edu__cards {
    /* ボックス系 */
    grid-template-columns:
      minmax(0, 1fr)
      minmax(0, 1fr);
    column-gap: 2rem;
    row-gap: 2.5rem;
  }

  /* 学校建設カードだけ横幅いっぱい（1カラム分を占有） */
  .activities-edu__card--school {
    /* ボックス系 */
    grid-column: 1 / -1;
  }
}

/* ================================
   教育支援：実績一覧CTA
================================ */

/* CTA全体のブロック */
.activities-edu__cta {
  /* 位置系 */
  margin-top: 1rem;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;

  /* ボックス系 */
  padding-top: 2.5rem;
  padding-right: 1.5rem;
  padding-bottom: 3rem;
  padding-left: 1.5rem;
  text-align: center;

  /* 色・装飾系 */
  background-color: #ffffff;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #f2f2f2;
}

/* CTAの見出しテキスト */
.activities-edu__cta-title {
  /* 位置系 */
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 1.5rem;
  margin-left: 0;

  /* ボックス系 */
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;

  /* タイポ系 */
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.4;

  /* 色・装飾系 */
  color: var(--hero-black);
}

/* CTAボタンのラッパー（中央寄せ） */
.activities-edu__cta-btn {
  /* 位置系 */
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;

  /* ボックス系 */
  display: inline-flex;
}

/* PC時は余白を少し広くする */
@media (min-width: 768px) {

  .activities-edu__cta {
    /* ボックス系 */
    padding-top: 3rem;
    padding-right: 0;
    padding-bottom: 3.5rem;
    padding-left: 0;
  }

  .activities-edu__cta-title {
    /* タイポ系 */
    font-size: 1.6rem;
  }
}
/* ================================
   01 教育支援セクション
================================ */

/* これは何のコードか：教育支援セクション内のカード配置調整 */

/* PC時のカードレイアウト（2カラム） */
@media (min-width: 768px) {

  /* 活動カード一覧（PCは2列グリッド） */
  .activities-edu__cards {
    /* 位置系 */
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 3rem;
    margin-left: 0;

    /* ボックス系 */
    display: grid;
    grid-template-columns:
      minmax(0, 1fr)
      minmax(0, 1fr);
    column-gap: 2rem;
    row-gap: 2.5rem;
  }

  /* 学校建設カードだけ横幅いっぱいを取りつつ中央寄せ */
  .activities-edu__card--school {
    /* 位置系 */
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;

    /* ボックス系 */
    grid-column: 1 / -1;
    max-width: 840px;
  }
}

/* ================================
   01 教育支援：目次タイトルリンク
================================ */

/* これは何のコードか：目次タイトルをリンク化したときの見た目調整 */

.c-toc__title-link {
  /* ボックス系 */
  display: flex;
  align-items: center;

  /* タイポ系 */
  text-decoration: none;

  /* 色・装飾系 */
  color: inherit;
}

/* ================================
   02 健康・貧困支援セクション
================================ */

/* セクション全体のラッパー */
.activities-health {
  /* 位置系 */
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 4rem;
  margin-left: auto;

  /* ボックス系 */
  max-width: 1120px;
}

/* 活動カード一覧（SP：1カラム） */
.activities-health__cards {
  /* 位置系 */
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;

  /* ボックス系 */
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 2.5rem;
  column-gap: 0;
}

/* 各カード内のテキストラッパー */
.activities-health__body {
  /* 位置系 */
  margin-top: 0.25rem;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;

  /* ボックス系 */
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

/* カードの見出し（タイトル） */
.activities-health__title {
  /* 位置系 */
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0.6rem;
  margin-left: 0;

  /* ボックス系 */
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;

  /* タイポ系 */
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1.4;

  /* 色・装飾系 */
  color: var(--hero-orange);
}

/* 常に表示する要約テキスト */
.activities-health__summary {
  /* 位置系 */
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0.5rem;
  margin-left: 0;
}

/* PCレイアウト：2カラム＋HDSだけ中央大きめ */
@media (min-width: 768px) {

  /* 活動カード一覧（PCは2列） */
  .activities-health__cards {
    /* ボックス系 */
    grid-template-columns:
      minmax(0, 1fr)
      minmax(0, 1fr);
    column-gap: 2rem;
    row-gap: 2.5rem;
  }

  /* ホテルドクターサービスカードだけ大きめ中央寄せ */
  .activities-health__card--hds {
    /* 位置系 */
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;

    /* ボックス系 */
    grid-column: 1 / -1;
    max-width: 840px;
  }
}
/* ================================
   02 健康・貧困支援：バナー画像トリミング調整
================================ */
/* これは何のコードか：
   健康・貧困支援バナーの画像を
   SPでは左寄り／PCでは上寄りで見せるための調整 */

/* SP共通：左側メインで表示 */
#act-02health
  .c-content-hero__img {
  /* ボックス系 */
  object-fit: cover;
  object-position: left
                   center;
}

/* PC：上部メインで表示 */
@media (min-width: 768px) {

  #act-02health
    .c-content-hero__img {
    /* ボックス系 */
    object-fit: cover;
    object-position: center
                     top;
  }
}