@charset "utf-8";

/*======================================

	staff PC

=======================================*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

ul::after,
dl::after,
.wrap::after,
.block::after {
	content: '';
	display: block;
	clear: both;	
}

a {
	text-decoration: none;
}

#staff-contents .block {
	width: 260px;
	float: left;
	margin: 0 30px 40px 0;
	font-size: 13px;
	text-align: center;
}
#staff-contents .block .position,
#staff-contents .block .name{
    text-align: left;
}
#staff-contents .wrap .block .staff_back{
	background: #fff;
	max-height: 175px;
    margin-bottom: 20px;
}
#staff-contents .block:nth-of-type(3n) {
	margin-right: 0;
}


#staff-contents .block img {
	margin-bottom: 10px;
	max-height: 175px;
	max-width: 260px;
    width: auto;
    height:auto;
    display:inline;
}

#staff-contents .name {
	font-size: 18px;
	border-bottom: 1px solid #b6a898;
	margin-bottom: 10px;
}

#staff-contents .name span {
	display: inline-block;
	float: right;
	padding-top: 6px;
	font-size: 12px;
	letter-spacing: 0.05em;
	color: #9cc238;
}

#staff-contents .license,
#staff-contents .blog {
	padding-left: 22px;
	margin-bottom: 5px;
	position: relative;
    text-align: left;
}

#staff-contents .license::before {
	content: "";
	width: 16px;
	height: 16px;
	background: url(../img/license_icon.png) no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 3px;
}	

#staff-contents .blog::before {
	content: "";
	width: 16px;
	height: 16px;
	background: url(../img/blog_icon.png) no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 3px;
}	


/*======================================

	staff  PC: END

=======================================*/

/*======================================

	staff SP

=======================================*/

@media only screen and (max-width: 640px){
	
	img {
		display: block;
		width: 100%;
		max-width: 100%;
	}
	
	#staff-contents {
		width: 90%;
		margin: 0	auto;	
	}
	
	#staff-contents .block {
	width: 100%;
	float: none;
	margin: 0;
	margin-bottom: 30px;
	height: auto;
}

}

/*======================================

	staff SP : END

=======================================*/