@charset "UTF-8";

/* CSS Document */
#business {
	padding: 4vw 0 0;
}

.business_box {
	display: flex;
	position: relative;
	align-items: center;
	margin: 0 auto;
	padding: 8vw 0;
}

#business>.business_box:nth-of-type(2n) {
	flex-flow: row-reverse;
}

.business_box .photoBox {
	width: 64%;
	position: relative;
	z-index: 2;
}

.business_box .photoBox img {
	width: 100%;
}

.business_box .txtBox {
	background: #363636;
	box-sizing: border-box;
	width: 43.125%;
	max-width: 828px;
	margin: 0 0 0 -20vw;
	position: relative;
	z-index: 10;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	padding: 6rem;
}

#business>.business_box:nth-of-type(2n) .txtBox {
	margin: 0 -20vw 0 0;
}

.business_box .txtBox h3 {
	font-size: 3.2rem;
	line-height: initial;
	margin: 0 auto 36px;
	color: #fff;
}

.business_box .txtBox h3:after {
	content: "";
	width: 30%;
	margin: 0 auto;
	background: #c85149;
	height: 2px;
	display: block;
	margin: 16px auto 0;
}

.business_box .txtBox p {
	text-align: justify;
}

#business01:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	display: flex;
	width: 80%;
	height: 80%;
	background: #202020;
}

#business02:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	width: 64%;
	height: 100%;
	background: #202020;
}

#business03:after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	width: 64%;
	height: 100%;
	background: #202020;
}

#business04:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	width: 80%;
	height: 50%;
	background: #202020;
}

@media only screen and (max-width: 1460px) {}

@media only screen and (max-width: 1088px) {}


@media only screen and (max-width: 768px) {

	.business_box {
		flex-flow: column;
		margin: 0 auto 84px;
	}

	#business>.business_box:nth-of-type(2n) {
		flex-flow: column;
	}

	.business_box .photoBox {
		width: 100% !important;
		padding: 0;
	}

	.business_box .txtBox,
	#business>.business_box:nth-of-type(2n) .txtBox {
		width: 84%;
		margin: -32px 0 0 0;
		position: relative;
		z-index: 2;
		padding: 64px 32px 32px 32px;
	}

}

@media only screen and (max-width: 500px) {}