.login .page_mv {
  height: 360px;
}
@media (max-width: 767px) {
  .login .page_mv {
    height: 320px;
  }
}
@media (max-width: 619px) {
  .login .page_mv {
    height: 240px;
  }
}
.login .page_mv .hdg::before {
  display: none;
}
.login .loginWrap {
  padding: 120px 0;
}
@media (max-width: 767px) {
  .login .loginWrap {
    padding: 80px 0;
  }
}
@media (max-width: 619px) {
  .login .loginWrap {
    padding: 48px 0;
  }
}
.login .loginWrap .login_inner {
  margin: auto;
  max-width: 1400px;
  padding: 0 20px;
  width: 100%;
}
.login .loginWrap .login_inner_in {
  display: flex;
}
@media (max-width: 1024px) {
  .login .loginWrap .login_inner_in {
    flex-flow: column wrap;
    gap: 32px;
    max-width: 640px;
    margin: auto;
  }
}
.login .loginWrap .login_inner_in .login_inner_item {
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  flex: 1 1 50%;
  padding: 64px;
}
@media (max-width: 619px) {
  .login .loginWrap .login_inner_in .login_inner_item {
    padding: 32px;
  }
}
.login .loginWrap .login_inner_in .login_inner_item.login {
  background-color: rgba(151, 137, 73, 0.7);
  color: #fff;
}
.login .loginWrap .login_inner h3 {
  font-size: 2rem;
  margin-bottom: 2em;
}
@media (max-width: 619px) {
  .login .loginWrap .login_inner h3 {
    font-size: 1.6rem;
  }
}
.login .loginWrap .login_inner h3 em {
  display: block;
  font-family: "Cormorant Garamond", serif;
  font-size: 320%;
  line-height: 1;
}
.login .loginWrap .login_inner .login_lead {
  font-size: 1.4rem;
  min-height: 7em;
}
@media (max-width: 619px) {
  .login .loginWrap .login_inner .login_lead {
    font-size: 1.2rem;
    min-height: auto;
    margin-bottom: 2em;
  }
}
.login .loginWrap .login_inner .formArea input {
  width: 100%;
}
.login .loginWrap .login_inner .formArea #loginForm {
  display: flex;
  flex-flow: row nowrap;
}
.login .loginWrap .login_inner .formArea .loginPassWordBox {
  width: calc(100% - 48px);
}
.login .loginWrap .login_inner .formArea #loginPassWord {
  height: 64px;
  padding: 0 1em;
}
@media (max-width: 619px) {
  .login .loginWrap .login_inner .formArea #loginPassWord {
    height: 48px;
  }
}
.login .loginWrap .login_inner .formArea #loginPassSend {
  background: #000 url(../img/common/arrow.svg) no-repeat 50%;
  background-size: 35%;
  height: 64px;
  text-indent: -9999px;
  width: 64px;
}
@media (max-width: 619px) {
  .login .loginWrap .login_inner .formArea #loginPassSend {
    height: 48px;
    width: 48px;
  }
}
.login .loginWrap .login_inner .cvBtns a.cvBtn {
  padding: 0 20px;
  min-height: 64px;
}
@media (max-width: 619px) {
  .login .loginWrap .login_inner .cvBtns a.cvBtn {
    min-height: 48px;
  }
}/*# sourceMappingURL=login.css.map */