@charset "utf-8";

/* ---------------------------------------- 
 - flow 
---------------------------------------- */
#flow #flow_inner .section_leadBox{
	padding-bottom: 50px;
}
#flow #flow_inner dl.flow_list {
	width: 94%;
	max-width: 1000px;
	margin: 0 auto;
}
#flow #flow_inner dl.flow_list:last-child {
	padding-bottom: 0;
}
#flow #flow_inner dl.flow_list > dt {
	background: #f5f2e9;
	padding: 5px 3%;	
	font-size: 1.5rem;
	text-align: left;
}
#flow #flow_inner dl.flow_list > dd {
	padding: 15px 0 50px;
	text-align: left;
}
#flow #flow_inner dl.flow_list > dd:last-child {
	padding-bottom: 0;
}
#flow #flow_inner dl.flow_list > dd > ul.numberList > li {
	text-indent: -1.0em;
	margin-left: 1.0em;
}
#flow #flow_inner dl.flow_list > dd .entryBtn{
	width: 100%;
}
#flow #flow_inner dl.flow_list > dd dl.chartList{
	display: -webkit-flex;
   	display: flex;
}
#flow #flow_inner dl.flow_list > dd dl.chartList dt{
	white-space: nowrap;
}
@media screen and (max-width: 768px) {
	#flow #flow_inner dl.flow_list > dd {
		padding: 10px 0 35px;
	}
	#flow #flow_inner dl.flow_list > dd dl.chartList{
		display: block;
	}
}
@media screen and (max-width: 480px) {
}

/* ---------------------------------------- 
 - contact 
---------------------------------------- */
#contact {
	width: 100%;
	background: #f5f2e9;
	text-align: center;
	padding: 25px 0;
}
#contact #contact_inner {
	margin: 0 auto;
	width: 94%;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.6;
}
#contact #contact_inner > .ttl {
	font-size: 2.2rem;	
	padding: 0 0 10px;
	font-weight: bold;
}
#contact #contact_inner > .infoBox {
	display: -webkit-flex;
   	display: flex;
	justify-content:center;
}	
#contact #contact_inner > .infoBox ul.infoList {
	text-align: left;
	padding-left: 1.0em;
}
#contact #contact_inner > .infoBox ul.infoList li a {
	text-decoration: underline;
}	
#contact #contact_inner > .infoBox ul.infoList li a:hover {
	text-decoration: none;
}	
@media screen and (max-width: 768px) {
	#contact {
		padding: 20px 0;
	}
	#contact #contact_inner {
		font-size: 1.4rem;
	}
	#contact #contact_inner > .ttl {
		font-size: 1.6rem;
    	letter-spacing: 0;
	}
	#contact #contact_inner > .infoBox {
		display: block;
	}
	#contact #contact_inner > .infoBox ul.infoList {
		text-align: center;
	}
}
@media screen and (max-width: 480px) {
}