.loading {
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
background: #23457a;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
transition: all 0.7s ease; /* イージングを変更し、時間を少し長く */
z-index: 100000;
}
  
.loading.loaded {
opacity: 0.2;
visibility: hidden;
z-index: -10000;
transform: translateY(-100%); /* 上方向に100%移動させる */
}

.loading-text {
color: #FFF;
font-size: 30px;
font-weight: 700;
margin-bottom: 30px;
text-align: center;
}