#bodyBox {
  padding-top: unset;
}

/* container
---------------------------------------------- */
#indexContainer {
  width: 100%;
  height: 100%;
  border-top: #000 5px solid;
}

/* contents
---------------------------------------------- */
#indexContents {
  height: 100%;
  text-align: center;
  margin: 0 auto;
}
@media screen and (min-width: 900px) {
  #indexContents {
    max-width: 960px;
    padding: 110px 0 130px;
  }
}
@media screen and (max-width: 899px) {
  #indexContents {
    padding: 40px 20px;
  }
}
#indexContents .logo {
  margin: 0 auto;
}
@media screen and (min-width: 900px) {
  #indexContents .logo {
    width: 256px;
  }
}
@media screen and (max-width: 899px) {
  #indexContents .logo {
    width: 100%;
    max-width: 200px;
  }
}
@media screen and (max-width: 899px) {
  #indexContents .logo img {
    width: 100%;
  }
}
@media screen and (min-width: 900px) {
  #indexContents .serviceName {
    width: 256px;
    margin: 25px auto 0;
  }
}
@media screen and (max-width: 899px) {
  #indexContents .serviceName {
    width: 100%;
    max-width: 240px;
    margin: 16px auto 0;
  }
}
#indexContents .inputLabel {
  margin: 30px auto 10px;
  text-align: center;
}
@media screen and (max-width: 899px) {
  #indexContents .inputLabel {
    font-size: 16px;
    margin: 32px auto 16px;
  }
}
#indexContents form {
  margin: 0 auto;
}
@media screen and (min-width: 900px) {
  #indexContents form {
    max-width: 450px;
  }
}
@media screen and (max-width: 899px) {
  #indexContents form {
    width: 100%;
  }
}
#indexContents .pass {
  line-height: 1;
  padding: 5px;
  text-align: center;
}
@media screen and (min-width: 900px) {
  #indexContents .pass {
    max-width: 450px;
    font-size: 90px;
    height: 100px;
  }
}
@media screen and (max-width: 899px) {
  #indexContents .pass {
    width: 100%;
    max-width: 280px;
    font-size: 2.5rem;
  }
}
#indexContents #btnArea {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 900px) {
  #indexContents #btnArea {
    margin-top: 20px;
  }
}
@media screen and (max-width: 899px) {
  #indexContents #btnArea {
    margin-top: 16px;
  }
}
#indexContents .guide {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  border: 1px solid #aaa;
  padding: 8px 12px;
  background-color: #eee;
}
@media screen and (min-width: 900px) {
  #indexContents .guide {
    margin: 80px auto 0;
  }
}
@media screen and (max-width: 899px) {
  #indexContents .guide {
    margin: 40px auto 0;
  }
}/*# sourceMappingURL=index.css.map */