.index .loader-wrap,.lower .loader-wrap {
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: #04519e;
    z-index: 1001;
}

/* .loader img {
    max-width: 100px;
} */

.loader-logo {
    opacity: 0;
    animation: fadeInLogo 1s ease forwards;
}

@keyframes fadeInLogo {
    to {
        opacity: 1;
    }
}

/* ヘッダーテキスト */
.keyword {
    opacity: 0;
    animation: keyword 1.5s 1s 1 forwards;
    -webkit-animation: keyword 1.5s 1s 1 forwards;
    -moz-animation: keyword 1.5s 1s 1 forwards;
}

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        -webkit-opacity: 1;
    }
}

@-moz-keyframes keyword {
    0% {
        -moz-opacity: 0;
    }

    100% {
        -moz-opacity: 1;
    }
}

/* スクロールアニメーション */
/* フェードインアップ */
.move.fadeInUp {
    opacity: 0;
    transform: translate(0, 50px);
    transition: all 1.5s;
}

/* フェードイン */
.move.fadeIn {
    opacity: 0;
    transition: all 1.5s;
}

/* ぼかしイン */
.move.blurIn {
    opacity: 0;
    filter: blur(30px);
    transition: filter .8s ease, opacity .8s ease;
}

/* スライドイン */
.move.slideIn{
    opacity: 0;
    transform:translateX(-50px);
    transition:opacity 1s,transform 0.5s;
}

/* 画面内に入った状態 */
.move.scrollin.fadeInUp,
.move.scrollin.fadeIn {
    opacity: 1;
    transform: translate(0, 0);
}

.move.scrollin.blurIn {
    opacity: 1;
    filter: blur(0);
}

.move.scrollin.slideIn{
    opacity: 1;
    transform:translateX(0);
}

/* トップセクションアニメーション */
/* フェードインアップ */
.effect-fadeInUp {
    animation: effect-fadeInUp 1.5s ease .5s 1 normal;
}
  
@keyframes effect-fadeInUp {
    0% {opacity: 0;transform: translate(0, 50px);}   
    100% {opacity: 1;transform: translate(0, 0);} 
}

/* フェードイン */
.effect-fadeIn {
    animation: effect-fadeIn 1.5s ease .5s 1 normal;
}
  
@keyframes effect-fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;transform: translate(0, 0);} 
}
/* ぼかしイン */
.effect-blurIn {
    animation: effect-blurIn .8s ease .5s 1 normal;
}
  
@keyframes effect-blurIn { 
    0% {opacity: 0;filter: blur(30px);} 
    100% {opacity: 1;filter: blur(0);} 
}