html{
    font-family: 'Hiragino Kaku Gothic Pro';
    overflow-x: hidden;
    max-width: 100vw;
}

body{
    margin: 0px;
    width: 100vw;
    overflow: hidden;
    overflow-y: auto;
}

::-webkit-scrollbar {
    width: 10px;
  }
  
  /* Track */
::-webkit-scrollbar-track {
    background: #0099db;
}
  
  /* Handle */
::-webkit-scrollbar-thumb {
    background: #efbe67;
}
  
  /* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #a36f16;
}


.responsive-sections{
    margin: auto;
}
.responsive-sections-small{
    margin: auto;
}

/* Loader */

.loader-container, .loader-container-hidden{
    width: 100vw;
    height: auto;
    background: white;
    position: fixed;
    z-index: 3;
    padding: 0;
    overflow: hidden;
    text-align: center;
}
.loader-container-hidden{
    opacity: 0;
    display: none;
    animation: hide-content linear 2s;
}

/* Background Video */

.video-container{
    position: absolute;
    z-index: 0;
    width: 100vw;
}

.contents-container{
    position: absolute;
    z-index: 1;
    width: 100vw;
    contain: content;
}

.br-sp{
    display: none;
}


@media only screen and (max-width: 500px) {
    .loader-video{
        width: 100vw;
        height: 100vh;
    }
    img {
        max-width: 100%;
    }
    .br-sp{
        display: block;
    }
}