/* -----------------------------------------------------------
setting
----------------------------------------------------------- */
/* ===================================================================
COMPANY--MESSAGE
=================================================================== */
#main-vis {
	background: url(/assets/company/workplace/img/bg-third-main-pc.jpg) 50% bottom no-repeat;
	background-size: cover;
	height: 360px;
}

@media screen and (max-width: 768px) {
	#main-vis {
		background: url(/assets/company/workplace/img/bg-third-main-sp.jpg) 50% bottom no-repeat;
		background-size: cover;
		height: 45.3125vw;
	}
}

#main-vis .tpl-inner-wrap {
	padding-top: 200px;
}

@media screen and (max-width: 768px) {
	#main-vis .tpl-inner-wrap {
		padding-top: 25vw;
	}
}

#sec-workplace {
	padding-top: 105px;
	padding-bottom: 140px;
}

@media screen and (max-width: 768px) {
	#sec-workplace {
		padding-top: 14.0625vw;
		padding-bottom: 14.0625vw;
	}
}

#sec-workplace .txt + .txt {
	margin-top: 1em;
}

#sec-workplace .col3-wrap {
	margin-top: 50px;
	display: flex;
	flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
	#sec-workplace .col3-wrap {
		display: block;
		margin-top: 10.9375vw;
	}
}

#sec-workplace .col3-wrap .ph-item {
	width: 280px;
}

@media screen and (min-width: 769px) {
	#sec-workplace .col3-wrap .ph-item:not(:nth-child(3n)) {
		margin-right: 50px;
	}
	#sec-workplace .col3-wrap .ph-item:nth-child(n + 4) {
		margin-top: 40px;
	}
}

@media screen and (max-width: 768px) {
	#sec-workplace .col3-wrap .ph-item {
		width: 100%;
	}
	#sec-workplace .col3-wrap .ph-item + .ph-item {
		margin-top: 10.9375vw;
	}
}

#sec-workplace .col3-wrap .ph-item img {
	width: 100%;
	height: auto;
}

#sec-workplace .col3-wrap figcaption {
	margin: 15px 0 10px;
	font-weight: 700;
}

@media screen and (max-width: 768px) {
	#sec-workplace .col3-wrap figcaption {
		margin: 4.6875vw 0 3.125vw;
	}
}

#sec-workplace .col3-wrap + .tpl-title {
	margin-top: 80px;
}

@media screen and (max-width: 768px) {
	#sec-workplace .col3-wrap + .tpl-title {
		margin-top: 12.5vw;
	}
}