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


#top{
}
@media screen and (max-width: 680px) {
#top{
	width:100%;
}

}
#top img{
	width:100%;
}

/* ++++++++++++++++++++++++++++++++++　*/
/* フォントサイズ　*/
/* ++++++++++++++++++++++++++++++++++　*/

h2.h2_1{font-size:117px;}
h2.h2_2{font-size:55px;}
h2.h2_3{font-size:45px;}
h3{font-size:26px; line-height: 38px; }

p.p_1{font-size:18px;}
p.p_2{font-size:14px;}
p.p_3{font-size:12px;}
li{	font-size:14px;	line-height:21px;}






/* ++++++++++++++++++++++++++++++++++　*/
/* スライド　*/
/* ++++++++++++++++++++++++++++++++++　*/


@media screen and (max-width: 414px) {
}
@media screen and (max-width: 360px) {
}
@media screen and (max-width: 340px) {
}

#top table{
	width:100%;
	margin:15px auto;
}


#header{
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
#header a{
	width:350px;
	display:block;
	margin:0 auto;
}


/* ++++++++++++++++++++++++++++++++++　*/
/* area_01　*/
/* ++++++++++++++++++++++++++++++++++　*/

#top .area_01{
	position:relative;
	width:100%;
	height:1338px;
	background:url(../01_img/top/bg/01.jpg) 50% 50%;
	-webkit-background-size:2000px 1338px;
	-moz-background-size:2000px 1338px;
	-ms-background-size:2000px 1338px;
	-o-background-size:2000px 1338px;
	background-size:2000px 1338px;
}

@media screen and (min-resolution: 2dppx){
#top .area_01{
	width:100%;
	height:1338px;
	background:url(../01_img/top/bg/01@2x.jpg) 50% 50%;
	-webkit-background-size:2000px 1338px;
	-moz-background-size:2000px 1338px;
	-ms-background-size:2000px 1338px;
	-o-background-size:2000px 1338px;
	background-size:2000px 1338px;
}
}

#top .area_01 .div_01{
	width:100%;
	position:absolute;
	top:38%;
	left:0;
}
#top .area_01 p.p_3{
	color:#fff;
	text-align:center;
	letter-spacing:40px;
	margin:0 0 30px 0;
}
#top .area_01 h3{
	text-shadow:2px 2px 3px #333;
	font-weight:bold;
	color:#fff;
	text-align:center;
	letter-spacing:1px;
}


/* ++++++++++++++++++++++++++++++++++　*/
/* area_02　*/
/* ++++++++++++++++++++++++++++++++++　*/
h2.brand{
	font-weight:normal;
	text-align:center;
	letter-spacing:20px;
	padding:40px 0;
	background:#fff;
}


#top .area_02{
	color:#fff;
	position:relative;
	width:100%;
	height:2480px;
	background:url(../01_img/top/bg/02.jpg) 50% 50%;
	-webkit-background-size:2000px 2480px;
	-moz-background-size:2000px 2480px;
	-ms-background-size:2000px 2480px;
	-o-background-size:2000px 2480px;
	background-size:2000px 2480px;
}
#top .area_02 .inner_01{
	height:2480px;
}

@media screen and (min-resolution: 2dppx){
#top .area_02{
	width:100%;
	height:2480px;
	background:url(../01_img/top/bg/02@2x.jpg) 50% 50%;
	-webkit-background-size:2000px 2480px;
	-moz-background-size:2000px 2480px;
	-ms-background-size:2000px 2480px;
	-o-background-size:2000px 2480px;
	background-size:2000px 2480px;
}
}

#top .area_02 h2{
	text-align:center;
	letter-spacing:2px;
	margin:0 0 25px 0;
}
#top .area_02 h3{
	line-height:40px;
	letter-spacing:1px;
	margin:0 0 25px 0;
}
#top .area_02 p{
	line-height:28px;
}

#top .area_02 .div_01{
	width:100%;
	position:absolute;
	top:8%;
	left:0;
}

#top .area_02 .div_01 p{
	text-align:center;
}

#top .area_02 .div_02{
	position:absolute;
	top:30%;
	left:40%;
}

#top .area_02 .div_03{
	position:absolute;
	top:45%;
	left:5%;
}

#top .area_02 .div_04{
	position:absolute;
	top:60%;
	left:26%;
}


/* ++++++++++++++++++++++++++++++++++　*/
/* area_03　*/
/* ++++++++++++++++++++++++++++++++++　*/
/*
#top .area_03{
	position:relative;
	width:100%;
	background:url(../01_img/top/bg/03.jpg) 50% 50%;
	-webkit-background-size:2000px 1000px;
	-moz-background-size:2000px 1000px;
	-ms-background-size:2000px 1000px;
	-o-background-size:2000px 1000px;
	background-size:2000px 1000px;
	background-size: cover;     
	background-attachment: fixed;

}

#top .area_03 .inner_01{

}

@media screen and (min-resolution: 2dppx){
#top .area_03{
	width:100%;
	background:url(../01_img/top/bg/03@2x.jpg) 50% 50%;
	-webkit-background-size:2000px 1000px;
	-moz-background-size:2000px 1000px;
	-ms-background-size:2000px 1000px;
	-o-background-size:2000px 1000px;
	background-size:2000px 1000px;
	background-size: cover;     
	background-attachment: fixed;
}
}
*/

#top .area_03:before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background:url(../01_img/top/bg/03.jpg) center no-repeat;
  background-size:cover;
}

@media screen and (min-resolution: 2dppx){
#top .area_03:before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-2;
  width:100%;
  height:100vh;
  background:url(../01_img/top/bg/03@2x.jpg) center no-repeat;
  background-size:cover;
}
}

#top .area_03 h2{
	width:100%;
	text-align:center;
	color:#999;
	
	position:absolute;
	top:10%;
	left:0%;
}
#top .area_03 .title{
	width:100%;
	position:absolute;
	top:15%;
	left:0%;
}
@media screen and (max-width: 1000px) {

#top .area_03 .inner_01{
	width:100%!important;
}

}

#top .area_03 .l_img{
	width:50%;
	position:absolute;
	top:25%;
	left:0%;
}
#top .area_03 .r_img{
	width:50%;
	position:absolute;
	top:25%;
	right:0%;
}




/* ++++++++++++++++++++++++++++++++++　*/
/* area_04　*/
/* ++++++++++++++++++++++++++++++++++　*/

#top .area_04{
	position:relative;
	width:100%;
	height:2385px;
	background:url(../01_img/top/bg/04.jpg) 50% 50%;
	-webkit-background-size:2000px 2385px;
	-moz-background-size:2000px 2385px;
	-ms-background-size:2000px 2385px;
	-o-background-size:2000px 2385px;
	background-size:2000px 2385px;
}

#top .area_04 .inner_01{
		height:2385px;

}

@media screen and (min-resolution: 2dppx){
#top .area_04{
	width:100%;
	height:2385px;
	background:url(../01_img/top/bg/04@2x.jpg) 50% 50%;
	-webkit-background-size:2000px 2385px;
	-moz-background-size:2000px 2385px;
	-ms-background-size:2000px 2385px;
	-o-background-size:2000px 2385px;
	background-size:2000px 2385px;
}
}
#top .area_04 h2{
	width:100%;
	font-weight:normal;
	text-align:center;
	margin:0 0 20px 0;
}
#top .area_04 p{
	width:100%;
	text-align:center;
}

#top .area_04 .div_01{
	width:100%;
	position:absolute;
	top:6%;
	left:0%;
}
#top .area_04 .div_01 h2{
	letter-spacing:50px;

}
#top .area_04 .div_01 p{
	letter-spacing:20px;

}

#top .area_04 .div_02{
	width:100%;
	position:absolute;
	top:90%;
	left:0%;
}

#top .area_04 .l_img{
	width:50%;
	position:absolute;
	top:56%;
	left:0%;
}
#top .area_04 .r_img{
	width:50%;
	position:absolute;
	top:56%;
	right:0%;
}


/* ++++++++++++++++++++++++++++++++++　*/
/* area_05　*/
/* ++++++++++++++++++++++++++++++++++　*/

#top .area_05{
	position:relative;
	width:100%;
	height:1336px;
	background:url(../01_img/top/bg/05.jpg) 50% 50%;
	-webkit-background-size:2000px 1336px;
	-moz-background-size:2000px 1336px;
	-ms-background-size:2000px 1336px;
	-o-background-size:2000px 1336px;
	background-size:2000px 1336px;
}

#top .area_05 .inner_01{
		height:1336px;

}

@media screen and (min-resolution: 2dppx){
#top .area_05{
	width:100%;
	height:1336px;
	background:url(../01_img/top/bg/05@2x.jpg) 50% 50%;
	-webkit-background-size:2000px 1336px;
	-moz-background-size:2000px 1336px;
	-ms-background-size:2000px 1336px;
	-o-background-size:2000px 1336px;
	background-size:2000px 1336px;
}
}
#top .area_05 h2{
	width:100%;
	font-weight:normal;
	text-align:center;
	color:#fff;
	letter-spacing:50px;
	margin:0 0 20px 0;
}
#top .area_05 p{
	width:100%;
	text-align:center;
	letter-spacing:20px;
	color:#fff;
}

#top .area_05 .div_01{
	width:100%;
	position:absolute;
	top:20%;
	left:0%;
}



/* ++++++++++++++++++++++++++++++++++　*/
/* area_06　*/
/* ++++++++++++++++++++++++++++++++++　*/

#top .area_06{
	position:relative;
	width:100%;
	height:1815px;
	background:url(../01_img/top/bg/06.jpg) 50% 50%;
	-webkit-background-size:2000px 1815px;
	-moz-background-size:2000px 1815px;
	-ms-background-size:2000px 1815px;
	-o-background-size:2000px 1815px;
	background-size:2000px 1815px;
}

#top .area_06 .inner_01{
		height:1815px;

}

@media screen and (min-resolution: 2dppx){
#top .area_06{
	width:100%;
	height:1815px;
	background:url(../01_img/top/bg/06@2x.jpg) 50% 50%;
	-webkit-background-size:2000px 1815px;
	-moz-background-size:2000px 1815px;
	-ms-background-size:2000px 1815px;
	-o-background-size:2000px 1815px;
	background-size:2000px 1815px;
}
}

#top .area_06 .l_img a{
	width:49%;
	height:29%;
	display:block;
	position:absolute;
	top:10%;
	left:-1%;
	background:#fff;
	filter:alpha(style=0, opacity=0);
	-moz-opacity:0;
	opacity:0;
}
#top .area_06 .r_img a{
	width:49%;
	height:29%;
	display:block;
	position:absolute;
	top:10%;
	right:-1%;
	background:#fff;
	filter:alpha(style=0, opacity=0);
	-moz-opacity:0;
	opacity:0;
}



#top .area_06 a:hover{
	filter:alpha(style=0, opacity=10)!important;
	-moz-opacity:0.1!important;
	opacity:0.1!important;
}





#top .area_06 .div_01{
	width:100%;
	position:absolute;
	top:68%;
	left:0%;
}
#top .area_06 .div_01 h2{
	width:100%;
	font-weight:normal;
	text-align:center;
	color:#fff;
	letter-spacing:20px;
	margin:0 0 20px 0;
}
#top .area_06 .div_01 p{
	width:100%;
	text-align:center;
	letter-spacing:5px;
	color:#fff;
}

#top .area_06 .div_02{
	width:100%;
	position:absolute;
	top:83%;
	left:0%;
}
#top .area_06 .div_02 h2{
	width:100%;
	font-weight:normal;
	text-align:center;
	color:#fff;
	letter-spacing:20px;
	margin:0 0 20px 0;
}
#top .area_06 .div_02 p{
	width:100%;
	text-align:center;
	letter-spacing:5px;
	line-height:28px;
	color:#fff;
}





/* ++++++++++++++++++++++++++++++++++　*/
/* area_07　*/
/* ++++++++++++++++++++++++++++++++++　*/

#top .area_07{
	position:relative;
	width:100%;
	height:2192px;
	background:url(../01_img/top/bg/07.jpg) 50% 50%;
	-webkit-background-size:2000px 2192px;
	-moz-background-size:2000px 2192px;
	-ms-background-size:2000px 2192px;
	-o-background-size:2000px 2192px;
	background-size:2000px 2192px;
}

#top .area_07 .inner_01{
		height:2192px;

}

@media screen and (min-resolution: 2dppx){
#top .area_07{
	width:100%;
	height:2192px;
	background:url(../01_img/top/bg/07@2x.jpg) 50% 50%;
	-webkit-background-size:2000px 2192px;
	-moz-background-size:2000px 2192px;
	-ms-background-size:2000px 2192px;
	-o-background-size:2000px 2192px;
	background-size:2000px 2192px;
}
}


#top .area_07 .div_01{
	width:100%;
	position:absolute;
	top:30%;
	left:0%;
}
#top .area_07 .div_01 h2{
	width:100%;
	text-align:center;
	color:#2a2a2a;
	letter-spacing:10px;
	margin:0 0 100px 0;
}
#top .area_07 .div_01 h3{
	width:100%;
	font-weight:normal;
	text-align:center;
	color:#2a2a2a;
	letter-spacing:20px;
	margin:0 0 100px 0;
}
#top .area_07 .div_01 li{
	width:100%;
	letter-spacing:5px;
	color:#2a2a2a;
	padding:0 0 40px 90px;
}

#top .area_07 .div_02{
	width:100%;
	position:absolute;
	top:63%;
	left:0%;
}
#top .area_07 .div_02 h2{
	width:100%;
	text-align:center;
	color:#2a2a2a;
	letter-spacing:-3px;
	margin:0 0 40px 0;
}
#top .area_07 .div_02 p{
	width:100%;
	letter-spacing:5px;
	color:#2a2a2a;
	text-align:center;
	padding:0 0 40px 0;
}



#top .area_07 .div_03{
	width:100%;
	position:absolute;
	top:93.7%;
	left:0%;
}
#top .area_07 .div_03 p{
	width:100%;
	letter-spacing:2px;
	color:#87817e;
	text-align:center;
	padding:0 0 40px 0;
}