 

 

.sub_con4 .list2{background-color:transparent;}
.sub_con4 strong{display:inline-block; background-color:#fff; vertical-align:middle; text-align:center}


.sub_con5 .list2{background-color:transparent;}
.sub_con5 .list2 li{border-bottom:1px solid #ececec;}

@media (min-width: 649px){
 
.sub_con1 li{font-size:0;}
.sub_con1 li>div{display:inline-block; vertical-align:middle;width: 50%;}
}

@media (min-width: 1358px){
/*pc*/

.sub_visual{background:url(/edu/images/pc/program/visual.png) no-repeat 50%;}
 
 
.sub_con1 .circle_list{margin-top:100px;}
.sub_con2 .circle_list{margin:100px 0 190px;}
.sub_con2 .process li::after{right:-30px;}
.sub_con3 .circle_list{margin:100px 0 190px}
 
.sub_con4 .list2{margin-top:100px;}
.sub_con4 strong{width:80px; line-height:40px; border-radius:5px; margin-right:10px; margin-bottom:10px}




}

@media (min-width:650px) and (max-width:1357px){
/*tab*/ 
  

.sub_visual{background:url(/edu/images/pc/program/visual.png) no-repeat 50%; background-size:cover !important;}
 
   

.sub_con1 .sec {margin:1.7vw 0;}
.sub_con1 .sec .con_box{padding-left:0; padding-right:2vw;text-align: right;}




 
  
  
.sub_con1 .circle_list{margin-top: 7vw;}
.sub_con2 .circle_list{margin: 7vw 0 16vw;}
.sub_con2 .process li::after{right:-1.7vw;}
.sub_con3 .circle_list{margin: 7vw 0 16vw;}


 
.sub_con4 .list2{margin-top:7vw;}
.sub_con4 strong{width: 6.5vw;line-height: 3.5vw; border-radius:5px;margin-right: 1vw;position: absolute;top: 0;left: 0;}

}

@media (max-width: 649px){
/*mb*/
  

.sub_visual{background:url(/edu/images/mb/program/visual.png) no-repeat 50%; background-size:cover !important;}
 
  


.sub_con1 .list2{margin-top: 10vw;}

 
 
  
.sub_con1 .circle_list{margin-top: 7vw;}
.sub_con2 .circle_list{margin: 7vw 0 16vw;}
 .sub_con2 .process ul{margin:0;}
 .sub_con2 .process li div{width:38vw;}
.sub_con2 .process li::after{right: 3.3vw;}
.sub_con2 .list2 br{display:none}

 .sub_con3 .sub_tit{padding-right: 46vw;}
.sub_con3 .circle_list{margin: 7vw 0 16vw;}
.sub_con3 .list2 br{display:none}
.circle2>div div{vertical-align:top !important;}
 
.sub_con4 .list2{margin-top:7vw;}
.sub_con4 strong{width: 15vw;line-height: 6vw;border-radius: 0.5vw;margin-right: 1vw;position: absolute;top: -0.5vw;left: 0;}

 
 .sub_con5 .sub_tit{padding-right: 30vw;}
}