@charset "UTF-8";

.list {
}

.list_item {
	display: table;
	width: 100%;
	border: 1px solid #ccc;
	height: 240px;
	margin-bottom: 25px;
}

.list_item:hover {
	opacity: 0.7;
}

.list_col {
	display: table-cell;
	width: 50%;
}

.list_col.-cnt {
	font-size: 16px;
	background: #F27381;
	color: #fff;
	vertical-align: middle;
	padding: 0 5%;
}

.list_item figure {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.list_item.-staff01 figure {
	background-image: url(../recruit/staff/img/img-staff-index01.jpg);
}

.list_item.-staff02 figure {
	background-image: url(../recruit/staff/img/img-staff-index02.jpg);
}

.list_item.-staff03 figure {
	background-image: url(../recruit/staff/img/img-staff-index03.jpg);
}

.list_item.-staff04 figure {
	background-image: url(../recruit/staff/img/img-staff-index04.jpg);
}

.list_item.-staff05 figure {
	background-image: url(../recruit/staff/img/img-staff-index05.jpg);
}

.list_item.-staff06 figure {
	background-image: url(../recruit/staff/img/img-staff-index06.jpg);
}

.list_item.-staff07 figure {
	background-image: url(../recruit/staff/img/img-staff-index07.jpg);
}

.list_job {
	border-bottom: 2px solid #fff;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.list_name {
}

.list_name strong {
	font-size: 38px;
}

.list_name small {
	margin-left: 10px;
	font-size: 15px;
}

/* All SP & Tablet */
@media screen and (max-width:1040px) {
	.list_name small {
		display: inline-block;
		margin-top: 10px;
		margin-left: 0;
	}

}

/* All SP */
@media screen and (max-width:640px) {
	.list_item {
		display: block;
		height: auto;
		margin-bottom: 20px;
	}

	.list_col {
		display: block;
		width: 100%;
	}

	.list_item figure {
	}

	.list_item figure:before {
		content: "";
		display: block;
		padding-top: 60%;
	}

	.list_col.-cnt {
		padding: 15px;
		font-size: 14px;
	}

	.list_job {
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

	.list_name strong {
		font-size: 26px;
	}

}