@charset "UTF-8";

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

/*------------Title------------------------------------------------------------*/
div#Title {
	width: 100%;
	max-width: 1900px;
	height: 350px;
	background: inherit !important;
	background-size: !important;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
div#Title div.Anima {
	position: absolute;
	width: 100%;
	height: 350px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
	z-index: 0;
}
div#Title div#Anima01 { background-image: url(../../img/pc/top/anima_p01.jpg); }
div#Title div#Anima02 { background-image: url(../../img/pc/top/anima_p02.jpg); }
div#Title div#Anima03 { background-image: url(../../img/pc/top/anima_p03.jpg); }
div#Title div#Anima04 { background-image: url(../../img/pc/top/anima_p04.jpg); }
div#Title div#Anima05 { background-image: url(../../img/pc/top/anima_p05.jpg); }
div#Title h2 {
	position: absolute;
	width: 100%;
	height: 350px;
	background-image: url(../../img/shadow.png) , url(../../img/sp/top/title.png) , url(../../img/bg01.png);
	background-repeat: repeat-x , no-repeat , repeat;
	background-position: center top , center center , center center;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#Title p { display: none; }


/*------------BgColor------------------------------------*/
.BgColor a {
	display: block;
	padding: 10% 0 6%;
	overflow: hidden;
	background-size: cover;
	transition: opacity .3s;
}
.BgColor a:hover {
	text-decoration: none;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.BgColor h3 {
	height: 30px;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
.BgColor p {
	width: 80%;
	margin: 40px auto 0;
	padding-bottom: 50px;
	background: url(../../img/pc/top/btn_arrow.gif) no-repeat center bottom;
	color: #fff;
}
.BgColor ul {
	list-style: none;
	width: 80%;
	margin: 40px auto 0;
	padding-bottom: 50px;
	background: url(../../img/pc/top/btn_arrow.gif) no-repeat center bottom;
	overflow: hidden;
	color: #fff;
}
.BgColor .ConTxt {
	width: 100%;
	margin: 0 auto;
}

/*------------CompanyBtn------------------------------------*/
div#CompanyBtn {
	width: 100%;
	margin: 80px auto 0;
	overflow: hidden;
}
div#CompanyBtn h3 { background-image: url(../../img/pc/top/company_t.png); }
div#CompanyBtn a { background-color: #0069ab; }
div#CompanyBtn ul li {
	width: 50%;
	text-align: center;
	float: left;
	color: #fff;
}
div#CompanyBtn ul li:before { content: "・"; }

/*------------WorksBtn------------------------------------*/
div#WorksBtn {
	width: 100%;
	margin: 80px auto 0;
	overflow: hidden;
}
div#WorksBtn h2 {
	height: 31px;
	margin-bottom: 30px;
	background: url(../../img/pc/top/works_t.gif) no-repeat center top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}

div#WorksBtn div#Brand h3 { background-image: url(../../img/pc/top/brand_t.png); }
div#WorksBtn div#Product h3 { background-image: url(../../img/pc/top/product_t.png); }
div#WorksBtn div#Inquiry h3 { background-image: url(../../img/pc/top/inquiry_t.png); }

div#WorksBtn div#Brand a { background-color: #1fb8db; }
div#WorksBtn div#Product a { background-color: #4cc6e2; }
div#WorksBtn div#Inquiry a { background-color: #79d4e9; }

/*------------Recruit------------------------------------*/
div#Recruit {
	width: 100%;
	margin: 80px auto 0;
	padding: 20px 0;
	overflow: hidden;
	background: #d4d5d5;
}
div#Recruit a {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 5% 0 2%;
	background: url(../../img/pc/top/bg05.jpg) no-repeat center top;
	background-size: cover;
	transition: opacity .3s;
}
div#Recruit a:hover {
	text-decoration: none;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
div#Recruit .ConTxt {
	width: 100%;
	margin: 0 auto;
}
div#Recruit h3 {
	height: 31px;
	background: url(../../img/pc/top/recruit_t.png) no-repeat center top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#Recruit p {
	width: 80%;
	margin: 40px auto 0;
	padding-bottom: 50px;
	background: url(../../img/pc/top/btn_arrow.gif) no-repeat center bottom;
	color: #0069ab;
}

/*------------News------------------------------------*/
div#News {
	width: 100%;
	margin: 80px auto 0;
	overflow: hidden;
}
div#News h2 {
	height: 31px;
	margin-bottom: 20px;
	background: url(../../img/pc/top/news_t.gif) no-repeat center bottom;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#News div#InNews {
	width: 100%;
	height: 135px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
div#News div#InNews iframe {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}