@charset "UTF-8";

#dir{background-image:url(img/dir.jpg);}


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

	/corporate/

----------------------------------------------------*/
#corporate > div{margin:0 0 50px;}
#corporate .midd{margin:0 0 30px;}

#corporate .outline table{
	width:100%;
	border-top:#e5e5e5 solid 1px;
	border-left:#e5e5e5 solid 1px;
}
#corporate .outline table th,
#corporate .outline table td{
	padding:15px;
	line-height:1.8;
	vertical-align:middle;
	border-right:#e5e5e5 solid 1px;
	border-bottom:#e5e5e5 solid 1px;
}
#corporate .outline table th{width:150px;}

#corporate .relation,
#corporate .suppliers{display:block;width:48%;}
#corporate .relation{float:left;}
#corporate .suppliers{float:right;}
#corporate .relation li,
#corporate .suppliers li{
	line-height:1.3;
	margin:10px 0 0;
}

#corporate .link ul{
	display:block;
	margin:0 -20px;
}
#corporate .link li{
	display:block;
	width:33.33%;
	float:left;
}
#corporate .link li a{
	background-position:50% 50%;
	text-shadow: 0 0 10px rgba(0,0,0,0.8);

}
#corporate .link li.link1 a{background-image:url(img/link1.jpg);}
#corporate .link li.link2 a{background-image:url(img/link2.jpg);}
#corporate .link li.link3 a{background-image:url(img/link3.jpg);}
#corporate .link li.link4 a{background-image:url(img/link4.jpg);}
#corporate .link li.link5 a{background-image:url(img/link5.jpg);}
#corporate .link li.link6 a{background-image:url(img/link6.jpg);}
#corporate .link li a{
	display:block;
	height:100px;
	line-height:100px;
	text-align:center;
	margin:0 20px 40px;
	color:#FFF;
	font-size:18px;
}



@media screen and (max-width: 1024px) {

	#corporate .link ul{margin:0 -10px;}
	#corporate .link li a{margin:0 10px 20px;}

}

@media screen and (max-width: 768px) {

	#corporate .relation,
	#corporate .suppliers{width:100%; float:none}

	#corporate > div,
	#corporate .relation{margin:0 0 40px;}

}


@media screen and (max-width: 640px) {

	#corporate .link li{width:50%;}
	#corporate .link li a{height:80px;line-height:80px;}

}


@media screen and (max-width: 480px) {

	#corporate > div,
	#corporate .relation{margin:0 0 30px;}
	#corporate .midd{margin:0 0 20px;}



	#corporate .outline table,
	#corporate .outline table tbody,
	#corporate .outline table tbody tr{
		display:block;
		width:100%;
		margin:0;
		padding:0;
		border:none;
	}
	#corporate .outline table tbody tr th,
	#corporate .outline table tbody tr td{
		display:block;
		width:auto;
		text-align:left;
		border:none;
		margin:0 10px;
		padding:5px 10px;
	}
	#corporate .outline table tbody tr th{
		border-top:#e5e5e5 solid 2px;
		border-bottom:#e5e5e5 dotted 1px;
		font-weight:bold;
	}
	#corporate .outline table{border-bottom:#e5e5e5 solid 2px;}
	#corporate .link ul{margin:0 -1px;}
	#corporate .link li a{
		margin:0 1px 2px;
		height:60px;
		line-height:60px;
		font-size:14px;
	}
}

/*--ボーダー1801--*/

#syabr{
font-weight: bold;
border-bottom: solid 3px skyblue;
position: relative;
}

#syabr:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #000080;
bottom: -3px;
width: 10%;
}


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

	/corporate/philosophy

----------------------------------------------------*/
#environment{
	margin-top:25px;
	padding:20px 50px;
	border:#004782 double 5px;
	box-shadow:0px 3px 4px 0px rgba(0,0,0,0.3);
	-moz-box-shadow:0px 3px 4px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow:0px 3px 4px 0px rgba(0,0,0,0.3);
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#environment h4{
	margin:0 0 40px;
	text-align:center;
	color:#004782;
	font-size:36px;
	font-weight:bold;
	line-height:2;
	letter-spacing:0.3em;
}


#environment dl{
	display:block;
	margin:20px 0;
}
#environment dl dt{
	display:block;
	margin:0 0 10px;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	line-height:2;
	letter-spacing:0.3em;
}
#environment dl dd{
	font-size:16px;
	line-height:1.8;
}
#environment dl dd p{padding:10px 0;}
#environment dl dd ol li{
	list-style:decimal inside;
	padding:5px 0 5px 1.2em;
	text-indent:-1.2em;
}
#environment .sign{
	margin:30px 0 0;
	text-align:right;
	line-height:1.8;
	font-size:16px;
}
#environment .sign small{display:block; font-size:14px;}
#environment .sign b{display:block;font-weight: bold;}

@media screen and (max-width: 1024px) {
	#environment{padding:20px 40px;}
}
@media screen and (max-width: 768px) {
	#environment{padding:0 25px 30px;}
	#environment h4{margin:0 0 30px;}

}
@media screen and (max-width: 640px) {
	#environment{padding:0 15px 20px;}
	#environment h4{font-size:30px;}
	#environment dl dt{font-size:20px;line-height:1.5;letter-spacing:0.2em;}
	#environment dl dd{font-size:14px;line-height:1.5;}
	#environment dl dd p{padding:5px 0;}
	#environment .sign{font-size:14px;}
	#environment .sign small{font-size:12px;}
}
@media screen and (max-width: 480px) {
	#environment{margin-top:30px;}
	#environment .sign{font-size:12px;}
}

#safety{
	margin-top:25px;
	padding:20px 50px;
	border:#004782 double 5px;
	box-shadow:0px 3px 4px 0px rgba(0,0,0,0.3);
	-moz-box-shadow:0px 3px 4px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow:0px 3px 4px 0px rgba(0,0,0,0.3);
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#safety h4{
	margin:0 0 40px;
	text-align:center;
	color:#004782;
	font-size:36px;
	font-weight:bold;
	line-height:2;
	letter-spacing:0.3em;
}


#safety dl{
	display:block;
	margin:20px 0;
}
#safety dl dt{
	display:block;
	margin:0 0 10px;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	line-height:2;
	letter-spacing:0.3em;
}
#safety dl dd{
	font-size:16px;
	line-height:1.8;
}
#safety dl dd p{padding:10px 0;}
#safety dl dd ol li{
	list-style:decimal inside;
	padding:5px 0 5px 1.2em;
	text-indent:-1.2em;
}
#safety .sign{
	margin:30px 0 0;
	text-align:right;
	line-height:1.8;
	font-size:16px;
}
#safety .sign small{display:block; font-size:14px;}
#safety .sign b{display:block;font-weight: bold;}

@media screen and (max-width: 1024px) {
	#safety{padding:20px 40px;}
}
@media screen and (max-width: 768px) {
	#safety{padding:0 25px 30px;}
	#safety h4{margin:0 0 30px;}

}
@media screen and (max-width: 640px) {
	#safety{padding:0 15px 20px;}
	#safety h4{font-size:30px;}
	#safety dl dt{font-size:20px;line-height:1.5;letter-spacing:0.2em;}
	#safety dl dd{font-size:14px;line-height:1.5;}
	#safety dl dd p{padding:5px 0;}
	#safety .sign{font-size:14px;}
	#safety .sign small{font-size:12px;}
}
@media screen and (max-width: 480px) {
	#safety{margin-top:30px;}
	#safety .sign{font-size:12px;}
}

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

	基本方針 

----------------------------------------------------*/
#iso p{
	margin:20px 10px;
	font-size:18px;
	padding-bottm:15px;
}
.iso_list{text-align:center;
	padding-bottm:50px;}
.iso_list ol{
	display:inline-block;
	margin:0 auto;
	padding:15px 30px;
	border:#004782 solid 3px;
}
.iso_list ol li{
	padding:10px 0 10px 1.2em;
	text-indent:-1.2em;
	line-height:1.5;
	text-align:left;
	font-weight: bold;
	list-style:decimal inside;
}

@media screen and (max-width: 768px) {
	#iso p{margin:20px 0;font-size:16px;}
	.iso_list ol{
		display:block;
		width:auto;
		margin:15px;
		padding:10px 20px;
		border:#004782 solid 3px;
	}
}

@media screen and (max-width: 640px) {
	.iso_list ol{margin:15px 0;}
}


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

	/corporate/message

----------------------------------------------------*/
#message .messa{
	margin:0 0 50px;
	line-height:2.2;
}
#message .messa .name{
	margin:20px 0 0;
	padding:0 10px;
	text-align:right;
	font-size:20px;
	font-weight: bold;
}
#message .policy p{
	display:block;
	line-height:1.8;
	margin:15px;
	padding:15px;
	background:#EEE;

}
@media screen and (max-width: 640px) {
	#message .policy p{
		margin:10px 0;
		padding:10px;
	}

}



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

	/corporate/history

----------------------------------------------------*/
#history{border-bottom:#e5e5e5 solid 1px;}
#history dl{
	display:table;
	width:100%;
	border-top:#e5e5e5 solid 1px;
}
#history dl dt,
#history dl dd{
	display:table-cell;
	padding:15px;
	vertical-align:middle;
}
#history dl dt{
	width:150px;
	font-size:16px;
	font-weight:bold;
}
@media screen and (max-width: 640px) {
	#history dl{display:block;padding:10px 0;}
	#history dl dt{line-height:2;}
	#history dl dt,
	#history dl dd{
		display:block;
		padding:0;
		vertical-align:middle;
	}
}


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

	/corporate/access

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


#access{}
#gglmap{
	display:block;
	width:auto;
	height:360px;
	background:#EEE;
	position:relative;
}
#gglmap a{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;


}

.route{margin:30px 0 0;}
.route p.clearfix{margin:30px 0 0;}
.route p.clearfix .upper .middle{
	display:block;
	width:auto;
	height:auto;
	left: 50%;
	top: 50%;
}

.route p.clearfix .left{
	display:block;
	margin:30px 0 0;
	width:53%;
	height:auto;
	float:left;
}
.route p.clearfix .right{
	display:block;
	margin:30px 0 0;
	width:42%;
	height:auto;
	float:right;
}


@media screen and (max-width: 768px) {

	#gglmap{height:300px;}
	
}


@media screen and (max-width: 640px) {

	#gglmap{height:220px;}

	.route p.clearfix .upper,
	.route p.clearfix .middle{
		width:auto;
		float:none;
		margin:30px auto;
	}
}

@media screen and (max-width: 480px) {

	#gglmap{height:140px;}

}