/* ご利用の流れ flow-of-use.css */

/*  流れのデザイン
--------------------------------*/
section#page_title_block div h1 {
	margin-top: 200px;
	
}

section#usage_explanation ul.handling_list_box{
	
	display: table;
	width: 100%;
	
	
}


ul.handling_list_box li.handling_list_frame{
	
	display: table-cell;
	width: 60%;
	
	
}



ul.handling_list_box li.work_photo{
	
	height: auto;
	background: url(../images/flow-of-use/work.jpg);
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
	display: table-cell;
	width: 40%;
	
}


ul.handling_list_box dl.handling_list_right{
	background:#f3f3f3;
	/*
	display: table;
	*/
	width: 100%;
}

ul.handling_list_box dl.handling_list_right:nth-child(2),
ul.handling_list_box dl.handling_list_right:nth-child(4){
	background:#fff;
}



dl.handling_list_right dt,dl.handling_list_right dd{
	display: table-cell;
	text-align: center;
    vertical-align: middle;
	position: relative;

}

dl.handling_list_right dd.title{
    width: 130px;

}

dl.handling_list_right dt.no1:after{
	
	content: '';
	display: inline-block;
	width: 1px;
    height: 720px;
    background-color:#000436;
    position: absolute;
    top: 100px;
    left: 83px;
}
dl.handling_list_right dt.no4:after{
	
	content: '';
	display: inline-block;
	width: 1px;
    height: 180px;
    background-color:#000436;
    position: absolute;
    top: 100px;
    left: 83px;
}



/*dl.handling_list_right dt.no2:after{
	
	content: '';
	display: inline-block;
	width: 1px;
    height: 250px;
    background-color:#ff8a00;
    position: absolute;
    top: -25px;
    left: 83px;
	
}


dl.handling_list_right dt.no3:after{
	
	content: '';
	display: inline-block;
	width: 1px;
    height: 220px;
    background-color:#ff8a00;
    position: absolute;
    top: -130px;
    left: 83px;
	
}*/


/*
li.handling_list_frame dl.handling_list_right dt.no1{
	
	
	background: url(../images/flow-of-use/1.png);
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
	width: 65px;
	height: 177px;
	
	
	
}

li.handling_list_frame dl.handling_list_right dt.no2{
	
	
	
	background: url(../images/flow-of-use/2.png);
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
	width: 65px;
	height: 177px;
	
}

li.handling_list_frame dl.handling_list_right dt.no3{
	
	
	
	background: url(../images/flow-of-use/3.png);
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
	width: 65px;
	height: 177px;
	
}



dl.handling_list_right dt img{
	
	width: 100%;
	height: auto;
}
*/

dl.handling_list_right dd h2{
	
	margin: 0;
	
}




dl.handling_list_right dd p{
	
	
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	letter-spacing: 0;
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	margin-top: 10px;
	
	
}


dl.handling_list_right dd.short_comment{
	
	
	font-size: 14px;
	line-height: 1.7;
	padding: 20px 60px 20px 40px;
	letter-spacing: 0.1em;
    text-align: justify; 
}