@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&display=swap');html{font-family:'Noto Sans JP', sans-serif;font-size:150%;line-height:1.4;}
body{margin:0;}
.video-header{position:absolute;text-align:center;width:100vw;height:100vh;}
.video-header, .video-header video, .video-header .viewport-header{width:100vw;height:100vh;position:absolute;top:0;left:0;}
.video-header video{background:black;object-fit:cover;}
.video-header .viewport-header{display:flex;align-items:center;justify-content:flex-end;flex-direction:column;width:100%;}
html, body{height:100%;overflow-x:hidden;position:relative;}
.country{margin:0px auto;display:flex;max-width:750px;flex-wrap:wrap;justify-content:center;width:100%;}
.country a{margin: 0px 3%;text-decoration:none;text-transform: uppercase;}
img.m-img{max-width:100%;}
.flag-position{margin-bottom:10%;display:flex;width:100%;justify-content:center;}
.country a p{margin:0px;padding:0px;color:#fff;text-decoration:none;font-size:24px;}
.fadeInLeft.first{-webkit-animation-delay:1s;animation-delay:1s;animation-iteration-count:1;}
.fadeInLeft.second{-webkit-animation-delay:1.5s;animation-delay:1.5s;animation-iteration-count:1;}
.fadeInLeft.third{-webkit-animation-delay:2s;animation-delay:2s;animation-iteration-count:1;}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-animation-duration:2s;animation-duration:2s;}
.floating{animation-name:floating;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;}
.country a img{
          transform:
          scale(1);transition:400ms;
          border: 4px solid #ffbd00;
          border-radius: 50%;
          }
.country a:hover img{transform:scale(0.8);}
.footer-logo{margin-top:5%;animation-delay:1s;animation-iteration-count:1;}
video.v-desktop{display:block;}
video.v-mobile{display:none;}
@media only screen and (max-width:767px){.flag-position{margin-bottom:30%;}
.footer-logo{margin-top:10%;}
.country a img{width: auto;max-width: 100%;}
.country a{margin:0px 2%;margin-bottom:20px;}
video.v-desktop{display:none;}
video.v-mobile{display:block;}
.country a p{font-size: 12px;}
.country{margin:0px auto;display: grid;max-width:750px;flex-wrap:wrap;justify-content:center;width:100%;grid-template-columns: repeat(4,1fr);gap: 15px;padding: 0px 10px;}
}
.fire{position:relative;width:100vw;height:100vh;}
#particles-js{position:absolute;bottom:0;width:100vw;height:100vh;}