/* CSS Document */

#flow01 {
	width:95%;
	padding:20px;
}

#flow01 > img {
	float:left;
	width:300px;
	margin-right:30px;
}

#flow02 {
	width:95%;
	padding:20px;
}

#flow02 > img {
	float:left;
	width:300px;
	margin-right:30px;
}

#mainContents > img.next {
  display: block;
	width:100px;
	margin:auto;
	margin-bottom:50px;
}

.arrow {
	position: relative;
	width:50%;
	height:50px;
	border-right: 8px solid #006934;
	box-sizing: border-box;
}

.arrow::after{
  content: "";
  position: absolute;
  bottom: -14px;
  right: -17px;
  border-top: 14px solid #006934;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
}