@charset "UTF-8";

/* 414px以下のスクリーン */
@media only screen and (max-width: 414px) {
  input[type=text],
  input[type=email],
  input[type=number] {
  }
  section#copy img {
    width: 98%;
  }
}

/* 大きいスクリーン */
@media only print, screen and (min-width: 415px) {
  section#copy img {
    width: 100%;
    max-width: 952px;
  }
  /* prelogin */
}

/* 共通 */
.gimmick-bg * {
  margin: 0;
  padding: 0;
  line-height: 1.414em;
  color: #747474;
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
  font-size: 12px;
}
.gimmick-bg input, .gimmick-bg textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.gimmick-bg input:focus {
  outline: none;
}
.gimmick-bg input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #000000 inset;
    -webkit-text-fill-color: white !important;
}
body.gimmick-bg  {
  background-color: #000;
}

.gimmick-bg article#bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: url("/regate/img/terminal.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  animation: fadeIn 2s ease 0s 1 normal;
  -webkit-animation: fadeIn 2s ease 0s 1 normal;
}
.gimmick-bg .container {
  position: absolute;
  top: 50%;
  width: 100%;
}
.gimmick-bg section#copy {
  position: relative;
  width: 98%;
  max-width: 952px;
  margin: auto;
  opacity: 0;
/*  filter: opacity(0%);*/
/*  filter: alpha(opacity=1);*/
/*  -ms-filter: "alpha(opacity=1)";*/
  animation: fadeIn 0s ease 2.5s 1 forwards;
  -webkit-animation: fadeIn 0s ease 2.5s 1 forwards;
/*  zoom: 1;*/
}
.gimmick-bg section#copy img {
/*
  position: absolute;
  top: 50%;
*/
}

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

/*
  prelogin
*/

@keyframes fadeOut {
  0% {opacity: 1}
  100% {opacity: 0}
}
@-webkit-keyframes fadeOut {
  0% {opacity: 1}
  100% {opacity: 0}
}
.gimmick-bg #loginform .formwrapper {
  position: relative;
  width: 220px;
  margin: auto;
  height: 100%;
}
.gimmick-bg .fo {
  animation: fadeOut 2s ease 0s 1 normal;
  -webkit-animation: fadeOut 2s ease 0s 1 normal;
}
.gimmick-bg #new_staff {
  position: absolute;
  width: 100%;
  margin: auto;
  /* height: 100%; */
  /* top: 504px; */
}
.gimmick-bg input[type=text],
.gimmick-bg input[type=email],
.gimmick-bg input[type=password] {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #999;
  padding: 6px;
  margin: 0 0 10px 0;
  background-color: #000;
  text-indent: 70px;
  color: #FFF;
}
.gimmick-bg input[type=submit] {
  width: 100%;
  background-color: #FFF;
  border: 1px solid #999;
  color: #000;
  border-radius: 3px;
  padding: 5px;
  margin: 15px 0 0px 0;
}
.gimmick-bg label#id {
  position: absolute;
  top: 8px;
  left: 8px;
  color: #FFF;
}
.gimmick-bg label#pw {
  position: absolute;
  top: 47.5px;
  left: 8px;
  color: #FFF;
}