@charset "UTF-8";

/*------------------flow------------------*/
#flow + div .inner_item {
	/* flex-direction: column-reverse; */
	justify-content: start;
}

#flow + div .inner_item.empty {
    display: none;
}

#flow + div .inner_item .inner_item_img {
	position: relative;
}

#flow + div .inner_item:not(:last-child) .inner_item_img:before {
	position: absolute;
	content: "";
	width: 15px;
	height: 15px;
	top: calc(50% - 0px);
	right: -17px;
	border-top: 1px solid var(--i_main_color);
	border-right: 1px solid var(--i_main_color);
	transform: rotate(45deg);
	z-index: 1;
}


#flow + div .heading.block_header_4 .h {
	border-bottom: 1px dashed var(--i_border_color);
	padding-bottom: 5px;
}


@media screen and (min-width: 901px) and (max-width: 1050px) {
	#flow + div .inner_item:not(:last-child) .inner_item_img:before {
		right: -15px;
	}
}

@media screen and (min-width: 901px) {
	#flow + div .wrapper_item {
		flex-wrap: nowrap;
	}

	#flow + div .inner_item {
		width: 30% !important;
	}
	#flow + div .inner_item:not(:first-child) {
		margin-left: 2.5% !important;
	}
}

@media screen and (max-width: 900px) {
	#flow + div .inner_item:nth-of-type(5) .inner_item_img:before {
    		display: none;
}

	#flow + div .inner_item:not(:last-child) .inner_item_img:before {
    		right: -20px;
}
}

@media screen and (max-width: 768px) {
	#flow + div .inner_item:not(:last-child) .inner_item_img:before {
		display: none;
	}
	#flow + div .inner_item {
		position: relative;
		margin-bottom: 40px !important;
	}
	#flow + div .inner_item:nth-of-type(5) {
		margin-bottom: 0 !important;
	}
	#flow + div .inner_item:not(:last-child):before {
		position: absolute;
		content: "";
		transform: rotate(135deg);
		left: calc(50% - 5.5px);
		width: 10px;
		height: 10px;
		top: -35px;
		bottom: 0;
		border-top: 1px solid var(--i_main_color);
		border-right: 1px solid var(--i_main_color);
		z-index: 1;
	}

	#flow + div .inner_item .inner_item_img {
		width: 80%;
	}
}