@charset "utf-8";



/* page_title
-----------------------------------*/
#page_title h1{
	margin-left: -224px;
	top: 160px;
}
#page_title .bg{
	background-image: url("../img/bg_company_01.jpg");
}



/* company_unit
-----------------------------------*/
#company_unit{
	width: 100%;
	margin-bottom: 253px;
}


#company_unit > .intro{
	width: 1000px;
	margin: 75px auto 90px;
	position: relative;
}
#company_unit > .intro:after{
	content: "";
	width: 12px;
	height: 12px;
	background-color: #b00000;
	border-radius: 6px;
	display: block;
	margin-left: -6px;
	position: absolute;
	left: 50%;
	bottom: -41px;
}
#company_unit > .intro h2{
	font-size: 167%;
	text-align: center;
	margin-bottom: 6px;
}
#company_unit > .intro p{
	font-size: 123.1%;
	text-align: center;
}


#company_unit > .overview{
	width: 1000px;
	margin: 0 auto 80px;
	position: relative;
}
#company_unit > .overview table{
	font-size: 116%;
	line-height: 1.46;
	width: 980px;
	border-top: 2px solid #cecece;
	margin-left: 10px;
}
#company_unit > .overview table th{
	width: 110px;
	padding: 16px 0 10px 10px;
	vertical-align: top;
	border-bottom: 2px solid #cecece;
}
#company_unit > .overview table td{
	border-bottom: 2px solid #cecece;
	padding: 16px 0 10px;
}
#company_unit > .overview table td a{
	text-decoration: none;
}
#company_unit > .overview .office dt{
	float: left;
	clear: left;
}
#company_unit > .overview .office dt:before{
	content: "【";
}
#company_unit > .overview .office dt:after{
	content: "】";
}
#company_unit > .overview .office dd{
	margin: 0 0 9px 6em;
}
#company_unit > .overview .office dd:last-of-type{
	margin-bottom: 0;
}
#company_unit > .overview .officer dt{
	float: left;
	clear: left;
}
#company_unit > .overview .officer dd{
	margin-left: 6em;
}
#company_unit > .overview .client dt:before{
	content: "【";
}
#company_unit > .overview .client dt:after{
	content: "】";
}
#company_unit > .overview .client dd + dt{
	margin-top: 8px;
}
#company_unit > .overview .image{
	width: 520px;
	height: 340px;
	background-color: #fff;
	text-align: right;
	position: absolute;
	right: 0;
	top: 0;
}


#company_unit > .history{
	width: 100%;
	background-color: #000;
	margin-bottom: 88px;
	padding: 47px 0 41px;
	position: relative;
}
#company_unit > .history h2{
	margin-left: -220px;
	position: absolute;
	left: 50%;
	top: 38px;
}
#company_unit > .history dl{
	color: #fff;
	font-size: 116%;
	width: 580px;
	border-top: 2px solid #4e4e4e;
	margin-left: -90px;
	position: relative;
	left: 50%;
}
#company_unit > .history dt{
	float: left;
	clear: left;
	padding: 15px 0 9px 10px;
}
#company_unit > .history dd{
	border-bottom: 2px solid #4e4e4e;
	padding: 15px 0 9px 130px;
}
#company_unit > .history .image{
	margin-left: -500px;
	position: absolute;
	left: 50%;
	top: 0;
}


#company_unit > .office{
	width: 1000px;
	margin: 0 auto;
}
#company_unit > .office h2{
	margin: 0 0 11px 17px;
}
#company_unit > .office .inner{
	width: 100%;
}
#company_unit > .office .inner:after{
	content: "";
	clear: both;
	display: block;
}
#company_unit > .office .inner section{
	height: 267px;
	float: left;
	position: relative;
}
#company_unit > .office .inner .map{
	position: absolute;
	left: 0;
	top: 0;
}
#company_unit > .office .inner .text{
	position: absolute;
	left: 280px;
	bottom: 0;
}
#company_unit > .office .inner h3:before{
	content: "【";
}
#company_unit > .office .inner h3:after{
	content: "】";
}
#company_unit > .office .inner p a{
	text-decoration: none;
}
#company_unit > .office .inner .googlemap{
	position: absolute;
	left: 0;
	bottom: -43px;
}
#company_unit > .office .inner .googlemap a{
	text-decoration: none;
	line-height: 23px;
	width: 195px;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 2px 0 0 6px;
	position: relative;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#company_unit > .office .inner .googlemap a:after{
	content: "";
	width: 13px;
	height: 25px;
	background: url("../../common/img/ico_arrow_02.png") no-repeat 0 0;
	display: block;
	position: absolute;
	right: 2px;
	top: 0;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#company_unit > .office .inner .googlemap a:hover{
	text-decoration: underline;
}
#company_unit > .office .inner .googlemap a:hover:after{
	right: 0;
}
#company_unit > .office .inner section:nth-of-type(1){
	width: 530px;
}
#company_unit > .office .inner section:nth-of-type(2){
	width: 470px;
}