@charset "utf-8";
/* ===================================================================
CSS
 file name  :  company.css
=================================================================== */
/* =====================================
会社概要
======================================== */
.company{
	padding-bottom: 150px;
}
@media screen and (max-width: 768px) {
	.company{
		padding-bottom: 100px;
	}
}
@media screen and (max-width: 480px) {
	.company{
		padding-bottom: 80px;
	}
}
.company_table {
	width: 100%;
	border-top: 1px solid #D8D8D8;
	line-height: 2;
}
.company_table tr{
	border-bottom: 1px solid #D8D8D8;
}
.company_table th{
	width: 30%;
	padding: 2em;
	text-align: left;
	white-space: nowrap;
	vertical-align: top;
	color: #202466;
	font-weight: 500;
}
.company_table td{
	padding: 2em 2em 2em 0;
	text-align: left;
	vertical-align: top;
}
.company_table td .sub{
	padding-left: 2em;
}
.company_table .store_btn .btn{
	color: #202466;
	font-size: 1.4rem;
	background: #FFF;
	margin-top: 1em;
	padding: 0.3em 2em;
	display: inline-block;
}
.company_table .store_btn .btn:hover{
	color: #FFF;
	background: #0051B9;
	border: 1px solid #0051B9;;
}
@media screen and (max-width: 768px) {
	.company_table {
		margin-top: 30px;
	}
	.company_table th{
		padding: 1em 0.5em;
		width: 100%;
		display: block;
	}
	.company_table td{
		padding: 0 0.5em 1em 0.5em;
		width: 100%;
		display: block;
	}
	.company_table .store_btn .btn{
		font-size: 1.2rem;
		display: block;
		padding: 0.7em 2em;
		max-width: 360px;
	}
}