@charset "UTF-8";
/* ==================================================================================================== レイアウト
==================================================================================================== */
body { background: url("../img/course/main_bg001.png") no-repeat left top; }
@media screen and (max-width: 750px) { body { background: url("../img/common/sp/main_bg001.png") no-repeat center top; background-size: contain; } }

.maintitle-sec { margin-bottom: 30px; }
@media screen and (max-width: 750px) { .maintitle-sec { margin-bottom: 130px; } }

/* ==================================================================================================== コンテンツ
==================================================================================================== */
.top-sec { padding: 50px 0; background-color: #ecfaff; }
@media screen and (max-width: 750px) { .top-sec { padding: 6.6666666667% 0; } }
.top-sec .top-in { position: relative; max-width: 1000px; margin: 0 auto; background: url("../img/course/top_bg001.png") no-repeat left 35px center; }
@media screen and (max-width: 750px) { .top-sec .top-in { background: none; } }
.top-sec .top-hading { font-size: 2.2222222222rem; font-weight: 500; text-align: center; }
@media screen and (max-width: 750px) { .top-sec .top-hading { font-size: 2rem; } }
.top-sec .top-num { z-index: 9; position: absolute; bottom: 0; right: 0; display: flex; align-items: center; justify-content: center; width: 96px; height: 96px; margin-right: 26%; margin-bottom: -70px; background-color: #ffd42b; font-size: 3.2222222222rem; font-weight: 500; color: #fff; border-radius: 50%; line-height: 1; }
@media screen and (max-width: 1130px) { .top-sec .top-num { margin-right: 18%; } }
@media screen and (max-width: 750px) { .top-sec .top-num { width: 17.1014492754%; height: auto; margin-right: 7.2463768116%; margin-bottom: -4.347826087%; padding: 2.8985507246% 0; font-size: 2.6666666667rem; } }
.top-sec .top-lead { margin-bottom: 10px; font-size: 1.1111111111rem; font-weight: 500; text-align: center; }

.about-sec { padding: 55px 0 0; background: url("../img/course/about_bg001.png") no-repeat right top 40px; }
@media screen and (max-width: 750px) { .about-sec { position: relative; padding: 34.6666666667% 0 0; background: url("../img/course/about_bg002.png") no-repeat right 24.6666666667% top 4%; background-size: 19.3333333333% auto; }
  .about-sec::before { content: ''; position: absolute; top: 0; left: 0; width: 159px; height: 52px; margin-top: 17.3333333333%; margin-left: 17.3333333333%; background: url("../img/course/top_bg001.png") no-repeat left top; background-size: contain; } }
.about-sec .about-in { position: relative; max-width: 1000px; margin: 0 auto; background: url("../img/course/about_bg002.png") no-repeat right top 30px; }
@media screen and (max-width: 750px) { .about-sec .about-in { background: none; } }
.about-sec .about-in::before { content: ''; position: absolute; bottom: 0; left: 0; width: 155px; height: 72px; background: url("../img/course/top_bg001.png") no-repeat left top; }
@media screen and (max-width: 750px) { .about-sec .about-in::before { display: none; } }
.about-sec .about-lead { margin-bottom: 50px; font-size: 0.8888888889rem; text-align: center; line-height: 2; }
@media screen and (max-width: 750px) { .about-sec .about-lead { font-size: 1.1111111111rem; } }
.about-sec dl { position: relative; max-width: 640px; margin: 0 auto; padding: 30px 75px 40px; background-color: #e3f6ff; border-radius: 10px; }
@media screen and (max-width: 750px) { .about-sec dl { padding: 9.4202898551% 0 5.7971014493%; } }
.about-sec dl dt { margin-bottom: 20px; font-size: 1.1111111111rem; color: #0a9fd6; text-align: center; }
@media screen and (max-width: 750px) { .about-sec dl dt { font-weight: 700; } }
.about-sec dl dd li { padding: 7px 0; border-bottom: 1px solid #fff; }
@media screen and (max-width: 750px) { .about-sec dl dd li { padding: 2.1739130435% 14.4927536232% 2.1739130435% 2.8985507246%; background: url("../img/course/about_i002.png") no-repeat right 2.8985507246% center; background-size: 20px auto; } }
.about-sec dl dd li a { display: flex; align-items: flex-start; text-decoration: none; }
.about-sec dl dd li span { width: 28px; background: url("../img/course/about_i001.png") no-repeat left center; font-size: 0.8333333333rem; text-align: center; color: #fff; }
@media screen and (max-width: 750px) { .about-sec dl dd li span { font-size: 1rem; } }
.about-sec dl dd li p { flex: 1; padding-left: 1em; font-size: 0.8333333333rem; }
@media screen and (max-width: 750px) { .about-sec dl dd li p { font-size: 1rem; } }

.map-sec { margin-bottom: 80px; }

.course-sec .course-list { padding-bottom: 20px; }
@media screen and (max-width: 750px) { .course-sec .course-list { padding: 10.6666666667% 0 !important; } }
@media screen and (max-width: 750px) { .course-sec .course-list .inner { padding: 0; } }
.course-sec .course-list .course-con { position: relative; max-width: 1000px; margin: 0 auto 20px; padding-top: 15.8333333333%; }
@media screen and (max-width: 750px) { .course-sec .course-list .course-con { margin-bottom: 0; padding-top: 0; } }
.course-sec .course-list .course-top { position: absolute; top: 0; margin-top: -26%; }
@media screen and (max-width: 960px) { .course-sec .course-list .course-top { margin-top: -30%; } }
@media screen and (max-width: 750px) { .course-sec .course-list .course-top { position: static; margin: 0 auto 2.9166666667% !important; } }
.course-sec .course-list .course-top .course-top-in { position: relative; width: 145px; }
@media screen and (max-width: 750px) { .course-sec .course-list .course-top .course-top-in { margin: 0 auto 5.4166666667%; } }
.course-sec .course-list .course-top .course-top-num { display: flex; align-items: center; justify-content: center; width: 100%; height: 119px; background: url("../img/course/course_i001.png") no-repeat left top; color: #fff; text-align: center; line-height: 1; }
.course-sec .course-list .course-top .course-top-num .num-txt { font-size: 1.1111111111rem; }
.course-sec .course-list .course-top .course-top-num .num-txt02 { font-size: 3.4444444444rem; font-weight: 500; }
.course-sec .course-list .course-top .course-top-list { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); width: 100%; max-width: 92px; margin-bottom: -0.5em; padding: 3px; background-color: #282828; color: #fff; text-align: center; line-height: 1; border-radius: 5px; }
.course-sec .course-list .course-box { position: relative; max-width: 555px; }
@media screen and (max-width: 960px) { .course-sec .course-list .course-box { max-width: 455px; } }
@media screen and (max-width: 750px) { .course-sec .course-list .course-box { width: 100%; max-width: 100%; padding: 0 4% !important; } }
.course-sec .course-list .course-heading { margin-bottom: 20px; padding-bottom: 50px; font-size: 1.3333333333rem; font-weight: 500; line-height: 1.6; }
@media screen and (max-width: 750px) { .course-sec .course-list .course-heading { margin-bottom: 6.6666666667%; padding-bottom: 0; text-align: center; } }
.course-sec .course-list .course-item { max-width: 450px; }
@media screen and (max-width: 960px) { .course-sec .course-list .course-item { width: 350px; } }
@media screen and (max-width: 750px) { .course-sec .course-list .course-item { width: 100%; max-width: 100%; padding: 0 4% !important; } }
.course-sec .course-list .course-lead { margin-bottom: 30px; font-size: 0.8888888889rem; line-height: 1.6; }
.course-sec .course-list .course-txt { margin-bottom: 30px; font-size: 0.8888888889rem; line-height: 1.6; color: #0053ab; }
.course-sec .course-list .course-txt span { margin: 0 0.5em; color: #969696; }
.course-sec .course-list .course-link a { display: block; text-decoration: none; width: 260px; padding: 16px 10px; background: url("../img/course/course_bt001.png") no-repeat center top; background-size: contain; font-size: 0.7777777778rem; text-align: center; color: #fff; line-height: 1; }
@media screen and (max-width: 750px) { .course-sec .course-list .course-link a { width: 79.7101449275%; max-width: 100%; margin: 0 auto; background-size: cover; padding: 21px 10px 22px; font-size: 1rem; } }
@media screen and (max-width: 500px) { .course-sec .course-list .course-link a { padding: 20px 10px 22px; } }
.course-sec .course-list .course-fig { position: absolute; top: 0; width: 45%; margin-top: 11%; }
@media screen and (max-width: 750px) { .course-sec .course-list .course-fig { position: static; width: 100%; margin-top: 0; margin-bottom: 6%; } }
@media screen and (max-width: 750px) { .course-sec .course-list .course-fig figure { padding: 0 4%; } }
.course-sec .course-list .course-fig ul { display: flex; margin-top: 25px; }
.course-sec .course-list .course-fig ul li { width: 31.1111111111%; margin-right: 3.3333333333%; }
@media screen and (max-width: 750px) { .course-sec .course-list .course-fig ul li { width: 31.0666666667%; margin-right: 3.4666666667%; } }
.course-sec .course-list .course-fig ul li:last-child { margin-right: 0; }
.course-sec .course-list-l .course-top { left: 0; margin-left: -4.5045045045%; }
@media screen and (max-width: 960px) { .course-sec .course-list-l .course-top { margin-left: 0.9009009009%; } }
@media screen and (max-width: 750px) { .course-sec .course-list-l .course-top { margin-left: 0; } }
.course-sec .course-list-l .course-box { background: url("../img/course/course_i002.png") no-repeat left bottom; }
@media screen and (max-width: 750px) { .course-sec .course-list-l .course-box { background: none; } }
.course-sec .course-list-l .course-fig { right: 0; }
.course-sec .course-list-r { background: url("../img/course/course_bg001.png") no-repeat right top; background-size: 100% 100%; }
@media screen and (max-width: 750px) { .course-sec .course-list-r { background-image: none; background-color: #e8fbff; } }
.course-sec .course-list-r .course-top { left: 0; margin-left: 12.6126126126%; }
@media screen and (max-width: 750px) { .course-sec .course-list-r .course-top { margin-left: 0; } }
.course-sec .course-list-r .course-box { margin: 0 0 0 auto; padding-left: 100px; background: url("../img/course/course_i003.png") no-repeat right bottom; }
@media screen and (max-width: 750px) { .course-sec .course-list-r .course-box { margin: 0 auto; padding-left: 0; background: none; } }
.course-sec .course-list-r .course-item { margin: 0 0 0 auto; }
.course-sec .course-list-r .course-fig { left: 0; }

#course10 { margin-bottom: 110px; }

/*# sourceMappingURL=course.css.map */