.title-page[data-v-eed61098]{text-decoration:none;display:block}.standard-header__inner[data-v-fff0a144]{display:flex;align-items:center;justify-content:space-between;height:inherit;padding:0 1.5rem}.standard-header__inner__left[data-v-fff0a144],.standard-header__inner__right[data-v-fff0a144]{display:flex;gap:.5rem;align-items:center}.anchor-base[data-v-baabe780]{text-decoration:underline;color:inherit}.anchor-base[data-v-baabe780]:hover{cursor:pointer}.svg-base[data-v-5007f616]{display:block;background-color:var(--svg-base__color);-webkit-mask-image:var(--svg-base__src);mask-image:var(--svg-base__src);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.side-menu-item-content[data-v-8748edfa]{--color-active-background: var(--color-side-menu__item__background--active);display:flex;align-items:center;width:100%;padding:1em;margin-bottom:1em;cursor:pointer;border-radius:.5em}.side-menu-item-content[data-v-8748edfa]:last-child{margin-bottom:0}.side-menu-item-content[data-permission=teacher][data-v-8748edfa]{--color-active-background: var(--color-standard-header__background--teacher);--color-active-text: var(--color-default__text--inverse)}.side-menu-item-content[data-active=true][data-v-8748edfa]{color:var(--color-active-text, inherit);background-color:var(--color-active-background)}.side-menu-item-content__icon[data-v-8748edfa]{width:1.75em;height:1.75em;margin-right:.5em}.horizontal-rule[data-v-4f323ee9]{color:var(--color-default__border);border:none;border-top:1px solid currentColor;margin:0}.side-menu[data-v-8a05b7a9]{display:flex;flex-direction:column;padding:.5em;background-color:var(--color-default__background);border-radius:0 1em 1em 0;box-shadow:2px 0 8px #00000014}.side-menu__header[data-v-8a05b7a9]{display:flex;flex-direction:column;align-items:center;margin-bottom:.75em}.side-menu__logo[data-v-8a05b7a9]{margin-bottom:.25em}.side-menu__user-name-suffix[data-v-8a05b7a9]{margin-left:.25em}.side-menu__nav[data-v-8a05b7a9]{flex:1;padding:.75em 0}.side-menu__footer[data-v-8a05b7a9]{padding:.5em 0}.side-menu__logout[data-v-8a05b7a9]{display:flex;align-items:center;justify-content:center;width:100%;padding:.6em 1em;font-size:.75em;color:var(--color-side-menu__logout__text);text-decoration:none}.side-menu__logout-icon[data-v-8a05b7a9]{width:1em;height:1em;margin-right:.5em}.student-layout[data-v-94d5e1e0]{--header-height: 4rem;position:relative;display:flex;width:100%;height:100vh;background-color:var(--color-default__background--student)}.student-layout__header-background[data-v-94d5e1e0]{position:fixed;top:0;right:0;left:0;width:100%;height:var(--header-height);background-color:var(--color-standard-header__background)}.student-layout__main[data-v-94d5e1e0]{position:fixed;inset:0;display:flex;background-color:transparent}.student-layout__main__side-menu[data-v-94d5e1e0]{width:250px;padding:calc(var(--header-height) / 2) 0;overflow-y:auto}.student-layout__main__side-menu__content[data-v-94d5e1e0]{height:100%}.student-layout__main__right-area[data-v-94d5e1e0]{display:flex;flex-grow:1;flex-direction:column;height:100vh}.student-layout__main__right-area__header[data-v-94d5e1e0]{height:var(--header-height)}.student-layout__main__right-area__main-page[data-v-94d5e1e0]{padding:1rem;overflow:auto}.student-layout__main__right-area__main-page__content[data-v-94d5e1e0]{padding:1rem;background-color:var(--color-default__background);border-radius:1rem}.student-layout__main__right-area__main-page__content[data-no-background=true][data-v-94d5e1e0]{padding:0;background-color:transparent;border-radius:0}.button-base[data-v-3b3799c3]{text-decoration:none;display:block;position:relative;outline:none;vertical-align:baseline}.button-base[data-v-3b3799c3]:hover{cursor:pointer}.button-submit[data-v-0cca9d45]{padding:1em;border-radius:.5em;color:var(--color-button-submit__text);background-color:var(--color-button-submit__background)}.teacher-layout[data-v-23976b43]{--header-height: 4rem;position:relative;display:flex;width:100%;height:100vh;background-color:var(--color-default__background--teacher)}.teacher-layout__header-background[data-v-23976b43]{position:fixed;top:0;right:0;left:0;width:100%;height:var(--header-height);background-color:var(--color-standard-header__background--teacher)}.teacher-layout__main[data-v-23976b43]{position:fixed;inset:0;display:flex;background-color:transparent}.teacher-layout__main__side-menu[data-v-23976b43]{width:250px;padding:calc(var(--header-height) / 2) 0;overflow-y:auto}.teacher-layout__main__side-menu__content[data-v-23976b43]{height:100%}.teacher-layout__main__right-area[data-v-23976b43]{display:flex;flex-grow:1;flex-direction:column;height:100vh}.teacher-layout__main__right-area__header[data-v-23976b43]{height:var(--header-height);color:var(--color-default__text--inverse)}.teacher-layout__main__right-area__header__back-button[data-v-23976b43]{padding:.5rem 1rem;color:var(--color-default__text--inverse);background-color:transparent;border:1px solid var(--color-default__text--inverse);border-radius:.3rem}.teacher-layout__main__right-area__main-page[data-v-23976b43]{padding:1rem;overflow:auto}.teacher-layout__main__right-area__main-page__content[data-v-23976b43]{padding:1rem}.study-header[data-v-af76c652]{width:100%;height:3.75rem;background-color:var(--color-default__background)}.study-header__inner[data-v-af76c652]{display:flex;align-items:center;justify-content:space-between;height:inherit;padding:.5rem 1.5rem}.study-header__inner__left[data-v-af76c652],.study-header__inner__right[data-v-af76c652]{display:flex;gap:.5rem;align-items:center}.study-header__inner__left__logo[data-v-af76c652],.study-header__inner__right__logo[data-v-af76c652]{width:4.5rem}.student-study-layout[data-v-7999135f]{display:flex;flex-direction:column;width:100%;height:100vh;background-color:var(--color-default__background--student)}.student-study-layout__main-page[data-v-7999135f]{display:flex;flex-grow:1;flex-direction:column;padding:1rem;overflow:auto}.student-study-layout__main-page__content[data-v-7999135f]{flex-grow:1;padding:1rem;background-color:var(--color-default__background);border-radius:.5rem}.student-study-layout__main-page__content[data-no-background=true][data-v-7999135f]{padding:0;background-color:transparent;border-radius:0}.input-text-base[data-v-50c675b3]{border:1px solid var(--color-input__border);background-color:var(--color-input__background);appearance:none;outline:none}.input-text[data-v-99d70747]{border:1px solid var(--color-input__border);border-radius:.8em;padding:.5em;background-color:var(--color-input__background)}.input-text[data-v-99d70747]:focus{outline:none}.login-form[data-v-997d35fe]{display:flex;flex-flow:column;align-items:center;background-color:var(--color-default__background);border-radius:1em;padding:2em 1em}.login-form__logo[data-v-997d35fe]{margin-bottom:2em}.login-form__form[data-v-997d35fe]{width:80%}.login-form__form__label[data-v-997d35fe]{width:100%;margin-bottom:.5em}.login-form__form__code[data-v-997d35fe]{width:100%}.login-form__form__errors[data-v-997d35fe]{margin-top:.5em;padding:.25em;background-color:var(--color-default__error__background);color:var(--color-default__error__text)}.login-form__form__submit[data-v-997d35fe]{width:100%;margin-top:2em}.login-page[data-v-4ca7f08d]{padding:2em 0;min-height:100vh;display:flex;flex-flow:column;align-items:center;background-color:var(--color-student__background)}.login-page__title[data-v-4ca7f08d]{color:var(--color-default__text--inverse);margin-bottom:2rem}.login-page__form[data-v-4ca7f08d]{width:450px}.my-page__content[data-v-aed85cd8]{margin-top:30vh;color:var(--color-default__error__text)}.study-introduction[data-v-df0359db]{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;height:100%}.study-introduction__material-name[data-v-df0359db]{margin-top:2rem}.study-introduction__start-button[data-v-df0359db]{min-width:16rem;padding:1rem 2rem;margin-top:8rem;color:var(--color-button-study__text);background-color:var(--color-button-study__background);border-radius:.5rem}.study-introduction__material-list-button[data-v-df0359db]{padding:.5rem 1rem;color:var(--color-button-study__text);background-color:var(--color-button-study__background);border-radius:.25rem}.button-icon[data-v-bb2583f5]{display:flex;align-items:center;justify-content:center}.button-icon__icon[data-v-bb2583f5]{width:100%;height:100%;object-fit:contain}.button-subject[data-v-1d8b7162]{box-sizing:border-box;width:100%;height:100%;padding:2em;background-color:var(--button-subject-bg);border-radius:.5em}.subject-select[data-v-bce8913f]{--button-size: 14em;--button-gap: 1.5em}.subject-select__heading[data-v-bce8913f]{margin-bottom:1em;color:var(--color-student__heading__text)}.subject-select__buttons[data-v-bce8913f]{display:flex;flex-wrap:wrap;gap:var(--button-gap);justify-content:center;max-width:calc(var(--button-size) * 3 + var(--button-gap) * 2);margin:0 auto}.subject-select__button[data-v-bce8913f]{width:var(--button-size);aspect-ratio:1/1}.button-guide[data-v-b4b2577f]{display:flex;flex-direction:column;gap:.25rem;align-items:center;justify-content:center;padding:1.5rem;color:var(--color-button-guide__text);background-color:var(--color-button-guide__background);border-radius:.2rem}.button-guide__icon[data-v-b4b2577f]{width:2rem;height:2rem;object-fit:contain}.top-page__menu-buttons[data-v-1551f1f1]{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1.5rem}.top-page__menu-buttons__item[data-v-1551f1f1]{flex:0 1 20%;max-width:25%}.debug-home[data-v-28aac41a]{position:relative}*,*:before,*:after{box-sizing:border-box}ul[class],ol[class]{padding:0}body,h1,h2,h3,h4,p,ul[class],ol[class],figure,blockquote,dl,dd{margin:0}html{scroll-behavior:smooth}body{text-rendering:optimizeSpeed}ul[class],ol[class]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}article>*+*{margin-top:1em}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--base-color__white: #ffffff;--base-color__text: #000000;--base-color__background: #ffffff;--base-color__background--student: #f8f7ed;--base-color__background--teacher: #ededed;--base-color__border: #cfcfcf;--base-color__student__theme: #65b3d2;--base-color__teacher__theme: #003b6b;--base-color__submit: #de9700;--base-color__accent-blue: #0068b6;--base-color__accent-light-blue: #cedeff;--base-color__accent-pale-blue: #f4f7ff;--base-color__text-light: #636363;--base-color__background-warm: #dbd4ce;--base-color__error: #f44336;--base-color__error--transparent: #e62e8b18;--base-color__emphasis: #f44336;--base-color__subject__math: #9ca8cd;--base-color__subject__english: #b59dc8;--base-color__subject__japanese: #e396a4;--base-color__subject__science: #80c5b6;--base-color__subject__social: #f5b491;--color-default__background: var(--base-color__background);--color-default__background--student: var(--base-color__background--student);--color-default__background--teacher: var(--base-color__background--teacher);--color-default__text: var(--base-color__text);--color-default__text--inverse: var(--base-color__white);--color-default__border: var(--base-color__border);--color-default__error__text: var(--base-color__error);--color-default__error__background: var(--base-color__error--transparent);--color-student__background: var(--base-color__student__theme);--color-student__heading__text: var(--base-color__accent-blue);--color-teacher__button__background: var(--base-color__accent-pale-blue);--color-teacher__button__text: var(--base-color__accent-blue);--color-subject__math: var(--base-color__subject__math);--color-subject__english: var(--base-color__subject__english);--color-subject__japanese: var(--base-color__subject__japanese);--color-subject__science: var(--base-color__subject__science);--color-subject__social: var(--base-color__subject__social);--color-input__border: var(--color-default__border);--color-input__background: var(--base-color__background);--color-button-submit__background: var(--base-color__submit);--color-button-submit__text: var(--base-color__white);--color-button-guide__background: var(--color-teacher__button__background);--color-button-guide__text: var(--color-teacher__button__text);--color-button-study__background: var(--base-color__accent-blue);--color-button-study__text: var(--base-color__white);--color-standard-header__background: var(--base-color__background-warm);--color-standard-header__background--teacher: var(--base-color__teacher__theme);--color-question-check-tab__primary: var(--base-color__accent-blue);--color-question-check-tab__answered: var(--base-color__accent-light-blue);--color-side-menu__item__background--active: var(--base-color__background-warm);--color-side-menu__logout__text: var(--base-color__text-light);--color-study__choice__background: var(--base-color__border);--color-study__choice__border--selected: var(--base-color__emphasis);--font-size-xxlarge: 2rem;--font-size-xlarge: 1.5rem;--font-size-large: 1.2rem;--font-size-medium: 1rem;--font-size-small: .9rem;--font-size-xsmall: .75rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--input-height-default: 40px;--line-height-default: 1.6;--line-height-thin: 1.4;--line-height-none: 1}html{width:100%;height:100%;font-size:16px;background-color:var(--color-default__background)}body{position:relative;width:100%;height:100%;font-family:BIZ UDPGothic,sans-serif;font-size:var(--font-size-medium);font-style:normal;font-weight:var(--font-weight-regular);color:var(--color-default__text);background-color:var(--color-default__background)}body,input,select,optgroup,textarea{line-height:var(--line-height-none)}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-thin)}#app{min-width:100%;min-height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-size-xsmall{font-size:var(--font-size-xsmall)}.text-size-small{font-size:var(--font-size-small)}.text-size-medium{font-size:var(--font-size-medium)}.text-size-large{font-size:var(--font-size-large)}.text-size-xlarge{font-size:var(--font-size-xlarge)}.text-size-xxlarge{font-size:var(--font-size-xxlarge)}.text-weight-regular{font-family:BIZ UDPGothic,sans-serif;font-style:normal;font-weight:400}.text-weight-bold{font-family:BIZ UDPGothic,sans-serif;font-style:normal;font-weight:700}.line-height-none{line-height:var(--line-height-none)}.line-height-thin{line-height:var(--line-height-thin)}.line-height-default{line-height:var(--line-height-default)}.display-none{display:none}.float-left{float:left}.float-right{float:right}.float-clear{clear:both}.inline{display:inline-block}.align-left{text-align:left}.align-center{text-align:center}body p{margin:0}body a{color:var(--color-default__text);text-decoration-line:underline;cursor:pointer}div#overlayLoading{position:fixed;inset:0;z-index:99999;background-color:#00000080}div#overlayLoading div#loadingImage{--loading-image-size: 300px;position:relative;top:calc((100% - var(--loading-image-size)) / 2);left:calc((100% - var(--loading-image-size)) / 2);width:var(--loading-image-size);height:var(--loading-image-size);background-color:transparent;background-image:url(/assets/loading-yKP5GGg-.png);background-size:var(--loading-image-size) var(--loading-image-size);border:none;animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vfm--fixed{position:fixed}.vfm--absolute{position:absolute}.vfm--inset{inset:0}.vfm--overlay{z-index:-1;background-color:#00000080}.vfm--prevent-none{pointer-events:none}.vfm--prevent-auto{pointer-events:auto}.vfm--outline-none:focus{outline:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.vfm-fade-enter-active{animation:fade-in .3s ease}.vfm-fade-leave-active{animation:fade-out .3s ease}.vfm-bounce-back{transition-property:transform;transition-duration:.3s}.vfm-slide-up-enter-active,.vfm-slide-up-leave-active,.vfm-slide-down-enter-active,.vfm-slide-down-leave-active{transition:transform .3s ease}.vfm-slide-down-enter-from,.vfm-slide-down-leave-to{transform:translateY(100vh)!important}.vfm-slide-up-enter-from,.vfm-slide-up-leave-to{transform:translateY(-100vh)!important}.vfm-slide-right-enter-active,.vfm-slide-right-leave-active,.vfm-slide-left-enter-active,.vfm-slide-left-leave-active{transition:transform .3s ease}.vfm-slide-right-enter-from,.vfm-slide-right-leave-to{transform:translate(100vw)!important}.vfm-slide-left-enter-from,.vfm-slide-left-leave-to{transform:translate(-100vw)!important}.vfm-swipe-banner-back,.vfm-swipe-banner-forward{position:fixed;top:0;bottom:0;width:27px;z-index:10}.vfm-swipe-banner-back{left:0}.vfm-swipe-banner-forward{right:0}