@charset "utf-8";
 /*°ψΕλ*/
@media screen and (max-width:1040px){ 
    .inner{width:100%;}
	.quick{display:none;}
}
/*****************[header]*****************/
@media screen and (max-width:1024px){ 
   .navbar-brand img{width:85%}
   body{margin-top:60px;}
   .inner,
   .container{max-width:100% !important;}
   .container > h2{font-size:30px; padding-top:40px;}
   .container > h2 span{margin:30px auto;}
   .container > h3{font-size:20px;margin-bottom:20px;}
}
@media screen and (max-width:764px){ 
   .collapse ul{position:relative; right:0; top:0px;}
}
@media screen and (max-width:580px){ 
   .container > h2{font-size:26px; padding-top:40px;}
   .container > h3{font-size:16px;margin-bottom:20px;}
   .container > h3 br{display:none;}
}
@media screen and (max-width:320px){ 
   .navbar{padding:0}
}

/*****************[section2]*****************/
@media screen and (max-width:1024px){ 
   #section-2{min-height:auto; padding-bottom:80px;}
}
@media screen and (max-width:810px){ 
   #section-2 ul{margin-top:0px; display:flex;}
   #section-2 ul li{flex:1; font-size:14px; line-height:140%;}
   #section-2 ul li p strong{font-size:16px;}
   #section-2 ul li img{width:50%;}
}
@media screen and (max-width:680px){ 
  #section-2 ul li{font-size:13px;}
}
@media screen and (max-width:580px){ 
  #section-2 ul{display:block;}
  #section-2 ul li{flex:0; font-size:14px; line-height:140%; width:90%; margin:8px 0}
  #section-2 ul li p img{width:30%;}
}

/*****************[section3]*****************/
@media screen and (max-width:1024px){ 
   .curriculum ul.tabs li {font-size:18px}
   .curriculum .tab_content{}
   .curriculum .tab_content.edu_wrap span.img,
   .curriculum .tab_content.edu_wrap1 span.img,
   .curriculum .tab_content.edu_wrap2 span.img{display:inline-block; text-align:right;}
   .curriculum .tab_content img{width:70%;}
}
@media screen and (max-width:810px){ 
   .curriculum .tab_content h3{font-size:27px; margin-bottom:30px;}
   .curriculum .tab_content img{width:50%;}
   .curriculum .tab_content.edu_wrap,
   .curriculum .tab_content.edu_wrap1,
   .curriculum .tab_content.edu_wrap2{position:relative; min-height:auto; padding-bottom:50px;}
}
@media screen and (max-width:680px){ 
   .curriculum ul.tabs li {font-size:16px}
   .curriculum .tab_content h3{font-size:20px; margin-bottom:30px;}
   .curriculum .tab_content .edu li,
   .curriculum .tab_content .edu1 li,
   .curriculum .tab_content .edu2 li{font-size:14px;}
   .curriculum .tab_content.edu_wrap span.img,
   .curriculum .tab_content.edu_wrap1 span.img,
   .curriculum .tab_content.edu_wrap2 span.img{display:none}
   .curriculum .tab_content .edu li p:first-child{width:auto; float:none; margin-bottom:5px;}
   .curriculum .tab_content .edu li p + p{width:100%; float:none;}
   .curriculum .tab_content .edu li{margin:8px 0}
}
@media screen and (max-width:375px){ 
   .curriculum ul.tabs li {font-size:14px; padding:10px 0}
   .edu2 li br{display:none;}
}

/*****************[section4]*****************/
@media screen and (max-width:810px){ 
    #section-4 .container > h2{color:#fff; padding-top:30px;}
    #section-4{min-height:auto; padding-bottom:30px;}
	.etc{display:none;}
    .footer p{display:block; margin-top:20px;}
	.footer p img{width:40px;}
	#section-4 .roll{width:98%; margin:80px auto 0}
}
@media screen and (max-width:680px){ 
   #section-4 .roll{margin:30px auto 0}
   #section-4 .roll li p:first-child{font-size:14px;}
   #section-4 .roll li p + p{font-size:14px;}
   #section-4 .container > h4{font-size:18px;}
}
@media screen and (max-width:480px){ 
   #section-4 .roll li p:first-child{float:none;width:100%;}
   #section-4 .roll li p + p{width:100%; float:none;}
   #section-4 .container > h4{font-size:15px;}
   
  .request_form ul li p{float:none; width:100%;}
  .request_form ul li p + p{width:100%; background:#fff;}
  .request_form ul li{margin:8px 0;}
  .request_form ul li input{width:100%;}
}
@media screen and (max-width:380px){
  #section-4 .btn a{display:block; width:auto; font-weight:600; font-size:14px; margin-bottom:10px;}
}