@charset "utf-8";

.flowbox {
	margin-top: 35px;
	padding:20px;
	border:1px solid #ccc;
	background-color:#FFFEBB;
	list-style:none;
}

ul.listflow li {
	list-style:none;
	float:left;
	margin-right:26px;
}
ul.listflow li:last-child {
	margin-right:0;
}

.flowlast {
	background-color:#3A95CE;
	width:170px;
	border:1px solid #ccc;
	box-sizing:border-box;
	height:340px;
}
ul.listflow li p {
	text-align:center;
	font-size: 12px;
	line-height:2.2em;
	color: #444;
}
ul.listflow li p.flowicon {
	font-weight: bold;
	font-size: 65px;
	line-height:1.7em;
}
ul.listflow li p.flowttl {
	font-weight: bold;
	font-size: 18px;
}

.pentagon {
	position: relative;
	width: 170px;
	height:340px;
	border:1px solid #ccc;
	box-sizing: border-box;
	background-color:#fff;
}

.pentagon:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 169px;
	width: 0;
	height: 0;
	border-top: 170px solid transparent;
	border-left: 25px solid #ccc;
	border-bottom: 170px solid transparent;
}
.pentagon:after {
	content: "";
	position: absolute;
	top: 0px;
	left: 168px;
	width: 0;
	height: 0;
	border-top: 170px solid transparent;
	border-left: 25px solid #fff;
	border-bottom: 170px solid transparent;
}