/* =============================================================
   dep-school.css  —  学校・団体の旅 LP ページ専用
   ・読み込みは school スラッグのページのみ（ローダーで限定）
   ・共有CSS（dep-tokens / dep-global / dep-base / dep-corporate）は無編集。
     共通の5セクション（ヒーロー/お悩み/FEATURES/サービス/FAQ）は dep-corporate.css を流用。
   ・このファイルは「安全管理体制」セクション等、学校LP固有分のみ。
   ・トークンは dep-tokens.css の var(--dep-*) を使用（当ページで利用可）。
============================================================= */

/* --- ④サービス：ゼミ研修の小さな補注（（大学・専門学校）） --- */
.dep-corp-svc h3 .dep-corp-svc__note{
  display:inline-block;
  font-size:12px;
  font-weight:600;
  color:var(--dep-gray);
  margin-left:4px;
  vertical-align:middle;
}

/* --- ⑤安全管理体制 --- */
.dep-school-safety__lead{
  max-width:680px;
  margin:14px auto 0;
  font-size:15px;
  line-height:1.85;
  color:#555;
  text-align:center;
}

.dep-school-safety{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:20px;
  margin-top:36px;
}

.dep-school-safety__item{
  display:flex;
  align-items:flex-start;
  gap:16px;
  background:#fff;
  border:1px solid var(--dep-line);
  border-radius:10px;
  padding:22px 24px;
}

.dep-school-safety__ic{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:50%;
  background:#EAF6FC;            /* primary-light の薄いティント */
}
.dep-school-safety__ic svg{display:block;}

.dep-school-safety__body{min-width:0;}

.dep-school-safety__ttl{
  margin:2px 0 6px;
  font-size:16px;
  font-weight:700;
  line-height:1.5;
  color:var(--dep-text);
}

.dep-school-safety__body p{
  margin:0;
  font-size:14px;
  line-height:1.85;
  color:#4a4a4a;
}

/* --- SP（768px以下）：1カラム --- */
@media (max-width:768px){
  .dep-school-safety{
    grid-template-columns:1fr;
    gap:14px;
    margin-top:28px;
  }
  .dep-school-safety__item{
    padding:18px 18px;
    gap:14px;
  }
  .dep-school-safety__ic{width:40px;height:40px;}
  .dep-school-safety__ttl{font-size:15px;}
}