@charset "utf-8";
/* CSS Document */
body{
	font-family:"Century Gothic", Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#wrap{
width:100%;
height:auto;
}
header {
	position: relative;
	width: 100%;
	height: auto;
	z-index: 100;
}
header a img{
/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 4px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 4px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 4px 1px;
}
header h1{
	position: fixed;
	left: 1%;
	top: 2%;
	font-size: 12px;
	color: #FFF;
	letter-spacing: 0.2em;
}
header h2{
	position: fixed;
	right: 1%;
	top: 2%;
	text-align:right;
}
header img{
	width: 50%;
	height: auto;
}
nav#gloval_navi {
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: auto;
	z-index: 100;
	background-color: #f9f9f9;
}
nav#gloval_navi ul{
	width: 100%;
	height: auto;
	padding-left: 40px;
	ovewflow: hidden;
	zoom: 1; /* IE 6/7向け */
	z-index: 100;
}
nav#gloval_navi ul li{
	float:left;
	min-width:150px;
	width: 18%;
	min-height: 60px;
	height: auto;
	text-indent:-9999px;
padding-top: 1%;
padding-bottom: 1%;
}
nav#gloval_navi ul li.logo{
	min-width:33px;
	width: 4%;
	height: auto;
}
nav#gloval_navi ul li a{
	display: block;
	height: auto;
	width: 100%;
	min-height: 60px;
}
nav#gloval_navi ul li.logo a{
	background-image: url(../img/logo.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
nav#gloval_navi ul li.navi1 a{
	background-image: url(../img/navi1.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
nav#gloval_navi ul li.navi2 a{
	background-image: url(../img/navi2.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
nav#gloval_navi ul li.navi3 a{
	background-image: url(../img/navi3.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
nav#gloval_navi ul li.navi4 a{
	background-image: url(../img/navi4.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
nav#gloval_navi ul li.navi5 a{
	background-image: url(../img/navi5.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.contents{
	max-width: 1500px;
	width: 90%;
min-height: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
.contents img{
width:50%;
height:auto;
}


/*---- #section0 ----*/
#section0{
	width: 100%;
	height: 100%;
	min-height: 100%;
	background-image: url(../img/bg1.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
#section0 h1.logo{
	position: absolute;
	bottom: 45%;
	left: 50%;
	margin-left: -152px;
	text-align: center;
}
#section0 p.text{
	position: absolute;
	bottom: 25%;
	max-width: 1750px;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	display: table;
}
#section0 p.text img{
width:80%;
height:auto;
}

/*---- #section1&#section2 ----*/
#section1{
	width: 100%;
	height: 100%;
	min-height: 100%;
	background-image: url(../img/bg2.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;

}
#section2{
	width: 100%;
	height: 100%;
	min-height: 100%;
	background-image: url(../img/bg2.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
#section1 p.text{
	position: absolute;
	top: 27%;
text-align:left;
min-width:1000px;
}
#section1 p.text2{
	position: absolute;
	top: 17%;
text-align:left;
min-width:1000px;
	    -webkit-transition: all 3s ease-in-out;
		-moz-transition: all 3s ease-in-out;
		-o-transition: all 3s ease-in-out;
		transition: all 3s ease-in-out;
}
#section2 p.text3{
	position: absolute;
	top: 10%;
text-align:center;
min-width:1000px;
width:100%;
}
#section2 p.text4{
	position: absolute;
	top: 5%;
text-align:center;
min-width:1000px;
width:100%;
	    -webkit-transition: all 3s ease-in-out;
		-moz-transition: all 3s ease-in-out;
		-o-transition: all 3s ease-in-out;
		transition: all 3s ease-in-out;
}
#section2 p.text3 img{
width:85%;
height:auto;
}
#section2 .box_column1 img{
width:80%;
height:auto;
min-width:300px;
min-height:200px;
}
#section2 section div{
	position: absolute;
	top: 35%;
}
#section2 section div.top2{
	position: absolute;
	top: 30%;
	    -webkit-transition: all 3s ease-in-out;
		-moz-transition: all 3s ease-in-out;
		-o-transition: all 3s ease-in-out;
		transition: all 3s ease-in-out;
}
#section2 .box_column1 .leftbox{
width:50%;
	left:0%;
}
#section2 .box_column1 .rightbox{
width:50%;
	right:0%;
text-align:right;
}
#section2 .box_column1 img{
/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 4px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 4px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 4px 1px;
}


/*---- #section3 ----*/
#section3{
	width: 100%;
	height: 100%;
	min-height: 100%;
	background-image: url(../img/bg3.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
#section3 .box_column1 img{
width:80%;
height:auto;
min-width:300px;
min-height:200px;
/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 4px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 4px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 4px 1px;
}
#section3 section div{
	position: absolute;
	top: 35%;
}
#section3 section div.top2{
	position: absolute;
	top: 30%;
	    -webkit-transition: all 3s ease-in-out;
		-moz-transition: all 3s ease-in-out;
		-o-transition: all 3s ease-in-out;
		transition: all 3s ease-in-out;
}
#section3 .box_column1 .leftbox{
width:50%;
	left:0%;
}
#section3 .box_column1 .rightbox{
width:50%;
	right:0%;
text-align:right;
}
#section3 .box_column1 img{
/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 4px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 4px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 4px 1px;
}

#section3 .slide_con{
	max-width: 1500px;
	width: 90%;
	min-height: 75%;
	height: auto;
	margin: 0 auto;
	/*
	background-color: #ffffff;
	*/
	position: relative;
}
#section3 .slide_con img{
	width:100%;
	height:auto;
	min-height:400px;
}


/*---------------------- 背景固定 ----------------------*/
.bg_fix{
background-attachment: fixed;
}

.bg_scroll{
background-attachment: scroll;
}
/*---------------------- フェード系CSS ----------------------*/

.fadeIn{
animation-name: fadeIn;
	-webkit-animation-name: fadeIn;	

	animation-duration: 1.2s;	
	-webkit-animation-duration: 1.2s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}
@keyframes fadeIn {
	0% {
		transform: scale(0);
		opacity: 0.0;		
	}
	100% {
		transform: scale(1);
		opacity: 1;	
	}		
}

@-webkit-keyframes fadeIn {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.0;		
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}		
}

.feedInOut{
	animation-name: feedInOut;
	animation-duration: 4s;
	animation-timing-function: ease-in-out;
/*	animation-delay:2s !important;*/
	animation-iteration-count: 1;

	-webkit-animation: feedInOut 4s ease-in-out /*2s*/ 1;

	-moz-animation-name: feedInOut;
	-moz-animation-duration: 4s;
	-moz-animation-timing-function: ease-in-out;
/*	-moz-animation-delay:2s !important;*/
	-moz-animation-iteration-count: 1;

	-ms-animation-name: feedInOut;
	-ms-animation-duration: 4s;
	-ms-animation-timing-function: ease-in-out;
/*	-ms-animation-delay:2s !important;*/
	-ms-animation-iteration-count: 1;

	visibility: visible !important;	
}
@keyframes feedInOut {
	0% {	
	opacity:0.0;	}
	100% {	
	opacity:1;	}
}
@-webkit-keyframes feedInOut {
	0% {	
	opacity:0.0;
		}
	100% {
			opacity:1;	}
}
/*
@-moz-keyframes feedInOut {
	from {	opacity:0.0;	}
	to {	opacity:1;	}
}

*/