.select-base[data-v-25f82d09]{position:relative;display:inline-block;border:var(--border) solid var(--color-gray-1);border-radius:var(--radius);background:var(--bgColor);height:var(--input-height-default)}.select-base[data-v-25f82d09]:before{position:absolute;top:50%;transform:translateY(-50%);right:10px;width:0;height:0;padding:0;content:"";border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--btnColor);pointer-events:none}.select-base__select[data-v-25f82d09]{height:100%;width:var(--width);position:relative;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:transparent;background-image:none;box-shadow:none;cursor:pointer;padding:0 35px 0 15px;color:var(--color);font-size:var(--font-size-small)}.select-base__select[data-v-25f82d09]::-ms-expand{display:none}.unit-information[data-v-af36de60]{min-width:325px;display:flex;flex-direction:column;justify-content:space-between}.unit-information__name[data-v-af36de60]{flex-grow:1;border-radius:.25rem .25rem 0 0;display:flex;align-items:center;padding:10px}.unit-information__name__sugaku[data-v-af36de60]{background-image:url(/img/back_graphic_sugaku.png);background-size:cover}.unit-information__name__sugaku-completed[data-v-af36de60]{background-image:url(/img/back_graphic_sugaku-G.png);background-size:cover}.unit-information__name__kokugo[data-v-af36de60]{background-image:url(/img/back_graphic_kokugo.png);background-size:cover}.unit-information__name__kokugo-completed[data-v-af36de60]{background-image:url(/img/back_graphic_kokugo-G.png);background-size:cover}.unit-information__name__eigo[data-v-af36de60]{background-image:url(/img/back_graphic_eigo.png);background-size:cover}.unit-information__name__eigo-completed[data-v-af36de60]{background-image:url(/img/back_graphic_eigo-G.png);background-size:cover}.unit-information__name__rika[data-v-af36de60]{background-image:url(/img/back_graphic_rika.png);background-size:cover}.unit-information__name__rika-completed[data-v-af36de60]{background-image:url(/img/back_graphic_rika-G.png);background-size:cover}.unit-information__name__syakai[data-v-af36de60]{background-image:url(/img/back_graphic_syakai.png);background-size:cover}.unit-information__name__syakai-completed[data-v-af36de60]{background-image:url(/img/back_graphic_syakai-G.png);background-size:cover}.unit-information__action[data-v-af36de60]{margin:10px;text-align:center}.student-bottom-panel[data-v-57e1ae51]{position:fixed;left:0;bottom:30px;width:100%}.student-bottom-panel .student-bottom-panel__wrap[data-v-57e1ae51]{padding-left:285px;text-align:left;display:flex;flex-grow:1;justify-content:space-between;min-width:700px}.student-bottom-panel .student-bottom-panel__wrap__home[data-v-57e1ae51]{cursor:pointer;position:relative}.student-bottom-panel .student-bottom-panel__wrap__home__icon[data-v-57e1ae51]{filter:none;width:50px;height:40px;position:absolute;top:5px}.student-bottom-panel .student-bottom-panel__wrap__home__control[data-v-57e1ae51]{display:flex;flex-grow:1;justify-content:space-evenly}.ratio-bar-text[data-v-0299be93]{height:1.4em;position:relative;padding:.1em 0}.ratio-bar-text__bar-area[data-v-0299be93]{height:1.2em;background-color:var(--color-white);border:solid 2px var(--color-gray-3);border-radius:5em}.ratio-bar-text__bar-area__colored[data-v-0299be93]{margin:.1em;height:.8em;width:var(--ratio);border-radius:5em;background:var(--background)}.ratio-bar-text__ratio_area[data-v-0299be93]{position:absolute;top:0;left:5%;width:90%;height:100%}.ratio-bar-text__ratio_area__ratio[data-v-0299be93]{padding:0 .5em;position:absolute;left:var(--ratio);height:1.4em;transform:translateX(-50%);line-height:1.4em;background-color:var(--fill-color);display:flex;align-items:center;justify-content:center;border-radius:3em}.ratio-bar-text__ratio_area__ratio__label[data-v-0299be93]{color:var(--color-white);white-space:nowrap}.unit-information[data-v-4039a89e]{min-width:325px;display:flex;flex-direction:column;justify-content:space-between}.unit-information__name[data-v-4039a89e]{flex-grow:1;border-radius:.25rem .25rem 0 0;display:flex;align-items:center;padding:10px}.unit-information__name__sugaku[data-v-4039a89e]{background-color:#add6ff;background-size:cover}.unit-information__name__kokugo[data-v-4039a89e]{background-color:#f5cc99;background-size:cover}.unit-information__name__eigo[data-v-4039a89e]{background-color:#ddc4e8;background-size:cover}.unit-information__name__rika[data-v-4039a89e]{background-color:#c1d698;background-size:cover}.unit-information__name__syakai[data-v-4039a89e]{background-color:#d6c1b7;background-size:cover}.unit-information__name__eigo-completed[data-v-4039a89e],.unit-information__name__kokugo-completed[data-v-4039a89e],.unit-information__name__rika-completed[data-v-4039a89e],.unit-information__name__sugaku-completed[data-v-4039a89e],.unit-information__name__syakai-completed[data-v-4039a89e]{background-color:#dadada}.unit-information__action[data-v-4039a89e]{display:flex;justify-content:center;margin:10px;text-align:center}.unit-information__action__score[data-v-4039a89e]{display:flex;gap:12px;justify-content:center}.unit-information__action__score__title[data-v-4039a89e]{color:var(--color-gray-1)}.unit-information__action__score__number[data-v-4039a89e]{font-size:20px}.unit-information__action__chart[data-v-4039a89e]{width:50%;margin-left:30px}.unit-information__action__chart[data-v-4039a89e] .ratio-bar-text{margin:2px}.unit-information__action__chart>img[data-v-4039a89e]{filter:none;width:180px;height:30px}.unit-information__action__progress[data-v-4039a89e]{cursor:pointer}.input-with-search[data-v-3c16eea4]{display:flex}.input-with-search__text[data-v-3c16eea4]{margin:0 0 0 10px;transition:all .6s ease;border-bottom:2px solid var(--color-gray-1);border-right:none;border-left:none;border-top:none;border-radius:0;background-color:transparent}.input-with-search__text[data-v-3c16eea4]::-moz-placeholder{color:var(--color-gray-3)}.input-with-search__text[data-v-3c16eea4]:-ms-input-placeholder{color:var(--color-gray-3)}.input-with-search__text[data-v-3c16eea4]::placeholder{color:var(--color-gray-3)}.input-with-search__submit[data-v-3c16eea4]{vertical-align:top;width:35px;height:30px;padding:0;border:none;background:transparent;cursor:pointer;color:var(--color-gray-1)}.input-with-search__submit__size-default[data-v-3c16eea4]{width:159px;height:36px}.input-with-search__submit__size-block[data-v-3c16eea4]{width:100%;height:40px;display:block}.continue__learn[data-v-5a7d42e2]{position:relative}.continue__learn-pickup[data-v-5a7d42e2]{border:thick solid var(--color-white);display:flex;align-items:center;padding:10px 40px 10px 20px;justify-content:space-around}.continue__learn__unit-information[data-v-5a7d42e2]{max-width:400px;display:flex;flex-direction:column;justify-content:space-between}.continue__learn__unit-information__name[data-v-5a7d42e2]{flex-grow:1;border-radius:.25rem .25rem 0 0;display:flex;align-items:center;padding:10px;background-size:cover}.continue__learn__unit-information__name__sugaku[data-v-5a7d42e2]{background-image:url(/img/back_graphic_sugaku.png)}.continue__learn__unit-information__name__kokugo[data-v-5a7d42e2]{background-image:url(/img/back_graphic_kokugo.png)}.continue__learn__unit-information__name__eigo[data-v-5a7d42e2]{background-image:url(/img/back_graphic_eigo.png)}.continue__learn__unit-information__name__rika[data-v-5a7d42e2]{background-image:url(/img/back_graphic_rika.png)}.continue__learn__unit-information__name__syakai[data-v-5a7d42e2]{background-image:url(/img/back_graphic_syakai.png)}.continue__learn__unit-information__action[data-v-5a7d42e2]{margin:10px;text-align:center}.continue__learn__unit-information__action-completed[data-v-5a7d42e2]{margin:10px;display:flex;justify-content:center;align-items:center}.continue__learn__unit-information__action-completed>div[data-v-5a7d42e2]{text-align:center}.tab-base__list[data-v-7980a220]{padding:0;display:flex;text-align:left;justify-content:var(--title-position);align-items:center;list-style:none;border-bottom:1px solid var(--color-primary-tab);color:var(--color-primary-tab);margin:10px}.tab-base__list>li[data-v-7980a220]{width:100%;padding:0 12px;border:0;cursor:pointer;transition:.3s;background-color:var(--inactive-background-color);color:var(--inactive-color);height:36px;width:var(--width);border-radius:36px;position:relative;height:-moz-fit-content;height:fit-content;margin-right:24px}.tab-base__list>li>span[data-v-7980a220]{white-space:nowrap}.tab-base__list>li[data-v-7980a220]:not(:first-child){border-left:none}.tab-base__list>li.active[data-v-7980a220]{font-weight:700}.tab-base__list>li.active p[data-v-7980a220]{width:100%;height:7px;background:var(--color-primary-tab);position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);border-radius:4px}.button-center[data-v-7980a220]{--inactive-background-color:var(--color-white);--inactive-color:var(--color-black);--active-background-color:var(--color-black);--active-border-color:var(--color-black);--active-color:var(--color-white);--active-underline:none;--title-position:center}.link[data-v-7980a220]{--inactive-background-color:transparent;--inactive-color:var(--color-gray-1);--active-background-color:transparent;--active-border-color:none;--active-color:var(--color-black);--active-underline:underline;--title-position:flex-start}.gray[data-v-7980a220]{--color-primary-tab:#708d9e}.main[data-v-d008661c]{width:100%;display:table;border-collapse:separate;border-spacing:20px 20px}.main__wrapper[data-v-d008661c]{text-align:left}.main__sidebar[data-v-d008661c]{display:table-cell;vertical-align:top;padding:10px;width:235px;height:800px}.main__title[data-v-d008661c]{margin:10px}.main__title .tab-base[data-v-d008661c]{width:100%}.main__ocr[data-v-d008661c]{flex-direction:column;align-items:flex-end!important}.main__search[data-v-d008661c]{display:flex;justify-content:center}.main__search__item[data-v-d008661c]{display:flex;margin:10px 10px 20px 50px;justify-content:space-around;width:500px}.title[data-v-d008661c]{display:flex;justify-content:space-between;align-items:center}.title__subject[data-v-d008661c]{margin-left:10px;height:45px;border-color:var(--color-gray-1);border-style:solid;border-width:thin;background-color:var(--color-white);color:var(--color-gray-1);border-radius:.25em}.title__subject>span[data-v-d008661c]{padding:10px}.boxs[data-v-d008661c]{width:auto;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:70px}.boxs__box[data-v-d008661c]{max-width:48%;flex-grow:1;margin-right:2%;margin-bottom:10px}.boxs__credit-link[data-v-d008661c]{width:100%;text-align:end;margin-right:2%;cursor:pointer}.action__btn[data-v-d008661c]{width:250px;height:50px}