/* =================================================================
   education.css
   Education ページ（education.html）固有のスタイル
   稼働中の「宇宙を考える」1本＋今後の予定コメントのみのシンプル構成
   ================================================================= */

body {
  background-color: #ffffff;
  line-height: 1.7;
}

footer { text-align: center; }

/* ----- プログラム紹介 --------------------------------------------- */
.program-section {
  padding: 20px 8vw 110px;
  max-width: 1600px; /* パネル幅（コンテンツ幅は最大約1300px） */
  margin: 0 auto;
  box-sizing: border-box;
}

.program-card {
  background: #ffffff;
  border: 1px solid var(--border-color);
  border-top: 4px solid var(--waseda-red);
  border-radius: 10px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.04);
  display: flex;
  overflow: hidden; /* 画像の角をカードの角丸に合わせる */
}
/* カードに埋め込む講義風景写真（横）
   実際の講義写真が届いたらこの background-image を差し替える */
.program-photo {
  flex: 0 0 38%;
  min-height: 280px;
  background: url('../images/education.jpg') center/cover no-repeat;
}
.program-body {
  flex: 1;
  padding: 40px 40px 36px;
}
.program-label {
  display: inline-block;
  background: rgba(142, 23, 40, 0.08);
  color: var(--waseda-red);
  padding: 5px 14px;
  border-radius: 20px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 16px;
}
.program-card h3 {
  margin: 0 0 16px;
  color: var(--dark-navy);
  font-size: 1.5rem;
  font-weight: 600;
}
.program-card p {
  margin: 0;
  color: var(--text-muted);
  font-size: 0.98rem;
  line-height: 1.9;
}
.program-link {
  display: inline-block;
  margin-top: 20px;
  font-size: 0.9rem;
  color: var(--waseda-red);
  text-decoration: none;
  font-weight: 500;
  border-bottom: 1px solid transparent;
  transition: border-color 0.3s;
}
.program-link:hover { border-color: var(--waseda-red); }

/* 今後の展開予定（控えめな一文） */
.program-note {
  margin: 36px 6px 0;
  color: var(--text-muted);
  font-size: 0.9rem;
  line-height: 1.9;
}

/* ----- スマホ対応（768px以下） ------------------------------------ */
@media (max-width: 768px) {
  .program-section { padding: 10px 6vw 80px; }
  .program-card { flex-direction: column-reverse; } /* 縦積み：本文が上、写真が下 */
  .program-photo { flex: none; min-height: 0; height: 180px; }
  .program-body { padding: 26px 22px; }
  .program-card h3 { font-size: 1.25rem; }
}

/* ----- 見出しのアクセント画像（page-head 右上） ------------------- */
.page-accent { background-image: url('../images/education.jpg'); }