@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-gold{color:#e3bf4b}body{color:#777;font-size:16px}body .empty-space{height:267px}body main .page-title-container-in-main{margin-bottom:5rem}body main .flex{-moz-column-gap:5rem;column-gap:5rem}body main .flex .login-content-left{width:50%;max-width:100%}body main .flex .login-content-left .login-description{letter-spacing:2.4px;color:#777;margin-bottom:3em;font-family:Yu Mincho Pr6N;font-size:16px;line-height:28px}body main .flex .login-content-left .line-account-select-container{width:100%}body main .flex .login-content-left .line-account-select-container .account-options{flex-direction:column;gap:1.5rem;display:flex}body main .flex .login-content-left .line-account-select-container .account-options form{width:100%}body main .flex .login-content-left .line-account-select-container .account-options form .login-button{color:#fff;letter-spacing:2.1px;cursor:pointer;background-color:#777;border:none;width:100%;max-width:528px;height:50px;padding:0;font-family:MFW-PGothicMB101Pr6N-Medium,Noto Sans JP,sans-serif;font-size:14px;font-style:normal;line-height:42px;transition:all .3s;position:relative}body main .flex .login-content-left .line-account-select-container .account-options form .login-button:hover:not(:disabled){background-color:#a9a9a9}body main .flex .login-content-left .line-account-select-container .account-options form .login-button:disabled{cursor:not-allowed;opacity:.6;background-color:#777}body main .flex .login-content-left form .input-field-wrapper{position:relative}body main .flex .login-content-left form .input-field-wrapper .input-label{letter-spacing:1.8px;color:#a9a9a9;pointer-events:none;z-index:1;font-family:MFW-PGothicBBBPr6N-Regular;font-size:12px;font-style:normal;font-weight:400;line-height:18px;position:absolute;top:11px;left:18px}body main .flex .login-content-left form .input-field-wrapper .login-input{letter-spacing:1.8px;background-color:#fff;border:1px solid #777;width:327px;max-width:100%;height:40px;padding:0 18px;font-family:MFW-PGothicBBBPr6N-Regular;font-size:12px;font-style:normal;font-weight:400;line-height:18px}body main .flex .login-content-left form .input-field-wrapper .login-input:focus{border-color:#777;outline:none}body main .flex .login-content-left form .forgot-pass-text{color:#777;text-align:justify;letter-spacing:1.8px;margin-bottom:1em;font-family:MFW-PGothicBBBPr6N-Regular;font-size:12px;line-height:18px;text-decoration-line:underline}body main .flex .login-content-left form .login-button-container{margin-top:1em;position:relative}body main .flex .login-content-left form .login-button-container .login-button{color:#fff;letter-spacing:2.1px;background-color:#777;border:none;width:317px;max-width:100%;height:50px;padding:0;font-family:MFW-PGothicMB101Pr6N-Medium,Noto Sans JP,sans-serif;font-size:14px;font-style:normal;line-height:42px;transition:all .3s;position:relative}body main .flex .login-content-left form .login-button-container .login-button:hover:not(:disabled){background-color:#a9a9a9}body main .flex .login-content-left form .login-button-container .login-button:disabled{cursor:not-allowed;background-color:#777}body main .flex .login-content-left form .login-button-container .login-spinner{pointer-events:none;z-index:10;position:absolute;top:50%;right:15px;transform:translateY(-50%)}body main .flex .login-content-left form .login-button-container .login-spinner svg{filter:drop-shadow(0 1px 2px #0000001a);animation:1s linear infinite spin}body main .flex .login-content-left .divider-gold{background-color:#e3bf4b;width:527px;max-width:100%;height:1px;margin-top:45px;margin-bottom:1.5rem}body main .flex .login-content-left .social-login-section{margin-top:3rem}body main .flex .login-content-left .social-login-section .social-login-title{letter-spacing:2.4px;color:#777;margin-bottom:1rem;font-family:Yu Mincho Pr6N;font-size:16px;line-height:42px}body main .flex .login-content-left .social-login-section .btn-line{color:#fff;letter-spacing:2.1px;background-color:#06c755;border:none;justify-content:center;align-items:center;width:317px;max-width:100%;height:50px;padding:0;font-family:MFW-PGothicMB101Pr6N-Medium,Noto Sans JP,sans-serif;font-size:14px;font-weight:700;line-height:42px;text-decoration:none;transition:background-color .3s;display:inline-flex;position:relative}body main .flex .login-content-left .social-login-section .btn-line:hover{background-color:#05a948}body main .flex .login-content-left .social-login-section .btn-line svg{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}body main .flex .login-content-left .social-login-section .btn-line span{text-align:center;flex:1;line-height:42px}body main .flex .login-content-right{width:50%;padding-top:76px}body main .flex .login-content-right .inner{background-color:#ededed;padding:4em}body main .flex .login-content-right .inner .title{letter-spacing:2.4px;margin-bottom:2rem;line-height:28px}body main .flex .login-content-right .inner .content{letter-spacing:2.1px;margin-bottom:2rem;font-size:14px;line-height:31px}body main .flex .login-content-right .inner .register-button button{letter-spacing:2.1px;text-align:center;background-color:#fafafa;width:258px;padding:.5em;font-family:MFW-PGothicMB101Pr6N-Medium,Noto Sans JP,sans-serif;font-size:14px;line-height:42px;transition:all .3s}body main .flex .login-content-right .inner .register-button button:hover{background-color:#fff}@media (width<=1440px){body main{margin:24px}body .page-title-container .page-title{color:#e3bf4b}}@media (width<=1200px){body main{width:90%}body main .flex{-moz-column-gap:2rem;column-gap:2rem}body main .flex .login-content-left form .input-field-wrapper .login-input,body main .flex .login-content-left form .login-button-container .login-button,body main .flex .login-content-left .divider-gold,body main .flex .login-content-left .social-login-section .btn-line{width:100%}}@media (width<=1000px){body main .flex{-moz-column-gap:1rem;column-gap:1rem}}@media (width<=860px){body .empty-space{height:120px}body main .page-title-container-in-main{margin-bottom:3rem}body main .page-title-container-in-main .page-title-content-in-main-en{letter-spacing:4.2px;font-size:28px}body main .page-title-container-in-main .page-title-content-in-main-ja{letter-spacing:.64px;font-size:8px;line-height:2}body main .flex{flex-direction:column}body main .flex .login-content-left{width:100%}body main .flex .login-content-left .login-description{letter-spacing:.96px;margin-bottom:2em;font-size:12px;line-height:27px}body main .flex .login-content-left .line-account-select-container .account-options form .login-button{width:100%;max-width:100%}body main .flex .login-content-left form .input-field-wrapper .login-input{letter-spacing:1.5px;width:100%;font-size:10px}body main .flex .login-content-left form .input-field-wrapper .input-label{font-size:10px}body main .flex .login-content-left form .login-button-container .login-button{letter-spacing:1.8px;width:100%;font-size:12px}body main .flex .login-content-left form .login-button-container .login-spinner{right:12px}body main .flex .login-content-left form .login-button-container .login-spinner svg{width:16px;height:16px}body main .flex .login-content-left .divider-gold,body main .flex .login-content-left .social-login-section .btn-line{width:100%}body main .flex .login-content-right{width:100%;padding-top:76px}body main .flex .login-content-right .inner{padding:2em}body main .flex .login-content-right .inner .title{text-align:center;margin-bottom:1.5rem;line-height:16px}body main .flex .login-content-right .inner .content{letter-spacing:1.8px;font-size:12px;line-height:27px}body main .flex .login-content-right .inner .register-button button{width:100%}}.line-id-connection-page{flex-direction:column;justify-content:flex-start;align-items:center;min-height:calc(100vh - 200px);padding:60px 24px 40px;display:flex}.line-id-connection-page .page-title{letter-spacing:4.8px;color:#777;text-align:center;margin-bottom:60px;font-family:MFW-PGothicMB101Pr6N-Medium,Noto Sans JP,sans-serif;font-size:24px;font-weight:400}.line-id-connection-page .logo-container{justify-content:center;align-items:center;margin-bottom:60px;display:flex}.line-id-connection-page .logo-container .ballet-logo{width:180px;height:auto}.line-id-connection-page .buttons-container{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:400px;display:flex}.line-id-connection-page .buttons-container form{width:100%}.line-id-connection-page .buttons-container .btn-line-register{cursor:pointer;background-color:#06c755;border:none;border-radius:28px;justify-content:center;align-items:center;width:100%;height:56px;padding:0 20px;transition:background-color .3s;display:flex;position:relative}.line-id-connection-page .buttons-container .btn-line-register:hover{background-color:#05a948}.line-id-connection-page .buttons-container .btn-line-register .line-icon{justify-content:center;align-items:center;display:flex;position:absolute;left:20px}.line-id-connection-page .buttons-container .btn-line-register .line-icon svg{width:24px;height:24px}.line-id-connection-page .buttons-container .btn-line-register .btn-text{letter-spacing:1.5px;color:#fff;font-family:MFW-PGothicMB101Pr6N-Medium,Noto Sans JP,sans-serif;font-size:15px;font-weight:500}.line-id-connection-page .buttons-container .btn-line-register .btn-arrow{justify-content:center;align-items:center;display:flex;position:absolute;right:20px}.line-id-connection-page .buttons-container .btn-registered{cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:28px;justify-content:center;align-items:center;width:100%;height:56px;padding:0 20px;transition:all .3s;display:flex;position:relative}.line-id-connection-page .buttons-container .btn-registered:hover{background-color:#f5f5f5;border-color:#ccc}.line-id-connection-page .buttons-container .btn-registered .btn-text{letter-spacing:1.5px;color:#999;font-family:MFW-PGothicMB101Pr6N-Medium,Noto Sans JP,sans-serif;font-size:15px;font-weight:500}.line-id-connection-page .buttons-container .btn-registered .btn-arrow{justify-content:center;align-items:center;display:flex;position:absolute;right:20px}.line-id-connection-page .copyright-footer{color:#999;text-align:center;letter-spacing:1px;margin-top:auto;padding-top:60px;font-family:MFW-PGothicMB101Pr6N-Regular,Noto Sans JP,sans-serif;font-size:12px}@media (width<=860px){.line-id-connection-page{padding:40px 20px 30px}.line-id-connection-page .page-title{letter-spacing:3px;margin-bottom:40px;font-size:20px}.line-id-connection-page .logo-container{margin-bottom:40px}.line-id-connection-page .logo-container .ballet-logo{width:140px}.line-id-connection-page .buttons-container{gap:16px;max-width:100%}.line-id-connection-page .buttons-container .btn-line-register,.line-id-connection-page .buttons-container .btn-registered{height:52px}.line-id-connection-page .buttons-container .btn-line-register .btn-text,.line-id-connection-page .buttons-container .btn-registered .btn-text{letter-spacing:1px;font-size:14px}.line-id-connection-page .copyright-footer{padding-top:40px;font-size:11px}}
