.flow {
	border: 3px solid rgb(74, 124, 41);
}
.flow > li {
	padding: 55px 30px;
}
.flow > li:not(:last-child) {
	border-bottom: 3px solid rgb(74, 124, 41);
	position: relative;
}
.flow > li:not(:last-child)::before,
.flow > li:not(:last-child)::after {
	content: "";
	border: solid transparent;
	position: absolute;
	top: 100%;
	left: 22%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.flow > li:not(:last-child)::before {
	border-width: 22px;
	border-top-color: rgb(74, 124, 41);
}
.flow > li:not(:last-child)::after {
	border-width: 18px;
	border-top-color: #fff;
}
.flow > li dl {
	margin: 0;
	display: flex;
}
.flow > li dl dt {
	font-size: 24px;
	font-weight: 600;
	color: rgb(74, 124, 41);
	width: 250px;
	margin-right: 35px;
	text-align: center;
}
.flow > li dl dt .icon {
	font-size: 16px;
	color: #fff;
	background: rgb(74, 124, 41);
	background: -moz-linear-gradient(left, rgba(74, 124, 41,1) 0%, rgba(219, 236, 210,1) 100%);
	background: -webkit-linear-gradient(left, rgba(74, 124, 41,1) 0%,rgba(219, 236, 210,1) 100%);
	background: linear-gradient(to right, rgba(74, 124, 41,1) 0%,rgba(219, 236, 210) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );
	padding:10px;
	margin-bottom: 10px;
	display: block;
	border-radius: 20px;
}
.flow > li dl dd {
    padding-top: 10px;
    width: calc( 100% - 285px );
}

@media screen and (max-width: 700px) {
    .flow > li dl {
        display: block;
    }
    .flow > li dl dt,
    .flow > li dl dd {
        width: 100%;
        margin: 0;
    }
    .flow > li:not(:last-child)::before,
    .flow > li:not(:last-child)::after {
        left: 50%;
    }
}