.step{}
.step h5{text-align:center;}
.step h5 span{position:relative; display:inline-block; color:#201716; font-weight:900}
.step h5 span::after{position:absolute; width:100%; left:0;content:''; height:2px; background-color:#201716;transform: scaleX(0);transform-origin: 50% 50%; }

 .s1.animate__fadeInUp::after {
	animation-delay: 1.7s;
	animation-duration: 1s;
	-webkit-animation-name: underline;
    animation-name: underline;	
	    animation-fill-mode: forwards;    
}
 .s2.animate__fadeInUp::after {
	animation-delay: 2.5s;
	animation-duration: 1s;
	-webkit-animation-name: underline;
    animation-name: underline;	
	    animation-fill-mode: forwards;    
}

.graph_box{background-color:rgba(255,255,255,0.2); text-align:center;}

.icon_box.fir{margin-top:0;}
.icon_box li{vertical-align:middle;}
.icon_box h5{font-weight:900; color:#fff; text-align:center}
.icon_box h6{border-bottom:1px solid #dcdcdc; text-align:left;}
.icon_box p{text-align:left;}

.icon_box2 li{vertical-align:middle;}

.icon_box2 h6{text-align:left;}
.sub_con4 .icon_box2 p{text-align:left;}
.sub_con4 .icon_box2 li strong{display:block;}

.sub_con5 .list2{background:transparent;}
.sub_con2 .list2 li,.sub_con5 .list2 li{border-bottom: 1px solid #e391b0;}
@media (min-width: 649px){
  
}

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

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


.step h5{line-height: 11em; margin-bottom:150px;}
.step h5 span{font-size:70px;}
.step h5 span::after{bottom: -8px;}
.step img{width:auto;}

.graph_box{padding:50px 0; border-radius:50px;}
.graph_box img{width:auto;}

.icon_slide{margin:100px 0;}
.icon_box {margin-top:340px;}
.icon_box h5{font-size:45px;}
.icon_box h6{font-size:30px; padding-bottom:25px;margin-bottom: 24px;}
.icon_box li{padding: 40px 30px; border-radius:30px;width:580px; height:280px;  margin:0 16px}
.icon_box p{font-size:20px;}
 
.icon_box2 h6{text-align:left; margin-bottom:18px}
.icon_box2 li{height:390px;}

.sub_con1 .circle_list{margin:100px 0 190px;}
.sub_con2 .circle_list{margin:100px 0;}
.sub_con3 {padding:200px 0  380px;}

.sub_con4{padding:200px 0 330px;}
.sub_con4 .icon_box2{margin-top: 400px;height: 330px;}
.sub_con4 .icon_box2 h5{margin-bottom:25px;}
.sub_con4 .icon_box2 p{font-size:20px;}
.sub_con4 .icon_box2 p strong{margin:20px 0 7px;}

.sub_con2 .circle_list{margin:100px 0;}
.sub_con5 .list2 .list_tit h5{font-size:40px;}
.sub_con5 .list2 .list_tit h5 strong{font-size:80px; margin-right: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;}
 



.step h5{line-height: 8em;margin-bottom: 5vw;}
.step h5 span{font-size: 4.5vw;}
.step h5 span::after{bottom: -8px;}
.step img{width: 79%;}

.graph_box{padding:50px 0; border-radius:50px;}
.graph_box img{width: 91%;}

.icon_slide{margin:7vw 0;}
.icon_box {margin-top: 25vw;}
.icon_box h5{font-size:4.5vw;}
.icon_box h6{padding-bottom: 1.5vw;margin-bottom: 1.5vw;font-size: 2.5vw;}
.icon_box li{padding: 2vw;border-radius: 3vw;width: 40vw;height: 22vw;margin: 0 1.1vw;}
.icon_box p{}
 
.icon_box2 h6{text-align:left; margin-bottom:18px}
.icon_box2 li{height: 34vw;}

.sub_con1 .circle_list{margin:7vw 0 15vw;}
.sub_con2 .circle_list{margin:7vw 0;}
.sub_con3 {padding:200px 0  380px;}

.sub_con4{padding:200px 0 330px;}
.sub_con4 .icon_box2{margin-top: 42vw;height: 26vw;}
.sub_con4 .icon_box2 h5{margin-bottom: 3vw;}
.sub_con4 .icon_box2 p{font-size: 2vw;}
.sub_con4 .icon_box2 p strong{margin: 2vw 0 0.5vw;}

.sub_con5 .list2 .list_tit h5{font-size: 4.1vw;}
.sub_con5 .list2 .list_tit h5 strong{font-size: 7vw;}
}

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

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


.step h5{line-height: 5em;margin-bottom: 10vw;}
.step h5 span{font-size: 5vw;}
.step h5 span::after{bottom: -8px;}
.step img{width: 100%;}

.graph_box{padding: 5vw 0;border-radius: 5vw;}
.graph_box img{width: 88vw;position: relative;left: 47%;transform: translateX(-50%);}

.icon_slide{margin: 12vw 0;}
 
 
  
  
  
.sub_con1 .circle_list{margin: 10vw 0 20vw;}
.sub_con2 .circle_list{margin: 10vw 0;}
.sub_con3 {}

.sub_con4{}
.sub_con4 .sub_tit{padding-right: 39vw;}
.sub_con4  .icon_box2 h5{margin-bottom:1vw}
  .sub_con4 .icon_box2 p strong{margin: 2vw 0 1vw;}

.sub_con5 .sub_tit{padding-right:39vw}
.sub_con5 .list2 .list_tit h5{font-size: 6vw;}
.sub_con5 .list2 .list_tit h5 strong{font-size: 12vw;margin-right: 1vw;} 
 
}