@import"https://fonts.googleapis.com/css2?family=Roboto:wght@700&family=Noto+Sans+JP:wght@400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}.login-page{font-family:Noto Sans JP,sans-serif;background-color:#f1f2f4;overflow:hidden}.login-container{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.background-image{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}.background-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0003;z-index:2}.content-wrapper{position:relative;z-index:3;display:flex;align-items:center;gap:76px;padding:0 260px}.brand-section{display:flex;flex-direction:column;gap:24px}.main-title{font-family:Roboto,sans-serif;font-weight:700;font-size:80px;line-height:1em;letter-spacing:2%;color:#fff;text-align:left;margin:0}.subtitle-wrapper{display:flex;align-items:stretch;padding-left:4px}.subtitle{font-family:Noto Sans JP,sans-serif;font-weight:500;font-size:22px;line-height:1.4479999542236328em;color:#fff;flex:1}.login-section{width:400px;height:444px}.login-card{width:100%;height:100%;background-color:#fff;border-radius:8px;box-shadow:0 0 8px #00000026;display:flex;align-items:center;justify-content:center}.login-form{width:280px;display:flex;flex-direction:column;align-items:center;gap:56px}.login-title{font-family:Noto Sans JP,sans-serif;font-weight:700;font-size:24px;line-height:1.4479999542236328em;color:#333;text-align:center;margin:0}.form-fields{width:100%;display:flex;flex-direction:column;gap:16px}.input-group{width:100%}.form-input{width:100%;height:54px;padding:16px 18px;border:1px solid #cccccc;border-radius:4px;background-color:#fff;font-family:Noto Sans JP,sans-serif;font-weight:400;font-size:15px;line-height:1.2em;color:#333;outline:none;transition:border-color .2s ease}.form-input:focus{border-color:#0041c0}.form-input::-moz-placeholder{color:#333;opacity:1}.form-input::placeholder{color:#333;opacity:1}.password-wrapper{position:relative;width:100%}.password-wrapper .form-input{padding-right:50px}.password-toggle{position:absolute;right:18px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.password-toggle:hover{opacity:.7}.login-button{width:100%;height:auto;padding:8px 0;background-color:#0041c0;border:none;border-radius:5px;font-family:Noto Sans JP,sans-serif;font-weight:500;font-size:15px;line-height:1.4479999542236328em;color:#fff;text-align:center;cursor:pointer;transition:background-color .2s ease}.login-button:hover{background-color:#039}.login-button:active{background-color:#026}.login-button:disabled{background-color:#ccc;cursor:not-allowed}.error-message{color:#dc2626;font-size:14px;margin-top:8px;text-align:center}@media (max-width: 1200px){.content-wrapper{padding:0 100px;gap:50px}.main-title{font-size:60px}}@media (max-width: 900px){.content-wrapper{flex-direction:column;padding:50px;gap:40px}.main-title{font-size:48px;text-align:center}.subtitle{text-align:center}}@media (max-width: 600px){.content-wrapper{padding:20px}.login-section{width:100%;max-width:400px}.main-title{font-size:36px}.subtitle{font-size:18px}}@media (max-width: 480px){.login-card{margin:0 20px}.login-form{width:240px}.main-title{font-size:28px}}