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

/*----------------------------------------------*/
/* flow CSS [PC]
/*----------------------------------------------*/

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

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

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

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

.flowlist-main-number {
	display: table-cell;
	width: 77px;
	padding-left: 20px;
	
	color: #FFFFFF;
	font-size: 48px;
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;
}

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

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

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