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;	/*スマホスクロールカクカク対応*/
}

/*********************************************************/
/***********************デフォルトカラー******************/
/*********************************************************/
/* バンニード */
.green{
	background-color:#9FF781
}
/* ヒートレッド */
.red{
	background-color:#FE2E64
}
/* テグラリップ */
.orange{
	background-color:#ff4500
}
/* 超音波 */
.blue{
	background-color:#819FF7
}
/* 会社案内 */
.black{
	background-color:#000000
}
/* 工事実績 */
.yellow{
	background-color:#FFDB56
}
/* 求人情報 */
.gray{
	background-color:#BDBDBD
}

/*

.wrap {
	overflow: hidden;
}
*/

/*********************************************************/
/***********************　スライダー　********************/
/*********************************************************/
.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;
	margin-bottom:10px;
}

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

@media (max-width: 1450px){.slider .tagline h1{
	font-size:5rem;
	line-height:5rem
}}
@media (max-width: 800px){.slider .tagline h1{
	display:none;
}}



.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;
	height:80%;
	margin-left: auto;
	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%;
	margin:10px; auto;
	height:auto
}

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

/*********************************************************/
/***********************　ボタン詳細　********************/
/*********************************************************/
.slider .contents .btn-container .btn{
	float:left;
	text-align:center;
	margin-left:20px;
	margin-top:20px;
	width:200px;
	height:55px;
	font-size:1.5rem;
	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
}

.content .content-box .coment_r{
	float:right;
	width:40%;
	margin-right:0px
	margin-left:50px
}


.content .content-box .image_l{
	float:left;
	width:50%;
	text-align: left;
	margin-left:0px
}

.content .content-box .coment_l{
	float:left;
	width:40%;
	margin-left:0px
}

.content .content-box .image_r{
	float:right;
	width:50%;
	text-align: right;
	margin-right:0px
}
/*
@media (max-width: 700px){.content .content-box .coment_r{width:35%;}}
@media (max-width: 700px){.content .content-box .image_l{width:45%;}}
@media (max-width: 700px){.content .content-box .coment_l{width:35%;}}
@media (max-width: 700px){.content .content-box .image_r{width:45%;}}
*/
@media (max-width: 700px){.content .content-box .coment_r{width:100%;float: none;}}
@media (max-width: 700px){.content .content-box .image_l{width:100%;float: none;margin-left:0px}}
@media (max-width: 700px){.content .content-box .coment_l{width:100%;float: none;margin-left:0px}}
@media (max-width: 700px){.content .content-box .image_r{width:100%;float: none;}}

.content .content-box p{
	font-size:1.4rem;
	line-height:3rem;
	letter-spacing:-1px
}
@media (max-width: 1400px){.content .content-box p{font-size:1.25rem;line-height:1.5rem;letter-spacing:-1px;;margin-bottom: 0.5em}}
@media (max-width: 500px){.content .content-box p{font-size:1rem;line-height:1.25rem;letter-spacing:-1px;margin-bottom: 0.5em}}

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

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

/*********************************************************/
/************************　文字装飾　*********************/
/*********************************************************/
.short_line{
	margin-bottom: -0.8em
}

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

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

.paragraph{
	margin-left:4.2em;
}
@media (max-width: 1700px){.paragraph{margin-left:0em;margin-bottom:-0.1em;}}
@media (max-width: 800px){.paragraph{margin-bottom:-0.1em;}}

.faint{
	font-weight:bold;
	font-size:4rem;
	letter-spacing:-0.25rem;
	line-height:4rem
}
@media (max-width: 1450px){.faint{
	font-size:3rem;
	line-height:3rem
}}

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

.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:150px;
	background-color:#000000;
	position:relative;
	overflow-x: hidden;
}

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 */