@charset "utf-8";
/* ------------------------------------------------------------ common */

main{ padding: 100px 0 0; }

#bread{ padding: 25px 0 0; }
#bread ol{ display: flex; }
#bread ol li{ position: relative; padding: 0 15px 0 30px; font-family: "futura-pt", sans-serif; font-size: 12px; }
#bread ol li:before{ position: absolute; top: 6px; left: 0; content: ""; width: 15px; height: 1px; background: #000; }

#bread ol li:first-of-type{ padding-left: 0; }
#bread ol li:first-of-type:before{ display: none; }


.top_btn{ padding: 100px 0; text-align: center; }
.top_btn a{ transition: all .8s; display: flex; align-items: center; justify-content: center; height: 70px; width: 450px; margin: 0 auto; color: #fff; background: #000; font-size: 16px; letter-spacing: 0.06em; border: 1px solid #000; }

.top_btn a:hover{ transition: all .8s; background: #fff; color: #000; }



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

	/* ------------------------------------------------------------ common */
	main{ padding: 60px 0 0; }

	#bread{ padding: 9px 0 0; }
	#bread ol li{ padding: 0 7px 0 15px; font-size: 10px; }
	#bread ol li:before{ top: 4px; width: 10px; }


	.top_btn{ padding: 40px 0; }
	.top_btn a{ height: 50px; width: 80%; font-size: 14px; }


	

}