@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600;700&family=Rajdhani:wght@400;700&family=Montserrat:wght@600;700&display=swap";.l-page--login{--login-bg-color: #f4f7fb;--login-border-color: #b3b3b3;--login-btn-color: #3e88c7;--login-link-color: #00b4e6;--login-btn-gradient: linear-gradient(90deg, #00b4e6 0%, #00ae84 100%)}.l-page--login main{background-color:var(--login-bg-color)}.login{padding:80px 0}@media screen and (max-width:768px){.login{padding:50px 0 80px}}.login__card{max-width:560px;margin:0 auto;padding:50px 60px;border-radius:10px;background-color:#fff;box-shadow:2px 2px 10px 0 rgba(0,0,0,.1)}@media screen and (max-width:768px){.login__card{padding:50px 20px}}.login__ttl{font-size:2.4rem;font-weight:700;line-height:1.6;text-align:center}.login__form{margin-top:30px}.login__error{margin-bottom:20px;color:var(--text-red-color);font-size:1.4rem;font-weight:500;line-height:1.6}.login__field+.login__field{margin-top:20px}.login__label{display:block;font-size:1.6rem;font-weight:500;line-height:1.6}.login .login__input{-webkit-appearance:none;appearance:none;display:block;width:100%;height:auto;min-height:46px;margin-top:6px;padding:0 12px;border:1px solid var(--login-border-color);border-radius:3px;background-color:#fff;color:var(--text-primary-color);font-size:1.6rem;line-height:1.6}.login .login__input:focus-visible{outline:2px solid var(--login-link-color);outline-offset:2px}.login__remember{display:flex;align-items:center;gap:8px;margin-top:20px;font-size:1.4rem;line-height:1.6;cursor:pointer}.login__remember input[type=checkbox]{flex-shrink:0;width:16px;height:16px;margin:0;accent-color:var(--login-btn-color);cursor:pointer}.login__submit{margin-top:40px}.login__btn{display:flex;align-items:center;justify-content:center;width:280px;min-height:56px;margin:0 auto;padding:0 10px;border-radius:4px;color:#fff;font-size:1.6rem;font-weight:700;line-height:1.6;text-align:center;transition:opacity .3s ease;cursor:pointer}.login__btn:hover{opacity:.7}.login__btn:focus-visible{outline:2px solid var(--login-link-color);outline-offset:2px}.login__btn:disabled{opacity:.5;cursor:default}.login__btn--login{background-color:var(--login-btn-color)}@media screen and (max-width:768px){.login__btn--login{width:190px}}.login__btn--regist{background:var(--login-btn-gradient)}@media screen and (max-width:768px){.login__btn--regist{width:100%}}.login__forgot{margin-top:24px;text-align:center}.login__forgot a{transition:opacity .3s ease}.login__forgot a:hover{opacity:.5}.login__forgot a{color:var(--login-link-color);font-size:1.4rem;font-weight:500;line-height:1.6;text-decoration:underline}.login__regist{max-width:560px;margin:50px auto 0}@media screen and (max-width:768px){.login__regist{margin-top:40px;padding:0 20px}}