@charset "utf-8";




@media(min-width:0px){
    #gnb,
    #remote{display:none}
    #header,
    #animate{height:65px;}
    #header{overflow:hidden}
    #header #logo{left:15px;top:18px;}
    #header #logo .ir-logo{width:134px;height:29px;}
    #header #logo em{font-size:14px;}
    #header #logo em:before{display:none}
    #header #open_mn{display:inline-block;right:15px;top:21px;width:20px;height:18px;}
    #snb{height:5px;overflow:hidden}
    .snb_box .snb .global_l{display:none;}
    .snb_box .snb .global_r{right:5px;}
    .snb_box .snb .global_r a{padding:0 10px;}
    .snb_box .snb .global_r a span{font-size:0;}
    .snb_box .snb .global_r .gr_sitemap{display:none}
    .location_buttons_box .print{display:none;}
    #content{float:none;width:100%;}
    #svisual{height: 120px;}
    #svisual h2{font-size:26px;}
    #svisual h1{display:none;}
    #lnb_hm .nav_hm{display:none;}
    #location{height:50px;}
    #navigate{border-top:0;}
    .location_buttons_box{right:10px;top:10px;}
    .location_buttons_box .ir,
    #naviSNS a{width:30px;height:30px;border-radius: 7px;}
    #navigate .navi{padding:0 5px 0 5px}
    #navigate .navi{min-width:125px;max-width:125px;}
    #navigate .navi3{max-width: 100%;}
    #navigate .navi.home{padding-right:5px;width:20px;}
    #navigate .navi span{font-size:13px;}
    #navigate .navi ul li a{font-size:13px;margin:2px 0}
    #navigate .navi ul{top:42px;}
}

@media(min-width:540px){

    #header #logo {top:16px;}
    #header #logo .ir-logo{width:150px;height:35px;}
    #header #logo em{font-size:16px;}
    #header #open_mn{top:24px;}
}
@media(min-width:768px){
    #header #logo{left:20px;}
    #svisual{height: 214px;}
    #navigate .navi{display:inline-block}
    #svisual h2{font-size:28px}
    .snb_box .snb .global_l a.campus{display:inline-block;}
}


@media(min-width:1024px){
    #header,
    #animate{height:80px;}
    #header{overflow:visible}
    #header #logo{top: 26px;left: 30px;}
    #header #logo .ir-logo{width:178px;height:39px;}
    #header #logo em{font-size:19px;}
    #svisual h2{font-size:30px}
    .nav_hm{display:block;}
    #lnb_hm .nav_hm{display:inline-block;}
    #header #open_mn{display:none;}
    #snb{height:50px;overflow:visible}
    .snb_box .snb .global_r .gr_sitemap{display:inline-block}
    #gnb,
    #remote{display:block}
    #content{float:left;width:75%;}
    #svisual h1{display:flex;}
    .location_buttons_box .print{display:inline-block}
    .snb_box .snb .global_l{display:block}
    .snb_box .snb .global_l > a:first-child{display:inline-block;}
    .snb_box .snb .global_r a span{font-size:14px;}
    .location_buttons_box{right:50px;top:10px;}
}
@media(min-width:1280px){
    #header,
    #animate{height:90px;}
    #svisual h2{font-size:36px}
    #navigate .navi{max-width:none;}
}

@media(max-width:1023px){
    #footer{padding:20px 0px;}
    #footer .tes{padding:0; text-align:center; background:none;}
    #footer .tes .select_group{position:relative; left:auto; top:auto; width:100%; margin-bottom:10px;}
    #footer .tes .select_group .select{display:inline-block;}

}

@media screen and (max-width: 540px){
#navigate .navi1{display: none;}
#navigate .navi2{min-width: 75px;padding-left: 0;}
#navigate .navi2:before{display: none;}
#navigate .navi.home{display: none !important;}
}
@media screen and (max-width: 500px){
    #footer .tes .select_group .select{width: 98%;}
}