/* 静的サイト用の見た目の補正（全ページで読み込む） */

/* コース画像の枠をそろえる。
   ほかのコースは 10:9 の写真だが、Drone CAMP だけ横長のロゴ画像のため枠が低くなり、
   ラベル・コース名が上にずれてカードの並びがそろわなかった。 */
.home-course-list .course-box figure > span,
.course-archive .course-box p.thumb {
  display: block;
  aspect-ratio: 10 / 9;
  overflow: hidden;
}
/* コース一覧ページは横並び（flex）で、説明文が長いと画像枠も縦に伸びるので伸ばさない */
.course-archive .course-box p.thumb {
  align-self: flex-start;
}
.home-course-list .course-box figure > span img,
.course-archive .course-box p.thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* ロゴ画像は切らずに枠の中央に収める */
.home-course-list .course-box figure > span img[src*="DroneCAMP-forDJI"],
.course-archive .course-box p.thumb img[src*="DroneCAMP-forDJI"] {
  object-fit: contain;
  padding: 0 10%;
  box-sizing: border-box;
  background: #fff;
}