@charset "utf-8";
/* CSS Document */

/*template*/
*{margin:0; padding:0; outline:none; box-sizing:border-box;}
img,fieldset{border:0px; display:block;}
br.clear, div.clear{clear:both; font-size:0px;}
ul, ol{list-style:none;}
hr, legend{display:none;}
html{width:100%; height:100%; font-size:62.5%;}
body{width:100%; height:100%; overflow-x:hidden; overflow-y:scroll;}
textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox, button{-webkit-appearance:none; border-radius:0;}

main{width:100vw; height:100vh; display:block;}
main a{width:100%; height:100%; display:block; text-indent:-9000px;}

@media (orientation: landscape) 
{
    main{background:url('../images/homepage-landscape.webp') no-repeat top center / contain;}
}
  
@media (orientation: portrait)
{
    main{background:url('../images/homepage-portrait.webp') no-repeat top center / contain;}
}