@font-face {
  font-weight: normal;
  font-style: normal;
}
/* =======================================================
*
* 	Template Style 
*	Edit this section
*
* ======================================================= */
body {
  line-height: 1.8;
  font-size: 16px;
  background-image:url(../images/back.png);
  color: #000;
  font-weight: 300;
  overflow-x: hidden;
  padding:0;
  margin:0;
  font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

a {
  color: #FFF;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  text-decoration: none;
}
a:hover {
  text-decoration: none !important;
  color: #a30001 !important;
}

ul, ol {
  margin-bottom: 1.5em;
  font-size: 17px;
  color: #000000;
}

h1, h2, h3, h4, h5, h6 {
  color: #000000;
  font-weight: 400;
  margin: 0 0 0 0;
}

hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.clear { clear:both; }  

#menu {
	width:1000px;
	height:40px;
	position: absolute;
	top: 30px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	}

#menu h1 {
	width:300px;
	float:left;
	}

#menu li {
	float:left;
	margin-right:50px;
	list-style:none;	}

#movie {
	width:100%;
	}

#movie h2 {
	width:400px;
	height:100px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	color:#FFF;
	font-size:50px;
	text-align:center;
	}

#about {
	width:100%;
	padding-top:150px;
	margin-bottom:200px;
	text-align:center;
	}

#about h3 {
	font-size:23px;
	line-height:2;
	}

#about p {
	font-size:18px;
	line-height:2;
	}

#about hr {
	width:200px;
	border-bottom:2px solid #a30001;
	margin: 10px auto 30px;
	}
	
	
#process {
	width:1100px;
	height:1300px;
	margin:100px auto 0;
	padding-top:150px;
	text-align:center;
	background-image:url(../images/process.png);
	background-size:570px 1077px;
	background-position: top center;
	background-repeat:no-repeat;
	color:#000000;
	overflow:hidden;
	}
	
#process .title {
	margin-top:10px;
	font-size:28px;
	}
#process .sub {
	font-size:16px;
	}
	
#process .number {
	font-size:36px;
	margin:-20px 0 -10px;
	}
	
#process p {
	font-size:16px;
	line-height:1.5;
	margin:0;
	}

#process .cont01 {
	position: relative;
	top:-230px;
	left:-340px;
	}
	
#process .cont02 {
	position: relative;
	top:-250px;
	left:340px;
	}
	
#process .cont03 {
	position: relative;
	top:-400px;
	left:-380px;
	}
	
#process .cont04 {
	position: relative;
	top:-480px;
	left:340px;
	}
	
#process .cont05 {
	position: relative;
	top:-650px;
	left:-340px;
	}
	
#process img{
-webkit-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
}
#process img:hover {
-webkit-filter: grayscale(0%) ;
filter: none;
}
	
	
#img_space {
	width:100%;
	margin-bottom:50px;
	text-align:center;
	}
	
#container {
   height:400px;
     width:100%;
}
	
#company {
	width:1000px;
	margin: 0 auto;
	padding-top:100px;
	}
#company .cont {
	width:800px;
	margin: 0 auto;
	}
#company .title {
	margin-top:10px;
	font-size:28px;
	text-align:center;
	}
#company .sub {
	font-size:16px;
	text-align:center;
	}
#company dl {
  width:340px;
  float:left;
  padding-left:60px;
}
#company dt {
  float:left;
  clear:left;
  width:90px;
  margin: 10px 0;
}

#company .kizai dt {
  float:left;
  clear:left;
  width:340px;
  margin: 10px 0;
}

#company .kizai p {
	line-height:2.3
}

#company dd {
  float:left;
  width:250px;
  margin: 10px 0;
}
.text {
  margin: 0 0 13px;
}

#recruit {
	width:1000px;
	margin: 0 auto;
	text-align:center;
	padding-top:100px;
	}
#recruit .title {
	margin-top:10px;
	font-size:28px;
	
	}
#recruit .sub {
	font-size:16px;
	}
#recruit p {
	font-size:16px;
	line-height:1.8;
	margin-top:30px;
	}
	
#map {
	width:100%;
	margin: 150px 0 0;
	display:block;
	background-image:url(../images/map_on.png);
	background-size: 100%;
	background-repeat:no-repeat;
	}
	
#map a:hover img {
opacity: .0;
-webkit-opacity: .0;
-moz-opacity: .0;
filter: alpha(opacity=0);	/* IE lt 8 */
-ms-filter: "alpha(opacity=0)"; /* IE 8 */
}

#map a img {
-webkit-transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
-ms-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
	}
	
footer {
	width:1000px;
	margin: 60px auto 40px;
	text-align:center;
	}
	
footer h4 {
	font-size:16px;
	}
address {
	font-size:13px;
	font-style:normal;
	}