/*========================================
　　会社概要
========================================*/
#company #title {
	background-image: url("../../img/company/title.jpg");
}
#company {
	overflow: hidden;
}
#companyOutline {
	position: relative;
	padding: 90px 0 0;
}
#companyOutline:before {
	content: "";
	position: absolute;
	left: 60px;
	top: 15%;
	width: 100%;
	height: 100%;
	background: url("../../img/company/bg.jpg") 50% 50% no-repeat;
	background-size: cover;
	z-index: 0;
	opacity: 0.6;
}
div.companyOutline div.clearfix {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 20px;
	background: #F6F6F6;
	z-index: 1;
}
div.companyOutline table {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}
div.companyOutline table th,
div.companyOutline table td {
	text-align: left;
	vertical-align: top;
	font-size: 1.4rem;
	line-height: 2.0em;
	border-bottom: 1px solid rgba(44, 52, 82, 0.1);
}
div.companyOutline table th {
	width: 180px;
	padding: 10px 0;
	font-weight: 500;
}
div.companyOutline table td {
	padding: 10px 0 10px 10px;
}
div.companyOutline table tr:last-child th,
div.companyOutline table tr:last-child td {
	border-bottom: none;
}
@media screen and (max-width: 786px) {
	#companyOutline {
		padding: 20px 0 0;
	}
	div.companyOutline div.clearfix {
		padding: 30px 20px;
	}
	div.companyOutline table th,
	div.companyOutline table td {
		font-size: 1.3rem;
	}
	div.companyOutline table th {
		width: 90px;
	}
}
@media screen and (max-width: 480px) {
	div.companyOutline table th,
	div.companyOutline table td {
		font-size: 1.2rem;
	}
}
/*　写真
----------------------------------------*/
#companyPhotos {
	position: relative;
	margin: 0 -20px;
	padding: 100px 0;
	z-index: 1;
}
#companyPhotos ul {
	display: flex;
	margin: 0 auto;
}
#companyPhotos ul li {
	padding: 0 20px;
}
#companyPhotos ul li img {
	flex-grow: 1;
	object-fit: cover;
}
div.companyPhotos img {
	width: 100%;
	height: auto;
}
#companyPhotos2 {
	position: relative;
	padding: 100px 0;
	z-index: 1;
}
#companyPhotos2 div.over_img {
	max-width: 300px;
	margin: 0 auto;
}
@media screen and (max-width: 786px) {
	#companyPhotos {
		margin: 0 -5px;
		padding: 60px 0;
	}
	#companyPhotos ul li {
		padding: 0 5px;
	}
	#companyPhotos2 {
		padding: 60px 0;
	}
	#companyPhotos2 div.over_img {
		width: 50%;
	}
}
/*　アクセス
----------------------------------------*/
div.companyMap {
	padding: 0 60px 100px;
}
div.companyMap #map_canvas,
div.companyMap #map_canvas2 {
	width: 100%;
	height: 600px;
}
@media screen and (max-width: 1240px) {
	div.companyMap {
		padding: 0 20px 60px;
	}
}
@media screen and (max-width: 768px) {
	div.companyMap {
		padding: 0 0 60px;
	}
}
/*　SNS
----------------------------------------*/
#companySns {
	padding: 0 0 100px;
}
#companySns div.buttonContent {
	margin: 0 -20px;
}
#companySns div.buttonContent ul li {
	float: left;
	width: 33.33%;
	padding: 0 20px;
}
#companySns div.buttonContent ul li a span i {
	font-size: 114%;
	padding: 0 20px 0 0;
}
@media screen and (max-width: 768px) {
	#companySns {
		padding: 0 0 40px;
	}
	#companySns div.buttonContent {
		margin: 0;
		padding: 0 20px;
	}
	#companySns div.buttonContent ul li {
		float: none;
		width: 100%;
		padding: 0 0 20px;
	}
	#companySns div.buttonContent ul li a {
		height: 50px;
	}
}
/*　リード文
----------------------------------------*/
div.companyOutline p.companyLead {
	position: relative;
	z-index: 1;
	max-width: 800px;
	margin: 0 auto 30px;
	font-size: 1.4rem;
	line-height: 2.0em;
}