@charset "UTF-8";

/*------------------flow------------------*/
a[id^="flow"] + div .inner_item {
	justify-content: start;
}

a[id^="flow"] + div .inner_item .inner_item_img {
	position: relative;
}

a[id^="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;
}


a[id^="flow"] + div .heading.block_header_4 .h {
	border-bottom: 1px dashed var(--i_border_color);
	padding-bottom: 5px;
}

@media screen and (min-width: 901px) {
	a[id^="flow"] + div .wrapper_item {
		flex-wrap: nowrap;
	}

	a[id^="flow"] + div .inner_item {
		width: 30% !important;
	}
	a[id^="flow"] + div .inner_item:not(:first-child),
	a[id^="flow"] + .composite_box01 .inner_item:nth-of-type(4):nth-last-of-type(3) {
		margin-left: 2.5% !important;
	}
}

@media screen and (max-width: 900px) {
    a[id^="flow"] + div .inner_item:not(:last-child) .inner_item_img:before {
    right: -20px;
    }
}

@media screen and (max-width: 768px) {
	a[id^="flow"] + div .inner_item:not(:last-child) .inner_item_img:before {
		display: none;
	}
	a[id^="flow"] + div .inner_item {
		position: relative;
	}

	a[id^="flow"] + div .inner_item:not(:last-child):before {
		position: absolute;
		content: "";
		transform: rotate(135deg);
		left: calc(50% - 5.5px);
		width: 10px;
		height: 10px;
		top: auto;
		bottom: -12px;
		border-top: 1px solid var(--i_main_color);
		border-right: 1px solid var(--i_main_color);
		z-index: 1;
	}

	a[id^="flow"] + div .inner_item .inner_item_img {
		width: 80%;
	}
}