@charset "UTF-8";
 /* CSS Document */
/*一旦*/
/*
#bgBlock,
#bgBlock .img-h1,
.whiteCover,
#bgBlock #btnFist,
#sceneFirst,
.bg-curtain{display:none !important;}
*/
/*一旦*/



#recruit{
 	background-color:#000;
 }
#recruit #footer{
	position:absolute;
	bottom:0;
}
#container{
	height:/*jsで指定*/;
}

/*背景としての画像*/
#bgBlock{z-index:950;
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
}
#bgBlock > *{
	position:absolute;
	left:50%;
}
#bgBlock .img-h1{z-index:700;
	margin-left:-563px;
	bottom:380px;
}

#bgBlock .img-h1light{z-index:600;
	margin-left:-960px;
	bottom:160px;
}

#bgBlock .img-smoke{z-index:500;
	margin-left:-960px;
	bottom:0;
}

#bgBlock .img-woman{z-index:400;
	margin-left:-246px;
	bottom:0;
}

#bgBlock .img-light{z-index:300;
	margin-left:-960px;
}

#bgBlock .imgbg-smoke{z-index:200;
	margin-left:-960px;
	bottom:-200px;/*load後0*/
}

#bgBlock .imgbg{z-index:100;
	margin-left:-960px;
	top:-200px;/*load後0*/
}
#bgBlock .imgbg-smoke,
#bgBlock .imgbg,
#bgBlock .img-h1,
#bgBlock .img-h1light,
#bgBlock .img-smoke,
#bgBlock .img-light{opacity:0;}


/*click前にopacity:0;*/
#btnFist,
.whiteCover,
#sceneFirst,
#scene-last{opacity: 0;}

/*clickボタン*/
#btnFist{z-index:10000;
	width:177px;
	height:89px;
	margin-left:-88px;
	position:fixed;
	bottom:0;
	left:50%;
	background: url(../img/btn-bg.png);
}
#btnFist:hover img{opacity:0.7;}

.clkClear{/*click後にopacity:0;になるclass*/}

/*click押下後#bgBlockの上に被せる幕*/
.whiteCover{
	background:#FFF;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:800;
	/*click後opacity:0.6;*/
}


/*新たな役者を*/
#sceneFirst{z-index:900;
	width:100%;
	position:absolute;
	top:300px;
}
#sceneFirst .scene1Bg{
	width:960px;
	padding:30px 30px 300px;/*文の最後を画面半分まで上げる為、PBは多目に取る*/
	margin:0px auto;
	color:#ccc;
}
#sceneFirst h1{
	padding:15px 0 20px 0;
	text-align:center;
}
#sceneFirst p{
	padding-left:20px;
	color: #000;
	font-size:18px;
	font-weight: bold;
	text-align:center;
	line-height:48px;
}

/*応募と選考*/
div.mynavi {
	color: #fff;
	font-size: 14px;
	text-align: center;
	margin: -25px auto 12px;
	font-weight: bold;
}
div.mynavi a {
	text-decoration: underline;
}

.bg-curtain{
	width:100%;
	top:-1900px;/*jsで0にする*/
	position:absolute;
	z-index:920;
}
.bg-curtain .curtainY{
	background:url(../img/curtain_bg_y.png) left top repeat-y;
	background-size:100% auto;
}
.bg-curtain .curtainTp{
	background:url(../img/curtain_bg_top.png) left top no-repeat;
	background-size:100% auto;
}
.bg-curtain .curtainBtm{
	background:url(../img/curtain_bg_btm.png) left top no-repeat;
	background-size:100% 60px;
	width:100%;
	height:60px;
	padding-bottom:100px;
}
.bg-curtain #requirements{
	width:1200px;
	margin:0px auto;
	padding-top:100px;
	padding-bottom: 120px;
	opacity:0;
}
.bg-curtain h2{
	width:100%;
	margin-bottom:24px;
	text-align:center;
}
.bg-curtain table {
	color:#f1f1f1;
	width:100%;
}
.bg-curtain table + h2 {margin-top:72px;}
.bg-curtain table address {
	background:#3c3c3c;
	width:540px;
	padding:12px 20px;
	margin:12px;
}
.bg-curtain table address h3:before {display:none;}
.bg-curtain table a {color:#3ee9fd;}
.bg-curtain table h3 {
	font-weight:bold;
	color:rgb(255, 255, 255);
}
.bg-curtain table h3:before {content:"\25CF";}
.bg-curtain table p + h3 {margin-top:12px;}
.bg-curtain td, .bg-curtain th {
	border:solid 1px #FFF;
	padding:12px;
}
.bg-curtain th {
	background-color:#000;
	background-color:rgba(0,0,0,0.9);
	width:10%;
	font-size:14px;
	text-align:center
}
.bg-curtain td {
	background-color:#000;
	background-color:rgba(0, 0, 0, 0.6);
	width:40%;
	font-size:13px;
	line-height:30px;
	text-align:left;
}
.resume { color: rgb(240, 71, 71);}
.ppt {color: rgb(35, 188, 35);}

/*まずは一杯*/
#scene-last{
	background: url(../img/scene5_bg.jpg) center top no-repeat;
	width: 100%;
	height:/*windowHeight*/;
	position:fixed;
	top:0;
	left: 0;
	z-index:900;
}
#scene-last img{
	width: 100%;
}