@charset "UTF-8";

.gnav.--active {z-index: 999;}
.gmenu {z-index: 1000;}

.formError .formErrorContent { width: max-content;}

@media screen and (min-width: 1025px) {
.formError {}
.gnav {display: block !important;}
.nameformError.formError,
.kanaformError.formError,
.telformError.formError,
.mailformError.formError,
.prefformError.formError,
.cityformError.formError,
.addformError.formError,
.msgformError.formError { right: 0px !important; left: auto !important;}

}

@media (768px <= width <= 1024px) {
.contact .container .row.formRow.formBtnrow { flex-direction: row-reverse;}
.contact .container .row.formRow.rowtabcontact { flex-direction: row;}
.nameformError.formError,
.kanaformError.formError,
.telformError.formError,
.mailformError.formError { left: initial !important; right: 0 !important;}

.prefformError.formError,
.cityformError.formError,
.addformError.formError,
.msgformError.formError { left: initial !important; right: 0 !important;}
}
@media (width < 768px) {
.contact .container .row.formRow .formTh.col-md-4 { margin-bottom: 14px !important; width: 100% !important; justify-content: start;}
.contact .container .row.formRow .formTh .requiredText {margin-left: 10px;}
.nameformError.formError,
.kanaformError.formError,
.telformError.formError,
.mailformError.formError { left: initial !important; right: 0 !important;}

.prefformError.formError,
.cityformError.formError,
.addformError.formError,
.msgformError.formError { left: initial !important; right: 0 !important;}
}
@media screen and (max-width: 414px) {
.nameformError.formError,
.kanaformError.formError,
.telformError.formError,
.mailformError.formError { /*left: 220px !important;*/ right: 0px !important;}

.prefformError.formError,
.cityformError.formError,
.addformError.formError,
.msgformError.formError { left: 220px !important;}
  
.privacyAgreeformError.formError { margin-top: -35px !important;}
}