/* 学びと制度ページだけで使うスタイル。 */

/* ===== 節のくくり =========================================================
   「反転教養教育」「授業の様子」などの節ごとに、薄い青の箱でくくる。
   入試情報・研究・進路ページと同じ形。ページの一番上（見出しと導入）は囲まない。
   このページの節は、見出しの .paragraph と図・時間割などの部品に分かれているので、
   それらをまとめて <section class="curriculumSection"> で包んでいる。 */
.curriculumSection {
  max-width: 900px;
  margin: clamp(48px, 7vw, 80px) auto 0;
  padding: clamp(20px, 3vw, 32px) clamp(16px, 2.5vw, 28px);
  border-radius: 12px;
  background-color: #eef4fa;
}

/* 箱が続くので、節と節の間は余白だけで足りる */
.curriculumSection + .curriculumSection {
  margin-top: clamp(24px, 4vw, 40px);
}

/* 箱が左右の余白を持つので、中の段落の左右の余白（mainText.css の padding: 0 20px）は外す */
.curriculumSection .paragraph {
  padding-left: 0;
  padding-right: 0;
}

/* 箱の先頭は、箱の上の余白だけにする */
.curriculumSection > :first-child {
  margin-top: 0;
}

@media (max-width: 767px) {
  .curriculumSection {
    padding: 20px 16px 24px;
  }
}