@charset "UTF-8";


body, form {
     font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'  
     margin:0px;
     padding:50px;
     border:0;
     outline:0;
     vertical-align:baseline;
     background-color: #000000;
     color: #ffffff;
     line-height: 2;
}



div {
margin: 30px 0px 0px 0px;
}

@media (min-width: 480px) {
  table.brwsr1 {
/* 20px @ 480px increasing to 100px @ 800px */
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 50px 10px;
    font-size: calc(1.25rem + ((1vw - 4.8px) * 25));
    /* Where: * 25 = 100 * font_Size_Difference / viewport_Width_Difference */
  }
   #ymd{
/* 20px @ 480px increasing to 60px @ 800px */
    font-size: calc(1.25rem + ((1vw - 4.8px) * 12.5));
    /* Where: * 12.5 = 100 * font_Size_Difference / viewport_Width_Difference */
  }
}
/* Prevent font scaling beyond this breakpoint */
@media (min-width: 800px) {
  table.brwsr1 {
    margin: 0 auto;
    font-size: 100px;
  }
  #ymd {
    margin: 0 auto;
    font-size: 60px;
  }
}