@charset "UTF-8";

#page_banner { margin: 0px; padding: 0px 0px 0.5vw 0px; width: 100%; background: #d2ecfa; }
#page_banner div { margin: 0px auto; padding: 0.5vw 0px 0px 0px; width: 100%; max-width: 1200px; }
#page_banner div img { margin: 0px; padding: 0px; width: 100%; height: auto; box-shadow: 5px 5px 10px rgba(0,0,0,0.35); }

main { padding: 1vw 0px; }
#consultation { margin: 0px auto; padding: 0px 0px 1.5vw 0px; width: 100%; background: #fff; }
#consultation dl { margin: 0px; padding: 0px; width: 100%; display: flex; flex-wrap: wrap; }
#consultation dt { margin: 0px; padding: 0px; width: 50%; }
#consultation dt img { margin: 0px; padding: 0px; width: 100%; height: auto; }
#consultation dd { margin: 0px; padding: 0px; width: 50%; }
#consultation dd img { margin: 6% 0px 0px 4.5%; padding: 0px; width: 93%; height: auto; }

#consultation ul { margin: 2% auto 0px auto; padding: 0px; width: 96.8%; display: flex; flex-wrap: wrap; }
#consultation li { margin: 0px; padding: 0px; width: 33.33%; text-align: center; }
#consultation li img { margin: 0px; padding: 0px; width: 90%; height: auto; }

#example { margin: 0px auto; padding: 1vw 0px 1.5vw 0px; width: 100%; background: #fff; }
#example dl { margin: 0px auto; padding: 0px; width: 97%; }
#example dt { margin: 0px; padding: 0px 0px 0px 2vw; width: 100%; }
#example dt img { margin: 0px; padding: 0px; width: 17.91%; height: auto; }
#example dd { margin: 0px; padding: 0px; width: 100%; }
#example dd ul { margin: 0px; padding: 0px; width: 100%; display: flex; flex-wrap: wrap; }
#example dd li { margin: 0px; padding: 1vw 0px 0px 0px; width: 25%; }
#example dd img { margin: 0px; padding: 0px; width: 100%; height: auto; }

#after_follow { margin: 0px auto; padding: 0px; width: 100%; background: #fffcdb; }
#after_follow dl { margin: 0px; padding: 0px; width: 100%; display: flex; flex-wrap: wrap; }
#after_follow dt { margin: 0px; padding: 0px; width: 50%; }
#after_follow dd { margin: 0px; padding: 0px; width: 50%; }
#after_follow img { margin: 0px; padding: 0px; width: 100%; height: auto; }

#auto_loan { margin: 0px auto; padding: 2vw 0px 4vw 0px; width: 100%; background: #fff; }
#auto_loan img { margin: 0px; padding: 0px; width: 100%; height: auto; }

/* 初期非表示 */
#page_banner { display: none; }

@media all and (max-width:800px){
	
	#consultation { padding: 2% auto; width: 98%; }
	#consultation dl { width: 100%; }
	#consultation dt { width: 100%; text-align: center; }
	#consultation dd { width: 100%; text-align: center; }
	#consultation dd img { margin: 0px; width: 100%; }
	#consultation ul { width: 100%; }
	#consultation li { width: 100%; }
	#consultation li:nth-child(n+2) { padding: 2% 0px 0px 0px; }
	#consultation li img { width: 100%; }
	
	#example { padding: 3% 0px 1.5% 0px; width: 98%; }
	#example dl { width: 100%; }
	#example dt img { width: 30%; }
	#example dd li { padding: 1.5% 0px 0px 0px; width: 50%; }
	
	#after_follow { margin: 3% auto 0px auto; width: 98%; }
	#after_follow dt { width: 100%; text-align: center; }
	#after_follow dd { width: 100%; text-align: center; }
	
	#auto_loan { width: 98%; }
}