@charset "utf-8";
/* CSS Document */

@media (min-width:768px) and (max-width:936px){
		
		.wrapper{ width:90%;}
		.role > li{ width:32%; margin:.5%;}
		.login_wrapper{ position:relative; margin:30px 0;}
	}
	
@media (min-width:480px) and (max-width:767px){
		
		.wrapper{ width:90%;}
		.role > li{ width:32%; margin:.5%;}
		.role > li > a{ padding:25px 15px;}
		.login_wrapper{ position:relative; margin:30px 0;}
	}
	
@media (min-width:320px) and (max-width:479px){
		
		.wrapper{ width:90%;}
		.role > li{ width:49%; margin:.5%;}
		.role > li > a{ padding:25px 15px;}
		.login_wrapper{ position:relative; margin:30px; width:auto;}
	}
	
@media (max-width:320px){
		
		.wrapper{ width:90%;}
		.role > li{ width:100%; margin:.5% 0;}
		.login_wrapper{ position:relative; margin:15px; width:auto;}
	}