@charset "utf-8";
/* 
-----------------------------------------------------------
common
-----------------------------------------------------------
*/
header a{
	color: #333;
	text-decoration: none;
}

header a:hover{
	color: #09dbac;
}
footer{
	color: #ccc;
	background: url(../images/common/bg-foot.jpg) left top repeat-x #333;
	z-index: 3;
	position: relative;
	overflow: hidden;
}

footer a{
	color:#38fdd1;
	text-decoration: none;
}

footer .formBtn a{
	color: #000;
}
footer .fbView{
	overflow: hidden;
	height: 205px;
}
.clear{
	clear: both;
}

a.current{
	color: #09dbac !important;
}
#index #indexNews{
	background: #FFF;
}
#about #aboutContents{
	background: #fff;
}
#service #serviceContents{
	background: #fff;	
}

footer li.tw iframe{
	width: 107px !important;
}

footer li.gpl{
	width: 70px;
}

#mvsBlock{
	position: relative;
}

#worksContents,#serviceContents,#aboutContents{
	/*box-shadow: 0 -1px 3px rgba(0,0,0,0.3);*/
	position: relative;
	z-index: 2;
}
.worksd{
	background: #eee;
}

.bgno{
	background: none !important;
}
/*link color*/
#index #indexNews dl.newsList a{
	text-decoration: none;
	color: #09c79c;
	margin-right: 5px;
	border-bottom: #09c79c solid 1px;
}

#index #indexNews dl.newsList a:hover{
	border-bottom: none;
}

#service #serviceContents dl.link a,
#recruit .recBlock a{
	text-decoration: none;
	margin-right: 5px;
	color: #09c79c;
	border-bottom: #09c79c solid 1px;
}

#service #serviceContents dl.link a:hover,
#recruit .recBlock a:hover{
	border-bottom: none;
}

#topcontrol{
	z-index: 10;
}

#worksContents .txtBlock a{
	text-decoration: none;
	color: #09c79c;
	margin-right: 5px;
	border-bottom: #09c79c solid 1px;
}
#worksContents .txtBlock a:hover{
	border-bottom: none;
}

#worksContents .txtBlock .infoTxt2 a.linkBtn{
	border-bottom: none !important;
}


#aboutContents a{
	text-decoration: none;
	color: #09c79c;
	margin-right: 5px;
	border-bottom: #09c79c solid 1px;
}

#aboutContents a:hover{
	border-bottom: none;
}

/*
	#ftSns
*/
#ftSns{
	text-align: center;
	padding-bottom: 30px;
	position: relative;
	z-index: 0;
}
#ftSns a{

}
#ftSns img{
	display: inline;
	margin: 0px 4px;
	width: 33px;
	height: 33px;
}

#mvsBlock .mvstxt.white h1,#mvsBlock .mvstxt.white h2{
	color: #fff;
}


/*
	mvs
*/
@media screen and (min-width: 769px){
	#mvsBlock{
		max-width:1150px;
		margin:0px auto 30px;
		position: relative;
	}
	
	#mvsBlock .mvsTablet,#mvsBlock .mvsSmt{
		display: none;
	}
	
	#mvsBlock .mvstxt{
		position: absolute;
		width: 100%;
		text-align: left;
		top:50%;
		color: #333;
		margin-top: -65px;
	}

	#mvsBlock .mvstxt h1{
		font-size: 45px;
		font-weight: bold;
		color: #333;
		margin-bottom: 20px;
		padding-left: 30px;
	}
	#mvsBlock .mvstxt h2{
		font-size: 22px;
		line-height: 1.5;
		padding-left: 30px;
	}
}

@media screen and (min-width: 587px) and (max-width: 768px){
	#mvsBlock{
		width:100%;
		margin:0px auto;
		position: relative;
	}
	
	#mvsBlock .mvsPc,#mvsBlock .mvsSmt{
		display: none;
	}
	
	#mvsBlock .mvstxt{
		position: absolute;
		width: 100%;
		text-align: left;
		top:50%;
		color: #333;
		margin-top: -65px;
	}
	#mvsBlock .mvstxt h1{
		font-size: 45px;
		font-weight: bold;
		color: #333;
		margin-bottom: 20px;
		padding-left: 40px;
	}
	#mvsBlock .mvstxt h2{
		font-size: 22px;
		line-height: 1.5;
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media screen and (min-width: 0px) and (max-width: 587px){
	#mvsBlock{
		width:100%;
		margin:0px auto;
		position: relative;
	}
	
	#mvsBlock .mvsPc,#mvsBlock .mvsTablet{
		display: none;
	}
	
	#mvsBlock .mvstxt{
		position: absolute;
		width: 100%;
		text-align: left;
		top:50%;
		margin-top: -32px;
		color: #333;
	}
	#mvsBlock .mvstxt h1{
		font-size: 20px;
		font-weight: bold;
		color: #333;
		margin-bottom: 10px;
		padding-left: 20px;
	}
	#mvsBlock .mvstxt h2{
		font-size: 11px;
		line-height: 1.5;
		padding-left: 20px;
		padding-right: 20px;
	}
	
}