@charset "utf-8";
/*------------------------------------------------------------
	works-benefits
------------------------------------------------------------*/
#main .mainBox {
	padding: 3rem 0 4rem;
	background: #F5F5F8;
}
#main .benefits {
	padding: 6.9rem 0 7.9rem;
	border-bottom: 0.1rem solid #BCBCBC;
}
#main .benefits:last-child {
	border-bottom: none;
}
#main .headLine02 {
	margin-bottom: 3.4rem;
}
#main .imgBox .photoBox {
	width: 50rem;
}
#main .imgBox .photoBox img {
	width: 100%;
}
#main .imgBox .textBox {
	margin-top: -0.3rem;
	width: 55rem;
}
#main .imgBox .textBox p {
	line-height: 1.875;
	margin-bottom: 3rem;
}
#main .imgBox .textBox p:last-child {
	margin-bottom: 0;
}
#main .imgBox.rev {
	flex-direction: row-reverse;
}
@media all and (max-width: 896px) {
	#main .comLeadText {
		padding-bottom: 5.3rem;
	}
	#main .mainBox {
		padding: 2rem 0 0;
		background: linear-gradient(#F5F5F8,#F5F5F8) no-repeat left top / 100% calc(100% - 23rem);
	}
	#main .benefits {
		padding: 4.2rem 0 4.1rem;
	}
	#main .benefits:last-child {
		border-bottom: 0.1rem solid #BCBCBC;
	}
	#main .headLine02 {
		margin-bottom: 2.6rem;
	}
	#main .imgBox {
		display: block;
	}
	#main .imgBox .photoBox {
		margin-bottom: 2.7rem;
		width: auto;
	}
	#main .imgBox .textBox {
		margin-top: 0;
		width: auto;
	}
	#main .imgBox .textBox p + .headLine03 {
		margin-top: -1.1rem;
	}
}