@charset "utf-8";
/* CSS Document */

.business_box .text {
	background: #FFF;
}


.business_box .text h2 {
	font-size: 2.4rem;
	font-size: 24px;
	text-align: center;
	margin-bottom: 30px;
}

.business_box .image img {
	width: 100%;
	height: auto;
}


@media screen and (max-width:767.98px) {
/* ここにSP向けのCSS指定 */
	
	.business_box {
		padding: 10px;
		margin-bottom: 40px;
	}
	
	.business_box .text {
		padding: 20px 10px;
	}
	
	.business_box .image {
		margin: 10px;
	}
	
}

@media screen and (min-width:768px) {
/* ここにPC向けのCSS指定 */
	
	.business_box {
		position: relative;
		display: flex;
		background-size: cover;
		padding: 60px;
		margin:  60px 0;
	}
	
	.business_box .text {
		box-sizing: border-box;
		width: 50%;
		min-height: 400px;
		padding: 40px;
	}
	
	
	.business_box .image {
		width: 50%;
	}
	
	/* 1n */
	#business .business_box:nth-child(4n+1) {
		align-items: flex-end;
	}
	
	#business .business_box:nth-child(4n+1) .text {
		margin-bottom: 80px;
	}
	
	#business .business_box:nth-child(4n+1) .image {
		margin-left: -30px;
	}
	
	
	/* 2n */
	#business .business_box:nth-child(4n+2) {
		align-items: flex-end;
		flex-direction: row-reverse;
	}
	
	#business .business_box:nth-child(4n+2) .text {
		margin-bottom: 80px;
	}
	
	#business .business_box:nth-child(4n+2) .image {
		margin-right: -30px;
	}
	
	/* 3n */
	#business .business_box:nth-child(4n+3) {
		align-items: flex-start;
	}
	
	#business .business_box:nth-child(4n+3) .text {
		margin-top: 80px;
	}
	
	#business .business_box:nth-child(4n+3) .image {
		margin-left: -30px;
	}
	
	/* 4n */
	#business .business_box:nth-child(4n) {
		align-items: flex-start;
		flex-direction: row-reverse;
	}
	
	#business .business_box:nth-child(4n) .text {
		margin-top: 80px;
	}
	
	#business .business_box:nth-child(4n) .image {
		margin-right: -30px;
	}
	
}