@charset "utf-8";
/*====================================
	for company.html
	Date of 2015.01.16
====================================*/
.companyNavi{
	display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 0px;
	margin-top: 60px;
	border-top:1px solid #999;
}
@media screen and (max-width: 767px){
	.companyNavi{
		grid-template-columns: 1fr 1fr;
	}
}
.companyNaviItem{
	width: 100%;
	font-size: 1.4rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-left: 1px solid #999;
	border-bottom:1px solid #999;
}

.companyNaviItem:nth-child(even){
	border-right: 0;
}

.companyNaviItem:last-of-type{
	border-right: 1px solid #999;
}

@media screen and (max-width: 767px){
	.companyNaviItem:nth-child(even){
		border-right: 1px solid #999;
	}
	
}

.companyNaviItem a{
	width: 100%;
	color: #444;
	text-align: center;
	padding:15px 10px;
	text-decoration: none;
	transition: .3s;
}
@media screen and (max-width: 767px){
	.companyNaviItem a{
		text-align: left;
	}
}
.companyNaviItem a:hover{
	color: #0d3f94;
	background: #EEEEEE;
}
.companyNaviItem a:before{
	content: "\f107";
  font-family: FontAwesome;
	display:inline-block;
	margin-right:5px;
}

.ceoMessageTitle{
	font-size: 1.8rem;
	line-height: 1.7em;
	margin-bottom: 20px;
	color: #07265A;
	font-weight: 600;
}

@media screen and (max-width: 767px){
	.ceoMessageTitle{
		margin-bottom: 15px;
	}
}

.ceoMessageWrap{
	display: grid;
  grid-template-columns: 1fr 300px;
  grid-template-rows: auto auto;
  gap: 40px;
}

@media screen and (max-width: 767px){
	.ceoMessageWrap{
		grid-template-columns: 1fr;
		gap: 20px;
	}
}


.seoImg{
	order: 2;
}

@media screen and (max-width: 767px){
	.seoImg{
		order: 1;
		width: 70%;
		margin: 0 auto;

		img{
			max-width: 100%;
		}
	}
}


.ceoMessageBox{
	order: 1;
}

@media screen and (max-width: 767px){
	.ceoMessageBox{
		order: 2;
	}
}

.ceoMessage{
	margin-bottom: 10px;
	&::before{
		content: "";
		display: inline-block;
		width: 15px;
	}
}

.comImg{
	margin-bottom: 20px;
}
.ceoName{
	font-size:1.5rem;
	text-align: right;
}
.ceoName span{
	font-size:2.0rem;
	display:inline-block;
	margin-left:10px;
}
.companyTable{
	width:800px;
	margin:0 auto;
	border-top:1px solid #D8D8D8;
}
.companyTable dl{
	width:100%;
	display:table;
	border-bottom:1px solid #D8D8D8;
}
.companyTable dt{
	width:160px;
	display:table-cell;
	vertical-align: top;
	background:#EEEEEE;
	padding:15px;
}
.companyTable dd{
	display:table-cell;
	padding:15px;
}
.companyTable dd a{
	color:#1d2f58;
	text-decoration:none;
}
.companyTable dd a:hover{
	text-decoration:underline;
}
.companyTable dd a:after{
	content: "\f08e";
	font-family: FontAwesome;
	margin-left:5px;
}
.ctTitle{
	color:#07265A;
	font-weight:600;
	display:block;
}
.kyokaList li{
	width:100%;
	display:table;
	margin-bottom:15px;
}
.kyokaTitle,
.kyokaCont{
	display:table-cell;
}
.kyokaTitle{
	width:130px;
	color:#07265A;
	font-weight:600;
	padding-right:20px;
}
.kyokaSubTitle{
	width:130px;
	font-weight:600;
	display:inline-block;
	vertical-align:top;
}
.kyokaNote{
	width:65%;
	display:inline-block;
}

.engineerListWrap{
	display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 25px;
}
@media screen and (max-width: 767px){
	.engineerListWrap{
		grid-template-columns: 1fr;
		gap: 0px;
	}
}

.engineerList li{
	width:100%;
	display:flex;
	padding:3px 10px 3px;
	box-sizing: border-box;
}
.engineerList li:nth-child(odd){
	background:#EEEEEE;
}
.engineerList span:first-child{
	width:calc(100% - 40px);
}
.engineerList span:last-child{
	width:40px;
	text-align:right;
}

@media screen and (max-width: 767px){
	.engineerList{
		width:100%;
	}
	.engineerList:nth-child(odd){
		background:#fff;
	}
	.engineerList span:first-child{
		width:calc(100% - 40px);
	}
	.engineerList span:last-child{
		width:40px;
		text-align:right;
	}
}

.hisotryListWrap{
	width: 800px;
	margin: 0 auto 20px;
}
@media screen and (max-width: 767px){
	.hisotryListWrap{
		width: 100%;
	}
}


.hisotryListItem{
	display: flex;
	box-sizing: border-box;
	border-bottom: 1px solid #D8D8D8;
}
.hisotryList:first-child{
	border-top: 1px solid #D8D8D8;
}

.hisotryListDt{
	background: #EEEEEE;
	width: 190px;
	padding: 15px;
	box-sizing: border-box;
}
.hisotryListDt span{
	display: inline-block;
}
@media screen and (max-width: 767px){
	.hisotryListDt{
		width: 100px;
	}
	.hisotryListDt span{
		display: block;
	}
}

.hisotryListDd{
	width:calc(100% - 190px);
	padding: 15px;
	box-sizing: border-box;
}
@media screen and (max-width: 767px){
	.hisotryListDd{
		width:calc(100% - 100px);
	}
}

.mapBoxWrap{
	display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 30px;
}

@media screen and (max-width: 767px){
	.mapBoxWrap{
		display: grid;
		grid-template-columns: 1fr;
		gap: 30px;
	}
}

.map{
	margin-bottom: 10px;
}


.pdfLink a{
	width:350px;
	font-size:1.4rem;
	color:#fff;
	text-align:center;
	text-decoration:none;
	display:block;
	overflow:hidden;
	padding:10px 0;
	float:right;
	background:#07265A;
}
.pdfLink a:hover{
	background:#689032;
}
@media screen and (max-width: 767px){

.companyTable{
	width:100%;
	border-top:1px solid #D8D8D8;
}
.companyTable dl{
	width:100%;
	display:table;
	border-bottom:1px solid #D8D8D8;
}
.companyTable dt{
	width:30%;
	display:table-cell;
	background:#EEEEEE;
	padding:15px;
}
.companyTable dd{
	width:70%;
	display:table-cell;
	padding:15px;
	word-break: break-all;
}
.kyokaTitle,
.kyokaCont{
	display:block;
}
.kyokaTitle{
	width:100%;
	color:#07265A;
	font-weight:600;
	padding-right:20px;
}
.kyokaSubTitle{
	width:100%;
	display:block;
	font-weight:600;
	padding-left:5px;
	margin:7px 0 3px;
}
.kyokaNote{
	width:100%;
	display:block;
}

.mapLeft{
	width:100%;
	float:none;
	margin-bottom:20px;
}
.mapRight{
	width:100%;
	float:none;
}
.map{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.map iframe,
.map object,
.map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.pdfLink a{
	width:100%;
	padding:20px 0;
	float:none;
}
}
.kessanList{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}
@media screen and (max-width: 767px){
	.kessanList{
		margin-top: 15px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

.kessanList li{
	width:49%;
	font-size: 1.4rem;
	line-height: 1.5;

}
@media screen and (max-width: 767px){
	.kessanList li{
		width: 100%;
	}
}

.kessanList li:not(:last-child){
	border-bottom: none;
	margin-bottom: 15px;
}
.kessanList li a{
	color: #444;
	display:inline-block;
	background: #EEEEEE;
	padding:15px;
	border-radius: 15px;
	position: relative;
	transition: .3s;
	width:100%;
	box-sizing: border-box;
}
.kessanList li a span{
	display: inline-block;
	margin-left: 20px;
}
.kessanList li a:before{
	content: url("../images/icon_pdf.gif");
	position: absolute;
  top: 53%;
  margin-top: -10px;
}
.kessanList li a:hover{
	background: #dddddd;
}