@charset "UTF-8";
/*――――――――――――――――――
mv
―――――――――――――――――――*/
#company #under_mv {
	background-image: url(../img/common/under_mv.jpg);
}

/*――――――――――――――――――
section
―――――――――――――――――――*/
#company #section01,
#company #section02,
#company #section03 {
	padding-bottom: 100px;
}
@media screen and (max-width: 767px) {
#company #section01,
#company #section02,
#company #section03 {
	padding-bottom: 50px;
}
}

/*――――――――――――――――――
table
―――――――――――――――――――*/
table.company{
	width: 100%;
	max-width: 660px;
	margin: 30px auto;
}
table.company th,
table.company td {
	padding: 20px;
	vertical-align: top;
}
table.company th {
	padding: 20px;
	font-weight: bold;
	color: var(--mc);
	text-align-last: justify;
	letter-spacing: 3;
	width: 150px;
}

@media screen and (max-width: 767px) {
	table.company,
	table.company tr,
	table.company td,
	table.company th {display:block;}
	table.company th {width:auto;
		text-align-last: auto;
	}
table.company th {
	padding: 0px;
}
}

/*――――――――――――――――――
section02
―――――――――――――――――――*/
#section02 h2{
	padding-bottom: 60px;
}
#section02 p{
	text-align: center;
	padding: 40px 0;
}
@media screen and (max-width: 767px) {
	#section02 h2{
		padding-bottom: 00px;
	}
	#section02 p{
		text-align: left;
		padding: 20px 0;
	}
}

/*――――――――――――――――――
section03
―――――――――――――――――――*/
#section03 h2{
	padding-bottom: 60px;
}
#section03 p{
	text-align: center;
	padding: 40px 0;
}
.company_logo{
	max-width: 300px;
	margin: auto;
	text-align: center;
	margin-bottom: 20px;
}
.company_logo img{
	width: 100%;
	margin: auto;
	text-align: center;
}
@media screen and (max-width: 767px) {
	#section03 h2{
		padding-bottom: 30px;
	}
	#section03 p{
		text-align: left;
		padding: 20px 0;
	}
	.company_logo img{
		width: 90%;
	}
}