.support_flow {
	/*padding: 30px calc((100% - 1000px) / 2);*/
}
.support_flow .list_title {
	margin-bottom: 30px;
	text-align: center;
	font-size: 1.5em;
}
.support_flow ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.support_flow ul li {
	position: relative;
	width: calc((100% - 200px) / 5);
	margin-bottom: 5em;
}
.support_flow ul li:not( :last-child )::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -25px;
	-webkit-transform: translate( 50%, -50% );
	-moz-transform: translate( 50%, -50% );
	transform: translate( 50%, -50% );
	display: block;
	width: 0;
	height: 0;
	border-top: solid 10px transparent;
	border-bottom: solid 10px transparent;
	border-left: solid 10px #2d2d2d;
}
.support_flow ul li p {
	position: absolute;
	bottom: 0;
	-webkit-transform: translateY( 100% );
	-moz-transform: translateY( 100% );
	transform: translateY( 100% );
	width: 100%;
	text-align: center;
}


#design {
	/*padding: 30px calc((100% - 1000px) / 2);*/
}
#design .drawing .box_img {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 20px;
}
#design .drawing .box_img .wrap_img {
	width: 45%;
}
#design .drawing p {
	text-align: center;
	text-decoration: underline;
	font-size: 1.2em;
}


#construction {
	/*padding: 30px calc((100% - 1000px) / 2);*/
	background: #eee;
}
#construction > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 80px;
}
#construction > ul li {
	width: calc((100% - 60px) / 4);
}
#construction > ul li .list_title {
	height: 4.8em;
	font-weight: bold;
}
#construction > ul li .list_title span {
	font-size: .8em;
	font-weight: normal;
}
#construction > ul li .caption {
	margin-top: .5em;
	font-size: .8em;
}
#construction .drawing .box_img {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 20px;
}
#construction .drawing .box_img .wrap_img {
	width: 45%;
}
#construction .drawing p {
	margin-bottom: .5em;
	padding-left: 1.5em;
	font-weight: bold;
}


#steel_frame {
	/*padding: 30px calc((100% - 1000px) / 2);*/
}
#steel_frame > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 500px;
	margin: 0 auto 80px;
}
#steel_frame > ul li {
	width: calc((100% - 20px) / 2);
}
#steel_frame > ul li:first-child {
	margin-right: 20px;
}
#steel_frame > ul li p {
	margin-top: .5em;
	/*font-weight: bold;*/
}


#facility {
	/*padding: 30px calc((100% - 1000px) / 2);*/
	background: #eee;
}
#facility > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 80px;
}
#facility > ul li {}


/*#bim_fm {
	padding: 30px calc((100% - 1000px) / 2);
}*/


#point_group {}
#point_group .drawing .wrap_box {
	display: flex;
	flex-wrap: wrap;
	max-width: 680px;
	margin: auto;
}
#point_group .drawing .wrap_box .box_drawing {
	width: calc((100% - 50px) / 2);
}
#point_group .drawing .wrap_box .box_drawing:first-of-type {
	position: relative;
	margin-right: 50px;
}
#point_group .drawing .wrap_box .box_drawing:first-of-type::after {
	content: "";
	position: absolute;
	top: 44%;
	right: -50px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
	width: 50px;
	height: 50px;
	background: url("../../../../file/image/point_group_arrow.png");
}
#point_group .drawing .wrap_box .box_drawing .wrap_img {
	border: solid 1px black;
}
#point_group .drawing .wrap_box .box_drawing p {
	margin-top: 1em;
}


@media (max-width: 860px) {
	#construction > ul li {
		width: 50%;
		margin-bottom: 50px;
	}
}


@media (max-width: 768px) {
	.support_flow ul {
		display: block;
	}
	.support_flow ul li {
		display: flex;
		align-items: center;
		width: 100%;
		max-width: 400px;
		margin: 0 auto 3em;
	}
	.support_flow ul li:not( :last-child )::after {
		top: auto;
		bottom: 0;
		left: 50%;
		transform: translate( -50%, 2em );
		border-top: solid 10px #2d2d2d;
		border-right: solid 10px transparent;
		border-bottom: none;
		border-left: solid 10px transparent;
	}
	.support_flow ul li .wrap_img {
		width: 50%;
	}
	.support_flow ul li p {
		position: static;
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
		width: 50%;
		padding-left: 1em;
		text-align: left;
	}
	
	#design .drawing .box_img .wrap_img {
		width: 100%;
		max-width: 450px;
		margin: auto;
	}
	#design .drawing .box_img .wrap_img:first-child {
		margin-bottom: 50px;
	}
}


@media (max-width: 460px) {
	#construction > ul li {
		width: 100%;
	}
	
	
	#point_group .drawing .wrap_box .box_drawing {
		width: 100%;
	}
	#point_group .drawing .wrap_box .box_drawing:first-of-type {
		margin-right: 0;
		margin-bottom: 50px;
	}
	#point_group .drawing .wrap_box .box_drawing:first-of-type::after {
		top: auto;
		right: 50%;
		bottom: -50px;
		-webkit-transform: translateX(50%) rotate(90deg);
		-moz-transform: translateX(50%) rotate(90deg);
		transform: translateX(50%) rotate(90deg);
	}
}
