@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: #FFF;
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:#00335D;
}
.business_box .txtBox h3:after {
content:"";
width:30%;
margin:0 auto;
background: #00335D;
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: #F7F7FC;
}
#business02:after {
	content:"";
	position:absolute;
	left: 0;
	top:0;
	display: flex;
	width:64%;
	height:100%;
	background: #FAFAFA;
}
#business03:after {
	content:"";
	position:absolute;
	right: 0;
	top:0;
	display: flex;
	width:64%;
	height:100%;
	background: #F7F7FC;
}
#business04:after {
	content:"";
	position:absolute;
	left: 0;
	bottom:0;
	display: flex;
	width:80%;
	height:50%;
	background: #FAFAFA;
}
@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) {
	
	
}