@import url(../fonts/cooperb/font.css);
@import url(../fonts/HiraKakuPro-W3/font.css);
@import url(../fonts/HiraKakuPro-W6/font.css);
@import url(common.css);

html, body {
  height: 100%; }

.page.signupLogin {
  height: 100%;
  background: url("../img/signup/tenposs-signup-01.png") no-repeat;
  background-size: 100%; }

.container-wrap-form {
  position: fixed;
  width: 520px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%); }
  .container-wrap-form h2.title-container {
    font-size: 2.4rem;
    font-family: "HiraKakuPro-W6-AlphaNum";
    color: white;
    margin-bottom: 40px;
    text-align: center; }
  .container-wrap-form p.content {
    font-size: 1.4rem;
    color: white;
    font-family: "HiraKakuPro-W3-AlphaNum";
    margin-bottom: 20px; }
  .container-wrap-form .wrap-form {
    padding: 50px;
    background: white;
    border-radius: 3px; }
    .container-wrap-form .wrap-form .formTenposs div.form-group {
      margin-bottom: 20px; }
    .container-wrap-form .wrap-form .formTenposs label {
      font-size: 1.6rem;
      font-family: "HiraKakuPro-W3-AlphaNum";
      color: #686868; }
    .container-wrap-form .wrap-form .formTenposs .form-group-btn {
      margin-top: 10px; }
      .container-wrap-form .wrap-form .formTenposs .form-group-btn input.btn-submit {
        width: 70%;
        margin: 0 auto;
        color: white; }
    .container-wrap-form .wrap-form .formTenposs p.register {
      font-size: 1.4rem;
      font-family: "HiraKakuPro-W3-AlphaNum";
      text-align: center;
      margin-bottom: 5px; }
      .container-wrap-form .wrap-form .formTenposs p.register a {
        color: #288CDC; }
  .container-wrap-form .wrap-form-forgot .btn-submit {
    width: 100%;
    max-width: 280px;
    border: none;
    padding: 7px 0;
    text-align: center;
    color: white;
    border: none;
    border-radius: 4px; }
  .container-wrap-form .wrap-form-forgot .left-form {
    float: left;
    width: 78%; }
    .container-wrap-form .wrap-form-forgot .left-form input {
      padding: 6px 12px;
      height: 40px; }
  .container-wrap-form .wrap-form-forgot .right-form {
    float: right;
    width: 20%; }
    .container-wrap-form .wrap-form-forgot .right-form .btn-submit {
      width: 100%; }