body {
  background-color: #eee;
}

header {
  margin-top: -150px;
}

@media screen and (max-width: 700px) {
  #logo {
    min-width: 75vw;
    max-width: 75vw;
    margin: 0 auto;
  }
}

#wrapper {
  width: 90%;
  background-color: #fff;
  margin-top: 150px;
  margin-bottom: 60px;
  max-width: 900px;
}

#wrapper .login {
  margin: 0 auto;
  padding: 20vh 0;
  text-align: center;
}

#wrapper .login img {
  margin: 0 auto;
}

#wrapper .login .logo {
  min-width: 320px;
  max-width: 330px;
  margin: 0 auto;
  margin-bottom: 25px;
}

@media screen and (max-width: 700px) {
  #wrapper .login .logo {
    min-width: 75vw;
    max-width: 75vw;
  }
}

input[type=text]{
  width:200px;
  height:30px;
  font-size: 20px;
  padding: 0 10px;
}

input[type=password]{
  width:200px;
  height:30px;
  font-size: 20px;
  padding: 0 10px;
}

.button {
  display       : inline-block;
  border-radius : 5px;          /* 角丸       */
  font-size     : 14px;         /* 文字サイズ  */
  text-align    : center;       /* 文字位置   */
  cursor        : pointer;      /* カーソル   */
  padding       : 10px 30px;    /* 余白       */
  background    : #630000;      /* 背景色     */
  color         : #ffffff;      /* 文字色     */
  line-height   : 1em;          /* 1行の高さ  */
  transition    : .3s;          /* なめらか変化 */
  border        : 2px solid #630000;    /* 枠の指定 */
}
.button:hover {
  color         : #630000;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}

@media screen and (max-width: 700px) {
  #wrapper .login {
    padding: 5vh 0;
  }

  input[type="submit"],
  input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
  }
  input[type="submit"]::-webkit-search-decoration,
  input[type="button"]::-webkit-search-decoration {
    display: none;
  }
  input[type="submit"]::focus,
  input[type="button"]::focus {
    outline-offset: -2px;
  }

  input[type=text]{
    width:200px;
    height:50px;
    font-size: 20px;
    padding: 0 10px;
  }

  input[type=password]{
    width:200px;
    height:50px;
    font-size: 20px;
    padding: 0 10px;
  }
}