@charset "UTF-8";
/* CSS Document */

/*#flowlist {
		padding: 2em;
}

#flowlist dt {
	float: left;
	width: 5em;
	clear: both;
	font-size:  145%;
	margin-bottom: 1em;
	color: #004EAB;
	padding: 1em;
}
#flowlist dd {
	padding: 1em 1em 1em 5em;
	font-size: 130%;
	border: 1px solid #004EAB;
	margin-bottom: 3em;
}
#flowlist dd:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 20px solid #DDD;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
	margin:3em auto 15px;
}*/
#flowlist {
	padding: 1em !important;
}
#flowlist li {
	background: #004EAB;
	padding:1em;
	color: #FFF;
	font-weight: 500;
	font-size: 125%;
	position: relative;
	margin-bottom: 45px;
	border-radius: 10px;
}
#flowlist span {
	display: inline-block;
	width: 6em;
	text-align: center;
	font-weight: 700;
	font-size: 105%;
	background: #FFF;
	margin-right: 1em;
	color: #000080;
	padding: 5px;
	border-radius: 20px;
	box-sizing: border-box;
}
#flowlist li a{
	text-decoration: underline;
    color: #FFF;
}

#flowlist .step1,
#flowlist .step2{
	padding-left: 8em;
	text-indent: -7em;
}
#flowlist .step1:before {
	content: "STEP1";
	display: inline-block;
	width: 6em;
	text-align: center;
	font-weight: 700;
	font-size: 105%;
	background: #FFF;
	margin-right: 1em;
	color: #000080;
	padding: 5px;
	border-radius: 20px;
	box-sizing: border-box;
	text-indent: 0;
}
#flowlist .step2:before {
	content: "STEP2";
	display: inline-block;
	width: 6em;
	text-align: center;
	font-weight: 700;
	font-size: 105%;
	background: #FFF;
	margin-right: 1em;
	color: #000080;
	padding: 5px;
	border-radius: 20px;
	box-sizing: border-box;
	text-indent: 0;
}

#flowlist li:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -35px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #CCC transparent transparent transparent;
  border-width: 25px 45px 0 45px;
}
#flowlist li:last-of-type {
	margin-bottom: 0;
}
#flowlist li:last-of-type:after {
	content: none;
}

@media screen and (max-width: 780px) {
	#flowlist li {
		text-align: center;
	}
	#flowlist li span {
		display: block;
		width: 100%;
		margin-bottom: 5px;
	}
	#flowlist .step1,
	#flowlist .step2{
		padding-left: 1em;
		text-indent: 0;
	}
	#flowlist .step1:before,
	#flowlist .step2:before{
		display: block;
		width: 100%;
		margin-bottom: 5px;
	}
}