
#title {
	background-image: url(images/title_bg.jpg);
}

div.information {
	margin: 0 auto;
	width: 800px;
}

div.point {
	background-color: #e2f1e5;
	margin: 0 auto;
	padding: 30px 80px;
	width: 700px;
}

div.point h3 {
	border-bottom: 2px solid #049851;
	border-top: 2px solid #049851;
	color: #049851;
	font-size: 15px;
	margin: 0 -20px 20px -20px;
}

div.flow {
	padding-top: 50px;
}

div.flow ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

div.flow ul li {
	background-color: white;
	border: 1px solid #adadad;
	margin: 30px 0;
	padding: 20px 50px;
	position: relative;
	width: 350px;
}

div.flow ul li div.img {
	text-align: center;
}

div.flow ul li div.arrow {
	background: url(images/flow_arrow.svg) no-repeat center center;
	background-size: 20px;
	display: block;
	height: 40px;
	position: absolute;
	right: -27px;
	top: 170px;
	width: 20px;
}

div.flow ul li div.arrow-left {
	background: url(images/flow_arrow.svg) no-repeat center center;
	background-size: 20px;
	display: block;
	height: 40px;
	left: -23px;
	position: absolute;
	top: 170px;
	width: 20px;
}

div.flow ul li div.arrow-down {
	background: url(images/flow_arrow_down.svg) no-repeat center bottom;
	background-size: 35px;
	display: block;
	height: 45px;
	position: absolute;
	width: 300px;
}

div.flow ul li div.num {
	background-color: #049851;
	border-radius: 50%;
	color: white;
	display: block;
	font-size: 35px;
	font-weight: 500;
	height: 50px;
	line-height: 50px;
	margin: -50px auto 0 auto;
	text-align: center;
	width: 50px;
}

div.flow ul li h3 {
	border-bottom: 3px solid #049851;
	display: block;
	padding: 10px 0;
}

div.flow ul li p {
	font-size: 15px;
	line-height: 1.6em;
}