@charset "UTF-8";

.staff-wrap{
	margin: 0 0 20px;
	padding: 30px;
	border: solid 2px #FCA672;
	border-radius: 8px;
	background: #fff;
}

.staff-wrap .name{
	width: 255px;
}
.staff-wrap h2{
	margin: 0;
	padding: 0;
	min-height: 50px;
	text-align: left;
	font-size: 2.2rem;
}
.staff-wrap:nth-child(5n+1) h2{	background: url(../img/parts_staff01.jpg) no-repeat right bottom;}
.staff-wrap:nth-child(5n+2) h2{	background: url(../img/parts_staff02.jpg) no-repeat right bottom;}
.staff-wrap:nth-child(5n+3) h2{	background: url(../img/parts_staff03.jpg) no-repeat right bottom;}
.staff-wrap:nth-child(5n+4) h2{	background: url(../img/parts_staff04.jpg) no-repeat right bottom;}
.staff-wrap:nth-child(5n+5) h2{	background: url(../img/parts_staff05.jpg) no-repeat right bottom;}
.staff-wrap:nth-child(5n+1) h2,
.staff-wrap:nth-child(5n+2) h2,
.staff-wrap:nth-child(5n+3) h2,
.staff-wrap:nth-child(5n+4) h2,
.staff-wrap:nth-child(5n+5) h2{	background-size: auto 100%;}

.staff-wrap figure{
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}
.staff-wrap figure img{
	border-radius: 7px;
	width: 100%;
	height: auto;
}

.profile{
	margin-left: 25px;
	padding: 20px 30px;
	border-radius: 6px;
	background: #FFF2E5;
	flex: 1;
	text-align: left;
}
.profile dt{
	color: #F97A31;
	font-weight: bold;
	width: 30%;
}
.profile dt:before{
	content: url(../../common/img/dot_p.png);
	margin-right: 5px;
}
.profile dd{
	width: 70%;
}
.profile .comment{
	margin: 20px 0 0;
	padding: 20px 0 0;
	line-height: 1.6;
	background: url(../../common/img/line_dot_p.png) repeat-x left top;
}
@media only screen and (max-width: 767px) {
	.staff-wrap{
		padding: 15px;
	}

	.staff-wrap .name{
		width: auto;
	}
	.staff-wrap h2{
		min-height: 40px;
	font-size: 2rem;
	}

	.profile{
		margin: 15px 0 0;
		padding: 15px;
	}
	.profile dt{
		color: #F97A31;
		font-weight: bold;
		width: auto;
	}
	.profile dd{
		width: auto;
	}
	.profile .comment{
		margin: 15px 0 0;
	}
}