.circle_list>div{border:1px solid #da87a7}


.sub_con3 .process li::after{color:#201716}

.lesson{position:relative;margin:0 auto;}
.lesson div{position:relative; text-align:center; z-index:1;}
.lesson div font{position:absolute; color:#fff; font-weight:bold;opacity: 0.3;z-index: 1;}
.lesson strong{display:block;line-height: 1.3em;}
.lesson div span{font-weight:300; line-height:1.2em}
.lesson li{position:absolute; display:table; background:#e4e4e4}
.lesson li span{display:table-cell; vertical-align:middle; color:#201716; text-align:center;line-height: 1.3em; word-break:keep-all;font-weight: 300;}
.lesson li span strong{display:block; }
.les1{top:0; left:0;}
.les2{top:0; right:0;}
.les3{bottom:0; left:0;}
.les4{bottom:0; right:0;}

.lesson .num1{top:0; left:0;}
.lesson .num2{top:0; right:0;}
.lesson .num3{bottom:0; left:0;}
.lesson .num4{bottom:0; right:0;}



.edu_box{}
.edu_box >div{float:left; width:50%}

.edu_box li{float:left;}
.edu_box h5{text-align:center;}
.edu_box li strong{color:#933056; display:block; font-weight:bold;}
.edu_box li div{border-left:2px solid #933056; font-weight:300; line-height:1.3em}
.edu_text{font-weight:600;}

.edu_text2 p{color:#201716; font-weight:600; text-align:center;}
.edu_text2 p strong{display:block; font-weight:900}
.edu_text2 span{font-weight:300;}

.sub_con2  .list2 li {border-bottom:1px solid #9d2f50}

.sub_con4{padding:0;}
.sub_con5 .list2 li{font-size:0;}
 .sub_con5 .list2 div{vertical-align:middle;display: inline-block;float: none;}
 .sub_con5 .list2 h5 strong{font-weight:900;}
 
 
.sub_con6 .list2 li{border-bottom:1px solid #9d2e50}

@media (min-width: 649px){
 .edu_box >div{border-right:1px solid #dcdcdc;}
  .edu2{border-right:0;}
}

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

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


.lesson{padding:110px 0; width:900px; }
.lesson div{padding:65px 0; width:460px; margin:0 auto;}
.lesson div font{font-size:30px;padding: 3px 6px;}
.lesson div strong{font-size:50px; margin-bottom:10px}
.lesson div span{font-size:23px;}
.lesson li{width:250px; height:140px}
.lesson li span{font-size:23px;}
.lesson li span strong{margin-bottom: 5px;}




.edu_box h5{margin-bottom:40px; font-size:45px;}
.edu_box ul{margin-top:40px;}
.edu_box li{width:25%;}
.edu_box li strong{font-size:23px;}
.edu_box li  {padding-left: 50px;}
.edu_box li div{margin:10px 0 0 10px; font-size:23px;   padding-left:10px; margin-top:40px}

.edu2 li{width: 33.33%;}
.edu2 li  {padding-left: 83px;}

.edu_text{height:80px; line-height:80px; font-size:40px;}

.edu_text2{margin-top:45px;}
.edu_text2 p{font-size:35px;}
.edu_text2 p strong{font-size:50px; margin:10px 0 20px}
.edu_text2 span{font-size:23px;}


.sub_con1 .sub_tit2{margin-top:200px}
 .lesson{ background: url(../images/pc/custom/circle.png) no-repeat 50%;}
.sub_con1 .lesson{margin-bottom:100px; }


.sub_con2 .list1{margin-bottom:200px}
.sub_con2 .process {margin:100px 0 150px;}
.sub_con2 .process li p{padding-left:40px;}

.sub_con3 .list1{margin:70px 0 150px}    
    

.sub_con4 .inbox{padding:100px 0;}

.sub_con5 .lesson {padding:160px 0; width:980px;margin-top: 40px;}
.sub_con5 .lesson li{width:300px; height:200px; padding:0 15px}
 
 .sub_con5 .sub_tit2{margin: 150px 0 70px;}
 .sub_con5 .list2 h5 strong{font-size: 80px;}
 .sub_con5 .list2 h5{font-size: 40px;}

 
.sub_con6 .list2{margin-top:20px;}
.sub_con6 .circle_list{margin:100px 0; padding-left:0 !important}
.sub_con6 .circle_list h6{margin-bottom:0 !important}
}

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

.sub_visual{background:url(/edu/images/pc/custom/visual.png) no-repeat 50%; background-size:cover !important;}
 
.sub_con1 .sub_tit{padding-right: 47vw;}
 
.lesson{padding: 9vw 0;width: 74.5vw;}
.lesson div{padding: 5.5vw 0;width: 38vw; margin:0 auto;}
.lesson div font{font-size: 2.5vw;padding: 0.5vw 1vw;}
.lesson div strong{font-size: 4vw;margin-bottom: 1vw;}
.lesson div span{font-size: 2vw;}
.lesson li{width: 20vw;height: 12vw;padding: 0 1vw;}
.lesson li span{font-size: 2vw;}
.lesson li span strong{margin-bottom: 1vw;}




.edu_box h5{margin-bottom: 4vw;font-size: 3.3vw;}
.edu_box ul{margin-top:4vw;}
.edu_box li{width: 11vw;}
.edu_box li strong{font-size: 2vw;}
.edu_box li  {padding-left: 1.4vw;}
.edu_box li div{margin: 1vw 0 0 1vw;font-size: 1.7vw;padding-left: 1vw;}

.edu2 li{width: 15vw;}
.edu2 li  {padding-left: 3.4vw;}

.edu_text{height: 6.5vw;line-height: 6.5vw;font-size: 3vw; margin-top:4vw}

.edu_text2{margin-top: 4vw;}
.edu_text2 p{font-size: 2.9vw;}
.edu_text2 p strong{font-size: 4vw;margin: 1vw 0 2vw;}
.edu_text2 span{font-size: 2vw;}


.sub_con1 .sub_tit2{margin-top: 8vw;}
 .lesson{ background: url(../images/pc/custom/circle.png) no-repeat 50%;background-size: 62vw auto;}
.sub_con1 .lesson{margin-bottom: 8vw; }


.sub_con2 .list1{margin-bottom:16vw}
.sub_con2 .process {margin: 8vw 0 16vw;}
.sub_con2 .process li::after{right:-2vw}
.sub_con2 .process li p{padding-left: 1.7vw;}
.sub_con2  .process li span{font-size:2vw;}
.sub_con2 .list2 .list_con{padding-right:6vw} 

.sub_con3 .list1{margin:8vw 0 16vw}
.sub_con3 .process li::after{right: -2.5vw;top: 9vw;}
   

 .sub_con5 .sub_tit2{margin: 16vw 0 8vw;}
 .sub_con5 .list2 h5 strong{font-size: 6vw;}
 .sub_con5 .list2 h5{font-size: 3.5vw;}



.sub_con5 .lesson {padding: 13vw 0;width: 82vw;margin-top: 4vw;}
.sub_con5 .lesson li{width: 25vw;height: 16vw; padding:0 15px}
.sub_con6 .sub_tit{padding-right: 40vw;}
.sub_con6 .list2{margin-top:20px;}
.sub_con6 .circle_list{margin:100px 0; padding-left:0 !important}
.sub_con6 .circle_list h6{margin-bottom:0 !important}
  
}

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

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


.sub_con1 .sub_tit{padding-right: 47vw;}
 
.lesson{padding: 9vw 0;width: 100%;background: url(../images/pc/custom/circle.png) no-repeat 50%;background-size: 75vw 46vw;}
.lesson div{padding: 6vw 0;width: 38vw; margin:0 auto;}
.lesson div font{font-size: 3vw;padding: 1vw;}
.lesson div strong{font-size: 6vw;margin-bottom: 1vw;line-height: 1em;}
.lesson div span{font-size: 3.5vw;}
.lesson li{width: 25vw;height: 14vw;padding: 0 0vw;}
.les2{padding: 0 2vw !important;}
.lesson li span{font-size: 3.5vw;}
.lesson li span strong{margin-bottom: 1vw;}



.edu_box>div{width:100%;}
.edu_box h5{margin-bottom: 4vw;font-size: 5vw;}
.edu_box ul{padding:0 10vw}
.edu_box li{width: 25%;}
.edu_box li strong{font-size: 3.5vw;}

.edu_box li div{margin: 2.5vw 0 6vw 2vw;font-size: 3.5vw;padding-left: 1vw;}
.edu2 ul{padding: 0 8vw;}
.edu2 li{width: 33.3%;}
.edu2 li  {padding-left: 3.4vw;}

.edu_text{height: 12vw;line-height: 12vw;font-size: 5vw;}

.edu_text2{margin-top: 4vw;}
.edu_text2 p{font-size: 4.5vw;}
.edu_text2 p strong{font-size: 6vw;margin: 1vw 0 2vw;}
.edu_text2 span{font-size: 3.5vw;}


.sub_con1 .sub_tit2{margin-top: 8vw;}
.sub_con1 .lesson{margin-bottom: 8vw;}

.sub_con2 .sub_tit{padding-right: 44vw;word-break: keep-all;}
.sub_con2 .list1{margin-bottom:16vw}
.sub_con2 .process {margin: 8vw 0 13vw;}
.sub_con2 .process ul{margin:0}
    .sub_con2 .process li{width:45vw}
.sub_con2 .process li p{padding-left: 1.7vw;}
.sub_con2 .process li div{width:36vw;}
    .sub_con2 .process li::after{right: 3vw;}
.sub_con2  .process li span{font-size: 3vw;}
.sub_con2 .list2 .list_con{padding-right:6vw} 

.sub_con3 .list1{margin:8vw 0 16vw}
.sub_con3 .process li::after{right: -2.5vw;top: 9vw;}
   

 .sub_con5 .sub_tit2{margin: 16vw 0 8vw;}
 .sub_con5 .list2 h5 strong{font-size: 9vw;}
 .sub_con5 .list2 h5{font-size: 6vw;}


.sub_con5 .lesson {padding: 22vw 0;width: 100%;margin-top: 4vw;}
.sub_con5 .lesson li{width: 42vw;height: 24vw;padding: 0 1.5vw;}
.sub_con6 .sub_tit{padding-right:38vw;}
.sub_con6 .list2{margin-top:20px;}
.sub_con6 .circle_list{margin: 9vw 0;padding-left: 3vw !important;}
    .sub_con6 .circle_list div{padding:0;}
.sub_con6 .circle_list h6{margin-bottom:0 !important}
  

}