@charset "utf-8";

.cont01{
	width: 604px;
	margin: 0 auto 63px;
}

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

	.cont01{
		width: 87%;
		margin: 0 auto 40px;
	}
}

dl{
	background: url(../img/consult/flow_num_bg.svg) repeat-y;
    background-size: 3px;
    background-position: 1.1%;
}
dl:last-child{
	background:none;
}

dt{
	width: 5%;
    float: left;
    margin-right: 5%;
    margin-top: -4px;
    margin-left: -7px;
}

@media (max-width:750px) {

	dt{
		width: 10%;
		margin-top: -4px;
    	margin-left: -12px;
	}
}

dd{
	float: left;
    width: -webkit-calc(604px - 36px);
    width: 90%;
}

@media (max-width:750px) {

	dd{
		width: 85%;
		padding-bottom: 10%;
	}
}

dd > p{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 7px;
}

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

	dd > p{
		margin: 0;
	}
}

dd div{
	padding: 10px 0 10px 10px;
}

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

	dd div{
		padding-left: 0;
	}
}

dd div p{
	font-size: 1vw;
}

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

	.counseling{
		padding: 0;
	}
}

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

	dd div p{
		font-size: 15px;
	}
}

dd div ul{
	/*width : -webkit-calc(100% - 20px) ;
   width : calc(100% - 20px) ;*/
   margin-top: 23px;
}

dd div li{
	width: 48%;
	float: left;
}

@media (max-width:750px) {

	dd div li{
		float: none;
		width: 100%;
		margin-bottom: 5%;
	}
}

dd div li:first-child{
	margin-right: 20px;
}

@media (max-width:750px) {

	dd div li:last-child{
		margin-bottom: 0;
	}
}

.footer .float_l.mr30{
	float: none;
	margin-right:0 !important;
}

@media (max-width:750px) {

	.footer .float_l.mr30{
		width: 87%;
		margin: 0 auto;
		display: inline-block;
	}
}

.footer div {
    margin-bottom: 34px;
    text-align: center;
}

@media (max-width:750px) {

	.footer div{
		margin-bottom: 10px;
	}
}