@charset "UTF-8";

#wrap {
  width: 100%;
  height: 100vh;
  display: table;
}
#wrap .outer {
  width: 100%;
  /*vertical-align: middle;*/
  display: table-cell;
  margin: 0 auto;
  padding: 114px 0 0 0;
}
#wrap .outer .inner {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
#wrap .outer .inner h1 {
  color: #7c7c7c;
  font-size: 40px;
  line-height: 1.0em;
  text-align: center;
  margin: 0 0 24px 0;
}
#wrap .outer .inner p {
  color: #525252;
  text-align: center;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
}
#wrap .outer .inner p.text {
  font-size: 16px;
  margin: 0 0 64px 0;
}
#wrap .outer .inner form {
  width: 280px;
  margin: 0 auto;
  padding: 0;
}
#wrap .outer .inner form input[type="text"] {
  width: 100%;
  color: #646464;
  font-size: 30px;
  line-height: 2.0em;
  letter-spacing: 0.6px;
  text-align: center;
  border-top: none;
  border-bottom: solid 1px #b1b1b1;
  border-left: none;
  border-right: none;
  margin: 0 0 32px 0;
  padding: 0 4px;
}
::placeholder{
  color:#ccc
}
#wrap .outer .inner form input[type="text"]:focus {
  outline: 0;
}
#wrap .outer .inner form button {
  color: #85e7c6;
  font-size: 18px;
  line-height: 2.0em;
  border: none;
  background: #419478;
  padding: 0 16px;
}

#wrap .outer .inner p a {
  color: #3f3f3f;
}