@charset "utf-8";
/* CSS Document */
.cate4 .course_detail_wrap .course_detail_head, .cate5 .course_detail_wrap .course_detail_head, .cate6 .course_detail_wrap .course_detail_head, .cate7 .course_detail_wrap .course_detail_head, .cate8 .course_detail_wrap .course_detail_head, .cate9 .course_detail_wrap .course_detail_head {
  margin-top: 0;
}
.menu_intro {
  background: #fff;
}
.menu_intro .titlebox h2 {
  color: #333;
  line-height: 1.5;
  letter-spacing: .16em;
  font-weight: 400;
}
.menu_intro .titlebox p {
  line-height: 1.2;
  letter-spacing: .16em;
  font-weight: 400;
  margin-top: 4px;
}
.menu_intro .leadbox h3 {
  display: inline-block;
  background: #99c934;
  color: #fff;
  line-height: 1.6;
  letter-spacing: .12em;
  font-weight: 400;
  padding: 8px clamp(10px, 4vw, 30px);
  margin-bottom: clamp(22px, 3vw, 34px);
}
.menu_intro .leadbox p {
  color: #333;
  line-height: 2.1;
  letter-spacing: .08em;
  font-weight: 400;
}
@media screen and (max-width: 576px) {
  .menu_intro .leadbox h3 {
    display: block;
    padding: 14px 18px;
  }
  .menu_intro .leadbox p br {
    display: none;
  }
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px) {}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px) {}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px) {}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px) {}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px) {}