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

/* //////////////////////////////////////////////////
#staff
////////////////////////////////////////////////// */




/*.staff_list*/
#contents .clumnbox .staff_list{
	overflow:hidden;
	zoom:1;
}
#contents .clumnbox .staff_list li{
	float:left;
	display:inline;
	width:48%;
	margin:0 2% 10px 0;
	padding:9px 9px 0 9px;
	line-height:1.2em;
	border:1px dotted #CCCCCC;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
#contents .clumnbox .staff_list li.even{
	clear:both;
}
#contents .clumnbox .staff_list li.odd{
	margin:0 0 10px 2%;
}
#contents .clumnbox .staff_list li .name{
	margin-bottom:10px;
	font-size:134%;
	line-height:1.5em;
}
#contents .clumnbox .staff_list li .name span{
	padding-right:10px;
	font-size:64%;
}
#contents .clumnbox .staff_list li .labo{
	margin-bottom:9px;
}


/*===============================================
●tablet.css  画面の横幅が768px以下
===============================================*/
@media screen and (max-width:768px){
	/*.staff_list*/
	#contents .clumnbox .staff_list li{
		float:none;
		display:block;
		width:100%;
		margin:0 0 10px 0;
	}
	#contents .clumnbox .staff_list li.odd{
		margin:0 0 10px 0;
	}
	#contents .clumnbox .staff_list li .name{
		font-size:125%;
	}
}
/*===============================================
●smart.css  画面の横幅が568px以下
===============================================*/
@media screen and (max-width:568px){
}
/*===============================================
●smart.css  画面の横幅が320px以下
===============================================*/
@media screen and (max-width:320px){
	
	
}