@charset "shift-jis";

/* 事業内容
============================ */
#recruit .business .wrap .pic {
	text-align: center;
	margin-top: 30px;
	}
	@media screen and (min-width:768px) {
	#recruit .business .wrap .pic {
		margin: 40px 0 0;
	}
	}
	@media screen and (min-width:1305px) {
	#recruit .business .wrap .pic {
		margin: 60px 54px 0;
	}
}
#recruit .business .pic img {
	width: 100%;
	}
	@media screen and (min-width:768px) {
	#recruit .business .pic img {
		width: 100%;
	}
	#recruit .business .pic.pic02 img {
		max-width: 1059px;
	}
	#recruit .business .pic.pic03 img {
		max-width: 777px;
	}
	}
	@media screen and (min-width:1305px) {
	#recruit .business .pic img {
		width: 100%;
	}
}
#recruit .business .flexPic.client .pic img {
	width: 75%;
	max-width: 270px;
}
@media screen and (min-width:768px) {
	#recruit .business .flexPic .pic {
		margin: 12px 0 0;
	}
	#recruit .business .flexPic.client div {
		flex-basis: 67%;
	}
	#recruit .business .flexPic.client .pic {
		flex-basis: 33%;
		text-align: right;
	}
	#recruit .business .flexPic.client .pic img {
		width: 90%;
	}
	}
	@media screen and (min-width:1305px) {
	#recruit .business .flexPic.client .pic {
		padding-right: 35px;
	}
}
#recruit .business .flexPic.role {
	flex-direction: row-reverse;
}
#recruit .business .flexPic.role .pic img {
	max-width: 444px;
}
@media screen and (min-width:768px) {
	#recruit .business .flexPic.role div {
		flex-basis: 50%;
		max-width: 584px;
	}
	#recruit .business .flexPic.role .pic {
		flex-basis: 50%;
		text-align: left;
	}
	#recruit .business .flexPic.role .pic img {
		width: calc(100% - 54px);
	}
	}
	@media screen and (min-width:1305px) {
	#recruit .business .flexPic.role .pic {
		padding-left: 35px;
	}
	#recruit .business .flexPic.role .pic img {
		width: 100%;
	}
}
#recruit .business .flexPic.role p + h3:first-of-type {
	margin-top: 2em;
}