@charset "utf-8";
/*==========================================================
File name: style.css
Description: 個別スタイル定義
Author:　
Editor:　
Date:　2014/10
Update:　
Table of contents:
・01：トップ
==========================================================*/
/*--------------------------------------------------------------
01：トップ
---------------------------------------------------------------*/
#home{
	background:#121212;
}
#home #loading{
	position:fixed;
	top:50%;
	left:50%;
	z-index:10000;
	margin:-10px 0 0 -10px;
}
#home #contents{
	display:none;
}
#home #contents #mv{
	position:fixed;
	top:0;
	left:0;
	z-index:100;
}
#home #contents #mvImg{
	position:fixed;
	top:0;
	left:0;
	z-index:100;
}
#home #contents .dotWrap{
	background:url(../img/home/bg-dot.png) top left repeat;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	width:100%;
	height:100%;
}
/*トップ*/
#home #contents article #main,
#home #contents article .main{
	/*height:750px;*/
	height:1500px;1
	background: transparent;

	position:relative;
	z-index:200;
}	
#home #contents article #main #mv01Img,
#home #contents article .main #mv01Img{
	position:absolute;
	top:329px;
	left:236px;
	z-index:300;
	display:none;
}
/*経営理念*/
#home #contents article #management{
	/*height:750px;*/
	height:1500px;
	background: transparent;

	position:relative;
	z-index:200;
}
#home #contents article #management #mv02Img{
	position:absolute;
	/*top:66px;*/
	top:166px;
	left:0px;
	z-index:300;
	display:none;
}
#home #contents article #management #mv03Img{
	position:absolute;
	/*top:432px;*/
	top:532px;
	left:100px;
	z-index:300;
	display:none;
}
/*代表挨拶*/
#home #contents article  #greeting{
	background:transparent;

	width:100%;
	height:1295px;
	min-width:960px;
	position:relative;
	z-index:200;
}
#home #contents article  #greeting #greetingTtl{
	position:absolute;
	margin:89px 0 0;
	top:0px;
	right:-50px;
	z-index:300;
	display:none;
}
#home #contents article  #greeting #greetingMovie{
	position:absolute;
	margin:789px 0 0;
	top:0px;
	right:0;
	z-index:300;
	/*cursor:pointer;*/
}
#home #contents article  #greeting #greetingFillter{
	background:#000;
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	zoom:1;
	width:100%;
	height:100%;
	min-width:960px;
	z-index:200;
}
#home #contents article  #greeting #greetingSlanting{
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
}
#home #contents article  #greeting #greetingPresident{
	position:absolute;
	margin:263px 0 0;
	margin:110px 0 0;

	top:0;
	left:0;
	z-index:300;
}
/*企業文化*/
#home #cultureBg{
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	display: none;
}

#home #cultureBg img{
	width:100%;
	height:100%;
}
#home #contents article  #culture{
	background:transparent;
	width:100%;
	height:1295px;
	min-width:960px;
	position:relative;
}
#home #contents article  #culture #cultureTtl{
	position:absolute;
	top:62px;
	left:25px;
	z-index:300;
	display:none;
}
#home #contents article  #culture #cultureImg{
	position:absolute;
	top:172px;
	right:0px;
	z-index:300;
	display:none;
	width:688px;
	height:688px;
	background:url(../img/culture/img_culture.png) top left no-repeat;
	padding:320px 0 0;
	text-align:center;
}
#home #contents article  #culture #cultureImg h2{
	 font-size:17px;
	 letter-spacing:0.1em;
	 line-height:1;
	 font-weight:bold;
	 padding:30px 0 10px;
}
#home #contents article  #culture #cultureImg h2:first-child{
	padding-top:0;
}
#home #contents article #culture #cultureImg p{
	line-height:2;
	letter-spacing:0.1em;
}

/*事業内容*/
#home #contents article #project{
	position:relative;
	z-index:100;
}
#home #contents article #project #projectWrap{
	position:relative;	
}
#home #contents article #project #projectWrap div #projectTtl{
	position:absolute;
	top:130px;
	left:210px;
	z-index:200;
	width:541px;
}
#home #contents article #project #projectWrap div #projectTtl #projectTtl01{
	position:relative;
	left:-50px;
	padding:0 0 70px 125px;
}
#home #contents article #project #projectWrap div #projectTtl #projectTtl02{
	position:relative;
	right:-50px;
}

#home #contents article #project #projectWrap div #projectTtl p{
	color:#fff;
	font-size:15px;
	letter-spacing:0.2em;
	padding:35px 0 0;
	text-align:center;
	text-shadow:0 0 5px #000;
}
#home #contents article #project #projectWrap #projectImg{
	width:100%;
	min-width:960px;
}
#home #contents article #project #pjList{
}
#home #contents article #project #pjList > li{
	position:relative;
}
#home #contents article #project #pjList > li > img{
	width:100%;
	min-width:960px;
}
#home #contents article #project #pjList > li > div{
	width:100%;
	height:100%;
	background: rgba(255, 255, 255, 0.7); 
	position:absolute;
	top:0;
	left:0;
	display:none;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77ffffff,EndColorStr=#77ffffff);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77ffffff,EndColorStr=#77ffffff)";
}
#home #contents article #project #pjList > li > div:not(:target){
	filter: none;
	-ms-filter: none;
}
#home #contents article #project #pjList > li > div > div{
	display:none;
}
#home #contents article #project #pjList > li > div > div ul{
}
#home #contents article #project #pjList > li > div > div ul li{
	float:left;
}
#home #contents article #project #pjList > li > #pjWrap1 > div ul li:first-child{
	width:229px;
	padding:78px 0 0 31px;
}
#home #contents article #project #pjList > li > #pjWrap1 > div ul li p{
	line-height:2;
	letter-spacing:0.1em;
	padding:85px 0 20px;
}
#home #contents article #project #pjList > li > #pjWrap2 > div ul li:first-child{
	width:248px;
	padding:81px 0 0 12px;
}
#home #contents article #project #pjList > li > #pjWrap2 > div ul li p{
	line-height:2;
	letter-spacing:0.1em;
	padding:95px 0 0;
}
#home #contents article #project #pjList > li > #pjWrap3 > div ul li:first-child{
	width:259px;
	padding:78px 0 0 1px;
}
#home #contents article #project #pjList > li > #pjWrap3 > div ul li p{
	line-height:2;
	letter-spacing:0.1em;
	padding:85px 0 20px;
}
#home #contents article #project #pjList > li > #pjWrap4 > div ul li:first-child{
	width:247px;
	padding:78px 0 0 13px;
}
#home #contents article #project #pjList > li > #pjWrap4 > div ul li p{
	line-height:2;
	padding:85px 0 20px;
}
#home #contents article #project #pjList > li > #pjWrap5 > div ul li:first-child{
	width:260px;
	padding:81px 0 0 0;
}
#home #contents article #project #pjList > li > #pjWrap5 > div ul li p{
	line-height:2;
	letter-spacing:0.1em;
	padding:85px 0 20px;
}
#home #contents article #project #pjList > li > #pjWrap6 > div ul li:first-child{
	width:228px;
	padding:79px 0 0 32px;
}
#home #contents article #project #pjList > li > #pjWrap6 > div ul li p{
	line-height:2;
	letter-spacing:0.1em;
	padding:100px 0 20px;
}
#home #contents article #project #pjList > li > #pjWrap7 > div ul li:first-child{
	width:211px;
	padding:98px 0 0 49px;
}
#home #contents article #project #pjList > li > #pjWrap7 > div ul li p{
	line-height:2;
	letter-spacing:0.1em;
	padding:90px 0 20px;
}
#home #contents article #project #pjList > li > #pjWrap8 > div ul li:first-child{
	width:217px;
	padding:99px 0 0 43px;
}
#home #contents article #project #pjList > li > #pjWrap8 > div ul li p{
	line-height:2;
	letter-spacing:0.1em;
	padding:75px 0 20px;
}
#home #contents article #project #pjList > li > #pjWrap9 > div ul li:first-child{
	width:248px;
	padding:97px 0 0 12px;
}
#home #contents article #project #pjList > li > #pjWrap9 > div ul li p{
	line-height:2;
	letter-spacing:0.1em;
	padding:110px 0 0;
}
#home #contents article #project #pjList > li > #pjWrap10 > div ul li:first-child{
	width:246px;
	padding:99px 0 0 14px;
}
#home #contents article #project #pjList > li > #pjWrap10 > div ul li p{
	line-height:2;
	letter-spacing:0.1em;
	/*width:400px;*/
	padding:95px 0 0;
}
#home #contents article #project #pjList > li > #pjWrap11 > div ul li:first-child{
	width:251px;
	padding:105px 0 0 9px;
}
#home #contents article #project #pjList > li > #pjWrap11 > div ul li p{
	line-height:2;
	/*width:400px;*/
	letter-spacing:0.1em;
	padding:65px 0 20px;
}
/*グループ*/
#home #contents article #group{
	background:#fff;
	position:relative;
	z-index:100;
}
#home #contents article #group #groupTtl{
	text-align:center;
	padding:86px 0 65px;
}
#home #contents article #group #groupTtl img{
	position:relative;
	top:0;
	left:-50px;			
	display:none;
}
#home #contents article #group ul{
	width:800px;
	height:704px;
	margin:0 auto;
	padding:0 0 100px;
}
#home #contents article #group ul li{
	display:none;
	width:266px;
	height:150px;
	float:left;
	border-right:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
	position:relative;
}
#home #contents article #group ul li img:first-child{
	position:absolute;
	top:0;
	left:0;
	box-shadow: #000 0 0 0;
}
#home #contents article #group ul li img:last-child{
	position:absolute;
	top:0;
	left:0;
	display:none;
	box-shadow: #000 0 0 0;
}
#home #contents article #group #groupInfo{
	width:100%;
	height:185px;
	background:url(../img/group/bg.gif) top left repeat;
}
#home #contents article #group #groupInfo div{
	text-align:center;
	padding:49px 0 0;
}
#home #contents article #group #groupInfo div p{
	color:#fff;
	font-size:13px;
	padding:24px 0 0;
	text-shadow:0 0 3px #000;
	line-height:2;
	letter-spacing:0.1em;
}
#home #contents article #group #gMap{
	width:100%;
	height:400px;
}
/*リクルート*/
#home #contents article #recruit,
#home #contents article .recruit{
	visibility:hidden;
	background:#fff;
	height:1000px;
	position:relative;
	z-index:100;
	min-width:960px;
}
#home #contents article #recruit #recruitTtl,
#home #contents article .recruit #recruitTtl{
	position:absolute;
	top:155px;
	left:30px;
}
#home #contents article #recruit #recruitBtn,
#home #contents article .recruit #recruitBtn{
	position:absolute;
	top:399px;
	left:80px;
}
#home #contents article #recruit div #recruitTxt,
#home #contents article .recruit div #recruitTxt{
	position:absolute;
	top:195px;
	left:475px;
	width:450px;
	font-size:13px;
	line-height:2;
	letter-spacing:0.1em;
}