@charset "utf-8";
/* Copyright 2022 design hack. */

/* ------------------------------------------------------------

SCHOOL

------------------------------------------------------------ */
/* グローバルナビアクティブ
---------------------------------------------- */
nav ul#nav_main li:nth-child(4) a img {opacity: 0;}
div#bg_h2{background:url(/school/img/h2_bg_pc.png) no-repeat center 0;height:460px;text-align: right;}
div#bg_h2 h2{width: 1200px;margin: 0 auto;}

@media print, screen and (max-width: 767px){
div#bg_h2{background:url(/school/img/h2_bg_sp.png) no-repeat center 0;background-size: 100%;height:auto;text-align: center;margin-top: 20px;}
div#bg_h2 h2{width: 100%;margin: 0;}
div#bg_h2 img{width: 100%;}
}

/* コンテンツ
---------------------------------------------- */
.ttl_style_udrbar_gry{margin-bottom: 74px;}

/* FEATURE */
ul#list_feature{overflow: hidden;margin-top: 40px;}
ul#list_feature li{float: left;width: 580px;margin:0 40px 40px 0;background: #EEEEEE;}
ul#list_feature li div{box-sizing: border-box;padding:30px;}
ul#list_feature li div h3{font-size: 22px;font-weight: bold;text-align: center;margin-bottom: 24px;}
ul#list_feature li:nth-child(2n){margin-right: 0;}
ul#list_feature li:nth-child(3),ul#list_feature li:nth-child(4){margin-bottom: 0;}

/* COURSE */
ul#list_course{border: 1px solid #CCCCCC;background: #FFFFFF;padding: 60px 60px 20px;font-size: 0;}
ul#list_course li{background:url(/school/img/ico_arw.png) no-repeat left 0.3em;background-size:6px 8px;line-height: 1.0;padding-left: 18px;margin:0 60px 40px 0;display: inline-block;font-size: 16px;}
ul#list_course li a:hover{color: #A6A6A6;}

ul#list_course_detail li{overflow: hidden;border-top: 1px solid #BABABA;padding-top: 80px;margin-bottom: 80px;}
ul#list_course_detail li:first-child{border-top:none;}
ul#list_course_detail li:last-child{margin-bottom: 0;}
ul#list_course_detail li div.course_img{width:600px;float: left; }
ul#list_course_detail li div.course_img img{width:600px;}
ul#list_course_detail li div.course_box{width:520px;float: left; }
ul#list_course_detail li div.course_box h4{background:url(/school/img/ico_bdr_ylw.png) no-repeat left 0;background-size:6px 36px;font-weight: bold;font-size: 30px;line-height: 1.0;padding: 2px 0 4px 26px;margin-bottom: 30px;}
ul#list_course_detail li div.course_box dl {display: flex;flex-wrap: wrap;width: 100%;margin-bottom: 30px;}
ul#list_course_detail li div.course_box dl dt{border: 1px solid #CCCCCC; background: #CCCCCC;width: 20%;box-sizing: border-box;padding: 15px 20px;font-weight: bold;}
ul#list_course_detail li div.course_box dl dd{border: 1px solid #CCCCCC; background: #FFFFFF;width: 80%;box-sizing: border-box;padding: 15px 20px;}
ul#list_course_detail li div.course_box p.course_detail{background: #333333;padding: 15px 20px;color: #FFFFFF;font-weight: 300;margin-bottom: 24px;}
ul#list_course_detail li div.course_box ul.course_notice li{font-size: 14px;border-top: none;padding-top:0;margin-bottom: 0;}

ul#list_course_detail li div:first-child{margin-right: 80px;}

ul#list_course_detail li div.course_free{width:100%;}
ul#list_course_detail li div.course_free p.course_detail{margin-bottom: 0;}
ul#list_course_detail li div.course_free dl dt{width: 8%;}
ul#list_course_detail li div.course_free dl dd{width: 92%;}

@media print, screen and (max-width: 767px){
.ttl_style_udrbar_gry{margin-bottom: 51px;}
div.sp_inner_pd_first img{width: 100%;}

/* FEATURE */
ul#list_feature{overflow: visible;margin-top: 40px;}
ul#list_feature li{float: none;width: 100%;margin:0 0 20px 0;padding: 0;}
ul#list_feature li div{padding:15px;}
ul#list_feature li div h3{font-size: 17px;margin-bottom: 14px;}
ul#list_feature li:nth-child(2n){margin-right: 0;}
ul#list_feature li:nth-child(3){margin-bottom: 20px;}
 
/* COURSE */
ul#list_course{border: 1px solid #CCCCCC;background: #FFFFFF;padding: 16px 20px 5px;font-size: 0;}
ul#list_course li{background:url(/school/img/ico_arw_sp.png) no-repeat left 0.3em;background-size:5px 6px;padding-left: 15px;margin:0 30px 15px 0;font-size: 14px;}

ul#list_course_detail li{overflow: visible;padding-top: 40px;margin-bottom: 30px;display: flex;flex-direction: column;}
ul#list_course_detail li:first-child{padding-top: 50px;border-top:none;}
ul#list_course_detail li:last-child{margin-bottom: 0;}
ul#list_course_detail li div.course_img{width:100%;float: none;margin-bottom: 30px;order: 1;}
ul#list_course_detail li div.course_img img{width:100%;}
ul#list_course_detail li div.course_box{width:100%;float: none;order: 2;}
ul#list_course_detail li div.course_box h4{background:url(/school/img/ico_bdr_ylw_sp.png) no-repeat left 0;background-size:5px 25px;font-size: 18px;padding: 3px 0 5px 19px;margin-bottom: 20px;}
ul#list_course_detail li div.course_box dl {margin-bottom: 20px;}
ul#list_course_detail li div.course_box dl dt{padding: 15px;}
ul#list_course_detail li div.course_box dl dd{padding: 15px;}
ul#list_course_detail li div.course_box p.course_detail{padding: 15px;margin-bottom: 16px;}
ul#list_course_detail li div.course_box ul.course_notice li{font-size: 12px;}

ul#list_course_detail li div:first-child{margin-right: 0;}

ul#list_course_detail li div.course_free{width:100%;}
ul#list_course_detail li div.course_free dl dt{width: 20%;}    
ul#list_course_detail li div.course_free dl dd{width: 80%;}
}