@charset "UTF-8";
/* CSS Document */



#main{
	width: 1200px;
	height:590px;
	margin:80px auto 50px;
	text-align:center;
	}

.main_video{
	width: 1200px;
	height:480px;
	text-align:right;
	position: absolute;
	right:1000;
	top: 80;
	z-index: -100;
	}

#slider{
	float:left;
	width: 550px;
	height:560px;
	position: absolute;
	right:1000;
	top: 100;
	}

#slider li{
	width: 550px;
	height:560px;
	}
	

#wrap{ 
	margin: 0 auto;
	min-width: 100px;
	position: relative;
	width: 100%;
	/*width: 1200px; limit*/
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}


#toplayer {
	height: 100%;
	width:100%;
	left: auto;
	top: 0;
	position: fixed;
	z-index:99;
}

#pageCover {
	background: #fff;
	height: 100%;
	width:100%;
	left: 0;
	top: 0;
	/*position: fixed;*/
}
#frontPicLayer {
	height: 100%;
	width:100%;
	left: auto;
	top: 200px;
	position: absolute;
	z-index:99;
}
#frontPic {
	width:200px;
	height:200px;
	background-image: url(../img/btn_tel.png);
	background-size: cover;
	background-position: left bottom;
	background-repeat: no-repeat;
	position: fixed;
	right: 25px;
	top: 550px;
	z-index: 9997;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}
#frontPic a{
	width:200px;
	height:200px;
	background-image: url(../img/btn_tel.png);
	background-size: cover;
	background-position: left bottom;
	background-repeat: no-repeat;
	position: fixed;
	right: 25px;
	top: 550px;
	z-index: 9997;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}


#service{
	width: 1200px;
	height:630px;
	margin:0 auto;
	text-align:center;
	}
	
#service p{
	font-size:13px;
	line-height:1.8;
	font-weight:700;
	letter-spacing:0;
	}

.service{
	float:left;
	width: 260px;
	height: 430px;
	margin-right:26px;
	border:#f2f2f2 solid 10px;
	}
.service_last{
	float:left;
	width: 260px;
	height: 430px;
	border:#f2f2f2 solid 10px;
	}
	
.service_title{
	margin-bottom:20px;
	}

h2{
	font-size:32px;
	margin:10px 0 30px;
	}



#intro{
	width: 100%;
	height:606px;
	margin:0 auto ;
	text-align:center;
	background-color:#f2f2f2;
	}
.intro{
	width: 1200px;
	height:526px;
	margin: 0 auto ;
	padding-top: 80px;
	text-align:center;
	background: url(../img/intro.png) no-repeat ;
	}
.intro_bottom{
	width: 100px;
	height:37px;
	margin:0 auto 80px;
	text-align:center;
	background: url(../img/sankaku.png) no-repeat ;
	background-size:87px 37px;
	}
.intro_catch{
	margin-top: 70px;
	}

#greeting{
	width: 1200px;
	height:590px;
	margin:0 auto ;
	text-align:center;
	}
	
.greeting_left{
	width: 530px;
	float:left;
	margin-top: 70px;
	}
	
.greeting_right{
	width: 570px;
	float:right;
	margin-top: 75px;
	text-align:left;
	}
	
.greeting_catch{
	font-size:24px;
	font-weight:700;
	margin-top: 35px;
	}
	
.greeting_right p{
	line-height:2.2;
	}
	
#features{
	width: 100%;
	height:880px;
	margin:0 auto ;
	text-align:center;
	background-image:url(../img/features_back.png);
	}
	
.features_catch{
	width:1200px;
	margin:0 auto;
	padding-top: 80px;
	margin-bottom: 50px;
	}

.features{
	width:1200px;
	height:700px;
	margin:0 auto;
	}

.features .left{
	width:570px;
	float:left;
	margin-bottom:20px;
	border:#f2f2f2 solid 10px;
	background-color:#FFF;
	list-style:none;
	}
	
.features .right{
	width:570px;
	float:right;
	margin-bottom:20px;
	border:#f2f2f2 solid 10px;
	background-color:#FFF;
	list-style:none;
	}

.features .underline{
	font-size:21px;
	font-weight:700;
	margin:60px auto 35px;
    }
	
.features .underline span{
	background:linear-gradient(transparent 60%, #e9dc72 60%);
    }

.features p{
	line-height:2;
	margin-bottom:60px;
	}
	
.features_bottom{
	width:1200px;
	margin: 0 auto;
	margin-top:50px;
	text-align:center;
	}
	
.features_bottom p{
	line-height:2;
	margin-bottom:30px;
	}
	
#works{
	width: 100%;
	height:650px;
	margin:50px auto ;
	padding-top:80px;
	text-align:center;
	background-color:#f2f2f2;
	}
.works{
	width: 1100px;
	margin: 60px auto 0; 
	}
	
#voice{
	width: 1000px;
	margin:100px auto ;
	text-align:center;
	}
.voice{
	width: 1000px;
	margin-top: 60px;
	margin-bottom:30px;
	line-height:1.8;
	overflow:hidden;
	text-align:left;
	}

#sheet{
	width: 100%;
	height:450px;
	margin:50px auto 0 ;
	padding-top:80px;
	text-align:center;
	background-color:#f2f2f2;
	}
.sheet{
	width: 1100px;
	margin: 60px auto 0;
	text-align:center;
	}
	
	
#news{
	width: 1200px;
	margin:0 auto 80px ;
	padding-top:80px;
	text-align:center;
	}
	
dl.news{
    width:650px;
	text-align:left;
	margin:0 auto ;
	border-top:1px dotted #3f0903;
}
 
dl.news dt{
    clear:left;
    float:left;
    margin:0;
    padding:15px 0 15px 0.5em;
    width:150px;
    line-height:1.5em;
}
 
dl.news dd{
    margin:0;
    padding:15px 0.5em 15px 7em;
    border-bottom:1px dotted #3f0903;
    line-height:1.5em;
}
 
dl.news a{
    padding: 5px 20px 5px 0;
    color:#399CCD;
    text-decoration:underline;
}
 
dl.news a:hover{
    text-decoration:none;
}


#sns{
	width: 1100px;
	height:500px;
	margin:0 auto ;
	text-align:center;
	}

.twitter{
	width: 500px;
	height:450px;
	float:left;
	}

.twitter_box{
	width: 500px;
	height:400px;
	margin-top:20px;
	background-color:#DADADA;
	}

.facebook{
	width: 500px;
	height:450px;
	float:right;
	text-align:center;
	}

#Instagram{
	width: 100%;
	height:400px;
	margin:50px auto ;
	text-align:center;
	background-color:#27314f;
	position:relative;
	}
	
.instagram{
	width:250px;
	height:250px;
	margin:auto;
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	}
	
#meeting{
	width: 100%;
	margin: 100px 0 0;
	padding: 0;
	text-align:center;
	background-color:#f2f2f2;
	font-weight:700;
	line-height:1.8;
	}
.meeting{
	margin:0 auto;
	width: 1000px;
	text-align:center;
	}
	
.about_font_left30{
	text-align:left;
	font-size:30px;
	line-height:30px;
	margin:7px auto 35px;
    }

.about_font_left{
	text-align:left;
    }
	
#map{
	margin-bottom:100px;
	text-align:center;
}