@charset "utf-8";
/* CSS Document */
.flow dl{
	margin-top: 10px;
	border-top: #ee6d66 solid 3px;
	background:url(/lease/flow/img/flow_01.png) no-repeat 0 0;
	padding-left: 90px;
	position:relative;
	min-height:117px;
}
.flow dl:before{
	position:absolute;
	top:45px;
	left:30px;
	font-size: 240%;
	color: #fff;
	font-weight: bold;
	font-family:Arial;
	line-height:1;
}
.flow dl dt{
	padding:18px 20px 10px 20px;
	font-weight: bold;
	font-size: 143%;
}
.flow dl dt span{
	font-weight: normal;
	font-size: 69.93%;
}
.flow dl dd{
	padding:0 20px;
	line-height:1.4;
}

.flow .type01{
	margin-top: 0;
}

.flow .type01:before{
	content:'1';
}
.flow .type02:before{
	content:'2';
}
.flow .type03:before{
	content:'3';
}
.flow .type04:before{
	content:'4';
}
.flow .type05:before{
	content:'5';
}
.flow .type06:before{
	content:'6';
}
.flow .type07:before{
	content:'7';
}
.flow .type08:before{
	content:'8';
}

.elapsed{
	background:url(/lease/flow/img/flow_02.png) no-repeat 50% 100%;
	padding-bottom: 70px;
}

@media only screen and (max-width: 768px) {

.flow dl{
	background: none;
	padding-left: 0;
}
.flow dl:before{
	content:none !important;
}

.flow dl dt{
	background:url(/lease/flow/img/flow_01sp.png) no-repeat 0 0;
	background-size: auto 100%;
	position:relative;
	padding-left: 50px;
	padding-right: 5px;
}
.flow dl dt:before{
	position: absolute;
	top: 50%;
	left:3%;
	margin-top: -0.5em;
	color: #fff;
}
.flow dl dd{
	padding:1em 0 0 0;
}

.flow .type01 dt:before{
	content:'1';
}
.flow .type02 dt:before{
	content:'2';
}
.flow .type03 dt:before{
	content:'3';
}
.flow .type04 dt:before{
	content:'4';
}
.flow .type05 dt:before{
	content:'5';
}
.flow .type06 dt:before{
	content:'6';
}
.flow .type07 dt:before{
	content:'7';
}
.flow .type08 dt:before{
	content:'8';
}

}