@charset "UTF-8";

/*--------------------------------------------------------------------
index.html	(トップページ)
top.css
--------------------------------------------------------------------*/

/*------------Header---------------------------------------------------------------*/
div#Header {
	height: 500px;
	background: url(../../img/pc/top/anima01.jpg) repeat-x center top;
	position: relative;
}
div#InHeader,
div#Global {
	position: relative;
	z-index: 10;
}
div#TopTitle {
	width: 100%;
	height: 500px;
	position: absolute;
	z-index: 0;
	overflow: hidden;
}
div#TopTitle div.Anima {
	position: absolute;
	width: 100%;
	height: 500px;
	background-repeat: no-repeat;
	background-position: top center;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
	z-index: 0;
}
div#TopTitle div#Anima01 { background-image: url(../../img/pc/top/anima02.jpg); }
div#TopTitle div#Anima02 { background-image: url(../../img/pc/top/anima03.jpg); }
div#TopTitle div#Anima03 { background-image: url(../../img/pc/top/anima04.jpg); }
div#TopTitle div#Anima04 { background-image: url(../../img/pc/top/anima05.jpg); }
div#TopTitle h1,
div#TopTitle p { display: none; }


/*------------LogoCont------------------------------------------------------------*/
div#LogoCont { display: none; }

/*------------Global------------------------------------------------------------*/
div#Global { margin-top: 465px; }

/*------------Wrap------------------------------------------------------------*/
div#Wrap {
	width: 100%;
	padding-top: 130px;
	position: relative;
}

/*------------Pan------------------------------------------------------------*/
div#Pan,
div#Title { display: none; }

/*------------Keyword------------------------------------*/
div#Keyword {
	width: 100%;
	margin-top: 35px;
	padding-top: 30px;
}
div#Keyword h2 {
	height: 84px;
	background: url(../../img/pc/top/keyword_t.png) no-repeat center top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#Keyword div#KeyTxt {
	width: 760px;
	margin: 35px auto 0;
}
div#Keyword div#KeyTxt ol {
	height: 84px;
	background: url(../../img/pc/top/keyword_p.jpg) no-repeat center top;
}
div#Keyword div#KeyTxt ol * { display: none; }
div#Keyword div#KeyTxt p {
	margin-top: 30px;
	text-align: center;
	font-size: 92.85714285714286%;
}


/*------------Policy------------------------------------*/
div#Policy {
	width: 730px;
	margin: 60px auto 0;
	overflow: hidden;
}
div#Policy ul {
	width: 100%;
	list-style: none;
	overflow: hidden;
}
div#Policy ul li { width: 300px; }
div#Policy ul li:nth-child(odd)  { float: left; }
div#Policy ul li:nth-child(even) { float: right; }
div#Policy ul li a {
	display: block;
	padding: 0.25em 20px;
	background: #003b8a url(../../img/pc/btn_arrow.png) no-repeat right center;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-align: center;
	font-size: 157.1428571428571%;
	color: #fff;
	transition: opacity .3s;
}
div#Policy ul li a:hover {
	text-decoration: none;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}


/*------------NewsRecr------------------------------------*/
div#NewsRecr {
	width: 980px;
	margin: 60px auto 0;
	overflow: hidden;
}
div#NewsRecr div#InNews h2 { display: none; }
div#NewsRecr div#InNews {
	width: 545px;
	height: 135px;
	padding: 40px 0 0 20px;
	background: url(../../img/pc/top/news_t.gif) no-repeat left top;
	float: left;
}
div#NewsRecr div#InNews iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
div#NewsRecr div#Recruit {
	width: 370px;
	height: 175px;
	padding: 7px 12px 16px;
	background: url(../../img/pc/top/recruit_shadow.png) no-repeat left top;
	float: right;
}
div#NewsRecr div#Recruit a {
	display: block;
	height: 175px;
	background: url(../../img/pc/top/recruit_btn.jpg) no-repeat left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
	transition: opacity .3s;
}
div#NewsRecr div#Recruit a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}