@charset "utf-8";

/*header*/
@media screen and (max-width:800px){
    .header__logo{padding: 0;}
}

@media screen and (max-width:780px){
    .header__logo{margin:0 auto;}
}

@media screen and (max-width:680px){
    header .header__logo img{margin-right:-18px;}
    header .search_eff span{right:-101px;}
	header .search_eff input[type="text"]{width:60%;}
	header .login_eff input[type="text"]{width:60%;}
	header .login_eff > div{width:60%;}
	header .login_eff button{ width:60%;}
	header .search_eff span{right:-135px;}
}

@media screen and (max-width:580px){
    header .header__logo img{width:150px; margin:15px auto;}
	header .search_btn img{width:25px;}
    header .login_btn img{width:25px;}
	header .login_eff .id{width:32%; }
	header .login_eff .password{width:33%; }
	header .login_eff .join{width:32%;}
	header  a:nth-child(3){float:right;  margin:20px 15px 0 0;  }
    header  a:nth-child(4){float:right;  margin:20px 15px 0 0;}
}

@media screen and (max-width:480px){
	header .search_eff input[type="text"]{width:70%;}
	header .search_eff span{right:-120px;}
	header .login_eff input[type="text"]{width:70%;}
	header .login_eff > div{width:70%;}
	header .login_eff button{ width:70%;}
	header .header__logo img{width:130px; margin:20px auto;}
	header .login_eff .login{height:40px; width:70%;}
	header .login_eff .id{width:32%; height:25px; }
	header .login_eff .password{width:33%; height:25px; }
	header .login_eff .join{width:32%; height:25px;}
   
}

@media screen and (max-width:420px){
	header .logo a:first-child img{width:40px;}
	header .logo a:first-child {line-height:60px;}
	header .logo a:nth-child(2) img{width:150px;}
	header .logo a:nth-child(2){line-height:55px;}
	header .logo a:nth-child(3) img{width:30px;}
	header .logo a:nth-child(3){line-height:60px;}
	header .logo a:nth-child(4) img{width:30px;}
	header .logo a:nth-child(4) {line-height:60px;}
	header .logo{height:60px;}
	header .header__logo img{margin-right:-25px;}
	header .search_eff span{right:-105px;}
}


@media screen and (max-width:385px){
	 header .logo a:nth-child(2) {right:33%; line-height:57px;}
	 header .search_eff span{right:-95px;}
}


@media screen and (max-width:360px){
	header .header__logo img{margin-right:-30px;}
	header .login_eff .login{width:90%;}
	header .search_btn img{width:20px;}
	header .login_btn img{width:20px;}
	header .search_eff input[type="text"]{width:90%;}
	header .search_eff span{right:-125px;}
	header .login_eff input[type="text"]{width:90%;}
	header .login_eff > div{width:90%;}
	header .login_eff button{ width:90%;}
}

@media screen and (max-width:320px){
	header .search_eff span{right:-113px;}
}


/*visual*/

@media screen and (max-width:800px){
	.inner{width:94%;}
}


/*guide*/

@media screen and (max-width:780px){
   .guide div ul li{width:221px; height:172px; }
   .guide ul li img{width:126px;}
}

@media screen and (max-width:680px){
   .guide div ul{margin-bottom:19px;}
   .guide div ul li{width:185px; height:162px; }
   .guide ul li img{width:116px;}
}

@media screen and (max-width:580px){
   .guide div ul{margin-bottom:17px;}
   .guide div ul li{width:160px; height:150px; }
   .guide ul li img{width:105px;}
}

@media screen and (max-width:480px){
   .guide div ul{margin-bottom:15px;}
   .guide div ul li{width:133px; height:130px; font-size:15px; }
   .guide ul li img{width:90px;}
}

@media screen and (max-width:420px){
   .guide div ul{margin-bottom:13px;}
   .guide div ul li{width:113px; height:120px; font-size:13px; margin-right:20px;}
   .guide div ul li:nth-child(3){margin-right:0;}
   .guide ul li img{width:84px;}
}

@media screen and (max-width:385px){
   .guide div ul{margin-bottom:10px;}
   .guide div ul li{width:105px; height:100px; font-size:12px;  margin-right:18px;}
   .guide div ul li:nth-child(3){margin-right:0;}
   .guide ul li img{width:74px;}
}

@media screen and (max-width:360px){
   .guide div ul li{width:100px; height:100px; font-size:10px;  margin-right:15px;}
   .guide div ul li:nth-child(3){margin-right:0;}
   .guide ul li img{width:70px;}
}

@media screen and (max-width:320px){
   .guide div ul li{width:90px; height:97px; font-size:10px;  margin-right:15px;}
   .guide div ul li:nth-child(3){margin-right:0;}
   .guide ul li img{width:69px;}
}


/*entrance*/


@media screen and (max-width:680px){
.entrance .intro p:first-child{font-size:38px;}
.entrance .intro p:last-child{font-size:20px;}
.entrance .entrance_box ul li:nth-child(1) p:nth-child(1){font-size:26px;}
.entrance .entrance_box ul li:nth-child(1) p:nth-child(2){font-size:26px;}
.entrance .entrance_box ul li:nth-child(1) p:nth-child(3){font-size:16px;}

.entrance .entrance_box ul li:nth-child(2) p:nth-child(1){font-size:26px;}
.entrance .entrance_box ul li:nth-child(2) strong{font-size:31px; }
.entrance .entrance_box ul li:nth-child(2) p:nth-child(3){font-size:16px; margin-bottom:30px;}
}

@media screen and (max-width:580px){
 .entrance{height:448px;}
 .entrance .entrance_box ul li{height:220px;}
 .entrance .entrance_box ul li:nth-child(1) p:nth-child(1){font-size:20px;}
 .entrance .entrance_box ul li:nth-child(1) p:nth-child(2){font-size:20px;}
 .entrance .entrance_box ul li:nth-child(1) p:nth-child(3){font-size:15px; margin-bottom:30px;}

 .entrance .entrance_box ul li:nth-child(2) p:nth-child(1){font-size:20px;}
 .entrance .entrance_box ul li:nth-child(2) strong{font-size:25px;  }
 .entrance .entrance_box ul li:nth-child(2) p:nth-child(3){font-size:16px;margin-bottom:20px;}
}

@media screen and (max-width:480px){
 .entrance{height:360px;}
 .entrance .intro p:first-child{font-size:26px; padding:29px 0; box-sizing:border-box;}
 .entrance .intro p:last-child{font-size:15px; padding-bottom:30px; box-sizing:border-box;}
 .entrance .entrance_box ul li{height:170px;}
 .entrance .entrance_box ul li:first-child{padding:30px;}
 .entrance .entrance_box ul li:nth-child(1) p:nth-child(1){font-size:18px;}
 .entrance .entrance_box ul li:nth-child(1) p:nth-child(2){font-size:18px;}
 .entrance .entrance_box ul li:nth-child(1) p:nth-child(3){font-size:14px; margin-bottom:15px;}
 .entrance .entrance_box ul li:last-child{padding:30px;}
 .entrance .entrance_box ul li:nth-child(2) p:nth-child(1){font-size:18px;}
 .entrance .entrance_box ul li:nth-child(2) strong{font-size:24px; }
 .entrance .entrance_box ul li:nth-child(2) p:nth-child(3){font-size:14px; margin-top:10px; margin-bottom:13px;}
}

@media screen and (max-width:420px){
 .entrance .intro p:first-child{font-size:28px; padding:25px 0; box-sizing:border-box;}
 .entrance .intro p:last-child{font-size:15px; padding-bottom:25px; box-sizing:border-box;}
 .entrance .entrance_box ul li:nth-child(1) p:nth-child(1){font-size:16px; margin-bottom:9px;}
 .entrance .entrance_box ul li:nth-child(1) p:nth-child(2){font-size:16px;}
 .entrance .entrance_box ul li:nth-child(1) p:nth-child(3){font-size:11px; margin-bottom:15px;}
 .entrance .entrance_box ul li:nth-child(2) p:nth-child(1){font-size:16px;}
 .entrance .entrance_box ul li:nth-child(2) strong{font-size:19px; }
 .entrance .entrance_box ul li:nth-child(2) p:nth-child(3){font-size:12px; margin-top:10px; margin-bottom:13px;}
}


@media screen and (max-width:385px){
 .entrance{height:300px;}
 .entrance .entrance_box ul li{height:130px;}
 .entrance .entrance_box ul li:nth-child(1) p:nth-child(1){font-size:14px; margin-bottom:7px;}
 .entrance .entrance_box ul li:nth-child(1) p:nth-child(2){font-size:14px;margin-bottom:20px;}
 .entrance .entrance_box ul li:nth-child(1) p:nth-child(3){display:none;}
 .entrance .entrance_box ul li:nth-child(2) p:nth-child(1){font-size:14px;}
 .entrance .entrance_box ul li:nth-child(2) strong{font-size:17px; }
 .entrance .entrance_box ul li:nth-child(2) p:nth-child(3){display:none; }
 .entrance .entrance_box ul li:nth-child(2) img{margin-top:20px;}
}


@media screen and (max-width:360px){
 .entrance{height:280px;}
 .entrance .intro p:first-child{font-size:25px;}
 .entrance .entrance_box ul li{height:120px;}
 .entrance .entrance_box ul li:first-child{ padding:28px;}
 .entrance .entrance_box ul li:nth-child(1) p:nth-child(1){font-size:13px;}
 .entrance .entrance_box ul li:nth-child(1) p:nth-child(2){font-size:13px;}
 .entrance .entrance_box ul li:nth-child(1) p:nth-child(3){display:none;}
 .entrance .entrance_box ul li:nth-child(2) p:nth-child(1){font-size:12px;}
 .entrance .entrance_box ul li:nth-child(2) strong{font-size:15px; }
 .entrance .entrance_box ul li:nth-child(2) p:nth-child(3){display:none;}
}

@media screen and (max-width:320px){
 .entrance{height:270px;}
 .entrance .intro p:first-child{font-size:20px;}
 .entrance .intro p:last-child{font-size:15px;}
 .entrance .entrance_box ul li{height:110px;}
 .entrance .entrance_box ul li:first-child{padding:20px;}
 .entrance .entrance_box ul li:nth-child(1) p:nth-child(1){font-size:13px;}
 .entrance .entrance_box ul li:nth-child(1) p:nth-child(2){font-size:13px;}
 .entrance .entrance_box ul li:nth-child(1) p:nth-child(3){display:none;}
 .entrance .entrance_box ul li:last-child{padding:20px;}
 .entrance .entrance_box ul li:nth-child(2) p:nth-child(1){font-size:13px;}
 .entrance .entrance_box ul li:nth-child(2) strong{font-size:14px; }
 .entrance .entrance_box ul li:nth-child(2) p:nth-child(3){display:none;}
 .entrance .entrance_box ul li:nth-child(2) img{margin-top:18px;}

}


/*department*/
@media screen and (max-width:780px){
  .school_depart .bx-wrapper{margin:0 auto; width:100%;}
  .school_depart li img{width:100%; margin:0 auto;} 
  .school_depart li{width:3.1% !important; margin:0 7px}
}

@media screen and (max-width:680px){
.department {padding:10px 0 100px 0}
.department .school p:nth-child(1){font-size:38px;}
.department .school p:nth-child(2){font-size:20px;}
.school_depart .bx-wrapper .bx-pager.bx-default-pager a {margin-bottom:-10px;}
.school_depart li a p{font-size:20px;}
}

@media screen and (max-width:580px){
  .department {padding:10px 0 70px 0}
  .department .school p:nth-child(1){padding:33px;}
  .department .school p:nth-child(2){padding-bottom:33px}
  .school_depart li{width:4.7% !important;}
}

@media screen and (max-width:480px){
.school_depart li{width:4.65% !important;}
.department {padding:10px 0 70px 0}
.department .school p:nth-child(1){font-size:25px; padding:29px;}
.department .school p:nth-child(2){font-size:16px; padding-bottom:30px}
}

@media screen and (max-width:420px){
.school_depart li{width:4.6% !important;}
.school_depart li a p{font-size:18px;}
.department .school p:nth-child(1){padding:25px;}
.department .school p:nth-child(2){font-size:15px;padding-bottom:25px;}
}

@media screen and (max-width:360px){
  .department {padding:0 0 70px 0;}
  .school_depart li a p{font-size:17px;}
  .school_depart li{width:4.55% !important;}
}

@media screen and (max-width:320px){
  .school_depart li{width:9.4% !important;}
  .department .school p:nth-child(1){font-size:20px;}
  .department .school p:nth-child(2){font-size:15px;}
}



/*notice*/

@media screen and (max-width:780px){
.notice_box .box1 li:nth-child(1) p{font-size:23px;}
.notice_box .box1 li:nth-child(2) p{font-size:23px;}
.notice_box .box2 li:nth-child(1) .date p{font-size:14px;}
.notice_box .box2 li:nth-child(1) .date span{font-size:24px;}
.notice_box .box2 li:nth-child(2) .date p{font-size:14px;}
.notice_box .box2 li:nth-child(2) .date span{font-size:24px; }
.notice_box .box2 li:nth-child(1) .text p:nth-child(1){font-size:19px;}
.notice_box .box2 li:nth-child(1) .text p:nth-child(2){font-size:16px;}
.notice_box .box2 li:nth-child(2) .text p:nth-child(1){font-size:19px; }
.notice_box .box2 li:nth-child(2) .text p:nth-child(2){font-size:16px;}
}


@media screen and (max-width:680px){
.notice > p:nth-child(1){font-size:38px;}
.notice > p:nth-child(2){font-size:20px;}
.notice_box .box1 li:nth-child(1){width:25%;}
.notice_box .box1 li:nth-child(2){width:75%;}
.notice_box .box1 li:nth-child(1) p{font-size:20px;}
.notice_box .box1 li:nth-child(2) p{font-size:20px;}
.notice_box .box2 li:nth-child(1) .text p:nth-child(1){font-size:17px; margin-left:20px;}
.notice_box .box2 li:nth-child(1) .text p:nth-child(2){font-size:14px; margin-left:20px;}
.notice_box .box2 li:nth-child(2) .text p:nth-child(1){font-size:17px;margin-left:20px; }
.notice_box .box2 li:nth-child(2) .text p:nth-child(2){font-size:14px;margin-left:20px;}


}

@media screen and (max-width:480px){
.notice > p:nth-child(1){font-size:25px;  padding:26px 0 29px 0;}
.notice > p:nth-child(2){font-size:16px;}
.notice_box .box2 li:nth-child(1) .date p{margin-left:30px;}
.notice_box .box2 li:nth-child(1) .date span{margin-left:41px;}
.notice_box .box2 li:nth-child(2) .date p{margin-left:30px;}
.notice_box .box2 li:nth-child(2) .date span{margin-left:41px;}
.notice_box .box2 li:nth-child(1) .text p:nth-child(1){font-size:15px; }
.notice_box .box2 li:nth-child(2) .text p:nth-child(1){font-size:15px; }

}

@media screen and (max-width:420px){
.notice > p:nth-child(1){font-size:25px;}
.notice > p:nth-child(2){font-size:15px;}
.notice_box .box1 li:nth-child(1){width:30%;}
.notice_box .box1 li:nth-child(2){width:70%;}
.notice_box .box2 li:nth-child(1) .text p:nth-child(1){margin-left:35px; font-size:18px;}
.notice_box .box2 li:nth-child(1) .text p:nth-child(2){display:none;}
.notice_box .box2 li:nth-child(2) .text p:nth-child(1){margin-left:35px; font-size:18px;}
.notice_box .box2 li:nth-child(2) .text p:nth-child(2){display:none;}
.notice_box .box2 li:nth-child(1) .date p{margin:25px 0 5px 33px;}
.notice_box .box2 li:nth-child(2) .date p{margin:25px 0 5px 33px;}


}

@media screen and (max-width:385px){
.notice > p:nth-child(1){font-size:28px; }
.notice > p:nth-child(2){font-size:15px;}
.notice_box .box2 li:nth-child(1) .date p{margin:30px 0 5px 27px;}
.notice_box .box2 li:nth-child(2) .date p{margin:30px 0 5px 27px;}
.notice_box .box2 li:nth-child(1) .date span{font-size:20px;}
.notice_box .box2 li:nth-child(2) .date span{font-size:20px;}
.notice_box .box2 li:nth-child(1) .text p:nth-child(1){font-size:17px;margin-top:30px;}
.notice_box .box2 li:nth-child(2) .text p:nth-child(1){font-size:17px;margin-top:30px;}
.notice_box .box1 li:nth-child(1) a{font-size:17px; }
.notice_box .box1 li:nth-child(2) a{font-size:17px; }
}

@media screen and (max-width:320px){
.notice > p:nth-child(1){font-size:20px;  padding:20px 0 20px 0; }
.notice > p:nth-child(2){font-size:15px; padding-bottom:20px;}
.notice_box .box1 li:nth-child(1){width:33%;}
.notice_box .box1 li:nth-child(2){width:67%;}
.notice_box .box2 li:nth-child(1) .date p{margin:30px 0 5px 22px;}
.notice_box .box2 li:nth-child(2) .date p{margin:30px 0 5px 22px;}
.notice_box .box2 li:nth-child(1) .date span{font-size:18px; margin-left:38px;}
.notice_box .box2 li:nth-child(2) .date span{font-size:18px; margin-left:38px;}
.notice_box .box2 li:nth-child(1) .text p:nth-child(1){font-size:16px; margin-top:35px; }
.notice_box .box2 li:nth-child(2) .text p:nth-child(1){font-size:16px; margin-top:35px;}
.notice_box .box2 li:nth-child(2){margin-bottom:27px;}
}

/*sns*/

@media screen and (max-width:480px){
 .notice .sns > p{font-size:30px;}
 .notice .sns ul li p:nth-child(2){font-size:19px; }
.notice .sns ul li p:nth-child(3){font-size:14px; color:#392618; margin-bottom:20px;}
}

@media screen and (max-width:420px){
.notice .sns ul li p:nth-child(2){font-size:18px;}
.notice .sns ul li p:nth-child(3){font-size:12px; color:#392618; margin-bottom:20px;}
}

@media screen and (max-width:385px){
.notice .sns ul li p:nth-child(2){font-size:17px; }
.notice .sns ul li p:nth-child(3){font-size:11px; color:#392618; margin-bottom:20px;}
}

@media screen and (max-width:360px){
.notice .sns ul li p:nth-child(2){font-size:16px;}
.notice .sns ul li p:nth-child(3){font-size:10px; color:#392618; margin-bottom:20px;}
}


@media screen and (max-width:320px){
.notice .sns > p{font-size:25px; margin-bottom:27px;}
.notice .sns ul li p:nth-child(2){font-size:15px; color:#fff; margin:12px 0;}
.notice .sns ul li p:nth-child(3){display:none;}
}

/*footer*/
@media screen and (max-width:780px){
  footer .footer1 ul li{width:237px; height:31px; }
  footer .footer1 ul li a{font-size:16px;}
}

@media screen and (max-width:680px){
  footer .footer1 ul li{width:205px; height:31px; margin-top:14px;}
}

@media screen and (max-width:580px){
  footer .footer1 ul li{width:170px; height:31px; margin-top:10px;}
  footer .footer1 ul li a{ font-size:14px;}
  footer .footer2 img{ width:16%;}
  footer .footer2 .footertext p{ font-size:13px; }
  footer .footer2 .footertext p:last-child{font-size:12px;}
}

@media screen and (max-width:480px){
  footer .footer1 ul li{width:170px; height:31px;  margin-top:10px;}
}

@media screen and (max-width:420px){
  footer .footer1 ul li{width:170px; height:31px; margin-top:10px;}
}

@media screen and (max-width:385px){
  footer .footer1 ul li a{font-size:13px;}
}

@media screen and (max-width:360px){
footer .footer1 ul li{width:160px; height:31px;}
}

@media screen and (max-width:320px){
footer .footer1 ul li{width:130px; height:31px;}
}