@charset "UTF-8";

.pc{	display:block;	}
.sp{ display:none;}
.contactArea {
	width:846px;
	margin:0 auto 0px;
}
.phone {
	width:100%;
	background:#666;
}

#top{
	width:1280px;
	margin-left:auto;
	margin-right:auto;
	}

#header{
	position:fixed;
	height:140px;
	width:1280px;
	z-index:5;
	}
	
#header #logo{
	width:287px;
	float:left;
	}
	
#header #gnavi{
	width:993px;
	float:right;
	position:relative;
	}
	
#header #gnavi a{
	background:url(../img/navi.png)  no-repeat;
	height:140px;
}

#header #gnavi span{
	background:url(../img/navi.png)  no-repeat;
	height:140px;
}


#header #gnavi #navi_01{
	width:192px;
	position:absolute;
	top:0px;
	left:0px;
	}
#header #gnavi #navi_02{
	width:190px;
	position:absolute;
	top:0px;
	left:192px;
	}
	
#header #gnavi #navi_03{
	width:190px;
	position:absolute;
	top:0px;
	left:382px;
	}
	
	
#header #gnavi #navi_04{
	width:190px;
	position:absolute;
	top:0px;
	left:572px;
	}
	
#header #gnavi #navi_05{
	width:231px;
	position:absolute;
	top:0px;
	left:762px;
	}
	
#header #gnavi #navi_01 a{display:block; background-position:0px 0px; text-indent:-9898px;}
#header #gnavi #navi_01 a:hover{display:block; background-position:0px -140px;}
	
#header #gnavi #navi_02 a{display:block; background-position:-192px 0px; text-indent:-9898px;}
#header #gnavi #navi_02 a:hover{display:block; background-position:-192px -140px;}

#header #gnavi #navi_03 a{display:block; background-position:-382px 0px; text-indent:-9898px;}
#header #gnavi #navi_03 a:hover{display:block; background-position:-382px -140px;}

#header #gnavi #navi_04 a{display:block; background-position:-572px 0px; text-indent:-9898px;}
#header #gnavi #navi_04 a:hover{display:block; background-position:-572px -140px;}

#header #gnavi #navi_05 a{display:block; background-position:-762px 0px; text-indent:-9898px}
#header #gnavi #navi_05 a:hover{display:block; background-position:-762px -140px;}

/*footer*/
#footer{
	background-color:#e9e5e2;
	padding:20px 50px 20px 50px;
	}

#footer #footer_logo{
	float:left; margin-right:30px;
}

#footer #copyright{
	float:none;
}


/*index===========================================================================*/
#index_area{}

.vanish {
	display:none;
}

.tel{
	position:absolute;
	right:0;
	bottom:25px;
	}
	
.see{
	position:absolute;
	left:617px;
	bottom:25px;
	}
	
 .page_navi{
	position:absolute;
	top:356px;
	right:30px;
	}
	
 .page_navi li{
	margin-bottom:5px;}


/*#index_area_01*/
#index_area #index_area_01{
	height:800px;
	background:url(../img/index_bg_01.jpg) no-repeat center top;
	position:relative;
	}
#index_area #index_area_01 .tit{
	position:absolute;
	top:145px;
	left:133px;}
#index_area #index_area_01 .img_01{
	position:absolute;
	top:505px;
	left:133px;}
#index_area #index_area_01 .img_02{
	position:absolute;
	top:505px;
	left:375px;}
#index_area #index_area_01 .img_03{
	position:absolute;
	top:505px;
	left:919px;}

/*#index_area_02*/
#index_area #index_area_02{
	height:800px;
	background:url(../img/index_bg_02.jpg) no-repeat center top;
	position:relative;
	}
#index_area #index_area_02 .bg_01{
	position:absolute;
	width:880px;
	height:480px;
	left:199px;
	top:230px;
	}
	
#index_area #index_area_02 .bg_01 .tit{
	position:absolute;
	left:89px;
	top:62px;
	}

#index_area #index_area_02 .bg_01 .text{
	position:absolute;
	left:165px;
	top:196px;
	font-size:1.5em;
	line-height:2;
	}
#index_area #index_area_02 .bg_01 .txt2{
	position:absolute;
	left:224px;
	top:450px;
}


/*#index_area_03*/

#index_area #index_area_03{
	height:800px;
	background:url(../img/index_bg_03.jpg) no-repeat center top;
	position:relative;
	}


#index_area #index_area_03 .tit{
	position:absolute;
	left:217px;
	top:255px;
	}

#index_area #index_area_03 .area_01{
	position:absolute;
	top:372px;
	left:223px;}

#index_area #index_area_03 .area_02{
	position:absolute;
	top:372px;
	left:528px;}


#index_area #index_area_03 .area_03{
	position:absolute;
	top:372px;
	left:823px;}



/*#index_area_04*/
#index_area #index_area_04{
	height:800px;
	background:url(../img/index_bg_04.jpg) no-repeat center top;
	position:relative;
	}
	
#index_area #index_area_04 .tit{
	position:absolute;
	top:182px;
	left:224px;
	}
	
#index_area #index_area_04 .txt{
	position:absolute;
	top:219px;
	left:500px;
	
	}

#index_area #index_area_04 .lead {
	position:absolute;
	top:230px;
	left:501px;
	}
#index_area #index_area_04 .btn{
	position:absolute;
	top:362px;
	left:523px;	
	}
	
	
	
	
/*#index_area_05*/

#index_area #index_area_05{
	height:800px;
	background:url(../img/index_bg_05.jpg) no-repeat center top;
	position:relative;}
	
	
#index_area #index_area_05 .tit{
	position:absolute;
	top:182px;
	left:224px;
	}
	
#index_area #index_area_05 .txt{
	position:absolute;
	top:219px;
	left:501px;
	
	}
#index_area #index_area_05 .lead {
	position:absolute;
	top:230px;
	left:501px;
	}
#index_area #index_area_05 .btn{
	position:absolute;
	top:362px;
	left:523px;	
	}



/*#index_area_06*/
#index_area #index_area_06{
	height:800px;
	background:url(../img/index_bg_06.jpg) no-repeat center top;
	position:relative;}
	
#index_area #index_area_06 .tit{
	position:absolute;
	top:182px;
	left:224px;
	}
	
#index_area #index_area_06 .txt{
	position:absolute;
	top:219px;
	left:501px;
	
	}
#index_area #index_area_06 .lead {
	position:absolute;
	top:400px;
	left:501px;
	}

#index_area #index_area_06 .btn{
	position:absolute;
	top:362px;
	left:523px;	
	}
	
/*#index_area_07*/

#index_area #index_area_07{
	height:800px;
	background:#e9e5e2;
	position:relative;
	margin-top:30px;
	}

#index_area #index_area_07 .tit_area{
	padding-top:150px;
	width:1080px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	}

#index_area #index_area_07 .tit_area .tit{
	padding-bottom:10px;
	text-align:center;
	border-bottom:1px dashed #000;
	margin-bottom:20px;
	}

#index_area_07 dl {
	width:100%;
	margin-left:90px;
	padding-top:10px;
}
#index_area_07 dt,
#index_area_07 dd{
	padding-left:55px;
	font-size:18px;
	margin-bottom:20px;
}
#index_area_07 dt {
	background:url(../img/img_q.png) no-repeat left top;
	height:28px;
}
#index_area_07 dd {
	background:url(../img/img_a.png) no-repeat left top;
	min-height:30px;
	margin-bottom:20px;
}

/*#index_area_08*/
#index_area #index_area_08{
	height:800px;
	background:url(../img/index_bg_08.jpg) no-repeat center top;
	position:relative;}

#index_area #index_area_08 .tit{
	position:absolute;
	left:416px;
	top:246px;
	}

#index_area #index_area_08 .txt{
	position:absolute;
	left:337px;
	top:300px;}

#index_area #index_area_08 .img_area{
	position:absolute;
	left:383px;
	top:331px;
	}


@media screen and (max-width: 480px) {
.pc{	display:none;	}
.sp{ display:block;}
.contactArea {
	width:100%;
	margin:0 auto 0px;
}
.contactArea img{
	width:100%;
	height:auto;
	margin:0 auto 0px;
}
#top{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	}
#header{
	position:absolute;
	height:140px;
	width:100%;
	z-index:5;
	background:#fff;
	}
#header #logo{
	width:100%;
	}
#header #logo img{
	height:140px;
	margin-left:auto;
	margin-right:auto;
	}
#footer #footer_logo{
	float:none; margin-right:auto; margin-left:auto;}
.see{
	position:absolute;
	left:45%;
	bottom:25px;
	}
#index_area #index_area_01{
	height:530px;
	background:url(../img/index_bg_01.jpg) no-repeat center top;
	background-size:cover;
	position:relative;
	top:0px;
	}
#index_area #index_area_01 .tit{
	position:absolute;
	top:215px;
	left:0px;
	}
#index_area #index_area_01 .tit img{
	width:90%;
	height:auto;
}
#index_area #index_area_01 .img_01{
	position:absolute;
	width:50%;
	top:325px;
	left:0px;
	text-align:center;
	}
#index_area #index_area_01 .img_02{
	display:none;
	}
#index_area #index_area_01 .img_03{
	position:absolute;
	width:50%;
	top:325px;
	left:50%;
	text-align:center;
	}
#index_area #index_area_01 .img_01 img,
#index_area #index_area_01 .img_03 img{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	height:auto;
}
	
/*#index_area_02*/
#index_area #index_area_02{
	height:460px;
	background:url(../img/index_bg_02_sp.jpg) no-repeat right bottom;
	position:relative;
	}
#index_area #index_area_02 .bg_01{
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	}
#index_area #index_area_02 .bg_01 .tit{
	position:absolute;
	left:0px;
	top:20px;
	}
#index_area #index_area_02 .bg_01 .tit img{
	width:100%;
	height:auto;
}
#index_area #index_area_02 .bg_01 .text{
	position:absolute;
	left:1.5em;
	top:96px;
	font-size:1em;
	line-height:1.5;
	}
#index_area #index_area_02 .bg_01 .txt2{
	position:absolute;
	left:0px;
	top:250px;
}
#index_area #index_area_02 .bg_01 .txt2 img{
	width:90%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

/*#index_area_03*/
#index_area #index_area_03{
	height:500px;
	background:url(../img/index_bg_03.jpg) no-repeat center top;
	position:relative;
	}
#index_area #index_area_03 .tit{
	position:absolute;
	left:0px;
	top:20px;
	}
#index_area #index_area_03 .tit img{
	width:100%;
	height:auto;
}
#index_area #index_area_03 .area_01{
	position:absolute;
	width:50%;
	top:70px;
	left:0%;}
#index_area #index_area_03 .area_02{
	position:absolute;
	width:50%;
	top:70px;
	left:50%;}
#index_area #index_area_03 .area_03{
	position:absolute;
	width:50%;
	top:260px;
	left:0%;}
#index_area #index_area_03 .area_01 img,
#index_area #index_area_03 .area_02 img,
#index_area #index_area_03 .area_03 img {
	width:100%;
	height:auto;
}

/*#index_area_04*/
#index_area #index_area_04{
	height:550px;
	background:url(../img/index_bg_04.jpg) no-repeat center top;
	position:relative;
	}
#index_area #index_area_04 .tit{
	position:absolute;
	top:20px;
	left:0px;
	width:50%;
	}

#index_area #index_area_04 .txt{
	position:absolute;
	top:200px;
	left:0px;
	}
#index_area #index_area_04 .txt img {
	width:90%;
	height:auto;
	margin-left:auto;
	margin-right:auto;	
}
#index_area #index_area_04 .lead {
	position:absolute;
	top:200px;
	left:0px;
	}
#index_area #index_area_04 .tit img,
#index_area #index_area_04 .lead img {
	width:100%;
	height:auto;
}

/*#index_area_05*/
#index_area #index_area_05{
	height:550px;
	background:url(../img/index_bg_05.jpg) no-repeat center top;
	position:relative;}
#index_area #index_area_05 .tit{
	position:absolute;
	top:20px;
	left:0px;
	width:50%;
	}
#index_area #index_area_05 .txt{
	position:absolute;
	top:180px;
	left:0px;
	}
	#index_area #index_area_05 .txt img {
	width:90%;
	height:auto;
	margin-left:auto;
	margin-right:auto;	
}
#index_area #index_area_05 .lead {
	position:absolute;
	top:200px;
	left:0;
	}
#index_area #index_area_05 .tit img,
#index_area #index_area_05 .lead img {
	width:100%;
	height:auto;
}

/*#index_area_06*/
#index_area #index_area_06{
	height:600px;
	background:url(../img/index_bg_06.jpg) no-repeat center top;
	position:relative;}
#index_area #index_area_06 .tit{
	top:20px;
	left:0px;
	width:50%;
	}
#index_area #index_area_06 .txt{
	position:absolute;
	top:180px;
	left:0px;
	}
#index_area #index_area_06 .txt img {
	width:90%;
	height:auto;
	margin-left:auto;
	margin-right:auto;	
}
#index_area #index_area_06 .lead {
	position:absolute;
	top:310px;
	left:0;
	}
#index_area #index_area_06 .tit img,
#index_area #index_area_06 .lead img {
	width:100%;
	height:auto;
}

/*#index_area_07*/
#index_area #index_area_07{
	height:800px;
	background:#e9e5e2;
	position:relative;
	margin-top:30px;
	}

#index_area #index_area_07 .tit_area{
	padding-top:50px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	}

#index_area #index_area_07 .tit_area .tit{
	padding-bottom:10px;
	text-align:center;
	border-bottom:1px dashed #000;
	margin-bottom:20px;
	}

#index_area_07 dl {
	width:94%;
	margin-left:3%;
	margin-right:3%;
	padding-top:10px;
}
#index_area_07 dt,
#index_area_07 dd{
	padding-left:10%;
	font-size:1em;
	margin-bottom:20px;
}
#index_area_07 dt {
	background:url(../img/img_q.png) no-repeat left top;
	height:28px;
}
#index_area_07 dd {
	background:url(../img/img_a.png) no-repeat left top;
	min-height:28px;
}
#index_area_07 dd img {
	width:100%;
	height:auto;
}
/*#index_area_08*/
#index_area #index_area_08{
	height:500px;
	background:url(../img/index_bg_08.jpg) no-repeat left top;
	position:relative;
	}
#index_area #index_area_08 .tit{
	position:absolute;
	left:0;
	top:96px;
	}
#index_area #index_area_08 .img_area{
	position:absolute;
	left:0;
	top:181px;
	}
#index_area #index_area_08 .tit img, #index_area #index_area_08 .img_area img {
	width:90%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

}