@charset "utf-8";

/*====================================================================================================

	Style Info: 資金計画

====================================================================================================*/

.funds h3 {
	text-align:center;
	color:#fff;
	background-color:#646464;
	padding:8px 0;
	font-size:15px;
	}

@media screen and (max-width: 750px) {
	.funds h3  {
		font-size:26px;
	}
}



.funds-step {
	width:850px;
	margin-left:-20px;
	position:relative;
	}

@media screen and (max-width: 750px) {
	.funds-step {
		width:100%;
		margin-left:0px;
		box-sizing: border-box;
	}
}


.funds-step dl {
	width:405px;
	float:left;
	margin-top:20px;
	margin-left:20px;
	display:inline;
	background:url(image/box-bg.gif) repeat-y left top;
	border-top:1px solid #b4b4b4;
	border-bottom:1px solid #b4b4b4;
	}

@media screen and (max-width: 750px) {
	.funds-step dl {
		width:100%;
		box-sizing: border-box;
		float: none;
		clear: both;
		margin: 30px auto 0;
		display: block;
		background:none;
		border-left:1px solid #b4b4b4;
		border-right:1px solid #b4b4b4;		
	}
}

.funds-step dt { padding:15px 15px 0 15px; }
.funds-step dd { padding:15px; }

.funds-step dd ul {
	margin-left:18px;
	list-style:square;
	}
@media screen and (max-width: 750px) {
	.funds-step dd ul {
		margin-left:37px;
	}
}



.funds-step dd li {
	width:100%;
	position:relative;
	}
.funds-step dd li span {
	position:absolute;
	right:0;
	top:0;
	}

.funds-step dd.kei {
	border-top:1px solid #d7d7d7;
	border-left:1px solid #b4b4b4;
	border-right:1px solid #b4b4b4;
	background-color:#f0f0f0;
	text-align:right;
	}

.funds-step dd.kei span:first-child{margin-right: 20px;}

@media screen and (max-width: 750px) {
	.funds-step dd.kei {
		border-left:none;
		border-right:none;
	}
	
	.funds-step dd.kei span{display: inline-block;}	
}

.funds-step dd.kei b { font-size:15px; }

@media screen and (max-width: 750px) {
	.funds-step dd.kei b {
		font-size:26px;
	}
}

.step-end {
	padding:15px;
	margin-top:20px;
	background:url(image/box-bg-end.gif) repeat-y left top;
	border-top:1px solid #b4b4b4;
	border-bottom:1px solid #b4b4b4;
	}

@media screen and (max-width: 750px) {
	.step-end {
		border-right:1px solid #b4b4b4;
		margin-top:30px;
	}
}