.thb-login-page-wrapper{display:flex;flex-direction:column}.thb-login-page-wrapper>img{width:100%}@media only screen and (min-width: 768px){.thb-login-page-wrapper{flex-direction:row;align-items:center}.thb-login-page-wrapper>*{flex-basis:50%;width:50%}}.thb-form-container{display:flex;flex-direction:column;padding:40px 0 48px}@media only screen and (min-width: 768px){.thb-form-container{padding:40px 0 70px}}@media only screen and (min-width: 768px){.thb-form-container{flex-direction:row;justify-content:space-around}}.thb-form-container #recover{display:none}.thb-form-container #recover:target{display:block}.thb-form-container #recover:target+#login{display:none}.thb-form-container .thb-login-form,.thb-form-container .thb-register-form{width:100%;flex:1;max-width:640px;margin:0 auto}@media only screen and (min-width: 768px){.thb-form-container .thb-login-form,.thb-form-container .thb-register-form{padding:0 30px}}@media only screen and (min-width: 1068px){.thb-form-container .thb-login-form,.thb-form-container .thb-register-form{padding:0 60px}}.thb-form-container .thb-login-form .form-notification,.thb-form-container .thb-register-form .form-notification{margin-bottom:15px}.thb-form-container .thb-login-form+.thb-register-form{margin-top:60px}@media only screen and (min-width: 768px){.thb-form-container .thb-login-form+.thb-register-form{margin-top:0;border-left:1px solid var(--color-border)}}.thb-form-container h4{margin-bottom:10px;text-align:center;text-transform:uppercase}.thb-form-container p{font-size:.875rem;margin-bottom:35px;text-align:center}.thb-form-container input{margin-bottom:10px}.thb-form-container .button{margin-top:10px}.thb-form-container .switch-login-section{text-align:center;font-size:.875rem;line-height:1.75;margin-top:15px}.thb-form-container .switch-login-section .text-button{display:inline;font-size:inherit;margin-right:0}.thb-form-container .switch-login-section div{margin-top:5px}.account-activate-buttons{display:flex;flex-direction:column;grid-gap:10px}.account-activate-buttons .button{width:100%}@media only screen and (min-width: 768px){.account-activate-buttons{flex-direction:row}}.account-type-select{max-width:1486px;width:100%;margin:0 auto 2rem}.account-type-select .wrapper>.inner-container{padding:0 1rem}.account-type-select .wrapper>.inner-container .form-options{display:flex;align-items:center;justify-content:center;margin:0 auto;max-width:333px;width:100%;height:71px;border:1px solid #000;border-radius:5px}.account-type-select .wrapper>.inner-container .form-options .form-option{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:0 0;grid-template-areas:"top" "bottom";margin:0;padding:10px 0;max-width:361px;width:100%;height:100%;border-right:1px solid #000;text-align:center;cursor:pointer}.account-type-select .wrapper>.inner-container .form-options .form-option .form-option-title{margin:0;color:#000;font-family:Noto Sans JP,Helvetica,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:400;letter-spacing:0}.account-type-select .wrapper>.inner-container .form-options .form-option .form-option-icon{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin:0 auto;width:100%;height:18px;color:#000;font-size:18px}.account-type-select .wrapper>.inner-container .form-options .form-option .form-option-icon i{font-size:18px;width:18px}.account-type-select .wrapper>.inner-container .form-options .form-option .form-option-icon svg{width:24px;vertical-align:top}.account-type-select .wrapper>.inner-container .form-options .form-option:first-of-type{border-top-left-radius:5px;border-bottom-left-radius:5px}.account-type-select .wrapper>.inner-container .form-options .form-option:last-of-type{border:none;border-top-right-radius:5px;border-bottom-right-radius:5px}.account-type-select .wrapper>.inner-container .form-options .form-option.active{background-color:#c00}.account-type-select .wrapper>.inner-container .form-options .form-option.active .form-option-title{color:#fff}.account-type-select .wrapper>.inner-container .form-options .form-option.active .form-option-icon{color:#fff}.account-type-select .wrapper>.inner-container .form-options .form-option.active .form-option-icon svg polygon{fill:#fff}
/*# sourceMappingURL=/cdn/shop/t/583/assets/login-register.css.map */