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