body, html{
  height: 100%;
  min-height: 100vh;
  margin: 0px;
  /* background: url("../img/bg.png"); */
}
body {
  animation: fadeIn 2.5s ease 0s 1 normal;
  -webkit-animation: fadeIn 3s ease 0s 1 normal;

}

@keyframes fadeIn {
  0% {opacity: 0}
  100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
  0% {opacity: 0}
  100% {opacity: 1}
}

#title_uzuran     {
  margin-top: 50px;
  width: 100%;
}
#title_uzuran img {
  display: block;
  width: 50%;
  height: 50%;
  margin: 0 auto;
  color: #EBD71C;
}

#start     {
  margin-top: 50px;
}

#start img {
    position: relative;
    display: block;
    width: 15%;
    height: 15%;
    margin: 0 auto;
    color: #EBD71C;
    z-index: 10;
  }

#start a:link { color: #fff000; }
#start a:visited { color: #fff000; }
#start a:hover { color: #fff000; }
#start a:active { color: #fff000; }

#title {
  width       :510px;
  height      :350px;
  position    :relative;
  overflow    :hidden;
}

#instruction     {
  font-size: 13px;
  position: relative;
  margin-top: 20px;
  margin-left: auto;
  width: 70%;
  color: #EBD71C;
  z-index: 10;
  height: 600px;
}