@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;background: #000;}
.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 5%;text-decoration:none;}
img.m-img{max-width:100%;}
.flag-position{margin-bottom: 2%;display:flex;width:100%;justify-content:center;}
.country a p{margin:0px;padding:0px;color: #fff;text-decoration:none;font-size:24px;text-shadow: 0px 0px 13px #458b00, 0px 0px 13px #458b00, 0px 0px 13px #458b00, 0px 0px 13px #458b00;}
.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;}
.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: 10%;}
.footer-logo{margin-top:10%;}
.country a img{width: 70%;}
.country a{margin: 0px;margin-bottom:20px;}
video.v-desktop{display:none;}
video.v-mobile{display:block;}
.country a p{font-size:18px;}
.country{margin:0px auto;display:flex;max-width:750px;flex-wrap: inherit;justify-content:center;width:100%;}
}
.fire{position:relative;width:100vw;height:100vh;}
#particles-js{position:absolute;bottom:0;width:100vw;height:100vh;}
