html,body{
	height:100%;
	width:100%;
	-webkit-font-smoothing:antialiased;
	font-family:"Helvetica Neue","HelveticaNeue","Helvetica-Neue",Helvetica,Arial,sans-serif;
	overflow-x: hidden;			/*IE横スクロール非表示対応*/
	-webkit-overflow-scrolling: touch;	/*スマホスクロールカクカク対応*/
}

/*********************************************************/
/***********************デフォルトカラー******************/
/*********************************************************/

/* 工事実績 */
.yellow{
	background-color:#FFDB56
}


/*********************************************************/
/***********************　スライダー　********************/
/*********************************************************/
.slider{
	width:100%;
	height:80%;
	min-height:500px;
	position:relative
}

.slider .container{
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);
	width:80%;
	height:80%;
	z-index:999}

.slider .tagline{
	font-family:"Helvetica Neue","HelveticaNeue","Helvetica-Neue",Helvetica,Arial,sans-serif;font-weight:bold;
	letter-spacing:-3px;
	width:40%;
	padding:8% 0 0 0;
	float:left;
	color:white
}

@media (max-width: 1450px){.slider .tagline{padding:9% 0 0 0}}

@media (max-width: 800px){.slider .tagline{float:none;width:100%;margin-bottom:70px}}

@media (max-width: 500px){.slider .tagline{float:none;width:100%;margin-bottom:70px}}

.slider .tagline img{
	width:100%;
	max-width: 100%;
	height: auto;
}

.slider .tagline h1{
	font-weight:bold;
	font-size:6rem;
	letter-spacing:-0.25rem;
	line-height:6rem
}

@media (max-width: 1450px){.slider .tagline h1{
	font-size:5rem;
	line-height:5rem
}}
@media (max-width: 800px){.slider .tagline h1{
	font-size:5rem;
	letter-spacing:0.25rem;
	line-height:5rem
}}
@media (max-width: 600px){.slider .tagline h1{
	font-size:3rem;
	letter-spacing:0.1rem;
	line-height:4rem
}}


.slider .tagline p{
	font-size:3rem;
	line-height:3rem;
	margin-top:10px
}

@media (max-width: 1450px){.slider .tagline p{font-size:2.8rem;line-height:2.8rem;letter-spacing:-2px}}

@media (max-width: 600px){.slider .tagline p{font-size:2rem;margin-top:2px}}

/*********************************************************/
/***********************コンテンツボタン******************/
/*********************************************************/
.slider .contents{
	float:right;
	width:40%;
	color:white;
	font-family:"Helvetica Neue","HelveticaNeue","Helvetica-Neue",Helvetica,Arial,sans-serif;
	font-weight:bold;
	letter-spacing:-1px;
	font-size:1.5rem;
	height:100%;
	position:relative
}

.slider .contents .btn-container{
	position:absolute;
	left:60%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);
	width:100%
}

@media (max-width: 1450px){.slider .contents .btn-container{padding:9% 0 0 0}}

/*********************************************************/
/***********************　ボタン詳細　********************/
/*********************************************************/
.slider .contents .btn-container .btn{
	float:left;
	text-align:center;
	margin-left:20px;
	margin-top:20px;
	width:200px;
	height:55px;
	border:2px solid white;
	color:white;
	-webkit-transition:all 0.25s ease;
	-moz-transition:all 0.25s ease;
	transition:all 0.25s ease;
	cursor:pointer;
	line-height:220%;
	overflow:hidden
}
@media (max-width: 1450px){.slider .contents .btn-container .btn{width:200px;height:55px}}
@media (max-width: 800px){.slider .contents .btn-container .btn{float:left;margin:20px 20px 0 0}}
@media (max-width: 600px){.slider .contents .btn-container .btn{width:100px;height:30px;font-size:0.8rem}}

@media (max-width: 800px){.slider .contents{float:none;width:100%;height:auto}}


/*********************************************************/
/*********************　コンテンツ部分　******************/
/*********************************************************/
.content{
	width:80%;
	height:auto;
	margin:0 auto;
	color:#464646;
	letter-spacing:-1px;
	padding:75px 0 75px 0
}

.content h2{
	font-size:3rem;
	font-weight:bold;
	margin:0 0 10px 0
}

.content p{font-size:1.4rem;font-weight:normal}

.content .content-box{
	display:block;
	min-height:100px;
	width:100%;
	margin:20px 0 20px 0;
	padding:10px 0
}

.content .content-box h3{
	font-family: "ＭＳ 明朝",serif;
	font-size:1.8em;
	margin-top:10px;
	margin-bottom:20px
}

#performance_map {
	width:100%;
	height: 500px;
	margin:auto;
}

.content .content-box .performance_coment{
	width:100%;
	margin:auto;
	margin-top:20px;
border-style: solid;
border-color: red;
}

.content .content-box .site{
	width:100%;
	margin:auto;
	margin-top:20px;
}

.content .content-box .site .gigs_1{
	float:left;
	width:50%;
	margin:auto;
}
@media (max-width: 800px){.content .content-box .site .gigs_1{float:none;width:100%;}}
.content .content-box .site .gigs_2{
	float:rigth;
	margin:auto;
}
@media (max-width: 800px){.content .content-box .site .gigs_2{float:none;margin-top:0px;}}

.content .content-box .construction{
	width:100%;
	margin:auto;
	margin-top:10px;
}

.content .content-box p{
	font-family: "ＭＳ 明朝",serif;
	list-style:circle;
	font-size:1.4rem;
	line-height:3rem;
	letter-spacing:-1px
}

.content .content-box li{
	font-family: "ＭＳ 明朝",serif;
	margin-left:3%;
	font-size:1.4rem;
	line-height:3rem;
	letter-spacing:-1px
}

@media (max-width: 800px){.content .content-box p,.content .content-box li{font-size:1rem;line-height:1.8rem;letter-spacing:-1px}}

.content .content-box img{
	width:800px;
	max-width: 100%;
	height: auto;
}

.content .content-clear{
	clear:both;
}



/*********************************************************/
/************************　文字装飾　*********************/
/*********************************************************/
.short_line{
	margin-bottom: -0.8em
}
@media (max-width: 500px){.middleline{margin-bottom: 2em}}

.middle_line{
	margin-bottom: 5em
}
@media (max-width: 500px){.middleline{margin-bottom: 2em}}

.long_line{
	margin-bottom: 10em
}
@media (max-width: 500px){.longline{margin-bottom: 5em}}

.emphasis{
	color:red;
	font-size:3rem;
	line-height:3rem;
	letter-spacing:-1px
}
@media (max-width: 500px){.emphasis{font-size:2rem}}

.red_c{
	color:#FF0000;
}

.blue_c{
	color:#0000FF;
}

.lime_c{
	color:#00FF00;
}

/*********************************************************/
/***********************　コンタクト　********************/
/*********************************************************/
.contact{
	position:relative;
	width:100%;
	height:100px;
	background-color:#000000;
	margin-top:100px;
	color:white;
	font-weight:bold;
	letter-spacing:-1px;
	font-size:1.5rem
}

@media (max-width: 1450px){.contact h1{font-size:5rem;line-height:5rem}}

.contact>div{
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);
	width:80%
}

.contact>div>*{
	float:left
}

.contact>div .btn-container{
	width:500px;
	float:right;
	margin-top:10px

}

.contact>div .btn-container .btn{
	float:right;
	text-align:center;
	margin-top:20px;
	width:200px;
	height:55px;
	border:2px solid white;
	color:white;
	-webkit-transition:all 0.25s ease;
	-moz-transition:all 0.25s ease;
	transition:all 0.25s ease;
	cursor:pointer;
	line-height:220%;
	overflow:hidden
	margin-left:20px
}

.contact .btn:hover{
	background-color:#000000;
	color:#FFFFFF
}

/*********************************************************/
/************************　フッター　*********************/
/*********************************************************/
footer{
	width:100%;
	height:200px;
	background-color:#000000;
	position:relative
}

footer .info{
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);
	text-align:center;
	color:white;
	font-size:1.25rem;
	letter-spacing:-1px
}

footer .info a{
	color:white
}

footer .info img{
	width:330px;
	max-width: 100%;
	height: auto;
}

/*# sourceMappingURL=style.css.map */