.support_flow {
	/*position: relative;
	padding: 50px;*/
}
.support_flow .list_title {
	margin-bottom: 30px;
	text-align: center;
	font-size: 1.5em;
}
.support_flow > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.support_flow > ul li {
	position: relative;
	width: calc((100% - 150px) / 5);
	margin-bottom: 5em;
}
.support_flow > ul li:not( :last-child ) {
	margin-right: 50px;
}
.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 {
	text-align: center;
}


.archicad_gdl {}
.archicad_gdl .images {
	display: flex;
	flex-wrap: wrap;
}
.archicad_gdl .images .wrap_img:first-child {
	width: 100%;
}
.archicad_gdl .images .wrap_img:first-child img {
	max-width: 648px;
	margin: auto;
}
.archicad_gdl .images .wrap_img:not(:first-child) {
	width: calc(100% / 3);
	margin-top: 30px;
}


.revit_family {
	background: #eee;
}
.revit_family .images {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.revit_family .images .wrap_img {
	width: calc((100% - 30px) / 2);
}


.other {}
.other .images {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.other .images .wrap_img:first-child {
	width: calc((100% - 30px) * .58);
}
.other .images .wrap_img:last-child {
	width: calc((100% - 30px) * .42);
}


@media (max-width: 860px) {
	.support_flow .product_list ul li {
		width: 50%;
	}
}


@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 ) {
		margin-right: auto;
	}
	.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;
	}
}


@media (max-width: 460px) {

}