@charset "UTF-8";

#mainvisual_block {
	background: url("../img/service/build/mainvisual.jpg") no-repeat bottom center / cover;
}

/*-----------------------------------

	build_block

-----------------------------------*/
.f_color{
	color: var(--mClr6);
}

/*intro_box*/
#build_block .intro_box .service_lower_h3{
	color: var(--mClr6);
}
#build_block .intro_box .service_lower_h3::before,
#build_block .intro_box .service_lower_h3::after{
	background: var(--mClr6);
}
#build_block .intro_box{
	background: var(--bgClr5);
	padding-bottom: 5px;
}

/*consulting_box*/
#build_block .consulting_box .line{
	background-color: var(--mClr6);
}
#build_block .consulting_box .copy {
	text-align: center;
	padding: 0 55px;
	position: relative;
	font-size: 2.8rem;
	font-weight: 700;
	max-width: 740px;
	margin: 0 auto 38px;
	line-height: 1.5;
	color: var(--mClr6);
}
#build_block .consulting_box .copy::before,
#build_block .consulting_box .copy::after{
	content: "";
	position: absolute;
	bottom: 15px;
	height: 28px;
	width: 1px;
	background: var(--mClr6);
}
#build_block .consulting_box .copy::before{
	transform: rotate(-28deg);
	left: 0;
}
#build_block .consulting_box .copy::after{
	transform: rotate(28deg);
	right: 0;
}
#build_block .consulting_box .strong_wrap {
	margin-top: 60px;
}
#build_block .consulting_box h4 {
	background: var(--mClr6);
	color: var(--tClr2);
	font-size: 2.4rem;
	font-weight: 700;
	width: max-content;
	padding: 20px 55px;
	border-radius: calc(1px/0);
	text-box: trim-both cap alphabetic;
	margin: 0 auto 30px;
}
#build_block .consulting_box ul.strong_li {
	width: min(872px,100%);
	margin: 0 auto;
}
#build_block .consulting_box ul.strong_li li {
	width: 100%;
	margin: 70px 0;
	border: 2px solid var(--mClr6);
	border-radius: 5px;
	padding: 60px 50px 40px;
	position: relative;
	counter-increment: number;
}
#build_block .consulting_box ul.strong_li li::before {
	content: counter(number, decimal-leading-zero);
	width: 87px;
	height: 87px;
	background: var(--mClr6);
	color: var(--tClr2);
	border-radius: 50%;
	font-size: 5rem;
	font-weight: 700;
	display: grid;
	place-content: center;
	position: absolute;
	top: -43px;
	left: 50px;
}
#build_block .consulting_box ul.strong_li li:nth-child(2)::before {
	left: calc(100% - 137px);
}
#build_block .consulting_box ul.strong_li li:nth-child(2).row_box {
	flex-direction: row-reverse;
}
#build_block .consulting_box ul.strong_li .txt_box {
	width: calc(100% - 222px);
}
#build_block .consulting_box ul.strong_li .img_box {
	width: 222px;
}
#build_block .consulting_box ul.strong_li .box_ttl {
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.6;
	color: var(--mClr6);
	margin-bottom: 15px;
}
#build_block .consulting_box ul.strong_li .txt {
	text-align: left;
}
#build_block .consulting_box .ability .img_box {
	margin: 40px auto;
}
#build_block .consulting_box .ability .note {
	color: var(--mClr5);
}
@media screen and (max-width: 840px) {
	/*consulting_box*/
	#build_block .consulting_box .copy {
		font-size: 2.4rem;
	}
	#build_block .consulting_box ul.strong_li li.row_box {
		flex-direction: column !important;
		align-items: center;
		gap: 20px;
	}
	#build_block .consulting_box ul.strong_li .txt_box {
		width: 100%;
	}
}
@media screen and (max-width: 640px) {
	/*consulting_box*/
	#build_block .consulting_box .copy {
		font-size: 2rem;
		padding: 0 25px;
		max-width: 290px;
		margin: 0 auto 20px;
	}
	#build_block .consulting_box .copy::before,
	#build_block .consulting_box .copy::after{
		bottom: 30px;
	}
	#build_block .consulting_box .strong_wrap {
		margin-top: 40px;
	}
	#build_block .consulting_box h4 {
		font-size: 1.8rem;
		padding: 15px 40px;
		margin: 0 auto 20px;
	}
	#build_block .consulting_box ul.strong_li li {
		margin: 40px 0;
		padding: 30px 25px 20px;
	}
	#build_block .consulting_box ul.strong_li li::before {
		width: 52px;
		height: 52px;
		font-size: 2.8rem;
		top: -26px;
		left: 25px;
	}
	#build_block .consulting_box ul.strong_li li:nth-child(2)::before {
		left: calc(100% - 73px);
	}
	#build_block .consulting_box ul.strong_li .box_ttl {
		font-size: 2rem;
	}
	#build_block .consulting_box .ability .img_box {
		margin: 20px auto;
	}
}