@charset "UTF-8";
/* ============================================================
   「共育（トモイク）プロジェクトとは」ページ（/about/tomoiku/）用スタイル
   共育（トモイク）プロジェクト 2026年8月改修
   ＋「共育プロジェクトについて」メニュー3分割に伴うサイドナビ制御
   ============================================================ */
/* --- サイドナビ アクティブ表示（2番目＝共育（トモイク）プロジェクトとは） --- */
.about-tomoiku .l-grid .l-side nav ul li:nth-child(2) a {
  color: #00548e;
  font-weight: 600;
}

/* --- 推進委員会委員ページ：3分割後は3番目がアクティブ ---
   common.css の .member 用 nth-child(2) 指定を打ち消して3番目に付け替え */
main.member .l-grid .l-side nav ul li:nth-child(2) a {
  color: #000;
  font-weight: 500;
}

main.member .l-grid .l-side nav ul li:nth-child(3) a {
  color: #00548e;
  font-weight: 600;
}

/* --- リード文（事業説明） --- */
.p-tomoiku-intro {
  margin: 40px auto 0;
  padding: 30px 40px;
  background: #fff;
  border-radius: 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 2.2;
  text-align: center;
}

/* --- 方針・視点・活動内容ボックス --- */
.p-tomoiku-box {
  margin: 25px auto 0;
  padding: 30px 40px;
  background: #fff;
  border-radius: 20px;
}

.p-tomoiku-box h2 {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 12px;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: #00548e;
  border-bottom: 2px solid #f5f5f5;
}

.p-tomoiku-box h2::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -2px;
  height: 2px;
  width: 30px;
  background: #00548e;
}

.p-tomoiku-box ul li {
  position: relative;
  margin-bottom: 0.6em;
  padding-left: 1.6em;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.9;
}

.p-tomoiku-box ul li:last-child {
  margin-bottom: 0;
}

.p-tomoiku-box ul li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 700;
  color: #3090d1;
}

.p-tomoiku-box .box-note {
  margin-top: 0.5em;
  text-align: right;
  font-size: 14px;
  font-weight: 500;
}

/* ============================================================
   タブレット
   ============================================================ */
@media (max-width: 1100px) and (min-width: 768px) {
  .p-tomoiku-intro {
    margin: 3.4482758621vw auto 0;
    padding: 2.5862068966vw 3.4482758621vw;
    font-size: 1.3793103448vw;
  }
  .p-tomoiku-box {
    margin: 2.1551724138vw auto 0;
    padding: 2.5862068966vw 3.4482758621vw;
  }
  .p-tomoiku-box h2 {
    font-size: 1.724137931vw;
  }
  .p-tomoiku-box ul li {
    font-size: 1.2931034483vw;
  }
}
/* ============================================================
   スマートフォン
   ============================================================ */
@media (max-width: 767px) {
  .p-tomoiku-intro {
    margin: 8vw auto 0;
    padding: 5.3333333333vw 4.8vw;
    font-size: 3.7333333333vw;
    line-height: 2;
    text-align: left;
  }
  .p-tomoiku-box {
    margin: 4vw auto 0;
    padding: 5.3333333333vw 4.8vw;
  }
  .p-tomoiku-box h2 {
    font-size: 4.2666666667vw;
  }
  .p-tomoiku-box ul li {
    font-size: 3.7333333333vw;
  }
}
/*# sourceMappingURL=sourcemaps/about-tomoiku.css.map */