@charset "utf-8";

/* flow
---------------------------------------------- */
#flow {
	margin-bottom:150px;
}
	@media(max-width:767px) {
		#flow {
			margin-bottom:100px;
		}
	}

#flow > div > ul > li {
}

#flow > div > ul > li > figure {
	width:30%;
	float:left;
	padding-bottom:60px;
	background:url(../images/flow_bg.png) center bottom 20px no-repeat;
	background-size:60px 20px;
}
	@media(max-width:767px) {
		#flow > div > ul > li > figure {
			float:none;
			width:100%;
			max-width:320px;
			margin:0 auto 20px auto;
		}
	}

#flow > div > ul > li:last-child > figure {
	background:none;
	padding-bottom:0;
}

#flow > div > ul > li > figure > img {
	width:100%;
}
#flow > div > ul > li > div {
	width:67%;
	float:right;
	text-align:left;
	margin-bottom:10px;
}
	@media(max-width:767px) {
		#flow > div > ul > li > div {
			width:100%;
			float:none;
		}
	}

#flow > div > ul > li > div > h3 {
	font-size:22px;
	margin-bottom:10px;
}
#flow > div > ul > li > div > h3 > span {
	display:inline-block;
	width:32px;
	line-height:32px;
	text-align:center;
	color:#FFF;
	background-color:#333;
	font-weight:normal;
	border-radius:50%;
	margin-right:10px;
}

#flow > div > ul > li > div > p {
	line-height:1.6;
}
#flow > div > ul > li > div > ul {
	margin-bottom:10px;
}
#flow > div > ul > li > div > ul > li {
	line-height:1.6;
	list-style:disc;
	margin-left:1.5em;
}
#flow > div > ul > li > p > strong {
	background:url(../../shared/images/underline.png) left bottom repeat-x;
}
#flow > div > ul > li > div > p > a {
	color:#00F;
	text-decoration:underline;
}