.student-history-header[data-v-892b71c6]{min-width:1024px;width:100%;display:flex;flex-direction:column}.student-history-header__title[data-v-892b71c6]{display:flex;justify-content:space-between}.student-history-header__title__main[data-v-892b71c6]{display:flex;align-items:center}.student-history-header__title__main__learningTypes[data-v-892b71c6]{margin:2px;border-radius:.25em;text-align:center;border:1px solid var(--color-gray-1);padding:3px;background-color:var(--color-gray-1);color:var(--color-white)}.student-history-header__contents[data-v-892b71c6]{display:flex}.student-history-header__contents>li[data-v-892b71c6]{padding:10px 50px 20px 0}.student-history-header__contents>li>a[data-v-892b71c6]{text-decoration:none;color:var(--color-gray-6)}.student-history-header__contents>li>a.active[data-v-892b71c6]{color:var(--color-black);border-bottom:2px solid var(--color-black);padding-bottom:2px}.student-history-total[data-v-833827f0]{display:flex;width:auto;flex-wrap:wrap}.student-history-total__total[data-v-833827f0]{width:45%;min-width:600px;margin:10px 30px 10px 30px;display:flex;flex-direction:column;justify-content:center;align-items:center}.student-history-total__total__label[data-v-833827f0]{color:var(--color-gray-5)}.student-history-total__total__chart[data-v-833827f0]{margin:10px 20px 10px 0}.student-history-total__total__chart>div[data-v-833827f0]{width:250px;height:250px}.student-history-total__subjects__subject[data-v-833827f0]{display:flex;padding:5px;align-items:center}.student-history-total__subjects__subject>div[data-v-833827f0]{padding:10px}.student-history-total__subjects__subject__image[data-v-833827f0]{width:36px;height:36px;--background-image:none;background-image:var(--background-image);background-size:var(--background-size);border-radius:8px}.student-history-total__subjects__subject__name[data-v-833827f0]{width:100px}.student-history-total__alert[data-v-833827f0]{width:100%;display:flex;justify-content:flex-end;color:var(--color-gray-5);padding:10px}.date-picker-icon__btn[data-v-2b178e9e]{width:32px;height:32px;cursor:pointer;background:url(/img/icon_calender.png)}.date-picker-icon__btn[data-v-2b178e9e],.date-picker-icon__label[data-v-2b178e9e]{display:inline-block;vertical-align:middle}.learning-situation[data-v-08c144f3]{text-align:left}.learning-situation__main[data-v-08c144f3]{display:table;border-collapse:separate;border-spacing:20px 20px}.learning-situation__main__sidebar[data-v-08c144f3]{display:table-cell}.learning-situation__main__box[data-v-08c144f3]{padding:5px}.learning-situation__main__box__label[data-v-08c144f3]{width:100%;color:var(--color-gray-1);background-color:var(--color-gray-4);border-radius:6px 6px 0 0;padding:10px;display:flex;align-items:center}.learning-situation__main__box__label__calender[data-v-08c144f3]{margin-left:20px}