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

/* 背景画像の読み込み */
.titlebox_wrapper {
    background: url("../img/main-flow.jpg") no-repeat center top;
    background-size: auto auto;
    background-size: 100% 100%;
    background-size: contain;
    position: relative;
}


.flow-list-wrapper{}
.flow-list{}

.flow-list-row{
	display: table;
	padding-top:10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
width: 100%;
}


.flow-list-row_wrapper::after{
	content: url(../img/icon-arrow.png);
		display: block;
	text-align: center;
	padding-top: 20px;		
}
.flow-list-row_wrapper-last::after{
	content: url(../img/icon-arrow-fin.png);
		display: block;
	text-align: center;
	padding-top: 20px;		
}
.flow-list-row:first-child{
	border-top: 1px solid #ccc;
}
.flow-list-number{
	width: 10%;
	padding-left: 20px
}
.flow-list-number img{
vertical-align: middle;
padding-right: 15px;
	width: 37px;
}

.flow-list-title{
	color: #f19100;
	font-weight: bold;
	display: table-cell;
	vertical-align: top;
	text-align: left;
	width: 30%;
}

.flow-list-text{
display: table-cell;
	vertical-align: top;
	text-align: left;
	width: 60%;
	font-size: 1.4rem;
padding-left: 15px;
}

.flow-list-last{
	color: #e12424;
}

@media screen and (max-width:480px) {
	.flow-list-number {
    display: block;
    text-align: center;
    margin: auto;
		padding-left: 0
}

.flow-list-number img{
	display: block;
	text-align: center;
	margin: auto;
		padding-right: 0;
}

.flow-list-title{
display: block;
text-align: center;
	width: 100%;
}
	
	.flow-list-text{
display: block;
vertical-align: top;
text-align: center;
width: 100%;
padding-left:0;
}
}