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


/*--------------------------------------------------


    COMPANY PAGE
	

---------------------------------------------------*/

/*--------------------------------------------------

     トップ
	 
---------------------------------------------------*/

.company-Cont{
	width:100%;
	height:100%;
	position:relative;
	margin-top:50px;
}

.Cont-list{
	width:1000px;
}

.Cont-list ul li{
	display:block;
	width:324px;
	height:130px;
	float:left;
	margin-right:10px;
	position:relative;
}

.Cont-list ul li.nav01{ background:url(../images/company/index_icon01.png) no-repeat right center; }
.Cont-list ul li.nav02{ background:url(../images/company/index_icon02.png) no-repeat right center; }
.Cont-list ul li.nav03{ background:url(../images/company/index_icon03.png) no-repeat right center; }
.Cont-list ul li.nav04{ background:url(../images/company/index_icon04.png) no-repeat right center; }
.Cont-list ul li.nav05{ background:url(../images/company/index_icon05.png) no-repeat right center; }



.Cont-list ul li:nth-child(3),
.Cont-list ul li:nth-child(6){
	margin-right:0px;
}

.Cont-list ul li:nth-child(n+4){
	margin-top:14px;
}

.Cont-list ul li > h4{
	font-size:20px;
	color:#FFFFFF;
	text-align:center;
	margin-top:72px;
	line-height:120%;
}

.Cont-list ul li h4 span{
	display:block;
	font-size:14px;
	color:#00BEFF;
}

.Cont-list ul li img{
	margin-bottom:10px;
}

.Cont-list ul li a{
	position:absolute;
    top:0;
    left:0;
    width:100.1%;
    height:100.1%;
    text-indent:-9999px;
}

.Cont-list ul li a:hover{
	background-color:#FFFFFF;
	color:#FFFFFF;
}


@media screen and (max-width: 1050px) {
.company-Cont{
	margin-top:20px;
}

.Cont-list{
	width:100%;
}

.Cont-list ul li{
	width:100%;
	margin-right:0px;
	margin-bottom:5px;
}

.Cont-list ul li.nav01,
.Cont-list ul li.nav02,
.Cont-list ul li.nav03,
.Cont-list ul li.nav04,
.Cont-list ul li.nav05{
	background-size:cover;
}

.Cont-list ul li:nth-child(n+4){
	margin-top:0px;
}
}



/*--------------------------------------------------

     中面
	 
---------------------------------------------------*/

p span.president{
	display:block;
	text-align:right;
	margin-top:30px;
}

img.president{
	display:block;
	width:500px;
	height:auto;
	float:right;
	margin:0px 0px 0px 50px;
	/*border:1px #CCCCCC solid;*/
}

table.overview{
	width:100%;
	border-spacing : 0px 5px;
	border-collapse : separate ;
}

table.overview th,
table.overview td{
	padding: 10px 10px 10px 20px;
}

table.overview th{
	text-align:left;
	vertical-align:middle;
	width:25%;
	background-color:#E7E7E7;
	color:#001C3B;
}

table.overview th span{
	font-size:12px;
	font-weight:normal;
}

table.overview td{
	border-left:2px #001C3B solid;
 	background-color: #fff;
	border-top:1px #EEEEEE solid;
	border-bottom:1px #EEEEEE solid;
}

table.overview td ul li{
	list-style:disc;
	margin-left:1.5em;
}

.building-okazaki{
	width:100%;
	height:500px;
	overflow:hidden;
	background:url(../images/company/building_okazaki.png) no-repeat center -180px;
	background-size:cover;
	margin-bottom:50px;
}

h4.overview{
	font-size:20px;
	font-weight:bold;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	margin-bottom:10px;
	border-left:4px #001C3B solid;
	padding-left:10px;
}

h4.overview2{
	font-size:24px;
	font-weight:bold;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	margin-bottom:10px;
}

/*アクセス*/
table.overview td > dl{
	margin-top:15px;
}

table.overview td > dl dt,
table.overview td > dl dd{
	display:table-cell;
	vertical-align:middle;
}

table.overview td > dl dt{
	font-weight:bold;
	background-color:#EEEEEE;
	text-align:center;
	width:80px;
	min-height:200px;
	font-size:12px;
	color:#666666;
}

table.overview td > dl dd{
	padding-left:1em;
	font-size:12px;
	color:#666666;
}

/*マップボタン*/
span.map a{
	display:inline-block;
	background-color:#2E7CA9;
	color:#FFFFFF;
	font-weight:bold;
	margin-left:1em;
	padding:5px 10px;
	font-size:10px;
	text-decoration:none;
}



@media screen and (max-width: 1050px) {
p span.president{
}

img.president{
	width:100%;
	height:auto;
	float:none;
	margin:0px;
	margin-bottom:20px;
}

h4.overview{
	font-size:16px;
}

h4.overview2{
	font-size:20px;
}

table.overview th,
table.overview td{
	display:block;
	width:100%;
	padding: 10px 10px 10px 10px;
}

table.overview th{
	border-left:2px #001C3B solid;
}

table.overview td{
	border-bottom:none;
	margin-bottom:20px;
}

.building-okazaki{
	background:none;
	height:auto;
}

.building-okazaki img{
	width:100%;
	height:auto;
}

span.map a{
	width:100%;
	color:#FFFFFF;
	margin-left:0;
	padding:1em 0;
	text-align:center;
	margin:10px 0;
}
}






/*--------------------------------------------------

     CSR
	 
---------------------------------------------------*/

ul.csr li{
	list-style:disc;
	margin-left:1.5em;
}










/*--------------------------------------------------

     個人情報保護方針、特定個人情報保護方針、情報セキュリティ方針
	 
---------------------------------------------------*/
.inner-Cont.privacy{
	width:800px;
}

.privacy-Cont{
	width:100%;
	height:100%;
	position:relative;
	margin-top:50px;
}

h4.privacy{
	text-align:right;
}

.privacy-Cont p{
	margin-bottom:30px;
}

.privacy-Cont ol{
	margin-bottom:30px;
}

.privacy-Cont ol li{
	list-style:decimal;
	margin-left:1.5em;
}

.privacy-Cont ul li{
	list-style:disc;
	margin-left:1.5em;
}

.privacy-Cont ol li,
.privacy-Cont ul li{
	line-height:2;
}


@media screen and (max-width: 1050px) {
.inner-Cont.privacy{
	width:90%;
	margin:0 auto;
}

.privacy-Cont{
	margin-top:20px;
}
}