html, body {
  width: 100%;
  height: 100%;
  overflow: hidden; }

body {
  background: #0d0d0d url(../image/background.jpg) no-repeat center;
  background-size: contain;
  position: relative; }

.container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 4%;
  margin: auto 0;
  max-width: 840px;
  max-height: 580px; }
  .container img {
    display: block;
    margin: 0 auto; }
    .container img.logo {
      margin-top: 70px; }
    .container img.coming {
      margin-top: 70px; }
    .container img.line {
      margin-top: 60px; }
    .container img.please {
      margin-top: 50px; }

@media (max-width: 1560px) {
  .container {
    max-width: 620px; }
    .container .coming {
      width: 100%; } }

@media (max-width: 840px) {
  .container {
    left: 0; }
    .container .coming {
      width: 94%; } }

@media (max-width: 400px) {
  .container .please {
    width: 94%; } }