@charset "UTF-8";

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


/*------------Header------------------------------------------------------------*/
div#Header {
	min-height: 600px;
	background: url(../../img/title_bg.jpg) no-repeat center center;
	background-size: cover;
}
div#Header:before { background-color: rgba(0, 48, 135, 0); }
div#Header h1 {
	top: 35%;
	left: 50%;
	-webkit-transform: translate(-50% , -50%);
	    -ms-transform: translate(-50% , -50%);
	        transform: translate(-50% , -50%);
}
div#Header p {
	position: absolute;
	display: block;
	width: 768px;
	height: 101px;
	background: url(../../img/title_pc.png) no-repeat left top;
	top: 70%;
	left: 50%;
	-webkit-transform: translate(-50% , -50%);
	    -ms-transform: translate(-50% , -50%);
	        transform: translate(-50% , -50%);
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
	z-index: 2;
}

/*------------Contents---------------------------------------------------------------*/
div#Contents { padding-top: 115px; }


/*------------TopTxt------------------------------------*/
div#TopTxt {
	position: relative;
	padding-bottom: 125px;
}
div#TopTxt h2 {
	text-align: center;
	line-height: 1.2;
	font-family: "ヒラギノ明朝 Pro W3" , "HiraMinPro-W3" , "游明朝" , "Yu Mincho" , "游明朝体" , Garamond , "Times New Roman" , "Sawarabi Mincho" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 2.5em;
	color: #ffa100;
}
div#TopTxt p {
	margin-top: 20px;
	text-align: center;
	font-size: 0.85em;
}


/*------------Works------------------------------------*/
div#Works {
	position: relative;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}
div#Works ul {
	width: 100%;
	margin: 0 auto;
	list-style: none;
	overflow: hidden;
}
div#Works ul li {
	position: relative;
	width: 50%;
	float: left;
}
div#Works ul li div {
	position: relative;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
div#Works ul li img {
	max-width: 100%;
	vertical-align: top;
	-webkit-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out;
}
div#Works ul li div:hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
div#Works ul li a {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
	z-index: 2;
	transition: all 0.35s ease-out;
}
div#Works ul li span {
	position: absolute;
	display: block;
	width: 100%;
	height: 160px;
	bottom: 0;
	left: 0;
	z-index: 1;
}
div#Works ul li:nth-child(1) span { background-color: rgba(0, 48, 135, 0.7); }
div#Works ul li:nth-child(2) span { background-color: rgba(0, 184, 232, 0.7); }
div#Works ul li h3 {
	position: absolute;
	width: 100%;
	height:100%;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50% , -50%);
	    -ms-transform: translate(-50% , -50%);
	        transform: translate(-50% , -50%);
	z-index: 1;
}
div#Works ul li:nth-child(1) h3 { background-image: url(../../img/works_t01.png); }
div#Works ul li:nth-child(2) h3 { background-image: url(../../img/works_t02.png); }
div#Works ul li p { display: none; }


/*------------News------------------------------------*/
div#News {
	width: 100%;
	max-width: 980px;
	margin: 55px auto 0;
	overflow: hidden;
}
div#News h2 {
	height: 50px;
	margin-bottom: 20px;
	border-bottom: 5px solid #bfbfbf;
	background: url(../../img/news_t.png) no-repeat center top;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#News div#InNews {
	height: 135px;
  -webkit-overflow-scrolling: touch;
}
div#News div#InNews iframe {
  width: 100%;
	height: 135px;
}