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

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

FEATURES

------------------------------------------------------------ */
/* グローバルナビアクティブ
---------------------------------------------- */
nav#wrap_nav_main ul#nav_main li:nth-child(1) a{color: #6F3D92;}
div#bg_h2{background:url(/features/img/h2_bg.png) no-repeat center 0;}

@media print, screen and (max-width: 767px){
div#bg_h2{background:url(/features/img/h2_bg_sp.png) no-repeat center 0;background-size: 100%;}
}

#h2_ttl_main{margin-bottom: 100px;}

/* CONTENT
---------------------------------------------- */
ul.features_list01{background: #EDEDED;padding: 35px 40px;margin-bottom: 100px;}
ul.features_list01 li{margin-bottom: 25px;font-size: 20px;font-weight: 700;position: relative;padding-left: 70px;}
ul.features_list01 li:before{position: absolute;top: -6px;left: 0;font-size: 26px; font-weight: 900; letter-spacing: 0.1em;color: #8E70AE;font-family:"Cardo",serif;}
ul.features_list01 li:first-child:before{content: '01.';}
ul.features_list01 li:nth-child(2):before{content: '02.';}
ul.features_list01 li:nth-child(3):before{content: '03.';}
ul.features_list01 li:last-child{margin-bottom: 0;}

ul#features_detail_list{margin: 75px 0 100px 0;}
ul#features_detail_list li{overflow: hidden;margin-bottom: 80px;}
ul#features_detail_list li:last-child{margin-bottom: 0;}

ul#features_detail_list li h3{margin-bottom: 30px;}

ul#features_detail_list li h4{font-size: 20px;padding: 0 0 0 14px;font-weight: 700;margin: -6px 0 25px 0;position: relative;}
ul#features_detail_list li h4:before {position: absolute;top: 6px;left: 0;width: 4px;height: 22px;content: '';background: #EEB338;}

ul#features_detail_list li:nth-child(2) h4:before,ul#features_detail_list li:nth-child(5) h4:before {background: #729ED5;}
ul#features_detail_list li:nth-child(3) h4:before,ul#features_detail_list li:nth-child(6) li:first-child h4:before {background: #DE7FA1;}
ul#features_detail_list li:nth-child(4) h4:before,ul#features_detail_list li:nth-child(6) li:nth-child(2) h4:before{background: #F48509;}

ul#features_detail_list li div{float: left;}

ul#features_detail_list li div.features_detail_img{float: left;width: 360px;}
ul#features_detail_list li div.features_detail_box{float: left;width: 480px;}
ul#features_detail_list li div.features_detail_box p{margin-bottom: 35px;}
ul#features_detail_list li div.features_detail_box p:last-child{margin-bottom: 0;}
ul#features_detail_list li div.features_detail_box p span{background:url(/common/img/ico_arw.png) no-repeat left 0.6em;background-size: 6px 8px;padding-left: 16px;margin-top: 20px;display: block;}
ul#features_detail_list li div.features_detail_box p span a:hover{color: #8F70AF;}
ul#features_detail_list li div:first-child{margin-right: 60px;}

ul#features_detail_list li.nofloat{overflow: visible;}
ul#features_detail_list li.nofloat h5{color: #729ED5;font-weight: 700;font-size: 20px;margin: -8px 0 15px 0;}
ul#features_detail_list li div#features02_wrap{float: none;}
div#features02_wrap{overflow: hidden;margin-bottom: 50px;}
ul#features_detail_list li div#features02_box{float: left;width: 380px;margin-right: 40px;}
ul#features02_list{float: left;width:480px;background: #EDEDED;padding: 25px 20px;}
ul#features02_list li{background:url(/features/img/ico_ccl.png) no-repeat left top 0.65em;background-size: 8px 8px;padding-left: 17px;margin:-5px 0 16px 0;}
ul#features02_list li:last-child{margin-bottom:0;}

@media print, screen and (max-width: 1220px){
ul#features_detail_list li div.features_detail_img{width: 43%;}
ul#features_detail_list li div.features_detail_box{width: 50%;}
    
ul#features_detail_list li div:first-child{margin-right: 7%;}

div#features02_wrap{overflow: visible;}
ul#features_detail_list li div#features02_box{float: none;width: 100%;margin: 0 0 25px 0;}
ul#features02_list{float: none;width:100%;}
}

@media print, screen and (max-width: 767px){
ul.features_list01{padding: 15px 20px;margin-bottom: 60px;}
ul.features_list01 li{margin-bottom: 5px;font-size: 17px;padding-left: 50px;}
ul.features_list01 li:before{top: -5px;font-size: 22px;}

ul#features_detail_list{margin: 45px 0 60px 0;}
ul#features_detail_list li{overflow: visible;margin-bottom: 55px;display: flex;flex-direction: column;}
   
ul#features_detail_list li h3{margin-bottom: 25px;}
ul#features_detail_list li h4{font-size: 21px;margin: -6px 0 16px 0;}

ul#features_detail_list li div{float: left;}
ul#features_detail_list li div.features_detail_img{width: 100%;order: 1;margin: 0 0 40px 0;}
ul#features_detail_list li div.features_detail_box{width: 100%;order: 2;}
ul#features_detail_list li div.features_detail_box p{margin-bottom: 25px;}
ul#features_detail_list li div.features_detail_box p span{background:url(/common/img/ico_arw.png) no-repeat left 0.6em;background-size: 6px 8px;padding-left: 16px;margin-top: 20px;display: block;}
ul#features_detail_list li div:first-child{margin-right: 0;} 

ul#features_detail_list li.nofloat h5{font-size: 21px;margin:-8px 0 16px 0;}
div#features02_wrap{overflow: visible;margin-bottom: 40px;}
ul#features02_list{padding: 15px 20px;}
ul#features02_list li{padding-left: 18px;margin:-5px 0 15px 0;}
}
/* instructor
---------------------------------------------- */
section#instructor{margin-bottom: -60px;}
section#instructor img{width: 100%;height: auto;}
.ttl_style03{color: #8D70AD;}
div#instructor_d_wrap{overflow: hidden;margin-bottom: 75px;}
div#instructor_d_wrap p{float: left;width: 360px;margin-right: 60px;}
div#instructor_d_wrap dl{float: left;width: 480px;}
div#instructor_d_wrap dl dt{font-size: 22px;font-weight: 700;line-height: 1.0;color: #8D70AD;border-bottom: 1px solid #DDDDDD;padding-bottom: 40px;margin-bottom: 35px;}

ul.instructors_list{overflow: hidden;margin-bottom: 30px;}
ul.instructors_list li{width: 260px;height: auto;margin: 0 60px 30px 0;float: left;}
ul.instructors_list li:nth-child(3n){margin: 0 0 30px 0;}
ul.instructors_list li img{width: 100%;height: auto;margin-bottom: 20px;}
ul.instructors_list li p{font-weight: 700;font-size: 18px;text-align: center;line-height: 1.0;}

@media print, screen and (max-width: 1220px){
div#instructor_d_wrap p{width: 43%;margin-right: 7%;}
div#instructor_d_wrap dl{width: 50%;}
    
ul.instructors_list li{width: 48%;height: auto;margin: 0 4% 4% 0;}
ul.instructors_list li:nth-child(3n){margin: 0 4% 4% 0;} 
ul.instructors_list li:nth-child(2n){margin: 0 0 4% 0;}  
}

@media print, screen and (max-width: 767px){
section#instructor{margin-bottom: 0;}
.mb_75{margin-bottom: 45px !important;}
div#instructor_d_wrap{overflow:visible;margin-bottom: 45px;}
div#instructor_d_wrap p{float: none;width: 100%;margin: 0 0 30px 0;}
div#instructor_d_wrap dl{float: none;width: 100%;}
div#instructor_d_wrap dl dt{font-size: 21px;padding-bottom: 20px;margin-bottom: 25px;}

ul.instructors_list{overflow: visible;margin-bottom: 50px;}
ul.instructors_list li{width: 100%;height: auto;margin: 0 0 30px 0;float: none;}
ul.instructors_list li:last-child{margin: 0 0 0 0;}
ul.instructors_list li:nth-child(3n){margin: 0 0 30px 0;}
ul.instructors_list li img{width: 100%;height: auto;margin-bottom: 20px;}
ul.instructors_list li p{font-weight: 700;font-size: 18px;text-align: center;line-height: 1.0;}
    
ul.instructors_list:last-child{margin-bottom: 0;}
}