.homewrapper {margin-top:0px;}


/*mainimgarea*/
.mainimgarea {position:relative;z-index:1000;width:100%;height:100vh;overflow:hidden;}
.mainimgarea .mainimg {position:absolute;top:50%;left:10%;min-height:65vh;width:80%;transform:translateY(-50%);}
.mainimgarea .bgcover1 {position:absolute;top:50%;left:0%;transform:translateY(-50%);width:100%;height:160%;}
.mainimgarea .bgcover1 {background:#000 url(../img/top/mainimg.jpg) no-repeat center top;background-size:cover;}
.mainimgarea.on .bgcover1 {top:20%;transition:30s;}
.mainimgarea .bgcover2 {position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:100%;height:100%;}
.mainimgarea .bgcover2 {background:url(../img/top/mainvisual.png) no-repeat center bottom;background-size:contain;}
.mainimgarea.on .bgcover2 {transition:30s;transform:translateX(-40%) translateY(-50%);}

.mainimgarea img.mainlogo {width:13vw;margin-bottom:0.8vw;}
.mainimgarea h1 {display:none;}
.mainimgarea h1 {opacity:1;transition:1s;}
.mainimgarea h2 {color:#fff;font-size:2.5rem;line-height:1.8em;font-weight:normal;margin-bottom:20px;}
.mainimgarea h2 span {opacity:0;filter:blur(70px);}
.mainimgarea h2 span.on {opacity:1;filter:blur(0px);transition:3.5s;}
.mainimgarea img.more {position:absolute;bottom:70px;left:50%;transform:translateX(-50%);width:170px;}
.mainimgarea img.more {}
/*RES*/
@media (min-width: 897px){@media (max-width: 1200px){
  .mainimgarea .mainimg {min-height:50vh;height:50vh;}
  .mainimgarea h2 {font-size:1.8rem;}
}}
/*SP*/
@media (max-width: 896px){
  .mainimgarea {height:75vh;}
  .mainimgarea .mainimg {min-height:0px;}
  .mainimgarea h2 {font-size:1.5rem;}

}
/*全画面動画*/
.video-box {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}
.video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.mainbg {position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:#003;}
.mainbg .bg {position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:#003;background-repeat:no-repeat;background-position:center center;background-size:cover;z-index:200;
	opacity:0;transition:2s;}
.mainbg .bg.on {z-index:300;opacity:1;transition:10s;}
.mainbg .bg.front {}
.mainbg .bg.out {opacity:0;transition:10s;}
.mainbg .bgcover1 {background-image:url(../img/top/bg_goal.jpg);}
.mainbg .bgcover2 {}/*映像*/
.mainbg .bgcover3 {background-image:url(../img/top/bg_message02.jpg);}
.mainbg .bgcover4 {background-image:url(../img/top/bg_message03.jpg);}
.mainbg .bgcover5 {background-image:url(../img/top/bg_message04.jpg);}

.message {position:relative;padding:200px 100px;}
.message .cover {position:absolute;top:0px;left:0px;z-index:100;width:100%;height:100%;opacity:0;}
.message.on .cover {}
.message .breakpoint {position:absolute;top:50%;left:50%;z-index:0;width:1px;height:1px;}
.message .textbox {position:relative;z-index:300;padding-bottom:50px;width:100%;margin:0px auto;}
.message .textbox h2 {text-align:center;color:#fff;font-size:2rem;font-weight:300;margin-bottom:20px;text-shadow:0px 0px 3px rgba(0,0,0,0.2); }
.message .textbox h3 {text-align:center;color:#fff;font-size:1.3rem;margin-bottom:20px;text-shadow:0px 0px 3px rgba(0,0,0,0.2);}
.message .textbox p {text-align:center;color:#fff;font-size:1.2rem;line-height:2.4em;font-weight:300; text-shadow:0px 0px 3px rgba(0,0,0,0.2);}
.message .textbox p a {margin-top:30px;}
/*RES*/
@media (min-width: 897px){@media (max-width: 1200px){
  .message .textbox h2 {font-size:1.8rem;}
  .message .textbox h3 {font-size:1.2rem;}
  .message .textbox p {font-size:1.0rem;}
}}
/*SP*/
@media (max-width: 896px){
  .message {padding:50px 35px;}
  .message .textbox p {text-align:left;}
  .message .textbox h2 {font-size:1.5rem;}
  .message .textbox h3 {font-size:1.1rem;}
  .message .textbox p {font-size:0.9rem;line-height:2.0em;}
}