@charset "utf-8";
/* ====================================================
講座ロゴ（ロゴが大きいため枠を高くし、下揃え）
==================================================== */
.contents-area.course-area .course-logo {
  align-items: flex-end;
  height: 112px;
  margin-top: -6px;
}
.contents-area.course-area .course-logo + .course-ttl {
  margin-top: 22px;
}

/* ロゴ幅（写真幅 406px 基準） */
.contents-area.course-area .course-box.science .course-logo img {
  width: 63.546798%; /* 258 / 406 */
}
.contents-area.course-area .course-box.craft .course-logo img {
  width: 59.605911%; /* 242 / 406 */
}
.contents-area.course-area .course-box.wonder .course-logo img {
  width: 56.403941%; /* 229 / 406 */
}
.contents-area.course-area .course-box.mystery .course-logo img {
  width: 47.29064%; /* 192 / 406 */
}

/* ====================================================
TAB
==================================================== */
@media screen and (max-width: 1024px) {
  .contents-area.course-area .course-logo {
    height: 96px;
    margin-top: -4px;
  }
  .contents-area.course-area .course-logo + .course-ttl {
    margin-top: 18px;
  }
}

/* ====================================================
SP
==================================================== */
@media screen and (max-width: 767px) {
  .contents-area.course-area .course-logo {
    height: 78px;
    margin-top: 0;
  }
  .contents-area.course-area .course-logo + .course-ttl {
    margin-top: 12px;
  }
}