@charset "UTF-8";
/*//////////////////////////////////////////////////
	各scssの読み込み
//////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////
    LIMITED PAGE
//////////////////////////////////////////////////*/
/*--------------------------------------------------
    限定フォーム
--------------------------------------------------*/
.limited-container {
  display: grid;
  grid-template-columns: 1fr;
  padding: 0 2rem;
  border: 3px solid #958A5E;
  background: #121212;
}
.limited-container .limited-headline {
  margin-bottom: 2.4rem;
  text-align: center;
  font-size: 1.6rem;
}
.limited-container .limited-note {
  margin-bottom: 2.4rem;
  text-align: center;
  font-size: 1.4rem;
}
.limited-container .limited-login {
  padding: 3rem 0;
  border-bottom: 1px solid #958A5E;
}
.limited-container .limited-login .input-wrap {
  overflow: hidden;
  display: flex;
  flex-flow: row wrap;
  border: 1px solid #fff;
  border-radius: 4px;
}
.limited-container .limited-login .input-wrap input, .limited-container .limited-login .input-wrap button {
  height: 4.6rem;
  border: none;
  border-color: transparent;
}
.limited-container .limited-login .input-wrap input {
  width: 70%;
  font-size: 1.6rem;
  color: #121212;
  background: #fff;
}
.limited-container .limited-login .input-wrap input::placeholder {
  font-size: 1.4rem;
}
.limited-container .limited-login .input-wrap button {
  width: 30%;
  text-align: center;
  font-size: 1.4rem;
  color: #fff;
  background: #121212;
}
.limited-container .limited-entry {
  padding: 3rem 0;
}
.limited-container .limited-entry .c-button .c-button-btn--black {
  width: 100%;
  color: #fff;
  background: #958A5E;
}
.limited-container .limited-entry .c-button .c-button-btn--black::after {
  border-color: #fff;
}

@media screen and (min-width: 769px) {
  .limited-container {
    grid-template-columns: repeat(2, 1fr);
    padding: 5rem 0;
  }
  .limited-container .limited-headline {
    font-size: 2rem;
  }
  .limited-container .limited-note {
    font-size: 1.5rem;
  }
  .limited-container .limited-login, .limited-container .limited-entry {
    padding: 4rem 5rem;
  }
  .limited-container .limited-login {
    border-right: 1px solid #958A5E;
    border-bottom: none;
  }
  .limited-container .limited-login .limited-headline {
    margin-bottom: 5rem;
  }
  .limited-container .limited-login .input-wrap {
    overflow: hidden;
    display: flex;
    flex-flow: row wrap;
    border: 1px solid #fff;
    border-radius: 4px;
  }
  .limited-container .limited-login .input-wrap input, .limited-container .limited-login .input-wrap button {
    height: 6.8rem;
  }
  .limited-container .limited-login .input-wrap input {
    width: 76%;
  }
  .limited-container .limited-login .input-wrap button {
    width: 24%;
  }
  .limited-container .limited-entry .limited-headline {
    margin-bottom: 1.2rem;
  }
  .limited-container .limited-entry .limited-note {
    margin-bottom: 3.2rem;
  }
}
/*# sourceMappingURL=style.css.map */