html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;touch-action:none}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input[type=submit]{-webkit-appearance:none}:root{--primaryBlue: #0075f6;--primaryBlueTint: #0467de;--primaryBlueHighlight: #b2d8ff;--disabledColor: #b6b6b9;--disabledBorderColor: #6d6d72;--neutralColor: #aaaaaa;--whiteHilightColor: #ccc;--warnYellow: #ffe44d;--errorRed: #ff5e4d;--desktopBackColor: #12264d}@font-face{font-family:loilo-NotoSansCJKjp-Regular;font-weight:400;font-style:normal;src:url(./loilo-NotoSansCJKjp-Regular-6JC6DDDQ.otf) format("opentype");font-display:swap}@font-face{font-family:loilo-NotoSansCJKjp-Black;font-style:normal;font-weight:700;src:url(./loilo-NotoSansCJKjp-Black-YMLAEJST.otf) format("opentype");font-display:swap}@font-face{font-family:loilo-NotoSansCJKtc-Regular;font-style:normal;font-weight:400;src:url(./loilo-NotoSansCJKtc-Regular-2CDRVRZM.otf) format("opentype");font-display:swap}@font-face{font-family:loilo-NotoSansCJKtc-Black;font-style:normal;font-weight:700;src:url(./loilo-NotoSansCJKtc-Black-FG3PBB4H.otf) format("opentype");font-display:swap}@font-face{font-family:loilo-NotoSansCJKsc-Regular;font-style:normal;font-weight:400;src:url(./loilo-NotoSansCJKsc-Regular-QL4DGD4C.otf) format("opentype");font-display:swap}@font-face{font-family:loilo-NotoSansCJKsc-Black;font-style:normal;font-weight:700;src:url(./loilo-NotoSansCJKsc-Black-4A4DOTMA.otf) format("opentype");font-display:swap}:lang(ja-JP){--notoFontFamily: "Noto Sans JP"}:lang(en-US){--notoFontFamily: "Noto Sans JP"}:lang(zh-Hant){--notoFontFamily: "Noto Sans TC"}:lang(zh-Hans){--notoFontFamily: "Noto Sans SC"}:root *{--fallbackFontFamilies: "Roboto", YuGothic, "Yu Gothic", "\6e38\30b4\30b7\30c3\30af\4f53", "\30d2\30e9\30ae\30ce\89d2\30b4  Pro W3", "Hiragino Kaku Gothic Pro", Roboto, \30e1\30a4\30ea\30aa, Meiryo, "\ff2d\ff33  \ff30\30b4\30b7\30c3\30af", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif;--vh: 1vh;font-family:var(--notoFontFamily),var(--fallbackFontFamilies)}body{background-color:var(--desktopBackColor)}:root{--loginWidth: 382px;--loginPadding: 0px;--loginWidthNoPadding: var(--loginWidth);--loginContentMargin: 20px;--loginContentWidth: calc( var(--loginWidthNoPadding) - var(--loginContentMargin) * 2 );--loginSelectAccountLabelHeight: 44px}@media (max-width: 480px){:root{--loginWidth: 100vw}}@media (max-width: 480px) and (orientation: portrait),(max-height: 480px) and (orientation: landscape){:root{--loginPadding: 0 15px;--loginWidthNoPadding: calc(var(--loginWidth) - 30px)}}.login-root{width:100%;height:100%;display:flex;justify-content:center;overflow-y:auto}#main .login-root .brand{display:flex;justify-content:center;padding:44px 0;font-weight:700;text-align:center;color:#fff;font-size:40pt}.brandImage{width:238px;height:74px}@media (min-width: 480px){.login-main{width:var(--loginWidth)}}@media (max-width: 480px) and (orientation: portrait),(max-height: 480px) and (orientation: landscape){.login-main{width:var(--loginWidth);padding:var(--loginPadding);margin:0;box-sizing:border-box}}#main .login-root .login-main .alert-message{border-radius:4px;display:block;background-color:#ffdce0;color:#86181d;padding:20px;margin-bottom:15px}.alertMessageBody{line-height:1.2em}#main .login-root .login-main .login-form{border-radius:4px;padding:20px;background-color:#f0f0f0;margin-bottom:15px}.form-label,.form-input{display:block;padding:5px 0}.form-input{width:100%;box-sizing:border-box;font-size:12pt;padding:5px;border:1px solid #000;margin-bottom:10px}.submit-button{cursor:pointer;width:100%;text-align:center;font-size:17px;font-weight:700;padding:10px;margin-top:10px;margin-bottom:10px;background-color:#1b73e8;border:none;border-radius:4px;color:#fff}.submit-button:active{background-color:#fff;color:#1b73e8}.submit-button:disabled{background-color:#ccc}#main .login-root .login-main .login-form .guest-login-button{background-color:#616161}.forgotPasswordLink{display:flex;justify-content:center}.forgotPasswordLink a{color:#f0f0f0;margin-top:5px;margin-bottom:50px}.secondaryLoginLinks{display:flex;flex-direction:column;align-items:center}.secondaryLoginLinks a{color:#f0f0f0;margin-top:10px;margin-bottom:10px}.ssoLoginLinks{display:flex;align-items:center;flex-direction:column}.ssoLoginLink{margin-bottom:15px}.ssoLoginLinks a{padding:0 10px;max-width:100%;display:flex;box-sizing:border-box;align-items:center;width:250px;height:44px;background-color:#fff;border:1px #ccc solid;border-radius:4px;text-decoration:none;color:#000}.ssoLoginLinks a:active{background-color:#1b73e8;color:#fff}.ssoLoginLinks span{text-align:center;flex:1}:root{--needsUpdateDialogWidth: 900px}@media (max-width: 900px){:root{--needsUpdateDialogWidth: 100%}}#continue[data-internal]:target{display:none}.loginNeedsUpdateWrapper{width:100%;height:100%;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;background-color:#fffffff2;overflow-y:auto}.loginNeedsUpdate{width:var(--needsUpdateDialogWidth);padding:15px;box-sizing:border-box;background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #00000026}.loginNeedsUpdateTitle{text-align:center;font-weight:700;margin:10px 0;font-size:22px}.loginNeedsUpdateDescription{padding:10px 0}.loginNeedsUpdateText{width:75%;text-align:center;line-height:20px;margin:auto}.loginNeedsUpdateLink{font-size:19px;font-weight:700;padding:20px 0}.loginYourBrowser{margin:10px 0;padding:10px 0;width:100%;box-sizing:border-box;font-size:13px;text-align:center;background-color:#efefef;border-radius:4px}.loginContinueButton{width:16px;height:16px;border:none;background-color:transparent;background-image:linear-gradient(-45deg,transparent,transparent calc(50% - 1px),#6c737a calc(50% - 1px),#6c737a calc(50% + 1px),transparent calc(50% + 1px),transparent),linear-gradient(45deg,transparent,transparent calc(50% - 1px),#6c737a calc(50% - 1px),#6c737a calc(50% + 1px),transparent calc(50% + 1px),transparent)}.loginContinueButton:active{background-color:#b2d8ff}.unSupportBrowserInfo{border-radius:4px;padding:15px;margin-bottom:40px;background-color:#fff;color:#000;text-align:center}.unSupportBrowserInfoTitle{margin-bottom:14px}.unSupportBrowserInfoDescription{font-size:13px;padding:10px 0}.unSupportBrowserInfoDescriptionLine{margin-bottom:10px;font-weight:700}.unSupportBrowserInfoDescriptionLine:last-child{margin-bottom:0}.loginFooter{width:var(--loginWidth);margin-top:40px}.loginFooterInner{margin:0 auto}@media (max-width: 480px) and (orientation: portrait),(max-height: 640px) and (orientation: landscape){.loginFooter{width:100%}}.loginLocaleLinkList{padding:15px 0;margin:0 auto;display:flex;justify-content:space-evenly}.loginLocaleLinkItem{display:flex;justify-content:center}.loginLocaleLink{text-decoration:none;padding-bottom:5px;color:#fff;border-bottom:2px transparent solid;box-sizing:border-box}.loginLocaleLink[data-selected=true],.loginLocaleLink:hover{border-bottom:2px white solid}.loginSelectAccountTitle{text-align:center;margin-bottom:10px}.loginSelectAccountList{border:1px solid #ccc;max-height:calc(var(--loginSelectAccountLabelHeight) * 5.5);overflow-y:scroll}.loginSelectAccountLabel{cursor:pointer;display:flex;align-items:center;min-height:var(--loginSelectAccountLabelHeight);padding:5px;box-sizing:border-box;border-bottom:1px solid #ccc;background-color:#fff}.loginSelectAccountLabel:active{background-color:var(--primaryBlueHighlight)}.loginSelectAccountLabel:last-child{border-bottom:none}.loginSelectAccountSchoolName{padding:0 5px;overflow:hidden;height:100%;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;width:calc(var(--loginContentWidth) - 20px - 10px);font-size:17px;font-weight:700}
