@charset "UTF-8";

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

/*------------LogoTel------------------------------------------------------------*/
div#LogoTel {
	width: 94%;
	margin: 0 auto;
	padding: 70px 0;
	overflow: hidden;
}
div#LogoTel div#Logo {
	margin: 0 auto;
	float: none;
}
div#LogoTel div#Logo h2 a {
	display: block;
	height: 0;
	padding-top: 25.07122507122507%;
	background: url(../../img/header_logo.png) no-repeat left top;
	background-size: cover;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#LogoTel p#HeaderTxt {
	display: block;
	margin-top: 25px;
	height: 85px;
	background-image: url(../../img/pc/top/header_line.gif) , url(../../img/sp/top/header_txt.png);
	background-repeat: no-repeat;
	background-position: center top , center bottom;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#LogoTel p,
div#LogoTel dl { display: none; }

/*------------Wrap------------------------------------------------------------*/
div#Wrap {
	width: 96%;
	margin: 0 auto;
	padding: 80px 0 120px;
	overflow: hidden;
}

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

/*------------Title------------------------------------*/
div#Title {
	width: 100%;
	margin-bottom: 0;
	background: none;
}
div#Title h2 {
	height: 48px;
	background: url(../../img/sp/top/top_txt.png) no-repeat center top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#Title p {
	margin: 40px auto 0;
	line-height: 1.7;
	text-align: center;
}

/*------------WorksBtn------------------------------------*/
div#WorksBtn {
	width: 100%;
	margin-top: 70px;
}
div#WorksBtn h3 {
	height: 65px;
	margin-bottom: 15px;
	background: url(../../img/pc/top/works_t.png) no-repeat center top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#WorksBtn ul {
	width: 100%;
	margin: 0 auto;
	list-style: none;
	overflow: hidden;
}
div#WorksBtn ul li {
	width: 100%;
	position: relative;
}
div#WorksBtn ul li h4,
div#WorksBtn ul li p { display: none; }
div#WorksBtn ul li a {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center , center 90%;
	background-size: 90% , auto;
	position: absolute;
	z-index: 5;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#WorksBtn ul li#WMBtn01 a {
	background-color: rgba(0, 143, 0, 0.65);
	background-image: url(../../img/pc/top/works_t01.png) , url(../../img/pc/top/works_arrow.png);
}
div#WorksBtn ul li#WMBtn02 a {
	background-color: rgba(140, 200, 65, 0.65);
	background-image: url(../../img/pc/top/works_t02.png) , url(../../img/pc/top/works_arrow.png);
}
div#WorksBtn ul li#WMBtn03 a {
	background-color: rgba(55, 180, 75, 0.65);
	background-image: url(../../img/pc/top/works_t03.png) , url(../../img/pc/top/works_arrow.png);
}
div#WorksBtn ul li div {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
div#WorksBtn ul li img {
  max-width: 100%;
  vertical-align: top;
  -webkit-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
div#WorksBtn ul li:hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}


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

/*------------RecBtn------------------------------------*/
div#RecBtn {
	width: 100%;
	max-width: 1200px;
	margin: 35px auto 0;
	position: relative;
}
div#RecBtn h2 {
	display: block;
	width: 100%;
	height: 83px;
	background-image: url(../../img/pc/top/recruit_t.png) , url(../../img/pc/top/recruit_bg.png);
	background-repeat: no-repeat;
	background-position: center center , center bottom;
	background-size: 50% , auto;
	position: absolute;
	z-index: 10;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#RecBtn a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 5;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
div#RecBtn p {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
div#RecBtn img {
  width: 180%;
  vertical-align: top;
  -webkit-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
div#RecBtn:hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}