@charset "utf-8";
/* sec_login
=============================================== */
.sec_login .cmn_form{
  display: flex;
  align-items: center;
}
.sec_login .cmn_form>*{
  flex: 1;
}
.sec_login h2{
  margin-bottom:30px;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width :834px){
  .sec_login .cmn_form{
    flex-direction: column;
    align-items: stretch;
  }
  .sec_login h2{
    margin-bottom:25px;
    font-size:1.7rem;
  }
}

/* area_login */
.area_login .box_row+.box_row{
  margin-top: 20px;
}
.area_login .box_input label{
  display: block;
  margin-bottom: 12px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: var(--lh-sub);
}
.area_login .box_checkbox{
  margin-top:35px;
}
.area_login .cmn_btn{
  margin: 39px auto 0;
}
.area_login .cmn_btn>*{
  width: auto;
}
.area_login .txt_link{
  margin-top: 30px;
  text-align: center;
}
.area_login .txt_link a{
  font-size: 1.5rem;
  font-weight: 500;
  color: #1d46cf;  
}
@media (min-width :835px){
  .area_login{
    padding-right: 64px;
    border-right: solid 1px var(--color-border);
  }
}
@media screen and (max-width :834px){
  .area_login .box_row+.box_row{
    margin-top: 15px;
  }
  .area_login .box_input label{
    margin-bottom:7px;
    font-size: 1.3rem;
  }

  .area_login .box_checkbox{
    margin-top:30px;
  }

  .area_login .cmn_btn{
    margin: 30px auto 0;
  }
  .area_login .cmn_btn>*{
    width: auto;
  }
  .area_login .txt_link{
    margin-top: 15px;
  }
}
/* area_new */
.area_new .cmn_btn > *{
  color: var(--font-black);
}
@media (min-width :835px){
  .area_new{
    padding-left: 64px;
  }
}
@media screen and (max-width :834px){
  .area_new{
    margin-top: 32px;
    padding-top: 32px;
    border-top: solid 1px var(--color-border);
  }

}