@charset "utf-8"; /* 〠 */

/*----------------------------------------------*/
/* flow CSS [SP]
/*----------------------------------------------*/

.flowlistframe {
x	padding-left: 20px;
}

.flowlistbox {
x	display: table;
x	width: 100%;
x	margin-bottom: 10px;
x	background-color: #FF0000;
}

.flowlist-main {
x	display: table-cell;
x	width: 40%;
x	min-width: 240px;
x	background-color: #00FF00;
}

.flowlist-mainbox {
	display: table;
	width: 100%;
x	height: 64px;
	height: 32px;
}

.flowlist-main-number {
	display: table-cell;
x	width: 77px;
	width: 38px;
	padding-left: 10px;
	
	color: #FFFFFF;
	font-size: 24px;
x	text-align: center;
	vertical-align: middle;
	
	-webkit-box-sizing: border-box;  /* for Safari,Firefox3 */
	box-sizing:         border-box;  /* for Chrome,IE8+ */
	
	background-image: url(../images/flow/flow_number_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.flowlist-main-text {
	display: table-cell;
	padding-left: 10px;
	color: #FFFFFF;
	vertical-align: middle;
	background-color: #9DC653;
}

.flowlist-main-text span {
	font-size: 20px;
}

.flowlist-desc {
x	display: table-cell;
x	padding-left: 20px;
	padding: 10px 10px 20px 20px;
x	vertical-align: middle;
x	background-color: #0000FF;
}