.header-nav-wrapper{
   display: none!important;
}

/*-----------------------------------------
common
------------------------------------------*/
.maintenance .charactor-wrapper{
   display: none;
}
.charactor-wrapper{
   position: absolute;
   width: 262px;
   top: -105px;
   right: -66px;
   z-index: 12;
}
.bf-charactor-bg {
   max-width: 267px;
}
.bf-charactor {
   max-width: 146px;
   right: 55px;
   position: absolute;
   animation: fuwafuwa 2s infinite;
}
@keyframes fuwafuwa{
   0%{ top: 0px;}
 50%{ top: 7px;}
 100%{ top: 0px;}
}
h1{
   font-size: 22px;
   margin-bottom: 40px;
}
.signup h1{
   margin-bottom: 15px;
}
.auth h1.line::after{
   width: 48%;
}
.maintenance h1.line::after {
    width: 100%;
}
.maintenance h1 {
   margin-bottom: 20px;
}

.auth-inner.maintenance-message{
   display: flex;
}
/*-----------------------------------------
signup
------------------------------------------*/
.signup,
.auth{
   min-height: calc(100vh - 134px);
   margin: 55px auto 0;
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   overflow-x: hidden;
   z-index: 2;
}
.signup{
   padding: 25px 15px 70px;
}
#terms+label::after {
   top: calc(50% - 2px);
}
.signup-sec{
   position: relative;
   z-index: 1;
}
.usage-wrapper .label-wrapper{
   width: unset;
   margin-left: 5px;
}
.signup-form>form{
   display: flex;
   flex-direction: column;
}
.label-wrapper{
   display: flex;
   flex-direction: column;
   width: 100%;
}
.name-inner,
.usage-inner,
.your-business-inner,
.email-inner,
.password-inner,
.invited-code-inner{
   display:flex;
   gap: 20px;
   align-items: center;
}
.name-wrapper,
.your-business-wrapper,
.usage-wrapper,
.email-wrapper,
.password-wrapper,
.invited-code-wrapper{
   border-bottom: 1px dotted #ccc;
   padding: 10px 0;
}
.your-business-wrapper{
   visibility: hidden;
   transition: .3s;
   opacity: 0;
   pointer-events: none;
   height: 0;
   padding: 0;
}
.your-business-wrapper.active{
   visibility: visible;
   opacity: 1;
   pointer-events: auto;
   height: auto;
   padding: 10px 0;
}
.usage-wrapper{
   gap: 17px;
}
.consent-wrapper{
   margin-top: 20px 0 7px;
   text-align: center;
}
.terms li{
   line-height: 28px;
   margin-bottom: 8px;
}
.terms-wrapper{
   display: flex;
   margin: 5px 0 7px 30px;
   justify-content: center;
}
.terms-wrapper .divide{
   margin-right: 6px;
}
.btn-wrapper{
   display: flex;
   align-items: center;
   justify-content: center;
}
.btn-wrapper.m-t-10{
   margin-top: 10px;
}
.btn-wrapper.m-t-30{
   margin-top: 30px;
}
.btn-wrapper.m-t-50{
   margin-top: 50px;
}
#reg-btn{
   width: 300px;
}
div.err+.err-msg:not(.auth .err-msg){
   margin-left: 75px;
}
.login-inner .err-msg{
   transform: translateY(20px);
}
#last_name,
#first_name{
   max-width: 182px;
}
.signup-form {
   margin: 0 auto;
   display: flex;
   gap: 30px;
   align-items: center;
}
.maintenance .signup-form{
   display: none;
}

/*-----------------------------------------
login
------------------------------------------*/
.auth{
   padding: 100px 15px 70px;
}
main.auth.maintenance{
   padding: 0 15px 70px;
}
#auth{
   position: relative;
   display: flex;
   flex-direction: column;
   align-items: center;
    z-index: 1;
}
.auth .password-label{
   margin-top: 10px;
}
.auth .btn-wrapper {
  margin: 30px 0 0 0;
}
.auth form{
   display: flex;
   flex-direction: column;
   width: 300px;
   margin: 0 auto;
}
.auth-inner{
   max-width: 370px;
}
.auth .reset-wrapper{
   margin-top: 10px;
}
.auth .form-inner{
   display: flex;
   flex-direction: column;
}
.signup-wrapper{
   text-align: center;
   margin-top: 12px;
}
.signup-wrapper a{
   font-size: 15px;
}
.signup-desc.std{
   padding-left: 25px;
}
.signup-desc.std li{
   font-size: 14px;
   line-height: 22px;
}
.signup-desc.std li:not(:last-of-type){
   margin-bottom: 12px;
}
.form-inner-01 {
   max-width: 400px;
   width: 100%;
}
.form-inner-02 {
   display: flex;
   gap: 25px;
   flex-direction: column;
   justify-content: flex-start;
}
.invited .form-inner-02{
   padding-top: 38px;
   gap: 30px;
}
.invited-code-wrapper .note{
   text-align: right;
   margin: 7px 0 0px;
   width: 100%;
   max-width: 380px;
}
.invited .textLink::before, .ref::before {
   transform: translateY(0px);
}
.signup-desc.std li:not(:nth-of-type(1)){
   margin-top: 0px;
}
a.reset{
   display: block;
}
.signup-wrapper{
   display: flex;
   justify-content: center;
   align-items: center;
}
.signup-wrapper>a{
   display: block;
   width: 140px;
}
.btn.start-ritera{
   position: relative;
   padding-right: 40px;
}
.start-ritera::before,
.start-ritera::after{
   content: '';
   position: absolute;
   width: 10px;
   height: 2px;
   background-color: #fff;
   right: 16px;
   transition: .3s;
}
.start-ritera::before{
   transform: translateY(-50%) rotate(33deg);
   top: calc(50% - 3px);
}
.start-ritera::after{
   transform: translateY(-50%) rotate(-33deg);
   top: calc(50% + 2px);
}
.start-ritera:hover::before,
.start-ritera:hover::after{
   right: 13px;
}
.consent-wrapper input[type="checkbox"]+span::after {
   top: calc(50% - 2px);
}
/*-----------------------------------------
verify-email
------------------------------------------*/
.newEmail-input-wrapper{
   display: flex;
}
.verify-email-inner{
   max-width: 610px;
}

/*********************************************************************************
825px
**********************************************************************************/
@media screen and (max-width: 825px){
   .signup-form {
      flex-direction: column;
      align-items: center;
      gap: 15px;
   }
   .form-inner-02,
   .invited .form-inner-02{
      padding-top: 0;
      gap: 0;
   }
}
/*********************************************************************************
599px
**********************************************************************************/
@media screen and (max-width: 599px){
   .auth{
      padding: 100px 15px 3%;
   }
   .name-inner, .usage-inner, .your-business-inner, .email-inner, .invited-code-inner, .password-inner {
      align-items: flex-start;
      gap: 5px;
   }
   .name-inner,
   .usage-inner{
      flex-direction: column;
   }
   .required {
      margin-bottom: 10px;
   }
   .consent-wrapper,
   .terms-wrapper{
      font-size: 14px;
   }
   .bf-charactor-bg {
      right: 0;
   }
   #last_name, #first_name {
      max-width: unset;
      width: 100%;
   }
}
/*********************************************************************************
500px
**********************************************************************************/
@media screen and (max-width: 500px){
   .none-500{
      display: none;
   }

}