header{
	position:absolute;
	top:0;
	z-index:999;
}


nav{
	top:auto;
	bottom:0;
}
@media screen and (max-height:830px) {
	.mainvisual_catch img{
		width: 20vh;
	}
}
@media screen and (max-height:790px) {
.mainvisual_catch {
    position: absolute;
    top: 15%;
    right: 73px;
}
/*.mainvisual_catch img {
   width: 20vh;
}*/
}
@media screen and (max-height:748px) {
	nav{
		top:646px;
		bottom:auto;
	}
.mainvisual_catch {
    position: absolute;
    top: 16%;
    right: 73px;
}
/*.mainvisual_catch img {
  width: 22vh;
}*/
.mainvisual_catch p:before {
    background: url(../images/onpu.gif) no-repeat;
    width: 57px;
    height: 38px;
    position: absolute;
    top: -3px;
    left: -13px;
    content: "";
}

}

#mainvisual{
	background:url(../images/main01.png) no-repeat center;
	background-size:cover;
	min-height:748px;
	height:100vh;
}

.copy{
	min-height:748px;
	height:100%;
}



/*============================================================================

	#lorder

============================================================================*/

#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 9999999;
  animation: loading2 2s 5s forwards;
	-webkit-animation: loading2 2s 5s forwards;
/*	animation-delay:3s;*/
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 0;
  right:0;
  margin:auto;
  width: 369px;
  height: 593px;
  margin-top:-295px;
  text-align: center;
  animation: loading2 2s 5s forwards;
	-webkit-animation: loading2 2s 5s forwards;
/*	animation-delay:3s;*/
}
.load01{
	position:absolute;
	right:0;
	opacity:0;
	animation: loading 3s 1 forwards;
	-webkit-animation: loading 3s 1 forwards;
}
.load02{
	position:absolute;
	top:30px;
	right:129px;
	animation: loading 2s 1 forwards;
	-webkit-animation: loading 2s 1 forwards;
	animation-delay:1s;
	opacity:0;
}
.load02:before{
	background:url(../images/onpu.gif) no-repeat;
	width:57px;
	height:38px;
	position:absolute;
	top: 12px;
    left: 9px;
	content:"";
}


@keyframes loading {
  0% {
	  opacity:0;
  }

  100% {
	  opacity:1;
	  
  }

}

@-webkit-keyframes loading {
 0% {
	  opacity:0;
  }

  100% {
	  opacity:1;
	  
  }
}


@keyframes loading2 {
  0% {
	  opacity:1;
	  left:0;
  }

  100% {
	  opacity:0;
	  left:60%;
	  
  }

}

@-webkit-keyframes loading2 {
 0% {
	  opacity:1;
	  left:0;
  }

  100% {
	  opacity:0;
	  left:60%;
	  
  }
}




@media screen and (max-width:670px) {
/* スマホ */
#mainvisual{
	min-height: initial;
    min-height: auto;
	height:460px;
}
.mainvisual_catch {
    top: -24px;
    right: 20px;
}
#mainvisual h2 {
	height: 400px;
}
#mainvisual h2 img {
	height: 100%;
	width: auto;
}
.mainvisual_catch p {
    height: 400px;
	width: 146px;
	top: 18px;
	right: 80px;
}
/*.mainvisual_catch p img {
    height: 100%;
}*/
.mainvisual_catch p:before {
    top: 11px;
    left: -35px;
}
.mainvisual_open {
    bottom: 20px;
    left: 3%;
	width: 200px;
}

#loader {
  top: 0;
  margin-top: 0;
}
.load01{
	right:20px;
}
.load02{
	right:150px;
}
.load01 img,.load02 img{
	height:90vh;	
}
.backstretch img {
	left: -200px !important;
}
.copy {
    height: auto;
	min-height: auto;
	min-height: inherit;
}





}