/* ---------------------------------------------- */

/* メインビジュアルのスタイル*/


#mainvisual { 

	
}




/* ---------------------------------------------- */

/* ナビゲーションのスタイル*/




#gnav {

    background-color:#fff;

	width:960px;
	margin: 0px auto;
	clear:both;
	text-align:center;
	
	position:relative;
	z-index:1000;

}


/* メニューのカレント表示 */


body#toppgae li.gnav2 a {padding-bottom:15px;}

body#episode li.gnav2 a {padding-bottom:15px;}

body#requirements li.gnav3 a {padding-bottom:15px;}

body#entry li.gnav4 a {padding-bottom:15px;}


/* ---------------------------------------------- */

/* メッセージのスタイル*/



.message {
	-moz-border-radius: 6px;    /* Firefox */
	-webkit-border-radius: 6px; /* Safari,Chrome */
	border-radius: 6px;         /* CSS3 */
	background:#fff;
    color:#333;
    width:1024px;
	margin: 0px auto;
	text-align:center;
	padding-top:30px;
	padding-bottom:30px;
}



/* ---------------------------------------------- */

/* エピソードのスタイル*/


body#episode section  {
background:#f3f3f3;
padding-top:50px;

}

.episode {
	-moz-border-radius: 6px;    /* Firefox */
	-webkit-border-radius: 6px; /* Safari,Chrome */
	border-radius: 6px;         /* CSS3 */
	background:#fff;
    color:#333;
    width:90%;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
	padding-bottom:30px;
}

.episode img{
	margin-left:1em;
	margin-right:1em;
}



/*エピソード集　次階層*/


.episode-box-2nd {
	    width:70%;
	margin: 0px auto;
}


.episode-box-2nd p{
	line-height:2em;
}


body#episode .episode h3 {
	text-align:center;

}


body#episode .episode h3 b {
	color:#C5E29F;
	font-size: 6em;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding:0;
	line-height:0;
	font-family:Montserrat;
	font-weight:400;
	display: block;


}

body#episode .episode h3 span {
	color: #385001;
	font-size: 2em;
	font-weight: bold;
	margin-top: -0.5em;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	padding: 0;
	display: block;
	text-indent: 0em;
}

body#episode .episode h4 {
	text-align:center;
		color:#99CC33;
		font-size:120%;

}


body#episode #section01 .episode h3 b {	text-indent: -4em;}
body#episode #section02 .episode h3 b {	text-indent: -4em;}
body#episode #section03 .episode h3 b {	text-indent: -4em;}
body#episode #section04 .episode h3 b {	text-indent: -4em;}
body#episode #section05 .episode h3 b {	text-indent: -4em;}







/* ---------------------------------------------- */

/* 募集要項のスタイル*/




body#requirements section  {

margin-top:50px;

}

.requirements-wrap {
    background:url(../img/bg.jpg)  center repeat-y;
	width:100%;
	padding-top:50px;
	padding-bottom:80px;

}

.requirements-wrap-2nd {

	width:100%;
	padding-top:30px;
	padding-bottom:30px;

}


.requirements {
    clear:both;
    color:#343434;
    width:1024px;
	margin-left:auto;
	margin-right:auto;


}


/*募集要項　次階層*/



.requirements-2nd {
	    width:80%;
	margin: 0px auto;
	padding-top:30px;
	padding-bottom:30px;

}

.requirements-contact-margin {margin-bottom:120px;}



/* 募集概要 フロー */


.flow-box-line-sp {
	display:none;
}


/* ---------------------------------------------- */

/* エントリーのスタイル*/


.entry {
    width:960px;
	padding-top:50px;
	padding-bottom:60px;
	margin-left:auto;
	margin-right:auto;
}



/*==============================================================
アンカー
==============================================================*/


.anchor-point {
    margin-top:-120px;
    padding-top:120px;

}

/* ---------------------------------------------- */

/* サイドバー*/

#sidebar {
	z-index:1000000;
	position:fixed;
	margin-left:20px;
	margin-top:100px;
}

#sidebar ul{
	display:table;
}

#sidebar li {
	margin-bottom:3px;
}

#sidebar li a{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	width:40px;
	height:50px;

	color:#fff;
	background:#000;
	text-decoration:none;
	

	font-family:Montserrat;
	font-weight:400;
	
	text-align:left;
	
	padding-left:10px;
	
	line-height:1;
}


#sidebar li a img{
	vertical-align:middle;
	margin-right:5px;
}


#sidebar li a:hover{background:#99CC33;}



/*エピソード集*/

body#episode #sidebar li a{
	font-size:1.5em;

}

body#episode #sidebar li.on a{
	background:#99CC33;
	}


body#episode #sidebar li a:hover{
	width:300px;
	background:#99CC33;
	font-weight:normal;
	
}


body#episode #sidebar li.ep01 a:hover:after {font-size:16px;margin-left:10px; content: "メーカーを支える影の立役者";}
body#episode #sidebar li.ep02 a:hover:after {font-size:16px;margin-left:10px; content: "変幻自在のチームプレー";}
body#episode #sidebar li.ep03 a:hover:after {font-size:15px;margin-left:10px; content: "世界が「分カリヤスイ」を求めている";}
body#episode #sidebar li.ep04 a:hover:after {font-size:16px;margin-left:10px; content: "あの最新技術にどっぷり浸かる";}
body#episode #sidebar li.ep05 a:hover:after {font-size:16px;margin-left:10px; content: "自由度が高いぶん、責任も";}





/*募集要項*/


body#requirements #sidebar li a:hover{
	width:130px;
	background:#99CC33;	
	font-size:14px;
}

body#requirements #sidebar li.on a{
/*	width:130px; */
	background:#99CC33;
	}

/*
body#requirements #sidebar li.on.req01 a:after {
	font-size:14px;
	content: "求める人物像";
	
 }
*/

body#requirements #sidebar li.req01 a:hover:after {	content: "求める人物像";}
 
 
/* 
body#requirements #sidebar li.on.req02 a:after {
	font-size:14px;
	content: "募集概要";
 }
*/


body#requirements #sidebar li.req02 a:hover:after {	content: "募集概要";}

/* 
body#requirements #sidebar li.on.req03 a:after {
	font-size:14px;
	content: "採用の流れ";
 }
*/

body#requirements #sidebar li.req03 a:hover:after {	content: "採用の流れ";}
 
 /* 
body#requirements #sidebar li.on.req04 a:after {
	font-size:13px;
	content: "お問い合わせ\A　　　　応募書類送付先";
	white-space: pre;
	line-height:0.3;
 }
*/


body#requirements #sidebar li.req04 a:hover { width:250px;}


body#requirements #sidebar li.req04 a:hover:after {

	content: "お問い合わせ・応募書類送付先";
	white-space: pre;

}

body#requirements #sidebar li.req04 a:hover img { }


.requirements-contact .fb-banner {
	margin-right:20px;
	margin-top:20px;
}