/*
 * base css 
 * pc width 1000px fixed
 */

@media (max-width: 599px) {
}

@media (min-width: 600px) and (max-width:959px) {
}

@media (min-width: 960px) {
}

@media (max-width: 480px) {
}

@media (min-width: 481px) and (max-width:767px) {
}

@media (min-width: 768px) and (max-width:959px) {
}

@media (min-width: 960px) {
}


/* ---------------------------------------- flow */

ul.flow > li:not(:last-child){
	margin: 0 0 7em;
	position: relative;
}
ul.flow > li:not(:last-child)::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 3em solid transparent;
	border-left: 3em solid transparent;
	border-top: 2.25em solid #009644;
	border-bottom: 0;
	position: absolute;
	top: calc( 100% + 2em );
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

ul.flow > li > .greenbox {
	color: #009644;
	border: 1px #009644 solid;
	background: #fff;
}