@charset "utf-8";
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
#main .business {
	margin: -0.5rem 0 5rem;
}
#main .aboutList{
	padding-top: 0.4rem;
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}
#main .aboutList li {
	padding: 4rem 2rem 6.6rem;
	border-radius: 1rem;
	text-align: center;
	width: calc((100% - (2rem * 3 + 0.1rem)) / 4);
	background-color: #F2F2F2;
}
#main .aboutList p {
	font-weight: 700;
	letter-spacing: 0.08em;
}
#main .aboutList .photo {
	min-height: 12rem;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 12rem;
	margin: 0 auto 1rem;
}
#main .features {
	padding: 18rem 0 10rem;
}
#main .customers {
	padding: 13.3rem 0 10rem;
}
#main .customersList {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}
#main .customersList li {
	padding: 1.2rem 2rem 3.9rem;
	border-radius: 1rem;
	text-align: center;
	width: calc((100% - (2rem * 3 + 0.1rem)) / 4);
	background-color: #F2F2F2;
}
#main .customersList .photo {
	min-height: 16rem;
	width: 21.6rem;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
#main .customersList p {
	font-size: 1.4rem;
	letter-spacing: 0.04em;
	font-weight: 500;
	line-height: 1.75;
}
#main .consult {
	padding: 9rem 0 18.1rem;
}
#main .consult .content {
	max-width: 90rem;
}
#main .consult p {
	margin-bottom: 4.8rem;
	font-weight: 500;
	letter-spacing: 0.06em;
	line-height: 2.4;
}

@media all and (min-width: 897px) {
	#main .features .comImgBox h3 {
		margin-bottom: 2.5rem;
	}
	#main .customers .headLine05 {
		margin-bottom: 4.8rem;
	}
	#main .consult .headLine05 {
		margin-bottom: 6.5rem;
	}
	
}

@media all and (max-width: 896px) {
	#main .aboutList{
		flex-direction: column;
	}
	#main .aboutList li {
		width: 100%;
		padding: 2rem 2rem 4rem;
	}
	#main .aboutList .photo {
		width: 10rem;
	}
	#main .features {
		padding: 10rem 0 5rem;
	}
	#main .customers {
		padding: 10rem 0 5rem;
	}
	#main .customersList {
		flex-direction: column;
	}
	#main .customersList li {
		width: 100%;
		padding: 1rem 2rem 4rem;
	}
	#main .consult {
		padding: 10rem 0 5rem;
	}
	#main .consult p {
		line-height: 1.8;
	}
}