/* 年間行事ページ（カード型）school_life/annual_events_tmp.html 用 2026-09-17 */
.event_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px 24px;
  margin-top: 30px;
}
.event_card {
  background: #fff;
  border: 1px solid #e3e3e3;
  border-top: 3px solid #AA0000;
}
.event_photo {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #f3f3f3;
}
.event_photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#contents .event_card h2 {
  margin: 14px 16px 8px;
  padding-bottom: 4px;
  font-size: 130%;
}
#contents .event_card ul {
  margin: 0 16px 16px;
  padding-left: 1.2em;
}
#contents .event_card li {
  line-height: 1.7;
}
@media screen and (max-width: 900px) {
  .event_grid { grid-template-columns: repeat(2, 1fr); gap: 20px 16px; }
}
@media screen and (max-width: 560px) {
  .event_grid { grid-template-columns: 1fr; }
}