body {
  background: #000;
  font: normal medium/1.3em 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
  color: #f8f8f8;
  margin: 0px;
  padding: 0px;
}

#wrapper {
  width: 100%;
  margin: 0px auto;
  max-width: 1920px;
  min-width: 320px;
}

a {
  text-decoration: none;
  outline: none;
}

#title {
  width: 100%;
  max-width: 620px;
  margin: 0px auto;
}

#title-img {
  display: block;
  width: 100%;
  margin: 0px;
}

hr {
  margin: 0px 2%;
}

#copyright {
  text-align: center;
  font-size: 13px;
  color: #f0f0f0;
  padding: 0px;
}

#wrapper {
  background: #000 url("https://dotsys.jp/img/error/SYS_close.svg") no-repeat top content-box scroll;
  background-size: contain;
  min-height: 100%;
}

#error {
  width: 100%;
  max-width: 620px;
  margin: 20% auto;
}

#error-img {
  width: 100%;
  margin: 0px;
}

#copyright {
  padding-bottom: 5%;
}

@media only screen and (max-width: 640px) {
  body {
    font-size: small;
  }
  a {
    text-decoration: none;
    outline: none;
  }
  hr {
    margin: 0px 2%;
  }
  #error-img {
    width: 100%;
    margin: 0px;
  }
}

@media only screen and (min-width: 641px) and (max-width: 1080px) {
  a {
    text-decoration: none;
    outline: none;
  }
  hr {
    margin: 0px 2%;
  }
  #error-img {
    width: 100%;
    margin: 0px;
  }
}

@media only screen and (min-width: 1081px) {
  a {
    text-decoration: none;
    outline: none;
  }
  hr {
    margin: 0px 2%;
  }
  #error-img {
    width: 100%;
    margin: 0px;
  }
}