@charset "utf-8";

/* 共通
-------------------------------------------------------------------*/
.site_wrapper{
	width: 1100px;
}

.deepbl_bg{
	background-color:#D2E1F8;
	width: 100%;
}
.wrapper_all{
	font-size: 16px;
}


@media screen and (max-width:768px) {
.site_wrapper {
	width: 100%;
}
}
/* スライダー
-------------------------------------------------------------------*/
.pc_slider{
	width:1387px;
	margin:0 auto;
	text-align: center;
	}


.bx-wrapper .bx-pager{
	position: absolute;
    bottom: 30px;
}

/* ヘッダー
-------------------------------------------------------------------*/
.g_nav_bg{
	    border-bottom: 4px solid #0C449B;
}

.head{
	padding-top: 20px;
}
.head li:first-child{
	float: left;
}

.head li:last-child{
	float: right;
	margin-top: 5px;
}
.head .otoi a:before{
	content: url(../img/common/icon_mail.jpg);
		margin-right: 5px;
}

@media screen and (max-width:768px) {
	.head li:first-child{
	float: none;
}
	.head h1 img{
		max-width: 70%;
		height: auto;
		
	}
	.head{
	padding-top: 15px;
		padding-left: 5%;
		padding-bottom: 15px;
		margin-bottom: 0;
		border-bottom: 4px solid #0C449B;
		
}
	header{
		position: fixed;
		top: 0;
		left: 0;
		height: 60px;
		background-color: #fff;
		width: 100%;
		z-index: 100;
	}
	
	#content{
		/* margin-top: 70px; */
		margin-top: 60px;
	}
}
/* PCナビゲーション
-------------------------------------------------------------------*/
.g_nav li{
	text-align: center;
	padding: 15px 0;
	}

.g_nav li span{
	width: 218px;
	border-right: 1px solid #eee;
	display: block;
}
.g_nav li:hover{
	background-color: #f0f0f0;
	}
.g_nav li:last-child{
	border-right: none;
}
.g_nav li img{
	vertical-align: middle;
}


.g_nav a {
	opacity: 1.0;
	}

.g_nav .current
{
		background-color: #f0f0f0;
		}

.g_nav .g-onmenu {
		background-color: #f0f0f0;
		}

.submenu .sub-onmenu a{
		background-color: #0c449b;
		color: #fff;
		z-index:100;
		opacity: 1.0;
	}

/*サブメニュースライドダウン
-------------------------------------------------------------------*/
#company .dropDownMenu{
	display: block;
}
#contact .dropDownMenu{
	display: block;
}
#environment .dropDownMenu2{
	display: block;
}
#product .dropDownMenu3{
	display: block;
}
#recruit .dropDownMenu4{
	display: block;
}
.dropDownMenu { display:none; }
.dropDownMenu2 { display:none; }
.dropDownMenu3 { display:none; }
.dropDownMenu4 { display:none; }
.submenu li{
	float: left;
	width: 182px;
	border-right:1px solid #fff;
	text-align: center;
}

.submenu li.mini {
	float: left;
	width: 85px;
	border-right:1px solid #fff;
	text-align: center;
}
.submenu .mini a{
		background-color: #B3CEF9;
		color: #fff;
		z-index:100;
		opacity: 1.0;
	}
.submenu li:first-child{
	border-left:1px solid #fff;
}
.submenu li a{
	display: block;
	padding: 5px 0;
	margin: 12px 0;
	text-align: center;
}
.submenu li.twoline a{
	margin: 0;
}

.submenu li.last{
	border: none;
}

.submenu ul{
	background-color: #f0f0f0;
	height: 60px;
	z-index: 1;
}

.submenu a li:hover{
	background-color:#0C449B;
	color: #fff;
	z-index: 100;
	opacity: 1.0;
}

.submenu a:hover{
	background-color:#0C449B;
	color: #fff;
	z-index: 100;
	opacity: 1.0;
}
.submenu .mini a:hover{
	background-color:#4B8DF1;
	color: #fff;
	z-index: 100;
	opacity: 1.0;
}

.submenu .onmenu.mini a{
	background-color:#4B8DF1;
	color: #fff;
}
/* フッター
-------------------------------------------------------------------*/
.to_top img{
	padding: 15px 0;
}

.to_top{
	margin: 60px 0 40px 0;
}
footer .banar{
	margin-bottom:30px; 
}
footer .banar li img{
	width: 250px;
}

footer .banar li{
	float: left;
	height: auto;
	margin-right: 33px;
}

footer .banar li:last-child{
	margin-right: 0;
}

footer .deepbl_bg p{
	text-align: right;
	font-size: 12px;
	padding:10px 70px 10px 0; 
}
@media screen and (max-width:768px) {
	footer .banar{
		width: 96%;
		margin: 0 auto;
	}
	footer .banar li img{
		width: 100%;
		height: auto;
	}
	footer .banar li{
		width: 49%;
		margin-right: 0;
		margin-bottom: 10px;
	}
	footer .banar li:nth-child(odd){
		margin-right: 2%; 
	}		
	
	footer .deepbl_bg p{
		text-align: center;
		padding-right: 0;
	}
	.to_top{
	margin: 30px 0 20px 0;
}
	footer .scale60 img{
		width: 60%;
		height: auto;
		margin: 15px 0 20px 0;
	} 
}
/* フッターナビ
-------------------------------------------------------------------*/
.footer_nav{
	margin: 0 auto;
	width:990px;
	margin-bottom: 30px;
}
.footer_nav div{
	float: left;
	/* padding-left: 70px; */
	padding-left: 64px;
	line-height: 1.8em;
	}
.footer_nav div:nth-child(2){
    width: 22%;
	}
.footer_nav div:nth-child(3){
	padding-left: 18px;
	}
.footer_nav div.none{
	padding-left: 0;
}
.footer_nav dd{
	padding-left: 1.5em;
    text-indent: -1em;
}

.footer_nav dd:before{
	content: "";
	display: inline-block;
	width: 4px;
	height: 8px;
	background:#0C449B;
	margin-right: 8px;
}

.footer_nav dd.kaso:before{
	content: "";
	display: inline-block;
	width: 4px;
	height: 8px;
	background:#4B8DF1;
	margin-right: 8px;
	margin-left: 8px;
}
.footer_nav img{
	margin-top: 10px;
}

/* トップページ
-------------------------------------------------------------------*/
.top .section1{
	background-color:#eef2f8;
	margin-bottom: 50px;
}

.top .section1 .box{
	width:300px;
	padding: 20px;
	background-color: #fff;
	box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
}
.top .section1 .bnrbox{
	box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
}

.top .section1 .box h2{
	text-align: center;
	border-bottom: 2px solid #0C449B;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.top .section1 .pr{
	padding-top: 45px;
	padding-bottom: 45px;
	}
@media screen and (max-width:768px) {
	.top .section1 .box{
	width:auto;
	padding: 20px 4%;
}
	.top .section1 .img{
		width: 100%;
		height: auto;
	}
	.top .section1 h2 img{
			max-width: 100%;
		
}
}


@media screen and (max-width:768px) {
	.top .section2 .bg_image1,.top .section2 .bg_image2{
		background: none;
	}}
.top .section2 h2{
	color: #0C449B;
	font-size: 24px;
	position: relative;
    text-align: center;
	margin-bottom: 20px;
}
.top .section2 h2 span{
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	background-color: #fff;
	text-align: left;

}
.top .section2 h2:before {
    position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	background-color: #ddd;
}

.top .section2 .info h3{
	color: #0C449B;
}


.top .section2 .info dt{
	
	height: 95px;
	width: 100px;
	padding: 0 25px;
	display: table-cell;
	line-height: 1.8;
 vertical-align: middle;
	background-color: #eef2f8;
}
.top .section2 .info dd{
	background-color: #fff;
	width: 900px;
	height: 95px;
	padding: 0 25px;
	display: table-cell;
	line-height: 1.8;
 vertical-align: middle;
}

.top .section2 .info{
	border-bottom: 1px solid #ccc;
}
.top .section2 .btn{
	margin-top: 70px;
	text-align: center;
}
	@media screen and (max-width:768px) {
		.top .section2 .info{
			width: 100%;
		}
		.top .section2 .info dt{
			height: auto;
			width: 20%;
			padding:10px;
			box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
					}	
		
		.top .section2 .info dd{
			width: 60%;
			height: auto;
			box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	
			padding-top: 10px;
		padding-bottom: 10px;
}

		.top .section2 .btn{
	margin-top: 45px;
		}}