@charset "UTF-8";


/* !Reseting
---------------------------------------------------------- */
body {
	font-family: Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	-webkit-text-size-adjust: none;
	line-height: 1.67;
	color: #333;
	min-width:1000px;
	overflow-x:hidden;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* ie7 */ *:first-child+html body { font-size: 75%; /* 62.5%; */}
/* ie6Below */ * html body { font-size:75%; /* font-size: 62.5%; */}
/* ie8 */ html>/**/body { font-size /*\**/: 75%\9;}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, figure
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}



/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#contents,
.section
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#contents:after,
.section:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #contents,
* html .section
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
/*
body { 
	width:100%;
	overflow:hidden;
	text-align: center;
}
*/
/* !wrapper
---------------------------------------------------------- */
#wrapper {
	position:relative;
	margin: 0 auto;
	width: 100%;
	text-align: left;
}
/* !header
---------------------------------------------------------- */
#headerWrap{}
	.header {
		/* position:fixed; */
		position:relative;
		width:100%;
		height:45px;
		z-index:9911;
	}
/*
	.header.sticky {
		position:fixed;
		top:-100px;
		left: 0;
		right: 0;
		z-index:999;
		-webkit-transition:1s top cubic-bezier(.3, .73, .3, .74);
		-moz-transition:1s top cubic-bezier(.3, .73, .3, .74);
		transition:1s top cubic-bezier(.3, .73, .3, .74);
	}
	body.down .header.sticky {
		top:0;
		border-bottom:1px solid #e5e5e5;
	}
*/
		.headerIn {}
/*
			.headerLogo {
				position:absolute;
				top:14px;
				left:50%;
				margin-left:-38px;
				z-index:1001;
			}
*/
/* !gNavi
---------------------------------------------------------- */
.gNavi {
	width:100%;
	position:relative;
	/*background: url(../../images/navi_bg.png);*/
	z-index:1000;
	color:#000;
}

.gNavi a{
	color:#000;
}

.baseBg {
	background: url(../../images/navi_bg.png);
	color:#FFF;
}

.newBg {
	background: url(../../images/navi_bg2.png);
	color:#FFF;
}

.newBg a{
	color:#FFF;
}

	.gNaviIn {
		position:relative;
		margin: 0 auto;
		/*width: 980px;*/
		width:100%;
		/*height:100px;*/
		text-align: left;
	}

.gNavi  ul {
  display: flex; /*グローバルナビゲーションを横並びに*/
  margin: 0 auto;
  width: 1000px;
  height: 45px;
  text-align: center;
}


.gNavi  ul  li {
  width: 300px;
  height: 45px;
	font-size:14px;
	line-height:45px;
	float:left;
	text-align:center;
}

/*
		.gNavi li.gNav01 {left:50px; background-color:#CCC;}
		.gNavi li.gNav02 {left:350px;}
		.gNavi li.gNav03 {left:650px;}
		.gNavi li.gNav04 {left:586px;}
		.gNavi li.gNav05 {left:754px;}
		.gNavi li.gNav06 {left:873px;}
*/
			.gNavi li a {
				-webkit-transition:all .3s;
				transition:all .3s;
				position:relative;
				overflow:hidden;
				/*color:#000;*/
				text-decoration:none;
			}

.cl-effect-1 a::before,
.cl-effect-1 a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.cl-effect-1 a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.cl-effect-1 a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}



/* mddWrap
------------------------------------- */
.mddWrap {
  position: absolute;
  top: 45px;
  left: 0;
  z-index: 100;
  overflow: hidden;
  width: 100%;
  height: 250px;
  text-align: center;
  background: url(../../images/sub_bg.png);
	display:none;
}
.mddWrap .mddInner {
  margin: 0 auto;
  padding-top: 20px;
  width: 1000px;
  height: 200px;
  line-height: 1.5em;
  text-align: left;
}

.mddInner dl  {  
	width: 1000px;  
	font-size: 12px;
	margin:0 auto;
	padding:0;
	clear:both;
	color:#FFF;

}  

.mddInner dt  {  
	width: 200px;  
	/*padding: 3px;  */
	font-size: 14px;
	margin:0;
	padding:0;
	height:40px;
	line-height:40px;
	float:left;
  background: url(../../images/line_bg.png) repeat-y ;
	text-align:left;
}  

.mddInner dd  {  
	float:left;
	width:800px;
}  

.mddInner dd p  {  
	font-size: 14px;
	margin:0;
	padding:0;
	border:none;
	float:left;
	height:40px;
	line-height:40px;
	margin-right:30px;
} 

.mddInner dd p  a{  
	color:#FFF;
} 




/**********************************************************/
#logo{
	width:1000px;
	margin:0 auto;
}

/* クロスフェード
------------------------------------- */
#fade{
	width:100%;
	height:610px;
	/*margin: 0 auto;*/
	position: relative;
	overflow:hidden;
}

#slideshow {
	position: absolute;
	width:100%;
	height:610px;
	top:  0px;
	left: 0px;
	z-index: 10;
}

#slideshow_catch{
	width:1000px;
	height:610px;
	position: relative;
	margin:0 auto;
	z-index: 20;
}

#slideshow img {
	position: absolute;
	top:  0;
	left: 0;
	z-index: 8;
	opacity: 0.0;
}

#slideshow img.active {
	z-index: 10;
	opacity: 1.0;
}

#slideshow img.last-active {
	z-index: 9;
}

/* ボタン
------------------------------------- */
#btn_block{
	width:100%;
	height:610px;
	/*margin: 0 auto;*/
	position: relative;
  background: url(../../images/bg.jpg) no-repeat;
	background-size: cover;
}
/*
#btn_block2{
	width:1000px;
	height:610px;
	margin: 0 auto;
	position: relative;
  background: url(../../images/bg_title.png) no-repeat;
}
*/
#base{
	width:1000px;
	height:610px;
	margin: 0 auto;
	position: relative;
}

#base_bg{
	width:1000px;
	height:610px;
	position: absolute;
  background: url(../../images/bg123.png) no-repeat;
	left:0;
	top:0;
	z-index:0;
}

#base_btn{
	width:1000px;
	height:610px;
	position: absolute;
	left:0;
	top:0;
	z-index:100;
}





.btn_basic01{
	display:block;
	width:250px;
	height:50px;
	line-height:50px;
	/*padding:14px 0;*/
	border:2px solid #FFF;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	color:#FFF;
	-webkit-transition: all 0.2s ease-in-out;
  	-moz-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}	

.btn_basic01:hover{
	background: rgba(255,255,255,0.6);
	color:#2786cc;
	border:2px solid #2786cc;
	text-decoration:none;
	box-shadow: 0 0 30px rgba(255,255,255,.9);
}	

#btn_block a{
	text-decoration:none;
}

#button1_1 {
	position: absolute;
	top:  100px;
	left:185px;
}
#button1_2 {
	position: absolute;
	top:  100px;
	left:540px;
}
#button1_3 {
	position: absolute;
	top:  160px;
	left:185px;
}

#button2_1 {
	position: absolute;
	top:  265px;
	left:185px;
}

#button2_2 {
	position: absolute;
	top:  330px;
	left:185px;
}

#button2_3 {
	position: absolute;
	top:  395px;
	left:185px;
}

#button2_4 {
	position: absolute;
	top:  265px;
	left:540px;
}

#button2_5 {
	position: absolute;
	top:  330px;
	left:540px;
}
#button2_6 {
	position: absolute;
	top:  395px;
	left:540px;
}

#button2_5 .btn_basic01{
	font-size:18px;
}

#button3_1 {
	position: absolute;
	top:  525px;
	left:185px;
}
#button3_2 {
	position: absolute;
	top:  525px;
	left:540px;
}



/* 問い合わせ
------------------------------------- */
#inq_block{
	width:1000px;
	height:596px;
	margin: 0 auto;
	position: relative;
  background: url(../../images/bg2.gif) no-repeat;
}

/* ボタン */
#inq {
	position: absolute;
	top:  20px;
	z-index: 200;
}

/* Base Button Style */
.btn {
  position: relative;
  display: block;
  width: 200px;
	height:36px;
  /*margin: 20px auto;*/
  /*padding: 10px;*/
  /*background-color: #fff;
  border: 1px solid #ccc;
  color: #000;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transform-style: flat;
  transition: all 250ms ease-out;*/
	margin:0;
	padding:0;
}

.btn2 {
  position: relative;
  display: block;
  width: 251px;
	height:42px;
	margin:0;
	padding:0;
}

.btn:before, .btn:after {
  content: "";
  position: absolute;
  z-index: -2;
  transition: all 250ms ease-out;
}

.btn2:before, .btn2:after {
  content: "";
  position: absolute;
  z-index: -2;
  transition: all 250ms ease-out;
}

/* Raised effect – pushes up on hover */
.paper-raise:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.paper-raise:hover {
  /*border: 1px solid #333333;*/

}
.paper-raise:hover:before {
  box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}

	.fixed{
		position: fixed;
		top: 0;
		left: 0;
	}


/* footer
------------------------------------- */
#bottom_navi{
	width:100%;
	background-color:#0f53b7;
}

#bottom_navi p{
	width:1000px;
	margin:0 auto;
}

#footer{
	width:100%;
	height:538px;
	background: url(../../images/footer_mark.jpg) no-repeat;
	background-size: cover;
}

#footer ul {
	width:1000px;
	margin: 0 auto;
	background: url(../../images/footer_menu.png) no-repeat;
	padding-top: 450px;
}

#footer ul li{
	width:200px;
	float:left;
	list-style-type:none;
	margin: 0px;
	text-align:center;
}

#footer ul li a{
	color:#FFF;
	text-decoration:none;
}

#footer ul li a:hover{
	color:#2348a3;
}

/*下層*/
#cont_header{
	width:1000px;
	margin:0 auto;
	/*background: url(../../images/search.gif) no-repeat top right;*/
}

#list{
	clear:both;
	width:1000px;
	margin:0 auto;
}

#title{
	width:100%;
	height:100px;
	background-color:#f2f2f2;
	border-bottom:2px solid #26479d;
}

#title p{
	width:1000px;
	margin:0 auto;
	color:#000;
	font-size:20px;
	line-height:100px;
}

#company{
	width:997px;
	margin:0 auto;
}

#title2{
	width:100%;
	background-color:#a4b2d6;
}

#title2 p{
	width:1000px;
	margin:0 auto;
}

#entry_block{
	width:100%;
	height:610px;
	/*margin: 0 auto;*/
	position: relative;
  background: url(../../images/entry_bg.jpg) no-repeat;
	background-size: cover;
}

#entry_block p{
	float:left;
}

#btn_entry{
	clear:both;
	position:relative;
	margin-left:50px;
}

#info_block{
	width:100%;
	height:810px;
	/*margin: 0 auto;*/
	position: relative;
  background: url(../../images/bg.jpg) no-repeat;
	background-size: cover;
	padding-top:40px;
}

#info_inn{
	width:990px;
	height:777px;
	margin: 0 auto;
	position: relative;
}

#info1{
	position:absolute;
	left:0;
	top:0;
	width:379px;
}

#info2{
	position:absolute;
	left:391px;
	top:0;
	width:599px;
}

#info3{
	position:absolute;
	left:0px;
	top:400px;
	width:379px;
}

#info4{
	position:absolute;
	left:391px;
	top:277px;
	width:292px;
}

#info5{
	position:absolute;
	left:696px;
	top:277px;
	width:294px;
}

figure {
	position: relative;
	overflow: hidden;
	width: 100%;
}

figcaption {
	position: absolute;
	bottom: -60px;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 60px;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
	color:#FFF;
}

figcaption h3{
	text-align:center;
	padding:10px;
	font-size:14px;
}

figure:hover figcaption {
	bottom: 0;
}

#recruit_block{
	width:1000px;
	height:220px;
	margin: 0 auto;
}