@charset "UTF-8";
/* ******************************************************************

	--company.css--

	1. Layout setting

****************************************************************** */


/*==================================================================
	1. Layout setting
===================================================================*/
.anchorList {
	margin-bottom:85px;
	background:#FFF;
	border:1px solid #DDD;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	overflow:hidden;
}
.anchorList li {
	float:left;
	width:33.3%;
	border-right:1px solid #DDD;
	text-align:center;
}
.anchorList li:last-child {
	border-right:none;
	float:right;
	width:33.5%;
	width:calc(100% - 66.6%);
}
.anchorList li a {
	display:block;
	padding:13px 10px;
	font-size:18px;
	text-decoration:none;
	transition:.3s;
	-webkit-transition:.3s;
}
.anchorList li a:hover {
	background-color:#E7E7E7;
}
.anchorList li a span {
	display:inline-block;
	padding:5px 0px 5px 32px;
	padding:7px 0px 3px 32px\0;
	background:url(../img/common/icon_arrow05.png) no-repeat 0 35%;
}
.messageBlock {
	position:relative;
	max-width:1120px;
	margin:89px auto 67px;
	padding:10px;
	background:#E4E4E4 url(../img/company/bg_message.png) repeat-x 0 0;
}
.messageBlock .messageInner {
	position:relative;
	z-index:5;
}
.messageBlock .messageInner .messageTitle {
	float:left;
	width:53%;
	padding:105px 19px;
	color:#FFF;
	font-size:18px;
}
.messageBlock .messageInner .messageTitle span {
	display:inline-block;
	padding-bottom:17px;
	border-bottom:2px solid #DDBF5D;
}
.messageBlock .messageInner .messageTitle em {
	font-size:34px;
}
.messageBlock .messageInner .messageImage {
	float:right;
	width:40%;
	margin:-40px 36px 0 0;
	text-align:right;
}
.messageBlock .messageBox {
	position:relative;
	display:block;
	margin:-4px 10px 11px;
	padding:26px 35px 34px;
	background:#FFF;
	-moz-box-shadow:1px 1px 1px 0 #CCC;
	-webkit-box-shadow:1px 1px 1px 0 #CCC;
	box-shadow:1px 1px 1px 0 #CCC;
	z-index:10;
}
.messageBlock .messageBox p {
	padding-bottom:32px;
	font-size:16px;
	line-height:2;
}
.messageBlock .messageBox .presidentText {
	padding:30px 16px 0 0;
	text-align:right;
}
.companyLast {
	padding-bottom:129px;
}
#profile {
	padding-top:85px;
	margin-top:-85px;
}
#message {
	padding-top:0.5px;
	margin-top:-0.5px;
}
#history {
	padding-top:66px;
	margin-top:-66px;
}
@media screen and (max-width:1120px) {
	.anchorList {
		width:inherit;
		margin:0 10px 85px;
	}
}
@media screen and (max-width:475px) {
	.anchorList li:nth-child(2) a span {
		display:-webkit-box;
		display:-ms-box;
		overflow:hidden;
		background-size:16px auto;
		text-overflow:ellipsis;
		line-height:1.2;
		-webkit-line-clamp:1;
		-webkit-box-orient:vertical;
	}
}
@media screen and (max-width:736px) {
	.anchorList {
		margin:0 0 45px;
	}
	.anchorList li a {
		padding:6px 10px;
		font-size:13px;
	}
	.anchorList li a span {
		margin-bottom:4px;
		padding:6px 0px 0px 20px;
		background:url(../img/common/icon_arrow05.png) no-repeat 0 4px;
		background-size:16px auto;
	}
	.messageBlock {
		position:relative;
		max-width:inherit;
		margin:50px -10px 35px;
		padding:10px;
		background:#E4E4E4 url(../img/company/bg_message.png) repeat-x 0 0;
		background-size:auto 180px;
	}
	.messageBlock .messageInner .messageTitle {
		width:calc(100% - 160px);
		padding:63px 0 40px;
		color:#FFF;
		font-size:9px;
	}
	.messageBlock .messageInner .messageTitle span {
		display:inline-block;
		padding-bottom:15px;
		border-bottom:2px solid #DDBF5D;
	}
	.messageBlock .messageInner .messageTitle em {
		font-size:17px;
	}
	.messageBlock .messageInner .messageImage {
		float:right;
		width:140px;
		margin:-30px 10px 0 0;
	}
	.messageBlock .messageBox {
		margin:-4px 0 0;
		padding:15px;
		background:#FFF;
	}
	.messageBlock .messageBox p {
		padding-bottom:25px;
		font-size:14px;
		line-height:1.7;
	}
	.messageBlock .messageBox .presidentText {
		padding:0 5px 0 0;
		text-align:right;
	}
	.messageBlock .messageBox .presidentText img {
		width:auto;
		height:15px;
	}
	.companyLast {
		padding-bottom:50px;
	}
	#profile {
		padding-top:45px;
		margin-top:-45px;
	}
	#message {
		/*padding-top:45px;*/
		/*margin-top:-45px;*/
	}
	#history {
		padding-top:35px;
		margin-top:-35px;
	}
	#pageCompany .mapInfo {
		padding-bottom:15px;
	}
}