.courseSect {
  font-weight: bold;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .courseSect {
    margin-bottom: 80px;
    padding-bottom: 80px;
  }
  .courseSect::after {
    content: "";
    display: block;
    width: 100vw;
    height: 1px;
    background-color: #dedede;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 767px) {
  .courseSect {
    margin-bottom: 20vw;
  }
}
.courseSect h2 {
  color: #212e54;
  line-height: 1.35;
  text-align: center;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .courseSect h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 767px) {
  .courseSect h2 {
    font-size: 6.6666666667vw;
  }
}
@media print, screen and (min-width: 768px) {
  .courseSect h2 small {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .courseSect h2 small {
    font-size: 3.2vw;
  }
}
.courseSect h2::after {
  content: "";
  display: block;
  background-color: #212e54;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media print, screen and (min-width: 768px) {
  .courseSect h2::after {
    width: 80px;
    height: 4px;
    bottom: -20px;
  }
}
@media screen and (max-width: 767px) {
  .courseSect h2::after {
    width: 13.3333333333vw;
    height: 0.8vw;
    bottom: -3.2vw;
  }
}
.courseSect .courseWrapper {
  display: flex;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .courseSect .courseWrapper {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .courseSect .courseWrapper {
    flex-direction: column;
    margin-top: 5.3333333333vw;
    font-size: 3.7333333333vw;
    line-height: 5.2vw;
  }
}
.courseSect .courseWrapper > div {
  box-sizing: border-box;
  background-color: #f8f8f8;
}
.courseSect .courseWrapper > div::before {
  content: "";
  display: block;
}
@media print, screen and (min-width: 768px) {
  .courseSect .courseWrapper > div {
    margin-top: 50px;
    padding: 0 50px 10px;
    width: 570px;
  }
  .courseSect .courseWrapper > div::before {
    margin-left: -50px;
    width: calc(100% + 100px);
    height: 220px;
    border-bottom: 4px solid;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  .courseSect .courseWrapper > div {
    margin-top: 5.3333333333vw;
    padding: 0 6.6666666667vw 2vw;
  }
  .courseSect .courseWrapper > div::before {
    margin-left: -5.3333333333vw;
    width: calc(100% + 10.6666666667vw);
    height: 0;
    border-bottom: 0.8vw solid;
  }
}
.courseSect .courseWrapper > div h3 {
  box-sizing: border-box;
  padding: 0 2px;
  text-align: center;
  line-height: 1.25;
}
@media print, screen and (min-width: 768px) {
  .courseSect .courseWrapper > div h3 {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .courseSect .courseWrapper > div h3 {
    font-size: 6.1333333333vw;
  }
}
.courseSect .courseWrapper > div h3 small {
  display: block;
}
@media print, screen and (min-width: 768px) {
  .courseSect .courseWrapper > div h3 small {
    margin-bottom: 6px;
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  .courseSect .courseWrapper > div h3 small {
    margin-bottom: 0.8vw;
    font-size: 2.6666666667vw;
  }
}
@media print, screen and (min-width: 768px) {
  .courseSect .courseWrapper > div h3 a {
    padding: 30px 0;
    transition: opacity 0.2s ease-in-out;
  }
  .courseSect .courseWrapper > div h3 a:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 767px) {
  .courseSect .courseWrapper > div h3 a {
    padding: 4vw 0;
  }
}
.courseSect .courseWrapper > div ul {
  width: 100%;
  border-top: 1px solid #c5c5c5;
}
.courseSect .courseWrapper > div ul li {
  box-sizing: border-box;
  padding: 0 2px;
}
.courseSect .courseWrapper > div ul li + li {
  border-top: 1px solid #c5c5c5;
}
@media print, screen and (min-width: 768px) {
  .courseSect .courseWrapper > div ul li a {
    transition: color 0.2s ease-in-out;
  }
}
.courseSect .courseWrapper > div a {
  display: block;
  position: relative;
  color: #333;
  text-decoration: none;
}
@media print, screen and (min-width: 768px) {
  .courseSect .courseWrapper > div a {
    padding: 10px 0;
  }
}
@media screen and (max-width: 767px) {
  .courseSect .courseWrapper > div a {
    padding: 1.6vw 0;
  }
}
.courseSect .courseWrapper > div a small {
  display: block;
  padding-top: 0.25em;
  line-height: 1.1;
}
@media print, screen and (min-width: 768px) {
  .courseSect .courseWrapper > div a small {
    font-size: 13px;
  }
}
.courseSect .courseWrapper > div a::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}
@media print, screen and (min-width: 768px) {
  .courseSect .courseWrapper > div a::after {
    width: 6px;
    height: 6px;
    border-right: 2.5px solid #333;
    border-bottom: 2.5px solid #333;
    transition: border-color 0.2s ease-in-out;
  }
}
@media screen and (max-width: 767px) {
  .courseSect .courseWrapper > div a::after {
    width: 1.3333333333vw;
    height: 1.3333333333vw;
    border-right: 0.4vw solid #333;
    border-bottom: 0.4vw solid #333;
  }
}
.courseSect .courseWrapper > div.c1 h3 a, .courseSect .courseWrapper > div.c1 li a:hover {
  color: #008196;
}
.courseSect .courseWrapper > div.c1 h3 a::after, .courseSect .courseWrapper > div.c1 li a:hover::after {
  border-color: #008196;
}
.courseSect .courseWrapper > div.c1::before {
  background-image: url(../img/course_img01.jpg?ver=250709);
  border-color: #008196;
}
.courseSect .courseWrapper > div.c2 h3 a, .courseSect .courseWrapper > div.c2 li a:hover {
  color: #e03373;
}
.courseSect .courseWrapper > div.c2 h3 a::after, .courseSect .courseWrapper > div.c2 li a:hover::after {
  border-color: #e03373;
}
.courseSect .courseWrapper > div.c2::before {
  background-image: url(../img/course_img02.jpg?ver=250321);
  border-color: #e03373;
}
.courseSect .courseWrapper > div.c3 h3 a, .courseSect .courseWrapper > div.c3 li a:hover {
  color: #74318e;
}
.courseSect .courseWrapper > div.c3 h3 a::after, .courseSect .courseWrapper > div.c3 li a:hover::after {
  border-color: #74318e;
}
.courseSect .courseWrapper > div.c3::before {
  background-image: url(../img/course_img03.jpg?ver=250321);
  border-color: #74318e;
}
.courseSect .courseWrapper > div.c4 h3 a, .courseSect .courseWrapper > div.c4 li a:hover {
  color: #e83836;
}
.courseSect .courseWrapper > div.c4 h3 a::after, .courseSect .courseWrapper > div.c4 li a:hover::after {
  border-color: #e83836;
}
.courseSect .courseWrapper > div.c4::before {
  background-image: url(../img/course_img04.jpg?ver=250321);
  border-color: #e83836;
}
.courseSect .courseWrapper > div.c5 h3 a, .courseSect .courseWrapper > div.c5 h5, .courseSect .courseWrapper > div.c5 li a:hover {
  color: #0268b7;
}
.courseSect .courseWrapper > div.c5 h3 a::after, .courseSect .courseWrapper > div.c5 li a:hover::after {
  border-color: #0268b7;
}
.courseSect .courseWrapper > div.c5::before {
  background-image: url(../img/course_img05.jpg?ver=250321);
  border-color: #0268b7;
}
@media screen and (max-width: 767px) {
  .courseSect .courseWrapper > div.c5 h4 {
    min-width: 18.6666666667vw;
    max-width: 18.6666666667vw;
  }
}
.courseSect .courseWrapper > div.c6 h3 a, .courseSect .courseWrapper > div.c6 a small, .courseSect .courseWrapper > div.c6 li a:hover {
  color: #01a860;
}
.courseSect .courseWrapper > div.c6 h3 a::after, .courseSect .courseWrapper > div.c6 li a:hover::after {
  border-color: #01a860;
}
.courseSect .courseWrapper > div.c6::before {
  background-image: url(../img/course_img06.jpg?ver=250321);
  border-color: #01a860;
}
@media screen and (max-width: 767px) {
  .courseSect .courseWrapper > div.c6 h4 {
    min-width: 18.6666666667vw;
    max-width: 18.6666666667vw;
  }
}
.courseSect .courseWrapper > div.c7 h3 a, .courseSect .courseWrapper > div.c7 li a:hover {
  color: #013467;
}
.courseSect .courseWrapper > div.c7 h3 a::after, .courseSect .courseWrapper > div.c7 li a:hover::after {
  border-color: #013467;
}
.courseSect .courseWrapper > div.c7::before {
  border-color: #013467;
}
@media print, screen and (min-width: 768px) {
  .courseSect .courseWrapper > div.c7::before {
    height: 100px;
    background-color: #fff;
  }
}
.courseSect .courseWrapper > div div {
  display: flex;
}
.courseSect .courseWrapper > div div.block {
  display: block;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .courseSect .courseWrapper > div div a {
    font-size: 16px;
  }
}
.courseSect .courseWrapper > div h4 {
  box-sizing: border-box;
  border-top: 1px solid #c5c5c5;
}
@media print, screen and (min-width: 768px) {
  .courseSect .courseWrapper > div h4 {
    padding: 8px 2px;
    min-width: 140px;
    max-width: 140px;
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .courseSect .courseWrapper > div h4 {
    padding: 1.3333333333vw 0.2666666667vw;
    min-width: 26.6666666667vw;
    max-width: 26.6666666667vw;
    font-size: 3.7333333333vw;
  }
}
.courseSect .courseWrapper > div h5 {
  box-sizing: border-box;
  border-top: 1px solid #c5c5c5;
}
@media print, screen and (min-width: 768px) {
  .courseSect .courseWrapper > div h5 {
    padding: 8px 2px;
    min-width: 110px;
    max-width: 110px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .courseSect .courseWrapper > div h5 {
    padding: 1.4666666667vw 0.2666666667vw;
    min-width: 24vw;
    max-width: 24vw;
  }
}
@media print, screen and (min-width: 768px) {
  .courseSect .courseWrapper .c7 {
    position: absolute;
    left: 0;
    bottom: 0;
  }
}

@media print, screen and (min-width: 768px) {
  #Contents {
    padding-bottom: 80px;
  }
}/*# sourceMappingURL=course.css.map */

/* 250321 Add */
.courseSect .courseWrapper > div.c3 a small {
	color: #74318e;
}
.courseSect .courseWrapper > div.c4 a small {
	color: #e83836;
}