@charset "utf-8";

/* オープニングアニメーション */
/*.opening{
width: 100%;
height: 100%;
height: 100vh;
height: 100svh;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 99999999;
display: flex;
align-items: center;
justify-content: center;
}
.opening__mask{
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
transform-origin: top right;
background-color: #fff;
z-index: 1;
}

.animation_wrap{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
position: relative;
z-index: 1;
overflow: visible;
}

#tagline_animation{
width: 100%;
max-width: 800px;
height: 100%;
padding: 5em;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
z-index: 1;
overflow: visible;

opacity: 0;
visibility: hidden;
}
#logo_animation{
width: 100%;
max-width: 800px;
height: 100%;
padding: 5em;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
z-index: 1;
overflow: visible;

opacity: 0;
visibility: hidden;
}*/


#container {
  /*display: none;*/
  visibility: hidden;
}

.video_wrapper {
    position: fixed;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background: #000;
    z-index: 99998;
}
.video_wrapper.skip {
  display: none !important;
}
#load_movie {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100vw;
    height: 100vh;
    background: #FFF;
    z-index: 99999;
    object-fit: cover;
}
#load_movie.load_movie--sp {max-height: 560px;}

#skip_button {
  position: fixed;
  bottom: 3em;
  right: 3em;
  padding: 10px 20px;
  background-color: #24ADE2;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 1em;
  z-index: 9999999999999999999;
}

#skip_button:hover { opacity: 0.7;}