.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}.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-59aefa3f]{min-width:325px;display:flex;flex-direction:column;justify-content:space-between}.unit-information__name[data-v-59aefa3f]{flex-grow:1;border-radius:.25rem .25rem 0 0;display:flex;align-items:center;padding:10px}.unit-information__name__sugaku[data-v-59aefa3f]{background-color:#add6ff;background-size:cover}.unit-information__name__kokugo[data-v-59aefa3f]{background-color:#f5cc99;background-size:cover}.unit-information__name__eigo[data-v-59aefa3f]{background-color:#ddc4e8;background-size:cover}.unit-information__name__rika[data-v-59aefa3f]{background-color:#c1d698;background-size:cover}.unit-information__name__syakai[data-v-59aefa3f]{background-color:#d6c1b7;background-size:cover}.unit-information__name__eigo-completed[data-v-59aefa3f],.unit-information__name__kokugo-completed[data-v-59aefa3f],.unit-information__name__rika-completed[data-v-59aefa3f],.unit-information__name__sugaku-completed[data-v-59aefa3f],.unit-information__name__syakai-completed[data-v-59aefa3f]{background-color:#dadada}.unit-information__action[data-v-59aefa3f]{margin:10px;text-align:center;display:flex;justify-content:center}.student-bottom-panel[data-v-93f588bc]{position:fixed;left:0;bottom:30px;margin-left:280px!important;width:calc(100% - 280px);z-index:3}.student-bottom-panel .student-bottom-panel__wrap[data-v-93f588bc]{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-93f588bc]{cursor:pointer;position:relative}.student-bottom-panel .student-bottom-panel__wrap__home__icon[data-v-93f588bc]{filter:none;width:50px;height:40px;position:absolute;top:5px}.student-bottom-panel .student-bottom-panel__wrap__home__control[data-v-93f588bc]{display:flex;flex-grow:1;justify-content:space-evenly}.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}.main[data-v-7bb726e4]{width:100%;display:table;border-collapse:separate;border-spacing:20px 20px}.main__wrapper[data-v-7bb726e4]{text-align:left}.main__sidebar[data-v-7bb726e4]{display:table-cell;vertical-align:top;padding:10px;width:235px;height:800px}.main__title[data-v-7bb726e4]{margin:10px}.main__search[data-v-7bb726e4]{display:flex;justify-content:center;margin:10px}.main__search__item[data-v-7bb726e4]{display:flex;margin:10px 10px 20px 50px;justify-content:space-around;width:500px}.title[data-v-7bb726e4]{display:flex;justify-content:space-between;align-items:center}.title__subject[data-v-7bb726e4]{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-7bb726e4]{padding:10px}.boxs[data-v-7bb726e4]{width:auto;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:70px}.boxs__box[data-v-7bb726e4]{max-width:48%;flex-grow:1;margin-right:2%;margin-bottom:10px}@media (max-width:1000px){.boxs__box[data-v-7bb726e4]{max-width:100%}}.boxs__credit-link[data-v-7bb726e4]{width:100%;text-align:end;margin-right:2%;cursor:pointer}.action__btn[data-v-7bb726e4]{width:250px;height:50px}