.mv__text span{
    overflow:hidden;
    position:relative;
    display:inline-block;
}

.mv__text span img{
    position:relative;
    transform:translateX(101%);
    transition-duration:600ms;
    transition-delay:1200ms;
    transition-property:transform;
    opacity:0;
    margin:0;
}
.on .mv__text span img{
    transform:none;
    opacity:1;
}
#wrapper{
    position:fixed;
    width:100%;
    /*transition-duration:0.3s;
    transition-timing-function:ease-in-out;
    transition-property:top;*/
    opacity:0;
}
#wrapper.vis{
    opacity:1;
}
#wrappershadow{
    position:relative;
    height:100px;
    width:100%;
    pointer-events:none;

}
/*header:after{
    content:"";
    width:500px;
    height:100px;
    position:absolute;
    left:0;
    top:0;
    background:rgba(127,127,127,1);

}*/
header {
   
    /*mix-blend-mode:difference;*/
    
    z-index:1000;
}
.area-loading{
    transition-property:opacity;
    transition-duration:0.6s;
    transition-delay:0s;
}

.area-loading.on{
    opacity:0;
    pointer-events:none;
}

.area-loading__logo{
    animation-duration:10s;
    opacity:0.6;
}
.on .area-loading__logo{
    animation-name:loadingAnim;
    
}
/*#headwrap{
    width:100%;
    height:100vw;
    position:fixed;
    left:0;
    top:0;
    overflow:hidden;
}
#headwrapHeight{
    width:100%;
    position:relative;

}
*/
.header{
    transition-property: left,top;
    transition-duration:0.5s;
}

.header__logo01,.header__logo02{
    transition-property:opacity;
    transition-duration:0.5s;
}

.small.header{
    left:3rem;
    top:4rem;
    
}

.small .header__logo01{
    opacity:0;
}
.small .header__logo02{
    opacity:1;
}

.slideup img{
    opacity:0;
    transform:translateY(20%);
    transition-duration: 1.2s;
    transition-property: opacity,transform;
}

.slideup.on img{
    opacity:1;
    transform:none;
}