@charset "utf-8";
/* CSS Document */
#cinfo_junior_index #point ul,
.school_detail_cinfo .course_junior #point ul{
  display: flex;
  flex-wrap: wrap;
  width: 1200px;
  margin: 0 auto;
}
#cinfo_junior_index #point ul li,
.school_detail_cinfo .course_junior #point ul li{
  flex: 0 0 24%;
  margin: 0 auto;
  padding: 40px 20px 30px;
  text-align: center;
  background-color: #fff;
  box-shadow: 3px 3px 16px -3px rgba(58, 78, 114, 0.25);
  border-radius: 10px;
  position: relative;
  max-width: 24%;
}
.school_detail_cinfo #point ul li h3 {
  color: #333;
}
#cinfo_junior_index #point ul li p,
.school_detail_cinfo .course_junior #point ul li p{
  text-align: left;
}
@media screen and (max-width: 720px) {
#cinfo_junior_index #point ul,
.school_detail_cinfo .course_junior #point ul{
  display:block;
  width: 100%;
}
#cinfo_junior_index #point ul li,
.school_detail_cinfo .course_junior #point ul li {
  flex: 0 0 100%;
  margin: 0 auto 40px;
  max-width: 100%;
}
#cinfo_junior_index #point ul li p,
.school_detail_cinfo .course_junior #point ul li p{
  text-align: left;
}
  }