@charset "utf-8";

/* PAGE TITLE */
#container_pagetitle {
	width: 100%;
	height: 150px;
	padding: 0;
	margin: 0 0 150px 0;
	top: 100px;
	background-image: url("../img/img_head_company.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
}
#container_pagetitle h2 {
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: bold;
	color: #FFFFFF;
}
@media only screen and (max-width: 400px) {
	#container_pagetitle {
		top: 90px;
	}
}
@media only screen and (max-width: 350px) {
	#container_pagetitle {
		top: 80px;
	}
}
@media screen and (min-width: 849px) {
	#container_pagetitle {
		width: auto;
		margin: 50px 50px 50px 50px;
		top: 0;
	}
}
/* Company */
#container_company {
	width: 100%;
	padding: 0;
	margin: 0 0 15%;
}
#container_company .inner {
	width: 100%;
	padding: 0 5%;
}
#container_company .inner table.border_table {
	border-top: 1px solid #ccc;
	border-collapse: collapse;
	margin: 0 0 30px 0;
	padding: 0;
	width: 100%;
	table-layout: fixed;
}
#container_company .inner table.border_table th {
	padding: .75em;
	box-sizing: border-box;
	width: 200px;
	text-align: left;
	vertical-align: middle;
}
#container_company .inner table.border_table td {
	padding: .75em;
	box-sizing: border-box;
}
#container_company .inner table.border_table tr {
	border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 849px) {
	#container_company .inner table.normal_table {
		border-bottom: none;
	}
	#container_company .inner table.normal_table th {
		display: block;
		width: 100%;
		border: none;
	}
	#container_company .inner table.normal_table td {
		display: block;
		border-left: none;
		border-right: none;
	}
	#container_company .inner table.normal_table tr {
		display: block;
	}
	#container_company .inner table.border_table th {
		display: block;
		border-bottom: 1px solid #F0F0F0;
		width: 100%;
		font-weight: bold;
	}
	#container_company .inner table.border_table td {
		display: block;
	}
	#container_company .inner table.border_table tr {
		display: block;
	}
}