@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap);

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal__container {
    background-color: #fff;
    padding: 30px;
    max-width: 500px;
    max-height: 100vh;
    border-radius: 4px;
    overflow-y: auto;
}
.modal__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.modal__title {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.25;
    color: #00449e;
}
.modal__close {
    background: transparent;
    border: 0;
}
.modal__header .modal__close:before {
    content: '\2715';
}
.modal__content {
    margin-top: 2rem;
    margin-bottom: 2rem;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.8);
}
.modal__btn {
    font-size: 0.875rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    background-color: #e6e6e6;
    color: rgba(0, 0, 0, 0.8);
    border-radius: 0.25rem;
    border-style: none;
    border-width: 0;
    cursor: pointer;
    -webkit-appearance: button;
    text-transform: none;
    overflow: visible;
    line-height: 1.15;
    margin: 0;
    will-change: transform;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: transform 0.25s ease-out;
}
.modal__btn:focus,
.modal__btn:hover {
    transform: scale(1.05);
}
.modal__btn-primary {
    background-color: #00449e;
    color: #fff;
}
@-webkit-keyframes mmfadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes mmfadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes mmfadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes mmfadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes mmslideIn {
    from {
        transform: translateY(15%);
    }
    to {
        transform: translateY(0);
    }
}
@keyframes mmslideIn {
    from {
        transform: translateY(15%);
    }
    to {
        transform: translateY(0);
    }
}
@-webkit-keyframes mmslideOut {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-10%);
    }
}
@keyframes mmslideOut {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-10%);
    }
}
.micromodal-slide {
    display: none;
}
.micromodal-slide.is-open {
    display: block;
}
.micromodal-slide[aria-hidden='false'] .modal__overlay {
    -webkit-animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
    animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden='false'] .modal__container {
    -webkit-animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
    animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden='true'] .modal__overlay {
    -webkit-animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
    animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden='true'] .modal__container {
    -webkit-animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
    animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
    will-change: transform;
}
@font-face {
    font-family: 'NotoSansCJKjp';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src:
        url('/custom/fonts/NotoSansCJKjp-Regular.woff2') format('woff2'),
        url('/custom/fonts/NotoSansCJKjp-Regular.woff') format('woff');
}
@font-face {
    font-family: 'NotoSansCJKjp';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src:
        url('/custom/fonts/NotoSansCJKjp-Bold.woff2') format('woff2'),
        url('/custom/fonts/NotoSansCJKjp-Bold.woff') format('woff');
}
.l-root abbr,
.l-root address,
.l-root article,
.l-root aside,
.l-root audio,
.l-root b,
.l-root blockquote,
.l-root body,
.l-root canvas,
.l-root caption,
.l-root cite,
.l-root code,
.l-root dd,
.l-root del,
.l-root details,
.l-root dfn,
.l-root div,
.l-root dl,
.l-root dt,
.l-root em,
.l-root fieldset,
.l-root figcaption,
.l-root figure,
.l-root footer,
.l-root form,
.l-root h1,
.l-root h2,
.l-root h3,
.l-root h4,
.l-root h5,
.l-root h6,
.l-root header,
.l-root hgroup,
.l-root html,
.l-root i,
.l-root iframe,
.l-root img,
.l-root ins,
.l-root kbd,
.l-root label,
.l-root legend,
.l-root li,
.l-root mark,
.l-root menu,
.l-root nav,
.l-root object,
.l-root ol,
.l-root p,
.l-root pre,
.l-root q,
.l-root samp,
.l-root section,
.l-root small,
.l-root span,
.l-root strong,
.l-root sub,
.l-root summary,
.l-root sup,
.l-root table,
.l-root tbody,
.l-root td,
.l-root tfoot,
.l-root th,
.l-root thead,
.l-root time,
.l-root tr,
.l-root ul,
.l-root var,
.l-root video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
.l-root body {
    line-height: 1;
}
.l-root article,
.l-root aside,
.l-root details,
.l-root figcaption,
.l-root figure,
.l-root footer,
.l-root header,
.l-root hgroup,
.l-root menu,
.l-root nav,
.l-root section {
    display: block;
}
.l-root nav ul {
    list-style: none;
}
.l-root blockquote,
.l-root q {
    quotes: none;
}
.l-root blockquote:after,
.l-root blockquote:before,
.l-root q:after,
.l-root q:before {
    content: '';
    content: none;
}
.l-root a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
.l-root ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}
.l-root mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}
.l-root del {
    text-decoration: line-through;
}
.l-root abbr[title],
.l-root dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
.l-root table {
    border-collapse: collapse;
    border-spacing: 0;
}
.l-root hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}
.l-root input,
.l-root select {
    vertical-align: middle;
}
.class_guest #lms-side-menu.mm-menu,
.class_guest .mm-slideout,
.class_user #lms-side-menu.mm-menu,
.class_user .mm-slideout {
    --mm-sidebar-expanded-size: 300px;
    --mm-navbar-size: 50px;
}
@media (min-width: 992px) {
    .class_guest #lms-side-menu.mm-menu,
    .class_guest .mm-slideout,
    .class_user #lms-side-menu.mm-menu,
    .class_user .mm-slideout {
        --mm-sidebar-expanded-size: 340px;
        --mm-navbar-size: 60px;
    }
}
.class_guest #lms-side-menu.mm-menu,
.class_user #lms-side-menu.mm-menu {
    width: 300px;
    background: #fff;
}
@media (min-width: 992px) {
    .class_guest #lms-side-menu.mm-menu,
    .class_user #lms-side-menu.mm-menu {
        width: 340px;
    }
}
@media (min-width: 992px) {
    .class_guest #lms-side-menu.mm-menu,
    .class_user #lms-side-menu.mm-menu {
        width: 340px;
        background: #fff;
    }
    .class_guest.mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed)
        .mm-menu_sidebar-expanded.mm-menu_opened
        ~ .mm-slideout,
    .class_user.mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed)
        .mm-menu_sidebar-expanded.mm-menu_opened
        ~ .mm-slideout {
        transform: translate3d(340px, 0, 0);
        width: calc(100% - 340px) !important;
    }
    .class_guest.mm-wrapper_sidebar-expanded.mm-wrapper_sidebar-closed #lms-side-menu,
    .class_user.mm-wrapper_sidebar-expanded.mm-wrapper_sidebar-closed #lms-side-menu {
        opacity: 0;
    }
    .class_guest.mm-wrapper_sidebar-expanded.mm-wrapper_sidebar-closed #lms-side-menu.mm-menu_opened,
    .class_user.mm-wrapper_sidebar-expanded.mm-wrapper_sidebar-closed #lms-side-menu.mm-menu_opened {
        opacity: 1;
    }
}
.class_guest.mm-wrapper_opening.mm-wrapper_background #fixed-hamburger,
.class_user.mm-wrapper_opening.mm-wrapper_background #fixed-hamburger {
    transform: translate3d(300px, 0, 0) !important;
}
@media (min-width: 992px) {
    .class_guest.mm-wrapper_opening.mm-wrapper_background #fixed-hamburger,
    .class_user.mm-wrapper_opening.mm-wrapper_background #fixed-hamburger {
        transform: translate3d(340px, 0, 0) !important;
    }
}
.class_guest .mm-menu_theme-white,
.class_user .mm-menu_theme-white {
    --mm-shadow: 0px 0px 18px rgba(0, 0, 0, 0.16);
}
.class_guest #lms-side-menu .mm-tabstart,
.class_guest #lms-side-menu .mm-menu__blocker,
.class_guest #lms-side-menu .mm-navbars_top,
.class_guest #lms-side-menu .mm-tabend,
.class_user #lms-side-menu .mm-tabstart,
.class_user #lms-side-menu .mm-menu__blocker,
.class_user #lms-side-menu .mm-navbars_top,
.class_user #lms-side-menu .mm-tabend {
    display: none;
}
.class_guest #lms-side-menu .mm-searchfield,
.class_user #lms-side-menu .mm-searchfield {
    height: 70px;
}
.class_guest #lms-side-menu .mm-searchfield__input,
.class_user #lms-side-menu .mm-searchfield__input {
    padding: 26px 20px 0;
}
.class_guest #lms-side-menu .mm-searchfield input,
.class_user #lms-side-menu .mm-searchfield input {
    font-size: 16px;
    line-height: 1;
    height: auto;
    max-height: 44px;
    background: #fff;
    border: 1px solid #c9c9c9 !important;
    padding: 14px 12px;
}
.class_guest #lms-side-menu .mm-panels,
.class_user #lms-side-menu .mm-panels {
    top: 0;
}
.class_guest #lms-side-menu .mm-panels > .mm-panel::before,
.class_guest #lms-side-menu .mm-panels > .mm-panel::after,
.class_user #lms-side-menu .mm-panels > .mm-panel::before,
.class_user #lms-side-menu .mm-panels > .mm-panel::after {
    display: none;
}
.class_guest #lms-side-menu .mm-panels > .mm-panel#mm-4,
.class_user #lms-side-menu .mm-panels > .mm-panel#mm-4 {
    display: block !important;
    transform: translate3d(0, 0, 0);
}
.class_guest #lms-side-menu .mm-panels > .mm-panel#mm-1.mm-panel_opened,
.class_user #lms-side-menu .mm-panels > .mm-panel#mm-1.mm-panel_opened {
    padding-top: 24px;
}
.class_guest #lms-side-menu .mm-panels > .mm-panel#mm-1 .mm-navbar,
.class_user #lms-side-menu .mm-panels > .mm-panel#mm-1 .mm-navbar {
    display: none;
}
.class_guest #lms-side-menu .mm-panels > .mm-panel#mm-1 > .mm-listview,
.class_user #lms-side-menu .mm-panels > .mm-panel#mm-1 > .mm-listview {
    border: none;
}
.class_guest #lms-side-menu .mm-panels > .mm-panel #mm-2,
.class_user #lms-side-menu .mm-panels > .mm-panel #mm-2 {
    background: none;
    padding: 0 0 0 1em;
}
.class_guest #lms-side-menu .mm-panels > .mm-panel #mm-2 .mm-listitem,
.class_user #lms-side-menu .mm-panels > .mm-panel #mm-2 .mm-listitem {
    border: none;
}
.class_guest #lms-side-menu .mm-panels > .mm-panel #mm-2 .mm-listitem:last-of-type,
.class_user #lms-side-menu .mm-panels > .mm-panel #mm-2 .mm-listitem:last-of-type {
    padding-bottom: 8px;
}
.class_guest #lms-side-menu .mm-panels > .mm-panel #mm-2 .mm-listitem__text,
.class_user #lms-side-menu .mm-panels > .mm-panel #mm-2 .mm-listitem__text {
    padding: 12px 20px;
}
.class_guest #lms-side-menu .mm-panels > .mm-panel .mm-navbar,
.class_user #lms-side-menu .mm-panels > .mm-panel .mm-navbar {
    border: none;
    padding: 0;
}
.class_guest #lms-side-menu .mm-panels > .mm-panel .mm-navbar__title,
.class_user #lms-side-menu .mm-panels > .mm-panel .mm-navbar__title {
    font-size: 16px;
    color: #444;
}
.class_guest #lms-side-menu .mm-panels > .mm-panel > .mm-listview,
.class_user #lms-side-menu .mm-panels > .mm-panel > .mm-listview {
    border-top: 1px solid #dedede;
}
.class_guest #lms-side-menu .mm-panels > .mm-panel .mm-counter,
.class_user #lms-side-menu .mm-panels > .mm-panel .mm-counter {
    display: none;
}
.class_guest #lms-side-menu .mm-listitem,
.class_user #lms-side-menu .mm-listitem {
    padding: 0;
    border-bottom: 1px solid #dedede;
}
.class_guest #lms-side-menu .mm-listitem .fas,
.class_user #lms-side-menu .mm-listitem .fas {
    display: none;
}
.class_guest #lms-side-menu .mm-listitem [aria-label='Toggle submenu'],
.class_user #lms-side-menu .mm-listitem [aria-label='Toggle submenu'] {
    border-left: none;
}
.class_guest #lms-side-menu .mm-listitem .mm-panel,
.class_guest #lms-side-menu .mm-listitem .mm-listitem__btn,
.class_user #lms-side-menu .mm-listitem .mm-panel,
.class_user #lms-side-menu .mm-listitem .mm-listitem__btn {
    background-color: transparent;
}
.class_guest #lms-side-menu .mm-listitem .mm-listview .mm-listitem:last-child,
.class_user #lms-side-menu .mm-listitem .mm-listview .mm-listitem:last-child {
    border-bottom: none;
}
.class_guest #lms-side-menu .mm-listitem .mm-listitem__btn:not(.mm-listitem__text),
.class_user #lms-side-menu .mm-listitem .mm-listitem__btn:not(.mm-listitem__text) {
    border: none;
}
.class_guest #lms-side-menu li:not(.li-logoimage):not(.side-btn) > a,
.class_user #lms-side-menu li:not(.li-logoimage):not(.side-btn) > a {
    font-size: 16px;
    color: #444;
    padding: 15px 20px;
}
.class_guest #lms-side-menu li:not(.li-logoimage):not(.side-btn) > a:hover,
.class_user #lms-side-menu li:not(.li-logoimage):not(.side-btn) > a:hover {
    background: none;
    opacity: 0.7;
}
.class_guest #lms-side-menu li:not(.li-logoimage):not(.side-btn) > a i,
.class_user #lms-side-menu li:not(.li-logoimage):not(.side-btn) > a i {
    display: none;
}
.class_guest #lms-side-menu li.li-logoimage > a:hover,
.class_user #lms-side-menu li.li-logoimage > a:hover {
    background: none;
}
.class_guest #lms-side-menu .drawer-menu li:not(.li-logoimage):not(.side-btn) > a,
.class_user #lms-side-menu .drawer-menu li:not(.li-logoimage):not(.side-btn) > a {
    font-size: 16px;
    color: #444;
    padding: 15px 20px;
}
.class_guest #lms-side-menu .drawer-menu li:not(.li-logoimage):not(.side-btn) > a:hover,
.class_user #lms-side-menu .drawer-menu li:not(.li-logoimage):not(.side-btn) > a:hover {
    background: none;
    opacity: 0.7;
}
.class_guest #lms-side-menu .drawer-menu li:not(.li-logoimage):not(.side-btn) > a.mm-btn_next,
.class_user #lms-side-menu .drawer-menu li:not(.li-logoimage):not(.side-btn) > a.mm-btn_next {
    position: relative;
    height: auto;
    padding: 15px 47px 15px 20px;
}
.class_guest #lms-side-menu .drawer-menu li:not(.li-logoimage):not(.side-btn) > a.mm-btn_next:active,
.class_guest #lms-side-menu .drawer-menu li:not(.li-logoimage):not(.side-btn) > a.mm-btn_next:hover,
.class_guest #lms-side-menu .drawer-menu li:not(.li-logoimage):not(.side-btn) > a.mm-btn_next:link,
.class_guest #lms-side-menu .drawer-menu li:not(.li-logoimage):not(.side-btn) > a.mm-btn_next:visited,
.class_user #lms-side-menu .drawer-menu li:not(.li-logoimage):not(.side-btn) > a.mm-btn_next:active,
.class_user #lms-side-menu .drawer-menu li:not(.li-logoimage):not(.side-btn) > a.mm-btn_next:hover,
.class_user #lms-side-menu .drawer-menu li:not(.li-logoimage):not(.side-btn) > a.mm-btn_next:link,
.class_user #lms-side-menu .drawer-menu li:not(.li-logoimage):not(.side-btn) > a.mm-btn_next:visited {
    background: none;
}
.class_guest #lms-side-menu .drawer-menu li:not(.li-logoimage):not(.side-btn) > a.mm-btn_next::after,
.class_user #lms-side-menu .drawer-menu li:not(.li-logoimage):not(.side-btn) > a.mm-btn_next::after {
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2LjkgMTEuNzk5Ij48cGF0aCBkPSJNLTE0NjIuOTQxLDExLjhoMGwtMS4xNTktMS4xOTEsNC41OC00LjcwOC00LjU4LTQuNzA4LDEuMTYtMS4xOTIsNS43NCw1LjktNS43NCw1LjlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNDY0LjEwMSkiIGZpbGw9IiM5MTkxOTEiLz48L3N2Zz4=');
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 7px;
    height: 12px;
    border: none;
    margin: 0;
    transform: translateY(-50%) rotate(90deg);
}
.class_guest #lms-side-menu .drawer-menu li:not(.li-logoimage):not(.side-btn).mm-listitem_opened > a.mm-btn_next::after,
.class_user #lms-side-menu .drawer-menu li:not(.li-logoimage):not(.side-btn).mm-listitem_opened > a.mm-btn_next::after {
    transform: translateY(-50%) rotate(-90deg);
}
.class_guest #lms-side-menu .drawer-menu li:not(.li-logoimage):not(.side-btn) i,
.class_user #lms-side-menu .drawer-menu li:not(.li-logoimage):not(.side-btn) i {
    margin-right: 0;
}
.class_guest #lms-side-menu .drawer-menu .li-logoimage a,
.class_user #lms-side-menu .drawer-menu .li-logoimage a {
    padding: 0 77px;
    margin-bottom: 24px;
}
.class_guest #lms-side-menu .drawer-menu .li-logoimage a:hover,
.class_user #lms-side-menu .drawer-menu .li-logoimage a:hover {
    transform: scale(1);
}
.class_guest #lms-side-menu .drawer-menu .side-btn,
.class_user #lms-side-menu .drawer-menu .side-btn {
    width: 100%;
    background: none;
    border: none;
    margin: 0;
    padding: 0 20px;
}
.class_guest #lms-side-menu .drawer-menu .side-btn > a,
.class_user #lms-side-menu .drawer-menu .side-btn > a {
    font-size: 16px;
    line-height: 1;
    display: block;
    font-weight: 600;
    border-radius: 8px;
    padding: 17px 20px;
}
.class_guest #lms-side-menu .drawer-menu .side-btn.btn-success,
.class_user #lms-side-menu .drawer-menu .side-btn.btn-success {
    margin-top: 15px;
    margin-bottom: 15px;
}
.class_guest #lms-side-menu .drawer-menu .side-btn.btn-success > a,
.class_user #lms-side-menu .drawer-menu .side-btn.btn-success > a {
    background: #bf6d4e;
    border-color: #bf6d4e;
}
.class_guest #lms-side-menu .drawer-menu .side-btn.btn-danger,
.class_guest #lms-side-menu .drawer-menu .side-btn.btn-default,
.class_user #lms-side-menu .drawer-menu .side-btn.btn-danger,
.class_user #lms-side-menu .drawer-menu .side-btn.btn-default {
    margin-top: 15px;
    margin-bottom: 15px;
}
.class_guest #lms-side-menu .drawer-menu .side-btn.btn-danger ~ .mm-listitem,
.class_guest #lms-side-menu .drawer-menu .side-btn.btn-default ~ .mm-listitem,
.class_user #lms-side-menu .drawer-menu .side-btn.btn-danger ~ .mm-listitem,
.class_user #lms-side-menu .drawer-menu .side-btn.btn-default ~ .mm-listitem {
    display: block;
    border-bottom: none;
    padding: 0 20px;
}
.class_guest #lms-side-menu .drawer-menu .side-btn.btn-danger ~ .mm-listitem > a::after,
.class_guest #lms-side-menu .drawer-menu .side-btn.btn-default ~ .mm-listitem > a::after,
.class_user #lms-side-menu .drawer-menu .side-btn.btn-danger ~ .mm-listitem > a::after,
.class_user #lms-side-menu .drawer-menu .side-btn.btn-default ~ .mm-listitem > a::after {
    display: none;
}
.class_guest #lms-side-menu .drawer-menu .side-btn.btn-danger > a,
.class_user #lms-side-menu .drawer-menu .side-btn.btn-danger > a {
    background: #574842;
    border-color: #574842;
}
.class_guest #lms-side-menu .drawer-menu .side-btn.btn-default,
.class_user #lms-side-menu .drawer-menu .side-btn.btn-default {
    margin-top: 30px;
}
.class_guest #lms-side-menu .drawer-menu .side-btn.btn-default > a,
.class_user #lms-side-menu .drawer-menu .side-btn.btn-default > a {
    background: #f7f7f7;
    border: 1px solid #999;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .class_guest #lms-side-menu .drawer-menu .li-logoimage a,
    .class_user #lms-side-menu .drawer-menu .li-logoimage a {
        padding: 0 31px;
    }
}
.class_guest #lms-side-menu .mm-panels > .mm-panel > .mm-listview .btn-success [href='/index.php?action=login&to=b'],
.class_user #lms-side-menu .mm-panels > .mm-panel > .mm-listview .btn-success [href='/index.php?action=login&to=b'] {
    background-color: #13c2c2;
}
@media (min-width: 992px) {
    .class_guest #lms-side-menu .mm-panels > .mm-panel,
    .class_user #lms-side-menu .mm-panels > .mm-panel {
        padding-left: 30px;
        padding-right: 30px;
    }
    .class_guest #lms-side-menu .mm-panels > .mm-panel#mm-1.mm-panel_opened,
    .class_user #lms-side-menu .mm-panels > .mm-panel#mm-1.mm-panel_opened {
        padding-top: 24px;
    }
    .class_guest #lms-side-menu .mm-panels > .mm-panel #mm-2,
    .class_user #lms-side-menu .mm-panels > .mm-panel #mm-2 {
        padding-left: 30px;
    }
    .class_guest #lms-side-menu .mm-panels > .mm-panel .mm-navbar,
    .class_user #lms-side-menu .mm-panels > .mm-panel .mm-navbar {
        border: none;
        padding: 0;
    }
    .class_guest #lms-side-menu .mm-panels > .mm-panel .mm-navbar .mm-btn_prev::before,
    .class_user #lms-side-menu .mm-panels > .mm-panel .mm-navbar .mm-btn_prev::before {
        left: auto;
        right: 0;
    }
    .class_guest #lms-side-menu .mm-panels > .mm-panel > .mm-listview,
    .class_user #lms-side-menu .mm-panels > .mm-panel > .mm-listview {
        border-top: none;
        margin: 0 -30px;
    }
    .class_guest #lms-side-menu li:not(.li-logoimage):not(.side-btn) > a,
    .class_user #lms-side-menu li:not(.li-logoimage):not(.side-btn) > a {
        padding: 15px 30px;
    }
    .class_guest #lms-side-menu .drawer-menu li:not(.li-logoimage):not(.side-btn) > a,
    .class_user #lms-side-menu .drawer-menu li:not(.li-logoimage):not(.side-btn) > a {
        padding: 15px 30px;
    }
    .class_guest #lms-side-menu .drawer-menu li:not(.li-logoimage):not(.side-btn) > a.mm-btn_next,
    .class_user #lms-side-menu .drawer-menu li:not(.li-logoimage):not(.side-btn) > a.mm-btn_next {
        padding: 15px 67px 15px 30px;
    }
    .class_guest #lms-side-menu .drawer-menu li:not(.li-logoimage):not(.side-btn) > a.mm-btn_next::after,
    .class_user #lms-side-menu .drawer-menu li:not(.li-logoimage):not(.side-btn) > a.mm-btn_next::after {
        right: 30px;
    }
    .class_guest #lms-side-menu .drawer-menu .li-logoimage a,
    .class_user #lms-side-menu .drawer-menu .li-logoimage a {
        padding: 0 51px;
    }
    .class_guest #lms-side-menu .drawer-menu .side-btn,
    .class_user #lms-side-menu .drawer-menu .side-btn {
        padding: 0 30px;
    }
    .class_guest #lms-side-menu .drawer-menu .side-btn.btn-danger ~ .mm-listitem,
    .class_guest #lms-side-menu .drawer-menu .side-btn.btn-default ~ .mm-listitem,
    .class_user #lms-side-menu .drawer-menu .side-btn.btn-danger ~ .mm-listitem,
    .class_user #lms-side-menu .drawer-menu .side-btn.btn-default ~ .mm-listitem {
        padding: 0 30px;
    }
}
.class_guest .navbar,
.class_user .navbar {
    display: none;
    min-height: 50px;
}
.class_guest .navbar .pull-right,
.class_user .navbar .pull-right {
    float: none !important;
}
.class_guest .navbar > .pull-right,
.class_user .navbar > .pull-right {
    font-size: 0;
    text-align: right;
    padding-right: 20px;
}
.class_guest .navbar .lms-nav-bar-item,
.class_user .navbar .lms-nav-bar-item {
    display: inline-block;
    vertical-align: middle;
    margin: 8px 0;
}
.class_guest .navbar .lms-nav-bar-item + .lms-nav-bar-item,
.class_user .navbar .lms-nav-bar-item + .lms-nav-bar-item {
    margin-left: 20px;
}
.class_guest .navbar .lms-nav-bar-item:last-of-type,
.class_user .navbar .lms-nav-bar-item:last-of-type {
    display: none;
}
.class_guest .navbar .lms-nav-bar-item-style,
.class_user .navbar .lms-nav-bar-item-style {
    display: block;
    width: 34px;
    height: 34px;
}
.class_guest .navbar .lms-nav-bar-item-style > i,
.class_user .navbar .lms-nav-bar-item-style > i {
    width: 34px;
    height: 34px;
}
.class_guest .navbar .lms-nav-bar-item-style > i.fa-user,
.class_user .navbar .lms-nav-bar-item-style > i.fa-user {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMzEgMzEiPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PGNpcmNsZSBjeD0iMTUuNSIgY3k9IjE1LjUiIHI9IjE1LjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMyNSA5KSIgZmlsbD0iI2Y1ZjVmNSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjUgLTkpIj48cGF0aCBkPSJNMTUuNSwwQTE1LjUsMTUuNSwwLDEsMSwwLDE1LjUsMTUuNSwxNS41LDAsMCwxLDE1LjUsMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMyNSA5KSIgZmlsbD0iI2U4ZThlOCIvPjxnIGNsaXAtcGF0aD0idXJsKCNhKSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjU4LjU3NiAtMjcuOTM1KSI+PGVsbGlwc2UgY3g9IjUuNDkiIGN5PSI1LjQ5IiByeD0iNS40OSIgcnk9IjUuNDkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc2LjEyOCA0NC41MzMpIiBmaWxsPSIjYzZjNmM2Ii8+PHBhdGggZD0iTTkuNDI3LDBhOS40MjcsOS40MjcsMCwwLDEsOS40MjcsOS40MjdWMjcuODM5YTIuNzE5LDIuNzE5LDAsMCwxLTIuNzE5LDIuNzE5SDIuNzE5QTIuNzE5LDIuNzE5LDAsMCwxLDAsMjcuODM5VjkuNDI3QTkuNDI3LDkuNDI3LDAsMCwxLDkuNDI3LDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3Mi40MjQgNTYuNzEyKSIgZmlsbD0iI2M2YzZjNiIvPjwvZz48L2c+PC9nPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-size: 31px auto;
}
.class_guest .navbar .lms-nav-bar-item-style > i.fa-graduation-cap,
.class_user .navbar .lms-nav-bar-item-style > i.fa-graduation-cap {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTUuNTMxIiBoZWlnaHQ9IjE1LjQ2NCIgdmlld0JveD0iMCAwIDE1LjUzMSAxNS40NjQiPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj48cmVjdCBpZD0iaG9yXzExMzEiIGRhdGEtbmFtZT0iaG9yIDExMzEiIHdpZHRoPSIxNS41MzEiIGhlaWdodD0iMTUuNDY0IiBmaWxsPSIjODg4Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgaWQ9Imdyb3VwXzM0MyIgZGF0YS1uYW1lPSJncm91cCAzNDMiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj48cGF0aCBpZD0icGFzc180MDYiIGRhdGEtbmFtZT0icGFzcyA0MDYiIGQ9Ik0zLjA1MywwSDEuNjVBMS42NTIsMS42NTIsMCwwLDAsMCwxLjY1VjIuOTc0YTEuNjUyLDEuNjUyLDAsMCwwLDEuNjUsMS42NWgxLjRBMS42NTIsMS42NTIsMCwwLDAsNC43LDIuOTc0VjEuNjVBMS42NTIsMS42NTIsMCwwLDAsMy4wNTMsME0zLjMsMi45NzRhLjI1Mi4yNTIsMCwwLDEtLjI1Mi4yNTJIMS42NUEuMjUyLjI1MiwwLDAsMSwxLjQsMi45NzRWMS42NUEuMjUyLjI1MiwwLDAsMSwxLjY1LDEuNGgxLjRBLjI1Mi4yNTIsMCwwLDEsMy4zLDEuNjVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIiBmaWxsPSIjODg4Ii8+PHBhdGggaWQ9InBhc3NfNDA3IiBkYXRhLW5hbWU9InBhc3MgNDA3IiBkPSJNMTEuNDUxLDQuMjgyaDguMTJhLjcuNywwLDEsMCwwLTEuNGgtOC4xMmEuNy43LDAsMSwwLDAsMS40IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNC43MzkgLTEuMjcxKSIgZmlsbD0iIzg4OCIvPjxwYXRoIGlkPSJwYXNzXzQwOCIgZGF0YS1uYW1lPSJwYXNzIDQwOCIgZD0iTTMuMDUzLDkuNjkySDEuNjVBMS42NTIsMS42NTIsMCwwLDAsMCwxMS4zNDJ2MS4zMjRhMS42NTIsMS42NTIsMCwwLDAsMS42NSwxLjY1aDEuNGExLjY1MiwxLjY1MiwwLDAsMCwxLjY1LTEuNjVWMTEuMzQyYTEuNjUyLDEuNjUyLDAsMCwwLTEuNjUtMS42NU0zLjMsMTIuNjY2YS4yNTIuMjUyLDAsMCwxLS4yNTIuMjUySDEuNjVhLjI1Mi4yNTIsMCwwLDEtLjI1Mi0uMjUyVjExLjM0MmEuMjUyLjI1MiwwLDAsMSwuMjUyLS4yNTJoMS40YS4yNTIuMjUyLDAsMCwxLC4yNTIuMjUyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtNC4yNzIpIiBmaWxsPSIjODg4Ii8+PHBhdGggaWQ9InBhc3NfNDA5IiBkYXRhLW5hbWU9InBhc3MgNDA5IiBkPSJNMTkuNTcxLDEyLjU3N2gtOC4xMmEuNy43LDAsMCwwLDAsMS40aDguMTJhLjcuNywwLDAsMCwwLTEuNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQuNzM5IC01LjU0NCkiIGZpbGw9IiM4ODgiLz48cGF0aCBpZD0icGFzc180MTAiIGRhdGEtbmFtZT0icGFzcyA0MTAiIGQ9Ik0zLjA1MywxOS4zODVIMS42NUExLjY1MiwxLjY1MiwwLDAsMCwwLDIxLjAzNXYxLjMyNGExLjY1MiwxLjY1MiwwLDAsMCwxLjY1LDEuNjVoMS40YTEuNjUyLDEuNjUyLDAsMCwwLDEuNjUtMS42NVYyMS4wMzVhMS42NTIsMS42NTIsMCwwLDAtMS42NS0xLjY1TTMuMywyMi4zNTlhLjI1Mi4yNTIsMCwwLDEtLjI1Mi4yNTJIMS42NWEuMjUyLjI1MiwwLDAsMS0uMjUyLS4yNTJWMjEuMDM1YS4yNTIuMjUyLDAsMCwxLC4yNTItLjI1MmgxLjRhLjI1Mi4yNTIsMCwwLDEsLjI1Mi4yNTJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC04LjU0NSkiIGZpbGw9IiM4ODgiLz48cGF0aCBpZD0icGFzc180MTEiIGRhdGEtbmFtZT0icGFzcyA0MTEiIGQ9Ik0xOS41NzEsMjIuMjY5aC04LjEyYS43LjcsMCwwLDAsMCwxLjRoOC4xMmEuNy43LDAsMCwwLDAtMS40IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNC43MzkgLTkuODE2KSIgZmlsbD0iIzg4OCIvPjwvZz48L3N2Zz4=');
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.class_guest .navbar .lms-nav-bar-item-style > i::before,
.class_user .navbar .lms-nav-bar-item-style > i::before {
    display: none;
}
.class_guest .navbar .lms-nav-bar-item-style > span,
.class_user .navbar .lms-nav-bar-item-style > span {
    display: none;
}
.class_guest .navbar .lms-nav-bar-item-style + .dropdown-menu,
.class_user .navbar .lms-nav-bar-item-style + .dropdown-menu {
    display: none;
}
@media (min-width: 992px) {
    .class_guest .navbar,
    .class_user .navbar {
        min-height: 60px;
    }
    .class_guest .navbar > .pull-right,
    .class_user .navbar > .pull-right {
        padding: 13px 30px 13px 0;
    }
    .class_guest .navbar .navbar-form,
    .class_user .navbar .navbar-form {
        width: 100%;
        max-width: 590px;
        display: inline-block;
        vertical-align: middle;
        float: none !important;
        margin: 0 30px 0 0;
        padding: 0;
    }
    .class_guest .navbar input[type='text'],
    .class_user .navbar input[type='text'] {
        width: 100%;
        max-width: 238px;
        margin-right: 10px;
    }
    .class_guest .navbar input[type='password'],
    .class_user .navbar input[type='password'] {
        border-right: none;
    }
    .class_guest .navbar .input-group,
    .class_user .navbar .input-group {
        width: 100%;
        max-width: 238px;
        margin-right: 10px;
    }
    .class_guest .navbar .input-group .input-group-btn,
    .class_user .navbar .input-group .input-group-btn {
        width: 42px;
    }
    .class_guest .navbar .input-group .show-pass-btn,
    .class_user .navbar .input-group .show-pass-btn {
        margin-left: 0;
    }
    .class_guest .navbar .lms-nav-bar-item,
    .class_user .navbar .lms-nav-bar-item {
        margin: 0;
    }
    .class_guest .navbar .lms-nav-bar-item + .lms-nav-bar-item,
    .class_user .navbar .lms-nav-bar-item + .lms-nav-bar-item {
        margin-left: 30px;
    }
}
.class_guest #fixed-hamburger,
.class_user #fixed-hamburger {
    width: 50px;
    height: 50px;
}
@media (min-width: 992px) {
    .class_guest #fixed-hamburger,
    .class_user #fixed-hamburger {
        width: 60px !important;
        height: 60px;
    }
}
.class_guest #side-menu-toggle-btn.hamburger,
.class_user #side-menu-toggle-btn.hamburger {
    transition: unset;
}
.class_guest #side-menu-toggle-btn.hamburger .hamburger-inner,
.class_user #side-menu-toggle-btn.hamburger .hamburger-inner {
    transition: unset;
}
.class_guest #side-menu-toggle-btn.hamburger .hamburger-inner::before,
.class_guest #side-menu-toggle-btn.hamburger .hamburger-inner:after,
.class_user #side-menu-toggle-btn.hamburger .hamburger-inner::before,
.class_user #side-menu-toggle-btn.hamburger .hamburger-inner:after {
    transition: unset;
}
@media (min-width: 992px) {
    .class_guest #side-menu-toggle-btn.hamburger,
    .class_user #side-menu-toggle-btn.hamburger {
        padding: 15px;
    }
}
.class_user .navbar #lms-nav-bar-contents > .lms-nav-bar-item:not(:first-of-type) {
    display: none;
}
.class_user .navbar #lms-nav-bar-contents .plan-upgrade {
    display: none;
}
body.class_guest,
body.class_user {
    font-family: 'NotoSansCJKjp', 'Noto Sans JP', serif;
    color: #444;
    background: #f5f5f5;
}
body.class_guest a,
body.class_guest body,
body.class_guest form,
body.class_guest h1,
body.class_guest h2,
body.class_guest h3,
body.class_guest h4,
body.class_guest h5,
body.class_guest li,
body.class_guest p,
body.class_guest td,
body.class_guest th,
body.class_guest button,
body.class_guest input,
body.class_guest select,
body.class_guest textarea,
body.class_user a,
body.class_user body,
body.class_user form,
body.class_user h1,
body.class_user h2,
body.class_user h3,
body.class_user h4,
body.class_user h5,
body.class_user li,
body.class_user p,
body.class_user td,
body.class_user th,
body.class_user button,
body.class_user input,
body.class_user select,
body.class_user textarea {
    font-family: 'NotoSansCJKjp', 'Noto Sans JP', serif;
}
body.class_guest select,
body.class_guest option,
body.class_user select,
body.class_user option {
    font: -moz-pull-down-menu;
}
.pc {
    display: block;
}
@media (max-width: 767px) {
    .pc {
        display: none;
    }
}
.sp {
    display: none;
}
@media (max-width: 767px) {
    .sp {
        display: block;
    }
}
.class_guest #page-wrapper,
.class_guest .page-wrapper,
.class_user #page-wrapper,
.class_user .page-wrapper {
    height: auto;
    background: #f5f5f5;
}
.class_guest #page-wrapper .col-lg-12,
.class_guest .page-wrapper .col-lg-12,
.class_user #page-wrapper .col-lg-12,
.class_user .page-wrapper .col-lg-12 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .class_guest #page-wrapper,
    .class_guest .page-wrapper,
    .class_user #page-wrapper,
    .class_user .page-wrapper {
        padding: 0;
    }
    .class_guest #page-wrapper .container,
    .class_guest .page-wrapper .container,
    .class_user #page-wrapper .container,
    .class_user .page-wrapper .container {
        max-width: none;
    }
    .class_guest #page-wrapper .row,
    .class_guest .page-wrapper .row,
    .class_user #page-wrapper .row,
    .class_user .page-wrapper .row {
        margin-left: auto;
        margin-right: auto;
    }
    .class_guest #page-wrapper .col-sm-6,
    .class_guest .page-wrapper .col-sm-6,
    .class_user #page-wrapper .col-sm-6,
    .class_user .page-wrapper .col-sm-6 {
        width: 100%;
    }
}
@media (min-width: 992px) {
    .class_guest #page-wrapper,
    .class_guest .page-wrapper,
    .class_user #page-wrapper,
    .class_user .page-wrapper {
        padding: 0;
    }
    .class_guest #page-wrapper .container,
    .class_guest .page-wrapper .container,
    .class_user #page-wrapper .container,
    .class_user .page-wrapper .container {
        width: 100%;
        max-width: 1000px;
    }
    .class_guest #page-wrapper .row,
    .class_guest .page-wrapper .row,
    .class_user #page-wrapper .row,
    .class_user .page-wrapper .row {
        margin-left: auto;
        margin-right: auto;
    }
    .class_guest #page-wrapper .col-sm-6,
    .class_guest .page-wrapper .col-sm-6,
    .class_user #page-wrapper .col-sm-6,
    .class_user .page-wrapper .col-sm-6 {
        width: auto;
        padding-left: 0;
        padding-right: 0;
    }
    .class_guest #page-wrapper .col-md-6,
    .class_guest .page-wrapper .col-md-6,
    .class_user #page-wrapper .col-md-6,
    .class_user .page-wrapper .col-md-6 {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
    }
}
.class_guest #page-wrapper .panel,
.class_guest .page-wrapper .panel,
.class_user #page-wrapper .panel,
.class_user .page-wrapper .panel {
    background: none;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    box-shadow: none;
}
.class_guest #page-wrapper .panel-body,
.class_guest .page-wrapper .panel-body,
.class_user #page-wrapper .panel-body,
.class_user .page-wrapper .panel-body {
    background: #fff;
    margin-left: -15px;
    margin-right: -15px;
    padding: 24px 20px 0;
}
.class_guest #page-wrapper .panel-heading,
.class_guest .page-wrapper .panel-heading,
.class_user #page-wrapper .panel-heading,
.class_user .page-wrapper .panel-heading {
    background: none;
    border-radius: 0;
    padding: 0;
}
.class_guest #page-wrapper .panel-heading h1,
.class_guest .page-wrapper .panel-heading h1,
.class_user #page-wrapper .panel-heading h1,
.class_user .page-wrapper .panel-heading h1 {
    display: block;
    font-size: 30px !important;
    font-weight: 600;
    text-align: center;
    line-height: 1;
    color: #444;
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    .class_guest #page-wrapper .panel-heading h1,
    .class_guest .page-wrapper .panel-heading h1,
    .class_user #page-wrapper .panel-heading h1,
    .class_user .page-wrapper .panel-heading h1 {
        padding-left: 30px;
        padding-right: 30px;
    }
}
.class_guest #page-wrapper .panel-footer,
.class_guest .page-wrapper .panel-footer,
.class_user #page-wrapper .panel-footer,
.class_user .page-wrapper .panel-footer {
    border-radius: 0;
    margin-left: -15px;
    margin-right: -15px;
    padding: 30px 20px 40px;
    background: #fff;
}
@media (min-width: 992px) {
    .class_guest #page-wrapper .panel-body,
    .class_guest #page-wrapper .panel-footer,
    .class_guest .page-wrapper .panel-body,
    .class_guest .page-wrapper .panel-footer,
    .class_user #page-wrapper .panel-body,
    .class_user #page-wrapper .panel-footer,
    .class_user .page-wrapper .panel-body,
    .class_user .page-wrapper .panel-footer {
        margin-left: auto;
        margin-right: auto;
    }
    .class_guest #page-wrapper .panel-body,
    .class_guest .page-wrapper .panel-body,
    .class_user #page-wrapper .panel-body,
    .class_user .page-wrapper .panel-body {
        padding: 48px 40px 0;
    }
    .class_guest #page-wrapper .panel-heading h1,
    .class_guest .page-wrapper .panel-heading h1,
    .class_user #page-wrapper .panel-heading h1,
    .class_user .page-wrapper .panel-heading h1 {
        font-size: 36px !important;
        margin-bottom: 40px;
    }
    .class_guest #page-wrapper .panel-footer,
    .class_guest .page-wrapper .panel-footer,
    .class_user #page-wrapper .panel-footer,
    .class_user .page-wrapper .panel-footer {
        padding: 40px 40px 60px;
    }
}
.class_guest #page-wrapper .breads,
.class_guest .page-wrapper .breads,
.class_user #page-wrapper .breads,
.class_user .page-wrapper .breads {
    background: #f5f5f5;
}
.class_guest #page-wrapper .breads a,
.class_guest .page-wrapper .breads a,
.class_user #page-wrapper .breads a,
.class_user .page-wrapper .breads a {
    font-size: 16px;
    line-height: 1.6;
    color: #306eac;
    transition: opacity 0.2s;
}
.class_guest #page-wrapper .breads a:hover,
.class_guest .page-wrapper .breads a:hover,
.class_user #page-wrapper .breads a:hover,
.class_user .page-wrapper .breads a:hover {
    opacity: 0.7;
}
.class_guest #page-wrapper .breads a:hover::before,
.class_guest .page-wrapper .breads a:hover::before,
.class_user #page-wrapper .breads a:hover::before,
.class_user .page-wrapper .breads a:hover::before {
    display: none;
}
.class_guest #page-wrapper .breads .list-inline,
.class_guest .page-wrapper .breads .list-inline,
.class_user #page-wrapper .breads .list-inline,
.class_user .page-wrapper .breads .list-inline {
    margin: 0;
    padding: 0 20px;
}
.class_guest #page-wrapper .breads .list-inline li,
.class_guest .page-wrapper .breads .list-inline li,
.class_user #page-wrapper .breads .list-inline li,
.class_user .page-wrapper .breads .list-inline li {
    display: inline;
    padding-left: 0;
    padding-right: 0;
}
.class_guest #page-wrapper .breads .list-inline li::after,
.class_guest .page-wrapper .breads .list-inline li::after,
.class_user #page-wrapper .breads .list-inline li::after,
.class_user .page-wrapper .breads .list-inline li::after {
    content: '\003e';
    font-size: 16px;
    line-height: 1.6;
    color: #888;
}
.class_guest #page-wrapper .breads .list-inline li:last-of-type::after,
.class_guest .page-wrapper .breads .list-inline li:last-of-type::after,
.class_user #page-wrapper .breads .list-inline li:last-of-type::after,
.class_user .page-wrapper .breads .list-inline li:last-of-type::after {
    display: none;
}
.class_guest #page-wrapper .breads .list-inline li:last-of-type a,
.class_guest .page-wrapper .breads .list-inline li:last-of-type a,
.class_user #page-wrapper .breads .list-inline li:last-of-type a,
.class_user .page-wrapper .breads .list-inline li:last-of-type a {
    color: #888;
}
@media (min-width: 992px) {
    .class_guest #page-wrapper .breads .list-inline,
    .class_guest .page-wrapper .breads .list-inline,
    .class_user #page-wrapper .breads .list-inline,
    .class_user .page-wrapper .breads .list-inline {
        padding: 0;
    }
}
.class_guest #page-wrapper .LmsHeader,
.class_guest .page-wrapper .LmsHeader,
.class_user #page-wrapper .LmsHeader,
.class_user .page-wrapper .LmsHeader {
    background: none;
    border-bottom: none;
    margin: 0;
    padding: 0;
}
.class_guest #page-wrapper .LmsHeader-container,
.class_guest .page-wrapper .LmsHeader-container,
.class_user #page-wrapper .LmsHeader-container,
.class_user .page-wrapper .LmsHeader-container {
    font-size: 30px !important;
    line-height: 1;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
}
.class_guest #page-wrapper .LmsHeader-icon,
.class_guest .page-wrapper .LmsHeader-icon,
.class_user #page-wrapper .LmsHeader-icon,
.class_user .page-wrapper .LmsHeader-icon {
    display: none;
}
@media (min-width: 992px) {
    .class_guest #page-wrapper .LmsHeader-container,
    .class_guest .page-wrapper .LmsHeader-container,
    .class_user #page-wrapper .LmsHeader-container,
    .class_user .page-wrapper .LmsHeader-container {
        font-size: 36px !important;
        line-height: 1;
        margin-bottom: 40px;
    }
}
.class_guest #page-wrapper .row .search-modal-button-wrapper,
.class_guest .page-wrapper .row .search-modal-button-wrapper,
.class_user #page-wrapper .row .search-modal-button-wrapper,
.class_user .page-wrapper .row .search-modal-button-wrapper {
    display: none;
}
.class_guest #page-wrapper .square-thumbnail,
.class_guest .page-wrapper .square-thumbnail,
.class_user #page-wrapper .square-thumbnail,
.class_user .page-wrapper .square-thumbnail {
    border-radius: 0;
    padding-top: 56.1194%;
}
.class_guest #wrapper #app::after,
.class_user #wrapper #app::after {
    display: none;
}
.class_guest #wrapper > .container .col-md-4,
.class_user #wrapper > .container .col-md-4 {
    padding-left: 0;
    padding-right: 0;
}
.class_guest #wrapper > .container .panel,
.class_user #wrapper > .container .panel {
    background: none;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    box-shadow: none;
}
.class_guest #wrapper > .container .panel-body,
.class_user #wrapper > .container .panel-body {
    background: #fff;
    padding: 24px 20px 0;
}
.class_guest #wrapper > .container .panel-heading,
.class_user #wrapper > .container .panel-heading {
    background: none;
    border-radius: 0;
    padding: 0;
}
.class_guest #wrapper > .container .panel-heading h1,
.class_user #wrapper > .container .panel-heading h1 {
    display: block;
    font-size: 30px !important;
    text-align: center;
    line-height: 1;
    color: #444;
    margin-bottom: 30px;
}
.class_guest #wrapper > .container .panel-footer,
.class_user #wrapper > .container .panel-footer {
    border-radius: 0;
    padding: 30px 20px 40px;
    background: #fff;
}
@media (min-width: 992px) {
    .class_guest #wrapper > .container .panel-body,
    .class_guest #wrapper > .container .panel-footer,
    .class_user #wrapper > .container .panel-body,
    .class_user #wrapper > .container .panel-footer {
        margin-left: auto;
        margin-right: auto;
    }
    .class_guest #wrapper > .container .panel-body,
    .class_user #wrapper > .container .panel-body {
        padding: 48px 40px 0;
    }
    .class_guest #wrapper > .container .panel-heading h1,
    .class_user #wrapper > .container .panel-heading h1 {
        font-size: 36px !important;
        margin-bottom: 40px;
    }
    .class_guest #wrapper > .container .panel-footer,
    .class_user #wrapper > .container .panel-footer {
        padding: 40px 40px 60px;
    }
}
.class_guest #wrapper > .container .text-center,
.class_user #wrapper > .container .text-center {
    background: #fff;
    padding-top: 0 !important;
    padding-bottom: 40px !important;
}
.class_guest #wrapper > .container .text-center h1,
.class_user #wrapper > .container .text-center h1 {
    font-size: 30px !important;
    line-height: 1.4;
    background: #f5f5f5;
    margin-bottom: 0 !important;
    padding: 32px 20px 44px;
}
@media (max-width: 767px) {
    .class_guest #wrapper > .container .text-center h1,
    .class_user #wrapper > .container .text-center h1 {
        padding-left: 40px;
        padding-right: 40px;
    }
}
.class_guest #wrapper > .container .text-center h1 ~ p,
.class_user #wrapper > .container .text-center h1 ~ p {
    font-size: 16px;
    line-height: 1.5;
    padding-left: 20px;
    padding-right: 20px;
}
.class_guest #wrapper > .container .text-center h1 ~ p:first-of-type,
.class_user #wrapper > .container .text-center h1 ~ p:first-of-type {
    padding-top: 32px;
}
.class_guest #wrapper > .container .text-center h1 ~ p:last-of-type,
.class_user #wrapper > .container .text-center h1 ~ p:last-of-type {
    padding-bottom: 16px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .class_guest #wrapper > .container,
    .class_user #wrapper > .container {
        max-width: none;
    }
}
@media (min-width: 992px) {
    .class_guest #wrapper > .container,
    .class_user #wrapper > .container {
        width: 100%;
        max-width: 1000px;
    }
    .class_guest #wrapper > .container .col-md-4,
    .class_user #wrapper > .container .col-md-4 {
        width: 100%;
    }
    .class_guest #wrapper > .container .col-md-offset-4,
    .class_user #wrapper > .container .col-md-offset-4 {
        margin-left: auto;
    }
    .class_guest #wrapper > .container .text-center h1,
    .class_user #wrapper > .container .text-center h1 {
        font-size: 36px !important;
        line-height: 1.5;
        padding: 50px 0 30px;
    }
    .class_guest #wrapper > .container .text-center h1 ~ p,
    .class_user #wrapper > .container .text-center h1 ~ p {
        font-size: 16px;
        line-height: 1.6;
    }
}
.class_guest #page-wrapper .breadcrumbs,
.class_guest .page-wrapper .breadcrumbs,
.class_guest #wrapper .breadcrumbs,
.class_user #page-wrapper .breadcrumbs,
.class_user .page-wrapper .breadcrumbs,
.class_user #wrapper .breadcrumbs {
    display: none;
}
.class_guest #page-wrapper .Breadcrumbs,
.class_guest .page-wrapper .Breadcrumbs,
.class_guest #wrapper .Breadcrumbs,
.class_user #page-wrapper .Breadcrumbs,
.class_user .page-wrapper .Breadcrumbs,
.class_user #wrapper .Breadcrumbs {
    font-size: 14px;
    line-height: 1.9;
    background: none;
    margin: 0;
    padding: 20px 0;
    color: #888888;
}
@media (max-width: 767px) {
    .class_guest #page-wrapper .Breadcrumbs,
    .class_guest .page-wrapper .Breadcrumbs,
    .class_guest #wrapper .Breadcrumbs,
    .class_user #page-wrapper .Breadcrumbs,
    .class_user .page-wrapper .Breadcrumbs,
    .class_user #wrapper .Breadcrumbs {
        padding: 20px 15px;
    }
}
.class_guest #page-wrapper .Breadcrumbs > div,
.class_guest .page-wrapper .Breadcrumbs > div,
.class_guest #wrapper .Breadcrumbs > div,
.class_user #page-wrapper .Breadcrumbs > div,
.class_user .page-wrapper .Breadcrumbs > div,
.class_user #wrapper .Breadcrumbs > div {
    display: inline;
}
.class_guest #page-wrapper .Breadcrumbs > div::after,
.class_guest .page-wrapper .Breadcrumbs > div::after,
.class_guest #wrapper .Breadcrumbs > div::after,
.class_user #page-wrapper .Breadcrumbs > div::after,
.class_user .page-wrapper .Breadcrumbs > div::after,
.class_user #wrapper .Breadcrumbs > div::after {
    content: '\003e';
    font-size: 16px;
    line-height: 1.6;
    color: #888;
    padding: 0 1em;
}
.class_guest #page-wrapper .Breadcrumbs > div:first-of-type:not(.p-abridgement),
.class_guest .page-wrapper .Breadcrumbs > div:first-of-type:not(.p-abridgement),
.class_guest #wrapper .Breadcrumbs > div:first-of-type:not(.p-abridgement),
.class_user #page-wrapper .Breadcrumbs > div:first-of-type:not(.p-abridgement),
.class_user .page-wrapper .Breadcrumbs > div:first-of-type:not(.p-abridgement),
.class_user #wrapper .Breadcrumbs > div:first-of-type:not(.p-abridgement) {
    display: none;
}
.class_guest #page-wrapper .Breadcrumbs > div:last-of-type::after,
.class_guest .page-wrapper .Breadcrumbs > div:last-of-type::after,
.class_guest #wrapper .Breadcrumbs > div:last-of-type::after,
.class_user #page-wrapper .Breadcrumbs > div:last-of-type::after,
.class_user .page-wrapper .Breadcrumbs > div:last-of-type::after,
.class_user #wrapper .Breadcrumbs > div:last-of-type::after {
    display: none;
}
.class_guest #page-wrapper .Breadcrumbs > div:last-of-type a,
.class_guest .page-wrapper .Breadcrumbs > div:last-of-type a,
.class_guest #wrapper .Breadcrumbs > div:last-of-type a,
.class_user #page-wrapper .Breadcrumbs > div:last-of-type a,
.class_user .page-wrapper .Breadcrumbs > div:last-of-type a,
.class_user #wrapper .Breadcrumbs > div:last-of-type a {
    color: #888;
    border-bottom: none;
}
.class_guest #page-wrapper .Breadcrumbs > div:last-of-type a:hover,
.class_guest .page-wrapper .Breadcrumbs > div:last-of-type a:hover,
.class_guest #wrapper .Breadcrumbs > div:last-of-type a:hover,
.class_user #page-wrapper .Breadcrumbs > div:last-of-type a:hover,
.class_user .page-wrapper .Breadcrumbs > div:last-of-type a:hover,
.class_user #wrapper .Breadcrumbs > div:last-of-type a:hover {
    color: #888 !important;
}
.class_guest #page-wrapper .Breadcrumbs a,
.class_guest .page-wrapper .Breadcrumbs a,
.class_guest #wrapper .Breadcrumbs a,
.class_user #page-wrapper .Breadcrumbs a,
.class_user .page-wrapper .Breadcrumbs a,
.class_user #wrapper .Breadcrumbs a {
    font-size: 14px;
    line-height: 1.9;
    font-weight: 400;
    color: #306eac;
    transition: opacity 0.2s;
}
.class_guest #page-wrapper .Breadcrumbs a:hover,
.class_guest .page-wrapper .Breadcrumbs a:hover,
.class_guest #wrapper .Breadcrumbs a:hover,
.class_user #page-wrapper .Breadcrumbs a:hover,
.class_user .page-wrapper .Breadcrumbs a:hover,
.class_user #wrapper .Breadcrumbs a:hover {
    text-decoration: none;
    color: #306eac !important;
    transform: translateY(0);
    opacity: 0.7;
}
.class_guest #page-wrapper .Breadcrumbs .fa-fw,
.class_guest #page-wrapper .Breadcrumbs .separator,
.class_guest .page-wrapper .Breadcrumbs .fa-fw,
.class_guest .page-wrapper .Breadcrumbs .separator,
.class_guest #wrapper .Breadcrumbs .fa-fw,
.class_guest #wrapper .Breadcrumbs .separator,
.class_user #page-wrapper .Breadcrumbs .fa-fw,
.class_user #page-wrapper .Breadcrumbs .separator,
.class_user .page-wrapper .Breadcrumbs .fa-fw,
.class_user .page-wrapper .Breadcrumbs .separator,
.class_user #wrapper .Breadcrumbs .fa-fw,
.class_user #wrapper .Breadcrumbs .separator {
    display: none;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .class_guest #page-wrapper .Breadcrumbs,
    .class_guest .page-wrapper .Breadcrumbs,
    .class_guest #wrapper .Breadcrumbs,
    .class_user #page-wrapper .Breadcrumbs,
    .class_user .page-wrapper .Breadcrumbs,
    .class_user #wrapper .Breadcrumbs {
        padding: 20px;
    }
}
@media (min-width: 992px) {
    .class_guest #page-wrapper .Breadcrumbs,
    .class_guest .page-wrapper .Breadcrumbs,
    .class_guest #wrapper .Breadcrumbs,
    .class_user #page-wrapper .Breadcrumbs,
    .class_user .page-wrapper .Breadcrumbs,
    .class_user #wrapper .Breadcrumbs {
        width: 100%;
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }
}
.class_guest #page-wrapper .Breadcrumbs-item,
.class_guest .page-wrapper .Breadcrumbs-item,
.class_guest #wrapper .Breadcrumbs-item,
.class_user #page-wrapper .Breadcrumbs-item,
.class_user .page-wrapper .Breadcrumbs-item,
.class_user #wrapper .Breadcrumbs-item {
    display: inline;
}
.class_guest #page-wrapper .Breadcrumbs-item::after,
.class_guest .page-wrapper .Breadcrumbs-item::after,
.class_guest #wrapper .Breadcrumbs-item::after,
.class_user #page-wrapper .Breadcrumbs-item::after,
.class_user .page-wrapper .Breadcrumbs-item::after,
.class_user #wrapper .Breadcrumbs-item::after {
    content: '\003e';
    font-size: 16px;
    line-height: 1.6;
    color: #888;
    padding: 0 1em;
}
.class_guest #page-wrapper .Breadcrumbs-item:last-of-type,
.class_guest .page-wrapper .Breadcrumbs-item:last-of-type,
.class_guest #wrapper .Breadcrumbs-item:last-of-type,
.class_user #page-wrapper .Breadcrumbs-item:last-of-type,
.class_user .page-wrapper .Breadcrumbs-item:last-of-type,
.class_user #wrapper .Breadcrumbs-item:last-of-type {
    color: #888;
}
.class_guest #page-wrapper .Breadcrumbs-item:last-of-type::after,
.class_guest .page-wrapper .Breadcrumbs-item:last-of-type::after,
.class_guest #wrapper .Breadcrumbs-item:last-of-type::after,
.class_user #page-wrapper .Breadcrumbs-item:last-of-type::after,
.class_user .page-wrapper .Breadcrumbs-item:last-of-type::after,
.class_user #wrapper .Breadcrumbs-item:last-of-type::after {
    display: none;
}
.class_guest #page-wrapper .Breadcrumbs-item:last-of-type:hover,
.class_guest .page-wrapper .Breadcrumbs-item:last-of-type:hover,
.class_guest #wrapper .Breadcrumbs-item:last-of-type:hover,
.class_user #page-wrapper .Breadcrumbs-item:last-of-type:hover,
.class_user .page-wrapper .Breadcrumbs-item:last-of-type:hover,
.class_user #wrapper .Breadcrumbs-item:last-of-type:hover {
    color: #888 !important;
}
.class_guest #page-wrapper .Breadcrumbs-icon,
.class_guest .page-wrapper .Breadcrumbs-icon,
.class_guest #wrapper .Breadcrumbs-icon,
.class_user #page-wrapper .Breadcrumbs-icon,
.class_user .page-wrapper .Breadcrumbs-icon,
.class_user #wrapper .Breadcrumbs-icon {
    display: none;
}
#breadcrumbs {
    padding-top: 40px;
}
.Breadcrumbs .fa-home::before {
    font-size: 16px;
    line-height: 1.6;
    font-family: 'NotoSansCJKjp', 'Noto Sans JP', serif;
    font-weight: 400;
    color: #306eac;
}
.class_guest #page-wrapper .Breadcrumbs .fa-home::before,
.class_guest .page-wrapper .Breadcrumbs .fa-home::before,
.class_guest #wrapper .Breadcrumbs .fa-home::before {
    content: '\30C8\30C3\30D7';
}
.class_user #page-wrapper .Breadcrumbs .fa-home::before,
.class_user .page-wrapper .Breadcrumbs .fa-home::before,
.class_user #wrapper .Breadcrumbs .fa-home::before {
    content: '\30DB\30FC\30E0';
}
#footer-container.app-hidden {
    display: none;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .class_guest #page-wrapper .row.button-wrap .col-sm-6,
    .class_guest .page-wrapper .row.button-wrap .col-sm-6,
    .class_user #page-wrapper .row.button-wrap .col-sm-6,
    .class_user .page-wrapper .row.button-wrap .col-sm-6 {
        padding-left: 0;
        padding-right: 0;
    }
}
.class_guest #page-wrapper .btn,
.class_guest .page-wrapper .btn,
.class_user #page-wrapper .btn,
.class_user .page-wrapper .btn {
    font-size: 16px;
    line-height: 1;
    margin-bottom: 0;
    padding: 15px;
}
@media (min-width: 992px) {
    .class_guest #page-wrapper .btn,
    .class_guest .page-wrapper .btn,
    .class_user #page-wrapper .btn,
    .class_user .page-wrapper .btn {
        padding: 13px;
    }
}
.class_guest #page-wrapper .btn-primary,
.class_guest .page-wrapper .btn-primary,
.class_user #page-wrapper .btn-primary,
.class_user .page-wrapper .btn-primary {
    background: #bf6d4e;
    border-color: #bf6d4e;
}
.class_guest #page-wrapper .btn-primary[disabled],
.class_guest .page-wrapper .btn-primary[disabled],
.class_user #page-wrapper .btn-primary[disabled],
.class_user .page-wrapper .btn-primary[disabled] {
    background: #bf6d4e;
    border-color: #bf6d4e;
    opacity: 0.5;
}
.class_guest #page-wrapper .btn#back_to_prev,
.class_guest .page-wrapper .btn#back_to_prev,
.class_user #page-wrapper .btn#back_to_prev,
.class_user .page-wrapper .btn#back_to_prev {
    color: #444;
    background: #f7f7f7;
    border: 1px solid #999;
    margin-top: 0px;
}
@media (min-width: 992px) {
    .class_guest #page-wrapper .btn,
    .class_guest .page-wrapper .btn,
    .class_user #page-wrapper .btn,
    .class_user .page-wrapper .btn {
        max-width: 240px;
        margin-left: auto;
        margin-right: auto;
        padding: 16px;
    }
    .class_guest #page-wrapper .btn#back_to_prev,
    .class_guest .page-wrapper .btn#back_to_prev,
    .class_user #page-wrapper .btn#back_to_prev,
    .class_user .page-wrapper .btn#back_to_prev {
        margin-top: 0;
    }
}
.class_guest #page-wrapper .button-wrap,
.class_guest .page-wrapper .button-wrap,
.class_user #page-wrapper .button-wrap,
.class_user .page-wrapper .button-wrap {
    flex-direction: column-reverse;
    display: flex;
}
.class_guest #page-wrapper .button-wrap > *:not(:last-of-type),
.class_guest .page-wrapper .button-wrap > *:not(:last-of-type),
.class_user #page-wrapper .button-wrap > *:not(:last-of-type),
.class_user .page-wrapper .button-wrap > *:not(:last-of-type) {
    margin-top: 20px;
}
@media (min-width: 992px) {
    .class_guest #page-wrapper .button-wrap,
    .class_guest .page-wrapper .button-wrap,
    .class_user #page-wrapper .button-wrap,
    .class_user .page-wrapper .button-wrap {
        display: flex;
        justify-content: center;
        flex-direction: row-reverse;
    }
    .class_guest #page-wrapper .button-wrap > *:not(:last-of-type),
    .class_guest .page-wrapper .button-wrap > *:not(:last-of-type),
    .class_user #page-wrapper .button-wrap > *:not(:last-of-type),
    .class_user .page-wrapper .button-wrap > *:not(:last-of-type) {
        margin-left: 20px;
        margin-top: 0;
    }
    .class_guest #page-wrapper .button-wrap .btn,
    .class_guest .page-wrapper .button-wrap .btn,
    .class_user #page-wrapper .button-wrap .btn,
    .class_user .page-wrapper .button-wrap .btn {
        min-width: 240px;
    }
}
.class_guest #wrapper > .container .btn,
.class_user #wrapper > .container .btn {
    font-size: 16px;
    line-height: 1;
    display: block;
    width: calc(100% - 40px);
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 0;
    padding: 15px;
}
.class_guest #wrapper > .container .btn-success,
.class_user #wrapper > .container .btn-success {
    background: #bf6d4e;
    border-color: #bf6d4e;
}
.class_guest #wrapper > .container .btn-success[disabled],
.class_user #wrapper > .container .btn-success[disabled] {
    background: #bf6d4e;
    border-color: #bf6d4e;
    opacity: 0.5;
}
.class_guest #wrapper > .container .btn-danger,
.class_user #wrapper > .container .btn-danger {
    background: #574842;
    border-color: #574842;
}
@media (min-width: 992px) {
    .class_guest #wrapper > .container .btn,
    .class_user #wrapper > .container .btn {
        max-width: 240px;
        margin-left: auto;
        margin-right: auto;
        padding: 16px;
    }
}
.class_guest #wrapper > .container a.btn i,
.class_user #wrapper > .container a.btn i {
    display: none;
}
.class_guest #page-wrapper .panel-body > .form-group:not(:last-of-type),
.class_guest .page-wrapper .panel-body > .form-group:not(:last-of-type),
.class_user #page-wrapper .panel-body > .form-group:not(:last-of-type),
.class_user .page-wrapper .panel-body > .form-group:not(:last-of-type) {
    margin-bottom: 30px;
}
@media (min-width: 992px) {
    .class_guest #page-wrapper .panel-body > .form-group:first-of-type,
    .class_guest .page-wrapper .panel-body > .form-group:first-of-type,
    .class_user #page-wrapper .panel-body > .form-group:first-of-type,
    .class_user .page-wrapper .panel-body > .form-group:first-of-type {
        padding-top: 0;
    }
    .class_guest #page-wrapper .panel-body > .form-group:first-of-type label,
    .class_guest .page-wrapper .panel-body > .form-group:first-of-type label,
    .class_user #page-wrapper .panel-body > .form-group:first-of-type label,
    .class_user .page-wrapper .panel-body > .form-group:first-of-type label {
        top: 10px;
    }
    .class_guest #page-wrapper .panel-body > .form-group:first-of-type label ~ .form-control-feedback,
    .class_guest .page-wrapper .panel-body > .form-group:first-of-type label ~ .form-control-feedback,
    .class_user #page-wrapper .panel-body > .form-group:first-of-type label ~ .form-control-feedback,
    .class_user .page-wrapper .panel-body > .form-group:first-of-type label ~ .form-control-feedback {
        top: 0;
    }
    .class_guest #page-wrapper .panel-body > .form-group:not(:last-of-type),
    .class_guest .page-wrapper .panel-body > .form-group:not(:last-of-type),
    .class_user #page-wrapper .panel-body > .form-group:not(:last-of-type),
    .class_user .page-wrapper .panel-body > .form-group:not(:last-of-type) {
        margin-bottom: 0;
    }
}
.class_guest #page-wrapper .form-group input,
.class_guest #page-wrapper .has-feedback input,
.class_guest .page-wrapper .form-group input,
.class_guest .page-wrapper .has-feedback input,
.class_user #page-wrapper .form-group input,
.class_user #page-wrapper .has-feedback input,
.class_user .page-wrapper .form-group input,
.class_user .page-wrapper .has-feedback input {
    font-size: 16px;
    line-height: 1;
    height: auto;
    max-height: 44px;
    color: #444;
    box-shadow: none;
    margin-bottom: 4px;
    padding: 14px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.class_guest #page-wrapper .form-group input::-moz-placeholder,
.class_guest #page-wrapper .has-feedback input::-moz-placeholder,
.class_guest .page-wrapper .form-group input::-moz-placeholder,
.class_guest .page-wrapper .has-feedback input::-moz-placeholder,
.class_user #page-wrapper .form-group input::-moz-placeholder,
.class_user #page-wrapper .has-feedback input::-moz-placeholder,
.class_user .page-wrapper .form-group input::-moz-placeholder,
.class_user .page-wrapper .has-feedback input::-moz-placeholder {
    color: #b2b2b2;
}
.class_guest #page-wrapper .form-group input:-ms-input-placeholder,
.class_guest #page-wrapper .has-feedback input:-ms-input-placeholder,
.class_guest .page-wrapper .form-group input:-ms-input-placeholder,
.class_guest .page-wrapper .has-feedback input:-ms-input-placeholder,
.class_user #page-wrapper .form-group input:-ms-input-placeholder,
.class_user #page-wrapper .has-feedback input:-ms-input-placeholder,
.class_user .page-wrapper .form-group input:-ms-input-placeholder,
.class_user .page-wrapper .has-feedback input:-ms-input-placeholder {
    color: #b2b2b2;
}
.class_guest #page-wrapper .form-group input::placeholder,
.class_guest #page-wrapper .has-feedback input::placeholder,
.class_guest .page-wrapper .form-group input::placeholder,
.class_guest .page-wrapper .has-feedback input::placeholder,
.class_user #page-wrapper .form-group input::placeholder,
.class_user #page-wrapper .has-feedback input::placeholder,
.class_user .page-wrapper .form-group input::placeholder,
.class_user .page-wrapper .has-feedback input::placeholder {
    color: #b2b2b2;
}
.class_guest #page-wrapper .form-group label,
.class_guest #page-wrapper .has-feedback label,
.class_guest .page-wrapper .form-group label,
.class_guest .page-wrapper .has-feedback label,
.class_user #page-wrapper .form-group label,
.class_user #page-wrapper .has-feedback label,
.class_user .page-wrapper .form-group label,
.class_user .page-wrapper .has-feedback label {
    font-size: 16px;
    line-height: 1.1;
    margin-bottom: 10px;
}
@media (min-width: 992px) {
    .class_guest #page-wrapper .form-group label,
    .class_guest #page-wrapper .has-feedback label,
    .class_guest .page-wrapper .form-group label,
    .class_guest .page-wrapper .has-feedback label,
    .class_user #page-wrapper .form-group label,
    .class_user #page-wrapper .has-feedback label,
    .class_user .page-wrapper .form-group label,
    .class_user .page-wrapper .has-feedback label {
        margin-bottom: 0;
    }
}
.class_guest #page-wrapper .form-group,
.class_guest .page-wrapper .form-group,
.class_user #page-wrapper .form-group,
.class_user .page-wrapper .form-group {
    margin-bottom: 0;
}
.class_guest #page-wrapper .form-group label span.fa-question-circle,
.class_guest .page-wrapper .form-group label span.fa-question-circle,
.class_user #page-wrapper .form-group label span.fa-question-circle,
.class_user .page-wrapper .form-group label span.fa-question-circle {
    display: none;
}
@media (min-width: 992px) {
    .class_guest #page-wrapper .form-group,
    .class_guest .page-wrapper .form-group,
    .class_user #page-wrapper .form-group,
    .class_user .page-wrapper .form-group {
        border-bottom: 1px solid #dedede;
        padding: 20px 0 20px 208px;
    }
    .class_guest #page-wrapper .form-group > label,
    .class_guest .page-wrapper .form-group > label,
    .class_user #page-wrapper .form-group > label,
    .class_user .page-wrapper .form-group > label {
        position: absolute;
        top: 30px;
        left: 0;
        margin-bottom: 0;
    }
    .class_guest #page-wrapper .form-group > .has-feedback.mb5,
    .class_guest .page-wrapper .form-group > .has-feedback.mb5,
    .class_user #page-wrapper .form-group > .has-feedback.mb5,
    .class_user .page-wrapper .form-group > .has-feedback.mb5 {
        margin-bottom: 0 !important;
    }
    .class_guest #page-wrapper .form-group > .has-feedback label,
    .class_guest .page-wrapper .form-group > .has-feedback label,
    .class_user #page-wrapper .form-group > .has-feedback label,
    .class_user .page-wrapper .form-group > .has-feedback label {
        position: absolute;
        top: 10px;
        left: -208px;
    }
    .class_guest #page-wrapper .form-group > .has-feedback:not(:first-of-type),
    .class_guest .page-wrapper .form-group > .has-feedback:not(:first-of-type),
    .class_user #page-wrapper .form-group > .has-feedback:not(:first-of-type),
    .class_user .page-wrapper .form-group > .has-feedback:not(:first-of-type) {
        padding-top: 20px;
    }
    .class_guest #page-wrapper .form-group > .has-feedback:not(:first-of-type) label,
    .class_guest .page-wrapper .form-group > .has-feedback:not(:first-of-type) label,
    .class_user #page-wrapper .form-group > .has-feedback:not(:first-of-type) label,
    .class_user .page-wrapper .form-group > .has-feedback:not(:first-of-type) label {
        top: 30px;
    }
    .class_guest #page-wrapper .form-group > .has-feedback:not(:last-of-type),
    .class_guest .page-wrapper .form-group > .has-feedback:not(:last-of-type),
    .class_user #page-wrapper .form-group > .has-feedback:not(:last-of-type),
    .class_user .page-wrapper .form-group > .has-feedback:not(:last-of-type) {
        padding-bottom: 20px;
    }
    .class_guest #page-wrapper .form-group > .has-feedback:not(:last-of-type)::after,
    .class_guest .page-wrapper .form-group > .has-feedback:not(:last-of-type)::after,
    .class_user #page-wrapper .form-group > .has-feedback:not(:last-of-type)::after,
    .class_user .page-wrapper .form-group > .has-feedback:not(:last-of-type)::after {
        content: '';
        display: block;
        position: absolute;
        left: -208px;
        bottom: 0;
        width: calc(100% + 208px);
        height: 1px;
        background: #dedede;
    }
    .class_guest #page-wrapper .form-group > .has-feedback:not(:last-of-type) label ~ .form-control-feedback,
    .class_guest .page-wrapper .form-group > .has-feedback:not(:last-of-type) label ~ .form-control-feedback,
    .class_user #page-wrapper .form-group > .has-feedback:not(:last-of-type) label ~ .form-control-feedback,
    .class_user .page-wrapper .form-group > .has-feedback:not(:last-of-type) label ~ .form-control-feedback {
        top: 0;
    }
}
.class_guest #page-wrapper .has-feedback label ~ .form-control-feedback,
.class_guest .page-wrapper .has-feedback label ~ .form-control-feedback,
.class_user #page-wrapper .has-feedback label ~ .form-control-feedback,
.class_user .page-wrapper .has-feedback label ~ .form-control-feedback {
    top: 34px;
}
@media (min-width: 992px) {
    .class_guest #page-wrapper .has-feedback label ~ .form-control-feedback,
    .class_guest .page-wrapper .has-feedback label ~ .form-control-feedback,
    .class_user #page-wrapper .has-feedback label ~ .form-control-feedback,
    .class_user .page-wrapper .has-feedback label ~ .form-control-feedback {
        top: 20px;
    }
}
.class_guest #page-wrapper .has-feedback + .has-feedback,
.class_guest .page-wrapper .has-feedback + .has-feedback,
.class_user #page-wrapper .has-feedback + .has-feedback,
.class_user .page-wrapper .has-feedback + .has-feedback {
    margin-top: 30px;
}
.class_guest #page-wrapper .has-feedback .form-control,
.class_guest .page-wrapper .has-feedback .form-control,
.class_user #page-wrapper .has-feedback .form-control,
.class_user .page-wrapper .has-feedback .form-control {
    padding-right: 12px;
}
@media (min-width: 992px) {
    .class_guest #page-wrapper .has-feedback + .has-feedback,
    .class_guest .page-wrapper .has-feedback + .has-feedback,
    .class_user #page-wrapper .has-feedback + .has-feedback,
    .class_user .page-wrapper .has-feedback + .has-feedback {
        margin-top: 0;
    }
}
.class_guest #page-wrapper .form-control,
.class_guest .page-wrapper .form-control,
.class_user #page-wrapper .form-control,
.class_user .page-wrapper .form-control {
    border: 1px solid #c9c9c9;
}
.class_guest #page-wrapper .form-control-feedback,
.class_guest .page-wrapper .form-control-feedback,
.class_user #page-wrapper .form-control-feedback,
.class_user .page-wrapper .form-control-feedback {
    width: 44px;
    height: 44px;
}
.class_guest #page-wrapper .label,
.class_guest .page-wrapper .label,
.class_user #page-wrapper .label,
.class_user .page-wrapper .label {
    font-size: 10px;
    line-height: 1;
    display: inline-block;
    vertical-align: top;
    padding: 4px 6px;
}
.class_guest #page-wrapper .label-danger,
.class_guest .page-wrapper .label-danger,
.class_user #page-wrapper .label-danger,
.class_user .page-wrapper .label-danger {
    background: #ff1600;
}
.class_guest #page-wrapper .error,
.class_guest .page-wrapper .error,
.class_user #page-wrapper .error,
.class_user .page-wrapper .error {
    font-size: 16px;
    line-height: 1.6;
}
.class_guest #page-wrapper .text-danger,
.class_guest .page-wrapper .text-danger,
.class_user #page-wrapper .text-danger,
.class_user .page-wrapper .text-danger {
    color: #ff1600;
}
.class_guest #page-wrapper .help-block,
.class_guest .page-wrapper .help-block,
.class_user #page-wrapper .help-block,
.class_user .page-wrapper .help-block {
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
}
.class_guest #page-wrapper .well,
.class_guest .page-wrapper .well,
.class_user #page-wrapper .well,
.class_user .page-wrapper .well {
    font-size: 12px;
    line-height: 1.5;
    min-height: auto;
    color: #444;
    background: #fff;
    border: 1px solid #999;
    margin-bottom: 0;
    padding: 10px;
}
.class_guest #page-wrapper .well p,
.class_guest .page-wrapper .well p,
.class_user #page-wrapper .well p,
.class_user .page-wrapper .well p {
    margin-bottom: 1em;
}
.class_guest #page-wrapper #confirm .panel-body,
.class_guest .page-wrapper #confirm .panel-body,
.class_user #page-wrapper #confirm .panel-body,
.class_user .page-wrapper #confirm .panel-body {
    padding-top: 34px;
}
.class_guest #page-wrapper #confirm label[for='password_confirm2'],
.class_guest .page-wrapper #confirm label[for='password_confirm2'],
.class_user #page-wrapper #confirm label[for='password_confirm2'],
.class_user .page-wrapper #confirm label[for='password_confirm2'] {
    margin-bottom: 0;
}
.class_guest #page-wrapper #confirm .form-group input,
.class_guest .page-wrapper #confirm .form-group input,
.class_user #page-wrapper #confirm .form-group input,
.class_user .page-wrapper #confirm .form-group input {
    font-size: 14px;
    line-height: 1;
    margin-bottom: 0;
}
.class_guest #page-wrapper #confirm .form-control,
.class_guest .page-wrapper #confirm .form-control,
.class_user #page-wrapper #confirm .form-control,
.class_user .page-wrapper #confirm .form-control {
    background: none;
    border: none;
    padding: 0;
}
.class_guest #page-wrapper #confirm .switching-pass,
.class_guest .page-wrapper #confirm .switching-pass,
.class_user #page-wrapper #confirm .switching-pass,
.class_user .page-wrapper #confirm .switching-pass {
    padding: 8px 0;
}
.class_guest #page-wrapper #confirm .show-pass-btn,
.class_guest .page-wrapper #confirm .show-pass-btn,
.class_user #page-wrapper #confirm .show-pass-btn,
.class_user .page-wrapper #confirm .show-pass-btn {
    font-size: 18px;
    line-height: 1;
    width: 36px;
    height: 36px;
    color: #888;
    background: #f7f7f7;
    border: 1px solid #999;
    border-radius: 4px;
    padding: 0;
}
@media (min-width: 992px) {
    .class_guest #page-wrapper #confirm .panel-body,
    .class_guest .page-wrapper #confirm .panel-body,
    .class_user #page-wrapper #confirm .panel-body,
    .class_user .page-wrapper #confirm .panel-body {
        padding-top: 40px;
    }
    .class_guest #page-wrapper #confirm .form-group input,
    .class_guest .page-wrapper #confirm .form-group input,
    .class_user #page-wrapper #confirm .form-group input,
    .class_user .page-wrapper #confirm .form-group input {
        font-size: 16px;
    }
    .class_guest #page-wrapper #confirm .form-control,
    .class_guest .page-wrapper #confirm .form-control,
    .class_user #page-wrapper #confirm .form-control,
    .class_user .page-wrapper #confirm .form-control {
        padding: 10px 0;
    }
    .class_guest #page-wrapper #confirm .input-group-addon,
    .class_guest #page-wrapper #confirm .input-group-btn,
    .class_guest .page-wrapper #confirm .input-group-addon,
    .class_guest .page-wrapper #confirm .input-group-btn,
    .class_user #page-wrapper #confirm .input-group-addon,
    .class_user #page-wrapper #confirm .input-group-btn,
    .class_user .page-wrapper #confirm .input-group-addon,
    .class_user .page-wrapper #confirm .input-group-btn {
        width: auto;
    }
    .class_guest #page-wrapper #confirm .show-pass-btn,
    .class_guest .page-wrapper #confirm .show-pass-btn,
    .class_user #page-wrapper #confirm .show-pass-btn,
    .class_user .page-wrapper #confirm .show-pass-btn {
        margin-left: 14px;
    }
}
.class_guest #page-wrapper #provision,
.class_guest .page-wrapper #provision,
.class_user #page-wrapper #provision,
.class_user .page-wrapper #provision {
    font-size: 16px;
    line-height: 1.6;
    background: #fff;
}
.class_guest #page-wrapper #provision h1,
.class_guest .page-wrapper #provision h1,
.class_user #page-wrapper #provision h1,
.class_user .page-wrapper #provision h1 {
    font-size: 30px !important;
    line-height: 1.4;
    background: #f5f5f5;
    margin: 0 -15px !important;
    padding-bottom: 36px;
}
.class_guest #page-wrapper #provision h1 + p,
.class_guest .page-wrapper #provision h1 + p,
.class_user #page-wrapper #provision h1 + p,
.class_user .page-wrapper #provision h1 + p {
    padding-top: 30px;
}
.class_guest #page-wrapper #provision .text-success,
.class_guest .page-wrapper #provision .text-success,
.class_user #page-wrapper #provision .text-success,
.class_user .page-wrapper #provision .text-success {
    display: none;
}
.class_guest #page-wrapper #provision .text-danger,
.class_guest .page-wrapper #provision .text-danger,
.class_user #page-wrapper #provision .text-danger,
.class_user .page-wrapper #provision .text-danger {
    font-weight: bold;
    margin: 1.5em 0 1.75em;
}
.class_guest #page-wrapper #provision #mail_address,
.class_guest .page-wrapper #provision #mail_address,
.class_user #page-wrapper #provision #mail_address,
.class_user .page-wrapper #provision #mail_address {
    display: block;
    font-weight: bold;
}
@media (min-width: 992px) {
    .class_guest #page-wrapper #provision h1,
    .class_guest .page-wrapper #provision h1,
    .class_user #page-wrapper #provision h1,
    .class_user .page-wrapper #provision h1 {
        font-size: 36px !important;
    }
    .class_guest #page-wrapper #provision h1 + p,
    .class_guest .page-wrapper #provision h1 + p,
    .class_user #page-wrapper #provision h1 + p,
    .class_user .page-wrapper #provision h1 + p {
        padding-top: 40px;
    }
}
.class_guest #page-wrapper form[name='profileform'] > .form-group:nth-of-type(5) input[type='checkbox'],
.class_guest .page-wrapper form[name='profileform'] > .form-group:nth-of-type(5) input[type='checkbox'],
.class_user #page-wrapper form[name='profileform'] > .form-group:nth-of-type(5) input[type='checkbox'],
.class_user .page-wrapper form[name='profileform'] > .form-group:nth-of-type(5) input[type='checkbox'] {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}
.class_guest #page-wrapper #modify_password .form-group,
.class_guest .page-wrapper #modify_password .form-group,
.class_user #page-wrapper #modify_password .form-group,
.class_user .page-wrapper #modify_password .form-group {
    position: relative;
}
@media (min-width: 992px) {
    .class_guest #page-wrapper .form-group input,
    .class_guest #page-wrapper .has-feedback input,
    .class_guest .page-wrapper .form-group input,
    .class_guest .page-wrapper .has-feedback input,
    .class_user #page-wrapper .form-group input,
    .class_user #page-wrapper .has-feedback input,
    .class_user .page-wrapper .form-group input,
    .class_user .page-wrapper .has-feedback input {
        font-size: 14px;
        line-height: 1;
        max-height: 36px;
        margin-bottom: 6px;
        padding: 10px 12px;
    }
    .class_guest #page-wrapper .form-control-feedback,
    .class_guest .page-wrapper .form-control-feedback,
    .class_user #page-wrapper .form-control-feedback,
    .class_user .page-wrapper .form-control-feedback {
        width: 36px;
        height: 36px;
    }
}
.class_guest #wrapper > .container .form-group input,
.class_guest #wrapper > .container .has-feedback input,
.class_user #wrapper > .container .form-group input,
.class_user #wrapper > .container .has-feedback input {
    font-size: 16px;
    line-height: 1;
    height: auto;
    max-height: 44px;
    color: #444;
    box-shadow: none;
    margin-bottom: 4px;
    padding: 14px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.class_guest #wrapper > .container .form-group input::-moz-placeholder,
.class_guest #wrapper > .container .has-feedback input::-moz-placeholder,
.class_user #wrapper > .container .form-group input::-moz-placeholder,
.class_user #wrapper > .container .has-feedback input::-moz-placeholder {
    color: #b2b2b2;
}
.class_guest #wrapper > .container .form-group input:-ms-input-placeholder,
.class_guest #wrapper > .container .has-feedback input:-ms-input-placeholder,
.class_user #wrapper > .container .form-group input:-ms-input-placeholder,
.class_user #wrapper > .container .has-feedback input:-ms-input-placeholder {
    color: #b2b2b2;
}
.class_guest #wrapper > .container .form-group input::placeholder,
.class_guest #wrapper > .container .has-feedback input::placeholder,
.class_user #wrapper > .container .form-group input::placeholder,
.class_user #wrapper > .container .has-feedback input::placeholder {
    color: #b2b2b2;
}
.class_guest #wrapper > .container .form-group label,
.class_guest #wrapper > .container .has-feedback label,
.class_user #wrapper > .container .form-group label,
.class_user #wrapper > .container .has-feedback label {
    font-size: 16px;
    line-height: 1.1;
    margin-bottom: 10px;
}
@media (min-width: 992px) {
    .class_guest #wrapper > .container .form-group label,
    .class_guest #wrapper > .container .has-feedback label,
    .class_user #wrapper > .container .form-group label,
    .class_user #wrapper > .container .has-feedback label {
        margin-bottom: 0;
    }
}
.class_guest #wrapper > .container .form-control,
.class_user #wrapper > .container .form-control {
    border: 1px solid #c9c9c9;
}
.class_guest #wrapper > .container .form-control-feedback,
.class_user #wrapper > .container .form-control-feedback {
    width: 44px;
    height: 44px;
}
#policy {
    background: #fff;
    margin-left: -15px;
    margin-right: -15px;
    padding: 34px 20px 0;
}
@media (max-width: 767px) {
    #policy .text-center [for='agree'] {
        text-align: left;
    }
}
#policy label[for='agree'] {
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 5px 0 5px 36px;
    cursor: pointer;
}
#policy label[for='agree']::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 26px;
    height: 26px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2026%2026%22%3E%3Cg%20transform%3D%22translate(-77%20-490)%22%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22M173.134%2C77.716l-5.77-5.769%2C2-2%2C3.773%2C3.774%2C6.746-6.746%2C2%2C2Z%22%20transform%3D%22translate(-84.365%20430.717)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')
        no-repeat;
    background-color: #4ea0bf;
    background-size: 100% auto;
    border: 1px solid #999;
    border-radius: 4px;
    box-sizing: border-box;
    pointer-events: none;
}
#policy input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 26px;
    height: 26px;
    font-size: 0;
    background: #fff;
    border: 1px solid #999;
    border-radius: 4px;
    margin: 0;
    padding: 0;
}
#policy input:checked {
    opacity: 0;
}
.register-panel #policy .well {
    height: auto;
    margin-bottom: 18px;
    border: none;
    font-size: 14px;
    box-shadow: none;
    overflow-y: visible;
}
@media (min-width: 992px) {
    #policy {
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }
    .file_user_index_php #page-wrapper #policy,
    .file_user_index_php .page-wrapper #policy {
        border-bottom: none;
        padding: 30px 0px 20px;
    }
    .file_user_index_php #page-wrapper #policy label,
    .file_user_index_php .page-wrapper #policy label {
        position: relative;
        top: 0;
        margin-bottom: 18px;
    }
    .file_user_index_php #page-wrapper #policy label[for='agree'],
    .file_user_index_php .page-wrapper #policy label[for='agree'] {
        margin-bottom: 0;
    }
    .file_user_index_php #page-wrapper #policy input,
    .file_user_index_php .page-wrapper #policy input {
        width: 26px;
        height: 26px;
    }
}
#wrapper .nav-tabs li a {
    color: #b2b2b2;
}
#wrapper .nav-tabs li.active a {
    color: #444;
}
.class_guest #page-wrapper .panel-body > .form-group:not(:last-of-type),
.class_guest .page-wrapper .panel-body > .form-group:not(:last-of-type),
.class_user #page-wrapper .panel-body > .form-group:not(:last-of-type),
.class_user .page-wrapper .panel-body > .form-group:not(:last-of-type) {
    margin-bottom: 30px;
}
@media (min-width: 992px) {
    .class_guest #page-wrapper .panel-body > .form-group:first-of-type,
    .class_guest .page-wrapper .panel-body > .form-group:first-of-type,
    .class_user #page-wrapper .panel-body > .form-group:first-of-type,
    .class_user .page-wrapper .panel-body > .form-group:first-of-type {
        padding-top: 0;
    }
    .class_guest #page-wrapper .panel-body > .form-group:first-of-type label,
    .class_guest .page-wrapper .panel-body > .form-group:first-of-type label,
    .class_user #page-wrapper .panel-body > .form-group:first-of-type label,
    .class_user .page-wrapper .panel-body > .form-group:first-of-type label {
        top: 10px;
    }
    .class_guest #page-wrapper .panel-body > .form-group:first-of-type label ~ .form-control-feedback,
    .class_guest .page-wrapper .panel-body > .form-group:first-of-type label ~ .form-control-feedback,
    .class_user #page-wrapper .panel-body > .form-group:first-of-type label ~ .form-control-feedback,
    .class_user .page-wrapper .panel-body > .form-group:first-of-type label ~ .form-control-feedback {
        top: 0;
    }
    .class_guest #page-wrapper .panel-body > .form-group:not(:last-of-type),
    .class_guest .page-wrapper .panel-body > .form-group:not(:last-of-type),
    .class_user #page-wrapper .panel-body > .form-group:not(:last-of-type),
    .class_user .page-wrapper .panel-body > .form-group:not(:last-of-type) {
        margin-bottom: 0;
    }
}
.class_guest #page-wrapper .form-group input,
.class_guest #page-wrapper .has-feedback input,
.class_guest .page-wrapper .form-group input,
.class_guest .page-wrapper .has-feedback input,
.class_user #page-wrapper .form-group input,
.class_user #page-wrapper .has-feedback input,
.class_user .page-wrapper .form-group input,
.class_user .page-wrapper .has-feedback input {
    font-size: 16px;
    line-height: 1;
    height: auto;
    max-height: 44px;
    color: #444;
    box-shadow: none;
    margin-bottom: 4px;
    padding: 14px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.class_guest #page-wrapper .form-group input::-moz-placeholder,
.class_guest #page-wrapper .has-feedback input::-moz-placeholder,
.class_guest .page-wrapper .form-group input::-moz-placeholder,
.class_guest .page-wrapper .has-feedback input::-moz-placeholder,
.class_user #page-wrapper .form-group input::-moz-placeholder,
.class_user #page-wrapper .has-feedback input::-moz-placeholder,
.class_user .page-wrapper .form-group input::-moz-placeholder,
.class_user .page-wrapper .has-feedback input::-moz-placeholder {
    color: #b2b2b2;
}
.class_guest #page-wrapper .form-group input:-ms-input-placeholder,
.class_guest #page-wrapper .has-feedback input:-ms-input-placeholder,
.class_guest .page-wrapper .form-group input:-ms-input-placeholder,
.class_guest .page-wrapper .has-feedback input:-ms-input-placeholder,
.class_user #page-wrapper .form-group input:-ms-input-placeholder,
.class_user #page-wrapper .has-feedback input:-ms-input-placeholder,
.class_user .page-wrapper .form-group input:-ms-input-placeholder,
.class_user .page-wrapper .has-feedback input:-ms-input-placeholder {
    color: #b2b2b2;
}
.class_guest #page-wrapper .form-group input::placeholder,
.class_guest #page-wrapper .has-feedback input::placeholder,
.class_guest .page-wrapper .form-group input::placeholder,
.class_guest .page-wrapper .has-feedback input::placeholder,
.class_user #page-wrapper .form-group input::placeholder,
.class_user #page-wrapper .has-feedback input::placeholder,
.class_user .page-wrapper .form-group input::placeholder,
.class_user .page-wrapper .has-feedback input::placeholder {
    color: #b2b2b2;
}
.class_guest #page-wrapper .form-group label,
.class_guest #page-wrapper .has-feedback label,
.class_guest .page-wrapper .form-group label,
.class_guest .page-wrapper .has-feedback label,
.class_user #page-wrapper .form-group label,
.class_user #page-wrapper .has-feedback label,
.class_user .page-wrapper .form-group label,
.class_user .page-wrapper .has-feedback label {
    font-size: 16px;
    line-height: 1.1;
    margin-bottom: 10px;
}
@media (min-width: 992px) {
    .class_guest #page-wrapper .form-group label,
    .class_guest #page-wrapper .has-feedback label,
    .class_guest .page-wrapper .form-group label,
    .class_guest .page-wrapper .has-feedback label,
    .class_user #page-wrapper .form-group label,
    .class_user #page-wrapper .has-feedback label,
    .class_user .page-wrapper .form-group label,
    .class_user .page-wrapper .has-feedback label {
        margin-bottom: 0;
    }
}
.class_guest #page-wrapper .form-group,
.class_guest .page-wrapper .form-group,
.class_user #page-wrapper .form-group,
.class_user .page-wrapper .form-group {
    margin-bottom: 0;
}
.class_guest #page-wrapper .form-group label span.fa-question-circle,
.class_guest .page-wrapper .form-group label span.fa-question-circle,
.class_user #page-wrapper .form-group label span.fa-question-circle,
.class_user .page-wrapper .form-group label span.fa-question-circle {
    display: none;
}
@media (min-width: 992px) {
    .class_guest #page-wrapper .form-group,
    .class_guest .page-wrapper .form-group,
    .class_user #page-wrapper .form-group,
    .class_user .page-wrapper .form-group {
        border-bottom: 1px solid #dedede;
        padding: 20px 0 20px 208px;
    }
    .class_guest #page-wrapper .form-group > label,
    .class_guest .page-wrapper .form-group > label,
    .class_user #page-wrapper .form-group > label,
    .class_user .page-wrapper .form-group > label {
        position: absolute;
        top: 30px;
        left: 0;
        margin-bottom: 0;
    }
    .class_guest #page-wrapper .form-group > .has-feedback.mb5,
    .class_guest .page-wrapper .form-group > .has-feedback.mb5,
    .class_user #page-wrapper .form-group > .has-feedback.mb5,
    .class_user .page-wrapper .form-group > .has-feedback.mb5 {
        margin-bottom: 0 !important;
    }
    .class_guest #page-wrapper .form-group > .has-feedback label,
    .class_guest .page-wrapper .form-group > .has-feedback label,
    .class_user #page-wrapper .form-group > .has-feedback label,
    .class_user .page-wrapper .form-group > .has-feedback label {
        position: absolute;
        top: 10px;
        left: -208px;
    }
    .class_guest #page-wrapper .form-group > .has-feedback:not(:first-of-type),
    .class_guest .page-wrapper .form-group > .has-feedback:not(:first-of-type),
    .class_user #page-wrapper .form-group > .has-feedback:not(:first-of-type),
    .class_user .page-wrapper .form-group > .has-feedback:not(:first-of-type) {
        padding-top: 20px;
    }
    .class_guest #page-wrapper .form-group > .has-feedback:not(:first-of-type) label,
    .class_guest .page-wrapper .form-group > .has-feedback:not(:first-of-type) label,
    .class_user #page-wrapper .form-group > .has-feedback:not(:first-of-type) label,
    .class_user .page-wrapper .form-group > .has-feedback:not(:first-of-type) label {
        top: 30px;
    }
    .class_guest #page-wrapper .form-group > .has-feedback:not(:last-of-type),
    .class_guest .page-wrapper .form-group > .has-feedback:not(:last-of-type),
    .class_user #page-wrapper .form-group > .has-feedback:not(:last-of-type),
    .class_user .page-wrapper .form-group > .has-feedback:not(:last-of-type) {
        padding-bottom: 20px;
    }
    .class_guest #page-wrapper .form-group > .has-feedback:not(:last-of-type)::after,
    .class_guest .page-wrapper .form-group > .has-feedback:not(:last-of-type)::after,
    .class_user #page-wrapper .form-group > .has-feedback:not(:last-of-type)::after,
    .class_user .page-wrapper .form-group > .has-feedback:not(:last-of-type)::after {
        content: '';
        display: block;
        position: absolute;
        left: -208px;
        bottom: 0;
        width: calc(100% + 208px);
        height: 1px;
        background: #dedede;
    }
    .class_guest #page-wrapper .form-group > .has-feedback:not(:last-of-type) label ~ .form-control-feedback,
    .class_guest .page-wrapper .form-group > .has-feedback:not(:last-of-type) label ~ .form-control-feedback,
    .class_user #page-wrapper .form-group > .has-feedback:not(:last-of-type) label ~ .form-control-feedback,
    .class_user .page-wrapper .form-group > .has-feedback:not(:last-of-type) label ~ .form-control-feedback {
        top: 0;
    }
}
.class_guest #page-wrapper .has-feedback label ~ .form-control-feedback,
.class_guest .page-wrapper .has-feedback label ~ .form-control-feedback,
.class_user #page-wrapper .has-feedback label ~ .form-control-feedback,
.class_user .page-wrapper .has-feedback label ~ .form-control-feedback {
    top: 34px;
}
@media (min-width: 992px) {
    .class_guest #page-wrapper .has-feedback label ~ .form-control-feedback,
    .class_guest .page-wrapper .has-feedback label ~ .form-control-feedback,
    .class_user #page-wrapper .has-feedback label ~ .form-control-feedback,
    .class_user .page-wrapper .has-feedback label ~ .form-control-feedback {
        top: 20px;
    }
}
.class_guest #page-wrapper .has-feedback + .has-feedback,
.class_guest .page-wrapper .has-feedback + .has-feedback,
.class_user #page-wrapper .has-feedback + .has-feedback,
.class_user .page-wrapper .has-feedback + .has-feedback {
    margin-top: 30px;
}
.class_guest #page-wrapper .has-feedback .form-control,
.class_guest .page-wrapper .has-feedback .form-control,
.class_user #page-wrapper .has-feedback .form-control,
.class_user .page-wrapper .has-feedback .form-control {
    padding-right: 12px;
}
@media (min-width: 992px) {
    .class_guest #page-wrapper .has-feedback + .has-feedback,
    .class_guest .page-wrapper .has-feedback + .has-feedback,
    .class_user #page-wrapper .has-feedback + .has-feedback,
    .class_user .page-wrapper .has-feedback + .has-feedback {
        margin-top: 0;
    }
}
.class_guest #page-wrapper .form-control,
.class_guest .page-wrapper .form-control,
.class_user #page-wrapper .form-control,
.class_user .page-wrapper .form-control {
    border: 1px solid #c9c9c9;
}
.class_guest #page-wrapper .form-control-feedback,
.class_guest .page-wrapper .form-control-feedback,
.class_user #page-wrapper .form-control-feedback,
.class_user .page-wrapper .form-control-feedback {
    width: 44px;
    height: 44px;
}
.class_guest #page-wrapper .label,
.class_guest .page-wrapper .label,
.class_user #page-wrapper .label,
.class_user .page-wrapper .label {
    font-size: 10px;
    line-height: 1;
    display: inline-block;
    vertical-align: top;
    padding: 4px 6px;
}
.class_guest #page-wrapper .label-danger,
.class_guest .page-wrapper .label-danger,
.class_user #page-wrapper .label-danger,
.class_user .page-wrapper .label-danger {
    background: #ff1600;
}
.class_guest #page-wrapper .error,
.class_guest .page-wrapper .error,
.class_user #page-wrapper .error,
.class_user .page-wrapper .error {
    font-size: 16px;
    line-height: 1.6;
}
.class_guest #page-wrapper .text-danger,
.class_guest .page-wrapper .text-danger,
.class_user #page-wrapper .text-danger,
.class_user .page-wrapper .text-danger {
    color: #ff1600;
}
.class_guest #page-wrapper .help-block,
.class_guest .page-wrapper .help-block,
.class_user #page-wrapper .help-block,
.class_user .page-wrapper .help-block {
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
}
.class_guest #page-wrapper .well,
.class_guest .page-wrapper .well,
.class_user #page-wrapper .well,
.class_user .page-wrapper .well {
    font-size: 12px;
    line-height: 1.5;
    min-height: auto;
    color: #444;
    background: #fff;
    border: 1px solid #999;
    margin-bottom: 0;
    padding: 10px;
}
.class_guest #page-wrapper .well p,
.class_guest .page-wrapper .well p,
.class_user #page-wrapper .well p,
.class_user .page-wrapper .well p {
    margin-bottom: 1em;
}
.class_guest #page-wrapper #confirm .panel-body,
.class_guest .page-wrapper #confirm .panel-body,
.class_user #page-wrapper #confirm .panel-body,
.class_user .page-wrapper #confirm .panel-body {
    padding-top: 34px;
}
.class_guest #page-wrapper #confirm label[for='password_confirm2'],
.class_guest .page-wrapper #confirm label[for='password_confirm2'],
.class_user #page-wrapper #confirm label[for='password_confirm2'],
.class_user .page-wrapper #confirm label[for='password_confirm2'] {
    margin-bottom: 0;
}
.class_guest #page-wrapper #confirm .form-group input,
.class_guest .page-wrapper #confirm .form-group input,
.class_user #page-wrapper #confirm .form-group input,
.class_user .page-wrapper #confirm .form-group input {
    font-size: 14px;
    line-height: 1;
    margin-bottom: 0;
}
.class_guest #page-wrapper #confirm .form-control,
.class_guest .page-wrapper #confirm .form-control,
.class_user #page-wrapper #confirm .form-control,
.class_user .page-wrapper #confirm .form-control {
    background: none;
    border: none;
    padding: 0;
}
.class_guest #page-wrapper #confirm .switching-pass,
.class_guest .page-wrapper #confirm .switching-pass,
.class_user #page-wrapper #confirm .switching-pass,
.class_user .page-wrapper #confirm .switching-pass {
    padding: 8px 0;
}
.class_guest #page-wrapper #confirm .show-pass-btn,
.class_guest .page-wrapper #confirm .show-pass-btn,
.class_user #page-wrapper #confirm .show-pass-btn,
.class_user .page-wrapper #confirm .show-pass-btn {
    font-size: 18px;
    line-height: 1;
    width: 36px;
    height: 36px;
    color: #888;
    background: #f7f7f7;
    border: 1px solid #999;
    border-radius: 4px;
    padding: 0;
}
@media (min-width: 992px) {
    .class_guest #page-wrapper #confirm .panel-body,
    .class_guest .page-wrapper #confirm .panel-body,
    .class_user #page-wrapper #confirm .panel-body,
    .class_user .page-wrapper #confirm .panel-body {
        padding-top: 40px;
    }
    .class_guest #page-wrapper #confirm .form-group input,
    .class_guest .page-wrapper #confirm .form-group input,
    .class_user #page-wrapper #confirm .form-group input,
    .class_user .page-wrapper #confirm .form-group input {
        font-size: 16px;
    }
    .class_guest #page-wrapper #confirm .form-control,
    .class_guest .page-wrapper #confirm .form-control,
    .class_user #page-wrapper #confirm .form-control,
    .class_user .page-wrapper #confirm .form-control {
        padding: 10px 0;
    }
    .class_guest #page-wrapper #confirm .input-group-addon,
    .class_guest #page-wrapper #confirm .input-group-btn,
    .class_guest .page-wrapper #confirm .input-group-addon,
    .class_guest .page-wrapper #confirm .input-group-btn,
    .class_user #page-wrapper #confirm .input-group-addon,
    .class_user #page-wrapper #confirm .input-group-btn,
    .class_user .page-wrapper #confirm .input-group-addon,
    .class_user .page-wrapper #confirm .input-group-btn {
        width: auto;
    }
    .class_guest #page-wrapper #confirm .show-pass-btn,
    .class_guest .page-wrapper #confirm .show-pass-btn,
    .class_user #page-wrapper #confirm .show-pass-btn,
    .class_user .page-wrapper #confirm .show-pass-btn {
        margin-left: 14px;
    }
}
.class_guest #page-wrapper #provision,
.class_guest .page-wrapper #provision,
.class_user #page-wrapper #provision,
.class_user .page-wrapper #provision {
    font-size: 16px;
    line-height: 1.6;
    background: #fff;
}
.class_guest #page-wrapper #provision h1,
.class_guest .page-wrapper #provision h1,
.class_user #page-wrapper #provision h1,
.class_user .page-wrapper #provision h1 {
    font-size: 30px !important;
    line-height: 1.4;
    background: #f5f5f5;
    margin: 0 -15px !important;
    padding-bottom: 36px;
}
.class_guest #page-wrapper #provision h1 + p,
.class_guest .page-wrapper #provision h1 + p,
.class_user #page-wrapper #provision h1 + p,
.class_user .page-wrapper #provision h1 + p {
    padding-top: 30px;
}
.class_guest #page-wrapper #provision .text-success,
.class_guest .page-wrapper #provision .text-success,
.class_user #page-wrapper #provision .text-success,
.class_user .page-wrapper #provision .text-success {
    display: none;
}
.class_guest #page-wrapper #provision .text-danger,
.class_guest .page-wrapper #provision .text-danger,
.class_user #page-wrapper #provision .text-danger,
.class_user .page-wrapper #provision .text-danger {
    font-weight: bold;
    margin: 1.5em 0 1.75em;
}
.class_guest #page-wrapper #provision #mail_address,
.class_guest .page-wrapper #provision #mail_address,
.class_user #page-wrapper #provision #mail_address,
.class_user .page-wrapper #provision #mail_address {
    display: block;
    font-weight: bold;
}
@media (min-width: 992px) {
    .class_guest #page-wrapper #provision h1,
    .class_guest .page-wrapper #provision h1,
    .class_user #page-wrapper #provision h1,
    .class_user .page-wrapper #provision h1 {
        font-size: 36px !important;
    }
    .class_guest #page-wrapper #provision h1 + p,
    .class_guest .page-wrapper #provision h1 + p,
    .class_user #page-wrapper #provision h1 + p,
    .class_user .page-wrapper #provision h1 + p {
        padding-top: 40px;
    }
}
.class_guest #page-wrapper form[name='profileform'] > .form-group:nth-of-type(5) input[type='checkbox'],
.class_guest .page-wrapper form[name='profileform'] > .form-group:nth-of-type(5) input[type='checkbox'],
.class_user #page-wrapper form[name='profileform'] > .form-group:nth-of-type(5) input[type='checkbox'],
.class_user .page-wrapper form[name='profileform'] > .form-group:nth-of-type(5) input[type='checkbox'] {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}
.class_guest #page-wrapper #modify_password .form-group,
.class_guest .page-wrapper #modify_password .form-group,
.class_user #page-wrapper #modify_password .form-group,
.class_user .page-wrapper #modify_password .form-group {
    position: relative;
}
@media (min-width: 992px) {
    .class_guest #page-wrapper .form-group input,
    .class_guest #page-wrapper .has-feedback input,
    .class_guest .page-wrapper .form-group input,
    .class_guest .page-wrapper .has-feedback input,
    .class_user #page-wrapper .form-group input,
    .class_user #page-wrapper .has-feedback input,
    .class_user .page-wrapper .form-group input,
    .class_user .page-wrapper .has-feedback input {
        font-size: 14px;
        line-height: 1;
        max-height: 36px;
        margin-bottom: 6px;
        padding: 10px 12px;
    }
    .class_guest #page-wrapper .form-control-feedback,
    .class_guest .page-wrapper .form-control-feedback,
    .class_user #page-wrapper .form-control-feedback,
    .class_user .page-wrapper .form-control-feedback {
        width: 36px;
        height: 36px;
    }
}
.class_guest #wrapper > .container .form-group input,
.class_guest #wrapper > .container .has-feedback input,
.class_user #wrapper > .container .form-group input,
.class_user #wrapper > .container .has-feedback input {
    font-size: 16px;
    line-height: 1;
    height: auto;
    max-height: 44px;
    color: #444;
    box-shadow: none;
    margin-bottom: 4px;
    padding: 14px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.class_guest #wrapper > .container .form-group input::-moz-placeholder,
.class_guest #wrapper > .container .has-feedback input::-moz-placeholder,
.class_user #wrapper > .container .form-group input::-moz-placeholder,
.class_user #wrapper > .container .has-feedback input::-moz-placeholder {
    color: #b2b2b2;
}
.class_guest #wrapper > .container .form-group input:-ms-input-placeholder,
.class_guest #wrapper > .container .has-feedback input:-ms-input-placeholder,
.class_user #wrapper > .container .form-group input:-ms-input-placeholder,
.class_user #wrapper > .container .has-feedback input:-ms-input-placeholder {
    color: #b2b2b2;
}
.class_guest #wrapper > .container .form-group input::placeholder,
.class_guest #wrapper > .container .has-feedback input::placeholder,
.class_user #wrapper > .container .form-group input::placeholder,
.class_user #wrapper > .container .has-feedback input::placeholder {
    color: #b2b2b2;
}
.class_guest #wrapper > .container .form-group label,
.class_guest #wrapper > .container .has-feedback label,
.class_user #wrapper > .container .form-group label,
.class_user #wrapper > .container .has-feedback label {
    font-size: 16px;
    line-height: 1.1;
    margin-bottom: 10px;
}
@media (min-width: 992px) {
    .class_guest #wrapper > .container .form-group label,
    .class_guest #wrapper > .container .has-feedback label,
    .class_user #wrapper > .container .form-group label,
    .class_user #wrapper > .container .has-feedback label {
        margin-bottom: 0;
    }
}
.class_guest #wrapper > .container .form-control,
.class_user #wrapper > .container .form-control {
    border: 1px solid #c9c9c9;
}
.class_guest #wrapper > .container .form-control-feedback,
.class_user #wrapper > .container .form-control-feedback {
    width: 44px;
    height: 44px;
}
#policy {
    background: #fff;
    margin-left: -15px;
    margin-right: -15px;
    padding: 34px 20px 0;
}
@media (max-width: 767px) {
    #policy .text-center [for='agree'] {
        text-align: left;
    }
}
#policy label[for='agree'] {
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 5px 0 5px 36px;
    cursor: pointer;
}
#policy label[for='agree']::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 26px;
    height: 26px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2026%2026%22%3E%3Cg%20transform%3D%22translate(-77%20-490)%22%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22M173.134%2C77.716l-5.77-5.769%2C2-2%2C3.773%2C3.774%2C6.746-6.746%2C2%2C2Z%22%20transform%3D%22translate(-84.365%20430.717)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')
        no-repeat;
    background-color: #4ea0bf;
    background-size: 100% auto;
    border: 1px solid #999;
    border-radius: 4px;
    box-sizing: border-box;
    pointer-events: none;
}
#policy input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 26px;
    height: 26px;
    font-size: 0;
    background: #fff;
    border: 1px solid #999;
    border-radius: 4px;
    margin: 0;
    padding: 0;
}
#policy input:checked {
    opacity: 0;
}
.register-panel #policy .well {
    height: auto;
    margin-bottom: 18px;
    border: none;
    font-size: 14px;
    box-shadow: none;
    overflow-y: visible;
}
@media (min-width: 992px) {
    #policy {
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }
    .file_user_index_php #page-wrapper #policy,
    .file_user_index_php .page-wrapper #policy {
        border-bottom: none;
        padding: 30px 0px 20px;
    }
    .file_user_index_php #page-wrapper #policy label,
    .file_user_index_php .page-wrapper #policy label {
        position: relative;
        top: 0;
        margin-bottom: 18px;
    }
    .file_user_index_php #page-wrapper #policy label[for='agree'],
    .file_user_index_php .page-wrapper #policy label[for='agree'] {
        margin-bottom: 0;
    }
    .file_user_index_php #page-wrapper #policy input,
    .file_user_index_php .page-wrapper #policy input {
        width: 26px;
        height: 26px;
    }
}
body#body_login.class_guest,
body#body_login.class_user {
    background-image: none !important;
    background-color: #f5f5f5;
}
body#body_login.class_guest.target-to-b .mm-panels .drawer-menu > .btn-danger,
body#body_login.class_user.target-to-b .mm-panels .drawer-menu > .btn-danger {
    display: none;
}
body#body_login.class_guest.target-to-b .panel-body > .btn-danger,
body#body_login.class_user.target-to-b .panel-body > .btn-danger {
    display: none;
}
body#body_login.class_guest.target-to-b .panel-body #loginButtonInLoginPage,
body#body_login.class_user.target-to-b .panel-body #loginButtonInLoginPage {
    background-color: #13c2c2;
    border-color: #13c2c2;
}
body#body_login.class_guest .container,
body#body_login.class_user .container {
    margin-bottom: 120px;
}
body#body_login.class_guest .login-panel,
body#body_login.class_user .login-panel {
    margin-top: 40px;
}
body#body_login.class_guest .login-panel.panel .panel-body,
body#body_login.class_user .login-panel.panel .panel-body {
    padding-bottom: 48px;
}
body#body_login.class_guest .login-panel .panel-body,
body#body_login.class_user .login-panel .panel-body {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
body#body_login.class_guest .login-panel .panel-body > *,
body#body_login.class_user .login-panel .panel-body > * {
    display: block;
    width: 100%;
}
body#body_login.class_guest .login-panel .panel-body #login-form,
body#body_login.class_user .login-panel .panel-body #login-form {
    margin-bottom: 12px;
}
body#body_login.class_guest .login-panel .panel-body #login-form .form-group:nth-of-type(2),
body#body_login.class_user .login-panel .panel-body #login-form .form-group:nth-of-type(2) {
    display: flex;
    align-items: flex-start;
}
body#body_login.class_guest .login-panel .panel-body #login-form .form-group:nth-of-type(2) .form-control,
body#body_login.class_user .login-panel .panel-body #login-form .form-group:nth-of-type(2) .form-control {
    width: calc(100% - 44px);
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
body#body_login.class_guest .login-panel .panel-body #login-form .form-group:nth-of-type(2) .input-group-btn,
body#body_login.class_user .login-panel .panel-body #login-form .form-group:nth-of-type(2) .input-group-btn {
    display: block;
    width: 44px;
    box-shadow: none !important;
}
body#body_login.class_guest .login-panel .panel-body #login-form .form-group:nth-of-type(2) .btn,
body#body_login.class_user .login-panel .panel-body #login-form .form-group:nth-of-type(2) .btn {
    max-height: 44px;
    color: #b2b2b2;
    padding: 13px 0;
    background: none !important;
    border: 1px solid #c9c9c9 !important;
    border-left: none !important;
    box-shadow: none;
}
body#body_login.class_guest .login-panel .panel-body .input-group,
body#body_login.class_user .login-panel .panel-body .input-group {
    display: block;
    width: 100%;
    margin-bottom: 0;
}
body#body_login.class_guest .login-panel .panel-body .form-control,
body#body_login.class_user .login-panel .panel-body .form-control {
    float: none;
}
body#body_login.class_guest .login-panel .panel-body [type='password'],
body#body_login.class_user .login-panel .panel-body [type='password'] {
    border-radius: 4px;
}
body#body_login.class_guest .login-panel .panel-body .btn-lg,
body#body_login.class_user .login-panel .panel-body .btn-lg {
    order: 3;
}
body#body_login.class_guest .login-panel .panel-body .btn,
body#body_login.class_user .login-panel .panel-body .btn {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
body#body_login.class_guest .login-panel .panel-body .btn#loginButtonInLoginPage > i,
body#body_login.class_user .login-panel .panel-body .btn#loginButtonInLoginPage > i {
    display: none;
}
body#body_login.class_guest .login-panel .panel-body .btn.passresetlink,
body#body_login.class_user .login-panel .panel-body .btn.passresetlink {
    padding: 0 0 30px;
}
body#body_login.class_guest .login-panel .panel-title,
body#body_login.class_user .login-panel .panel-title {
    display: block;
    width: 100%;
    text-align: center;
}
body#body_login.class_guest .login-panel .panel-title .c-logo,
body#body_login.class_user .login-panel .panel-title .c-logo {
    width: 100%;
    max-width: 238px;
    margin-bottom: 40px;
}
@media (min-width: 992px) {
    body#body_login.class_guest .login-panel.panel .panel-body,
    body#body_login.class_user .login-panel.panel .panel-body {
        padding: 60px 360px;
    }
    body#body_login.class_guest .login-panel .panel-body .btn,
    body#body_login.class_user .login-panel .panel-body .btn {
        max-width: 100%;
    }
}
body#body_remind.class_guest .panel,
body#body_remind.class_user .panel,
body#body_passreset.class_guest .panel,
body#body_passreset.class_user .panel {
    margin-top: 0;
}
body#body_remind.class_guest .panel-title,
body#body_remind.class_user .panel-title,
body#body_passreset.class_guest .panel-title,
body#body_passreset.class_user .panel-title {
    font-size: 30px !important;
    line-height: 1.4;
    display: block;
    font-weight: 600;
    text-align: center;
    color: #444;
    padding-top: 40px;
    padding-bottom: 30px;
}
@media (max-width: 767px) {
    body#body_remind.class_guest .panel-title,
    body#body_remind.class_user .panel-title,
    body#body_passreset.class_guest .panel-title,
    body#body_passreset.class_user .panel-title {
        font-size: 24px !important;
        line-height: 1.5;
        padding-top: 60px;
        padding-left: 30px;
        padding-right: 30px;
    }
}
body#body_remind.class_guest .panel-body,
body#body_remind.class_user .panel-body,
body#body_passreset.class_guest .panel-body,
body#body_passreset.class_user .panel-body {
    padding: 24px 20px 60px;
}
body#body_remind.class_guest .panel-body .form-group,
body#body_remind.class_user .panel-body .form-group,
body#body_passreset.class_guest .panel-body .form-group,
body#body_passreset.class_user .panel-body .form-group {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
}
body#body_remind.class_guest .panel-body .form-group .input-group,
body#body_remind.class_user .panel-body .form-group .input-group,
body#body_passreset.class_guest .panel-body .form-group .input-group,
body#body_passreset.class_user .panel-body .form-group .input-group {
    margin: 10px 0 15px;
}
body#body_remind.class_guest .panel-body .form-group .input-group-btn .btn.show-pass-btn,
body#body_remind.class_user .panel-body .form-group .input-group-btn .btn.show-pass-btn,
body#body_passreset.class_guest .panel-body .form-group .input-group-btn .btn.show-pass-btn,
body#body_passreset.class_user .panel-body .form-group .input-group-btn .btn.show-pass-btn {
    padding: 15px 10px;
    max-height: 44px;
    margin-left: -1.5px;
    color: #c4c4c4;
}
body#body_remind.class_guest .panel-body .form-control,
body#body_remind.class_user .panel-body .form-control,
body#body_passreset.class_guest .panel-body .form-control,
body#body_passreset.class_user .panel-body .form-control {
    font-weight: 400;
    margin-top: 10px;
    box-shadow: none;
    margin: 0;
}
body#body_remind.class_guest .panel-body .form-control#password,
body#body_remind.class_user .panel-body .form-control#password,
body#body_passreset.class_guest .panel-body .form-control#password,
body#body_passreset.class_user .panel-body .form-control#password {
    font-size: 16px;
    line-height: 1;
    height: auto;
    max-height: 44px;
    margin-bottom: 30px;
    padding: 14px 12px;
    box-shadow: none;
    margin: 0;
    float: none;
}
body#body_remind.class_guest .panel-body .btn-success,
body#body_remind.class_user .panel-body .btn-success,
body#body_passreset.class_guest .panel-body .btn-success,
body#body_passreset.class_user .panel-body .btn-success {
    background: #bf6d4e;
    border-color: #bf6d4e;
    margin-top: 15px;
    transition: opacity 0.2s;
}
body#body_remind.class_guest .panel-body .btn-success:hover,
body#body_remind.class_user .panel-body .btn-success:hover,
body#body_passreset.class_guest .panel-body .btn-success:hover,
body#body_passreset.class_user .panel-body .btn-success:hover {
    opacity: 0.7;
    background: #bf6d4e;
    border-color: #bf6d4e;
}
@media (min-width: 992px) {
    body#body_remind.class_guest #page-wrapper,
    body#body_remind.class_user #page-wrapper,
    body#body_passreset.class_guest #page-wrapper,
    body#body_passreset.class_user #page-wrapper {
        width: 100%;
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }
    body#body_remind.class_guest .col-md-4,
    body#body_remind.class_user .col-md-4,
    body#body_passreset.class_guest .col-md-4,
    body#body_passreset.class_user .col-md-4 {
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    body#body_remind.class_guest .panel-title,
    body#body_remind.class_user .panel-title,
    body#body_passreset.class_guest .panel-title,
    body#body_passreset.class_user .panel-title {
        font-size: 36px !important;
        line-height: 1.5;
        padding-bottom: 40px;
    }
    body#body_remind.class_guest .panel-body,
    body#body_remind.class_user .panel-body,
    body#body_passreset.class_guest .panel-body,
    body#body_passreset.class_user .panel-body {
        padding: 60px 360px;
    }
    body#body_remind.class_guest .panel-body .form-group,
    body#body_remind.class_user .panel-body .form-group,
    body#body_passreset.class_guest .panel-body .form-group,
    body#body_passreset.class_user .panel-body .form-group {
        border-bottom: none;
        padding: 0;
    }
    body#body_remind.class_guest .panel-body .form-group .input-group,
    body#body_remind.class_user .panel-body .form-group .input-group,
    body#body_passreset.class_guest .panel-body .form-group .input-group,
    body#body_passreset.class_user .panel-body .form-group .input-group {
        margin: 10px 0 15px;
    }
    body#body_remind.class_guest .panel-body .form-group .input-group-btn .btn.show-pass-btn,
    body#body_remind.class_user .panel-body .form-group .input-group-btn .btn.show-pass-btn,
    body#body_passreset.class_guest .panel-body .form-group .input-group-btn .btn.show-pass-btn,
    body#body_passreset.class_user .panel-body .form-group .input-group-btn .btn.show-pass-btn {
        padding: 9px 10px;
        max-height: 36px;
    }
    body#body_remind.class_guest .panel-body .form-control,
    body#body_remind.class_user .panel-body .form-control,
    body#body_passreset.class_guest .panel-body .form-control,
    body#body_passreset.class_user .panel-body .form-control {
        margin: 0;
    }
    body#body_remind.class_guest .panel-body .form-control#password,
    body#body_remind.class_user .panel-body .form-control#password,
    body#body_passreset.class_guest .panel-body .form-control#password,
    body#body_passreset.class_user .panel-body .form-control#password {
        font-size: 14px;
        line-height: 1;
        max-height: 36px;
        padding: 10px 12px;
        padding: 10px 12px;
        margin: 0;
        float: none;
    }
    body#body_remind.class_guest .panel-body .btn-success,
    body#body_remind.class_user .panel-body .btn-success,
    body#body_passreset.class_guest .panel-body .btn-success,
    body#body_passreset.class_user .panel-body .btn-success {
        margin-top: 30px;
    }
}
@media (max-width: 767px) {
    body#body_curriculum.class_user .direction-column .curriculum .course-list > .row > *.col-xs-7 {
        padding-right: 10px;
    }
    body#body_curriculum.class_user
        .direction-column
        .curriculum
        .course-list
        > .row
        > *.col-xs-7
        .clickable-panel
        .course-meta {
        min-width: 220px;
    }
}
body#body_curriculum.class_guest #page-wrapper,
body#body_curriculum.class_user #page-wrapper,
body#body_curriculumList.class_guest #page-wrapper,
body#body_curriculumList.class_user #page-wrapper,
body#body_Curriculum_Search.class_guest #page-wrapper,
body#body_Curriculum_Search.class_user #page-wrapper {
    padding: 0;
    padding-top: 40px;
}
body#body_curriculum.class_guest #page-wrapper #breadcrumbs,
body#body_curriculum.class_user #page-wrapper #breadcrumbs,
body#body_curriculumList.class_guest #page-wrapper #breadcrumbs,
body#body_curriculumList.class_user #page-wrapper #breadcrumbs,
body#body_Curriculum_Search.class_guest #page-wrapper #breadcrumbs,
body#body_Curriculum_Search.class_user #page-wrapper #breadcrumbs {
    padding-top: 0;
}
body#body_curriculum.class_guest .panel,
body#body_curriculum.class_user .panel,
body#body_curriculumList.class_guest .panel,
body#body_curriculumList.class_user .panel,
body#body_Curriculum_Search.class_guest .panel,
body#body_Curriculum_Search.class_user .panel {
    margin: 0;
}
body#body_curriculum.class_guest .panel::before,
body#body_curriculum.class_user .panel::before,
body#body_curriculumList.class_guest .panel::before,
body#body_curriculumList.class_user .panel::before,
body#body_Curriculum_Search.class_guest .panel::before,
body#body_Curriculum_Search.class_user .panel::before {
    display: none;
}
body#body_curriculum.class_guest .panel-heading,
body#body_curriculum.class_user .panel-heading,
body#body_curriculumList.class_guest .panel-heading,
body#body_curriculumList.class_user .panel-heading,
body#body_Curriculum_Search.class_guest .panel-heading,
body#body_Curriculum_Search.class_user .panel-heading {
    min-height: auto;
}
body#body_curriculum.class_guest .panel-heading h1,
body#body_curriculum.class_user .panel-heading h1,
body#body_curriculumList.class_guest .panel-heading h1,
body#body_curriculumList.class_user .panel-heading h1,
body#body_Curriculum_Search.class_guest .panel-heading h1,
body#body_Curriculum_Search.class_user .panel-heading h1 {
    padding-top: 40px;
}
@media (max-width: 767px) {
    body#body_curriculum.class_guest .panel-heading h1,
    body#body_curriculum.class_user .panel-heading h1,
    body#body_curriculumList.class_guest .panel-heading h1,
    body#body_curriculumList.class_user .panel-heading h1,
    body#body_Curriculum_Search.class_guest .panel-heading h1,
    body#body_Curriculum_Search.class_user .panel-heading h1 {
        padding-left: 30px;
        padding-right: 30px;
    }
}
body#body_curriculum.class_guest .panel-heading h1 > i,
body#body_curriculum.class_user .panel-heading h1 > i,
body#body_curriculumList.class_guest .panel-heading h1 > i,
body#body_curriculumList.class_user .panel-heading h1 > i,
body#body_Curriculum_Search.class_guest .panel-heading h1 > i,
body#body_Curriculum_Search.class_user .panel-heading h1 > i {
    display: none;
}
body#body_curriculum.class_guest style + .max-width-910,
body#body_curriculum.class_user style + .max-width-910,
body#body_curriculumList.class_guest style + .max-width-910,
body#body_curriculumList.class_user style + .max-width-910,
body#body_Curriculum_Search.class_guest style + .max-width-910,
body#body_Curriculum_Search.class_user style + .max-width-910 {
    padding-top: 1px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    body#body_curriculum.class_guest .container .product-list,
    body#body_curriculum.class_user .container .product-list,
    body#body_curriculumList.class_guest .container .product-list,
    body#body_curriculumList.class_user .container .product-list,
    body#body_Curriculum_Search.class_guest .container .product-list,
    body#body_Curriculum_Search.class_user .container .product-list {
        max-width: 910px;
        margin-right: auto;
        margin-left: auto;
    }
}
body#body_curriculum.class_guest .max-width-910,
body#body_curriculum.class_user .max-width-910,
body#body_curriculumList.class_guest .max-width-910,
body#body_curriculumList.class_user .max-width-910,
body#body_Curriculum_Search.class_guest .max-width-910,
body#body_Curriculum_Search.class_user .max-width-910 {
    background: #fff;
}
@media (max-width: 767px) {
    body#body_curriculum.class_guest .max-width-910,
    body#body_curriculum.class_user .max-width-910,
    body#body_curriculumList.class_guest .max-width-910,
    body#body_curriculumList.class_user .max-width-910,
    body#body_Curriculum_Search.class_guest .max-width-910,
    body#body_Curriculum_Search.class_user .max-width-910 {
        margin: 0;
        padding: 30px 20px;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    body#body_curriculum.class_guest .max-width-910,
    body#body_curriculum.class_user .max-width-910,
    body#body_curriculumList.class_guest .max-width-910,
    body#body_curriculumList.class_user .max-width-910,
    body#body_Curriculum_Search.class_guest .max-width-910,
    body#body_Curriculum_Search.class_user .max-width-910 {
        padding: 30px 20px;
    }
}
@media (min-width: 992px) {
    body#body_curriculum.class_guest .max-width-910,
    body#body_curriculum.class_user .max-width-910,
    body#body_curriculumList.class_guest .max-width-910,
    body#body_curriculumList.class_user .max-width-910,
    body#body_Curriculum_Search.class_guest .max-width-910,
    body#body_Curriculum_Search.class_user .max-width-910 {
        width: 100%;
        max-width: 1000px;
        padding: 40px;
    }
}
body#body_curriculum.class_guest .product-category-names,
body#body_curriculum.class_guest .product-header-category,
body#body_curriculum.class_user .product-category-names,
body#body_curriculum.class_user .product-header-category,
body#body_curriculumList.class_guest .product-category-names,
body#body_curriculumList.class_guest .product-header-category,
body#body_curriculumList.class_user .product-category-names,
body#body_curriculumList.class_user .product-header-category,
body#body_Curriculum_Search.class_guest .product-category-names,
body#body_Curriculum_Search.class_guest .product-header-category,
body#body_Curriculum_Search.class_user .product-category-names,
body#body_Curriculum_Search.class_user .product-header-category {
    display: none;
}
body#body_curriculum.class_guest .product-search,
body#body_curriculum.class_guest .product-list,
body#body_curriculum.class_user .product-search,
body#body_curriculum.class_user .product-list,
body#body_curriculumList.class_guest .product-search,
body#body_curriculumList.class_guest .product-list,
body#body_curriculumList.class_user .product-search,
body#body_curriculumList.class_user .product-list,
body#body_Curriculum_Search.class_guest .product-search,
body#body_Curriculum_Search.class_guest .product-list,
body#body_Curriculum_Search.class_user .product-search,
body#body_Curriculum_Search.class_user .product-list {
    background: #fff;
}
body#body_curriculum.class_guest .product-search,
body#body_curriculum.class_user .product-search,
body#body_curriculumList.class_guest .product-search,
body#body_curriculumList.class_user .product-search,
body#body_Curriculum_Search.class_guest .product-search,
body#body_Curriculum_Search.class_user .product-search {
    display: block !important;
    margin: 0 -15px;
    padding: 30px 15px;
}
body#body_curriculum.class_guest .product-search-container,
body#body_curriculum.class_user .product-search-container,
body#body_curriculumList.class_guest .product-search-container,
body#body_curriculumList.class_user .product-search-container,
body#body_Curriculum_Search.class_guest .product-search-container,
body#body_Curriculum_Search.class_user .product-search-container {
    margin-bottom: 0;
}
@media screen and (min-width: 768px) {
    body#body_curriculum.class_guest .product-search-container,
    body#body_curriculum.class_user .product-search-container,
    body#body_curriculumList.class_guest .product-search-container,
    body#body_curriculumList.class_user .product-search-container,
    body#body_Curriculum_Search.class_guest .product-search-container,
    body#body_Curriculum_Search.class_user .product-search-container {
        display: block;
    }
}
body#body_curriculum.class_guest .product-search-container > *,
body#body_curriculum.class_user .product-search-container > *,
body#body_curriculumList.class_guest .product-search-container > *,
body#body_curriculumList.class_user .product-search-container > *,
body#body_Curriculum_Search.class_guest .product-search-container > *,
body#body_Curriculum_Search.class_user .product-search-container > * {
    width: 100%;
}
body#body_curriculum.class_guest .product-search-add,
body#body_curriculum.class_user .product-search-add,
body#body_curriculumList.class_guest .product-search-add,
body#body_curriculumList.class_user .product-search-add,
body#body_Curriculum_Search.class_guest .product-search-add,
body#body_Curriculum_Search.class_user .product-search-add {
    display: none;
}
body#body_curriculum.class_guest .product-search-category-menu,
body#body_curriculum.class_guest .product-search .category-menu,
body#body_curriculum.class_user .product-search-category-menu,
body#body_curriculum.class_user .product-search .category-menu,
body#body_curriculumList.class_guest .product-search-category-menu,
body#body_curriculumList.class_guest .product-search .category-menu,
body#body_curriculumList.class_user .product-search-category-menu,
body#body_curriculumList.class_user .product-search .category-menu,
body#body_Curriculum_Search.class_guest .product-search-category-menu,
body#body_Curriculum_Search.class_guest .product-search .category-menu,
body#body_Curriculum_Search.class_user .product-search-category-menu,
body#body_Curriculum_Search.class_user .product-search .category-menu {
    order: 1;
    font-size: 16px;
    line-height: 1;
    display: block;
    position: relative;
    font-weight: 400;
    text-align: left;
    color: #b2b2b2 !important;
    background: #fff;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    margin-right: 0;
    padding: 13px 36px 13px 12px;
}
body#body_curriculum.class_guest .product-search-category-menu::after,
body#body_curriculum.class_guest .product-search .category-menu::after,
body#body_curriculum.class_user .product-search-category-menu::after,
body#body_curriculum.class_user .product-search .category-menu::after,
body#body_curriculumList.class_guest .product-search-category-menu::after,
body#body_curriculumList.class_guest .product-search .category-menu::after,
body#body_curriculumList.class_user .product-search-category-menu::after,
body#body_curriculumList.class_user .product-search .category-menu::after,
body#body_Curriculum_Search.class_guest .product-search-category-menu::after,
body#body_Curriculum_Search.class_guest .product-search .category-menu::after,
body#body_Curriculum_Search.class_user .product-search-category-menu::after,
body#body_Curriculum_Search.class_user .product-search .category-menu::after {
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiA3Ij48cGF0aCBkPSJNNiwwbDYsN0gwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIgNykgcm90YXRlKDE4MCkiIGZpbGw9IiM5OTkiLz48L3N2Zz4=');
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    position: absolute;
    top: 50%;
    right: 12px;
    width: 12px;
    height: 7px;
    transform: translateY(-50%);
    pointer-events: none;
}
body#body_curriculum.class_guest .product-search-category-menu:active,
body#body_curriculum.class_guest .product-search .category-menu:active,
body#body_curriculum.class_user .product-search-category-menu:active,
body#body_curriculum.class_user .product-search .category-menu:active,
body#body_curriculumList.class_guest .product-search-category-menu:active,
body#body_curriculumList.class_guest .product-search .category-menu:active,
body#body_curriculumList.class_user .product-search-category-menu:active,
body#body_curriculumList.class_user .product-search .category-menu:active,
body#body_Curriculum_Search.class_guest .product-search-category-menu:active,
body#body_Curriculum_Search.class_guest .product-search .category-menu:active,
body#body_Curriculum_Search.class_user .product-search-category-menu:active,
body#body_Curriculum_Search.class_user .product-search .category-menu:active {
    box-shadow: none;
}
body#body_curriculum.class_guest .product-search-category-menu > i.fa-th,
body#body_curriculum.class_guest .product-search .category-menu > i.fa-th,
body#body_curriculum.class_user .product-search-category-menu > i.fa-th,
body#body_curriculum.class_user .product-search .category-menu > i.fa-th,
body#body_curriculumList.class_guest .product-search-category-menu > i.fa-th,
body#body_curriculumList.class_guest .product-search .category-menu > i.fa-th,
body#body_curriculumList.class_user .product-search-category-menu > i.fa-th,
body#body_curriculumList.class_user .product-search .category-menu > i.fa-th,
body#body_Curriculum_Search.class_guest .product-search-category-menu > i.fa-th,
body#body_Curriculum_Search.class_guest .product-search .category-menu > i.fa-th,
body#body_Curriculum_Search.class_user .product-search-category-menu > i.fa-th,
body#body_Curriculum_Search.class_user .product-search .category-menu > i.fa-th {
    display: none;
}
body#body_curriculum.class_guest .product-search-category-menu > i.fa-caret-down,
body#body_curriculum.class_guest .product-search .category-menu > i.fa-caret-down,
body#body_curriculum.class_user .product-search-category-menu > i.fa-caret-down,
body#body_curriculum.class_user .product-search .category-menu > i.fa-caret-down,
body#body_curriculumList.class_guest .product-search-category-menu > i.fa-caret-down,
body#body_curriculumList.class_guest .product-search .category-menu > i.fa-caret-down,
body#body_curriculumList.class_user .product-search-category-menu > i.fa-caret-down,
body#body_curriculumList.class_user .product-search .category-menu > i.fa-caret-down,
body#body_Curriculum_Search.class_guest .product-search-category-menu > i.fa-caret-down,
body#body_Curriculum_Search.class_guest .product-search .category-menu > i.fa-caret-down,
body#body_Curriculum_Search.class_user .product-search-category-menu > i.fa-caret-down,
body#body_Curriculum_Search.class_user .product-search .category-menu > i.fa-caret-down {
    position: absolute;
    top: 50%;
    right: 12px;
    color: #999;
    margin-left: 0 !important;
    transform: translateY(-50%);
}
body#body_curriculum.class_guest .product-search-category-menu > .hidden-xs,
body#body_curriculum.class_guest .product-search .category-menu > .hidden-xs,
body#body_curriculum.class_user .product-search-category-menu > .hidden-xs,
body#body_curriculum.class_user .product-search .category-menu > .hidden-xs,
body#body_curriculumList.class_guest .product-search-category-menu > .hidden-xs,
body#body_curriculumList.class_guest .product-search .category-menu > .hidden-xs,
body#body_curriculumList.class_user .product-search-category-menu > .hidden-xs,
body#body_curriculumList.class_user .product-search .category-menu > .hidden-xs,
body#body_Curriculum_Search.class_guest .product-search-category-menu > .hidden-xs,
body#body_Curriculum_Search.class_guest .product-search .category-menu > .hidden-xs,
body#body_Curriculum_Search.class_user .product-search-category-menu > .hidden-xs,
body#body_Curriculum_Search.class_user .product-search .category-menu > .hidden-xs {
    display: block !important;
    padding-left: 0 !important;
}
@media screen and (min-width: 768px) {
    body#body_curriculum.class_guest .product-search-category-menu,
    body#body_curriculum.class_guest .product-search .category-menu,
    body#body_curriculum.class_user .product-search-category-menu,
    body#body_curriculum.class_user .product-search .category-menu,
    body#body_curriculumList.class_guest .product-search-category-menu,
    body#body_curriculumList.class_guest .product-search .category-menu,
    body#body_curriculumList.class_user .product-search-category-menu,
    body#body_curriculumList.class_user .product-search .category-menu,
    body#body_Curriculum_Search.class_guest .product-search-category-menu,
    body#body_Curriculum_Search.class_guest .product-search .category-menu,
    body#body_Curriculum_Search.class_user .product-search-category-menu,
    body#body_Curriculum_Search.class_user .product-search .category-menu {
        width: 100%;
        max-width: 260px;
        display: inline-block;
        vertical-align: middle;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    body#body_curriculum.class_guest .product-search-category-menu,
    body#body_curriculum.class_guest .product-search .category-menu,
    body#body_curriculum.class_user .product-search-category-menu,
    body#body_curriculum.class_user .product-search .category-menu,
    body#body_curriculumList.class_guest .product-search-category-menu,
    body#body_curriculumList.class_guest .product-search .category-menu,
    body#body_curriculumList.class_user .product-search-category-menu,
    body#body_curriculumList.class_user .product-search .category-menu,
    body#body_Curriculum_Search.class_guest .product-search-category-menu,
    body#body_Curriculum_Search.class_guest .product-search .category-menu,
    body#body_Curriculum_Search.class_user .product-search-category-menu,
    body#body_Curriculum_Search.class_user .product-search .category-menu {
        padding: 14px 36px 14px 12px;
    }
}
@media (min-width: 992px) {
    body#body_curriculum.class_guest .product-search-category-menu,
    body#body_curriculum.class_guest .product-search .category-menu,
    body#body_curriculum.class_user .product-search-category-menu,
    body#body_curriculum.class_user .product-search .category-menu,
    body#body_curriculumList.class_guest .product-search-category-menu,
    body#body_curriculumList.class_guest .product-search .category-menu,
    body#body_curriculumList.class_user .product-search-category-menu,
    body#body_curriculumList.class_user .product-search .category-menu,
    body#body_Curriculum_Search.class_guest .product-search-category-menu,
    body#body_Curriculum_Search.class_guest .product-search .category-menu,
    body#body_Curriculum_Search.class_user .product-search-category-menu,
    body#body_Curriculum_Search.class_user .product-search .category-menu {
        font-size: 14px;
        line-height: 1;
        padding: 11px 36px 11px 12px;
    }
}
body#body_curriculum.class_guest .product-search-word-container,
body#body_curriculum.class_user .product-search-word-container,
body#body_curriculumList.class_guest .product-search-word-container,
body#body_curriculumList.class_user .product-search-word-container,
body#body_Curriculum_Search.class_guest .product-search-word-container,
body#body_Curriculum_Search.class_user .product-search-word-container {
    order: 2;
    margin-top: 20px;
    margin-bottom: 0;
}
body#body_curriculum.class_guest .product-search-word-container .input-group,
body#body_curriculum.class_user .product-search-word-container .input-group,
body#body_curriculumList.class_guest .product-search-word-container .input-group,
body#body_curriculumList.class_user .product-search-word-container .input-group,
body#body_Curriculum_Search.class_guest .product-search-word-container .input-group,
body#body_Curriculum_Search.class_user .product-search-word-container .input-group {
    width: 100%;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    margin-left: 0;
}
@media screen and (min-width: 768px) {
    body#body_curriculum.class_guest .product-search-word-container,
    body#body_curriculum.class_user .product-search-word-container,
    body#body_curriculumList.class_guest .product-search-word-container,
    body#body_curriculumList.class_user .product-search-word-container,
    body#body_Curriculum_Search.class_guest .product-search-word-container,
    body#body_Curriculum_Search.class_user .product-search-word-container {
        width: 100%;
        max-width: 280px;
        display: inline-block;
        vertical-align: middle;
        margin-top: 0;
        margin-left: 20px;
    }
}
body#body_curriculum.class_guest .product-search-word,
body#body_curriculum.class_user .product-search-word,
body#body_curriculumList.class_guest .product-search-word,
body#body_curriculumList.class_user .product-search-word,
body#body_Curriculum_Search.class_guest .product-search-word,
body#body_Curriculum_Search.class_user .product-search-word {
    font-size: 16px;
    line-height: 1;
    height: auto;
    background: none;
    border: none;
    border-radius: 0 !important;
    padding: 10px 12px;
}
@media (min-width: 992px) {
    body#body_curriculum.class_guest .product-search-word,
    body#body_curriculum.class_user .product-search-word,
    body#body_curriculumList.class_guest .product-search-word,
    body#body_curriculumList.class_user .product-search-word,
    body#body_Curriculum_Search.class_guest .product-search-word,
    body#body_Curriculum_Search.class_user .product-search-word {
        font-size: 14px;
        line-height: 1;
        padding: 8px 36px 8px 12px;
    }
}
body#body_curriculum.class_guest .product-search-word::-moz-placeholder,
body#body_curriculum.class_user .product-search-word::-moz-placeholder,
body#body_curriculumList.class_guest .product-search-word::-moz-placeholder,
body#body_curriculumList.class_user .product-search-word::-moz-placeholder,
body#body_Curriculum_Search.class_guest .product-search-word::-moz-placeholder,
body#body_Curriculum_Search.class_user .product-search-word::-moz-placeholder {
    color: #b2b2b2;
}
body#body_curriculum.class_guest .product-search-word:-ms-input-placeholder,
body#body_curriculum.class_user .product-search-word:-ms-input-placeholder,
body#body_curriculumList.class_guest .product-search-word:-ms-input-placeholder,
body#body_curriculumList.class_user .product-search-word:-ms-input-placeholder,
body#body_Curriculum_Search.class_guest .product-search-word:-ms-input-placeholder,
body#body_Curriculum_Search.class_user .product-search-word:-ms-input-placeholder {
    color: #b2b2b2;
}
body#body_curriculum.class_guest .product-search-word::placeholder,
body#body_curriculum.class_user .product-search-word::placeholder,
body#body_curriculumList.class_guest .product-search-word::placeholder,
body#body_curriculumList.class_user .product-search-word::placeholder,
body#body_Curriculum_Search.class_guest .product-search-word::placeholder,
body#body_Curriculum_Search.class_user .product-search-word::placeholder {
    color: #b2b2b2;
}
body#body_curriculum.class_guest .product-search-submit,
body#body_curriculum.class_user .product-search-submit,
body#body_curriculumList.class_guest .product-search-submit,
body#body_curriculumList.class_user .product-search-submit,
body#body_Curriculum_Search.class_guest .product-search-submit,
body#body_Curriculum_Search.class_user .product-search-submit {
    height: 44px;
    background: none;
    border: none;
    padding: 0 10px;
}
@media (min-width: 992px) {
    body#body_curriculum.class_guest .product-search-submit,
    body#body_curriculum.class_user .product-search-submit,
    body#body_curriculumList.class_guest .product-search-submit,
    body#body_curriculumList.class_user .product-search-submit,
    body#body_Curriculum_Search.class_guest .product-search-submit,
    body#body_Curriculum_Search.class_user .product-search-submit {
        height: 36px;
    }
}
body#body_curriculum.class_guest .product-search-submit .fa-search,
body#body_curriculum.class_user .product-search-submit .fa-search,
body#body_curriculumList.class_guest .product-search-submit .fa-search,
body#body_curriculumList.class_user .product-search-submit .fa-search,
body#body_Curriculum_Search.class_guest .product-search-submit .fa-search,
body#body_Curriculum_Search.class_user .product-search-submit .fa-search {
    font-size: 18px;
    color: #999;
}
body#body_curriculum.class_guest .product-search .search-word,
body#body_curriculum.class_guest .product-search [data-toggle],
body#body_curriculum.class_user .product-search .search-word,
body#body_curriculum.class_user .product-search [data-toggle],
body#body_curriculumList.class_guest .product-search .search-word,
body#body_curriculumList.class_guest .product-search [data-toggle],
body#body_curriculumList.class_user .product-search .search-word,
body#body_curriculumList.class_user .product-search [data-toggle],
body#body_Curriculum_Search.class_guest .product-search .search-word,
body#body_Curriculum_Search.class_guest .product-search [data-toggle],
body#body_Curriculum_Search.class_user .product-search .search-word,
body#body_Curriculum_Search.class_user .product-search [data-toggle] {
    display: none;
}
body#body_curriculum.class_guest .product-search-condition,
body#body_curriculum.class_user .product-search-condition,
body#body_curriculumList.class_guest .product-search-condition,
body#body_curriculumList.class_user .product-search-condition,
body#body_Curriculum_Search.class_guest .product-search-condition,
body#body_Curriculum_Search.class_user .product-search-condition {
    margin-bottom: 0;
}
body#body_curriculum.class_guest .product-search-condition > p:not(.font-bold):not(.product-search-condition-items),
body#body_curriculum.class_guest .product-search-condition > ul:not(.font-bold):not(.product-search-condition-items),
body#body_curriculum.class_user .product-search-condition > p:not(.font-bold):not(.product-search-condition-items),
body#body_curriculum.class_user .product-search-condition > ul:not(.font-bold):not(.product-search-condition-items),
body#body_curriculumList.class_guest .product-search-condition > p:not(.font-bold):not(.product-search-condition-items),
body#body_curriculumList.class_guest
    .product-search-condition
    > ul:not(.font-bold):not(.product-search-condition-items),
body#body_curriculumList.class_user .product-search-condition > p:not(.font-bold):not(.product-search-condition-items),
body#body_curriculumList.class_user .product-search-condition > ul:not(.font-bold):not(.product-search-condition-items),
body#body_Curriculum_Search.class_guest
    .product-search-condition
    > p:not(.font-bold):not(.product-search-condition-items),
body#body_Curriculum_Search.class_guest
    .product-search-condition
    > ul:not(.font-bold):not(.product-search-condition-items),
body#body_Curriculum_Search.class_user
    .product-search-condition
    > p:not(.font-bold):not(.product-search-condition-items),
body#body_Curriculum_Search.class_user
    .product-search-condition
    > ul:not(.font-bold):not(.product-search-condition-items) {
    font-size: 16px;
    line-height: 1.8;
    background: #f5f5f5;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
}
body#body_curriculum.class_guest .product-search-condition > p:not(.font-bold),
body#body_curriculum.class_user .product-search-condition > p:not(.font-bold),
body#body_curriculumList.class_guest .product-search-condition > p:not(.font-bold),
body#body_curriculumList.class_user .product-search-condition > p:not(.font-bold),
body#body_Curriculum_Search.class_guest .product-search-condition > p:not(.font-bold),
body#body_Curriculum_Search.class_user .product-search-condition > p:not(.font-bold) {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding-top: 20px;
}
body#body_curriculum.class_guest .product-search-condition > p.font-bold,
body#body_curriculum.class_user .product-search-condition > p.font-bold,
body#body_curriculumList.class_guest .product-search-condition > p.font-bold,
body#body_curriculumList.class_user .product-search-condition > p.font-bold,
body#body_Curriculum_Search.class_guest .product-search-condition > p.font-bold,
body#body_Curriculum_Search.class_user .product-search-condition > p.font-bold {
    font-size: 16px;
    line-height: 1.5;
    margin-top: 20px;
    margin-bottom: 20px;
}
body#body_curriculum.class_guest .product-search-condition > ul:not(.product-search-condition-items),
body#body_curriculum.class_user .product-search-condition > ul:not(.product-search-condition-items),
body#body_curriculumList.class_guest .product-search-condition > ul:not(.product-search-condition-items),
body#body_curriculumList.class_user .product-search-condition > ul:not(.product-search-condition-items),
body#body_Curriculum_Search.class_guest .product-search-condition > ul:not(.product-search-condition-items),
body#body_Curriculum_Search.class_user .product-search-condition > ul:not(.product-search-condition-items) {
    list-style-type: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding-bottom: 20px;
}
body#body_curriculum.class_guest .product-search-condition > ul:not(.product-search-condition-items) > li,
body#body_curriculum.class_user .product-search-condition > ul:not(.product-search-condition-items) > li,
body#body_curriculumList.class_guest .product-search-condition > ul:not(.product-search-condition-items) > li,
body#body_curriculumList.class_user .product-search-condition > ul:not(.product-search-condition-items) > li,
body#body_Curriculum_Search.class_guest .product-search-condition > ul:not(.product-search-condition-items) > li,
body#body_Curriculum_Search.class_user .product-search-condition > ul:not(.product-search-condition-items) > li {
    position: relative;
    padding-left: 1em;
}
body#body_curriculum.class_guest .product-search-condition > ul:not(.product-search-condition-items) > li::before,
body#body_curriculum.class_user .product-search-condition > ul:not(.product-search-condition-items) > li::before,
body#body_curriculumList.class_guest .product-search-condition > ul:not(.product-search-condition-items) > li::before,
body#body_curriculumList.class_user .product-search-condition > ul:not(.product-search-condition-items) > li::before,
body#body_Curriculum_Search.class_guest
    .product-search-condition
    > ul:not(.product-search-condition-items)
    > li::before,
body#body_Curriculum_Search.class_user
    .product-search-condition
    > ul:not(.product-search-condition-items)
    > li::before {
    content: '\30fb';
    display: block;
    position: absolute;
    left: 0;
}
body#body_curriculum.class_guest .product-search-condition-items,
body#body_curriculum.class_user .product-search-condition-items,
body#body_curriculumList.class_guest .product-search-condition-items,
body#body_curriculumList.class_user .product-search-condition-items,
body#body_Curriculum_Search.class_guest .product-search-condition-items,
body#body_Curriculum_Search.class_user .product-search-condition-items {
    font-size: 16px;
    line-height: 1.5;
    background: none;
    margin: 20px 0 0;
    padding: 0;
}
body#body_curriculum.class_guest .product-search-condition-item,
body#body_curriculum.class_user .product-search-condition-item,
body#body_curriculumList.class_guest .product-search-condition-item,
body#body_curriculumList.class_user .product-search-condition-item,
body#body_Curriculum_Search.class_guest .product-search-condition-item,
body#body_Curriculum_Search.class_user .product-search-condition-item {
    display: block;
    width: 100%;
    padding: 0;
}
body#body_curriculum.class_guest .product-search-condition-item > span,
body#body_curriculum.class_user .product-search-condition-item > span,
body#body_curriculumList.class_guest .product-search-condition-item > span,
body#body_curriculumList.class_user .product-search-condition-item > span,
body#body_Curriculum_Search.class_guest .product-search-condition-item > span,
body#body_Curriculum_Search.class_user .product-search-condition-item > span {
    font-size: 16px;
    line-height: 1.6;
    vertical-align: middle;
    background: none;
    padding: 0;
    color: #444;
}
body#body_curriculum.class_guest .product-search-condition-item > span span,
body#body_curriculum.class_guest .product-search-condition-item > span a,
body#body_curriculum.class_user .product-search-condition-item > span span,
body#body_curriculum.class_user .product-search-condition-item > span a,
body#body_curriculumList.class_guest .product-search-condition-item > span span,
body#body_curriculumList.class_guest .product-search-condition-item > span a,
body#body_curriculumList.class_user .product-search-condition-item > span span,
body#body_curriculumList.class_user .product-search-condition-item > span a,
body#body_Curriculum_Search.class_guest .product-search-condition-item > span span,
body#body_Curriculum_Search.class_guest .product-search-condition-item > span a,
body#body_Curriculum_Search.class_user .product-search-condition-item > span span,
body#body_Curriculum_Search.class_user .product-search-condition-item > span a {
    font-weight: 600;
    color: #444;
    opacity: 1;
}
body#body_curriculum.class_guest .product-search-condition-item > span span > i::before,
body#body_curriculum.class_guest .product-search-condition-item > span a > i::before,
body#body_curriculum.class_user .product-search-condition-item > span span > i::before,
body#body_curriculum.class_user .product-search-condition-item > span a > i::before,
body#body_curriculumList.class_guest .product-search-condition-item > span span > i::before,
body#body_curriculumList.class_guest .product-search-condition-item > span a > i::before,
body#body_curriculumList.class_user .product-search-condition-item > span span > i::before,
body#body_curriculumList.class_user .product-search-condition-item > span a > i::before,
body#body_Curriculum_Search.class_guest .product-search-condition-item > span span > i::before,
body#body_Curriculum_Search.class_guest .product-search-condition-item > span a > i::before,
body#body_Curriculum_Search.class_user .product-search-condition-item > span span > i::before,
body#body_Curriculum_Search.class_user .product-search-condition-item > span a > i::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNjUgLTQ2MCkiIGNsaXAtcGF0aD0idXJsKCNhKSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDU2Ljc0NCAxMzAuMTgyKSByb3RhdGUoNDUpIj48Y2lyY2xlIGN4PSI3IiBjeT0iNyIgcj0iNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTY5Ljc1OCAyOTguMDkpIHJvdGF0ZSgtNDUpIiBmaWxsPSIjNDQ0Ii8+PHJlY3Qgd2lkdGg9IjEuMzIiIGhlaWdodD0iOC4yNDgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE3OC45NjQgMjk0KSIgZmlsbD0iI2ZmZiIvPjxyZWN0IHdpZHRoPSIxLjMyIiBoZWlnaHQ9IjguMjQ4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxODMuNzQ4IDI5Ny40NjQpIHJvdGF0ZSg5MCkiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 16px;
    height: 16px;
    margin: 0;
}
body#body_curriculum.class_guest .product-list,
body#body_curriculum.class_user .product-list,
body#body_curriculumList.class_guest .product-list,
body#body_curriculumList.class_user .product-list,
body#body_Curriculum_Search.class_guest .product-list,
body#body_Curriculum_Search.class_user .product-list {
    border-top: 1px solid #dedede;
    margin-top: 0 !important;
    padding-bottom: 80px;
    margin: 0;
}
body#body_curriculum.class_guest .product-list-container,
body#body_curriculum.class_user .product-list-container,
body#body_curriculumList.class_guest .product-list-container,
body#body_curriculumList.class_user .product-list-container,
body#body_Curriculum_Search.class_guest .product-list-container,
body#body_Curriculum_Search.class_user .product-list-container {
    margin-top: 0 !important;
}
body#body_curriculum.class_guest .product-list > *,
body#body_curriculum.class_user .product-list > *,
body#body_curriculumList.class_guest .product-list > *,
body#body_curriculumList.class_user .product-list > *,
body#body_Curriculum_Search.class_guest .product-list > *,
body#body_Curriculum_Search.class_user .product-list > * {
    margin-bottom: 0 !important;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #dedede;
}
body#body_curriculum.class_guest .product-card,
body#body_curriculum.class_user .product-card,
body#body_curriculumList.class_guest .product-card,
body#body_curriculumList.class_user .product-card,
body#body_Curriculum_Search.class_guest .product-card,
body#body_Curriculum_Search.class_user .product-card {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    border: none;
    border-radius: 0;
    box-shadow: none;
    transition: unset;
    padding-top: 30px;
    padding-bottom: 40px;
}
body#body_curriculum.class_guest .product-card:hover,
body#body_curriculum.class_user .product-card:hover,
body#body_curriculumList.class_guest .product-card:hover,
body#body_curriculumList.class_user .product-card:hover,
body#body_Curriculum_Search.class_guest .product-card:hover,
body#body_Curriculum_Search.class_user .product-card:hover {
    transform: translateY(0);
}
body#body_curriculum.class_guest .product-card-container:hover,
body#body_curriculum.class_user .product-card-container:hover,
body#body_curriculumList.class_guest .product-card-container:hover,
body#body_curriculumList.class_user .product-card-container:hover,
body#body_Curriculum_Search.class_guest .product-card-container:hover,
body#body_Curriculum_Search.class_user .product-card-container:hover {
    opacity: 0.6;
}
body#body_curriculum.class_guest .product-card > *,
body#body_curriculum.class_user .product-card > *,
body#body_curriculumList.class_guest .product-card > *,
body#body_curriculumList.class_user .product-card > *,
body#body_Curriculum_Search.class_guest .product-card > *,
body#body_Curriculum_Search.class_user .product-card > * {
    width: 100%;
}
body#body_curriculum.class_guest .product-card-title,
body#body_curriculum.class_user .product-card-title,
body#body_curriculumList.class_guest .product-card-title,
body#body_curriculumList.class_user .product-card-title,
body#body_Curriculum_Search.class_guest .product-card-title,
body#body_Curriculum_Search.class_user .product-card-title {
    order: 1;
}
body#body_curriculum.class_guest .product-card-body,
body#body_curriculum.class_user .product-card-body,
body#body_curriculumList.class_guest .product-card-body,
body#body_curriculumList.class_user .product-card-body,
body#body_Curriculum_Search.class_guest .product-card-body,
body#body_Curriculum_Search.class_user .product-card-body {
    padding: 0;
}
body#body_curriculum.class_guest .product-card-body-item,
body#body_curriculum.class_user .product-card-body-item,
body#body_curriculumList.class_guest .product-card-body-item,
body#body_curriculumList.class_user .product-card-body-item,
body#body_Curriculum_Search.class_guest .product-card-body-item,
body#body_Curriculum_Search.class_user .product-card-body-item {
    order: 2;
}
body#body_curriculum.class_guest .product-card-progress,
body#body_curriculum.class_user .product-card-progress,
body#body_curriculumList.class_guest .product-card-progress,
body#body_curriculumList.class_user .product-card-progress,
body#body_Curriculum_Search.class_guest .product-card-progress,
body#body_Curriculum_Search.class_user .product-card-progress {
    display: none;
}
body#body_curriculum.class_guest .product-card-footer,
body#body_curriculum.class_user .product-card-footer,
body#body_curriculumList.class_guest .product-card-footer,
body#body_curriculumList.class_user .product-card-footer,
body#body_Curriculum_Search.class_guest .product-card-footer,
body#body_Curriculum_Search.class_user .product-card-footer {
    border-top: none;
    padding: 16px 0 0;
}
body#body_curriculum.class_guest .product-card-footer-item__vertical,
body#body_curriculum.class_guest .product-card-footer-items__vertical,
body#body_curriculum.class_user .product-card-footer-item__vertical,
body#body_curriculum.class_user .product-card-footer-items__vertical,
body#body_curriculumList.class_guest .product-card-footer-item__vertical,
body#body_curriculumList.class_guest .product-card-footer-items__vertical,
body#body_curriculumList.class_user .product-card-footer-item__vertical,
body#body_curriculumList.class_user .product-card-footer-items__vertical,
body#body_Curriculum_Search.class_guest .product-card-footer-item__vertical,
body#body_Curriculum_Search.class_guest .product-card-footer-items__vertical,
body#body_Curriculum_Search.class_user .product-card-footer-item__vertical,
body#body_Curriculum_Search.class_user .product-card-footer-items__vertical {
    margin-top: 0;
}
body#body_curriculum.class_guest .product-card-footer-item__vertical:empty,
body#body_curriculum.class_guest .product-card-footer-items__vertical:empty,
body#body_curriculum.class_user .product-card-footer-item__vertical:empty,
body#body_curriculum.class_user .product-card-footer-items__vertical:empty,
body#body_curriculumList.class_guest .product-card-footer-item__vertical:empty,
body#body_curriculumList.class_guest .product-card-footer-items__vertical:empty,
body#body_curriculumList.class_user .product-card-footer-item__vertical:empty,
body#body_curriculumList.class_user .product-card-footer-items__vertical:empty,
body#body_Curriculum_Search.class_guest .product-card-footer-item__vertical:empty,
body#body_Curriculum_Search.class_guest .product-card-footer-items__vertical:empty,
body#body_Curriculum_Search.class_user .product-card-footer-item__vertical:empty,
body#body_Curriculum_Search.class_user .product-card-footer-items__vertical:empty {
    display: none;
}
body#body_curriculum.class_guest .product-card-footer__vertical,
body#body_curriculum.class_user .product-card-footer__vertical,
body#body_curriculumList.class_guest .product-card-footer__vertical,
body#body_curriculumList.class_user .product-card-footer__vertical,
body#body_Curriculum_Search.class_guest .product-card-footer__vertical,
body#body_Curriculum_Search.class_user .product-card-footer__vertical {
    height: auto;
}
body#body_curriculum.class_guest .product-card-btn,
body#body_curriculum.class_user .product-card-btn,
body#body_curriculumList.class_guest .product-card-btn,
body#body_curriculumList.class_user .product-card-btn,
body#body_Curriculum_Search.class_guest .product-card-btn,
body#body_Curriculum_Search.class_user .product-card-btn {
    color: #fff;
    background: #bf6d4e;
    border: 1px solid #bf6d4e;
    border-radius: 8px;
}
body#body_curriculum.class_guest .product-card-btn:hover,
body#body_curriculum.class_user .product-card-btn:hover,
body#body_curriculumList.class_guest .product-card-btn:hover,
body#body_curriculumList.class_user .product-card-btn:hover,
body#body_Curriculum_Search.class_guest .product-card-btn:hover,
body#body_Curriculum_Search.class_user .product-card-btn:hover {
    background: #bf6d4e;
    box-shadow: none;
}
body#body_curriculum.class_guest .product-card-course-sum,
body#body_curriculum.class_user .product-card-course-sum,
body#body_curriculumList.class_guest .product-card-course-sum,
body#body_curriculumList.class_user .product-card-course-sum,
body#body_Curriculum_Search.class_guest .product-card-course-sum,
body#body_Curriculum_Search.class_user .product-card-course-sum {
    font-size: 14px;
    line-height: 1.4;
    color: #888;
    background: none;
    border-radius: 0;
    padding: 0;
}
body#body_curriculum.class_guest .product-card-course-sum::before,
body#body_curriculum.class_user .product-card-course-sum::before,
body#body_curriculumList.class_guest .product-card-course-sum::before,
body#body_curriculumList.class_user .product-card-course-sum::before,
body#body_Curriculum_Search.class_guest .product-card-course-sum::before,
body#body_Curriculum_Search.class_user .product-card-course-sum::before {
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi4wODUiIGhlaWdodD0iMTMuNTk0IiB2aWV3Qm94PSIwIDAgMTYuMDg1IDEzLjU5NCI+PHBhdGggaWQ9Imljb25fa291emEiIGQ9Ik0xNS43NzUsNDAuOTE3bC0xLjExMy0uNTc2YTYuMzUxLDYuMzUxLDAsMCwwLTUuNzczLDBsLS44NDcuNDM4LS44NDktLjQzOWE2LjM1Miw2LjM1MiwwLDAsMC01Ljc3MywwbC0xLjExMS41NzRhLjU3NC41NzQsMCwwLDAtLjMxMS41MVY1Mi42NjhhLjU3NS41NzUsMCwwLDAsLjgzOC41MUwxLjk0Nyw1Mi42YTUuMiw1LjIsMCwwLDEsNC43MjEsMGwxLjExMS41NzRhLjU3My41NzMsMCwwLDAsLjEzNS4wNDloLjAwNWwuMDI5LjAwNmguMDA5bC4wMjYsMGguMDExbC4wMjQsMGguMDcxbC4wMiwwLC4wMTcsMCwuMDIxLDAsLjAxNiwwLC4wMjItLjAwNS4wMTUsMCwuMDIyLS4wMDcuMDE0LDBMOC4yNiw1My4ybC4wMTIsMCwuMDM1LS4wMTdMOS40MTUsNTIuNmE1LjIsNS4yLDAsMCwxLDQuNzIxLDBsMS4xMTEuNTc0YS41NzQuNTc0LDAsMCwwLC44MzgtLjUxVjQxLjQyN0EuNTc1LjU3NSwwLDAsMCwxNS43NzUsNDAuOTE3Wk03LjQ2OCw1MS43MjRsLS4yNzUtLjE0MmE2LjM1Miw2LjM1MiwwLDAsMC01Ljc3MywwbC0uMjcyLjE0MVY0MS43NzdsLjgtLjQxM2E1LjIsNS4yLDAsMCwxLDQuNzIxLDBsLjguNDE0Wm03LjQ2OCwwLS4yNzUtLjE0MmE2LjM1Miw2LjM1MiwwLDAsMC01Ljc3MiwwbC0uMjcyLjE0MVY0MS43NzdsLjgtLjQxM2E1LjIsNS4yLDAsMCwxLDQuNzIxLDBsLjguNDE0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMzkuNjQ4KSIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    display: inline-block;
    vertical-align: top;
    width: 17px;
    height: 19px;
    margin-right: 5px;
}
body#body_curriculum.class_guest .product-card-list-description,
body#body_curriculum.class_user .product-card-list-description,
body#body_curriculumList.class_guest .product-card-list-description,
body#body_curriculumList.class_user .product-card-list-description,
body#body_Curriculum_Search.class_guest .product-card-list-description,
body#body_Curriculum_Search.class_user .product-card-list-description {
    order: 3;
    -webkit-line-clamp: 3;
    height: auto;
    max-height: 4.2em;
}
body#body_curriculum.class_guest .product-card .thumbnail-box,
body#body_curriculum.class_user .product-card .thumbnail-box,
body#body_curriculumList.class_guest .product-card .thumbnail-box,
body#body_curriculumList.class_user .product-card .thumbnail-box,
body#body_Curriculum_Search.class_guest .product-card .thumbnail-box,
body#body_Curriculum_Search.class_user .product-card .thumbnail-box {
    order: 2;
}
body#body_curriculum.class_guest .product-card .thumbnail-img,
body#body_curriculum.class_user .product-card .thumbnail-img,
body#body_curriculumList.class_guest .product-card .thumbnail-img,
body#body_curriculumList.class_user .product-card .thumbnail-img,
body#body_Curriculum_Search.class_guest .product-card .thumbnail-img,
body#body_Curriculum_Search.class_user .product-card .thumbnail-img {
    -o-object-fit: contain;
    object-fit: contain;
}
body#body_curriculum.class_guest .product-card-info,
body#body_curriculum.class_user .product-card-info,
body#body_curriculumList.class_guest .product-card-info,
body#body_curriculumList.class_user .product-card-info,
body#body_Curriculum_Search.class_guest .product-card-info,
body#body_Curriculum_Search.class_user .product-card-info {
    display: none;
}
body#body_curriculum.class_guest .product-info,
body#body_curriculum.class_user .product-info,
body#body_curriculumList.class_guest .product-info,
body#body_curriculumList.class_user .product-info,
body#body_Curriculum_Search.class_guest .product-info,
body#body_Curriculum_Search.class_user .product-info {
    padding: 0;
}
body#body_curriculum.class_guest .product-info .rating,
body#body_curriculum.class_guest .product-info .author-name,
body#body_curriculum.class_guest .product-info .product-price,
body#body_curriculum.class_user .product-info .rating,
body#body_curriculum.class_user .product-info .author-name,
body#body_curriculum.class_user .product-info .product-price,
body#body_curriculumList.class_guest .product-info .rating,
body#body_curriculumList.class_guest .product-info .author-name,
body#body_curriculumList.class_guest .product-info .product-price,
body#body_curriculumList.class_user .product-info .rating,
body#body_curriculumList.class_user .product-info .author-name,
body#body_curriculumList.class_user .product-info .product-price,
body#body_Curriculum_Search.class_guest .product-info .rating,
body#body_Curriculum_Search.class_guest .product-info .author-name,
body#body_Curriculum_Search.class_guest .product-info .product-price,
body#body_Curriculum_Search.class_user .product-info .rating,
body#body_Curriculum_Search.class_user .product-info .author-name,
body#body_Curriculum_Search.class_user .product-info .product-price {
    display: none;
}
body#body_curriculum.class_guest .product-name,
body#body_curriculum.class_user .product-name,
body#body_curriculumList.class_guest .product-name,
body#body_curriculumList.class_user .product-name,
body#body_Curriculum_Search.class_guest .product-name,
body#body_Curriculum_Search.class_user .product-name {
    font-size: 20px;
    line-height: 1.5;
    height: auto;
    margin-bottom: 10px;
}
body#body_curriculum.class_guest .product-sort-controller,
body#body_curriculum.class_user .product-sort-controller,
body#body_curriculumList.class_guest .product-sort-controller,
body#body_curriculumList.class_user .product-sort-controller,
body#body_Curriculum_Search.class_guest .product-sort-controller,
body#body_Curriculum_Search.class_user .product-sort-controller {
    display: none;
}
body#body_curriculum.class_guest .product-card-body .product-card-info,
body#body_curriculum.class_user .product-card-body .product-card-info,
body#body_curriculumList.class_guest .product-card-body .product-card-info,
body#body_curriculumList.class_user .product-card-body .product-card-info,
body#body_Curriculum_Search.class_guest .product-card-body .product-card-info,
body#body_Curriculum_Search.class_user .product-card-body .product-card-info {
    display: block;
    order: 2;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
}
@media (max-width: 767px) {
    body#body_curriculum.class_guest .product-card-body .product-card-info,
    body#body_curriculum.class_user .product-card-body .product-card-info,
    body#body_curriculumList.class_guest .product-card-body .product-card-info,
    body#body_curriculumList.class_user .product-card-body .product-card-info,
    body#body_Curriculum_Search.class_guest .product-card-body .product-card-info,
    body#body_Curriculum_Search.class_user .product-card-body .product-card-info {
        margin-top: -25px;
        margin-left: 76px;
    }
}
body#body_curriculum.class_guest .product-card-body .product-card-info-item .product-card-info-icon.fa-graduation-cap,
body#body_curriculum.class_user .product-card-body .product-card-info-item .product-card-info-icon.fa-graduation-cap,
body#body_curriculumList.class_guest
    .product-card-body
    .product-card-info-item
    .product-card-info-icon.fa-graduation-cap,
body#body_curriculumList.class_user
    .product-card-body
    .product-card-info-item
    .product-card-info-icon.fa-graduation-cap,
body#body_Curriculum_Search.class_guest
    .product-card-body
    .product-card-info-item
    .product-card-info-icon.fa-graduation-cap,
body#body_Curriculum_Search.class_user
    .product-card-body
    .product-card-info-item
    .product-card-info-icon.fa-graduation-cap {
    width: 17px;
    height: 19px;
}
@media (max-width: 767px) {
    body#body_curriculum.class_guest
        .product-card-body
        .product-card-info-item
        .product-card-info-icon.fa-graduation-cap,
    body#body_curriculum.class_user
        .product-card-body
        .product-card-info-item
        .product-card-info-icon.fa-graduation-cap,
    body#body_curriculumList.class_guest
        .product-card-body
        .product-card-info-item
        .product-card-info-icon.fa-graduation-cap,
    body#body_curriculumList.class_user
        .product-card-body
        .product-card-info-item
        .product-card-info-icon.fa-graduation-cap,
    body#body_Curriculum_Search.class_guest
        .product-card-body
        .product-card-info-item
        .product-card-info-icon.fa-graduation-cap,
    body#body_Curriculum_Search.class_user
        .product-card-body
        .product-card-info-item
        .product-card-info-icon.fa-graduation-cap {
        top: -1px;
    }
}
body#body_curriculum.class_guest
    .product-card-body
    .product-card-info-item
    .product-card-info-icon.fa-graduation-cap:before,
body#body_curriculum.class_user
    .product-card-body
    .product-card-info-item
    .product-card-info-icon.fa-graduation-cap:before,
body#body_curriculumList.class_guest
    .product-card-body
    .product-card-info-item
    .product-card-info-icon.fa-graduation-cap:before,
body#body_curriculumList.class_user
    .product-card-body
    .product-card-info-item
    .product-card-info-icon.fa-graduation-cap:before,
body#body_Curriculum_Search.class_guest
    .product-card-body
    .product-card-info-item
    .product-card-info-icon.fa-graduation-cap:before,
body#body_Curriculum_Search.class_user
    .product-card-body
    .product-card-info-item
    .product-card-info-icon.fa-graduation-cap:before {
    width: 17px;
    height: 19px;
}
body#body_curriculum.class_guest
    .product-card-body
    .product-card-info-item
    .product-card-standard-duration-icon.fa-video,
body#body_curriculum.class_user
    .product-card-body
    .product-card-info-item
    .product-card-standard-duration-icon.fa-video,
body#body_curriculumList.class_guest
    .product-card-body
    .product-card-info-item
    .product-card-standard-duration-icon.fa-video,
body#body_curriculumList.class_user
    .product-card-body
    .product-card-info-item
    .product-card-standard-duration-icon.fa-video,
body#body_Curriculum_Search.class_guest
    .product-card-body
    .product-card-info-item
    .product-card-standard-duration-icon.fa-video,
body#body_Curriculum_Search.class_user
    .product-card-body
    .product-card-info-item
    .product-card-standard-duration-icon.fa-video {
    width: 17px;
    height: 19px;
    top: 0px;
}
body#body_curriculum.class_guest
    .product-card-body
    .product-card-info-item
    .product-card-standard-duration-icon.fa-video:before,
body#body_curriculum.class_user
    .product-card-body
    .product-card-info-item
    .product-card-standard-duration-icon.fa-video:before,
body#body_curriculumList.class_guest
    .product-card-body
    .product-card-info-item
    .product-card-standard-duration-icon.fa-video:before,
body#body_curriculumList.class_user
    .product-card-body
    .product-card-info-item
    .product-card-standard-duration-icon.fa-video:before,
body#body_Curriculum_Search.class_guest
    .product-card-body
    .product-card-info-item
    .product-card-standard-duration-icon.fa-video:before,
body#body_Curriculum_Search.class_user
    .product-card-body
    .product-card-info-item
    .product-card-standard-duration-icon.fa-video:before {
    width: 16px;
    height: 16px;
}
body#body_curriculum.class_guest .product-card-body .product-card-info-item.product-card-standard-duration,
body#body_curriculum.class_user .product-card-body .product-card-info-item.product-card-standard-duration,
body#body_curriculumList.class_guest .product-card-body .product-card-info-item.product-card-standard-duration,
body#body_curriculumList.class_user .product-card-body .product-card-info-item.product-card-standard-duration,
body#body_Curriculum_Search.class_guest .product-card-body .product-card-info-item.product-card-standard-duration,
body#body_Curriculum_Search.class_user .product-card-body .product-card-info-item.product-card-standard-duration {
    margin: 0;
    margin-top: 5px;
    font-size: 14px;
    margin-left: 15px;
}
@media (max-width: 767px) {
    body#body_curriculum.class_guest .product-card-body .product-card-info-item.product-card-standard-duration,
    body#body_curriculum.class_user .product-card-body .product-card-info-item.product-card-standard-duration,
    body#body_curriculumList.class_guest .product-card-body .product-card-info-item.product-card-standard-duration,
    body#body_curriculumList.class_user .product-card-body .product-card-info-item.product-card-standard-duration,
    body#body_Curriculum_Search.class_guest .product-card-body .product-card-info-item.product-card-standard-duration,
    body#body_Curriculum_Search.class_user .product-card-body .product-card-info-item.product-card-standard-duration {
        margin-left: 10px;
    }
}
body#body_curriculum.class_guest .product-card-body .product-card-info-item.product-card-contents-num,
body#body_curriculum.class_user .product-card-body .product-card-info-item.product-card-contents-num,
body#body_curriculumList.class_guest .product-card-body .product-card-info-item.product-card-contents-num,
body#body_curriculumList.class_user .product-card-body .product-card-info-item.product-card-contents-num,
body#body_Curriculum_Search.class_guest .product-card-body .product-card-info-item.product-card-contents-num,
body#body_Curriculum_Search.class_user .product-card-body .product-card-info-item.product-card-contents-num {
    margin: 0;
    margin-top: 5px;
    font-size: 14px;
}
@media (max-width: 767px) {
    body#body_curriculum.class_guest .product-card-body .product-card-info-item.product-card-contents-num,
    body#body_curriculum.class_user .product-card-body .product-card-info-item.product-card-contents-num,
    body#body_curriculumList.class_guest .product-card-body .product-card-info-item.product-card-contents-num,
    body#body_curriculumList.class_user .product-card-body .product-card-info-item.product-card-contents-num,
    body#body_Curriculum_Search.class_guest .product-card-body .product-card-info-item.product-card-contents-num,
    body#body_Curriculum_Search.class_user .product-card-body .product-card-info-item.product-card-contents-num {
        margin-left: 10px;
    }
}
body#body_curriculum.class_guest .product-card-body .product-card-info-item-container,
body#body_curriculum.class_user .product-card-body .product-card-info-item-container,
body#body_curriculumList.class_guest .product-card-body .product-card-info-item-container,
body#body_curriculumList.class_user .product-card-body .product-card-info-item-container,
body#body_Curriculum_Search.class_guest .product-card-body .product-card-info-item-container,
body#body_Curriculum_Search.class_user .product-card-body .product-card-info-item-container {
    order: 3;
    width: 100%;
}
@media (max-width: 767px) {
    body#body_curriculum.class_guest .product-card-body .product-card-info-item-container,
    body#body_curriculum.class_user .product-card-body .product-card-info-item-container,
    body#body_curriculumList.class_guest .product-card-body .product-card-info-item-container,
    body#body_curriculumList.class_user .product-card-body .product-card-info-item-container,
    body#body_Curriculum_Search.class_guest .product-card-body .product-card-info-item-container,
    body#body_Curriculum_Search.class_user .product-card-body .product-card-info-item-container {
        margin-left: -76px;
    }
}
body#body_curriculum.class_guest .product-card-body .product-card-info-item-container .product-card-purchase-status,
body#body_curriculum.class_user .product-card-body .product-card-info-item-container .product-card-purchase-status,
body#body_curriculumList.class_guest .product-card-body .product-card-info-item-container .product-card-purchase-status,
body#body_curriculumList.class_user .product-card-body .product-card-info-item-container .product-card-purchase-status,
body#body_Curriculum_Search.class_guest
    .product-card-body
    .product-card-info-item-container
    .product-card-purchase-status,
body#body_Curriculum_Search.class_user
    .product-card-body
    .product-card-info-item-container
    .product-card-purchase-status {
    margin-top: -2px;
    margin: 0;
}
body#body_curriculum.class_guest .product-card-body .product-card-info-item-container .label.label-success,
body#body_curriculum.class_user .product-card-body .product-card-info-item-container .label.label-success,
body#body_curriculumList.class_guest .product-card-body .product-card-info-item-container .label.label-success,
body#body_curriculumList.class_user .product-card-body .product-card-info-item-container .label.label-success,
body#body_Curriculum_Search.class_guest .product-card-body .product-card-info-item-container .label.label-success,
body#body_Curriculum_Search.class_user .product-card-body .product-card-info-item-container .label.label-success {
    padding: 6px;
    font-size: 12px;
    background: #fff;
    color: #4ea0bf;
    border: 1px solid #4ea0bf;
    padding-left: 20px;
    position: relative;
}
body#body_curriculum.class_guest .product-card-body .product-card-info-item-container .label.label-success:before,
body#body_curriculum.class_user .product-card-body .product-card-info-item-container .label.label-success:before,
body#body_curriculumList.class_guest .product-card-body .product-card-info-item-container .label.label-success:before,
body#body_curriculumList.class_user .product-card-body .product-card-info-item-container .label.label-success:before,
body#body_Curriculum_Search.class_guest
    .product-card-body
    .product-card-info-item-container
    .label.label-success:before,
body#body_Curriculum_Search.class_user
    .product-card-body
    .product-card-info-item-container
    .label.label-success:before {
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5LjAwOSIgaGVpZ2h0PSI2LjY2NiIgdmlld0JveD0iMCAwIDkuMDA5IDYuNjY2Ij48cGF0aCBpZD0iY2hlY2siIGQ9Ik0xNzAuOTQ2LDczLjY0M2wtMy41ODItMy41ODEsMS4yMzktMS4yMzksMi4zNDIsMi4zNDMsNC4xODgtNC4xODgsMS4yMzksMS4yMzlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTY3LjM2NSAtNjYuOTc4KSIgZmlsbD0iIzRlYTBiZiIvPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-size: contain;
    display: inline-block;
    position: absolute;
    width: 11px;
    height: 7px;
    left: 8px;
    top: 9px;
}
@media screen and (min-width: 768px) {
    body#body_curriculum.class_guest .product-search,
    body#body_curriculum.class_user .product-search,
    body#body_curriculumList.class_guest .product-search,
    body#body_curriculumList.class_user .product-search,
    body#body_Curriculum_Search.class_guest .product-search,
    body#body_Curriculum_Search.class_user .product-search {
        margin: 0;
    }
    body#body_curriculum.class_guest .product-list,
    body#body_curriculum.class_user .product-list,
    body#body_curriculumList.class_guest .product-list,
    body#body_curriculumList.class_user .product-list,
    body#body_Curriculum_Search.class_guest .product-list,
    body#body_Curriculum_Search.class_user .product-list {
        display: flex;
        flex-wrap: wrap;
        border: none;
    }
    body#body_curriculum.class_guest .product-list > *,
    body#body_curriculum.class_user .product-list > *,
    body#body_curriculumList.class_guest .product-list > *,
    body#body_curriculumList.class_user .product-list > *,
    body#body_Curriculum_Search.class_guest .product-list > *,
    body#body_Curriculum_Search.class_user .product-list > * {
        float: none;
        border: none;
        padding: 0;
    }
    body#body_curriculum.class_guest .product-list > *:nth-of-type(n + 4),
    body#body_curriculum.class_user .product-list > *:nth-of-type(n + 4),
    body#body_curriculumList.class_guest .product-list > *:nth-of-type(n + 4),
    body#body_curriculumList.class_user .product-list > *:nth-of-type(n + 4),
    body#body_Curriculum_Search.class_guest .product-list > *:nth-of-type(n + 4),
    body#body_Curriculum_Search.class_user .product-list > *:nth-of-type(n + 4) {
        margin-top: 60px;
    }
    body#body_curriculum.class_guest .product-card,
    body#body_curriculum.class_user .product-card,
    body#body_curriculumList.class_guest .product-card,
    body#body_curriculumList.class_user .product-card,
    body#body_Curriculum_Search.class_guest .product-card,
    body#body_Curriculum_Search.class_user .product-card {
        height: 100%;
        padding: 0;
    }
    body#body_curriculum.class_guest .product-card-title,
    body#body_curriculum.class_guest .product-card-body__vertical,
    body#body_curriculum.class_user .product-card-title,
    body#body_curriculum.class_user .product-card-body__vertical,
    body#body_curriculumList.class_guest .product-card-title,
    body#body_curriculumList.class_guest .product-card-body__vertical,
    body#body_curriculumList.class_user .product-card-title,
    body#body_curriculumList.class_user .product-card-body__vertical,
    body#body_Curriculum_Search.class_guest .product-card-title,
    body#body_Curriculum_Search.class_guest .product-card-body__vertical,
    body#body_Curriculum_Search.class_user .product-card-title,
    body#body_Curriculum_Search.class_user .product-card-body__vertical {
        height: auto;
    }
    body#body_curriculum.class_guest .product-card-footer,
    body#body_curriculum.class_user .product-card-footer,
    body#body_curriculumList.class_guest .product-card-footer,
    body#body_curriculumList.class_user .product-card-footer,
    body#body_Curriculum_Search.class_guest .product-card-footer,
    body#body_Curriculum_Search.class_user .product-card-footer {
        margin-top: auto;
        padding-top: 20px;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    body#body_curriculum.class_guest .product-search,
    body#body_curriculum.class_user .product-search,
    body#body_curriculumList.class_guest .product-search,
    body#body_curriculumList.class_user .product-search,
    body#body_Curriculum_Search.class_guest .product-search,
    body#body_Curriculum_Search.class_user .product-search {
        padding-top: 40px;
    }
    body#body_curriculum.class_guest .product-list,
    body#body_curriculum.class_user .product-list,
    body#body_curriculumList.class_guest .product-list,
    body#body_curriculumList.class_user .product-list,
    body#body_Curriculum_Search.class_guest .product-list,
    body#body_Curriculum_Search.class_user .product-list {
        padding-left: 15px;
        padding-right: 15px;
    }
    body#body_curriculum.class_guest .product-list > *,
    body#body_curriculum.class_user .product-list > *,
    body#body_curriculumList.class_guest .product-list > *,
    body#body_curriculumList.class_user .product-list > *,
    body#body_Curriculum_Search.class_guest .product-list > *,
    body#body_Curriculum_Search.class_user .product-list > * {
        width: 30.3523%;
    }
    body#body_curriculum.class_guest .product-list > *:not(:nth-of-type(3n)),
    body#body_curriculum.class_user .product-list > *:not(:nth-of-type(3n)),
    body#body_curriculumList.class_guest .product-list > *:not(:nth-of-type(3n)),
    body#body_curriculumList.class_user .product-list > *:not(:nth-of-type(3n)),
    body#body_Curriculum_Search.class_guest .product-list > *:not(:nth-of-type(3n)),
    body#body_Curriculum_Search.class_user .product-list > *:not(:nth-of-type(3n)) {
        margin-right: 4.47154%;
    }
    body#body_curriculum.class_guest .product-card-list-description,
    body#body_curriculum.class_user .product-card-list-description,
    body#body_curriculumList.class_guest .product-card-list-description,
    body#body_curriculumList.class_user .product-card-list-description,
    body#body_Curriculum_Search.class_guest .product-card-list-description,
    body#body_Curriculum_Search.class_user .product-card-list-description {
        -webkit-line-clamp: 7;
        max-height: 9.8em;
    }
}
@media (min-width: 992px) {
    body#body_curriculum.class_guest #page-wrapper,
    body#body_curriculum.class_user #page-wrapper,
    body#body_curriculumList.class_guest #page-wrapper,
    body#body_curriculumList.class_user #page-wrapper,
    body#body_Curriculum_Search.class_guest #page-wrapper,
    body#body_Curriculum_Search.class_user #page-wrapper {
        width: 100%;
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }
    body#body_curriculum.class_guest .product-search,
    body#body_curriculum.class_user .product-search,
    body#body_curriculumList.class_guest .product-search,
    body#body_curriculumList.class_user .product-search,
    body#body_Curriculum_Search.class_guest .product-search,
    body#body_Curriculum_Search.class_user .product-search {
        padding: 40px;
    }
    body#body_curriculum.class_guest .product-search .category-menu,
    body#body_curriculum.class_user .product-search .category-menu,
    body#body_curriculumList.class_guest .product-search .category-menu,
    body#body_curriculumList.class_user .product-search .category-menu,
    body#body_Curriculum_Search.class_guest .product-search .category-menu,
    body#body_Curriculum_Search.class_user .product-search .category-menu {
        width: 100%;
        max-width: 240px;
    }
    body#body_curriculum.class_guest .product-list,
    body#body_curriculum.class_user .product-list,
    body#body_curriculumList.class_guest .product-list,
    body#body_curriculumList.class_user .product-list,
    body#body_Curriculum_Search.class_guest .product-list,
    body#body_Curriculum_Search.class_user .product-list {
        padding: 0 40px 94px;
    }
    body#body_curriculum.class_guest .product-list > *,
    body#body_curriculum.class_user .product-list > *,
    body#body_curriculumList.class_guest .product-list > *,
    body#body_curriculumList.class_user .product-list > *,
    body#body_Curriculum_Search.class_guest .product-list > *,
    body#body_Curriculum_Search.class_user .product-list > * {
        width: 30.43478%;
    }
    body#body_curriculum.class_guest .product-list > *:not(:nth-of-type(3n)),
    body#body_curriculum.class_user .product-list > *:not(:nth-of-type(3n)),
    body#body_curriculumList.class_guest .product-list > *:not(:nth-of-type(3n)),
    body#body_curriculumList.class_user .product-list > *:not(:nth-of-type(3n)),
    body#body_Curriculum_Search.class_guest .product-list > *:not(:nth-of-type(3n)),
    body#body_Curriculum_Search.class_user .product-list > *:not(:nth-of-type(3n)) {
        margin-right: 4.34783%;
    }
    body#body_curriculum.class_guest .product-card-btn,
    body#body_curriculum.class_user .product-card-btn,
    body#body_curriculumList.class_guest .product-card-btn,
    body#body_curriculumList.class_user .product-card-btn,
    body#body_Curriculum_Search.class_guest .product-card-btn,
    body#body_Curriculum_Search.class_user .product-card-btn {
        max-width: 100%;
    }
    body#body_curriculum.class_guest .product-card-list-description,
    body#body_curriculum.class_user .product-card-list-description,
    body#body_curriculumList.class_guest .product-card-list-description,
    body#body_curriculumList.class_user .product-card-list-description,
    body#body_Curriculum_Search.class_guest .product-card-list-description,
    body#body_Curriculum_Search.class_user .product-card-list-description {
        -webkit-line-clamp: 3;
        max-height: 4.2em;
    }
}
body#body_courseList.class_user #courseList > .page-wrapper + .mb20 {
    margin-bottom: 0 !important;
}
@media screen and (min-width: 768px) {
    body#body_courseList.class_user #courseList > .page-wrapper:first-of-type {
        padding-left: 0;
        padding-right: 0;
    }
    body#body_courseList.class_user #courseList > .page-wrapper:last-of-type .max-w-1140 {
        padding-left: 0;
        padding-right: 0;
    }
}
body#body_Curriculum_Search.class_guest .panel-heading h1,
body#body_Curriculum_Search.class_user .panel-heading h1 {
    display: block;
    width: 100%;
    text-align: center;
}
body#body_Curriculum_Search.class_guest .panel-heading a,
body#body_Curriculum_Search.class_user .panel-heading a {
    color: #444;
    transition: opacity 0.2s;
}
body#body_Curriculum_Search.class_guest .panel-heading a:hover,
body#body_Curriculum_Search.class_user .panel-heading a:hover {
    opacity: 0.7;
    text-decoration: none;
}
body#body_Curriculum_Search.class_guest .container-fluid,
body#body_Curriculum_Search.class_user .container-fluid {
    display: none;
}
body#body_curriculum.class_guest .product-header,
body#body_curriculum.class_user .product-header {
    background: #f5f5f5;
    border-top: none;
    padding: 0;
    border: none;
}
@media (max-width: 767px) {
    body#body_curriculum.class_guest .product-header,
    body#body_curriculum.class_user .product-header {
        border: none;
        padding: 0;
    }
    body#body_curriculum.class_guest .product-header.page-fit,
    body#body_curriculum.class_user .product-header.page-fit {
        margin: 0;
    }
    body#body_curriculum.class_guest .product-header.page-fit .direction-column,
    body#body_curriculum.class_user .product-header.page-fit .direction-column {
        padding-left: 20px;
        padding-right: 20px;
    }
    body#body_curriculum.class_guest .product-header.page-fit .standard-duration .fa-video,
    body#body_curriculum.class_user .product-header.page-fit .standard-duration .fa-video {
        top: -2px;
        width: 17px;
        height: 14px;
        vertical-align: middle;
    }
    body#body_curriculum.class_guest .product-header.page-fit .standard-duration .fa-video:before,
    body#body_curriculum.class_user .product-header.page-fit .standard-duration .fa-video:before {
        width: 16px;
        height: 16px;
    }
    body#body_curriculum.class_guest .product-header .title,
    body#body_curriculum.class_user .product-header .title {
        font-size: 36px !important;
        line-height: 1.5;
        padding-top: 10px;
    }
    body#body_curriculum.class_guest .product-header #share-button-area,
    body#body_curriculum.class_user .product-header #share-button-area {
        position: absolute;
        right: 0;
        bottom: -55px;
        z-index: 100;
    }
    body#body_curriculum.class_guest .product-header #share-button-area button.btn,
    body#body_curriculum.class_user .product-header #share-button-area button.btn {
        padding: 10px;
    }
}
body#body_curriculum.class_guest .product-header .sub-title,
body#body_curriculum.class_guest .product-header .list-inline,
body#body_curriculum.class_guest .product-header .form-group,
body#body_curriculum.class_guest .product-header .alert,
body#body_curriculum.class_guest .product-header .btn-success,
body#body_curriculum.class_guest .product-header .btn-danger,
body#body_curriculum.class_user .product-header .sub-title,
body#body_curriculum.class_user .product-header .list-inline,
body#body_curriculum.class_user .product-header .form-group,
body#body_curriculum.class_user .product-header .alert,
body#body_curriculum.class_user .product-header .btn-success,
body#body_curriculum.class_user .product-header .btn-danger {
    display: none;
}
body#body_curriculum.class_guest .product-header .btn-danger::before,
body#body_curriculum.class_user .product-header .btn-danger::before {
    content: '個人向け';
    display: inline-block;
    margin-right: -4px;
}
body#body_curriculum.class_guest .product-header .title,
body#body_curriculum.class_user .product-header .title {
    font-size: 30px !important;
    line-height: 1.4;
    font-weight: 600;
    text-align: center;
    color: #444;
    margin-top: 0;
    margin-bottom: 40px;
}
@media (max-width: 767px) {
    body#body_curriculum.class_guest .product-header .title,
    body#body_curriculum.class_user .product-header .title {
        padding-left: 30px;
        padding-right: 30px;
        margin-bottom: 20px;
    }
}
body#body_curriculum.class_guest .product-header .standard-duration,
body#body_curriculum.class_user .product-header .standard-duration {
    color: #777;
    margin-left: 430px;
    line-height: 1;
}
body#body_curriculum.class_guest .product-header .standard-duration .fa-video,
body#body_curriculum.class_user .product-header .standard-duration .fa-video {
    top: -2px;
    width: 17px;
    height: 14px;
}
body#body_curriculum.class_guest .product-header .standard-duration .fa-video:before,
body#body_curriculum.class_user .product-header .standard-duration .fa-video:before {
    width: 16px;
    height: 16px;
}
@media (max-width: 991px) {
    body#body_curriculum.class_guest .product-header .standard-duration,
    body#body_curriculum.class_user .product-header .standard-duration {
        margin-left: 46vw;
    }
}
@media (max-width: 767px) {
    body#body_curriculum.class_guest .product-header .standard-duration,
    body#body_curriculum.class_user .product-header .standard-duration {
        position: absolute;
        bottom: -467px;
        margin-left: 90px;
        z-index: 10;
    }
}
@media (max-width: 480px) {
    body#body_curriculum.class_guest .product-header .standard-duration,
    body#body_curriculum.class_user .product-header .standard-duration {
        bottom: -268px;
        margin-left: 90px;
    }
}
body#body_curriculum.class_guest .product-header #share-button-area button.btn,
body#body_curriculum.class_user .product-header #share-button-area button.btn {
    background: transparent;
    border-radius: 4px;
    border-color: #574842;
    color: #574842;
    border: 1px solid #574842;
    padding: 7.5px 10px;
    font-size: 12px;
}
body#body_curriculum.class_guest .product-header #share-button-area button.btn i,
body#body_curriculum.class_user .product-header #share-button-area button.btn i {
    color: #574842;
    font-weight: 400;
    font-size: 10px;
    margin-right: 0;
    transform: translateY(2px);
}
body#body_curriculum.class_guest .product-header .panel-body,
body#body_curriculum.class_user .product-header .panel-body {
    background: #f5f5f5;
    padding-top: 0;
}
body#body_curriculum.class_guest .product-header .thumbnail-box,
body#body_curriculum.class_user .product-header .thumbnail-box {
    margin-bottom: 20px !important;
    padding-top: 56.1194%;
}
@media (max-width: 767px) {
    body#body_curriculum.class_guest .product-header .thumbnail-box,
    body#body_curriculum.class_user .product-header .thumbnail-box {
        padding-top: 400px;
    }
}
@media (max-width: 480px) {
    body#body_curriculum.class_guest .product-header .thumbnail-box,
    body#body_curriculum.class_user .product-header .thumbnail-box {
        padding-top: 200px;
    }
}
body#body_curriculum.class_guest .product-header .courses-sum,
body#body_curriculum.class_user .product-header .courses-sum {
    font-size: 14px;
    line-height: 1;
    color: #888;
    margin-top: -27px;
    margin-bottom: 2em;
}
@media (max-width: 767px) {
    body#body_curriculum.class_guest .product-header .courses-sum,
    body#body_curriculum.class_user .product-header .courses-sum {
        margin-top: 0;
    }
}
body#body_curriculum.class_guest .product-header .courses-sum ~ .btn-block.btn-lg.btn-success,
body#body_curriculum.class_user .product-header .courses-sum ~ .btn-block.btn-lg.btn-success {
    margin-left: 20px !important;
}
@media (max-width: 767px) {
    body#body_curriculum.class_guest .product-header .courses-sum ~ .btn-block.btn-lg.btn-success,
    body#body_curriculum.class_user .product-header .courses-sum ~ .btn-block.btn-lg.btn-success {
        margin-left: auto !important;
        width: 100%;
        transform: translateY(55px);
    }
}
body#body_curriculum.class_guest .product-header .courses-sum ~ .btn.btn-block.btn-lg.btn-danger,
body#body_curriculum.class_user .product-header .courses-sum ~ .btn.btn-block.btn-lg.btn-danger {
    float: left;
    margin-left: 0px !important;
}
@media (max-width: 767px) {
    body#body_curriculum.class_guest .product-header .courses-sum ~ .btn.btn-block.btn-lg.btn-danger,
    body#body_curriculum.class_user .product-header .courses-sum ~ .btn.btn-block.btn-lg.btn-danger {
        float: none;
        transform: translateY(-80px);
        width: 100%;
        margin-left: auto !important;
    }
}
body#body_curriculum.class_guest .product-header .btn-block,
body#body_curriculum.class_user .product-header .btn-block {
    font-weight: 600;
    color: #4ea0bf;
    background: none;
    border: 1px solid #4ea0bf;
    border-radius: 8px;
    margin: 0 0 20px !important;
}
body#body_curriculum.class_guest .product-description,
body#body_curriculum.class_user .product-description {
    order: 1;
}
@media (max-width: 767px) {
    body#body_curriculum.class_guest .product-description,
    body#body_curriculum.class_user .product-description {
        width: 90%;
        margin: auto;
    }
}
body#body_curriculum.class_guest .product-description > h2,
body#body_curriculum.class_user .product-description > h2 {
    display: none;
}
body#body_curriculum.class_guest .product-description p,
body#body_curriculum.class_user .product-description p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0;
    overflow: auto;
}
body#body_curriculum.class_guest .product-description p > span,
body#body_curriculum.class_user .product-description p > span {
    font-size: 16px !important;
    line-height: 1.5;
    background: none !important;
    font-family: 'NotoSansCJKjp', 'Noto Sans JP', serif;
    color: #444444 !important;
}
body#body_curriculum.class_guest .product-extends,
body#body_curriculum.class_user .product-extends {
    display: none;
}
body#body_curriculum.class_guest .product-body .tags,
body#body_curriculum.class_user .product-body .tags {
    display: none;
}
@media (max-width: 767px) {
    body#body_curriculum.class_guest .product-body.page-fit,
    body#body_curriculum.class_user .product-body.page-fit {
        margin: 0;
    }
}
body#body_curriculum.class_guest #buy-panel button.btn-block + a.btn-block,
body#body_curriculum.class_user #buy-panel button.btn-block + a.btn-block {
    display: none;
}
body#body_curriculum.class_guest .direction-column,
body#body_curriculum.class_user .direction-column {
    padding-left: 20px;
    padding-right: 20px;
    padding: 0;
}
body#body_curriculum.class_guest .direction-column .curriculum,
body#body_curriculum.class_user .direction-column .curriculum {
    order: 2;
    margin-top: 30px;
}
body#body_curriculum.class_guest .direction-column .curriculum > h2,
body#body_curriculum.class_user .direction-column .curriculum > h2 {
    font-size: 24px;
    line-height: 1.5;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    body#body_curriculum.class_guest .direction-column .curriculum > h2,
    body#body_curriculum.class_user .direction-column .curriculum > h2 {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
    }
}
body#body_curriculum.class_guest .direction-column .curriculum .course-container,
body#body_curriculum.class_user .direction-column .curriculum .course-container {
    padding: 30px 20px 40px;
}
@media (max-width: 767px) {
    body#body_curriculum.class_guest .direction-column .curriculum .course-container,
    body#body_curriculum.class_user .direction-column .curriculum .course-container {
        margin-left: 0;
        margin-right: 0;
        padding: 30px 20px 40px;
    }
}
body#body_curriculum.class_guest .direction-column .curriculum .course-container:not(:last-of-type),
body#body_curriculum.class_user .direction-column .curriculum .course-container:not(:last-of-type) {
    border-bottom: 1px solid #dedede;
}
body#body_curriculum.class_guest .direction-column .curriculum .course-container > hr,
body#body_curriculum.class_user .direction-column .curriculum .course-container > hr {
    display: none;
}
body#body_curriculum.class_guest .direction-column .curriculum .course-header,
body#body_curriculum.class_user .direction-column .curriculum .course-header {
    margin-left: 0;
    margin-right: 0;
}
body#body_curriculum.class_guest .direction-column .curriculum .course-panel-title,
body#body_curriculum.class_user .direction-column .curriculum .course-panel-title {
    font-size: 20px;
    line-height: 1.5;
    order: 1;
    margin: 0 0 14px;
    font-size: 24px !important;
    font-weight: bold !important;
    order: 0;
}
body#body_curriculum.class_guest .direction-column .curriculum .course-panel-title .course-meta,
body#body_curriculum.class_user .direction-column .curriculum .course-panel-title .course-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
body#body_curriculum.class_guest
    .direction-column
    .curriculum
    .course-panel-title
    .course-meta
    .contents-num
    .fa-graduation-cap,
body#body_curriculum.class_user
    .direction-column
    .curriculum
    .course-panel-title
    .course-meta
    .contents-num
    .fa-graduation-cap {
    position: relative;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    top: -2px;
}
body#body_curriculum.class_guest
    .direction-column
    .curriculum
    .course-panel-title
    .course-meta
    .contents-num
    .fa-graduation-cap:before,
body#body_curriculum.class_user
    .direction-column
    .curriculum
    .course-panel-title
    .course-meta
    .contents-num
    .fa-graduation-cap:before {
    width: 16px;
    height: 16px;
}
body#body_curriculum.class_guest
    .direction-column
    .curriculum
    .course-panel-title
    .course-meta
    .standard-duration
    .fa-video,
body#body_curriculum.class_user
    .direction-column
    .curriculum
    .course-panel-title
    .course-meta
    .standard-duration
    .fa-video {
    width: 16px;
    height: 16px;
    top: -2px;
}
body#body_curriculum.class_guest
    .direction-column
    .curriculum
    .course-panel-title
    .course-meta
    .standard-duration
    .fa-video:before,
body#body_curriculum.class_user
    .direction-column
    .curriculum
    .course-panel-title
    .course-meta
    .standard-duration
    .fa-video:before {
    width: 16px;
    height: 16px;
}
@media (max-width: 767px) {
    body#body_curriculum.class_guest .direction-column .curriculum .course-panel-title .course-meta,
    body#body_curriculum.class_user .direction-column .curriculum .course-panel-title .course-meta {
        display: block;
    }
    body#body_curriculum.class_guest
        .direction-column
        .curriculum
        .course-panel-title
        .course-meta
        .course-meta-wrapper,
    body#body_curriculum.class_user
        .direction-column
        .curriculum
        .course-panel-title
        .course-meta
        .course-meta-wrapper {
        display: flex;
        gap: 10px;
    }
}
@media (min-width: 992px) {
    body#body_curriculum.class_guest .direction-column .curriculum .course-panel-title,
    body#body_curriculum.class_user .direction-column .curriculum .course-panel-title {
        font-size: 28px;
        line-height: 1.5;
        margin-bottom: 10px;
    }
}
@media (max-width: 767px) {
    body#body_curriculum.class_guest .direction-column .curriculum .course-panel-title,
    body#body_curriculum.class_user .direction-column .curriculum .course-panel-title {
        font-size: 16px !important;
        order: 0;
    }
}
body#body_curriculum.class_guest .direction-column .curriculum .course-playinfo,
body#body_curriculum.class_user .direction-column .curriculum .course-playinfo {
    order: 2;
}
body#body_curriculum.class_guest .direction-column .curriculum .course-playinfo-time,
body#body_curriculum.class_user .direction-column .curriculum .course-playinfo-time {
    position: relative;
    margin-right: 20px;
}
body#body_curriculum.class_guest .direction-column .curriculum .course-playinfo-time::before,
body#body_curriculum.class_user .direction-column .curriculum .course-playinfo-time::before {
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhciIgZGF0YS1pY29uPSJjbG9jayIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWNsb2NrIGZhLXctMTYiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTAgNDQ4Yy0xMTAuNSAwLTIwMC04OS41LTIwMC0yMDBTMTQ1LjUgNTYgMjU2IDU2czIwMCA4OS41IDIwMCAyMDAtODkuNSAyMDAtMjAwIDIwMHptNjEuOC0xMDQuNGwtODQuOS02MS43Yy0zLjEtMi4zLTQuOS01LjktNC45LTkuN1YxMTZjMC02LjYgNS40LTEyIDEyLTEyaDMyYzYuNiAwIDEyIDUuNCAxMiAxMnYxNDEuN2w2Ni44IDQ4LjZjNS40IDMuOSA2LjUgMTEuNCAyLjYgMTYuOEwzMzQuNiAzNDljLTMuOSA1LjMtMTEuNCA2LjUtMTYuOCAyLjZ6Ij48L3BhdGg+PC9zdmc+');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-right: 6px;
}
body#body_curriculum.class_guest .direction-column .curriculum .course-playinfo-tag::before,
body#body_curriculum.class_user .direction-column .curriculum .course-playinfo-tag::before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNjIuOTA0IC00MjguMjk5KSIgY2xpcC1wYXRoPSJ1cmwoI2EpIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNTguNDc0IDI2MS4wODUpIHJvdGF0ZSg0NSkiPjxwYXRoIGQ9Ik0yMDYuNSw1MS4yNzhoLTYuNjNhMS45MDUsMS45MDUsMCwwLDEtMS45LTEuOVYzOS4zNjdhMS45LDEuOSwwLDAsMSwuNjgtMS40NThsMy4zMTUtMi43ODJhMS45LDEuOSwwLDAsMSwyLjQ0NiwwbDMuMzE1LDIuNzgyYTEuOSwxLjksMCwwLDEsLjY4LDEuNDU4VjQ5LjM3NUExLjkwNSwxLjkwNSwwLDAsMSwyMDYuNSw1MS4yNzhabS0zLjMxNS0xNS42YS45LjksMCwwLDAtLjU4LjIxMWwtMy4zMTUsMi43ODJhLjkuOSwwLDAsMC0uMzIzLjY5MlY0OS4zNzVhLjkuOSwwLDAsMCwuOS45aDYuNjNhLjkuOSwwLDAsMCwuOS0uOVYzOS4zNjdhLjkuOSwwLDAsMC0uMzIzLS42OTJsLTMuMzE1LTIuNzgyQS45LjksMCwwLDAsMjAzLjE4MywzNS42ODJaIiBmaWxsPSIjODg4Ii8+PHBhdGggZD0iTTEuNDMzLS41QTEuOTMzLDEuOTMzLDAsMSwxLS41LDEuNDMzLDEuOTM2LDEuOTM2LDAsMCwxLDEuNDMzLS41Wm0wLDIuODY3QS45MzMuOTMzLDAsMSwwLC41LDEuNDMzLjkzNC45MzQsMCwwLDAsMS40MzMsMi4zNjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMDEuNzUgMzcuODYzKSIgZmlsbD0iIzg4OCIvPjwvZz48L2c+PC9zdmc+);
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-right: 6px;
}
body#body_curriculum.class_guest .direction-column .curriculum .course-progress,
body#body_curriculum.class_user .direction-column .curriculum .course-progress {
    margin-top: 5px;
    width: 50% !important;
    order: 3;
}
@media (max-width: 767px) {
    body#body_curriculum.class_guest .direction-column .curriculum .course-progress,
    body#body_curriculum.class_user .direction-column .curriculum .course-progress {
        width: 100% !important;
    }
}
body#body_curriculum.class_guest .direction-column .curriculum .course-progress__text,
body#body_curriculum.class_user .direction-column .curriculum .course-progress__text {
    display: block;
    width: 100px;
    font-size: 0;
    font-weight: 400;
    text-align: right;
    color: #888;
}
body#body_curriculum.class_guest .direction-column .curriculum .course-progress__text > span,
body#body_curriculum.class_user .direction-column .curriculum .course-progress__text > span {
    font-size: 14px;
    line-height: 1.4;
    display: inline-block;
}
body#body_curriculum.class_guest .direction-column .curriculum .course-progress .progress,
body#body_curriculum.class_user .direction-column .curriculum .course-progress .progress {
    width: calc(100% - 100px);
    height: 5px;
    background-color: #e8e8e8;
    border-radius: 8px;
    box-shadow: none;
}
body#body_curriculum.class_guest .direction-column .curriculum .course-progress .progress-bar,
body#body_curriculum.class_user .direction-column .curriculum .course-progress .progress-bar {
    box-shadow: none;
}
body#body_curriculum.class_guest .direction-column .curriculum .course-progress .progress-bar-info,
body#body_curriculum.class_user .direction-column .curriculum .course-progress .progress-bar-info {
    background-color: #12b886;
}
body#body_curriculum.class_guest .direction-column .curriculum .course-progress .progress-bar-info-studying,
body#body_curriculum.class_user .direction-column .curriculum .course-progress .progress-bar-info-studying {
    background-color: #e8e8e8;
}
body#body_curriculum.class_guest
    .direction-column
    .curriculum
    .course-progress
    .progress-bar-info.course-progress__studying,
body#body_curriculum.class_user
    .direction-column
    .curriculum
    .course-progress
    .progress-bar-info.course-progress__studying {
    background-color: #e8e8e8;
}
body#body_curriculum.class_guest .direction-column .curriculum .course-description,
body#body_curriculum.class_user .direction-column .curriculum .course-description {
    display: none;
}
body#body_curriculum.class_guest .direction-column .curriculum .course-info,
body#body_curriculum.class_user .direction-column .curriculum .course-info {
    order: 1;
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
}
body#body_curriculum.class_guest .direction-column .curriculum .course-info > .row,
body#body_curriculum.class_user .direction-column .curriculum .course-info > .row {
    margin-left: 0;
    margin-right: 0;
}
body#body_curriculum.class_guest .direction-column .curriculum .course-info .col-xs-12,
body#body_curriculum.class_user .direction-column .curriculum .course-info .col-xs-12 {
    padding-left: 0;
    padding-right: 0;
}
body#body_curriculum.class_guest .direction-column .curriculum .course-info .course-title,
body#body_curriculum.class_user .direction-column .curriculum .course-info .course-title {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 600;
    margin: 0;
}
body#body_curriculum.class_guest .direction-column .curriculum .course-info .course-description,
body#body_curriculum.class_user .direction-column .curriculum .course-info .course-description {
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
}
body#body_curriculum.class_guest .direction-column .curriculum .course-list,
body#body_curriculum.class_user .direction-column .curriculum .course-list {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
body#body_curriculum.class_guest .direction-column .curriculum .course-list > .row,
body#body_curriculum.class_user .direction-column .curriculum .course-list > .row {
    margin-left: 0;
    margin-right: 0;
    flex-direction: row-reverse;
}
body#body_curriculum.class_guest .direction-column .curriculum .course-list > .row > *,
body#body_curriculum.class_user .direction-column .curriculum .course-list > .row > * {
    padding-left: 0;
    padding-right: 0px;
}
body#body_curriculum.class_guest .direction-column .curriculum .course-list > .row > *.col-xs-7,
body#body_curriculum.class_user .direction-column .curriculum .course-list > .row > *.col-xs-7 {
    padding-left: 0;
    padding-right: 20px;
}
@media (max-width: 767px) {
    body#body_curriculum.class_guest .direction-column .curriculum .course-list > .row > *.col-xs-7,
    body#body_curriculum.class_user .direction-column .curriculum .course-list > .row > *.col-xs-7 {
        padding-right: 10px;
    }
}
body#body_curriculum.class_guest .direction-column .curriculum .course-list > .row > *.col-xs-7 .clickable-panel,
body#body_curriculum.class_user .direction-column .curriculum .course-list > .row > *.col-xs-7 .clickable-panel {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
body#body_curriculum.class_guest
    .direction-column
    .curriculum
    .course-list
    > .row
    > *.col-xs-7
    .clickable-panel
    .course-meta,
body#body_curriculum.class_user
    .direction-column
    .curriculum
    .course-list
    > .row
    > *.col-xs-7
    .clickable-panel
    .course-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
body#body_curriculum.class_guest
    .direction-column
    .curriculum
    .course-list
    > .row
    > *.col-xs-7
    .clickable-panel
    .course-meta
    .contents-num
    .fa-graduation-cap,
body#body_curriculum.class_user
    .direction-column
    .curriculum
    .course-list
    > .row
    > *.col-xs-7
    .clickable-panel
    .course-meta
    .contents-num
    .fa-graduation-cap {
    position: relative;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    top: -2px;
}
body#body_curriculum.class_guest
    .direction-column
    .curriculum
    .course-list
    > .row
    > *.col-xs-7
    .clickable-panel
    .course-meta
    .contents-num
    .fa-graduation-cap:before,
body#body_curriculum.class_user
    .direction-column
    .curriculum
    .course-list
    > .row
    > *.col-xs-7
    .clickable-panel
    .course-meta
    .contents-num
    .fa-graduation-cap:before {
    width: 16px;
    height: 16px;
}
body#body_curriculum.class_guest
    .direction-column
    .curriculum
    .course-list
    > .row
    > *.col-xs-7
    .clickable-panel
    .course-meta
    .standard-duration
    .fa-video,
body#body_curriculum.class_user
    .direction-column
    .curriculum
    .course-list
    > .row
    > *.col-xs-7
    .clickable-panel
    .course-meta
    .standard-duration
    .fa-video {
    width: 16px;
    height: 16px;
    top: -2px;
}
body#body_curriculum.class_guest
    .direction-column
    .curriculum
    .course-list
    > .row
    > *.col-xs-7
    .clickable-panel
    .course-meta
    .standard-duration
    .fa-video:before,
body#body_curriculum.class_user
    .direction-column
    .curriculum
    .course-list
    > .row
    > *.col-xs-7
    .clickable-panel
    .course-meta
    .standard-duration
    .fa-video:before {
    width: 16px;
    height: 16px;
}
@media (max-width: 767px) {
    body#body_curriculum.class_guest
        .direction-column
        .curriculum
        .course-list
        > .row
        > *.col-xs-7
        .clickable-panel
        .course-meta,
    body#body_curriculum.class_user
        .direction-column
        .curriculum
        .course-list
        > .row
        > *.col-xs-7
        .clickable-panel
        .course-meta {
        display: block;
        margin-bottom: 10px;
    }
    body#body_curriculum.class_guest
        .direction-column
        .curriculum
        .course-list
        > .row
        > *.col-xs-7
        .clickable-panel
        .course-meta
        .course-meta-wrapper,
    body#body_curriculum.class_user
        .direction-column
        .curriculum
        .course-list
        > .row
        > *.col-xs-7
        .clickable-panel
        .course-meta
        .course-meta-wrapper {
        display: flex;
        gap: 10px;
    }
    body#body_curriculum.class_guest
        .direction-column
        .curriculum
        .course-list
        > .row
        > *.col-xs-7
        .clickable-panel
        .course-meta
        span.contents-num,
    body#body_curriculum.class_guest
        .direction-column
        .curriculum
        .course-list
        > .row
        > *.col-xs-7
        .clickable-panel
        .course-meta
        span.standard-duration,
    body#body_curriculum.class_user
        .direction-column
        .curriculum
        .course-list
        > .row
        > *.col-xs-7
        .clickable-panel
        .course-meta
        span.contents-num,
    body#body_curriculum.class_user
        .direction-column
        .curriculum
        .course-list
        > .row
        > *.col-xs-7
        .clickable-panel
        .course-meta
        span.standard-duration {
        margin-bottom: 5px;
    }
}
body#body_curriculum.class_guest .direction-column .curriculum .course-list > .row > *.col-xs-7 .clickable-panel > *,
body#body_curriculum.class_user .direction-column .curriculum .course-list > .row > *.col-xs-7 .clickable-panel > * {
    width: 100%;
}
body#body_curriculum.class_guest
    .direction-column
    .curriculum
    .course-list
    > .row
    > *.col-xs-7
    .clickable-panel
    .standard-duration,
body#body_curriculum.class_user
    .direction-column
    .curriculum
    .course-list
    > .row
    > *.col-xs-7
    .clickable-panel
    .standard-duration {
    order: 2;
    color: #888888;
}
@media (max-width: 767px) {
    body#body_curriculum.class_guest .direction-column .curriculum .course-list > .row .col-xs-5,
    body#body_curriculum.class_user .direction-column .curriculum .course-list > .row .col-xs-5 {
        width: 31.21951%;
    }
    body#body_curriculum.class_guest .direction-column .curriculum .course-list > .row .col-xs-7,
    body#body_curriculum.class_user .direction-column .curriculum .course-list > .row .col-xs-7 {
        width: 68.78049%;
        padding-right: 20px;
    }
}
@media screen and (min-width: 768px) {
    body#body_curriculum.class_guest .direction-column .curriculum .course-list > .row .col-sm-4,
    body#body_curriculum.class_user .direction-column .curriculum .course-list > .row .col-sm-4 {
        width: 30.43478%;
    }
    body#body_curriculum.class_guest .direction-column .curriculum .course-list > .row .col-sm-8,
    body#body_curriculum.class_user .direction-column .curriculum .course-list > .row .col-sm-8 {
        width: 69.56522%;
        padding-left: 20px;
    }
}
body#body_curriculum.class_guest .direction-column .curriculum .course-items,
body#body_curriculum.class_user .direction-column .curriculum .course-items {
    padding: 14px 12px;
}
body#body_curriculum.class_guest .direction-column .curriculum .course-items:not(:last-of-type),
body#body_curriculum.class_user .direction-column .curriculum .course-items:not(:last-of-type) {
    border-bottom: 1px solid #dedede;
}
body#body_curriculum.class_guest .direction-column .curriculum .course-items .fa-caret-right,
body#body_curriculum.class_guest .direction-column .curriculum .course-items .fa-pencil-alt,
body#body_curriculum.class_user .direction-column .curriculum .course-items .fa-caret-right,
body#body_curriculum.class_user .direction-column .curriculum .course-items .fa-pencil-alt {
    display: none;
}
body#body_curriculum.class_guest .direction-column .curriculum .course-items .item-name,
body#body_curriculum.class_user .direction-column .curriculum .course-items .item-name {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
}
body#body_curriculum.class_guest .direction-column .curriculum .course-items .gray-out-wrapper,
body#body_curriculum.class_user .direction-column .curriculum .course-items .gray-out-wrapper {
    display: inline-block;
    position: relative;
    font-size: 0;
    background-color: transparent !important;
}
body#body_curriculum.class_guest .direction-column .curriculum .course-items .gray-out-wrapper::after,
body#body_curriculum.class_user .direction-column .curriculum .course-items .gray-out-wrapper::after {
    content: '\0043\006f\006d\0069\006e\0067\0020\0073\006f\006f\006e';
    font-size: 10px;
    line-height: 1.5;
    display: inline-block;
    font-weight: 400;
    color: #4ea0bf;
    border: 1px solid #4ea0bf;
    border-radius: 2px;
    margin-left: 10px;
    padding: 2px 4px;
    box-sizing: border-box;
}
body#body_curriculum.class_guest .direction-column .curriculum .course-items .gray-out-wrapper > *,
body#body_curriculum.class_user .direction-column .curriculum .course-items .gray-out-wrapper > * {
    display: none;
}
body#body_curriculum.class_guest .direction-column .curriculum .thumbnail-container,
body#body_curriculum.class_user .direction-column .curriculum .thumbnail-container {
    order: 2;
    padding-left: 0;
    padding-right: 0;
}
body#body_curriculum.class_guest .direction-column .curriculum .square-thumbnail,
body#body_curriculum.class_user .direction-column .curriculum .square-thumbnail {
    padding-top: 56.1194%;
}
body#body_curriculum.class_guest .direction-column .curriculum .square-thumbnail::before,
body#body_curriculum.class_user .direction-column .curriculum .square-thumbnail::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 100%;
    height: 100%;
    border: 1px solid #dedede;
    box-sizing: border-box;
    transform: translate(-50%, -50%);
}
body#body_curriculum.class_guest .direction-column .curriculum .square-thumbnail:empty::before,
body#body_curriculum.class_user .direction-column .curriculum .square-thumbnail:empty::before {
    content: '\004e\004f\0020\0049\004d\0041\0047\0045';
}
body#body_curriculum.class_guest .direction-column .curriculum .square-thumbnail img,
body#body_curriculum.class_user .direction-column .curriculum .square-thumbnail img {
    width: 100%;
}
body#body_curriculum.class_guest .direction-column .curriculum .view-course,
body#body_curriculum.class_user .direction-column .curriculum .view-course {
    font-size: 16px;
    line-height: 1.6;
    display: none;
    margin-top: 20px;
    margin-bottom: 0;
}
body#body_curriculum.class_guest .direction-column .curriculum .view-course h3,
body#body_curriculum.class_user .direction-column .curriculum .view-course h3 {
    font-size: 16px !important;
    line-height: 1.6;
    font-weight: 400;
    white-space: normal;
    background: #f7f7f7;
    padding: 10px 12px;
}
body#body_curriculum.class_guest .direction-column .curriculum .view-course h3 > a,
body#body_curriculum.class_user .direction-column .curriculum .view-course h3 > a {
    display: flex;
    align-items: center;
    width: 100%;
}
body#body_curriculum.class_guest .direction-column .curriculum .view-course h3 .course-title,
body#body_curriculum.class_user .direction-column .curriculum .view-course h3 .course-title {
    width: calc(100% - 108px);
    color: #444;
}
body#body_curriculum.class_guest .direction-column .curriculum .view-course h3 .btn-info,
body#body_curriculum.class_guest .direction-column .curriculum .view-course h3 .btn-default,
body#body_curriculum.class_user .direction-column .curriculum .view-course h3 .btn-info,
body#body_curriculum.class_user .direction-column .curriculum .view-course h3 .btn-default {
    font-size: 14px;
    line-height: 1;
    width: 108px;
    background: #bf6d4e;
    border: 1px solid #bf6d4e;
    border-radius: 4px;
    padding: 8px;
}
body#body_curriculum.class_guest .direction-column .curriculum .view-course h3 .btn-info > i,
body#body_curriculum.class_guest .direction-column .curriculum .view-course h3 .btn-default > i,
body#body_curriculum.class_user .direction-column .curriculum .view-course h3 .btn-info > i,
body#body_curriculum.class_user .direction-column .curriculum .view-course h3 .btn-default > i {
    display: none;
}
body#body_curriculum.class_guest .direction-column .curriculum .view-course h3 .btn-default:disabled,
body#body_curriculum.class_user .direction-column .curriculum .view-course h3 .btn-default:disabled {
    display: none;
}
body#body_curriculum.class_guest .direction-column .curriculum .view-course + .flex,
body#body_curriculum.class_user .direction-column .curriculum .view-course + .flex {
    display: none !important;
}
body#body_curriculum.class_guest .direction-column .curriculum .preview-item,
body#body_curriculum.class_user .direction-column .curriculum .preview-item {
    font-weight: 600;
    pointer-events: none;
}
body#body_curriculum.class_guest .direction-column #reviews,
body#body_curriculum.class_user .direction-column #reviews {
    display: none;
}
body#body_curriculum.class_guest .thumbnail-wrap-list,
body#body_curriculum.class_user .thumbnail-wrap-list {
    border-radius: 0;
    box-shadow: none;
    padding-top: 56.1194%;
}
body#body_curriculum.class_guest .list-badge,
body#body_curriculum.class_user .list-badge {
    top: 2px;
    right: 2px;
}
@media screen and (min-width: 768px) {
    body#body_curriculum.class_guest .list-badge,
    body#body_curriculum.class_user .list-badge {
        top: 4px;
        right: 4px;
    }
}
body#body_curriculum.class_guest .badge-img,
body#body_curriculum.class_user .badge-img {
    width: 100%;
    max-width: 32px;
    height: auto;
    max-height: inherit;
}
@media (max-width: 420px) {
    body#body_curriculum.class_guest .badge-img,
    body#body_curriculum.class_user .badge-img {
        width: 100%;
        max-width: 20px;
        height: auto;
    }
}
@media screen and (min-width: 768px) {
    body#body_curriculum.class_guest .page-fit,
    body#body_curriculum.class_user .page-fit {
        margin: 0;
    }
    body#body_curriculum.class_guest .product-header .col-sm-8,
    body#body_curriculum.class_guest .product-header .col-sm-4,
    body#body_curriculum.class_user .product-header .col-sm-8,
    body#body_curriculum.class_user .product-header .col-sm-4 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    body#body_curriculum.class_guest .product-header .col-sm-4,
    body#body_curriculum.class_user .product-header .col-sm-4 {
        position: relative;
        z-index: 9;
    }
    body#body_curriculum.class_guest .product-header .col-sm-8,
    body#body_curriculum.class_user .product-header .col-sm-8 {
        position: relative;
        z-index: 10;
    }
    body#body_curriculum.class_guest .product-header .panel-body,
    body#body_curriculum.class_user .product-header .panel-body {
        margin-left: 0;
        margin-right: 0;
    }
    body#body_curriculum.class_guest .product-header .panel-body > form,
    body#body_curriculum.class_user .product-header .panel-body > form {
        position: relative;
    }
    body#body_curriculum.class_guest .product-header .thumbnail-box,
    body#body_curriculum.class_user .product-header .thumbnail-box {
        position: absolute;
        top: auto;
        left: 0;
        margin-bottom: 0 !important;
    }
    body#body_curriculum.class_guest .product-header .btn-block,
    body#body_curriculum.class_user .product-header .btn-block {
        width: 100%;
        max-width: 280px;
        display: inline-block;
    }
    body#body_curriculum.class_guest #buy-panel,
    body#body_curriculum.class_user #buy-panel {
        position: relative !important;
        width: 100% !important;
        margin: 0;
    }
    body#body_curriculum.class_guest .direction-column,
    body#body_curriculum.class_user .direction-column {
        width: 100%;
    }
    body#body_curriculum.class_guest .direction-column .curriculum,
    body#body_curriculum.class_user .direction-column .curriculum {
        margin-top: 80px;
    }
    body#body_curriculum.class_guest .direction-column .curriculum .thumbnail-container,
    body#body_curriculum.class_user .direction-column .curriculum .thumbnail-container {
        order: 1;
    }
    body#body_curriculum.class_guest .direction-column .curriculum .course-info,
    body#body_curriculum.class_user .direction-column .curriculum .course-info {
        order: 2;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    body#body_curriculum.class_guest .product-header .panel-body > form,
    body#body_curriculum.class_user .product-header .panel-body > form {
        padding-left: 34.6%;
    }
    body#body_curriculum.class_guest .product-header .panel-body .thumbnail-box,
    body#body_curriculum.class_user .product-header .panel-body .thumbnail-box {
        width: 30.6%;
        padding-top: 19.22338%;
    }
    body#body_curriculum.class_guest .product-description,
    body#body_curriculum.class_user .product-description {
        padding-left: 34.6%;
    }
    body#body_curriculum.class_guest .direction-column .curriculum .thumbnail-container,
    body#body_curriculum.class_user .direction-column .curriculum .thumbnail-container {
        width: 30.43478%;
    }
    body#body_curriculum.class_guest .direction-column .curriculum .square-thumbnail,
    body#body_curriculum.class_user .direction-column .curriculum .square-thumbnail {
        padding-top: 58.92857%;
    }
    body#body_curriculum.class_guest .direction-column .curriculum .course-info,
    body#body_curriculum.class_user .direction-column .curriculum .course-info {
        width: 69.56522%;
        padding-left: 4.34783%;
    }
}
@media (min-width: 992px) {
    body#body_curriculum.class_guest .product-header,
    body#body_curriculum.class_user .product-header {
        padding: 0;
        border: none;
    }
    body#body_curriculum.class_guest .product-header .title,
    body#body_curriculum.class_user .product-header .title {
        font-size: 36px !important;
        line-height: 1.5;
        padding-top: 10px;
    }
    body#body_curriculum.class_guest .product-header .panel-body,
    body#body_curriculum.class_user .product-header .panel-body {
        padding-left: 0;
        padding-right: 0;
    }
    body#body_curriculum.class_guest .product-header .panel-body > form,
    body#body_curriculum.class_user .product-header .panel-body > form {
        padding-left: 346px;
    }
    body#body_curriculum.class_guest .product-header .panel-body .thumbnail-box,
    body#body_curriculum.class_user .product-header .panel-body .thumbnail-box {
        width: 306px;
        padding-top: 18%;
    }
    body#body_curriculum.class_guest .product-description,
    body#body_curriculum.class_user .product-description {
        min-height: 150px;
        padding-left: 346px;
    }
    body#body_curriculum.class_guest .product-description p,
    body#body_curriculum.class_user .product-description p {
        font-size: 16px;
        line-height: 1.6;
    }
    body#body_curriculum.class_guest .direction-column,
    body#body_curriculum.class_user .direction-column {
        padding-left: 0;
        padding-right: 0;
    }
    body#body_curriculum.class_guest .direction-column .curriculum .thumbnail-container,
    body#body_curriculum.class_user .direction-column .curriculum .thumbnail-container {
        width: 30.43478%;
    }
    body#body_curriculum.class_guest .direction-column .curriculum .square-thumbnail,
    body#body_curriculum.class_user .direction-column .curriculum .square-thumbnail {
        padding-top: 58.92857%;
    }
    body#body_curriculum.class_guest .direction-column .curriculum .course-container,
    body#body_curriculum.class_user .direction-column .curriculum .course-container {
        margin-left: 0;
        margin-right: 0;
        padding: 30px 40px;
    }
    body#body_curriculum.class_guest .direction-column .curriculum .course-container:first-of-type,
    body#body_curriculum.class_user .direction-column .curriculum .course-container:first-of-type {
        padding-top: 40px;
    }
    body#body_curriculum.class_guest .direction-column .curriculum .course-container:last-of-type,
    body#body_curriculum.class_user .direction-column .curriculum .course-container:last-of-type {
        padding-bottom: 80px;
    }
    body#body_curriculum.class_guest .direction-column .curriculum .course-container:not(:last-of-type),
    body#body_curriculum.class_user .direction-column .curriculum .course-container:not(:last-of-type) {
        border-bottom: none;
    }
    body#body_curriculum.class_guest .direction-column .curriculum .course-info,
    body#body_curriculum.class_user .direction-column .curriculum .course-info {
        width: 69.56522%;
        padding-left: 4.34783%;
    }
    body#body_curriculum.class_guest .direction-column .curriculum .course-info .course-title,
    body#body_curriculum.class_user .direction-column .curriculum .course-info .course-title {
        font-size: 28px;
        line-height: 1.5;
        margin-bottom: 10px;
    }
    body#body_curriculum.class_guest .direction-column .curriculum .view-course,
    body#body_curriculum.class_user .direction-column .curriculum .view-course {
        margin-top: 30px;
    }
    body#body_curriculum.class_guest .direction-column .curriculum .view-course h3,
    body#body_curriculum.class_user .direction-column .curriculum .view-course h3 {
        padding-top: 15px 12px;
    }
    body#body_curriculum.class_guest .direction-column .curriculum .view-course .preview-item,
    body#body_curriculum.class_user .direction-column .curriculum .view-course .preview-item {
        padding-top: 15px 12px;
    }
}
body#body_curriculum.class_guest .modal-header,
body#body_curriculum.class_user .modal-header {
    background: #fff !important;
    color: #444 !important;
}
body#body_curriculum.class_guest .modal-header > .close,
body#body_curriculum.class_user .modal-header > .close {
    display: none;
}
body#body_curriculum.class_guest .product-header #share-button-area,
body#body_curriculum.class_user .product-header #share-button-area {
    position: absolute;
    left: 530px;
    bottom: 3px;
    z-index: 100;
}
@media (max-width: 991px) {
    body#body_curriculum.class_guest .product-header #share-button-area,
    body#body_curriculum.class_user .product-header #share-button-area {
        left: 58vw;
    }
}
@media (max-width: 767px) {
    body#body_curriculum.class_guest .product-header #share-button-area,
    body#body_curriculum.class_user .product-header #share-button-area {
        bottom: -467px;
        left: 198px;
    }
}
@media (max-width: 480px) {
    body#body_curriculum.class_guest .product-header #share-button-area,
    body#body_curriculum.class_user .product-header #share-button-area {
        right: 20px;
        bottom: -268px;
        left: auto;
    }
}
body#body_curriculum.class_guest .product-header #share-button-area button.btn,
body#body_curriculum.class_user .product-header #share-button-area button.btn {
    border-radius: 4px;
    font-size: 14px;
}
@media (max-width: 767px) {
    body#body_curriculum.class_guest .product-header #share-button-area button.btn,
    body#body_curriculum.class_user .product-header #share-button-area button.btn {
        padding: 8px;
    }
}
body#body_curriculum.class_guest .product-header .btn-block.btn-lg.btn-success {
    display: inline-block;
    background: #12b886;
    border-color: #12b886;
    max-width: 240px;
    width: 46%;
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    padding: 15px;
    margin: 0 0 20px !important;
}
@media (max-width: 767px) {
    body#body_curriculum.class_guest .product-header .btn-block.btn-lg.btn-success {
        margin: 10px 0 20px !important;
        max-width: 100%;
        width: 47%;
    }
}
@media (max-width: 480px) {
    body#body_curriculum.class_guest .product-header .btn-block.btn-lg.btn-success {
        width: 90%;
        margin: 40px auto 20px !important;
        display: block;
    }
}
body#body_curriculum.class_guest .product-header .btn-block.btn-lg.btn-danger {
    display: inline-block;
    background: #574842;
    border-color: #574842;
    max-width: 240px;
    width: 46%;
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    padding: 15px;
    margin: 0 0 20px !important;
    margin-left: 20px !important;
}
@media (max-width: 767px) {
    body#body_curriculum.class_guest .product-header .btn-block.btn-lg.btn-danger {
        margin: 10px 0 20px !important;
        margin-left: 20px !important;
        max-width: 100%;
        width: 47%;
    }
}
@media (max-width: 480px) {
    body#body_curriculum.class_guest .product-header .btn-block.btn-lg.btn-danger {
        width: 90%;
        margin: 0 auto 20px !important;
        display: block;
    }
}
body#body_curriculum.class_guest .product-header .btn-block.btn-lg.btn-danger i {
    display: none;
}
body#body_curriculum.class_guest .product-header .standard-duration {
    color: #777;
    margin-left: 430px;
    line-height: 1;
}
@media (max-width: 991px) {
    body#body_curriculum.class_guest .product-header .standard-duration {
        margin-left: 45.5vw;
    }
}
@media (max-width: 767px) {
    body#body_curriculum.class_guest .product-header .standard-duration {
        margin-left: 90px;
    }
}
body#body_curriculum.class_user #page-wrapper .direction-column {
    padding-left: 20px;
    padding-right: 20px;
    padding: 0;
}
@media (max-width: 992px) {
    body#body_curriculum.class_user #page-wrapper .direction-column {
        padding-left: 20px;
        padding-right: 20px;
    }
}
body#body_curriculum.class_user #page-wrapper .direction-column .curriculum {
    order: 2;
    margin-top: 30px;
}
@media (max-width: 767px) {
    body#body_curriculum.class_user #page-wrapper .direction-column .curriculum {
        margin-top: 15px;
    }
    body#body_curriculum.class_user #page-wrapper .direction-column .curriculum > h2.mt40:first-child {
        margin-top: 20px !important;
        margin-bottom: 15px;
    }
}
body#body_Curriculum_History.class_guest #page-wrapper,
body#body_Curriculum_History.class_user #page-wrapper {
    padding-left: 0;
    padding-right: 0;
}
body#body_Curriculum_History.class_guest .panel,
body#body_Curriculum_History.class_user .panel {
    margin-left: auto;
    margin-right: auto;
}
body#body_Curriculum_History.class_guest .panel-heading,
body#body_Curriculum_History.class_user .panel-heading {
    min-height: auto;
}
body#body_Curriculum_History.class_guest .panel-heading h1,
body#body_Curriculum_History.class_user .panel-heading h1 {
    padding-top: 40px;
}
@media (max-width: 767px) {
    body#body_Curriculum_History.class_guest .panel-heading h1,
    body#body_Curriculum_History.class_user .panel-heading h1 {
        padding-left: 30px;
        padding-right: 30px;
    }
}
body#body_Curriculum_History.class_guest .panel-heading h1 .far,
body#body_Curriculum_History.class_user .panel-heading h1 .far {
    display: none;
}
body#body_Curriculum_History.class_guest .dataTables_wrapper,
body#body_Curriculum_History.class_user .dataTables_wrapper {
    background: #fff;
    padding-top: 30px;
    padding-bottom: 45px;
}
body#body_Curriculum_History.class_guest .dataTables_wrapper > .row,
body#body_Curriculum_History.class_user .dataTables_wrapper > .row {
    margin-left: auto;
    margin-right: auto;
}
body#body_Curriculum_History.class_guest .dataTables_wrapper > .row:first-of-type,
body#body_Curriculum_History.class_user .dataTables_wrapper > .row:first-of-type {
    display: none;
}
body#body_Curriculum_History.class_guest .dataTables_wrapper > .row:last-of-type .col-sm-5,
body#body_Curriculum_History.class_user .dataTables_wrapper > .row:last-of-type .col-sm-5 {
    display: none;
}
body#body_Curriculum_History.class_guest .dataTables_wrapper > .row:last-of-type .col-sm-7,
body#body_Curriculum_History.class_user .dataTables_wrapper > .row:last-of-type .col-sm-7 {
    width: 100%;
    padding: 0;
}
body#body_Curriculum_History.class_guest .dataTables_wrapper > .row .col-sm-12,
body#body_Curriculum_History.class_user .dataTables_wrapper > .row .col-sm-12 {
    padding-left: 20px;
    padding-right: 20px;
}
body#body_Curriculum_History.class_guest .dataTables_wrapper .dataTable,
body#body_Curriculum_History.class_user .dataTables_wrapper .dataTable {
    box-shadow: none;
    margin: 0 !important;
}
body#body_Curriculum_History.class_guest .dataTables_wrapper .dataTable thead,
body#body_Curriculum_History.class_user .dataTables_wrapper .dataTable thead {
    color: #444;
    background: #f7f7f7;
}
body#body_Curriculum_History.class_guest .dataTables_wrapper .dataTable th,
body#body_Curriculum_History.class_guest .dataTables_wrapper .dataTable td,
body#body_Curriculum_History.class_user .dataTables_wrapper .dataTable th,
body#body_Curriculum_History.class_user .dataTables_wrapper .dataTable td {
    font-size: 16px;
    line-height: 1;
    padding: 16px 15px;
    line-height: 1.6;
}
body#body_Curriculum_History.class_guest .dataTables_wrapper .dataTable th.sorting:after,
body#body_Curriculum_History.class_guest .dataTables_wrapper .dataTable td.sorting:after,
body#body_Curriculum_History.class_user .dataTables_wrapper .dataTable th.sorting:after,
body#body_Curriculum_History.class_user .dataTables_wrapper .dataTable td.sorting:after {
    display: none;
}
@media (max-width: 767px) {
    body#body_Curriculum_History.class_guest .dataTables_wrapper .dataTable tr.child,
    body#body_Curriculum_History.class_user .dataTables_wrapper .dataTable tr.child {
        padding: 0;
    }
    body#body_Curriculum_History.class_guest .dataTables_wrapper .dataTable tr td.control::before,
    body#body_Curriculum_History.class_user .dataTables_wrapper .dataTable tr td.control::before {
        content: '+';
        color: #888;
    }
    body#body_Curriculum_History.class_guest .dataTables_wrapper .dataTable tr td.child,
    body#body_Curriculum_History.class_user .dataTables_wrapper .dataTable tr td.child {
        background: #fff;
        border-top: none;
        padding: 0 10px 16px;
    }
    body#body_Curriculum_History.class_guest .dataTables_wrapper .dataTable tr.parent td,
    body#body_Curriculum_History.class_user .dataTables_wrapper .dataTable tr.parent td {
        background: #fff;
    }
    body#body_Curriculum_History.class_guest .dataTables_wrapper .dataTable tr.parent td.control::before,
    body#body_Curriculum_History.class_user .dataTables_wrapper .dataTable tr.parent td.control::before {
        content: '-';
    }
    body#body_Curriculum_History.class_guest .dataTables_wrapper .dataTable tr.active td,
    body#body_Curriculum_History.class_user .dataTables_wrapper .dataTable tr.active td {
        background: #f7f7f7;
    }
    body#body_Curriculum_History.class_guest .dataTables_wrapper .dataTable tr.active + .child td,
    body#body_Curriculum_History.class_user .dataTables_wrapper .dataTable tr.active + .child td {
        background: #f7f7f7;
    }
    body#body_Curriculum_History.class_guest .dataTables_wrapper .dataTable .dtr-title,
    body#body_Curriculum_History.class_guest .dataTables_wrapper .dataTable .dtr-data,
    body#body_Curriculum_History.class_user .dataTables_wrapper .dataTable .dtr-title,
    body#body_Curriculum_History.class_user .dataTables_wrapper .dataTable .dtr-data {
        display: block;
    }
    body#body_Curriculum_History.class_guest .dataTables_wrapper .dataTable .dtr-title,
    body#body_Curriculum_History.class_user .dataTables_wrapper .dataTable .dtr-title {
        border-right: none;
        margin-bottom: 0.5em;
    }
    body#body_Curriculum_History.class_guest .dataTables_wrapper .dataTable .dtr-data,
    body#body_Curriculum_History.class_user .dataTables_wrapper .dataTable .dtr-data {
        padding-left: 0;
    }
}
body#body_Curriculum_History.class_guest .dataTables_wrapper .dataTable .btn,
body#body_Curriculum_History.class_user .dataTables_wrapper .dataTable .btn {
    line-height: inherit;
}
body#body_Curriculum_History.class_guest .dataTables_wrapper .dataTable .btn-default,
body#body_Curriculum_History.class_guest .dataTables_wrapper .dataTable .btn-primary,
body#body_Curriculum_History.class_user .dataTables_wrapper .dataTable .btn-default,
body#body_Curriculum_History.class_user .dataTables_wrapper .dataTable .btn-primary {
    display: none;
}
body#body_Curriculum_History.class_guest .dataTables_wrapper .dataTable .btn-danger,
body#body_Curriculum_History.class_user .dataTables_wrapper .dataTable .btn-danger {
    color: #444;
    background: none;
    border: none;
    padding: 0;
}
body#body_Curriculum_History.class_guest .dataTables_wrapper .dataTable .btn-danger .fas,
body#body_Curriculum_History.class_user .dataTables_wrapper .dataTable .btn-danger .fas {
    font-size: 16px;
    line-height: 1;
    vertical-align: top;
    width: auto;
    line-height: 1;
}
body#body_Curriculum_History.class_guest .dataTables_wrapper .dataTable .btn-danger .fas::before,
body#body_Curriculum_History.class_user .dataTables_wrapper .dataTable .btn-danger .fas::before {
    content: '\0089e3\009664';
}
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination {
    width: 100%;
    font-size: 0;
    text-align: center;
    margin: 50px 0 0;
}
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination a,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination span,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination a,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination span {
    font-size: 16px;
    line-height: 1;
    float: none;
    display: inline-block;
    vertical-align: top;
    min-width: 36px;
    min-height: 36px;
    color: #444;
    border-color: #999;
    margin: 0;
    padding: 9px;
}
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination a:hover,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination span:hover,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination a:hover,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination span:hover {
    background: #fff;
}
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button {
    width: 36px;
    height: 36px;
}
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.first a,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.first span,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.last a,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.last span,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.previous a,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.previous span,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.next a,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.next span,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.first a,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.first span,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.last a,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.last span,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.previous a,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.previous span,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.next a,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.next span {
    font-size: 0;
}
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.first a::before,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.first span::before,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.last a::before,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.last span::before,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.previous a::before,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.previous span::before,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.next a::before,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.next span::before,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.first a::before,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.first span::before,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.last a::before,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.last span::before,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.previous a::before,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.previous span::before,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.next a::before,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.next span::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 14px;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.first a,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.first span,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.previous a,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.previous span,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.first a,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.first span,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.previous a,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.previous span {
    border-right: none;
}
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.last a,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.last span,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.next a,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.next span,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.last a,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.last span,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.next a,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.next span {
    border-left: none;
}
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.first a::before,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.first span::before,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.last a::before,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.last span::before,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.first a::before,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.first span::before,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.last a::before,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.last span::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTUgMTQiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ4IC0xMSkiIGNsaXAtcGF0aD0idXJsKCNhKSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ4IDExKSI+PHBhdGggZD0iTTcuMDQ4LDBoMEwwLDdsNy4wNDgsN0w4LjUsMTIuNTU4LDIuOSw3LDguNSwxLjQ0Miw3LjA0OSwwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUgMTQpIHJvdGF0ZSgxODApIiBmaWxsPSIjNWI1YjViIi8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01My4yNSAxMSkiPjxwYXRoIGQ9Ik03LjA0OCwwaDBMMCw3bDcuMDQ4LDdMOC41LDEyLjU1OCwyLjksNyw4LjUsMS40NDIsNy4wNDksMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1IDE0KSByb3RhdGUoMTgwKSIgZmlsbD0iIzViNWI1YiIvPjwvZz48L2c+PC9zdmc+');
    background-repeat: no-repeat;
    background-size: 100% auto;
}
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.first.disabled a::before,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.first.disabled span::before,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.last.disabled a::before,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.last.disabled span::before,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.first.disabled a::before,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.first.disabled span::before,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.last.disabled a::before,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.last.disabled span::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTUgMTQiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ4IC0xMSkiIGNsaXAtcGF0aD0idXJsKCNhKSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ4IDExKSI+PHBhdGggZD0iTTcuMDQ4LDBoMEwwLDdsNy4wNDgsN0w4LjUsMTIuNTU4LDIuOSw3LDguNSwxLjQ0Miw3LjA0OSwwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUgMTQpIHJvdGF0ZSgxODApIiBmaWxsPSIjYzljOWM5Ii8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01My4yNSAxMSkiPjxwYXRoIGQ9Ik03LjA0OCwwaDBMMCw3bDcuMDQ4LDdMOC41LDEyLjU1OCwyLjksNyw4LjUsMS40NDIsNy4wNDksMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1IDE0KSByb3RhdGUoMTgwKSIgZmlsbD0iI2M5YzljOSIvPjwvZz48L2c+PC9zdmc+');
    background-repeat: no-repeat;
    background-size: 100% auto;
}
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.previous a::before,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.previous span::before,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.next a::before,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.next span::before,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.previous a::before,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.previous span::before,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.next a::before,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.next span::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAxNCI+PHBhdGggZD0iTTcuMDQ4LDBoMEwwLDdsNy4wNDgsN0w4LjUsMTIuNTU4LDIuOSw3LDguNSwxLjQ0Miw3LjA0OSwwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUgMTQpIHJvdGF0ZSgxODApIiBmaWxsPSIjNWI1YjViIi8+PHJlY3Qgd2lkdGg9IjEzIiBoZWlnaHQ9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgNikiIGZpbGw9IiM1YjViNWIiLz48L3N2Zz4=');
    background-repeat: no-repeat;
    background-size: 100% auto;
}
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.previous.disabled a::before,
body#body_Curriculum_History.class_guest
    .dataTables_wrapper
    .pagination
    .paginate_button.previous.disabled
    span::before,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.next.disabled a::before,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.next.disabled span::before,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.previous.disabled a::before,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.previous.disabled span::before,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.next.disabled a::before,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.next.disabled span::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAxNCI+PHBhdGggZD0iTTcuMDQ4LDBoMEwwLDdsNy4wNDgsN0w4LjUsMTIuNTU4LDIuOSw3LDguNSwxLjQ0Miw3LjA0OSwwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUgMTQpIHJvdGF0ZSgxODApIiBmaWxsPSIjYzljOWM5Ii8+PHJlY3Qgd2lkdGg9IjEzIiBoZWlnaHQ9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgNikiIGZpbGw9IiNjOWM5YzkiLz48L3N2Zz4=');
    background-repeat: no-repeat;
    background-size: 100% auto;
}
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.first a::before,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.first span::before,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.previous a::before,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.previous span::before,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.first a::before,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.first span::before,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.previous a::before,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.previous span::before {
    transform: translate(-50%, -50%) scale(-1, 1);
}
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.active a,
body#body_Curriculum_History.class_guest .dataTables_wrapper .pagination .paginate_button.active span,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.active a,
body#body_Curriculum_History.class_user .dataTables_wrapper .pagination .paginate_button.active span {
    color: #fff;
    background: #bf6d4e;
    border-color: #bf6d4e;
}
@media (min-width: 992px) {
    body#body_Curriculum_History.class_guest #page-wrapper,
    body#body_Curriculum_History.class_user #page-wrapper {
        width: 100%;
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }
    body#body_Curriculum_History.class_guest .dataTables_wrapper,
    body#body_Curriculum_History.class_user .dataTables_wrapper {
        padding: 40px 40px 60px;
    }
}
body#body_Curriculum_SelectDone.class_guest #page-wrapper,
body#body_Curriculum_SelectDone.class_user #page-wrapper {
    padding-left: 0;
    padding-right: 0;
}
body#body_Curriculum_SelectDone.class_guest #page-wrapper > .container,
body#body_Curriculum_SelectDone.class_user #page-wrapper > .container {
    font-size: 16px;
    line-height: 1.5;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    background: #fff;
    padding: 0 0 50px;
}
body#body_Curriculum_SelectDone.class_guest #page-wrapper > .container > *,
body#body_Curriculum_SelectDone.class_user #page-wrapper > .container > * {
    width: 100%;
}
body#body_Curriculum_SelectDone.class_guest #page-wrapper > .container h1,
body#body_Curriculum_SelectDone.class_user #page-wrapper > .container h1 {
    font-size: 30px !important;
    line-height: 1.4;
    order: 1;
    font-weight: 600;
    text-align: center;
    color: #444;
    background: #f5f5f5;
    margin: 0;
    padding: 40px 40px 30px;
}
body#body_Curriculum_SelectDone.class_guest #page-wrapper > .container h1 .far,
body#body_Curriculum_SelectDone.class_user #page-wrapper > .container h1 .far {
    display: none;
}
body#body_Curriculum_SelectDone.class_guest #page-wrapper > .container .text-center,
body#body_Curriculum_SelectDone.class_user #page-wrapper > .container .text-center {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0 !important;
}
body#body_Curriculum_SelectDone.class_guest #page-wrapper > .container .text-center:nth-of-type(1),
body#body_Curriculum_SelectDone.class_user #page-wrapper > .container .text-center:nth-of-type(1) {
    order: 2;
    margin-bottom: 20px;
    padding-top: 30px;
}
body#body_Curriculum_SelectDone.class_guest #page-wrapper > .container .text-center:nth-of-type(2),
body#body_Curriculum_SelectDone.class_user #page-wrapper > .container .text-center:nth-of-type(2) {
    order: 4;
    padding-top: 20px;
}
body#body_Curriculum_SelectDone.class_guest #page-wrapper > .container .text-center:nth-of-type(2) .btn,
body#body_Curriculum_SelectDone.class_user #page-wrapper > .container .text-center:nth-of-type(2) .btn {
    width: 100%;
    font-weight: 600;
}
body#body_Curriculum_SelectDone.class_guest #page-wrapper > .container .text-center:nth-of-type(2) .btn.btn-info,
body#body_Curriculum_SelectDone.class_user #page-wrapper > .container .text-center:nth-of-type(2) .btn.btn-info {
    display: none;
}
body#body_Curriculum_SelectDone.class_guest #page-wrapper > .container .text-center:nth-of-type(2) .btn + .btn,
body#body_Curriculum_SelectDone.class_user #page-wrapper > .container .text-center:nth-of-type(2) .btn + .btn {
    margin-top: 20px;
}
body#body_Curriculum_SelectDone.class_guest #page-wrapper > .container .text-center:nth-of-type(2) .btn-buy,
body#body_Curriculum_SelectDone.class_user #page-wrapper > .container .text-center:nth-of-type(2) .btn-buy {
    background: #bf6d4e;
    border-color: #bf6d4e;
}
body#body_Curriculum_SelectDone.class_guest #page-wrapper > .container .text-center:nth-of-type(2) .btn-info,
body#body_Curriculum_SelectDone.class_user #page-wrapper > .container .text-center:nth-of-type(2) .btn-info {
    color: #4ea0bf;
    background: none;
    border-color: #4ea0bf;
}
body#body_Curriculum_SelectDone.class_guest #page-wrapper > .container .payment-item,
body#body_Curriculum_SelectDone.class_user #page-wrapper > .container .payment-item {
    order: 3;
    border: none;
    border-radius: 0;
    margin: 0 !important;
    padding: 0 20px;
}
body#body_Curriculum_SelectDone.class_guest #page-wrapper > .container .payment-item a,
body#body_Curriculum_SelectDone.class_user #page-wrapper > .container .payment-item a {
    display: block;
    color: #444;
}
body#body_Curriculum_SelectDone.class_guest #page-wrapper > .container .payment-item a:hover,
body#body_Curriculum_SelectDone.class_user #page-wrapper > .container .payment-item a:hover {
    text-decoration: none;
}
body#body_Curriculum_SelectDone.class_guest #page-wrapper > .container .payment-item .media-left,
body#body_Curriculum_SelectDone.class_guest #page-wrapper > .container .payment-item .media-body,
body#body_Curriculum_SelectDone.class_user #page-wrapper > .container .payment-item .media-left,
body#body_Curriculum_SelectDone.class_user #page-wrapper > .container .payment-item .media-body {
    display: block;
}
body#body_Curriculum_SelectDone.class_guest #page-wrapper > .container .payment-item .media-left,
body#body_Curriculum_SelectDone.class_user #page-wrapper > .container .payment-item .media-left {
    padding-right: 0;
}
body#body_Curriculum_SelectDone.class_guest #page-wrapper > .container .payment-item .media-left a,
body#body_Curriculum_SelectDone.class_user #page-wrapper > .container .payment-item .media-left a {
    display: block;
    position: relative;
    padding-top: 56.1194%;
    overflow: hidden;
}
body#body_Curriculum_SelectDone.class_guest #page-wrapper > .container .payment-item .media-left img,
body#body_Curriculum_SelectDone.class_user #page-wrapper > .container .payment-item .media-left img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    transform: translate(-50%, -50%);
}
body#body_Curriculum_SelectDone.class_guest #page-wrapper > .container .payment-item .media-body,
body#body_Curriculum_SelectDone.class_user #page-wrapper > .container .payment-item .media-body {
    width: 100%;
}
body#body_Curriculum_SelectDone.class_guest #page-wrapper > .container .payment-item .media-heading,
body#body_Curriculum_SelectDone.class_user #page-wrapper > .container .payment-item .media-heading {
    font-size: 20px !important;
    line-height: 1.5;
    font-weight: 600;
    margin-top: 10px;
}
@media screen and (min-width: 768px) {
    body#body_Curriculum_SelectDone.class_guest #page-wrapper > .container .text-center:nth-of-type(2) .btn,
    body#body_Curriculum_SelectDone.class_user #page-wrapper > .container .text-center:nth-of-type(2) .btn {
        width: 100%;
        max-width: 240px;
    }
    body#body_Curriculum_SelectDone.class_guest #page-wrapper > .container .text-center:nth-of-type(2) .btn + .btn,
    body#body_Curriculum_SelectDone.class_user #page-wrapper > .container .text-center:nth-of-type(2) .btn + .btn {
        margin-top: 0;
        margin-left: 20px;
    }
    body#body_Curriculum_SelectDone.class_guest #page-wrapper > .container .payment-item,
    body#body_Curriculum_SelectDone.class_user #page-wrapper > .container .payment-item {
        width: 30.6%;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
@media (min-width: 992px) {
    body#body_Curriculum_SelectDone.class_guest #page-wrapper > .container,
    body#body_Curriculum_SelectDone.class_user #page-wrapper > .container {
        padding-bottom: 70px;
    }
    body#body_Curriculum_SelectDone.class_guest #page-wrapper > .container h1,
    body#body_Curriculum_SelectDone.class_user #page-wrapper > .container h1 {
        font-size: 36px !important;
        line-height: 1.5;
    }
    body#body_Curriculum_SelectDone.class_guest #page-wrapper > .container .text-center:nth-of-type(1),
    body#body_Curriculum_SelectDone.class_guest #page-wrapper > .container .text-center:nth-of-type(2),
    body#body_Curriculum_SelectDone.class_user #page-wrapper > .container .text-center:nth-of-type(1),
    body#body_Curriculum_SelectDone.class_user #page-wrapper > .container .text-center:nth-of-type(2) {
        padding-top: 40px;
    }
}
.curriculum-description.mb50 {
    padding: 0 15px;
}
.curriculum-description.mb50 p {
    text-align: center !important;
}
.curriculum-description.mb50 p span {
    background: none !important;
    font-size: 16px !important;
    letter-spacing: 0.1rem;
    ffont-family: 'NotoSansCJKjp', 'Noto Sans JP', serif;
    color: #444444 !important;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-weight: 400;
    letter-spacing: normal;
    orphans: 2;
    text-align: start;
    text-indent: 0px;
    text-transform: none;
    white-space: normal;
    widows: 2;
    word-spacing: 0px;
    -webkit-text-stroke-width: 0px;
    background-color: #ffffff;
    text-decoration-thickness: initial;
    -webkit-text-decoration-style: initial;
    text-decoration-style: initial;
    -webkit-text-decoration-color: initial;
    text-decoration-color: initial;
    display: inline !important;
    float: none;
}
body#body_Course_Detail #wrapper #courseDetail .flex.direction-column > div .flex.wrap-wrap {
    order: 2;
    margin-bottom: 20px;
}
body#body_Course_Detail #wrapper #app .flex.direction-column > div > *.mb20 {
    order: 6;
}
body#body_Course_Detail #wrapper #app .flex.direction-column > div > *.mb20 .flex {
    justify-content: flex-end;
}
body#body_Course_Detail #wrapper #courseDetail #page-wrapper .share-course-button-wrapper .share-course-button {
    background-color: transparent;
    border: 1px solid #574842;
    color: #574842;
}
body#body_ShareCourses_Detail #wrapper #courseDetail .flex.direction-column > div .flex.wrap-wrap {
    order: 6;
    margin: auto;
    justify-content: flex-end;
}
body#body_ShareCourses_Detail #wrapper #app .flex.direction-column .buttons-row {
    margin-top: 15px;
}
body#body_ShareCourses_Detail #wrapper #app .flex.direction-column > div > *.mb20 {
    order: 2;
}
body#body_ShareCourses_Detail #wrapper #app .flex.direction-column > div > *.mb20 .flex {
    justify-content: flex-start;
}
body#body_Course_Detail #wrapper #page-wrapper,
body#body_ShareCourses_Detail #wrapper #page-wrapper {
    padding-top: 40px;
}
body#body_Course_Detail #wrapper .panel-info,
body#body_ShareCourses_Detail #wrapper .panel-info {
    display: none;
}
body#body_Course_Detail #wrapper #course,
body#body_ShareCourses_Detail #wrapper #course {
    background: #fff;
    padding-left: 20px;
    padding-right: 20px;
}
body#body_Course_Detail #wrapper #course .row,
body#body_ShareCourses_Detail #wrapper #course .row {
    margin-left: auto;
    margin-right: auto;
}
body#body_Course_Detail #wrapper #course .course-block,
body#body_ShareCourses_Detail #wrapper #course .course-block {
    margin-left: -20px;
    margin-right: -20px;
    padding-bottom: 0;
    border-bottom: 1px solid #dedede;
}
body#body_Course_Detail #wrapper #course .course-block-unavailable,
body#body_ShareCourses_Detail #wrapper #course .course-block-unavailable {
    left: auto;
    background: rgba(255, 255, 255, 0.88);
    margin: 0;
}
body#body_Course_Detail #wrapper #course .course-block-unavailable > p,
body#body_ShareCourses_Detail #wrapper #course .course-block-unavailable > p {
    display: none;
}
body#body_Course_Detail #wrapper #course .course-block > div,
body#body_ShareCourses_Detail #wrapper #course .course-block > div {
    width: 100%;
    border-bottom: 1px solid #dedede;
}
body#body_Course_Detail #wrapper #course .course-block > div:not(.course-title-bar):not(.conditions-bar),
body#body_ShareCourses_Detail #wrapper #course .course-block > div:not(.course-title-bar):not(.conditions-bar) {
    padding-left: 0;
    padding-right: 0;
}
body#body_Course_Detail #wrapper #course .course-block .sco-focused,
body#body_ShareCourses_Detail #wrapper #course .course-block .sco-focused {
    border: none !important;
    box-shadow: none !important;
    transform: scale(1);
}
body#body_Course_Detail #wrapper #course .course-item,
body#body_ShareCourses_Detail #wrapper #course .course-item {
    font-size: 16px;
    line-height: 1.5;
    min-height: auto;
    background: none;
    box-shadow: none;
    margin-bottom: 0;
    padding: 20px 20px 20px !important;
    border-top: 1px solid #dedede;
    border-radius: 0;
}
body#body_Course_Detail #wrapper #course .course-item:not(.gray-out):hover,
body#body_ShareCourses_Detail #wrapper #course .course-item:not(.gray-out):hover {
    box-shadow: none;
}
body#body_Course_Detail #wrapper #course .course-item.gray-out,
body#body_ShareCourses_Detail #wrapper #course .course-item.gray-out {
    border-radius: 0;
}
body#body_Course_Detail #wrapper #course .course-item .gray-out-wrapper > *,
body#body_ShareCourses_Detail #wrapper #course .course-item .gray-out-wrapper > * {
    display: none;
}
body#body_Course_Detail #wrapper #course .course-item h3,
body#body_ShareCourses_Detail #wrapper #course .course-item h3 {
    font-weight: normal;
}
body#body_Course_Detail #wrapper #course .course-item .caption,
body#body_ShareCourses_Detail #wrapper #course .course-item .caption {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 0 34px 0 0;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #course .course-item .caption,
    body#body_ShareCourses_Detail #wrapper #course .course-item .caption {
        padding: 0 20px 0 0;
    }
    body#body_Course_Detail #wrapper #course .course-item .caption::after,
    body#body_ShareCourses_Detail #wrapper #course .course-item .caption::after {
        top: 11px;
        right: 4px;
        width: 8px;
        height: 8px;
    }
}
body#body_Course_Detail #wrapper #course .course-item .caption::after,
body#body_ShareCourses_Detail #wrapper #course .course-item .caption::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 8px;
    width: 12px;
    height: 12px;
    border-top: 1px solid #5b5b5b;
    border-right: 1px solid #5b5b5b;
    transform: rotate(45deg) translateY(-50%);
    -webkit-transform: rotate(45deg) translateY(-50%);
    -moz-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    -o-transform: rotate(45deg) translateY(-50%);
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #course .course-item .caption::after,
    body#body_ShareCourses_Detail #wrapper #course .course-item .caption::after {
        right: 4px;
        width: 8px;
        height: 8px;
    }
}
body#body_Course_Detail #wrapper #course .course-item .caption.cap-new::before,
body#body_Course_Detail #wrapper #course .course-item .caption.cap-new::after,
body#body_ShareCourses_Detail #wrapper #course .course-item .caption.cap-new::before,
body#body_ShareCourses_Detail #wrapper #course .course-item .caption.cap-new::after {
    display: none;
}
body#body_Course_Detail #wrapper #course .course-item .caption .status-container,
body#body_ShareCourses_Detail #wrapper #course .course-item .caption .status-container {
    max-width: 75px;
    order: 1;
    flex: 1 0 0;
    margin-top: -2px;
}
body#body_Course_Detail #wrapper #course .course-item .caption h3,
body#body_ShareCourses_Detail #wrapper #course .course-item .caption h3 {
    width: 80%;
    order: 2;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #course .course-item .caption h3,
    body#body_ShareCourses_Detail #wrapper #course .course-item .caption h3 {
        width: 70%;
    }
}
body#body_Course_Detail #wrapper #course .course-item .caption .StandardDuration,
body#body_ShareCourses_Detail #wrapper #course .course-item .caption .StandardDuration {
    order: 3;
}
body#body_Course_Detail #wrapper #course .course-item .caption .StandardDuration .fa-video,
body#body_ShareCourses_Detail #wrapper #course .course-item .caption .StandardDuration .fa-video {
    margin: 0;
}
body#body_Course_Detail #wrapper #course .course-item .caption .time,
body#body_ShareCourses_Detail #wrapper #course .course-item .caption .time {
    flex: 1 0 0;
    margin-right: 20px;
}
body#body_Course_Detail #wrapper #course .course-item .caption .time i,
body#body_ShareCourses_Detail #wrapper #course .course-item .caption .time i {
    font-size: 14px;
    line-height: 1;
    margin-right: 5px;
}
body#body_Course_Detail #wrapper #course .course-item .caption .time i,
body#body_Course_Detail #wrapper #course .course-item .caption .time span,
body#body_ShareCourses_Detail #wrapper #course .course-item .caption .time i,
body#body_ShareCourses_Detail #wrapper #course .course-item .caption .time span {
    color: #888;
}
body#body_Course_Detail #wrapper #course .course-item .caption .status-wrapper,
body#body_ShareCourses_Detail #wrapper #course .course-item .caption .status-wrapper {
    display: block;
    margin-bottom: 10px;
    margin-bottom: 0px;
}
body#body_Course_Detail #wrapper #course .course-item .caption kbd,
body#body_ShareCourses_Detail #wrapper #course .course-item .caption kbd {
    font-size: 12px;
    line-height: 1;
    color: #888;
    background: none;
    border: 1px solid #888;
    border-radius: 2px;
    padding: 3px 6px;
}
body#body_Course_Detail #wrapper #course .course-item .caption kbd.default,
body#body_ShareCourses_Detail #wrapper #course .course-item .caption kbd.default {
    color: #ff1700;
    border-color: #ff1700;
}
body#body_Course_Detail #wrapper #course .course-item .caption kbd.incomplete,
body#body_ShareCourses_Detail #wrapper #course .course-item .caption kbd.incomplete {
    color: #4ea0bf;
    border-color: #4ea0bf;
}
body#body_Course_Detail #wrapper #course .course-item .caption kbd.completed,
body#body_ShareCourses_Detail #wrapper #course .course-item .caption kbd.completed {
    color: #2fbe3f;
    border-color: #2fbe3f;
}
body#body_Course_Detail #wrapper #course .course-item .caption kbd.passed,
body#body_Course_Detail #wrapper #course .course-item .caption kbd.failed,
body#body_ShareCourses_Detail #wrapper #course .course-item .caption kbd.passed,
body#body_ShareCourses_Detail #wrapper #course .course-item .caption kbd.failed {
    color: #fff;
}
body#body_Course_Detail #wrapper #course .course-item .caption kbd.passed,
body#body_ShareCourses_Detail #wrapper #course .course-item .caption kbd.passed {
    background-color: #2fbe3f;
    border-color: #2fbe3f;
}
body#body_Course_Detail #wrapper #course .course-item .caption kbd.failed,
body#body_ShareCourses_Detail #wrapper #course .course-item .caption kbd.failed {
    background-color: #888;
    border-color: #888;
}
body#body_Course_Detail #wrapper #course .course-item .caption .folder-status > kbd,
body#body_ShareCourses_Detail #wrapper #course .course-item .caption .folder-status > kbd {
    width: 100% !important;
}
body#body_Course_Detail #wrapper #course .course-item .caption [data-status-class='default'],
body#body_ShareCourses_Detail #wrapper #course .course-item .caption [data-status-class='default'] {
    border: 1px solid #2fbe3f !important;
    color: #2fbe3f !important;
}
body#body_Course_Detail #wrapper #course .course-item .caption [data-status-class='completed'],
body#body_ShareCourses_Detail #wrapper #course .course-item .caption [data-status-class='completed'] {
    background-color: #2fbe3f !important;
    border: 1px solid #2fbe3f !important;
    color: #fff !important;
}
body#body_Course_Detail #wrapper #course .course-item .caption h3,
body#body_ShareCourses_Detail #wrapper #course .course-item .caption h3 {
    font-size: 16px !important;
    line-height: 1.4;
    position: relative;
    font-weight: normal;
    margin: 0;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #course .course-item .caption h3,
    body#body_ShareCourses_Detail #wrapper #course .course-item .caption h3 {
        font-size: 14px !important;
        line-height: 1.6;
    }
}
body#body_Course_Detail #wrapper #course .course-item .caption h3 > i:not(.fa-file-video),
body#body_ShareCourses_Detail #wrapper #course .course-item .caption h3 > i:not(.fa-file-video) {
    display: none;
}
body#body_Course_Detail #wrapper #course .course-item .caption h3 > i.fa-file-video,
body#body_ShareCourses_Detail #wrapper #course .course-item .caption h3 > i.fa-file-video {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMyAyMyI+PGcgZmlsbD0iI2JmNmQ0ZSIgc3Ryb2tlPSIjYmY2ZDRlIiBzdHJva2Utd2lkdGg9IjEiPjxjaXJjbGUgY3g9IjExLjUiIGN5PSIxMS41IiByPSIxMS41IiBzdHJva2U9Im5vbmUiLz48Y2lyY2xlIGN4PSIxMS41IiBjeT0iMTEuNSIgcj0iMTEiIGZpbGw9Im5vbmUiLz48L2c+PHBhdGggZD0iTTQuNSwwLDksN0gwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYgNykgcm90YXRlKDkwKSIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    position: absolute;
    top: 2px;
    right: -34px;
    width: 23px;
    height: 23px;
    background: none;
}
body#body_Course_Detail #wrapper #course .course-item .caption h3 > i.fa-file-video::before,
body#body_ShareCourses_Detail #wrapper #course .course-item .caption h3 > i.fa-file-video::before {
    display: none;
}
body#body_Course_Detail #wrapper #course .course-item .description,
body#body_ShareCourses_Detail #wrapper #course .course-item .description {
    order: 4;
    width: 100%;
    color: #444;
    border-left: none;
    margin-bottom: 0;
    padding: 0;
}
body#body_Course_Detail #wrapper #course .course-item .sco-browsing,
body#body_Course_Detail #wrapper #course .course-item .sco-result,
body#body_Course_Detail #wrapper #course .course-item .sco-favorite,
body#body_Course_Detail #wrapper #course .course-item .sco-summary-board-disabled,
body#body_Course_Detail #wrapper #course .course-item .sco-ranking,
body#body_ShareCourses_Detail #wrapper #course .course-item .sco-browsing,
body#body_ShareCourses_Detail #wrapper #course .course-item .sco-result,
body#body_ShareCourses_Detail #wrapper #course .course-item .sco-favorite,
body#body_ShareCourses_Detail #wrapper #course .course-item .sco-summary-board-disabled,
body#body_ShareCourses_Detail #wrapper #course .course-item .sco-ranking {
    display: none;
}
body#body_Course_Detail #wrapper #course .course-title-bar,
body#body_ShareCourses_Detail #wrapper #course .course-title-bar {
    display: block !important;
    position: relative;
    min-height: auto;
    background: none;
    box-shadow: none;
    margin: 0;
    padding: 0 20px 20px;
}
body#body_Course_Detail #wrapper #course .course-title-bar:not(:first-of-type),
body#body_ShareCourses_Detail #wrapper #course .course-title-bar:not(:first-of-type) {
    margin-top: 40px;
}
body#body_Course_Detail #wrapper #course .course-title-bar h2,
body#body_ShareCourses_Detail #wrapper #course .course-title-bar h2 {
    font-size: 24px !important;
    line-height: 1.5;
    text-align: left;
    text-overflow: unset;
    color: #444;
    white-space: normal;
    border-left: 6px solid #bf6d4e;
    padding: 10px 0 10px 18px;
}
body#body_Course_Detail #wrapper #course .course-title-bar .fa-flag,
body#body_Course_Detail #wrapper #course .course-title-bar .titleBarArrow,
body#body_ShareCourses_Detail #wrapper #course .course-title-bar .fa-flag,
body#body_ShareCourses_Detail #wrapper #course .course-title-bar .titleBarArrow {
    display: none;
}
body#body_Course_Detail #wrapper #course .conditions-bar,
body#body_ShareCourses_Detail #wrapper #course .conditions-bar {
    font-size: 20px;
    line-height: 1.6;
    display: block;
    float: none;
    font-weight: 600;
    background: none;
    border-bottom: none !important;
    margin: 30px 0;
    padding: 0 20px;
}
body#body_Course_Detail #wrapper #course .conditions-bar > p,
body#body_ShareCourses_Detail #wrapper #course .conditions-bar > p {
    background: #4ea0bf;
    border-radius: 43px;
    margin: 0;
    padding: 11px 10px 10px;
}
body#body_Course_Detail #wrapper #course .conditions-bar .fa-chevron-down,
body#body_ShareCourses_Detail #wrapper #course .conditions-bar .fa-chevron-down {
    display: none;
}
body#body_Course_Detail #wrapper #course .contents-empty,
body#body_ShareCourses_Detail #wrapper #course .contents-empty {
    display: none !important;
    opacity: 0 !important;
}
body#body_Course_Detail #wrapper #courseDetail,
body#body_ShareCourses_Detail #wrapper #courseDetail {
    margin-bottom: 40px;
}
body#body_Course_Detail #wrapper #courseDetail .col-sm-4,
body#body_Course_Detail #wrapper #courseDetail .col-xs-12,
body#body_ShareCourses_Detail #wrapper #courseDetail .col-sm-4,
body#body_ShareCourses_Detail #wrapper #courseDetail .col-xs-12 {
    float: none;
    padding-left: 0;
    padding-right: 0;
}
@media screen and (min-width: 768px) {
    body#body_Course_Detail #wrapper #courseDetail .col-sm-4,
    body#body_ShareCourses_Detail #wrapper #courseDetail .col-sm-4 {
        width: 30.43478%;
    }
    body#body_Course_Detail #wrapper #courseDetail .col-sm-8,
    body#body_ShareCourses_Detail #wrapper #courseDetail .col-sm-8 {
        width: 69.56522%;
        padding-left: 4.34783%;
        position: relative;
    }
}
body#body_Course_Detail #wrapper #courseDetail .flex.direction-column > div,
body#body_ShareCourses_Detail #wrapper #courseDetail .flex.direction-column > div {
    display: flex;
    flex-wrap: wrap;
}
body#body_Course_Detail #wrapper #courseDetail .flex.direction-column > div > *,
body#body_ShareCourses_Detail #wrapper #courseDetail .flex.direction-column > div > * {
    width: 100%;
}
body#body_Course_Detail #wrapper #courseDetail .flex.direction-column > div > *.mb20,
body#body_ShareCourses_Detail #wrapper #courseDetail .flex.direction-column > div > *.mb20 {
    display: none;
}
body#body_Course_Detail #wrapper #courseDetail .flex.direction-column > div h2,
body#body_ShareCourses_Detail #wrapper #courseDetail .flex.direction-column > div h2 {
    order: 1;
    font-weight: 600;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #courseDetail .flex.direction-column > div h2,
    body#body_ShareCourses_Detail #wrapper #courseDetail .flex.direction-column > div h2 {
        margin-top: 20px;
    }
}
body#body_Course_Detail #wrapper #courseDetail .flex.direction-column > div > p:first-of-type,
body#body_ShareCourses_Detail #wrapper #courseDetail .flex.direction-column > div > p:first-of-type {
    font-size: 16px;
    line-height: 1.5;
    order: 3;
}
body#body_Course_Detail #wrapper #courseDetail .flex.direction-column > div > p.text-muted,
body#body_ShareCourses_Detail #wrapper #courseDetail .flex.direction-column > div > p.text-muted {
    font-size: 14px;
    line-height: 1.4;
    order: 4;
    color: #888;
    margin-bottom: 0;
    margin-left: 10px;
}
body#body_Course_Detail #wrapper #courseDetail .flex.direction-column > div > p.text-muted i,
body#body_ShareCourses_Detail #wrapper #courseDetail .flex.direction-column > div > p.text-muted i {
    margin-right: 8px !important;
    width: 16px;
    height: 16px;
}
body#body_Course_Detail #wrapper #courseDetail .flex.direction-column > div > p.text-muted i::before,
body#body_ShareCourses_Detail #wrapper #courseDetail .flex.direction-column > div > p.text-muted i::before {
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNjIuOTA0IC00MjguMjk5KSIgY2xpcC1wYXRoPSJ1cmwoI2EpIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNTguNDc0IDI2MS4wODUpIHJvdGF0ZSg0NSkiPjxwYXRoIGQ9Ik0yMDYuNSw1MS4yNzhoLTYuNjNhMS45MDUsMS45MDUsMCwwLDEtMS45LTEuOVYzOS4zNjdhMS45LDEuOSwwLDAsMSwuNjgtMS40NThsMy4zMTUtMi43ODJhMS45LDEuOSwwLDAsMSwyLjQ0NiwwbDMuMzE1LDIuNzgyYTEuOSwxLjksMCwwLDEsLjY4LDEuNDU4VjQ5LjM3NUExLjkwNSwxLjkwNSwwLDAsMSwyMDYuNSw1MS4yNzhabS0zLjMxNS0xNS42YS45LjksMCwwLDAtLjU4LjIxMWwtMy4zMTUsMi43ODJhLjkuOSwwLDAsMC0uMzIzLjY5MlY0OS4zNzVhLjkuOSwwLDAsMCwuOS45aDYuNjNhLjkuOSwwLDAsMCwuOS0uOVYzOS4zNjdhLjkuOSwwLDAsMC0uMzIzLS42OTJsLTMuMzE1LTIuNzgyQS45LjksMCwwLDAsMjAzLjE4MywzNS42ODJaIiBmaWxsPSIjODg4Ii8+PHBhdGggZD0iTTEuNDMzLS41QTEuOTMzLDEuOTMzLDAsMSwxLS41LDEuNDMzLDEuOTM2LDEuOTM2LDAsMCwxLDEuNDMzLS41Wm0wLDIuODY3QS45MzMuOTMzLDAsMSwwLC41LDEuNDMzLjkzNC45MzQsMCwwLDAsMS40MzMsMi4zNjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMDEuNzUgMzcuODYzKSIgZmlsbD0iIzg4OCIvPjwvZz48L2c+PC9zdmc+');
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: inline-block;
    vertical-align: bottom;
    width: 14px;
    height: 15px;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #courseDetail .flex.direction-column > div .flex.wrap-wrap,
    body#body_ShareCourses_Detail #wrapper #courseDetail .flex.direction-column > div .flex.wrap-wrap {
        margin-top: 20px;
    }
}
body#body_Course_Detail
    #wrapper
    #courseDetail
    .flex.direction-column
    > div
    .flex.wrap-wrap
    .share-course-button-wrapper
    button,
body#body_ShareCourses_Detail
    #wrapper
    #courseDetail
    .flex.direction-column
    > div
    .flex.wrap-wrap
    .share-course-button-wrapper
    button {
    background: #574842;
    border-radius: 4px;
    padding: 10px;
    font-size: 14px;
}
body#body_Course_Detail #wrapper #courseDetail .flex.direction-column > div .buttons-row,
body#body_ShareCourses_Detail #wrapper #courseDetail .flex.direction-column > div .buttons-row {
    order: 5;
    flex-direction: row-reverse;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #courseDetail .flex.direction-column > div .buttons-row,
    body#body_ShareCourses_Detail #wrapper #courseDetail .flex.direction-column > div .buttons-row {
        display: block;
    }
}
body#body_Course_Detail #wrapper #courseDetail .flex.direction-column > div .buttons-row .btn,
body#body_ShareCourses_Detail #wrapper #courseDetail .flex.direction-column > div .buttons-row .btn {
    max-width: 240px;
    width: 46%;
    margin: auto;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #courseDetail .flex.direction-column > div .buttons-row .btn,
    body#body_ShareCourses_Detail #wrapper #courseDetail .flex.direction-column > div .buttons-row .btn {
        max-width: 320px;
        width: 90%;
        margin: 20px auto;
    }
}
body#body_Course_Detail #wrapper #courseDetail .flex.direction-column > div .buttons-row .btn-success,
body#body_ShareCourses_Detail #wrapper #courseDetail .flex.direction-column > div .buttons-row .btn-success {
    background: #12b886;
    border-color: #12b886;
}
body#body_Course_Detail #wrapper #courseDetail .flex.direction-column > div .buttons-row .btn-danger.right-button,
body#body_ShareCourses_Detail
    #wrapper
    #courseDetail
    .flex.direction-column
    > div
    .buttons-row
    .btn-danger.right-button {
    background: #574842;
    border-color: #574842;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #courseDetail .flex.direction-column > div h2,
    body#body_ShareCourses_Detail #wrapper #courseDetail .flex.direction-column > div h2 {
        font-size: 24px !important;
        line-height: 1.5;
        order: 2;
    }
}
@media screen and (min-width: 768px) {
    body#body_Course_Detail #wrapper #courseDetail .flex.direction-column > div h2,
    body#body_ShareCourses_Detail #wrapper #courseDetail .flex.direction-column > div h2 {
        margin-top: 0;
        margin-bottom: 20px;
    }
}
@media (min-width: 992px) {
    body#body_Course_Detail #wrapper #courseDetail .flex.direction-column > div h2,
    body#body_ShareCourses_Detail #wrapper #courseDetail .flex.direction-column > div h2 {
        font-size: 36px !important;
        line-height: 1.5;
    }
}
body#body_Course_Detail #wrapper #courseDetail .course-playinfo,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-playinfo {
    order: 5;
}
body#body_Course_Detail #wrapper #courseDetail .course-playinfo-time,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-playinfo-time {
    margin-right: 20px;
}
body#body_Course_Detail #wrapper #courseDetail .course-playinfo-time i,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-playinfo-time i {
    font-size: 14px;
    line-height: 1;
    margin-right: 5px;
}
body#body_Course_Detail #wrapper #courseDetail .course-playinfo-time i,
body#body_Course_Detail #wrapper #courseDetail .course-playinfo-time span,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-playinfo-time i,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-playinfo-time span {
    color: #888;
}
body#body_Course_Detail #wrapper #courseDetail .course-playinfo-tag i,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-playinfo-tag i {
    font-size: 14px;
    line-height: 1;
    margin-right: 5px;
}
body#body_Course_Detail #wrapper #courseDetail .course-playinfo-tag i,
body#body_Course_Detail #wrapper #courseDetail .course-playinfo-tag span,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-playinfo-tag i,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-playinfo-tag span {
    color: #888;
}
body#body_Course_Detail #wrapper #courseDetail .course-progress,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-progress {
    order: 6;
    margin-top: 15px;
    margin-bottom: 40px;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #courseDetail .course-progress,
    body#body_ShareCourses_Detail #wrapper #courseDetail .course-progress {
        margin: 0;
    }
}
body#body_Course_Detail #wrapper #courseDetail .course-progress__bars,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-progress__bars {
    width: calc(60% - 90px);
    height: 5px;
    background: #e8e8e8;
    border-radius: 8px;
    box-shadow: none;
}
body#body_Course_Detail #wrapper #courseDetail .course-progress__text,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-progress__text {
    display: block;
    width: 90px;
    font-size: 0;
    font-weight: 400;
    text-align: right;
    color: #888;
}
body#body_Course_Detail #wrapper #courseDetail .course-progress__text > span,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-progress__text > span {
    font-size: 14px;
    line-height: 1.4;
    display: inline-block;
}
body#body_Course_Detail #wrapper #courseDetail .course-progress__studying,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-progress__studying {
    display: none;
}
body#body_Course_Detail #wrapper #courseDetail .course-progress .progress-bar,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-progress .progress-bar {
    box-shadow: none;
}
body#body_Course_Detail #wrapper #courseDetail .course-progress .progress-bar-info,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-progress .progress-bar-info {
    background-color: #12b886;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #courseDetail .course-progress,
    body#body_ShareCourses_Detail #wrapper #courseDetail .course-progress {
        order: 1;
        margin-bottom: 0;
    }
    body#body_Course_Detail #wrapper #courseDetail .course-progress__bars,
    body#body_ShareCourses_Detail #wrapper #courseDetail .course-progress__bars {
        width: 100%;
    }
    body#body_Course_Detail #wrapper #courseDetail .course-progress__text,
    body#body_ShareCourses_Detail #wrapper #courseDetail .course-progress__text {
        display: none;
    }
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #courseDetail .course .ContentsNum .fa-graduation-cap,
    body#body_ShareCourses_Detail #wrapper #courseDetail .course .ContentsNum .fa-graduation-cap {
        top: -2px;
    }
}
body#body_Course_Detail #wrapper #courseDetail .course .ContentsNum .fa-graduation-cap:before,
body#body_ShareCourses_Detail #wrapper #courseDetail .course .ContentsNum .fa-graduation-cap:before {
    width: 14px;
    height: 15px;
}
body#body_Course_Detail #wrapper #courseDetail .course .StandardDuration,
body#body_ShareCourses_Detail #wrapper #courseDetail .course .StandardDuration {
    color: #777;
    display: inline-block;
    margin-bottom: 0;
    order: 3;
    margin-top: 0px;
}
body#body_Course_Detail #wrapper #courseDetail .course .StandardDuration .fa-video,
body#body_ShareCourses_Detail #wrapper #courseDetail .course .StandardDuration .fa-video {
    top: -1px;
}
body#body_Course_Detail #wrapper #courseDetail .course .StandardDuration .fa-video:before,
body#body_ShareCourses_Detail #wrapper #courseDetail .course .StandardDuration .fa-video:before {
    width: 14px;
    height: 15px;
}
body#body_Course_Detail #wrapper #courseDetail .course-info-wrapper,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-info-wrapper {
    margin: auto;
    max-width: 1000px;
    border-bottom: none;
    padding: 40px;
    padding-bottom: 0;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #courseDetail .course-info-wrapper,
    body#body_ShareCourses_Detail #wrapper #courseDetail .course-info-wrapper {
        padding-top: 30px;
    }
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #courseDetail .course-info-wrapper .ContentsNum .fa-graduation-cap,
    body#body_ShareCourses_Detail #wrapper #courseDetail .course-info-wrapper .ContentsNum .fa-graduation-cap {
        top: -2px;
    }
}
body#body_Course_Detail #wrapper #courseDetail .course-info-wrapper .ContentsNum .fa-graduation-cap:before,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-info-wrapper .ContentsNum .fa-graduation-cap:before {
    width: 14px;
    height: 15px;
}
body#body_Course_Detail #wrapper #courseDetail .course-info-wrapper .StandardDuration,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-info-wrapper .StandardDuration {
    color: #777;
    display: inline-block;
    margin-bottom: 0;
    order: 3;
    margin-top: 0;
}
body#body_Course_Detail #wrapper #courseDetail .course-info-wrapper .StandardDuration .fa-video,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-info-wrapper .StandardDuration .fa-video {
    top: -1px;
}
body#body_Course_Detail #wrapper #courseDetail .course-info-wrapper .StandardDuration .fa-video:before,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-info-wrapper .StandardDuration .fa-video:before {
    width: 14px;
    height: 15px;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #courseDetail .course-info-wrapper .StandardDuration,
    body#body_ShareCourses_Detail #wrapper #courseDetail .course-info-wrapper .StandardDuration {
        margin: 0;
    }
}
body#body_Course_Detail #wrapper #courseDetail .course-description,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-description {
    font-size: 16px;
    line-height: 1.5;
    border: none;
    margin-bottom: 20px;
    padding-bottom: 0;
}
body#body_Course_Detail #wrapper #courseDetail .course-description-row,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-description-row {
    display: flex;
    flex-direction: column-reverse;
    margin: 0;
    padding: 0;
}
body#body_Course_Detail #wrapper #courseDetail .course-description-row > *,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-description-row > * {
    padding-left: 0;
    padding-right: 0;
}
body#body_Course_Detail #wrapper #courseDetail .course-description-row .font-fs20,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-description-row .font-fs20 {
    font-size: 30px !important;
    line-height: 1.4;
    font-weight: 600;
    text-align: center;
    background: #f5f5f5;
    margin: 0 -20px;
    padding-bottom: 20px;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #courseDetail .course-description-row .font-fs20,
    body#body_ShareCourses_Detail #wrapper #courseDetail .course-description-row .font-fs20 {
        padding-left: 40px;
        padding-right: 40px;
    }
}
body#body_Course_Detail #wrapper #courseDetail .course-description-row .accordion,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-description-row .accordion {
    display: block;
    padding: 30px 0 0;
}
body#body_Course_Detail #wrapper #courseDetail .course-description-row .buttons-row,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-description-row .buttons-row {
    margin-bottom: 20px;
}
body#body_Course_Detail #wrapper #courseDetail .course-description-row .buttons-row .mt10,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-description-row .buttons-row .mt10 {
    width: 100%;
    margin-top: 0 !important;
    padding: 0;
}
body#body_Course_Detail #wrapper #courseDetail .course-all-wrapper,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-all-wrapper {
    position: relative;
    max-width: 1000px;
    margin: auto;
    overflow: hidden;
    background: #fff;
}
body#body_Course_Detail #wrapper #courseDetail .course-all-wrapper:before,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-all-wrapper:before {
    content: '講座内容';
    border-radius: 0;
    background: #fff;
    color: #444444;
    border-left: 6px solid #bf6d4e;
    padding: 10px 20px;
    font-size: 24px;
    font-weight: bold;
    display: block;
    width: calc(100% - 80px);
    margin: 30px auto 0;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #courseDetail .course-all-wrapper:before,
    body#body_ShareCourses_Detail #wrapper #courseDetail .course-all-wrapper:before {
        width: calc(100% - 40px);
        font-size: 1.4rem;
    }
}
body#body_Course_Detail #wrapper #courseDetail .course-all-wrapper .title-bar-wrapper,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-all-wrapper .title-bar-wrapper {
    max-width: 1000px;
    margin: auto !important;
    padding: 30px 40px 0;
    background: #fff;
    display: none;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #courseDetail .course-all-wrapper .title-bar-wrapper,
    body#body_ShareCourses_Detail #wrapper #courseDetail .course-all-wrapper .title-bar-wrapper {
        padding: 10px 20px 0;
    }
}
body#body_Course_Detail #wrapper #courseDetail .course-all-wrapper .title-bar-wrapper .title-bar,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-all-wrapper .title-bar-wrapper .title-bar {
    border-radius: 0;
    background: #fff;
    color: #444444;
    padding: 10px 15px;
    border-left: 6px solid #bf6d4e;
}
body#body_Course_Detail #wrapper #courseDetail .course-all-wrapper .page-w.contents-wrapper,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-all-wrapper .page-w.contents-wrapper {
    max-width: 1000px;
    margin: auto;
}
body#body_Course_Detail #wrapper #courseDetail .course-all-wrapper .condition-bar-wrapper,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-all-wrapper .condition-bar-wrapper {
    max-width: 1000px;
    margin: auto;
    background: #fff;
}
body#body_Course_Detail
    #wrapper
    #courseDetail
    .course-all-wrapper
    .condition-bar-wrapper
    .condition-clear-bar
    .flex.horizontal-center
    button,
body#body_ShareCourses_Detail
    #wrapper
    #courseDetail
    .course-all-wrapper
    .condition-bar-wrapper
    .condition-clear-bar
    .flex.horizontal-center
    button {
    pointer-events: none;
    font-size: 20px;
}
@media (max-width: 767px) {
    body#body_Course_Detail
        #wrapper
        #courseDetail
        .course-all-wrapper
        .condition-bar-wrapper
        .condition-clear-bar
        .flex.horizontal-center
        button,
    body#body_ShareCourses_Detail
        #wrapper
        #courseDetail
        .course-all-wrapper
        .condition-bar-wrapper
        .condition-clear-bar
        .flex.horizontal-center
        button {
        font-size: 18px;
    }
}
body#body_Course_Detail
    #wrapper
    #courseDetail
    .course-all-wrapper
    .condition-bar-wrapper
    .condition-clear-bar
    .condition-bar-icon,
body#body_ShareCourses_Detail
    #wrapper
    #courseDetail
    .course-all-wrapper
    .condition-bar-wrapper
    .condition-clear-bar
    .condition-bar-icon {
    font-size: 24px;
}
@media (max-width: 767px) {
    body#body_Course_Detail
        #wrapper
        #courseDetail
        .course-all-wrapper
        .condition-bar-wrapper
        .condition-clear-bar
        .condition-bar-icon,
    body#body_ShareCourses_Detail
        #wrapper
        #courseDetail
        .course-all-wrapper
        .condition-bar-wrapper
        .condition-clear-bar
        .condition-bar-icon {
        font-size: 18px;
    }
}
body#body_Course_Detail #wrapper #courseDetail .course-all-wrapper .condition-bar-wrapper .condition-clear-bar,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-all-wrapper .condition-bar-wrapper .condition-clear-bar {
    height: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    margin-top: -63px;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #courseDetail .course-all-wrapper .condition-bar-wrapper .condition-clear-bar,
    body#body_ShareCourses_Detail
        #wrapper
        #courseDetail
        .course-all-wrapper
        .condition-bar-wrapper
        .condition-clear-bar {
        margin-top: -79px;
    }
}
body#body_Course_Detail #wrapper #courseDetail .course-all-wrapper .condition-bar-wrapper .condition-clear-bar *,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-all-wrapper .condition-bar-wrapper .condition-clear-bar * {
    display: none;
}
body#body_Course_Detail #wrapper #courseDetail .course-all-wrapper .condition-bar-wrapper .condition-limit-bar,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-all-wrapper .condition-bar-wrapper .condition-limit-bar {
    padding: 15px 20px;
    position: relative;
    z-index: 11;
    width: 90%;
    margin: 0 auto;
    border-radius: 80px;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    position: relative;
    background-color: #4ea0bf !important;
}
body#body_Course_Detail
    #wrapper
    #courseDetail
    .course-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .flex.wrap-wrap.horizontal-center:before,
body#body_ShareCourses_Detail
    #wrapper
    #courseDetail
    .course-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .flex.wrap-wrap.horizontal-center:before {
    content: 'ここまで完了すると、次に進むことができます';
    font-size: 20px;
}
@media (max-width: 767px) {
    body#body_Course_Detail
        #wrapper
        #courseDetail
        .course-all-wrapper
        .condition-bar-wrapper
        .condition-limit-bar
        .flex.wrap-wrap.horizontal-center:before,
    body#body_ShareCourses_Detail
        #wrapper
        #courseDetail
        .course-all-wrapper
        .condition-bar-wrapper
        .condition-limit-bar
        .flex.wrap-wrap.horizontal-center:before {
        font-size: 18px;
    }
}
body#body_Course_Detail
    #wrapper
    #courseDetail
    .course-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-bar-icon,
body#body_ShareCourses_Detail
    #wrapper
    #courseDetail
    .course-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-bar-icon {
    font-size: 24px;
}
@media (max-width: 767px) {
    body#body_Course_Detail
        #wrapper
        #courseDetail
        .course-all-wrapper
        .condition-bar-wrapper
        .condition-limit-bar
        .condition-bar-icon,
    body#body_ShareCourses_Detail
        #wrapper
        #courseDetail
        .course-all-wrapper
        .condition-bar-wrapper
        .condition-limit-bar
        .condition-bar-icon {
        font-size: 18px;
    }
}
body#body_Course_Detail
    #wrapper
    #courseDetail
    .course-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-bar-icon,
body#body_ShareCourses_Detail
    #wrapper
    #courseDetail
    .course-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-bar-icon {
    display: none;
}
body#body_Course_Detail
    #wrapper
    #courseDetail
    .course-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-bar-message,
body#body_Course_Detail
    #wrapper
    #courseDetail
    .course-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-modal-button.btn-default,
body#body_ShareCourses_Detail
    #wrapper
    #courseDetail
    .course-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-bar-message,
body#body_ShareCourses_Detail
    #wrapper
    #courseDetail
    .course-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-modal-button.btn-default {
    display: none;
}
body#body_Course_Detail
    #wrapper
    #courseDetail
    .course-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-modal-button.btn-default,
body#body_ShareCourses_Detail
    #wrapper
    #courseDetail
    .course-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-modal-button.btn-default {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    max-width: 100%;
    opacity: 0;
    display: none;
    pointer-events: none;
}
body#body_Course_Detail #wrapper #courseDetail .course-all-wrapper .contents-block-grayout,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-all-wrapper .contents-block-grayout {
    height: 200px;
    max-width: 1000px;
    margin: 0;
    margin-top: -70px;
    padding-top: 20vw;
    background-color: #ffffff;
    opacity: 0.8;
}
body#body_Course_Detail #wrapper #courseDetail .course-all-wrapper .contents-block-grayout-message,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-all-wrapper .contents-block-grayout-message {
    display: none;
}
body#body_Course_Detail #wrapper #courseDetail .course-all-wrapper .contents-data-block-wrapper,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-all-wrapper .contents-data-block-wrapper {
    padding: 0;
    background: #fff;
    margin: 0;
}
body#body_Course_Detail #wrapper #courseDetail .course-all-wrapper .contents-data-block-wrapper .contents-data-block,
body#body_ShareCourses_Detail
    #wrapper
    #courseDetail
    .course-all-wrapper
    .contents-data-block-wrapper
    .contents-data-block {
    padding: 40px;
}
@media (max-width: 767px) {
    body#body_Course_Detail
        #wrapper
        #courseDetail
        .course-all-wrapper
        .contents-data-block-wrapper
        .contents-data-block,
    body#body_ShareCourses_Detail
        #wrapper
        #courseDetail
        .course-all-wrapper
        .contents-data-block-wrapper
        .contents-data-block {
        padding: 18px 0 40px;
    }
}
body#body_Course_Detail #wrapper #courseDetail .course-all-wrapper .contents-block,
body#body_ShareCourses_Detail #wrapper #courseDetail .course-all-wrapper .contents-block {
    background-color: #fff;
    padding: 22px 40px;
    padding-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
}
body#body_Course_Detail #wrapper #courseDetail .contents-all-wrapper,
body#body_ShareCourses_Detail #wrapper #courseDetail .contents-all-wrapper {
    background: #fff;
    position: relative;
    max-width: 1000px;
    margin: auto;
    overflow: hidden;
    background: #fff;
}
body#body_Course_Detail #wrapper #courseDetail .contents-all-wrapper:before,
body#body_ShareCourses_Detail #wrapper #courseDetail .contents-all-wrapper:before {
    content: '講座内容';
    border-radius: 0;
    background: #fff;
    color: #444444;
    border-left: 6px solid #bf6d4e;
    padding: 10px 20px;
    font-size: 24px;
    font-weight: bold;
    display: block;
    width: calc(100% - 80px);
    margin: 30px auto 0;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #courseDetail .contents-all-wrapper:before,
    body#body_ShareCourses_Detail #wrapper #courseDetail .contents-all-wrapper:before {
        width: calc(100% - 40px);
        font-size: 1.4rem;
    }
}
body#body_Course_Detail #wrapper #courseDetail .contents-all-wrapper .title-bar-wrapper,
body#body_ShareCourses_Detail #wrapper #courseDetail .contents-all-wrapper .title-bar-wrapper {
    max-width: 1000px;
    margin: auto !important;
    padding: 30px 40px 0;
    background: #fff;
    display: none;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #courseDetail .contents-all-wrapper .title-bar-wrapper,
    body#body_ShareCourses_Detail #wrapper #courseDetail .contents-all-wrapper .title-bar-wrapper {
        padding: 10px 20px 0;
    }
}
body#body_Course_Detail #wrapper #courseDetail .contents-all-wrapper .title-bar-wrapper .title-bar,
body#body_ShareCourses_Detail #wrapper #courseDetail .contents-all-wrapper .title-bar-wrapper .title-bar {
    border-radius: 0;
    background: #fff;
    color: #444444;
    padding: 10px 15px;
    border-left: 6px solid #bf6d4e;
}
body#body_Course_Detail #wrapper #courseDetail .contents-all-wrapper .page-w.contents-wrapper,
body#body_ShareCourses_Detail #wrapper #courseDetail .contents-all-wrapper .page-w.contents-wrapper {
    max-width: 1000px;
    margin: auto;
}
body#body_Course_Detail #wrapper #courseDetail .contents-all-wrapper .condition-bar-wrapper,
body#body_ShareCourses_Detail #wrapper #courseDetail .contents-all-wrapper .condition-bar-wrapper {
    max-width: 1000px;
    margin: auto;
    background: #fff;
}
body#body_Course_Detail
    #wrapper
    #courseDetail
    .contents-all-wrapper
    .condition-bar-wrapper
    .condition-clear-bar
    .flex.horizontal-center
    button,
body#body_ShareCourses_Detail
    #wrapper
    #courseDetail
    .contents-all-wrapper
    .condition-bar-wrapper
    .condition-clear-bar
    .flex.horizontal-center
    button {
    pointer-events: none;
    font-size: 20px;
}
@media (max-width: 767px) {
    body#body_Course_Detail
        #wrapper
        #courseDetail
        .contents-all-wrapper
        .condition-bar-wrapper
        .condition-clear-bar
        .flex.horizontal-center
        button,
    body#body_ShareCourses_Detail
        #wrapper
        #courseDetail
        .contents-all-wrapper
        .condition-bar-wrapper
        .condition-clear-bar
        .flex.horizontal-center
        button {
        font-size: 18px;
    }
}
body#body_Course_Detail
    #wrapper
    #courseDetail
    .contents-all-wrapper
    .condition-bar-wrapper
    .condition-clear-bar
    .condition-bar-icon,
body#body_ShareCourses_Detail
    #wrapper
    #courseDetail
    .contents-all-wrapper
    .condition-bar-wrapper
    .condition-clear-bar
    .condition-bar-icon {
    font-size: 24px;
}
@media (max-width: 767px) {
    body#body_Course_Detail
        #wrapper
        #courseDetail
        .contents-all-wrapper
        .condition-bar-wrapper
        .condition-clear-bar
        .condition-bar-icon,
    body#body_ShareCourses_Detail
        #wrapper
        #courseDetail
        .contents-all-wrapper
        .condition-bar-wrapper
        .condition-clear-bar
        .condition-bar-icon {
        font-size: 18px;
    }
}
body#body_Course_Detail #wrapper #courseDetail .contents-all-wrapper .condition-bar-wrapper .condition-clear-bar,
body#body_ShareCourses_Detail #wrapper #courseDetail .contents-all-wrapper .condition-bar-wrapper .condition-clear-bar {
    height: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    margin-top: -63px;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #courseDetail .contents-all-wrapper .condition-bar-wrapper .condition-clear-bar,
    body#body_ShareCourses_Detail
        #wrapper
        #courseDetail
        .contents-all-wrapper
        .condition-bar-wrapper
        .condition-clear-bar {
        margin-top: -79px;
    }
}
body#body_Course_Detail #wrapper #courseDetail .contents-all-wrapper .condition-bar-wrapper .condition-clear-bar *,
body#body_ShareCourses_Detail
    #wrapper
    #courseDetail
    .contents-all-wrapper
    .condition-bar-wrapper
    .condition-clear-bar
    * {
    display: none;
}
body#body_Course_Detail #wrapper #courseDetail .contents-all-wrapper .condition-bar-wrapper .condition-limit-bar,
body#body_ShareCourses_Detail #wrapper #courseDetail .contents-all-wrapper .condition-bar-wrapper .condition-limit-bar {
    padding: 15px 20px;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 0;
    line-height: 2rem;
    border: none;
    color: #888;
    position: relative;
    background-color: #fff !important;
    z-index: 100;
}
body#body_Course_Detail
    #wrapper
    #courseDetail
    .contents-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .flex.wrap-wrap.horizontal-center:before,
body#body_ShareCourses_Detail
    #wrapper
    #courseDetail
    .contents-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .flex.wrap-wrap.horizontal-center:before {
    content: 'ここまで完了すると、次に進むことができます';
    font-size: 20px;
}
@media (max-width: 767px) {
    body#body_Course_Detail
        #wrapper
        #courseDetail
        .contents-all-wrapper
        .condition-bar-wrapper
        .condition-limit-bar
        .flex.wrap-wrap.horizontal-center:before,
    body#body_ShareCourses_Detail
        #wrapper
        #courseDetail
        .contents-all-wrapper
        .condition-bar-wrapper
        .condition-limit-bar
        .flex.wrap-wrap.horizontal-center:before {
        font-size: 18px;
    }
}
body#body_Course_Detail
    #wrapper
    #courseDetail
    .contents-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-bar-icon
    i,
body#body_ShareCourses_Detail
    #wrapper
    #courseDetail
    .contents-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-bar-icon
    i {
    color: #888 !important;
    font-size: 1.4rem;
}
body#body_Course_Detail
    #wrapper
    #courseDetail
    .contents-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-bar-message,
body#body_Course_Detail
    #wrapper
    #courseDetail
    .contents-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-modal-button.btn-default,
body#body_ShareCourses_Detail
    #wrapper
    #courseDetail
    .contents-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-bar-message,
body#body_ShareCourses_Detail
    #wrapper
    #courseDetail
    .contents-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-modal-button.btn-default {
    display: none;
}
body#body_Course_Detail
    #wrapper
    #courseDetail
    .contents-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-modal-button.btn-default,
body#body_ShareCourses_Detail
    #wrapper
    #courseDetail
    .contents-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-modal-button.btn-default {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    max-width: 100%;
    opacity: 0;
    display: none;
    pointer-events: none;
}
body#body_Course_Detail #wrapper #courseDetail .contents-all-wrapper .contents-block-grayout,
body#body_ShareCourses_Detail #wrapper #courseDetail .contents-all-wrapper .contents-block-grayout {
    height: 200px;
    max-width: 1000px;
    margin: 0;
    margin-top: -70px;
    padding-top: 20vw;
    background-color: #ffffff;
    opacity: 0.8;
}
body#body_Course_Detail #wrapper #courseDetail .contents-all-wrapper .contents-block-grayout-message,
body#body_ShareCourses_Detail #wrapper #courseDetail .contents-all-wrapper .contents-block-grayout-message {
    display: none;
}
body#body_Course_Detail #wrapper #courseDetail .contents-all-wrapper .contents-block,
body#body_ShareCourses_Detail #wrapper #courseDetail .contents-all-wrapper .contents-block {
    background-color: #fff;
    padding: 22px 40px;
    padding-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
}
body#body_Course_Detail #wrapper #courseDetail .description-accordion,
body#body_ShareCourses_Detail #wrapper #courseDetail .description-accordion {
    display: none;
}
body#body_Course_Detail #wrapper #courseDetail .thumbnail-wrapper,
body#body_ShareCourses_Detail #wrapper #courseDetail .thumbnail-wrapper {
    margin-bottom: 0;
}
body#body_Course_Detail #wrapper #courseDetail .thumbnail-wrapper .badge-img,
body#body_ShareCourses_Detail #wrapper #courseDetail .thumbnail-wrapper .badge-img {
    top: 4px;
    right: 4px;
    height: auto;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #courseDetail .thumbnail-wrapper .badge-img,
    body#body_ShareCourses_Detail #wrapper #courseDetail .thumbnail-wrapper .badge-img {
        width: 100%;
        max-width: 32px;
    }
}
@media screen and (min-width: 768px) {
    body#body_Course_Detail #wrapper #courseDetail .thumbnail-wrapper .badge-img,
    body#body_ShareCourses_Detail #wrapper #courseDetail .thumbnail-wrapper .badge-img {
        width: 100%;
        max-width: 24px;
    }
}
body#body_Course_Detail #wrapper #courseDetail .thumbnail-wrap,
body#body_Course_Detail #wrapper #courseDetail .thumbnail-folder-wrap,
body#body_ShareCourses_Detail #wrapper #courseDetail .thumbnail-wrap,
body#body_ShareCourses_Detail #wrapper #courseDetail .thumbnail-folder-wrap {
    border-radius: 0;
    box-shadow: none;
    padding-top: 56.1194%;
}
body#body_Course_Detail #wrapper #courseDetail .thumbnail-img,
body#body_ShareCourses_Detail #wrapper #courseDetail .thumbnail-img {
    -o-object-fit: contain;
    object-fit: contain;
}
body#body_Course_Detail #wrapper #courseDetail .btn-info,
body#body_ShareCourses_Detail #wrapper #courseDetail .btn-info {
    display: none;
    width: 100%;
    font-weight: 600;
    color: #4ea0bf;
    background: none;
    border: 1px solid #4ea0bf;
    border-radius: 8px;
}
body#body_Course_Detail #wrapper #courseDetail .btn:disabled,
body#body_ShareCourses_Detail #wrapper #courseDetail .btn:disabled {
    display: none;
}
body#body_Course_Detail #wrapper #app,
body#body_ShareCourses_Detail #wrapper #app {
    margin-bottom: 40px;
}
body#body_Course_Detail #wrapper #app #page-wrapper,
body#body_ShareCourses_Detail #wrapper #app #page-wrapper {
    padding-bottom: 0 !important;
}
body#body_Course_Detail #wrapper #app .col-sm-4,
body#body_Course_Detail #wrapper #app .col-xs-12,
body#body_ShareCourses_Detail #wrapper #app .col-sm-4,
body#body_ShareCourses_Detail #wrapper #app .col-xs-12 {
    float: none;
    padding-left: 0;
    padding-right: 0;
}
@media screen and (min-width: 768px) {
    body#body_Course_Detail #wrapper #app .col-sm-4,
    body#body_ShareCourses_Detail #wrapper #app .col-sm-4 {
        width: 30.43478%;
    }
    body#body_Course_Detail #wrapper #app .col-sm-8,
    body#body_ShareCourses_Detail #wrapper #app .col-sm-8 {
        width: 69.56522%;
        padding-left: 4.34783%;
    }
}
body#body_Course_Detail #wrapper #app .flex.direction-column > div,
body#body_ShareCourses_Detail #wrapper #app .flex.direction-column > div {
    display: flex;
    flex-wrap: wrap;
}
body#body_Course_Detail #wrapper #app .flex.direction-column > div .buttons-row,
body#body_ShareCourses_Detail #wrapper #app .flex.direction-column > div .buttons-row {
    display: none;
}
body#body_Course_Detail #wrapper #app .flex.direction-column > div > *,
body#body_ShareCourses_Detail #wrapper #app .flex.direction-column > div > * {
    width: 100%;
}
body#body_Course_Detail #wrapper #app .flex.direction-column > div > *.mb20,
body#body_ShareCourses_Detail #wrapper #app .flex.direction-column > div > *.mb20 {
    display: block;
}
body#body_Course_Detail #wrapper #app .flex.direction-column > div > *.mb20 .flex .mr5,
body#body_ShareCourses_Detail #wrapper #app .flex.direction-column > div > *.mb20 .flex .mr5 {
    display: none;
}
body#body_Course_Detail #wrapper #app .flex.direction-column > div > *.mb20 .flex .share-course-button-wrapper button,
body#body_ShareCourses_Detail
    #wrapper
    #app
    .flex.direction-column
    > div
    > *.mb20
    .flex
    .share-course-button-wrapper
    button {
    font-size: 12px;
    line-height: 1;
    margin-bottom: 0;
    padding: 7.5px 7px;
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #574842;
    color: #574842;
    background-color: transparent;
    border-radius: 4px;
}
body#body_Course_Detail #wrapper #app .flex.direction-column > div > *.mb20 .flex .share-course-button-wrapper i,
body#body_ShareCourses_Detail #wrapper #app .flex.direction-column > div > *.mb20 .flex .share-course-button-wrapper i {
    font-size: 12px;
    margin-right: 0;
    font-weight: 400;
}
body#body_Course_Detail #wrapper #app .flex.direction-column > div h2,
body#body_ShareCourses_Detail #wrapper #app .flex.direction-column > div h2 {
    order: 1;
    font-weight: 600;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #app .flex.direction-column > div h2,
    body#body_ShareCourses_Detail #wrapper #app .flex.direction-column > div h2 {
        margin-top: 20px;
    }
}
body#body_Course_Detail #wrapper #app .flex.direction-column > div > p:first-of-type,
body#body_ShareCourses_Detail #wrapper #app .flex.direction-column > div > p:first-of-type {
    font-size: 16px;
    line-height: 1.5;
    order: 3;
}
body#body_Course_Detail #wrapper #app .flex.direction-column > div > p.text-muted,
body#body_ShareCourses_Detail #wrapper #app .flex.direction-column > div > p.text-muted {
    font-size: 14px;
    line-height: 1.4;
    order: 4;
    color: #888;
    margin-bottom: 0;
    margin-left: 10px;
}
body#body_Course_Detail #wrapper #app .flex.direction-column > div > p.text-muted i,
body#body_ShareCourses_Detail #wrapper #app .flex.direction-column > div > p.text-muted i {
    margin-right: 8px !important;
    width: 16px;
    height: 16px;
}
body#body_Course_Detail #wrapper #app .flex.direction-column > div > p.text-muted i::before,
body#body_ShareCourses_Detail #wrapper #app .flex.direction-column > div > p.text-muted i::before {
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNjIuOTA0IC00MjguMjk5KSIgY2xpcC1wYXRoPSJ1cmwoI2EpIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNTguNDc0IDI2MS4wODUpIHJvdGF0ZSg0NSkiPjxwYXRoIGQ9Ik0yMDYuNSw1MS4yNzhoLTYuNjNhMS45MDUsMS45MDUsMCwwLDEtMS45LTEuOVYzOS4zNjdhMS45LDEuOSwwLDAsMSwuNjgtMS40NThsMy4zMTUtMi43ODJhMS45LDEuOSwwLDAsMSwyLjQ0NiwwbDMuMzE1LDIuNzgyYTEuOSwxLjksMCwwLDEsLjY4LDEuNDU4VjQ5LjM3NUExLjkwNSwxLjkwNSwwLDAsMSwyMDYuNSw1MS4yNzhabS0zLjMxNS0xNS42YS45LjksMCwwLDAtLjU4LjIxMWwtMy4zMTUsMi43ODJhLjkuOSwwLDAsMC0uMzIzLjY5MlY0OS4zNzVhLjkuOSwwLDAsMCwuOS45aDYuNjNhLjkuOSwwLDAsMCwuOS0uOVYzOS4zNjdhLjkuOSwwLDAsMC0uMzIzLS42OTJsLTMuMzE1LTIuNzgyQS45LjksMCwwLDAsMjAzLjE4MywzNS42ODJaIiBmaWxsPSIjODg4Ii8+PHBhdGggZD0iTTEuNDMzLS41QTEuOTMzLDEuOTMzLDAsMSwxLS41LDEuNDMzLDEuOTM2LDEuOTM2LDAsMCwxLDEuNDMzLS41Wm0wLDIuODY3QS45MzMuOTMzLDAsMSwwLC41LDEuNDMzLjkzNC45MzQsMCwwLDAsMS40MzMsMi4zNjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMDEuNzUgMzcuODYzKSIgZmlsbD0iIzg4OCIvPjwvZz48L2c+PC9zdmc+');
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: inline-block;
    vertical-align: bottom;
    width: 14px;
    height: 15px;
}
body#body_Course_Detail #wrapper #app .flex.direction-column > div .flex.wrap-wrap,
body#body_ShareCourses_Detail #wrapper #app .flex.direction-column > div .flex.wrap-wrap {
    order: 6;
    margin: auto;
    justify-content: flex-end;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #app .flex.direction-column > div .flex.wrap-wrap,
    body#body_ShareCourses_Detail #wrapper #app .flex.direction-column > div .flex.wrap-wrap {
        margin-top: 20px;
    }
}
body#body_Course_Detail #wrapper #app .flex.direction-column > div .flex.wrap-wrap .share-course-button-wrapper button,
body#body_ShareCourses_Detail
    #wrapper
    #app
    .flex.direction-column
    > div
    .flex.wrap-wrap
    .share-course-button-wrapper
    button {
    background: #574842;
    border-radius: 4px;
    padding: 10px;
    font-size: 14px;
}
body#body_Course_Detail #wrapper #app .flex.direction-column > div .buttons-row,
body#body_ShareCourses_Detail #wrapper #app .flex.direction-column > div .buttons-row {
    order: 5;
    flex-direction: row-reverse;
}
body#body_Course_Detail #wrapper #app .flex.direction-column > div .buttons-row .btn,
body#body_ShareCourses_Detail #wrapper #app .flex.direction-column > div .buttons-row .btn {
    max-width: 240px;
    width: 46%;
    margin: auto;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #app .flex.direction-column > div .buttons-row .btn,
    body#body_ShareCourses_Detail #wrapper #app .flex.direction-column > div .buttons-row .btn {
        max-width: 320px;
        width: 90%;
        margin: 40px auto;
    }
}
body#body_Course_Detail #wrapper #app .flex.direction-column > div .buttons-row .btn-success,
body#body_ShareCourses_Detail #wrapper #app .flex.direction-column > div .buttons-row .btn-success {
    background: #12b886;
    border-color: #12b886;
}
body#body_Course_Detail #wrapper #app .flex.direction-column > div .buttons-row .btn-danger.right-button,
body#body_ShareCourses_Detail #wrapper #app .flex.direction-column > div .buttons-row .btn-danger.right-button {
    background: #574842;
    border-color: #574842;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #app .flex.direction-column > div h2,
    body#body_ShareCourses_Detail #wrapper #app .flex.direction-column > div h2 {
        font-size: 24px !important;
        line-height: 1.5;
        order: 2;
    }
}
@media screen and (min-width: 768px) {
    body#body_Course_Detail #wrapper #app .flex.direction-column > div h2,
    body#body_ShareCourses_Detail #wrapper #app .flex.direction-column > div h2 {
        margin-top: 0;
        margin-bottom: 20px;
    }
}
@media (min-width: 992px) {
    body#body_Course_Detail #wrapper #app .flex.direction-column > div h2,
    body#body_ShareCourses_Detail #wrapper #app .flex.direction-column > div h2 {
        font-size: 36px !important;
        line-height: 1.5;
    }
}
body#body_Course_Detail #wrapper #app .flex.direction-column .buttons-row,
body#body_ShareCourses_Detail #wrapper #app .flex.direction-column .buttons-row {
    order: 5;
    flex-direction: row-reverse;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #app .flex.direction-column .buttons-row,
    body#body_ShareCourses_Detail #wrapper #app .flex.direction-column .buttons-row {
        display: flex;
        flex-direction: column-reverse;
    }
    body#body_Course_Detail #wrapper #app .flex.direction-column .buttons-row .btn-danger,
    body#body_ShareCourses_Detail #wrapper #app .flex.direction-column .buttons-row .btn-danger {
        margin-bottom: 0 !important;
    }
}
body#body_Course_Detail #wrapper #app .flex.direction-column .buttons-row button.btn,
body#body_ShareCourses_Detail #wrapper #app .flex.direction-column .buttons-row button.btn {
    max-width: 240px;
    width: 46%;
    margin: auto;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #app .flex.direction-column .buttons-row button.btn,
    body#body_ShareCourses_Detail #wrapper #app .flex.direction-column .buttons-row button.btn {
        max-width: 320px;
        width: 90%;
        margin: 20px auto;
    }
}
body#body_Course_Detail #wrapper #app .flex.direction-column .buttons-row .btn-success,
body#body_ShareCourses_Detail #wrapper #app .flex.direction-column .buttons-row .btn-success {
    background: #12b886;
    border-color: #12b886;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #app .flex.direction-column .buttons-row .btn-success,
    body#body_ShareCourses_Detail #wrapper #app .flex.direction-column .buttons-row .btn-success {
        margin: 20px auto;
    }
}
body#body_Course_Detail #wrapper #app .flex.direction-column .buttons-row .btn-danger.right-button,
body#body_ShareCourses_Detail #wrapper #app .flex.direction-column .buttons-row .btn-danger.right-button {
    background: #574842;
    border-color: #574842;
}
body#body_Course_Detail #wrapper #app .flex.direction-column .buttons-row .btn-danger.right-button::before,
body#body_ShareCourses_Detail #wrapper #app .flex.direction-column .buttons-row .btn-danger.right-button::before {
    content: '個人向け';
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #app .flex.direction-column .buttons-row .btn-danger.right-button,
    body#body_ShareCourses_Detail #wrapper #app .flex.direction-column .buttons-row .btn-danger.right-button {
        margin: 20px auto;
    }
}
body#body_Course_Detail #wrapper #app .course-playinfo,
body#body_ShareCourses_Detail #wrapper #app .course-playinfo {
    order: 5;
}
body#body_Course_Detail #wrapper #app .course-playinfo-time,
body#body_ShareCourses_Detail #wrapper #app .course-playinfo-time {
    margin-right: 20px;
}
body#body_Course_Detail #wrapper #app .course-playinfo-time i,
body#body_ShareCourses_Detail #wrapper #app .course-playinfo-time i {
    font-size: 14px;
    line-height: 1;
    margin-right: 5px;
}
body#body_Course_Detail #wrapper #app .course-playinfo-time i,
body#body_Course_Detail #wrapper #app .course-playinfo-time span,
body#body_ShareCourses_Detail #wrapper #app .course-playinfo-time i,
body#body_ShareCourses_Detail #wrapper #app .course-playinfo-time span {
    color: #888;
}
body#body_Course_Detail #wrapper #app .course-playinfo-tag i,
body#body_ShareCourses_Detail #wrapper #app .course-playinfo-tag i {
    font-size: 14px;
    line-height: 1;
    margin-right: 5px;
}
body#body_Course_Detail #wrapper #app .course-playinfo-tag i,
body#body_Course_Detail #wrapper #app .course-playinfo-tag span,
body#body_ShareCourses_Detail #wrapper #app .course-playinfo-tag i,
body#body_ShareCourses_Detail #wrapper #app .course-playinfo-tag span {
    color: #888;
}
body#body_Course_Detail #wrapper #app .course-progress,
body#body_ShareCourses_Detail #wrapper #app .course-progress {
    order: 6;
    margin-top: 15px;
    margin-bottom: 40px;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #app .course-progress,
    body#body_ShareCourses_Detail #wrapper #app .course-progress {
        margin: 0;
    }
}
body#body_Course_Detail #wrapper #app .course-progress__bars,
body#body_ShareCourses_Detail #wrapper #app .course-progress__bars {
    width: calc(60% - 90px);
    height: 5px;
    background: #e8e8e8;
    border-radius: 8px;
    box-shadow: none;
}
body#body_Course_Detail #wrapper #app .course-progress__text,
body#body_ShareCourses_Detail #wrapper #app .course-progress__text {
    display: block;
    width: 90px;
    font-size: 0;
    font-weight: 400;
    text-align: right;
    color: #888;
}
body#body_Course_Detail #wrapper #app .course-progress__text > span,
body#body_ShareCourses_Detail #wrapper #app .course-progress__text > span {
    font-size: 14px;
    line-height: 1.4;
    display: inline-block;
}
body#body_Course_Detail #wrapper #app .course-progress__studying,
body#body_ShareCourses_Detail #wrapper #app .course-progress__studying {
    display: none;
}
body#body_Course_Detail #wrapper #app .course-progress .progress-bar,
body#body_ShareCourses_Detail #wrapper #app .course-progress .progress-bar {
    box-shadow: none;
}
body#body_Course_Detail #wrapper #app .course-progress .progress-bar-info,
body#body_ShareCourses_Detail #wrapper #app .course-progress .progress-bar-info {
    background-color: #12b886;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #app .course-progress,
    body#body_ShareCourses_Detail #wrapper #app .course-progress {
        order: 1;
        margin-bottom: 0;
    }
    body#body_Course_Detail #wrapper #app .course-progress__bars,
    body#body_ShareCourses_Detail #wrapper #app .course-progress__bars {
        width: 100%;
    }
    body#body_Course_Detail #wrapper #app .course-progress__text,
    body#body_ShareCourses_Detail #wrapper #app .course-progress__text {
        display: none;
    }
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #app .course .ContentsNum .fa-graduation-cap,
    body#body_ShareCourses_Detail #wrapper #app .course .ContentsNum .fa-graduation-cap {
        top: -2px;
    }
}
body#body_Course_Detail #wrapper #app .course .ContentsNum .fa-graduation-cap:before,
body#body_ShareCourses_Detail #wrapper #app .course .ContentsNum .fa-graduation-cap:before {
    width: 14px;
    height: 15px;
}
body#body_Course_Detail #wrapper #app .course .StandardDuration,
body#body_ShareCourses_Detail #wrapper #app .course .StandardDuration {
    color: #777;
    display: inline-block;
    margin-bottom: 0;
    order: 3;
    margin-top: 0px;
}
body#body_Course_Detail #wrapper #app .course .StandardDuration .fa-video,
body#body_ShareCourses_Detail #wrapper #app .course .StandardDuration .fa-video {
    top: -1px;
}
body#body_Course_Detail #wrapper #app .course .StandardDuration .fa-video:before,
body#body_ShareCourses_Detail #wrapper #app .course .StandardDuration .fa-video:before {
    width: 14px;
    height: 15px;
}
body#body_Course_Detail #wrapper #app .course-info-wrapper,
body#body_ShareCourses_Detail #wrapper #app .course-info-wrapper {
    margin: auto;
    max-width: 1000px;
    border-bottom: none;
    padding: 40px;
    padding-bottom: 0;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #app .course-info-wrapper,
    body#body_ShareCourses_Detail #wrapper #app .course-info-wrapper {
        padding-top: 30px;
    }
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #app .course-info-wrapper .ContentsNum .fa-graduation-cap,
    body#body_ShareCourses_Detail #wrapper #app .course-info-wrapper .ContentsNum .fa-graduation-cap {
        top: -2px;
    }
}
body#body_Course_Detail #wrapper #app .course-info-wrapper .ContentsNum .fa-graduation-cap:before,
body#body_ShareCourses_Detail #wrapper #app .course-info-wrapper .ContentsNum .fa-graduation-cap:before {
    width: 14px;
    height: 15px;
}
body#body_Course_Detail #wrapper #app .course-info-wrapper .StandardDuration,
body#body_ShareCourses_Detail #wrapper #app .course-info-wrapper .StandardDuration {
    color: #777;
    display: inline-block;
    margin-bottom: 0;
    order: 3;
    margin-top: 0;
}
body#body_Course_Detail #wrapper #app .course-info-wrapper .StandardDuration .fa-video,
body#body_ShareCourses_Detail #wrapper #app .course-info-wrapper .StandardDuration .fa-video {
    top: -1px;
}
body#body_Course_Detail #wrapper #app .course-info-wrapper .StandardDuration .fa-video:before,
body#body_ShareCourses_Detail #wrapper #app .course-info-wrapper .StandardDuration .fa-video:before {
    width: 14px;
    height: 15px;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #app .course-info-wrapper .StandardDuration,
    body#body_ShareCourses_Detail #wrapper #app .course-info-wrapper .StandardDuration {
        margin: 0;
    }
}
body#body_Course_Detail #wrapper #app .course-description,
body#body_ShareCourses_Detail #wrapper #app .course-description {
    font-size: 16px;
    line-height: 1.5;
    border: none;
    margin-bottom: 20px;
    padding-bottom: 0;
}
body#body_Course_Detail #wrapper #app .course-description-row,
body#body_ShareCourses_Detail #wrapper #app .course-description-row {
    display: flex;
    flex-direction: column-reverse;
    margin: 0;
    padding: 0;
}
body#body_Course_Detail #wrapper #app .course-description-row > *,
body#body_ShareCourses_Detail #wrapper #app .course-description-row > * {
    padding-left: 0;
    padding-right: 0;
}
body#body_Course_Detail #wrapper #app .course-description-row .font-fs20,
body#body_ShareCourses_Detail #wrapper #app .course-description-row .font-fs20 {
    font-size: 30px !important;
    line-height: 1.4;
    font-weight: 600;
    text-align: center;
    background: #f5f5f5;
    margin: 0 -20px;
    padding-bottom: 20px;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #app .course-description-row .font-fs20,
    body#body_ShareCourses_Detail #wrapper #app .course-description-row .font-fs20 {
        padding-left: 40px;
        padding-right: 40px;
    }
}
body#body_Course_Detail #wrapper #app .course-description-row .accordion,
body#body_ShareCourses_Detail #wrapper #app .course-description-row .accordion {
    display: block;
    padding: 30px 0 0;
}
body#body_Course_Detail #wrapper #app .course-description-row .buttons-row,
body#body_ShareCourses_Detail #wrapper #app .course-description-row .buttons-row {
    margin-bottom: 20px;
}
body#body_Course_Detail #wrapper #app .course-description-row .buttons-row .mt10,
body#body_ShareCourses_Detail #wrapper #app .course-description-row .buttons-row .mt10 {
    width: 100%;
    margin-top: 0 !important;
    padding: 0;
}
body#body_Course_Detail #wrapper #app .course-all-wrapper,
body#body_ShareCourses_Detail #wrapper #app .course-all-wrapper {
    position: relative;
    max-width: 1000px;
    margin: auto;
    overflow: hidden;
    background: #fff;
}
body#body_Course_Detail #wrapper #app .course-all-wrapper:before,
body#body_ShareCourses_Detail #wrapper #app .course-all-wrapper:before {
    content: '講座内容';
    border-radius: 0;
    background: #fff;
    color: #444444;
    border-left: 6px solid #bf6d4e;
    padding: 10px 20px;
    font-size: 24px;
    font-weight: bold;
    display: block;
    width: calc(100% - 80px);
    margin: 30px auto 0;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #app .course-all-wrapper:before,
    body#body_ShareCourses_Detail #wrapper #app .course-all-wrapper:before {
        width: calc(100% - 40px);
        font-size: 1.4rem;
    }
}
body#body_Course_Detail #wrapper #app .course-all-wrapper .title-bar-wrapper,
body#body_ShareCourses_Detail #wrapper #app .course-all-wrapper .title-bar-wrapper {
    max-width: 1000px;
    margin: auto !important;
    padding: 30px 40px 0;
    background: #fff;
    display: none;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #app .course-all-wrapper .title-bar-wrapper,
    body#body_ShareCourses_Detail #wrapper #app .course-all-wrapper .title-bar-wrapper {
        padding: 10px 20px 0;
    }
}
body#body_Course_Detail #wrapper #app .course-all-wrapper .title-bar-wrapper .title-bar,
body#body_ShareCourses_Detail #wrapper #app .course-all-wrapper .title-bar-wrapper .title-bar {
    border-radius: 0;
    background: #fff;
    color: #444444;
    padding: 10px 15px;
    border-left: 6px solid #bf6d4e;
}
body#body_Course_Detail #wrapper #app .course-all-wrapper .page-w.contents-wrapper,
body#body_ShareCourses_Detail #wrapper #app .course-all-wrapper .page-w.contents-wrapper {
    max-width: 1000px;
    margin: auto;
}
body#body_Course_Detail #wrapper #app .course-all-wrapper .condition-bar-wrapper,
body#body_ShareCourses_Detail #wrapper #app .course-all-wrapper .condition-bar-wrapper {
    max-width: 1000px;
    margin: auto;
    background: #fff;
}
body#body_Course_Detail #wrapper #app .course-all-wrapper .condition-bar-wrapper .condition-clear-bar,
body#body_ShareCourses_Detail #wrapper #app .course-all-wrapper .condition-bar-wrapper .condition-clear-bar {
    height: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    margin-top: -63px;
}
body#body_Course_Detail #wrapper #app .course-all-wrapper .condition-bar-wrapper .condition-clear-bar,
body#body_ShareCourses_Detail #wrapper #app .course-all-wrapper .condition-bar-wrapper .condition-clear-bar {
    height: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    margin-top: -63px;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #app .course-all-wrapper .condition-bar-wrapper .condition-clear-bar,
    body#body_ShareCourses_Detail #wrapper #app .course-all-wrapper .condition-bar-wrapper .condition-clear-bar {
        margin-top: -79px;
    }
}
body#body_Course_Detail #wrapper #app .course-all-wrapper .condition-bar-wrapper .condition-clear-bar *,
body#body_ShareCourses_Detail #wrapper #app .course-all-wrapper .condition-bar-wrapper .condition-clear-bar * {
    display: none;
}
body#body_Course_Detail #wrapper #app .course-all-wrapper .condition-bar-wrapper .condition-limit-bar,
body#body_ShareCourses_Detail #wrapper #app .course-all-wrapper .condition-bar-wrapper .condition-limit-bar {
    padding: 15px 20px;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 0;
    line-height: 2rem;
    border: none;
    color: #888;
    position: relative;
    background-color: #fff !important;
    z-index: 100;
}
body#body_Course_Detail
    #wrapper
    #app
    .course-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .flex.wrap-wrap.horizontal-center:before,
body#body_ShareCourses_Detail
    #wrapper
    #app
    .course-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .flex.wrap-wrap.horizontal-center:before {
    content: 'ここまで完了すると、次に進むことができます';
    font-size: 20px;
}
@media (max-width: 767px) {
    body#body_Course_Detail
        #wrapper
        #app
        .course-all-wrapper
        .condition-bar-wrapper
        .condition-limit-bar
        .flex.wrap-wrap.horizontal-center:before,
    body#body_ShareCourses_Detail
        #wrapper
        #app
        .course-all-wrapper
        .condition-bar-wrapper
        .condition-limit-bar
        .flex.wrap-wrap.horizontal-center:before {
        font-size: 18px;
    }
}
body#body_Course_Detail
    #wrapper
    #app
    .course-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-bar-icon
    i,
body#body_ShareCourses_Detail
    #wrapper
    #app
    .course-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-bar-icon
    i {
    color: #888 !important;
    font-size: 1.4rem;
    font-size: 24px;
}
@media (max-width: 767px) {
    body#body_Course_Detail
        #wrapper
        #app
        .course-all-wrapper
        .condition-bar-wrapper
        .condition-limit-bar
        .condition-bar-icon
        i,
    body#body_ShareCourses_Detail
        #wrapper
        #app
        .course-all-wrapper
        .condition-bar-wrapper
        .condition-limit-bar
        .condition-bar-icon
        i {
        font-size: 18px;
    }
}
body#body_Course_Detail
    #wrapper
    #app
    .course-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-bar-message,
body#body_Course_Detail
    #wrapper
    #app
    .course-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-modal-button.btn-default,
body#body_ShareCourses_Detail
    #wrapper
    #app
    .course-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-bar-message,
body#body_ShareCourses_Detail
    #wrapper
    #app
    .course-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-modal-button.btn-default {
    display: none;
}
body#body_Course_Detail
    #wrapper
    #app
    .course-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-modal-button.btn-default,
body#body_ShareCourses_Detail
    #wrapper
    #app
    .course-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-modal-button.btn-default {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    max-width: 100%;
    opacity: 0;
    display: none;
    pointer-events: none;
}
body#body_Course_Detail #wrapper #app .course-all-wrapper .contents-block-grayout,
body#body_ShareCourses_Detail #wrapper #app .course-all-wrapper .contents-block-grayout {
    height: 200px;
    max-width: 1000px;
    margin: 0;
    margin-top: -70px;
    padding-top: 20vw;
    background-color: #ffffff;
    opacity: 0.8;
}
body#body_Course_Detail #wrapper #app .course-all-wrapper .contents-block-grayout-message,
body#body_ShareCourses_Detail #wrapper #app .course-all-wrapper .contents-block-grayout-message {
    display: none;
}
body#body_Course_Detail #wrapper #app .course-all-wrapper .contents-data-block-wrapper,
body#body_ShareCourses_Detail #wrapper #app .course-all-wrapper .contents-data-block-wrapper {
    padding: 0;
    background: #fff;
    margin: 0;
}
body#body_Course_Detail #wrapper #app .course-all-wrapper .contents-data-block-wrapper .contents-data-block,
body#body_ShareCourses_Detail #wrapper #app .course-all-wrapper .contents-data-block-wrapper .contents-data-block {
    padding: 40px;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #app .course-all-wrapper .contents-data-block-wrapper .contents-data-block,
    body#body_ShareCourses_Detail #wrapper #app .course-all-wrapper .contents-data-block-wrapper .contents-data-block {
        padding: 18px 0 40px;
    }
}
body#body_Course_Detail #wrapper #app .course-all-wrapper .contents-block,
body#body_ShareCourses_Detail #wrapper #app .course-all-wrapper .contents-block {
    background-color: #fff;
    padding: 22px 40px;
    padding-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
}
body#body_Course_Detail #wrapper #app .contents-all-wrapper,
body#body_ShareCourses_Detail #wrapper #app .contents-all-wrapper {
    position: relative;
    max-width: 1000px;
    margin: auto;
    overflow: hidden;
    background: #fff;
}
body#body_Course_Detail #wrapper #app .contents-all-wrapper:before,
body#body_ShareCourses_Detail #wrapper #app .contents-all-wrapper:before {
    content: '講座内容';
    border-radius: 0;
    background: #fff;
    color: #444444;
    border-left: 6px solid #bf6d4e;
    padding: 10px 20px;
    font-size: 24px;
    font-weight: bold;
    display: block;
    width: calc(100% - 80px);
    margin: 30px auto 0;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #app .contents-all-wrapper:before,
    body#body_ShareCourses_Detail #wrapper #app .contents-all-wrapper:before {
        width: calc(100% - 40px);
        font-size: 1.4rem;
    }
}
body#body_Course_Detail #wrapper #app .contents-all-wrapper .title-bar-wrapper,
body#body_ShareCourses_Detail #wrapper #app .contents-all-wrapper .title-bar-wrapper {
    max-width: 1000px;
    margin: auto !important;
    padding: 30px 40px 0;
    background: #fff;
    display: none;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #app .contents-all-wrapper .title-bar-wrapper,
    body#body_ShareCourses_Detail #wrapper #app .contents-all-wrapper .title-bar-wrapper {
        padding: 10px 20px 0;
    }
}
body#body_Course_Detail #wrapper #app .contents-all-wrapper .title-bar-wrapper .title-bar,
body#body_ShareCourses_Detail #wrapper #app .contents-all-wrapper .title-bar-wrapper .title-bar {
    border-radius: 0;
    background: #fff;
    color: #444444;
    padding: 10px 15px;
    border-left: 6px solid #bf6d4e;
}
body#body_Course_Detail #wrapper #app .contents-all-wrapper .page-w.contents-wrapper,
body#body_ShareCourses_Detail #wrapper #app .contents-all-wrapper .page-w.contents-wrapper {
    max-width: 1000px;
    margin: auto;
}
body#body_Course_Detail #wrapper #app .contents-all-wrapper .condition-bar-wrapper,
body#body_ShareCourses_Detail #wrapper #app .contents-all-wrapper .condition-bar-wrapper {
    max-width: 1000px;
    margin: auto;
    background: #fff;
}
body#body_Course_Detail #wrapper #app .contents-all-wrapper .condition-bar-wrapper .condition-clear-bar,
body#body_ShareCourses_Detail #wrapper #app .contents-all-wrapper .condition-bar-wrapper .condition-clear-bar {
    height: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    margin-top: -63px;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #app .contents-all-wrapper .condition-bar-wrapper .condition-clear-bar,
    body#body_ShareCourses_Detail #wrapper #app .contents-all-wrapper .condition-bar-wrapper .condition-clear-bar {
        margin-top: -79px;
    }
}
body#body_Course_Detail #wrapper #app .contents-all-wrapper .condition-bar-wrapper .condition-clear-bar *,
body#body_ShareCourses_Detail #wrapper #app .contents-all-wrapper .condition-bar-wrapper .condition-clear-bar * {
    display: none;
}
body#body_Course_Detail #wrapper #app .contents-all-wrapper .condition-bar-wrapper .condition-limit-bar,
body#body_ShareCourses_Detail #wrapper #app .contents-all-wrapper .condition-bar-wrapper .condition-limit-bar {
    padding: 15px 20px;
    position: relative;
    z-index: 11;
    width: 90%;
    margin: 0 auto;
    border-radius: 80px;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    position: relative;
    background-color: #4ea0bf !important;
}
body#body_Course_Detail
    #wrapper
    #app
    .contents-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .flex.wrap-wrap.horizontal-center:before,
body#body_ShareCourses_Detail
    #wrapper
    #app
    .contents-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .flex.wrap-wrap.horizontal-center:before {
    content: 'ここまで完了すると、次に進むことができます';
    font-size: 20px;
}
@media (max-width: 767px) {
    body#body_Course_Detail
        #wrapper
        #app
        .contents-all-wrapper
        .condition-bar-wrapper
        .condition-limit-bar
        .flex.wrap-wrap.horizontal-center:before,
    body#body_ShareCourses_Detail
        #wrapper
        #app
        .contents-all-wrapper
        .condition-bar-wrapper
        .condition-limit-bar
        .flex.wrap-wrap.horizontal-center:before {
        font-size: 18px;
    }
}
body#body_Course_Detail
    #wrapper
    #app
    .contents-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-bar-icon,
body#body_ShareCourses_Detail
    #wrapper
    #app
    .contents-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-bar-icon {
    display: none;
}
body#body_Course_Detail
    #wrapper
    #app
    .contents-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-bar-icon
    i,
body#body_ShareCourses_Detail
    #wrapper
    #app
    .contents-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-bar-icon
    i {
    color: #888 !important;
    font-size: 1.4rem;
    font-size: 24px;
}
@media (max-width: 767px) {
    body#body_Course_Detail
        #wrapper
        #app
        .contents-all-wrapper
        .condition-bar-wrapper
        .condition-limit-bar
        .condition-bar-icon
        i,
    body#body_ShareCourses_Detail
        #wrapper
        #app
        .contents-all-wrapper
        .condition-bar-wrapper
        .condition-limit-bar
        .condition-bar-icon
        i {
        font-size: 18px;
    }
}
body#body_Course_Detail
    #wrapper
    #app
    .contents-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-bar-message,
body#body_Course_Detail
    #wrapper
    #app
    .contents-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-modal-button.btn-default,
body#body_ShareCourses_Detail
    #wrapper
    #app
    .contents-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-bar-message,
body#body_ShareCourses_Detail
    #wrapper
    #app
    .contents-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-modal-button.btn-default {
    display: none;
}
body#body_Course_Detail
    #wrapper
    #app
    .contents-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-modal-button.btn-default,
body#body_ShareCourses_Detail
    #wrapper
    #app
    .contents-all-wrapper
    .condition-bar-wrapper
    .condition-limit-bar
    .condition-modal-button.btn-default {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    max-width: 100%;
    opacity: 0;
    display: none;
    pointer-events: none;
}
body#body_Course_Detail #wrapper #app .contents-all-wrapper .contents-block-grayout,
body#body_ShareCourses_Detail #wrapper #app .contents-all-wrapper .contents-block-grayout {
    height: 200px;
    max-width: 1000px;
    margin: 0;
    margin-top: -70px;
    padding-top: 20vw;
    background-color: #ffffff;
    opacity: 0.8;
}
body#body_Course_Detail #wrapper #app .contents-all-wrapper .contents-block-grayout-message,
body#body_ShareCourses_Detail #wrapper #app .contents-all-wrapper .contents-block-grayout-message {
    display: none;
}
body#body_Course_Detail #wrapper #app .contents-all-wrapper .contents-block,
body#body_ShareCourses_Detail #wrapper #app .contents-all-wrapper .contents-block {
    background-color: #fff;
    padding: 22px 40px;
    padding-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
}
body#body_Course_Detail #wrapper #app .description-accordion,
body#body_ShareCourses_Detail #wrapper #app .description-accordion {
    display: none;
}
body#body_Course_Detail #wrapper #app .thumbnail-wrapper,
body#body_ShareCourses_Detail #wrapper #app .thumbnail-wrapper {
    margin-bottom: 0;
}
body#body_Course_Detail #wrapper #app .thumbnail-wrapper .badge-img,
body#body_ShareCourses_Detail #wrapper #app .thumbnail-wrapper .badge-img {
    top: 4px;
    right: 4px;
    height: auto;
}
@media (max-width: 767px) {
    body#body_Course_Detail #wrapper #app .thumbnail-wrapper .badge-img,
    body#body_ShareCourses_Detail #wrapper #app .thumbnail-wrapper .badge-img {
        width: 100%;
        max-width: 32px;
    }
}
@media screen and (min-width: 768px) {
    body#body_Course_Detail #wrapper #app .thumbnail-wrapper .badge-img,
    body#body_ShareCourses_Detail #wrapper #app .thumbnail-wrapper .badge-img {
        width: 100%;
        max-width: 24px;
    }
}
body#body_Course_Detail #wrapper #app .thumbnail-wrap,
body#body_Course_Detail #wrapper #app .thumbnail-folder-wrap,
body#body_ShareCourses_Detail #wrapper #app .thumbnail-wrap,
body#body_ShareCourses_Detail #wrapper #app .thumbnail-folder-wrap {
    border-radius: 0;
    box-shadow: none;
    padding-top: 56.1194%;
}
body#body_Course_Detail #wrapper #app .thumbnail-img,
body#body_ShareCourses_Detail #wrapper #app .thumbnail-img {
    -o-object-fit: contain;
    object-fit: contain;
}
body#body_Course_Detail #wrapper #app .btn-info,
body#body_ShareCourses_Detail #wrapper #app .btn-info {
    display: none;
    width: 100%;
    font-weight: 600;
    color: #4ea0bf;
    background: none;
    border: 1px solid #4ea0bf;
    border-radius: 8px;
}
body#body_Course_Detail #wrapper #app .btn:disabled,
body#body_ShareCourses_Detail #wrapper #app .btn:disabled {
    display: none;
}
body#body_Course_Detail #wrapper #detailedDescription span,
body#body_ShareCourses_Detail #wrapper #detailedDescription span {
    font-size: 16px !important;
    line-height: 1.5;
    font-family: 'NotoSansCJKjp', 'Noto Sans JP', serif !important;
}
@media screen and (min-width: 768px) {
    body#body_Course_Detail #wrapper #course .course-block,
    body#body_ShareCourses_Detail #wrapper #course .course-block {
        border-top: none;
    }
    body#body_Course_Detail #wrapper #course .course-block > div,
    body#body_ShareCourses_Detail #wrapper #course .course-block > div {
        border-bottom: none;
    }
    body#body_Course_Detail #wrapper #course .course-item:hover,
    body#body_ShareCourses_Detail #wrapper #course .course-item:hover {
        background: #f4f4f4;
    }
    body#body_Course_Detail #wrapper #course .course-item .caption,
    body#body_ShareCourses_Detail #wrapper #course .course-item .caption {
        align-items: center;
    }
    body#body_Course_Detail #wrapper #course .course-item .caption h3,
    body#body_ShareCourses_Detail #wrapper #course .course-item .caption h3 {
        order: 3;
        font-weight: 500;
    }
    body#body_Course_Detail #wrapper #course .course-item .caption .image-box,
    body#body_ShareCourses_Detail #wrapper #course .course-item .caption .image-box {
        order: 2;
    }
    body#body_Course_Detail #wrapper #course .course-item .caption .description,
    body#body_ShareCourses_Detail #wrapper #course .course-item .caption .description {
        order: 4;
    }
    body#body_Course_Detail #wrapper #courseDescription .course-description-row,
    body#body_ShareCourses_Detail #wrapper #courseDescription .course-description-row {
        flex-direction: row;
    }
    body#body_Course_Detail #wrapper #courseDescription .course-description-row .font-fs20,
    body#body_ShareCourses_Detail #wrapper #courseDescription .course-description-row .font-fs20 {
        text-align: left;
        background: none;
        margin-left: 0;
        margin-right: 0;
    }
    body#body_Course_Detail #wrapper #courseDescription .course-description-row .accordion,
    body#body_ShareCourses_Detail #wrapper #courseDescription .course-description-row .accordion {
        padding-top: 0;
    }
    body#body_Course_Detail #wrapper #courseDescription .course-description-row .btn-info,
    body#body_ShareCourses_Detail #wrapper #courseDescription .course-description-row .btn-info {
        width: 100%;
        max-width: 240px;
        margin: 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    body#body_Course_Detail #wrapper #course .course-item,
    body#body_ShareCourses_Detail #wrapper #course .course-item {
        padding: 20px;
    }
    body#body_Course_Detail #wrapper #course .course-item .caption .status-wrapper,
    body#body_ShareCourses_Detail #wrapper #course .course-item .caption .status-wrapper {
        left: 28%;
    }
    body#body_Course_Detail #wrapper #course .course-item .caption .image-box,
    body#body_ShareCourses_Detail #wrapper #course .course-item .caption .image-box {
        width: 28%;
        padding-top: 21.04592%;
    }
    body#body_Course_Detail #wrapper #course .course-item .caption .image-box ~ .description,
    body#body_ShareCourses_Detail #wrapper #course .course-item .caption .image-box ~ .description {
        width: 72%;
    }
    body#body_Course_Detail #wrapper #courseDescription .course-description-row,
    body#body_ShareCourses_Detail #wrapper #courseDescription .course-description-row {
        padding-top: 30px;
    }
    body#body_Course_Detail #wrapper #courseDescription .course-description-row > .col-sm-4,
    body#body_ShareCourses_Detail #wrapper #courseDescription .course-description-row > .col-sm-4 {
        width: 30.6%;
    }
    body#body_Course_Detail #wrapper #courseDescription .course-description-row > .col-sm-8,
    body#body_ShareCourses_Detail #wrapper #courseDescription .course-description-row > .col-sm-8 {
        width: 69.4%;
        padding-left: 4.03458%;
    }
}
@media (min-width: 992px) {
    body#body_Course_Detail #wrapper #course,
    body#body_ShareCourses_Detail #wrapper #course {
        width: 100%;
        max-width: 1000px;
        padding: 0 40px 80px;
    }
    body#body_Course_Detail #wrapper #course .course-block,
    body#body_ShareCourses_Detail #wrapper #course .course-block {
        margin: 0;
    }
    body#body_Course_Detail #wrapper #course .course-item,
    body#body_ShareCourses_Detail #wrapper #course .course-item {
        padding: 10px 0;
    }
    body#body_Course_Detail #wrapper #course .course-item .caption .status-wrapper,
    body#body_ShareCourses_Detail #wrapper #course .course-item .caption .status-wrapper {
        left: 280px;
    }
    body#body_Course_Detail #wrapper #course .course-item .caption .image-box,
    body#body_ShareCourses_Detail #wrapper #course .course-item .caption .image-box {
        width: 280px;
        padding-top: 21.04592%;
    }
    body#body_Course_Detail #wrapper #course .course-item .caption .image-box ~ .description,
    body#body_ShareCourses_Detail #wrapper #course .course-item .caption .image-box ~ .description {
        width: 640px;
    }
    body#body_Course_Detail #wrapper #course .course-title-bar,
    body#body_ShareCourses_Detail #wrapper #course .course-title-bar {
        font-size: 28px !important;
        line-height: 1.3;
        padding-left: 0;
        padding-right: 0;
    }
    body#body_Course_Detail #wrapper #course .conditions-bar,
    body#body_ShareCourses_Detail #wrapper #course .conditions-bar {
        padding-left: 0;
        padding-right: 0;
    }
    body#body_Course_Detail #wrapper #courseDescription .course-description-row,
    body#body_ShareCourses_Detail #wrapper #courseDescription .course-description-row {
        padding-top: 40px;
    }
    body#body_Course_Detail #wrapper #courseDescription .course-description-row > .col-sm-8,
    body#body_ShareCourses_Detail #wrapper #courseDescription .course-description-row > .col-sm-8 {
        padding-left: 40px;
    }
    body#body_Course_Detail #wrapper #courseDescription .course-description-row .font-fs20,
    body#body_ShareCourses_Detail #wrapper #courseDescription .course-description-row .font-fs20 {
        font-size: 36px !important;
        line-height: 1.5;
    }
}
body#body_courseList.class_guest #app > .mb20,
body#body_courseList.class_user #app > .mb20,
body#body_Course_List.class_guest #app > .mb20,
body#body_Course_List.class_user #app > .mb20,
body#body_ShareCourses_Index.class_guest #app > .mb20,
body#body_ShareCourses_Index.class_user #app > .mb20 {
    display: none;
}
body#body_courseList.class_guest #courseList > div.mb20,
body#body_courseList.class_guest #app > div.mb20,
body#body_courseList.class_user #courseList > div.mb20,
body#body_courseList.class_user #app > div.mb20,
body#body_Course_List.class_guest #courseList > div.mb20,
body#body_Course_List.class_guest #app > div.mb20,
body#body_Course_List.class_user #courseList > div.mb20,
body#body_Course_List.class_user #app > div.mb20,
body#body_ShareCourses_Index.class_guest #courseList > div.mb20,
body#body_ShareCourses_Index.class_guest #app > div.mb20,
body#body_ShareCourses_Index.class_user #courseList > div.mb20,
body#body_ShareCourses_Index.class_user #app > div.mb20 {
    display: none;
}
body#body_courseList.class_guest #courseList > .page-wrapper,
body#body_courseList.class_guest #app > .page-wrapper,
body#body_courseList.class_user #courseList > .page-wrapper,
body#body_courseList.class_user #app > .page-wrapper,
body#body_Course_List.class_guest #courseList > .page-wrapper,
body#body_Course_List.class_guest #app > .page-wrapper,
body#body_Course_List.class_user #courseList > .page-wrapper,
body#body_Course_List.class_user #app > .page-wrapper,
body#body_ShareCourses_Index.class_guest #courseList > .page-wrapper,
body#body_ShareCourses_Index.class_guest #app > .page-wrapper,
body#body_ShareCourses_Index.class_user #courseList > .page-wrapper,
body#body_ShareCourses_Index.class_user #app > .page-wrapper {
    border-left: none;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
}
body#body_courseList.class_guest #courseList > .page-wrapper > div.max-w-1140,
body#body_courseList.class_guest #app > .page-wrapper > div.max-w-1140,
body#body_courseList.class_user #courseList > .page-wrapper > div.max-w-1140,
body#body_courseList.class_user #app > .page-wrapper > div.max-w-1140,
body#body_Course_List.class_guest #courseList > .page-wrapper > div.max-w-1140,
body#body_Course_List.class_guest #app > .page-wrapper > div.max-w-1140,
body#body_Course_List.class_user #courseList > .page-wrapper > div.max-w-1140,
body#body_Course_List.class_user #app > .page-wrapper > div.max-w-1140,
body#body_ShareCourses_Index.class_guest #courseList > .page-wrapper > div.max-w-1140,
body#body_ShareCourses_Index.class_guest #app > .page-wrapper > div.max-w-1140,
body#body_ShareCourses_Index.class_user #courseList > .page-wrapper > div.max-w-1140,
body#body_ShareCourses_Index.class_user #app > .page-wrapper > div.max-w-1140 {
    margin: 0;
}
body#body_courseList.class_guest #courseList > .page-wrapper > div.max-w-1140.course-description.mb50,
body#body_courseList.class_guest #app > .page-wrapper > div.max-w-1140.course-description.mb50,
body#body_courseList.class_user #courseList > .page-wrapper > div.max-w-1140.course-description.mb50,
body#body_courseList.class_user #app > .page-wrapper > div.max-w-1140.course-description.mb50,
body#body_Course_List.class_guest #courseList > .page-wrapper > div.max-w-1140.course-description.mb50,
body#body_Course_List.class_guest #app > .page-wrapper > div.max-w-1140.course-description.mb50,
body#body_Course_List.class_user #courseList > .page-wrapper > div.max-w-1140.course-description.mb50,
body#body_Course_List.class_user #app > .page-wrapper > div.max-w-1140.course-description.mb50,
body#body_ShareCourses_Index.class_guest #courseList > .page-wrapper > div.max-w-1140.course-description.mb50,
body#body_ShareCourses_Index.class_guest #app > .page-wrapper > div.max-w-1140.course-description.mb50,
body#body_ShareCourses_Index.class_user #courseList > .page-wrapper > div.max-w-1140.course-description.mb50,
body#body_ShareCourses_Index.class_user #app > .page-wrapper > div.max-w-1140.course-description.mb50 {
    margin: 0;
    padding: 0;
    text-align: center;
    background: none;
    margin-bottom: 40px !important;
}
@media (max-width: 767px) {
    body#body_courseList.class_guest #courseList > .page-wrapper > div.max-w-1140.course-description.mb50,
    body#body_courseList.class_guest #app > .page-wrapper > div.max-w-1140.course-description.mb50,
    body#body_courseList.class_user #courseList > .page-wrapper > div.max-w-1140.course-description.mb50,
    body#body_courseList.class_user #app > .page-wrapper > div.max-w-1140.course-description.mb50,
    body#body_Course_List.class_guest #courseList > .page-wrapper > div.max-w-1140.course-description.mb50,
    body#body_Course_List.class_guest #app > .page-wrapper > div.max-w-1140.course-description.mb50,
    body#body_Course_List.class_user #courseList > .page-wrapper > div.max-w-1140.course-description.mb50,
    body#body_Course_List.class_user #app > .page-wrapper > div.max-w-1140.course-description.mb50,
    body#body_ShareCourses_Index.class_guest #courseList > .page-wrapper > div.max-w-1140.course-description.mb50,
    body#body_ShareCourses_Index.class_guest #app > .page-wrapper > div.max-w-1140.course-description.mb50,
    body#body_ShareCourses_Index.class_user #courseList > .page-wrapper > div.max-w-1140.course-description.mb50,
    body#body_ShareCourses_Index.class_user #app > .page-wrapper > div.max-w-1140.course-description.mb50 {
        margin-bottom: 30px !important;
    }
}
body#body_courseList.class_guest #courseList > .page-wrapper > div.max-w-1140.course-description.mb50 p,
body#body_courseList.class_guest #app > .page-wrapper > div.max-w-1140.course-description.mb50 p,
body#body_courseList.class_user #courseList > .page-wrapper > div.max-w-1140.course-description.mb50 p,
body#body_courseList.class_user #app > .page-wrapper > div.max-w-1140.course-description.mb50 p,
body#body_Course_List.class_guest #courseList > .page-wrapper > div.max-w-1140.course-description.mb50 p,
body#body_Course_List.class_guest #app > .page-wrapper > div.max-w-1140.course-description.mb50 p,
body#body_Course_List.class_user #courseList > .page-wrapper > div.max-w-1140.course-description.mb50 p,
body#body_Course_List.class_user #app > .page-wrapper > div.max-w-1140.course-description.mb50 p,
body#body_ShareCourses_Index.class_guest #courseList > .page-wrapper > div.max-w-1140.course-description.mb50 p,
body#body_ShareCourses_Index.class_guest #app > .page-wrapper > div.max-w-1140.course-description.mb50 p,
body#body_ShareCourses_Index.class_user #courseList > .page-wrapper > div.max-w-1140.course-description.mb50 p,
body#body_ShareCourses_Index.class_user #app > .page-wrapper > div.max-w-1140.course-description.mb50 p {
    width: 90%;
    margin: auto;
}
body#body_courseList.class_guest #courseList > .page-wrapper > div.max-w-1140.course-description.mb50 p span,
body#body_courseList.class_guest #app > .page-wrapper > div.max-w-1140.course-description.mb50 p span,
body#body_courseList.class_user #courseList > .page-wrapper > div.max-w-1140.course-description.mb50 p span,
body#body_courseList.class_user #app > .page-wrapper > div.max-w-1140.course-description.mb50 p span,
body#body_Course_List.class_guest #courseList > .page-wrapper > div.max-w-1140.course-description.mb50 p span,
body#body_Course_List.class_guest #app > .page-wrapper > div.max-w-1140.course-description.mb50 p span,
body#body_Course_List.class_user #courseList > .page-wrapper > div.max-w-1140.course-description.mb50 p span,
body#body_Course_List.class_user #app > .page-wrapper > div.max-w-1140.course-description.mb50 p span,
body#body_ShareCourses_Index.class_guest #courseList > .page-wrapper > div.max-w-1140.course-description.mb50 p span,
body#body_ShareCourses_Index.class_guest #app > .page-wrapper > div.max-w-1140.course-description.mb50 p span,
body#body_ShareCourses_Index.class_user #courseList > .page-wrapper > div.max-w-1140.course-description.mb50 p span,
body#body_ShareCourses_Index.class_user #app > .page-wrapper > div.max-w-1140.course-description.mb50 p span {
    background: none !important;
    font-size: 16px !important;
    letter-spacing: 0.1rem;
    font-family: 'NotoSansCJKjp', 'Noto Sans JP', serif;
    color: #444444 !important;
}
body#body_courseList.class_guest #courseList > .page-wrapper:first-of-type,
body#body_courseList.class_guest #app > .page-wrapper:first-of-type,
body#body_courseList.class_user #courseList > .page-wrapper:first-of-type,
body#body_courseList.class_user #app > .page-wrapper:first-of-type,
body#body_Course_List.class_guest #courseList > .page-wrapper:first-of-type,
body#body_Course_List.class_guest #app > .page-wrapper:first-of-type,
body#body_Course_List.class_user #courseList > .page-wrapper:first-of-type,
body#body_Course_List.class_user #app > .page-wrapper:first-of-type,
body#body_ShareCourses_Index.class_guest #courseList > .page-wrapper:first-of-type,
body#body_ShareCourses_Index.class_guest #app > .page-wrapper:first-of-type,
body#body_ShareCourses_Index.class_user #courseList > .page-wrapper:first-of-type,
body#body_ShareCourses_Index.class_user #app > .page-wrapper:first-of-type {
    padding: 0;
    padding-top: 40px;
}
body#body_courseList.class_guest #courseList > .page-wrapper:last-of-type,
body#body_courseList.class_guest #app > .page-wrapper:last-of-type,
body#body_courseList.class_user #courseList > .page-wrapper:last-of-type,
body#body_courseList.class_user #app > .page-wrapper:last-of-type,
body#body_Course_List.class_guest #courseList > .page-wrapper:last-of-type,
body#body_Course_List.class_guest #app > .page-wrapper:last-of-type,
body#body_Course_List.class_user #courseList > .page-wrapper:last-of-type,
body#body_Course_List.class_user #app > .page-wrapper:last-of-type,
body#body_ShareCourses_Index.class_guest #courseList > .page-wrapper:last-of-type,
body#body_ShareCourses_Index.class_guest #app > .page-wrapper:last-of-type,
body#body_ShareCourses_Index.class_user #courseList > .page-wrapper:last-of-type,
body#body_ShareCourses_Index.class_user #app > .page-wrapper:last-of-type {
    background: #fff;
    padding: 0;
}
@media (min-width: 992px) {
    body#body_courseList.class_guest #courseList > .page-wrapper,
    body#body_courseList.class_guest #app > .page-wrapper,
    body#body_courseList.class_user #courseList > .page-wrapper,
    body#body_courseList.class_user #app > .page-wrapper,
    body#body_Course_List.class_guest #courseList > .page-wrapper,
    body#body_Course_List.class_guest #app > .page-wrapper,
    body#body_Course_List.class_user #courseList > .page-wrapper,
    body#body_Course_List.class_user #app > .page-wrapper,
    body#body_ShareCourses_Index.class_guest #courseList > .page-wrapper,
    body#body_ShareCourses_Index.class_guest #app > .page-wrapper,
    body#body_ShareCourses_Index.class_user #courseList > .page-wrapper,
    body#body_ShareCourses_Index.class_user #app > .page-wrapper {
        width: 100%;
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 40px;
        padding-right: 40px;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    body#body_courseList.class_guest #courseList .page-wrapper,
    body#body_courseList.class_guest #app .page-wrapper,
    body#body_courseList.class_user #courseList .page-wrapper,
    body#body_courseList.class_user #app .page-wrapper,
    body#body_Course_List.class_guest #courseList .page-wrapper,
    body#body_Course_List.class_guest #app .page-wrapper,
    body#body_Course_List.class_user #courseList .page-wrapper,
    body#body_Course_List.class_user #app .page-wrapper,
    body#body_ShareCourses_Index.class_guest #courseList .page-wrapper,
    body#body_ShareCourses_Index.class_guest #app .page-wrapper,
    body#body_ShareCourses_Index.class_user #courseList .page-wrapper,
    body#body_ShareCourses_Index.class_user #app .page-wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }
}
body#body_courseList.class_guest .panel-info,
body#body_courseList.class_user .panel-info,
body#body_Course_List.class_guest .panel-info,
body#body_Course_List.class_user .panel-info,
body#body_ShareCourses_Index.class_guest .panel-info,
body#body_ShareCourses_Index.class_user .panel-info {
    margin-left: auto;
    margin-right: auto;
}
body#body_courseList.class_guest .panel-heading,
body#body_courseList.class_user .panel-heading,
body#body_Course_List.class_guest .panel-heading,
body#body_Course_List.class_user .panel-heading,
body#body_ShareCourses_Index.class_guest .panel-heading,
body#body_ShareCourses_Index.class_user .panel-heading {
    min-height: auto;
}
body#body_courseList.class_guest .panel-heading .far,
body#body_courseList.class_user .panel-heading .far,
body#body_Course_List.class_guest .panel-heading .far,
body#body_Course_List.class_user .panel-heading .far,
body#body_ShareCourses_Index.class_guest .panel-heading .far,
body#body_ShareCourses_Index.class_user .panel-heading .far {
    display: none;
}
body#body_courseList.class_guest .panel-badge,
body#body_courseList.class_user .panel-badge,
body#body_Course_List.class_guest .panel-badge,
body#body_Course_List.class_user .panel-badge,
body#body_ShareCourses_Index.class_guest .panel-badge,
body#body_ShareCourses_Index.class_user .panel-badge {
    position: absolute;
    z-index: 1;
    pointer-events: none;
}
@media (max-width: 767px) {
    body#body_courseList.class_guest .panel-badge,
    body#body_courseList.class_user .panel-badge,
    body#body_Course_List.class_guest .panel-badge,
    body#body_Course_List.class_user .panel-badge,
    body#body_ShareCourses_Index.class_guest .panel-badge,
    body#body_ShareCourses_Index.class_user .panel-badge {
        width: 100%;
        max-width: 26px;
        top: 2px;
        right: 2px;
    }
}
@media screen and (min-width: 768px) {
    body#body_courseList.class_guest .panel-badge,
    body#body_courseList.class_user .panel-badge,
    body#body_Course_List.class_guest .panel-badge,
    body#body_Course_List.class_user .panel-badge,
    body#body_ShareCourses_Index.class_guest .panel-badge,
    body#body_ShareCourses_Index.class_user .panel-badge {
        width: 100%;
        max-width: 24px;
        top: 4px;
        right: 4px;
    }
}
body#body_courseList.class_guest .panel-badge .badge-img,
body#body_courseList.class_user .panel-badge .badge-img,
body#body_Course_List.class_guest .panel-badge .badge-img,
body#body_Course_List.class_user .panel-badge .badge-img,
body#body_ShareCourses_Index.class_guest .panel-badge .badge-img,
body#body_ShareCourses_Index.class_user .panel-badge .badge-img {
    width: 100%;
    height: auto;
}
body#body_courseList.class_guest .panel-ribbon,
body#body_courseList.class_guest .panel-grayout,
body#body_courseList.class_guest .panel-type-change-button-wrapper,
body#body_courseList.class_guest .panel-footer-buttons,
body#body_courseList.class_user .panel-ribbon,
body#body_courseList.class_user .panel-grayout,
body#body_courseList.class_user .panel-type-change-button-wrapper,
body#body_courseList.class_user .panel-footer-buttons,
body#body_Course_List.class_guest .panel-ribbon,
body#body_Course_List.class_guest .panel-grayout,
body#body_Course_List.class_guest .panel-type-change-button-wrapper,
body#body_Course_List.class_guest .panel-footer-buttons,
body#body_Course_List.class_user .panel-ribbon,
body#body_Course_List.class_user .panel-grayout,
body#body_Course_List.class_user .panel-type-change-button-wrapper,
body#body_Course_List.class_user .panel-footer-buttons,
body#body_ShareCourses_Index.class_guest .panel-ribbon,
body#body_ShareCourses_Index.class_guest .panel-grayout,
body#body_ShareCourses_Index.class_guest .panel-type-change-button-wrapper,
body#body_ShareCourses_Index.class_guest .panel-footer-buttons,
body#body_ShareCourses_Index.class_user .panel-ribbon,
body#body_ShareCourses_Index.class_user .panel-grayout,
body#body_ShareCourses_Index.class_user .panel-type-change-button-wrapper,
body#body_ShareCourses_Index.class_user .panel-footer-buttons {
    display: none;
}
body#body_courseList.class_guest .max-w-1140,
body#body_courseList.class_user .max-w-1140,
body#body_Course_List.class_guest .max-w-1140,
body#body_Course_List.class_user .max-w-1140,
body#body_ShareCourses_Index.class_guest .max-w-1140,
body#body_ShareCourses_Index.class_user .max-w-1140 {
    background: #fff;
    margin-left: -20px;
    margin-right: -20px;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    body#body_courseList.class_guest .max-w-1140,
    body#body_courseList.class_user .max-w-1140,
    body#body_Course_List.class_guest .max-w-1140,
    body#body_Course_List.class_user .max-w-1140,
    body#body_ShareCourses_Index.class_guest .max-w-1140,
    body#body_ShareCourses_Index.class_user .max-w-1140 {
        margin-left: 0;
        margin-right: 0;
    }
}
@media (min-width: 992px) {
    body#body_courseList.class_guest .max-w-1140,
    body#body_courseList.class_user .max-w-1140,
    body#body_Course_List.class_guest .max-w-1140,
    body#body_Course_List.class_user .max-w-1140,
    body#body_ShareCourses_Index.class_guest .max-w-1140,
    body#body_ShareCourses_Index.class_user .max-w-1140 {
        width: 100%;
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
        padding: 40px 40px 0;
    }
}
body#body_courseList.class_guest .max-w-1140 > .mb20,
body#body_courseList.class_guest .max-w-1140 > .mb40,
body#body_courseList.class_user .max-w-1140 > .mb20,
body#body_courseList.class_user .max-w-1140 > .mb40,
body#body_Course_List.class_guest .max-w-1140 > .mb20,
body#body_Course_List.class_guest .max-w-1140 > .mb40,
body#body_Course_List.class_user .max-w-1140 > .mb20,
body#body_Course_List.class_user .max-w-1140 > .mb40,
body#body_ShareCourses_Index.class_guest .max-w-1140 > .mb20,
body#body_ShareCourses_Index.class_guest .max-w-1140 > .mb40,
body#body_ShareCourses_Index.class_user .max-w-1140 > .mb20,
body#body_ShareCourses_Index.class_user .max-w-1140 > .mb40 {
    margin-bottom: 0 !important;
}
body#body_courseList.class_guest .max-w-1140 > .mb20.pr15,
body#body_courseList.class_guest .max-w-1140 > .no-course-context,
body#body_courseList.class_user .max-w-1140 > .mb20.pr15,
body#body_courseList.class_user .max-w-1140 > .no-course-context,
body#body_Course_List.class_guest .max-w-1140 > .mb20.pr15,
body#body_Course_List.class_guest .max-w-1140 > .no-course-context,
body#body_Course_List.class_user .max-w-1140 > .mb20.pr15,
body#body_Course_List.class_user .max-w-1140 > .no-course-context,
body#body_ShareCourses_Index.class_guest .max-w-1140 > .mb20.pr15,
body#body_ShareCourses_Index.class_guest .max-w-1140 > .no-course-context,
body#body_ShareCourses_Index.class_user .max-w-1140 > .mb20.pr15,
body#body_ShareCourses_Index.class_user .max-w-1140 > .no-course-context {
    display: none;
}
body#body_courseList.class_guest .search-form,
body#body_courseList.class_user .search-form,
body#body_Course_List.class_guest .search-form,
body#body_Course_List.class_user .search-form,
body#body_ShareCourses_Index.class_guest .search-form,
body#body_ShareCourses_Index.class_user .search-form {
    display: block;
}
@media (max-width: 767px) {
    body#body_courseList.class_guest .search-form,
    body#body_courseList.class_user .search-form,
    body#body_Course_List.class_guest .search-form,
    body#body_Course_List.class_user .search-form,
    body#body_ShareCourses_Index.class_guest .search-form,
    body#body_ShareCourses_Index.class_user .search-form {
        display: flex !important;
    }
}
body#body_courseList.class_guest .search-form .keyword-input,
body#body_courseList.class_user .search-form .keyword-input,
body#body_Course_List.class_guest .search-form .keyword-input,
body#body_Course_List.class_user .search-form .keyword-input,
body#body_ShareCourses_Index.class_guest .search-form .keyword-input,
body#body_ShareCourses_Index.class_user .search-form .keyword-input {
    background: none;
    border: none;
    margin-bottom: 0;
}
body#body_courseList.class_guest .search-form .keyword-input-group,
body#body_courseList.class_user .search-form .keyword-input-group,
body#body_Course_List.class_guest .search-form .keyword-input-group,
body#body_Course_List.class_user .search-form .keyword-input-group,
body#body_ShareCourses_Index.class_guest .search-form .keyword-input-group,
body#body_ShareCourses_Index.class_user .search-form .keyword-input-group {
    width: 100%;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    margin-left: 0;
    margin-top: 20px;
}
@media (max-width: 767px) {
    body#body_courseList.class_guest .search-form .keyword-input-group,
    body#body_courseList.class_user .search-form .keyword-input-group,
    body#body_Course_List.class_guest .search-form .keyword-input-group,
    body#body_Course_List.class_user .search-form .keyword-input-group,
    body#body_ShareCourses_Index.class_guest .search-form .keyword-input-group,
    body#body_ShareCourses_Index.class_user .search-form .keyword-input-group {
        margin-top: 0px;
        margin-left: 20px;
    }
}
@media screen and (min-width: 768px) {
    body#body_courseList.class_guest .search-form .keyword-input-group,
    body#body_courseList.class_user .search-form .keyword-input-group,
    body#body_Course_List.class_guest .search-form .keyword-input-group,
    body#body_Course_List.class_user .search-form .keyword-input-group,
    body#body_ShareCourses_Index.class_guest .search-form .keyword-input-group,
    body#body_ShareCourses_Index.class_user .search-form .keyword-input-group {
        width: 100%;
        max-width: 280px;
        display: inline-block;
        vertical-align: middle;
        margin-top: 0;
        margin-left: 20px;
    }
}
@media (min-width: 992px) {
    body#body_courseList.class_guest .search-form .keyword-input-group,
    body#body_courseList.class_user .search-form .keyword-input-group,
    body#body_Course_List.class_guest .search-form .keyword-input-group,
    body#body_Course_List.class_user .search-form .keyword-input-group,
    body#body_ShareCourses_Index.class_guest .search-form .keyword-input-group,
    body#body_ShareCourses_Index.class_user .search-form .keyword-input-group {
        font-size: 14px;
        line-height: 1;
        padding: 0;
    }
}
body#body_courseList.class_guest .search-btn,
body#body_courseList.class_user .search-btn,
body#body_Course_List.class_guest .search-btn,
body#body_Course_List.class_user .search-btn,
body#body_ShareCourses_Index.class_guest .search-btn,
body#body_ShareCourses_Index.class_user .search-btn {
    height: 44px;
    color: #999;
    background: none;
    border: none;
    padding: 0 10px;
}
@media (min-width: 992px) {
    body#body_courseList.class_guest .search-btn,
    body#body_courseList.class_user .search-btn,
    body#body_Course_List.class_guest .search-btn,
    body#body_Course_List.class_user .search-btn,
    body#body_ShareCourses_Index.class_guest .search-btn,
    body#body_ShareCourses_Index.class_user .search-btn {
        height: 36px;
    }
}
body#body_courseList.class_guest .search-btn .fa-search,
body#body_courseList.class_user .search-btn .fa-search,
body#body_Course_List.class_guest .search-btn .fa-search,
body#body_Course_List.class_user .search-btn .fa-search,
body#body_ShareCourses_Index.class_guest .search-btn .fa-search,
body#body_ShareCourses_Index.class_user .search-btn .fa-search {
    font-size: 18px;
}
body#body_courseList.class_guest .search-badge,
body#body_courseList.class_user .search-badge,
body#body_Course_List.class_guest .search-badge,
body#body_Course_List.class_user .search-badge,
body#body_ShareCourses_Index.class_guest .search-badge,
body#body_ShareCourses_Index.class_user .search-badge {
    color: #444;
    background: none;
    padding: 0;
}
body#body_courseList.class_guest .search-badge .color-w,
body#body_courseList.class_user .search-badge .color-w,
body#body_Course_List.class_guest .search-badge .color-w,
body#body_Course_List.class_user .search-badge .color-w,
body#body_ShareCourses_Index.class_guest .search-badge .color-w,
body#body_ShareCourses_Index.class_user .search-badge .color-w {
    color: #444;
}
body#body_courseList.class_guest .search-badge .remove,
body#body_courseList.class_user .search-badge .remove,
body#body_Course_List.class_guest .search-badge .remove,
body#body_Course_List.class_user .search-badge .remove,
body#body_ShareCourses_Index.class_guest .search-badge .remove,
body#body_ShareCourses_Index.class_user .search-badge .remove {
    opacity: 1;
}
body#body_courseList.class_guest .product-search-condition > p:not(.font-bold):not(.product-search-condition-items),
body#body_courseList.class_guest .product-search-condition > ul:not(.font-bold):not(.product-search-condition-items),
body#body_courseList.class_user .product-search-condition > p:not(.font-bold):not(.product-search-condition-items),
body#body_courseList.class_user .product-search-condition > ul:not(.font-bold):not(.product-search-condition-items),
body#body_Course_List.class_guest .product-search-condition > p:not(.font-bold):not(.product-search-condition-items),
body#body_Course_List.class_guest .product-search-condition > ul:not(.font-bold):not(.product-search-condition-items),
body#body_Course_List.class_user .product-search-condition > p:not(.font-bold):not(.product-search-condition-items),
body#body_Course_List.class_user .product-search-condition > ul:not(.font-bold):not(.product-search-condition-items),
body#body_ShareCourses_Index.class_guest
    .product-search-condition
    > p:not(.font-bold):not(.product-search-condition-items),
body#body_ShareCourses_Index.class_guest
    .product-search-condition
    > ul:not(.font-bold):not(.product-search-condition-items),
body#body_ShareCourses_Index.class_user
    .product-search-condition
    > p:not(.font-bold):not(.product-search-condition-items),
body#body_ShareCourses_Index.class_user
    .product-search-condition
    > ul:not(.font-bold):not(.product-search-condition-items) {
    font-size: 16px;
    line-height: 1.8;
    background: #f5f5f5;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
}
body#body_courseList.class_guest .product-search-condition > p:not(.font-bold),
body#body_courseList.class_user .product-search-condition > p:not(.font-bold),
body#body_Course_List.class_guest .product-search-condition > p:not(.font-bold),
body#body_Course_List.class_user .product-search-condition > p:not(.font-bold),
body#body_ShareCourses_Index.class_guest .product-search-condition > p:not(.font-bold),
body#body_ShareCourses_Index.class_user .product-search-condition > p:not(.font-bold) {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding-top: 20px;
}
body#body_courseList.class_guest .product-search-condition > p.font-bold,
body#body_courseList.class_user .product-search-condition > p.font-bold,
body#body_Course_List.class_guest .product-search-condition > p.font-bold,
body#body_Course_List.class_user .product-search-condition > p.font-bold,
body#body_ShareCourses_Index.class_guest .product-search-condition > p.font-bold,
body#body_ShareCourses_Index.class_user .product-search-condition > p.font-bold {
    font-size: 16px;
    line-height: 1.5;
    margin-top: 20px;
    margin-bottom: 20px;
}
body#body_courseList.class_guest .product-search-condition > ul:not(.product-search-condition-items),
body#body_courseList.class_user .product-search-condition > ul:not(.product-search-condition-items),
body#body_Course_List.class_guest .product-search-condition > ul:not(.product-search-condition-items),
body#body_Course_List.class_user .product-search-condition > ul:not(.product-search-condition-items),
body#body_ShareCourses_Index.class_guest .product-search-condition > ul:not(.product-search-condition-items),
body#body_ShareCourses_Index.class_user .product-search-condition > ul:not(.product-search-condition-items) {
    list-style-type: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding-bottom: 20px;
}
body#body_courseList.class_guest .product-search-condition > ul:not(.product-search-condition-items) > li,
body#body_courseList.class_user .product-search-condition > ul:not(.product-search-condition-items) > li,
body#body_Course_List.class_guest .product-search-condition > ul:not(.product-search-condition-items) > li,
body#body_Course_List.class_user .product-search-condition > ul:not(.product-search-condition-items) > li,
body#body_ShareCourses_Index.class_guest .product-search-condition > ul:not(.product-search-condition-items) > li,
body#body_ShareCourses_Index.class_user .product-search-condition > ul:not(.product-search-condition-items) > li {
    position: relative;
    padding-left: 1em;
}
body#body_courseList.class_guest .product-search-condition > ul:not(.product-search-condition-items) > li::before,
body#body_courseList.class_user .product-search-condition > ul:not(.product-search-condition-items) > li::before,
body#body_Course_List.class_guest .product-search-condition > ul:not(.product-search-condition-items) > li::before,
body#body_Course_List.class_user .product-search-condition > ul:not(.product-search-condition-items) > li::before,
body#body_ShareCourses_Index.class_guest
    .product-search-condition
    > ul:not(.product-search-condition-items)
    > li::before,
body#body_ShareCourses_Index.class_user
    .product-search-condition
    > ul:not(.product-search-condition-items)
    > li::before {
    content: '\30fb';
    display: block;
    position: absolute;
    left: 0;
}
body#body_courseList.class_guest .product-search-condition-items,
body#body_courseList.class_user .product-search-condition-items,
body#body_Course_List.class_guest .product-search-condition-items,
body#body_Course_List.class_user .product-search-condition-items,
body#body_ShareCourses_Index.class_guest .product-search-condition-items,
body#body_ShareCourses_Index.class_user .product-search-condition-items {
    font-size: 16px;
    line-height: 1.5;
    background: none;
    margin: 20px 0 0;
    padding: 0;
}
body#body_courseList.class_guest .product-search-condition-item,
body#body_courseList.class_user .product-search-condition-item,
body#body_Course_List.class_guest .product-search-condition-item,
body#body_Course_List.class_user .product-search-condition-item,
body#body_ShareCourses_Index.class_guest .product-search-condition-item,
body#body_ShareCourses_Index.class_user .product-search-condition-item {
    display: block;
    width: 100%;
    padding: 0;
}
body#body_courseList.class_guest .product-search-condition-item > span,
body#body_courseList.class_user .product-search-condition-item > span,
body#body_Course_List.class_guest .product-search-condition-item > span,
body#body_Course_List.class_user .product-search-condition-item > span,
body#body_ShareCourses_Index.class_guest .product-search-condition-item > span,
body#body_ShareCourses_Index.class_user .product-search-condition-item > span {
    vertical-align: middle;
}
body#body_courseList.class_guest .product-search-condition-item .btn-link,
body#body_courseList.class_user .product-search-condition-item .btn-link,
body#body_Course_List.class_guest .product-search-condition-item .btn-link,
body#body_Course_List.class_user .product-search-condition-item .btn-link,
body#body_ShareCourses_Index.class_guest .product-search-condition-item .btn-link,
body#body_ShareCourses_Index.class_user .product-search-condition-item .btn-link {
    font-weight: 600;
    color: #444;
}
body#body_courseList.class_guest .product-search-condition-item .btn-link > i::before,
body#body_courseList.class_user .product-search-condition-item .btn-link > i::before,
body#body_Course_List.class_guest .product-search-condition-item .btn-link > i::before,
body#body_Course_List.class_user .product-search-condition-item .btn-link > i::before,
body#body_ShareCourses_Index.class_guest .product-search-condition-item .btn-link > i::before,
body#body_ShareCourses_Index.class_user .product-search-condition-item .btn-link > i::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNjUgLTQ2MCkiIGNsaXAtcGF0aD0idXJsKCNhKSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDU2Ljc0NCAxMzAuMTgyKSByb3RhdGUoNDUpIj48Y2lyY2xlIGN4PSI3IiBjeT0iNyIgcj0iNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTY5Ljc1OCAyOTguMDkpIHJvdGF0ZSgtNDUpIiBmaWxsPSIjNDQ0Ii8+PHJlY3Qgd2lkdGg9IjEuMzIiIGhlaWdodD0iOC4yNDgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE3OC45NjQgMjk0KSIgZmlsbD0iI2ZmZiIvPjxyZWN0IHdpZHRoPSIxLjMyIiBoZWlnaHQ9IjguMjQ4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxODMuNzQ4IDI5Ny40NjQpIHJvdGF0ZSg5MCkiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 16px;
    height: 16px;
    margin: 0;
}
body#body_courseList.class_guest .search-result-wrapper,
body#body_courseList.class_user .search-result-wrapper,
body#body_Course_List.class_guest .search-result-wrapper,
body#body_Course_List.class_user .search-result-wrapper,
body#body_ShareCourses_Index.class_guest .search-result-wrapper,
body#body_ShareCourses_Index.class_user .search-result-wrapper {
    font-size: 16px;
    line-height: 1.5;
    border: none;
    padding: 0;
    display: flex;
    flex-direction: column;
}
body#body_courseList.class_guest .search-result-wrapper > p,
body#body_courseList.class_user .search-result-wrapper > p,
body#body_Course_List.class_guest .search-result-wrapper > p,
body#body_Course_List.class_user .search-result-wrapper > p,
body#body_ShareCourses_Index.class_guest .search-result-wrapper > p,
body#body_ShareCourses_Index.class_user .search-result-wrapper > p {
    background: #f5f5f5;
    margin-bottom: 0;
    padding: 20px 20px 0;
    order: 3;
}
body#body_courseList.class_guest .search-result-wrapper > p.font-bold,
body#body_courseList.class_user .search-result-wrapper > p.font-bold,
body#body_Course_List.class_guest .search-result-wrapper > p.font-bold,
body#body_Course_List.class_user .search-result-wrapper > p.font-bold,
body#body_ShareCourses_Index.class_guest .search-result-wrapper > p.font-bold,
body#body_ShareCourses_Index.class_user .search-result-wrapper > p.font-bold {
    background: none;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0;
    order: 1;
}
body#body_courseList.class_guest .search-result-wrapper > ul:not(.search-result-condition-items),
body#body_courseList.class_user .search-result-wrapper > ul:not(.search-result-condition-items),
body#body_Course_List.class_guest .search-result-wrapper > ul:not(.search-result-condition-items),
body#body_Course_List.class_user .search-result-wrapper > ul:not(.search-result-condition-items),
body#body_ShareCourses_Index.class_guest .search-result-wrapper > ul:not(.search-result-condition-items),
body#body_ShareCourses_Index.class_user .search-result-wrapper > ul:not(.search-result-condition-items) {
    font-size: 16px;
    line-height: 1.8;
    background: #f5f5f5;
    list-style-type: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-bottom: 0;
    padding: 0 20px 20px;
    order: 4;
}
body#body_courseList.class_guest .search-result-wrapper > ul:not(.search-result-condition-items) > li,
body#body_courseList.class_user .search-result-wrapper > ul:not(.search-result-condition-items) > li,
body#body_Course_List.class_guest .search-result-wrapper > ul:not(.search-result-condition-items) > li,
body#body_Course_List.class_user .search-result-wrapper > ul:not(.search-result-condition-items) > li,
body#body_ShareCourses_Index.class_guest .search-result-wrapper > ul:not(.search-result-condition-items) > li,
body#body_ShareCourses_Index.class_user .search-result-wrapper > ul:not(.search-result-condition-items) > li {
    position: relative;
    padding-left: 1em;
}
body#body_courseList.class_guest .search-result-wrapper > ul:not(.search-result-condition-items) > li::before,
body#body_courseList.class_user .search-result-wrapper > ul:not(.search-result-condition-items) > li::before,
body#body_Course_List.class_guest .search-result-wrapper > ul:not(.search-result-condition-items) > li::before,
body#body_Course_List.class_user .search-result-wrapper > ul:not(.search-result-condition-items) > li::before,
body#body_ShareCourses_Index.class_guest .search-result-wrapper > ul:not(.search-result-condition-items) > li::before,
body#body_ShareCourses_Index.class_user .search-result-wrapper > ul:not(.search-result-condition-items) > li::before {
    content: '\30fb';
    display: block;
    position: absolute;
    left: 0;
}
body#body_courseList.class_guest .search-result-condition-items,
body#body_courseList.class_user .search-result-condition-items,
body#body_Course_List.class_guest .search-result-condition-items,
body#body_Course_List.class_user .search-result-condition-items,
body#body_ShareCourses_Index.class_guest .search-result-condition-items,
body#body_ShareCourses_Index.class_user .search-result-condition-items {
    order: 2;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
@media (max-width: 767px) {
    body#body_courseList.class_guest .search-result-condition-items,
    body#body_courseList.class_user .search-result-condition-items,
    body#body_Course_List.class_guest .search-result-condition-items,
    body#body_Course_List.class_user .search-result-condition-items,
    body#body_ShareCourses_Index.class_guest .search-result-condition-items,
    body#body_ShareCourses_Index.class_user .search-result-condition-items {
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }
}
@media (max-width: 767px) {
    body#body_courseList.class_guest .search-result-condition-items li,
    body#body_courseList.class_user .search-result-condition-items li,
    body#body_Course_List.class_guest .search-result-condition-items li,
    body#body_Course_List.class_user .search-result-condition-items li,
    body#body_ShareCourses_Index.class_guest .search-result-condition-items li,
    body#body_ShareCourses_Index.class_user .search-result-condition-items li {
        width: 100%;
    }
}
body#body_courseList.class_guest .search-result-condition-items .search-label,
body#body_courseList.class_user .search-result-condition-items .search-label,
body#body_Course_List.class_guest .search-result-condition-items .search-label,
body#body_Course_List.class_user .search-result-condition-items .search-label,
body#body_ShareCourses_Index.class_guest .search-result-condition-items .search-label,
body#body_ShareCourses_Index.class_user .search-result-condition-items .search-label {
    background: #f5f5f5 !important;
    padding: 0;
}
body#body_courseList.class_guest .search-result-condition-items .color-w,
body#body_courseList.class_user .search-result-condition-items .color-w,
body#body_Course_List.class_guest .search-result-condition-items .color-w,
body#body_Course_List.class_user .search-result-condition-items .color-w,
body#body_ShareCourses_Index.class_guest .search-result-condition-items .color-w,
body#body_ShareCourses_Index.class_user .search-result-condition-items .color-w {
    color: #444;
}
body#body_courseList.class_guest .search-result-condition-items i,
body#body_courseList.class_user .search-result-condition-items i,
body#body_Course_List.class_guest .search-result-condition-items i,
body#body_Course_List.class_user .search-result-condition-items i,
body#body_ShareCourses_Index.class_guest .search-result-condition-items i,
body#body_ShareCourses_Index.class_user .search-result-condition-items i {
    opacity: 0;
}
body#body_courseList.class_guest .search-result-condition-items i::before,
body#body_courseList.class_user .search-result-condition-items i::before,
body#body_Course_List.class_guest .search-result-condition-items i::before,
body#body_Course_List.class_user .search-result-condition-items i::before,
body#body_ShareCourses_Index.class_guest .search-result-condition-items i::before,
body#body_ShareCourses_Index.class_user .search-result-condition-items i::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNjUgLTQ2MCkiIGNsaXAtcGF0aD0idXJsKCNhKSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDU2Ljc0NCAxMzAuMTgyKSByb3RhdGUoNDUpIj48Y2lyY2xlIGN4PSI3IiBjeT0iNyIgcj0iNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTY5Ljc1OCAyOTguMDkpIHJvdGF0ZSgtNDUpIiBmaWxsPSIjNDQ0Ii8+PHJlY3Qgd2lkdGg9IjEuMzIiIGhlaWdodD0iOC4yNDgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE3OC45NjQgMjk0KSIgZmlsbD0iI2ZmZiIvPjxyZWN0IHdpZHRoPSIxLjMyIiBoZWlnaHQ9IjguMjQ4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxODMuNzQ4IDI5Ny40NjQpIHJvdGF0ZSg5MCkiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 16px;
    height: 16px;
    margin: 0;
}
body#body_courseList.class_guest .search-result-condition-items button.pd0.ml3.btn.btn-link,
body#body_courseList.class_user .search-result-condition-items button.pd0.ml3.btn.btn-link,
body#body_Course_List.class_guest .search-result-condition-items button.pd0.ml3.btn.btn-link,
body#body_Course_List.class_user .search-result-condition-items button.pd0.ml3.btn.btn-link,
body#body_ShareCourses_Index.class_guest .search-result-condition-items button.pd0.ml3.btn.btn-link,
body#body_ShareCourses_Index.class_user .search-result-condition-items button.pd0.ml3.btn.btn-link {
    position: relative;
}
body#body_courseList.class_guest .search-result-condition-items button.pd0.ml3.btn.btn-link::before,
body#body_courseList.class_user .search-result-condition-items button.pd0.ml3.btn.btn-link::before,
body#body_Course_List.class_guest .search-result-condition-items button.pd0.ml3.btn.btn-link::before,
body#body_Course_List.class_user .search-result-condition-items button.pd0.ml3.btn.btn-link::before,
body#body_ShareCourses_Index.class_guest .search-result-condition-items button.pd0.ml3.btn.btn-link::before,
body#body_ShareCourses_Index.class_user .search-result-condition-items button.pd0.ml3.btn.btn-link::before {
    position: absolute;
    left: 0px;
    top: 5px;
    content: '';
    height: 10px;
    width: 1px;
    background-color: #333;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
body#body_courseList.class_guest .search-result-condition-items button.pd0.ml3.btn.btn-link::after,
body#body_courseList.class_user .search-result-condition-items button.pd0.ml3.btn.btn-link::after,
body#body_Course_List.class_guest .search-result-condition-items button.pd0.ml3.btn.btn-link::after,
body#body_Course_List.class_user .search-result-condition-items button.pd0.ml3.btn.btn-link::after,
body#body_ShareCourses_Index.class_guest .search-result-condition-items button.pd0.ml3.btn.btn-link::after,
body#body_ShareCourses_Index.class_user .search-result-condition-items button.pd0.ml3.btn.btn-link::after {
    position: absolute;
    left: 0px;
    top: 5px;
    content: ' ';
    height: 10px;
    width: 1px;
    background-color: #333;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
body#body_courseList.class_guest .search-result-condition-item,
body#body_courseList.class_user .search-result-condition-item,
body#body_Course_List.class_guest .search-result-condition-item,
body#body_Course_List.class_user .search-result-condition-item,
body#body_ShareCourses_Index.class_guest .search-result-condition-item,
body#body_ShareCourses_Index.class_user .search-result-condition-item {
    display: block;
    padding: 0;
    margin: 10px 0;
}
body#body_courseList.class_guest .search-result-condition-item span,
body#body_courseList.class_user .search-result-condition-item span,
body#body_Course_List.class_guest .search-result-condition-item span,
body#body_Course_List.class_user .search-result-condition-item span,
body#body_ShareCourses_Index.class_guest .search-result-condition-item span,
body#body_ShareCourses_Index.class_user .search-result-condition-item span {
    padding: 8px 12px;
    display: inline-block;
}
body#body_courseList.class_guest .category-menu,
body#body_courseList.class_user .category-menu,
body#body_Course_List.class_guest .category-menu,
body#body_Course_List.class_user .category-menu,
body#body_ShareCourses_Index.class_guest .category-menu,
body#body_ShareCourses_Index.class_user .category-menu {
    font-size: 16px;
    line-height: 1;
    display: block;
    position: relative;
    font-weight: 400;
    text-align: left;
    color: #b2b2b2 !important;
    border-radius: 4px;
    margin-right: 0;
    padding: 13px 36px 13px 12px;
}
@media (max-width: 767px) {
    body#body_courseList.class_guest .category-menu,
    body#body_courseList.class_user .category-menu,
    body#body_Course_List.class_guest .category-menu,
    body#body_Course_List.class_user .category-menu,
    body#body_ShareCourses_Index.class_guest .category-menu,
    body#body_ShareCourses_Index.class_user .category-menu {
        padding: 13px 36px 13px 0;
    }
}
body#body_courseList.class_guest .category-menu::after,
body#body_courseList.class_user .category-menu::after,
body#body_Course_List.class_guest .category-menu::after,
body#body_Course_List.class_user .category-menu::after,
body#body_ShareCourses_Index.class_guest .category-menu::after,
body#body_ShareCourses_Index.class_user .category-menu::after {
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiA3Ij48cGF0aCBkPSJNNiwwbDYsN0gwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIgNykgcm90YXRlKDE4MCkiIGZpbGw9IiM5OTkiLz48L3N2Zz4=');
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    position: absolute;
    top: 50%;
    right: 12px;
    width: 12px;
    height: 7px;
    transform: translateY(-50%);
    pointer-events: none;
}
body#body_courseList.class_guest .category-menu:active,
body#body_courseList.class_user .category-menu:active,
body#body_Course_List.class_guest .category-menu:active,
body#body_Course_List.class_user .category-menu:active,
body#body_ShareCourses_Index.class_guest .category-menu:active,
body#body_ShareCourses_Index.class_user .category-menu:active {
    box-shadow: none;
}
body#body_courseList.class_guest .category-menu > i,
body#body_courseList.class_user .category-menu > i,
body#body_Course_List.class_guest .category-menu > i,
body#body_Course_List.class_user .category-menu > i,
body#body_ShareCourses_Index.class_guest .category-menu > i,
body#body_ShareCourses_Index.class_user .category-menu > i {
    display: none;
}
body#body_courseList.class_guest .category-menu > i.fa-caret-down,
body#body_courseList.class_user .category-menu > i.fa-caret-down,
body#body_Course_List.class_guest .category-menu > i.fa-caret-down,
body#body_Course_List.class_user .category-menu > i.fa-caret-down,
body#body_ShareCourses_Index.class_guest .category-menu > i.fa-caret-down,
body#body_ShareCourses_Index.class_user .category-menu > i.fa-caret-down {
    position: absolute;
    top: 50%;
    right: 12px;
    color: #999;
    margin-left: 0 !important;
    transform: translateY(-50%);
}
body#body_courseList.class_guest .category-menu > i.fa-caret-down::before,
body#body_courseList.class_user .category-menu > i.fa-caret-down::before,
body#body_Course_List.class_guest .category-menu > i.fa-caret-down::before,
body#body_Course_List.class_user .category-menu > i.fa-caret-down::before,
body#body_ShareCourses_Index.class_guest .category-menu > i.fa-caret-down::before,
body#body_ShareCourses_Index.class_user .category-menu > i.fa-caret-down::before {
    content: '';
}
body#body_courseList.class_guest .category-menu > .hidden-xs,
body#body_courseList.class_user .category-menu > .hidden-xs,
body#body_Course_List.class_guest .category-menu > .hidden-xs,
body#body_Course_List.class_user .category-menu > .hidden-xs,
body#body_ShareCourses_Index.class_guest .category-menu > .hidden-xs,
body#body_ShareCourses_Index.class_user .category-menu > .hidden-xs {
    display: block !important;
    padding-left: 0 !important;
    color: #000;
    font-weight: 600;
}
@media screen and (min-width: 768px) {
    body#body_courseList.class_guest .category-menu,
    body#body_courseList.class_user .category-menu,
    body#body_Course_List.class_guest .category-menu,
    body#body_Course_List.class_user .category-menu,
    body#body_ShareCourses_Index.class_guest .category-menu,
    body#body_ShareCourses_Index.class_user .category-menu {
        width: 100%;
        max-width: 260px;
        width: -webkit-fit-content !important;
        width: -moz-fit-content !important;
        width: fit-content !important;
        display: inline-block;
        vertical-align: middle;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    body#body_courseList.class_guest .category-menu,
    body#body_courseList.class_user .category-menu,
    body#body_Course_List.class_guest .category-menu,
    body#body_Course_List.class_user .category-menu,
    body#body_ShareCourses_Index.class_guest .category-menu,
    body#body_ShareCourses_Index.class_user .category-menu {
        padding: 14px 36px 14px 12px;
    }
}
@media (min-width: 992px) {
    body#body_courseList.class_guest .category-menu,
    body#body_courseList.class_user .category-menu,
    body#body_Course_List.class_guest .category-menu,
    body#body_Course_List.class_user .category-menu,
    body#body_ShareCourses_Index.class_guest .category-menu,
    body#body_ShareCourses_Index.class_user .category-menu {
        font-size: 14px;
        line-height: 1;
        padding: 11px 36px 11px 12px;
    }
}
body#body_courseList.class_guest .course-panels,
body#body_courseList.class_user .course-panels,
body#body_Course_List.class_guest .course-panels,
body#body_Course_List.class_user .course-panels,
body#body_ShareCourses_Index.class_guest .course-panels,
body#body_ShareCourses_Index.class_user .course-panels {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 60px;
}
@media (min-width: 992px) {
    body#body_courseList.class_guest .course-panels,
    body#body_courseList.class_user .course-panels,
    body#body_Course_List.class_guest .course-panels,
    body#body_Course_List.class_user .course-panels,
    body#body_ShareCourses_Index.class_guest .course-panels,
    body#body_ShareCourses_Index.class_user .course-panels {
        padding-bottom: 40px;
    }
}
body#body_courseList.class_guest .course-panels .new-icon-img,
body#body_courseList.class_user .course-panels .new-icon-img,
body#body_Course_List.class_guest .course-panels .new-icon-img,
body#body_Course_List.class_user .course-panels .new-icon-img,
body#body_ShareCourses_Index.class_guest .course-panels .new-icon-img,
body#body_ShareCourses_Index.class_user .course-panels .new-icon-img {
    display: none !important;
}
body#body_courseList.class_guest .course-panels > *,
body#body_courseList.class_user .course-panels > *,
body#body_Course_List.class_guest .course-panels > *,
body#body_Course_List.class_user .course-panels > *,
body#body_ShareCourses_Index.class_guest .course-panels > *,
body#body_ShareCourses_Index.class_user .course-panels > * {
    float: none;
}
@media (max-width: 767px) {
    body#body_courseList.class_guest .course-panels > *:nth-of-type(odd),
    body#body_courseList.class_user .course-panels > *:nth-of-type(odd),
    body#body_Course_List.class_guest .course-panels > *:nth-of-type(odd),
    body#body_Course_List.class_user .course-panels > *:nth-of-type(odd),
    body#body_ShareCourses_Index.class_guest .course-panels > *:nth-of-type(odd),
    body#body_ShareCourses_Index.class_user .course-panels > *:nth-of-type(odd) {
        padding-left: 0 !important;
        padding-right: 10px !important;
    }
    body#body_courseList.class_guest .course-panels > *:nth-of-type(even),
    body#body_courseList.class_user .course-panels > *:nth-of-type(even),
    body#body_Course_List.class_guest .course-panels > *:nth-of-type(even),
    body#body_Course_List.class_user .course-panels > *:nth-of-type(even),
    body#body_ShareCourses_Index.class_guest .course-panels > *:nth-of-type(even),
    body#body_ShareCourses_Index.class_user .course-panels > *:nth-of-type(even) {
        padding-left: 10px !important;
        padding-right: 0 !important;
    }
    body#body_courseList.class_guest .course-panels > *:nth-of-type(n + 3),
    body#body_courseList.class_user .course-panels > *:nth-of-type(n + 3),
    body#body_Course_List.class_guest .course-panels > *:nth-of-type(n + 3),
    body#body_Course_List.class_user .course-panels > *:nth-of-type(n + 3),
    body#body_ShareCourses_Index.class_guest .course-panels > *:nth-of-type(n + 3),
    body#body_ShareCourses_Index.class_user .course-panels > *:nth-of-type(n + 3) {
        margin-top: 30px;
    }
}
@media screen and (min-width: 768px) {
    body#body_courseList.class_guest .course-panels > *,
    body#body_courseList.class_user .course-panels > *,
    body#body_Course_List.class_guest .course-panels > *,
    body#body_Course_List.class_user .course-panels > *,
    body#body_ShareCourses_Index.class_guest .course-panels > *,
    body#body_ShareCourses_Index.class_user .course-panels > * {
        width: 30.43478%;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    body#body_courseList.class_guest .course-panels > *:not(:nth-of-type(3n)),
    body#body_courseList.class_user .course-panels > *:not(:nth-of-type(3n)),
    body#body_Course_List.class_guest .course-panels > *:not(:nth-of-type(3n)),
    body#body_Course_List.class_user .course-panels > *:not(:nth-of-type(3n)),
    body#body_ShareCourses_Index.class_guest .course-panels > *:not(:nth-of-type(3n)),
    body#body_ShareCourses_Index.class_user .course-panels > *:not(:nth-of-type(3n)) {
        margin-right: 4.34783%;
    }
    body#body_courseList.class_guest .course-panels > *:nth-of-type(n + 4),
    body#body_courseList.class_user .course-panels > *:nth-of-type(n + 4),
    body#body_Course_List.class_guest .course-panels > *:nth-of-type(n + 4),
    body#body_Course_List.class_user .course-panels > *:nth-of-type(n + 4),
    body#body_ShareCourses_Index.class_guest .course-panels > *:nth-of-type(n + 4),
    body#body_ShareCourses_Index.class_user .course-panels > *:nth-of-type(n + 4) {
        margin-top: 60px;
    }
}
body#body_courseList.class_guest .course-panel,
body#body_courseList.class_user .course-panel,
body#body_Course_List.class_guest .course-panel,
body#body_Course_List.class_user .course-panel,
body#body_ShareCourses_Index.class_guest .course-panel,
body#body_ShareCourses_Index.class_user .course-panel {
    position: relative;
    margin-bottom: 0;
}
body#body_courseList.class_guest .course-panel-body > .text-left,
body#body_courseList.class_user .course-panel-body > .text-left,
body#body_Course_List.class_guest .course-panel-body > .text-left,
body#body_Course_List.class_user .course-panel-body > .text-left,
body#body_ShareCourses_Index.class_guest .course-panel-body > .text-left,
body#body_ShareCourses_Index.class_user .course-panel-body > .text-left {
    display: none;
}
body#body_courseList.class_guest .course-panel-body .clickable-panel,
body#body_courseList.class_user .course-panel-body .clickable-panel,
body#body_Course_List.class_guest .course-panel-body .clickable-panel,
body#body_Course_List.class_user .course-panel-body .clickable-panel,
body#body_ShareCourses_Index.class_guest .course-panel-body .clickable-panel,
body#body_ShareCourses_Index.class_user .course-panel-body .clickable-panel {
    display: flex;
    flex-wrap: wrap;
}
body#body_courseList.class_guest .course-panel-body .thumbnail-wrap-panel,
body#body_courseList.class_user .course-panel-body .thumbnail-wrap-panel,
body#body_Course_List.class_guest .course-panel-body .thumbnail-wrap-panel,
body#body_Course_List.class_user .course-panel-body .thumbnail-wrap-panel,
body#body_ShareCourses_Index.class_guest .course-panel-body .thumbnail-wrap-panel,
body#body_ShareCourses_Index.class_user .course-panel-body .thumbnail-wrap-panel {
    width: 100%;
}
body#body_courseList.class_guest .course-panel-body .course-progress,
body#body_courseList.class_user .course-panel-body .course-progress,
body#body_Course_List.class_guest .course-panel-body .course-progress,
body#body_Course_List.class_user .course-panel-body .course-progress,
body#body_ShareCourses_Index.class_guest .course-panel-body .course-progress,
body#body_ShareCourses_Index.class_user .course-panel-body .course-progress {
    width: 100%;
}
body#body_courseList.class_guest .course-panel-body .course-progress .progress-bar-info.course-progress__studying,
body#body_courseList.class_user .course-panel-body .course-progress .progress-bar-info.course-progress__studying,
body#body_Course_List.class_guest .course-panel-body .course-progress .progress-bar-info.course-progress__studying,
body#body_Course_List.class_user .course-panel-body .course-progress .progress-bar-info.course-progress__studying,
body#body_ShareCourses_Index.class_guest
    .course-panel-body
    .course-progress
    .progress-bar-info.course-progress__studying,
body#body_ShareCourses_Index.class_user
    .course-panel-body
    .course-progress
    .progress-bar-info.course-progress__studying {
    display: none;
}
body#body_courseList.class_guest .course-panel-body h4,
body#body_courseList.class_user .course-panel-body h4,
body#body_Course_List.class_guest .course-panel-body h4,
body#body_Course_List.class_user .course-panel-body h4,
body#body_ShareCourses_Index.class_guest .course-panel-body h4,
body#body_ShareCourses_Index.class_user .course-panel-body h4 {
    width: 100%;
}
body#body_courseList.class_guest .course-panel-body .course-panel-title,
body#body_courseList.class_user .course-panel-body .course-panel-title,
body#body_Course_List.class_guest .course-panel-body .course-panel-title,
body#body_Course_List.class_user .course-panel-body .course-panel-title,
body#body_ShareCourses_Index.class_guest .course-panel-body .course-panel-title,
body#body_ShareCourses_Index.class_user .course-panel-body .course-panel-title {
    width: 100%;
    width: 100%;
    margin: 0.5em 0 0.7em;
}
body#body_courseList.class_guest .course-panel-body .ContentsNum .fa-graduation-cap,
body#body_courseList.class_user .course-panel-body .ContentsNum .fa-graduation-cap,
body#body_Course_List.class_guest .course-panel-body .ContentsNum .fa-graduation-cap,
body#body_Course_List.class_user .course-panel-body .ContentsNum .fa-graduation-cap,
body#body_ShareCourses_Index.class_guest .course-panel-body .ContentsNum .fa-graduation-cap,
body#body_ShareCourses_Index.class_user .course-panel-body .ContentsNum .fa-graduation-cap {
    top: -1px;
}
@media (max-width: 767px) {
    body#body_courseList.class_guest .course-panel-body .ContentsNum .fa-graduation-cap,
    body#body_courseList.class_user .course-panel-body .ContentsNum .fa-graduation-cap,
    body#body_Course_List.class_guest .course-panel-body .ContentsNum .fa-graduation-cap,
    body#body_Course_List.class_user .course-panel-body .ContentsNum .fa-graduation-cap,
    body#body_ShareCourses_Index.class_guest .course-panel-body .ContentsNum .fa-graduation-cap,
    body#body_ShareCourses_Index.class_user .course-panel-body .ContentsNum .fa-graduation-cap {
        top: -1px;
    }
}
body#body_courseList.class_guest .course-panel-body .ContentsNum .fa-graduation-cap:before,
body#body_courseList.class_user .course-panel-body .ContentsNum .fa-graduation-cap:before,
body#body_Course_List.class_guest .course-panel-body .ContentsNum .fa-graduation-cap:before,
body#body_Course_List.class_user .course-panel-body .ContentsNum .fa-graduation-cap:before,
body#body_ShareCourses_Index.class_guest .course-panel-body .ContentsNum .fa-graduation-cap:before,
body#body_ShareCourses_Index.class_user .course-panel-body .ContentsNum .fa-graduation-cap:before {
    width: 15px;
    height: 16px;
    vertical-align: middle;
}
body#body_courseList.class_guest .course-panel-body .StandardDuration,
body#body_courseList.class_user .course-panel-body .StandardDuration,
body#body_Course_List.class_guest .course-panel-body .StandardDuration,
body#body_Course_List.class_user .course-panel-body .StandardDuration,
body#body_ShareCourses_Index.class_guest .course-panel-body .StandardDuration,
body#body_ShareCourses_Index.class_user .course-panel-body .StandardDuration {
    font-size: 14px;
    line-height: 1.4;
    position: relative;
    order: 3;
    margin-left: 10px;
}
body#body_courseList.class_guest .course-panel-body .StandardDuration .fa-video,
body#body_courseList.class_user .course-panel-body .StandardDuration .fa-video,
body#body_Course_List.class_guest .course-panel-body .StandardDuration .fa-video,
body#body_Course_List.class_user .course-panel-body .StandardDuration .fa-video,
body#body_ShareCourses_Index.class_guest .course-panel-body .StandardDuration .fa-video,
body#body_ShareCourses_Index.class_user .course-panel-body .StandardDuration .fa-video {
    top: -1px;
}
body#body_courseList.class_guest .course-panel-body .StandardDuration .fa-video:before,
body#body_courseList.class_user .course-panel-body .StandardDuration .fa-video:before,
body#body_Course_List.class_guest .course-panel-body .StandardDuration .fa-video:before,
body#body_Course_List.class_user .course-panel-body .StandardDuration .fa-video:before,
body#body_ShareCourses_Index.class_guest .course-panel-body .StandardDuration .fa-video:before,
body#body_ShareCourses_Index.class_user .course-panel-body .StandardDuration .fa-video:before {
    width: 15px;
    height: 16px;
    vertical-align: middle;
}
@media (max-width: 767px) {
    body#body_courseList.class_guest .course-panel-body .StandardDuration,
    body#body_courseList.class_user .course-panel-body .StandardDuration,
    body#body_Course_List.class_guest .course-panel-body .StandardDuration,
    body#body_Course_List.class_user .course-panel-body .StandardDuration,
    body#body_ShareCourses_Index.class_guest .course-panel-body .StandardDuration,
    body#body_ShareCourses_Index.class_user .course-panel-body .StandardDuration {
        width: 100% !important;
        margin: 0;
        margin-bottom: 5px;
    }
}
body#body_courseList.class_guest .course-panel-body .text-muted,
body#body_courseList.class_user .course-panel-body .text-muted,
body#body_Course_List.class_guest .course-panel-body .text-muted,
body#body_Course_List.class_user .course-panel-body .text-muted,
body#body_ShareCourses_Index.class_guest .course-panel-body .text-muted,
body#body_ShareCourses_Index.class_user .course-panel-body .text-muted {
    display: inline-block;
    font-size: 14px;
    line-height: 1.4;
    margin-top: 1em;
    margin-bottom: 0;
    margin-left: 10px;
    margin: 0;
    width: 100% !important;
}
body#body_courseList.class_guest .course-panel-body .text-muted::before,
body#body_courseList.class_user .course-panel-body .text-muted::before,
body#body_Course_List.class_guest .course-panel-body .text-muted::before,
body#body_Course_List.class_user .course-panel-body .text-muted::before,
body#body_ShareCourses_Index.class_guest .course-panel-body .text-muted::before,
body#body_ShareCourses_Index.class_user .course-panel-body .text-muted::before {
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNjIuOTA0IC00MjguMjk5KSIgY2xpcC1wYXRoPSJ1cmwoI2EpIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNTguNDc0IDI2MS4wODUpIHJvdGF0ZSg0NSkiPjxwYXRoIGQ9Ik0yMDYuNSw1MS4yNzhoLTYuNjNhMS45MDUsMS45MDUsMCwwLDEtMS45LTEuOVYzOS4zNjdhMS45LDEuOSwwLDAsMSwuNjgtMS40NThsMy4zMTUtMi43ODJhMS45LDEuOSwwLDAsMSwyLjQ0NiwwbDMuMzE1LDIuNzgyYTEuOSwxLjksMCwwLDEsLjY4LDEuNDU4VjQ5LjM3NUExLjkwNSwxLjkwNSwwLDAsMSwyMDYuNSw1MS4yNzhabS0zLjMxNS0xNS42YS45LjksMCwwLDAtLjU4LjIxMWwtMy4zMTUsMi43ODJhLjkuOSwwLDAsMC0uMzIzLjY5MlY0OS4zNzVhLjkuOSwwLDAsMCwuOS45aDYuNjNhLjkuOSwwLDAsMCwuOS0uOVYzOS4zNjdhLjkuOSwwLDAsMC0uMzIzLS42OTJsLTMuMzE1LTIuNzgyQS45LjksMCwwLDAsMjAzLjE4MywzNS42ODJaIiBmaWxsPSIjODg4Ii8+PHBhdGggZD0iTTEuNDMzLS41QTEuOTMzLDEuOTMzLDAsMSwxLS41LDEuNDMzLDEuOTM2LDEuOTM2LDAsMCwxLDEuNDMzLS41Wm0wLDIuODY3QS45MzMuOTMzLDAsMSwwLC41LDEuNDMzLjkzNC45MzQsMCwwLDAsMS40MzMsMi4zNjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMDEuNzUgMzcuODYzKSIgZmlsbD0iIzg4OCIvPjwvZz48L2c+PC9zdmc+');
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 16px;
    margin-right: 5px;
}
body#body_courseList.class_guest .course-panel-body .text-muted:first-of-type,
body#body_courseList.class_user .course-panel-body .text-muted:first-of-type,
body#body_Course_List.class_guest .course-panel-body .text-muted:first-of-type,
body#body_Course_List.class_user .course-panel-body .text-muted:first-of-type,
body#body_ShareCourses_Index.class_guest .course-panel-body .text-muted:first-of-type,
body#body_ShareCourses_Index.class_user .course-panel-body .text-muted:first-of-type {
    margin-right: 20px;
}
body#body_courseList.class_guest .course-panel-body .text-muted:first-of-type::before,
body#body_courseList.class_user .course-panel-body .text-muted:first-of-type::before,
body#body_Course_List.class_guest .course-panel-body .text-muted:first-of-type::before,
body#body_Course_List.class_user .course-panel-body .text-muted:first-of-type::before,
body#body_ShareCourses_Index.class_guest .course-panel-body .text-muted:first-of-type::before,
body#body_ShareCourses_Index.class_user .course-panel-body .text-muted:first-of-type::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 16px;
    margin-right: 5px;
}
body#body_courseList.class_guest .course-panel-body .text-muted .fas,
body#body_courseList.class_user .course-panel-body .text-muted .fas,
body#body_Course_List.class_guest .course-panel-body .text-muted .fas,
body#body_Course_List.class_user .course-panel-body .text-muted .fas,
body#body_ShareCourses_Index.class_guest .course-panel-body .text-muted .fas,
body#body_ShareCourses_Index.class_user .course-panel-body .text-muted .fas {
    display: none;
}
body#body_courseList.class_guest .course-panel-title,
body#body_courseList.class_user .course-panel-title,
body#body_Course_List.class_guest .course-panel-title,
body#body_Course_List.class_user .course-panel-title,
body#body_ShareCourses_Index.class_guest .course-panel-title,
body#body_ShareCourses_Index.class_user .course-panel-title {
    font-size: 16px !important;
    line-height: 1.5;
    font-weight: 600;
    margin: 0.5em 0 0;
}
body#body_courseList.class_guest .course-progress__text,
body#body_courseList.class_user .course-progress__text,
body#body_Course_List.class_guest .course-progress__text,
body#body_Course_List.class_user .course-progress__text,
body#body_ShareCourses_Index.class_guest .course-progress__text,
body#body_ShareCourses_Index.class_user .course-progress__text {
    display: none;
}
body#body_courseList.class_guest .course-progress .progress,
body#body_courseList.class_user .course-progress .progress,
body#body_Course_List.class_guest .course-progress .progress,
body#body_Course_List.class_user .course-progress .progress,
body#body_ShareCourses_Index.class_guest .course-progress .progress,
body#body_ShareCourses_Index.class_user .course-progress .progress {
    width: 100%;
    height: 5px;
    margin-bottom: 0;
    background-color: #e8e8e8;
    border-radius: 8px;
    box-shadow: none;
}
body#body_courseList.class_guest .course-progress .progress-bar,
body#body_courseList.class_user .course-progress .progress-bar,
body#body_Course_List.class_guest .course-progress .progress-bar,
body#body_Course_List.class_user .course-progress .progress-bar,
body#body_ShareCourses_Index.class_guest .course-progress .progress-bar,
body#body_ShareCourses_Index.class_user .course-progress .progress-bar {
    box-shadow: none;
}
body#body_courseList.class_guest .course-progress .progress-bar-info,
body#body_courseList.class_user .course-progress .progress-bar-info,
body#body_Course_List.class_guest .course-progress .progress-bar-info,
body#body_Course_List.class_user .course-progress .progress-bar-info,
body#body_ShareCourses_Index.class_guest .course-progress .progress-bar-info,
body#body_ShareCourses_Index.class_user .course-progress .progress-bar-info {
    background-color: #12b886;
}
body#body_courseList.class_guest .course-progress .progress-bar-info__studying,
body#body_courseList.class_user .course-progress .progress-bar-info__studying,
body#body_Course_List.class_guest .course-progress .progress-bar-info__studying,
body#body_Course_List.class_user .course-progress .progress-bar-info__studying,
body#body_ShareCourses_Index.class_guest .course-progress .progress-bar-info__studying,
body#body_ShareCourses_Index.class_user .course-progress .progress-bar-info__studying {
    background: none;
}
body#body_courseList.class_guest .thumbnail-wrap-panel,
body#body_courseList.class_user .thumbnail-wrap-panel,
body#body_Course_List.class_guest .thumbnail-wrap-panel,
body#body_Course_List.class_user .thumbnail-wrap-panel,
body#body_ShareCourses_Index.class_guest .thumbnail-wrap-panel,
body#body_ShareCourses_Index.class_user .thumbnail-wrap-panel {
    position: relative;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    padding-top: 56.1194%;
}
body#body_courseList.class_guest .thumbnail-img,
body#body_courseList.class_user .thumbnail-img,
body#body_Course_List.class_guest .thumbnail-img,
body#body_Course_List.class_user .thumbnail-img,
body#body_ShareCourses_Index.class_guest .thumbnail-img,
body#body_ShareCourses_Index.class_user .thumbnail-img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    -o-object-fit: contain;
    object-fit: contain;
}
.default-curriculum-card-course-num {
    font-size: 12px;
    order: 4;
    color: #888888;
    font-weight: 400;
}
.text-muted {
    font-size: 14px;
    color: #888888;
    font-weight: 400;
    width: auto !important;
    order: 3;
}
.text-muted .fa-folders {
    position: relative;
    width: 15px;
    height: 15px;
    vertical-align: middle;
}
.text-muted .fa-folders:before {
    content: '' !important;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy4wODIiIGhlaWdodD0iMTcuMDgyIiB2aWV3Qm94PSIwIDAgMTcuMDgyIDE3LjA4MiI+PGcgaWQ9Imdyb3VwXzE4NiIgZGF0YS1uYW1lPSJncm91cCAxODYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjQ0MSAwLjc1MSkgcm90YXRlKDQ1KSI+PHBhdGggaWQ9InBhc3NfMjU5IiBkYXRhLW5hbWU9InBhc3MgMjU5IiBkPSJNNy4wOTEsMTMuNzY2SDEuMjM4QTEuMjM4LDEuMjM4LDAsMCwxLDAsMTIuNTI3VjMuNjk0YTEuMjM5LDEuMjM5LDAsMCwxLC40NDMtLjk0OUwzLjM2OS4yOWExLjIzOCwxLjIzOCwwLDAsMSwxLjU5MiwwTDcuODg3LDIuNzQ1YTEuMjM5LDEuMjM5LDAsMCwxLC40NDMuOTQ5djguODMzQTEuMjM4LDEuMjM4LDAsMCwxLDcuMDkxLDEzLjc2NloiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzg4OCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz48Y2lyY2xlIGlkPSJjaXJjbGVfMzAiIGRhdGEtbmFtZT0iY2lyY2xlIDMwIiBjeD0iMS4yNjUiIGN5PSIxLjI2NSIgcj0iMS4yNjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuODk5IDIuMzY2KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjODg4IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPjwvZz48L3N2Zz4=');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-size: contain;
    background-position: center;
    width: 14px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.ContentsNum {
    font-size: 14px;
    color: #888888;
    font-weight: 400;
    width: auto !important;
    order: 3;
}
.StandardDuration {
    font-size: 14px;
    color: #888888;
    font-weight: 400;
    width: auto !important;
    order: 2;
}
.StandardDuration .fa-video {
    position: relative;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
.StandardDuration .fa-video:before {
    content: '' !important;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMi42NiAxMi42NiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM4ODg5ODg7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJsYXllcl8yIiBkYXRhLW5hbWU9ImxheWVyIDIiPjxnIGlkPSJsYXllcl8xLTIiIGRhdGEtbmFtZT0ibGF5ZXIgMSI+PGcgaWQ9Imljb24iPjxwYXRoIGlkPSJwYXNzXzI2MiIgZGF0YS1uYW1lPSJwYXNzIDI2MiIgY2xhc3M9ImNscy0xIiBkPSJNNi4zMywxQTUuMzYsNS4zNiwwLDEsMSwyLjU0LDIuNTQsNS4zNiw1LjM2LDAsMCwxLDYuMzMsMW0wLTFhNi4zMyw2LjMzLDAsMSwwLDYuMzMsNi4zM2gwQTYuMzMsNi4zMywwLDAsMCw2LjMzLDBaIi8+PHBhdGggaWQ9InBhc3NfMjYzIiBkYXRhLW5hbWU9InBhc3MgMjYzIiBjbGFzcz0iY2xzLTEiIGQ9Ik02LjkxLDYuMDlWMi44OGEuNTguNTgsMCwwLDAtMS4xNiwwVjYuMzNhLjU3LjU3LDAsMCwwLC4xNy40MUw3LjY1LDguNDdhLjU4LjU4LDAsMCwwLC44MS0uODJaIi8+PC9nPjwvZz48L2c+PC9zdmc+');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-size: contain;
    background-position: center;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.fade.induce-login-modal.modal .modal-dialog {
    max-width: 800px;
    width: 95%;
    margin: auto;
}
@media (max-width: 767px) {
    .fade.induce-login-modal.modal .modal-dialog {
        top: 50%;
        transform: translateY(-50%) !important;
    }
}
.fade.induce-login-modal.modal .modal-content .modal-contents-box {
    padding: 30px 30px 50px;
}
@media (max-width: 767px) {
    .fade.induce-login-modal.modal .modal-content .modal-contents-box {
        padding: 20px 20px 40px;
    }
}
.fade.induce-login-modal.modal .modal-content .modal-contents-box .text-right button.modal-hide-button i {
    color: #444444;
}
@media (max-width: 767px) {
    .fade.induce-login-modal.modal .modal-content .modal-contents-box .text-right button.modal-hide-button i {
        font-size: 1.5rem;
    }
}
@media (max-width: 767px) {
    .fade.induce-login-modal.modal .modal-content .modal-contents-box .img-wrapper.mb20 {
        margin-top: 20px;
    }
}
.fade.induce-login-modal.modal .modal-content .modal-contents-box div.row {
    border: none;
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    padding: 0;
    font-weight: 600;
}
@media (max-width: 767px) {
    .fade.induce-login-modal.modal .modal-content .modal-contents-box div.row {
        display: block;
    }
}
.fade.induce-login-modal.modal .modal-content .modal-contents-box div.row.mb50 {
    margin-bottom: 30px !important;
}
.fade.induce-login-modal.modal .modal-content .modal-contents-box div.row.mb50 p {
    font-size: 20px;
}
.fade.induce-login-modal.modal .modal-content .modal-contents-box div.row .col-xs-12.col-sm-6 {
    width: 280px;
    margin: 10px;
    padding: 0;
}
@media (max-width: 767px) {
    .fade.induce-login-modal.modal .modal-content .modal-contents-box div.row .col-xs-12.col-sm-6 {
        width: 100%;
        margin: 10px auto;
    }
}
.fade.induce-login-modal.modal .modal-content .modal-contents-box div.row .col-xs-12.col-sm-6 button {
    font-size: 16px;
    line-height: 1;
    display: block;
    font-weight: unset;
    border-radius: 8px;
    padding: 16px 20px;
    background: #574842;
    border-color: #574842;
    color: #fff;
    transition: all 0.3s ease-out;
}
@media (max-width: 767px) {
    .fade.induce-login-modal.modal .modal-content .modal-contents-box div.row .col-xs-12.col-sm-6 button {
        font-size: 14px;
        max-width: 280px;
        margin: auto;
    }
}
.fade.induce-login-modal.modal .modal-content .modal-contents-box div.row .col-xs-12.col-sm-6 button.btn.btn-success {
    background: #12b886;
    border-color: #12b886;
}
.file_user_index_php.action_defaultcurriculum .modal-dialog .modal-content .row {
    margin: 0;
    border: 1px solid #dedede;
    border-radius: 10px;
}
.file_user_index_php.action_defaultcurriculum .modal-dialog .modal-content .row > div {
    width: 100%;
    width: 100%;
    padding: 14px;
    border-bottom: 1px solid #dedede;
}
.file_user_index_php.action_defaultcurriculum .modal-dialog .modal-content .row > div:last-child {
    border-bottom: none;
}
.file_user_index_php.action_defaultcurriculum .modal-dialog .modal-content .row > div .course-panel-body {
    position: relative;
    padding-right: 123px;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
    min-height: 62px;
    gap: 5px 10px;
    align-items: flex-start;
}
.file_user_index_php.action_defaultcurriculum
    .modal-dialog
    .modal-content
    .row
    > div
    .course-panel-body
    > div:first-of-type {
    margin-bottom: 10px;
    position: absolute;
    width: 110px;
    right: 0;
    top: 0;
}
.file_user_index_php.action_defaultcurriculum .modal-dialog .modal-content .row > div .course-panel-body > div {
    margin-bottom: 0;
}
.file_user_index_php.action_defaultcurriculum
    .modal-dialog
    .modal-content
    .row
    > div
    .course-panel-body
    .thumbnail-wrap {
    border-radius: 6px;
    max-width: 110px;
    width: 100%;
    height: 60px;
    overflow: hidden;
    position: relative;
    padding: 0;
    margin: 0;
}
.file_user_index_php.action_defaultcurriculum .modal-dialog .modal-content .row > div .course-panel-body .sco-title {
    width: 100%;
    display: block;
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
}
.file_user_index_php.action_defaultcurriculum .modal-dialog .modal-content .row > div .course-panel-body .sco-title i {
    display: none;
}
.file_user_index_php.action_defaultcurriculum .modal-dialog .modal-content .row > div .course-panel-body .text-muted {
    font-size: 12px;
    color: #888888;
    margin: 0;
    order: 5;
}
.file_user_index_php.action_defaultcurriculum .modal-dialog .modal-content .row > div .course-panel-body .ContentsNum {
    font-size: 12px;
    color: #888888;
    margin: 0;
    order: 4;
}
.file_user_index_php.action_defaultcurriculum
    .modal-dialog
    .modal-content
    .row
    > div
    .course-panel-body
    .StandardDuration {
    font-size: 12px;
    color: #888888;
    margin: 0;
    order: 3;
}
.file_user_index_php.action_defaultcurriculum .modal-dialog .modal-content .row > div .course-panel-body .fa-video {
    position: relative;
    width: 15px;
    height: 16px;
    vertical-align: middle;
}
.file_user_index_php.action_defaultcurriculum
    .modal-dialog
    .modal-content
    .row
    > div
    .course-panel-body
    .fa-video::before {
    content: '' !important;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMi42NiAxMi42NiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM4ODg5ODg7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJsYXllcl8yIiBkYXRhLW5hbWU9ImxheWVyIDIiPjxnIGlkPSJsYXllcl8xLTIiIGRhdGEtbmFtZT0ibGF5ZXIgMSI+PGcgaWQ9Imljb24iPjxwYXRoIGlkPSJwYXNzXzI2MiIgZGF0YS1uYW1lPSJwYXNzIDI2MiIgY2xhc3M9ImNscy0xIiBkPSJNNi4zMywxQTUuMzYsNS4zNiwwLDEsMSwyLjU0LDIuNTQsNS4zNiw1LjM2LDAsMCwxLDYuMzMsMW0wLTFhNi4zMyw2LjMzLDAsMSwwLDYuMzMsNi4zM2gwQTYuMzMsNi4zMywwLDAsMCw2LjMzLDBaIi8+PHBhdGggaWQ9InBhc3NfMjYzIiBkYXRhLW5hbWU9InBhc3MgMjYzIiBjbGFzcz0iY2xzLTEiIGQ9Ik02LjkxLDYuMDlWMi44OGEuNTguNTgsMCwwLDAtMS4xNiwwVjYuMzNhLjU3LjU3LDAsMCwwLC4xNy40MUw3LjY1LDguNDdhLjU4LjU4LDAsMCwwLC44MS0uODJaIi8+PC9nPjwvZz48L2c+PC9zdmc+');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-size: contain;
    background-position: center;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.fa-video {
    position: relative;
    width: 15px;
    height: 16px;
    vertical-align: middle;
    top: -2px;
    margin-right: 5px;
}
@media (max-width: 767px) {
    .fa-video {
        top: 0;
    }
}
.fa-video:before {
    content: '' !important;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMi42NiAxMi42NiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM4ODg5ODg7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJsYXllcl8yIiBkYXRhLW5hbWU9ImxheWVyIDIiPjxnIGlkPSJsYXllcl8xLTIiIGRhdGEtbmFtZT0ibGF5ZXIgMSI+PGcgaWQ9Imljb24iPjxwYXRoIGlkPSJwYXNzXzI2MiIgZGF0YS1uYW1lPSJwYXNzIDI2MiIgY2xhc3M9ImNscy0xIiBkPSJNNi4zMywxQTUuMzYsNS4zNiwwLDEsMSwyLjU0LDIuNTQsNS4zNiw1LjM2LDAsMCwxLDYuMzMsMW0wLTFhNi4zMyw2LjMzLDAsMSwwLDYuMzMsNi4zM2gwQTYuMzMsNi4zMywwLDAsMCw2LjMzLDBaIi8+PHBhdGggaWQ9InBhc3NfMjYzIiBkYXRhLW5hbWU9InBhc3MgMjYzIiBjbGFzcz0iY2xzLTEiIGQ9Ik02LjkxLDYuMDlWMi44OGEuNTguNTgsMCwwLDAtMS4xNiwwVjYuMzNhLjU3LjU3LDAsMCwwLC4xNy40MUw3LjY1LDguNDdhLjU4LjU4LDAsMCwwLC44MS0uODJaIi8+PC9nPjwvZz48L2c+PC9zdmc+');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-size: contain;
    background-position: center;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.fa-graduation-cap {
    position: relative;
    width: 16px;
    height: 15px;
    vertical-align: middle;
    top: -2px;
    margin-right: 5px;
}
@media (max-width: 767px) {
    .fa-graduation-cap {
        top: 0;
    }
}
.fa-graduation-cap:before {
    content: '' !important;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTUuNTMxIiBoZWlnaHQ9IjE1LjQ2NCIgdmlld0JveD0iMCAwIDE1LjUzMSAxNS40NjQiPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj48cmVjdCBpZD0iaG9yXzExMzEiIGRhdGEtbmFtZT0iaG9yIDExMzEiIHdpZHRoPSIxNS41MzEiIGhlaWdodD0iMTUuNDY0IiBmaWxsPSIjODg4Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgaWQ9Imdyb3VwXzM0MyIgZGF0YS1uYW1lPSJncm91cCAzNDMiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj48cGF0aCBpZD0icGFzc180MDYiIGRhdGEtbmFtZT0icGFzcyA0MDYiIGQ9Ik0zLjA1MywwSDEuNjVBMS42NTIsMS42NTIsMCwwLDAsMCwxLjY1VjIuOTc0YTEuNjUyLDEuNjUyLDAsMCwwLDEuNjUsMS42NWgxLjRBMS42NTIsMS42NTIsMCwwLDAsNC43LDIuOTc0VjEuNjVBMS42NTIsMS42NTIsMCwwLDAsMy4wNTMsME0zLjMsMi45NzRhLjI1Mi4yNTIsMCwwLDEtLjI1Mi4yNTJIMS42NUEuMjUyLjI1MiwwLDAsMSwxLjQsMi45NzRWMS42NUEuMjUyLjI1MiwwLDAsMSwxLjY1LDEuNGgxLjRBLjI1Mi4yNTIsMCwwLDEsMy4zLDEuNjVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIiBmaWxsPSIjODg4Ii8+PHBhdGggaWQ9InBhc3NfNDA3IiBkYXRhLW5hbWU9InBhc3MgNDA3IiBkPSJNMTEuNDUxLDQuMjgyaDguMTJhLjcuNywwLDEsMCwwLTEuNGgtOC4xMmEuNy43LDAsMSwwLDAsMS40IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNC43MzkgLTEuMjcxKSIgZmlsbD0iIzg4OCIvPjxwYXRoIGlkPSJwYXNzXzQwOCIgZGF0YS1uYW1lPSJwYXNzIDQwOCIgZD0iTTMuMDUzLDkuNjkySDEuNjVBMS42NTIsMS42NTIsMCwwLDAsMCwxMS4zNDJ2MS4zMjRhMS42NTIsMS42NTIsMCwwLDAsMS42NSwxLjY1aDEuNGExLjY1MiwxLjY1MiwwLDAsMCwxLjY1LTEuNjVWMTEuMzQyYTEuNjUyLDEuNjUyLDAsMCwwLTEuNjUtMS42NU0zLjMsMTIuNjY2YS4yNTIuMjUyLDAsMCwxLS4yNTIuMjUySDEuNjVhLjI1Mi4yNTIsMCwwLDEtLjI1Mi0uMjUyVjExLjM0MmEuMjUyLjI1MiwwLDAsMSwuMjUyLS4yNTJoMS40YS4yNTIuMjUyLDAsMCwxLC4yNTIuMjUyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtNC4yNzIpIiBmaWxsPSIjODg4Ii8+PHBhdGggaWQ9InBhc3NfNDA5IiBkYXRhLW5hbWU9InBhc3MgNDA5IiBkPSJNMTkuNTcxLDEyLjU3N2gtOC4xMmEuNy43LDAsMCwwLDAsMS40aDguMTJhLjcuNywwLDAsMCwwLTEuNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQuNzM5IC01LjU0NCkiIGZpbGw9IiM4ODgiLz48cGF0aCBpZD0icGFzc180MTAiIGRhdGEtbmFtZT0icGFzcyA0MTAiIGQ9Ik0zLjA1MywxOS4zODVIMS42NUExLjY1MiwxLjY1MiwwLDAsMCwwLDIxLjAzNXYxLjMyNGExLjY1MiwxLjY1MiwwLDAsMCwxLjY1LDEuNjVoMS40YTEuNjUyLDEuNjUyLDAsMCwwLDEuNjUtMS42NVYyMS4wMzVhMS42NTIsMS42NTIsMCwwLDAtMS42NS0xLjY1TTMuMywyMi4zNTlhLjI1Mi4yNTIsMCwwLDEtLjI1Mi4yNTJIMS42NWEuMjUyLjI1MiwwLDAsMS0uMjUyLS4yNTJWMjEuMDM1YS4yNTIuMjUyLDAsMCwxLC4yNTItLjI1MmgxLjRhLjI1Mi4yNTIsMCwwLDEsLjI1Mi4yNTJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC04LjU0NSkiIGZpbGw9IiM4ODgiLz48cGF0aCBpZD0icGFzc180MTEiIGRhdGEtbmFtZT0icGFzcyA0MTEiIGQ9Ik0xOS41NzEsMjIuMjY5aC04LjEyYS43LjcsMCwwLDAsMCwxLjRoOC4xMmEuNy43LDAsMCwwLDAtMS40IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNC43MzkgLTkuODE2KSIgZmlsbD0iIzg4OCIvPjwvZz48L3N2Zz4=');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-size: contain;
    background-position: center;
    width: 16px;
    height: 15px;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.fa-share-alt {
    position: relative;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-right: 5px;
}
@media (max-width: 767px) {
    .fa-share-alt {
        top: 0;
    }
}
.fa-share-alt:before {
    background-size: contain;
    background-position: center;
    width: 11px;
    height: 13px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.fa-folders {
    position: relative;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    top: -2px;
    margin-right: 5px;
}
.fa-folders:before {
    content: '' !important;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNjIuOTA0IC00MjguMjk5KSIgY2xpcC1wYXRoPSJ1cmwoI2EpIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNTguNDc0IDI2MS4wODUpIHJvdGF0ZSg0NSkiPjxwYXRoIGQ9Ik0yMDYuNSw1MS4yNzhoLTYuNjNhMS45MDUsMS45MDUsMCwwLDEtMS45LTEuOVYzOS4zNjdhMS45LDEuOSwwLDAsMSwuNjgtMS40NThsMy4zMTUtMi43ODJhMS45LDEuOSwwLDAsMSwyLjQ0NiwwbDMuMzE1LDIuNzgyYTEuOSwxLjksMCwwLDEsLjY4LDEuNDU4VjQ5LjM3NUExLjkwNSwxLjkwNSwwLDAsMSwyMDYuNSw1MS4yNzhabS0zLjMxNS0xNS42YS45LjksMCwwLDAtLjU4LjIxMWwtMy4zMTUsMi43ODJhLjkuOSwwLDAsMC0uMzIzLjY5MlY0OS4zNzVhLjkuOSwwLDAsMCwuOS45aDYuNjNhLjkuOSwwLDAsMCwuOS0uOVYzOS4zNjdhLjkuOSwwLDAsMC0uMzIzLS42OTJsLTMuMzE1LTIuNzgyQS45LjksMCwwLDAsMjAzLjE4MywzNS42ODJaIiBmaWxsPSIjODg4Ii8+PHBhdGggZD0iTTEuNDMzLS41QTEuOTMzLDEuOTMzLDAsMSwxLS41LDEuNDMzLDEuOTM2LDEuOTM2LDAsMCwxLDEuNDMzLS41Wm0wLDIuODY3QS45MzMuOTMzLDAsMSwwLC41LDEuNDMzLjkzNC45MzQsMCwwLDAsMS40MzMsMi4zNjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMDEuNzUgMzcuODYzKSIgZmlsbD0iIzg4OCIvPjwvZz48L2c+PC9zdmc+');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-size: contain;
    background-position: center;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.fa-layer-group {
    position: relative;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    top: -2px;
    margin-right: 5px;
}
.fa-layer-group:before {
    content: '' !important;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi4wODUiIGhlaWdodD0iMTMuNTk0IiB2aWV3Qm94PSIwIDAgMTYuMDg1IDEzLjU5NCI+PHBhdGggaWQ9Imljb25fa291emEiIGQ9Ik0xNS43NzUsNDAuOTE3bC0xLjExMy0uNTc2YTYuMzUxLDYuMzUxLDAsMCwwLTUuNzczLDBsLS44NDcuNDM4LS44NDktLjQzOWE2LjM1Miw2LjM1MiwwLDAsMC01Ljc3MywwbC0xLjExMS41NzRhLjU3NC41NzQsMCwwLDAtLjMxMS41MVY1Mi42NjhhLjU3NS41NzUsMCwwLDAsLjgzOC41MUwxLjk0Nyw1Mi42YTUuMiw1LjIsMCwwLDEsNC43MjEsMGwxLjExMS41NzRhLjU3My41NzMsMCwwLDAsLjEzNS4wNDloLjAwNWwuMDI5LjAwNmguMDA5bC4wMjYsMGguMDExbC4wMjQsMGguMDcxbC4wMiwwLC4wMTcsMCwuMDIxLDAsLjAxNiwwLC4wMjItLjAwNS4wMTUsMCwuMDIyLS4wMDcuMDE0LDBMOC4yNiw1My4ybC4wMTIsMCwuMDM1LS4wMTdMOS40MTUsNTIuNmE1LjIsNS4yLDAsMCwxLDQuNzIxLDBsMS4xMTEuNTc0YS41NzQuNTc0LDAsMCwwLC44MzgtLjUxVjQxLjQyN0EuNTc1LjU3NSwwLDAsMCwxNS43NzUsNDAuOTE3Wk03LjQ2OCw1MS43MjRsLS4yNzUtLjE0MmE2LjM1Miw2LjM1MiwwLDAsMC01Ljc3MywwbC0uMjcyLjE0MVY0MS43NzdsLjgtLjQxM2E1LjIsNS4yLDAsMCwxLDQuNzIxLDBsLjguNDE0Wm03LjQ2OCwwLS4yNzUtLjE0MmE2LjM1Miw2LjM1MiwwLDAsMC01Ljc3MiwwbC0uMjcyLjE0MVY0MS43NzdsLjgtLjQxM2E1LjIsNS4yLDAsMCwxLDQuNzIxLDBsLjguNDE0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMzkuNjQ4KSIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-size: contain;
    background-position: center;
    width: 17px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.modal-dialog .modal-content .row {
    margin: 0;
    padding: 12px 0;
    border-radius: 10px;
}
@media (max-width: 767px) {
    body#body_Course_Detail #courseDetail #page-wrapper,
    body#body_Course_Detail #app #page-wrapper,
    body#body_ShareCourses_Detail #courseDetail #page-wrapper,
    body#body_ShareCourses_Detail #app #page-wrapper {
        padding: 0;
    }
}
@media (max-width: 767px) {
    body#body_Course_Detail #courseDetail #page-wrapper .Breadcrumbs,
    body#body_Course_Detail #app #page-wrapper .Breadcrumbs,
    body#body_ShareCourses_Detail #courseDetail #page-wrapper .Breadcrumbs,
    body#body_ShareCourses_Detail #app #page-wrapper .Breadcrumbs {
        padding: 60px 20px 20px;
        box-sizing: border-box;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}
@media (max-width: 767px) {
    body#body_Course_Detail #courseDetail #page-wrapper .course-info-wrapper,
    body#body_Course_Detail #app #page-wrapper .course-info-wrapper,
    body#body_ShareCourses_Detail #courseDetail #page-wrapper .course-info-wrapper,
    body#body_ShareCourses_Detail #app #page-wrapper .course-info-wrapper {
        margin: 0 -15px;
        padding: 30px 20px 20px;
        box-sizing: border-box;
        margin: 0;
    }
}
@media (max-width: 767px) {
    body#body_Course_Detail #courseDetail #page-wrapper .row,
    body#body_Course_Detail #app #page-wrapper .row,
    body#body_ShareCourses_Detail #courseDetail #page-wrapper .row,
    body#body_ShareCourses_Detail #app #page-wrapper .row {
        margin: 0;
    }
}
body#body_Course_Detail #courseDetail #page-wrapper .search-modal-button-wrapper,
body#body_Course_Detail #app #page-wrapper .search-modal-button-wrapper,
body#body_ShareCourses_Detail #courseDetail #page-wrapper .search-modal-button-wrapper,
body#body_ShareCourses_Detail #app #page-wrapper .search-modal-button-wrapper {
    display: none;
}
body#body_Course_Detail #courseDetail #page-wrapper .page-w.contents-wrapper,
body#body_Course_Detail #app #page-wrapper .page-w.contents-wrapper,
body#body_ShareCourses_Detail #courseDetail #page-wrapper .page-w.contents-wrapper,
body#body_ShareCourses_Detail #app #page-wrapper .page-w.contents-wrapper {
    max-width: 1000px;
    margin: auto;
}
body#body_Course_Detail #courseDetail #page-wrapper .mt20,
body#body_Course_Detail #app #page-wrapper .mt20,
body#body_ShareCourses_Detail #courseDetail #page-wrapper .mt20,
body#body_ShareCourses_Detail #app #page-wrapper .mt20 {
    margin-top: 0 !important;
}
body#body_Course_Detail #courseDetail #page-wrapper .mt20 .panel-operation-row-wrapper,
body#body_Course_Detail #courseDetail #page-wrapper .mt20 .panel-type-change-button-wrapper,
body#body_Course_Detail #app #page-wrapper .mt20 .panel-operation-row-wrapper,
body#body_Course_Detail #app #page-wrapper .mt20 .panel-type-change-button-wrapper,
body#body_ShareCourses_Detail #courseDetail #page-wrapper .mt20 .panel-operation-row-wrapper,
body#body_ShareCourses_Detail #courseDetail #page-wrapper .mt20 .panel-type-change-button-wrapper,
body#body_ShareCourses_Detail #app #page-wrapper .mt20 .panel-operation-row-wrapper,
body#body_ShareCourses_Detail #app #page-wrapper .mt20 .panel-type-change-button-wrapper {
    display: none;
}
@media (max-width: 767px) {
    body#body_Course_Detail #courseDetail #page-wrapper .mt20 .contents-all-wrapper .contents-block,
    body#body_Course_Detail #app #page-wrapper .mt20 .contents-all-wrapper .contents-block,
    body#body_ShareCourses_Detail #courseDetail #page-wrapper .mt20 .contents-all-wrapper .contents-block,
    body#body_ShareCourses_Detail #app #page-wrapper .mt20 .contents-all-wrapper .contents-block {
        background-color: #fff;
        padding: 18px 0;
        padding-bottom: 60px;
        display: flex;
        flex-wrap: wrap;
    }
}
body#body_Course_Detail #courseDetail #page-wrapper .mt20 .contents-all-wrapper .course-list,
body#body_Course_Detail #app #page-wrapper .mt20 .contents-all-wrapper .course-list,
body#body_ShareCourses_Detail #courseDetail #page-wrapper .mt20 .contents-all-wrapper .course-list,
body#body_ShareCourses_Detail #app #page-wrapper .mt20 .contents-all-wrapper .course-list {
    margin: 0;
    padding: 24px 56px 24px 20px;
    border-bottom: 1px solid #dedede;
}
body#body_Course_Detail #courseDetail #page-wrapper .mt20 .contents-all-wrapper .course-list .sco-focused,
body#body_Course_Detail #app #page-wrapper .mt20 .contents-all-wrapper .course-list .sco-focused,
body#body_ShareCourses_Detail #courseDetail #page-wrapper .mt20 .contents-all-wrapper .course-list .sco-focused,
body#body_ShareCourses_Detail #app #page-wrapper .mt20 .contents-all-wrapper .course-list .sco-focused {
    -webkit-animation: none !important;
    animation: none !important;
    transform: none !important;
    transition: unset !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
}
@media (max-width: 767px) {
    body#body_Course_Detail #courseDetail #page-wrapper .mt20 .contents-all-wrapper .course-list,
    body#body_Course_Detail #app #page-wrapper .mt20 .contents-all-wrapper .course-list,
    body#body_ShareCourses_Detail #courseDetail #page-wrapper .mt20 .contents-all-wrapper .course-list,
    body#body_ShareCourses_Detail #app #page-wrapper .mt20 .contents-all-wrapper .course-list {
        padding: 13px 36px 13px 20px;
    }
}
body#body_Course_Detail #courseDetail #page-wrapper .mt20 .contents-all-wrapper .course-list:first-child,
body#body_Course_Detail #app #page-wrapper .mt20 .contents-all-wrapper .course-list:first-child,
body#body_ShareCourses_Detail #courseDetail #page-wrapper .mt20 .contents-all-wrapper .course-list:first-child,
body#body_ShareCourses_Detail #app #page-wrapper .mt20 .contents-all-wrapper .course-list:first-child {
    border-top: 1px solid #dedede;
}
body#body_Course_Detail #courseDetail #page-wrapper .mt20 .contents-all-wrapper .course-list:hover,
body#body_Course_Detail #app #page-wrapper .mt20 .contents-all-wrapper .course-list:hover,
body#body_ShareCourses_Detail #courseDetail #page-wrapper .mt20 .contents-all-wrapper .course-list:hover,
body#body_ShareCourses_Detail #app #page-wrapper .mt20 .contents-all-wrapper .course-list:hover {
    background: #f4f4f4;
}
body#body_Course_Detail #courseDetail #page-wrapper .mt20 .contents-all-wrapper .course-list .pl0,
body#body_Course_Detail #app #page-wrapper .mt20 .contents-all-wrapper .course-list .pl0,
body#body_ShareCourses_Detail #courseDetail #page-wrapper .mt20 .contents-all-wrapper .course-list .pl0,
body#body_ShareCourses_Detail #app #page-wrapper .mt20 .contents-all-wrapper .course-list .pl0 {
    display: none;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.sco-focused-release.row
    .new-icon,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.sco-focused-release.row
    .new-icon,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.sco-focused-release.row
    .new-icon,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.sco-focused-release.row
    .new-icon {
    display: none;
}
body#body_Course_Detail #courseDetail #page-wrapper .mt20 .contents-all-wrapper .course-list .flex.direction-column,
body#body_Course_Detail #app #page-wrapper .mt20 .contents-all-wrapper .course-list .flex.direction-column,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column,
body#body_ShareCourses_Detail #app #page-wrapper .mt20 .contents-all-wrapper .course-list .flex.direction-column {
    width: 100%;
    margin: 0;
    padding: 0;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div,
body#body_Course_Detail #app #page-wrapper .mt20 .contents-all-wrapper .course-list .flex.direction-column > div,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div,
body#body_ShareCourses_Detail #app #page-wrapper .mt20 .contents-all-wrapper .course-list .flex.direction-column > div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    > *,
body#body_Course_Detail #app #page-wrapper .mt20 .contents-all-wrapper .course-list .flex.direction-column > div > *,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    > *,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    > * {
    width: auto;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p,
body#body_Course_Detail #app #page-wrapper .mt20 .contents-all-wrapper .course-list .flex.direction-column > div p,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p {
    margin: 0;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-title,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-title,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-title,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-title {
    font-size: 16px;
    font-weight: 400;
    width: calc(100% - 170px);
    margin: 0;
    margin-left: 6px;
    margin-right: 22px;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-title
    .fa-file-alt.file-type-file-color,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-title
    .fa-file-alt.file-type-file-color,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-title
    .fa-file-alt.file-type-file-color,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-title
    .fa-file-alt.file-type-file-color {
    display: none;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-title
    span,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-title
    span,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-title
    span,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-title
    span {
    font-family: 'NotoSansCJKjp', 'Noto Sans JP', serif;
}
@media (max-width: 767px) {
    body#body_Course_Detail
        #courseDetail
        #page-wrapper
        .mt20
        .contents-all-wrapper
        .course-list
        .flex.direction-column
        > div
        p.sco-title,
    body#body_Course_Detail
        #app
        #page-wrapper
        .mt20
        .contents-all-wrapper
        .course-list
        .flex.direction-column
        > div
        p.sco-title,
    body#body_ShareCourses_Detail
        #courseDetail
        #page-wrapper
        .mt20
        .contents-all-wrapper
        .course-list
        .flex.direction-column
        > div
        p.sco-title,
    body#body_ShareCourses_Detail
        #app
        #page-wrapper
        .mt20
        .contents-all-wrapper
        .course-list
        .flex.direction-column
        > div
        p.sco-title {
        width: calc(100% - 155px);
        font-size: 14px;
        margin-right: 6px;
    }
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-title
    .fa-file-video,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-title
    .fa-file-video,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-title
    .fa-file-video,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-title
    .fa-file-video {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4LjUiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCA4LjUgMTQiPjxnIGlkPSJpY29uX2Fycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNi41KSI+PHBhdGggaWQ9ImFyIiBkPSJNNy4wNDgsMGgwTDAsN2w3LjA0OCw3TDguNSwxMi41NTgsMi45LDcsOC41LDEuNDQyLDcuMDQ5LDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNSAxNCkgcm90YXRlKDE4MCkiIGZpbGw9IiM1YjViNWIiLz48L2c+PC9zdmc+');
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    position: absolute;
    top: 50%;
    right: -27px;
    width: 8px;
    height: 13px;
    transform: translate(0, -50%);
}
@media (max-width: 767px) {
    body#body_Course_Detail
        #courseDetail
        #page-wrapper
        .mt20
        .contents-all-wrapper
        .course-list
        .flex.direction-column
        > div
        p.sco-title
        .fa-file-video,
    body#body_Course_Detail
        #app
        #page-wrapper
        .mt20
        .contents-all-wrapper
        .course-list
        .flex.direction-column
        > div
        p.sco-title
        .fa-file-video,
    body#body_ShareCourses_Detail
        #courseDetail
        #page-wrapper
        .mt20
        .contents-all-wrapper
        .course-list
        .flex.direction-column
        > div
        p.sco-title
        .fa-file-video,
    body#body_ShareCourses_Detail
        #app
        #page-wrapper
        .mt20
        .contents-all-wrapper
        .course-list
        .flex.direction-column
        > div
        p.sco-title
        .fa-file-video {
        right: -20px;
    }
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-title
    .fa-file-video::before,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-title
    .fa-file-video::before,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-title
    .fa-file-video::before,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-title
    .fa-file-video::before {
    display: none;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-description,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-description,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-description,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-description {
    display: none;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5,
body#body_Course_Detail #app #page-wrapper .mt20 .contents-all-wrapper .course-list .flex.direction-column > div .mb5,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5 {
    margin-bottom: 0 !important;
    width: 62px;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label {
    color: #fff;
    padding: 2px 4px;
    font-size: 90%;
    border-radius: 3px;
    white-space: nowrap;
    margin-top: 2px;
    margin-right: 3px;
    font-size: 12px;
    border: 1px solid #2ebe3e;
    background: none;
    border-radius: 2px;
    color: #2ebe3e;
    display: block;
    text-align: center;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.default,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.default,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.default,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.default {
    color: #ff1700;
    border-color: #ff1700;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.incomplete,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.incomplete,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.incomplete,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.incomplete {
    color: #4ea0bf;
    border-color: #4ea0bf;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.completed,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.completed,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.completed,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.completed {
    color: #2fbe3f;
    border-color: #2fbe3f;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.passed,
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.failed,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.passed,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.failed,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.passed,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.failed,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.passed,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.failed {
    color: #fff;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.passed,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.passed,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.passed,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.passed {
    background: #2fbe3f;
    border-color: #2fbe3f;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.failed,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.failed,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.failed,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.failed {
    background: #888;
    border-color: #888;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .StandardDuration,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .StandardDuration,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .StandardDuration,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .StandardDuration {
    order: 3;
    font-size: 14px;
    margin: 0;
    max-width: 80px;
    min-width: 80px;
    text-align: right;
}
@media (max-width: 767px) {
    body#body_Course_Detail
        #courseDetail
        #page-wrapper
        .mt20
        .contents-all-wrapper
        .course-list
        .flex.direction-column
        > div
        .StandardDuration,
    body#body_Course_Detail
        #app
        #page-wrapper
        .mt20
        .contents-all-wrapper
        .course-list
        .flex.direction-column
        > div
        .StandardDuration,
    body#body_ShareCourses_Detail
        #courseDetail
        #page-wrapper
        .mt20
        .contents-all-wrapper
        .course-list
        .flex.direction-column
        > div
        .StandardDuration,
    body#body_ShareCourses_Detail
        #app
        #page-wrapper
        .mt20
        .contents-all-wrapper
        .course-list
        .flex.direction-column
        > div
        .StandardDuration {
        font-size: 14px;
        max-width: 80px;
        min-width: 80px;
    }
    body#body_Course_Detail
        #courseDetail
        #page-wrapper
        .mt20
        .contents-all-wrapper
        .course-list
        .flex.direction-column
        > div
        .StandardDuration
        .fa-video,
    body#body_Course_Detail
        #app
        #page-wrapper
        .mt20
        .contents-all-wrapper
        .course-list
        .flex.direction-column
        > div
        .StandardDuration
        .fa-video,
    body#body_ShareCourses_Detail
        #courseDetail
        #page-wrapper
        .mt20
        .contents-all-wrapper
        .course-list
        .flex.direction-column
        > div
        .StandardDuration
        .fa-video,
    body#body_ShareCourses_Detail
        #app
        #page-wrapper
        .mt20
        .contents-all-wrapper
        .course-list
        .flex.direction-column
        > div
        .StandardDuration
        .fa-video {
        top: -1px;
    }
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div.flex.wrap-wrap,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div.flex.wrap-wrap,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div.flex.wrap-wrap,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .contents-all-wrapper
    .course-list
    .flex.direction-column
    > div.flex.wrap-wrap {
    display: none !important;
}
@media (max-width: 767px) {
    body#body_Course_Detail #courseDetail #page-wrapper .mt20 .course-all-wrapper .contents-block,
    body#body_Course_Detail #app #page-wrapper .mt20 .course-all-wrapper .contents-block,
    body#body_ShareCourses_Detail #courseDetail #page-wrapper .mt20 .course-all-wrapper .contents-block,
    body#body_ShareCourses_Detail #app #page-wrapper .mt20 .course-all-wrapper .contents-block {
        background-color: #fff;
        padding: 18px 0;
        padding-bottom: 60px;
        display: flex;
        flex-wrap: wrap;
    }
}
body#body_Course_Detail #courseDetail #page-wrapper .mt20 .course-all-wrapper div.col-lg-3.col-sm-4,
body#body_Course_Detail #app #page-wrapper .mt20 .course-all-wrapper div.col-lg-3.col-sm-4,
body#body_ShareCourses_Detail #courseDetail #page-wrapper .mt20 .course-all-wrapper div.col-lg-3.col-sm-4,
body#body_ShareCourses_Detail #app #page-wrapper .mt20 .course-all-wrapper div.col-lg-3.col-sm-4 {
    width: 100%;
    margin: 0;
    padding: 24px 56px 24px 20px;
    border-bottom: 1px solid #dedede;
}
@media (max-width: 767px) {
    body#body_Course_Detail #courseDetail #page-wrapper .mt20 .course-all-wrapper div.col-lg-3.col-sm-4,
    body#body_Course_Detail #app #page-wrapper .mt20 .course-all-wrapper div.col-lg-3.col-sm-4,
    body#body_ShareCourses_Detail #courseDetail #page-wrapper .mt20 .course-all-wrapper div.col-lg-3.col-sm-4,
    body#body_ShareCourses_Detail #app #page-wrapper .mt20 .course-all-wrapper div.col-lg-3.col-sm-4 {
        padding: 13px 36px 13px 20px;
    }
}
body#body_Course_Detail #courseDetail #page-wrapper .mt20 .course-all-wrapper div.col-lg-3.col-sm-4:first-child,
body#body_Course_Detail #app #page-wrapper .mt20 .course-all-wrapper div.col-lg-3.col-sm-4:first-child,
body#body_ShareCourses_Detail #courseDetail #page-wrapper .mt20 .course-all-wrapper div.col-lg-3.col-sm-4:first-child,
body#body_ShareCourses_Detail #app #page-wrapper .mt20 .course-all-wrapper div.col-lg-3.col-sm-4:first-child {
    border-top: 1px solid #dedede;
}
body#body_Course_Detail #courseDetail #page-wrapper .mt20 .course-all-wrapper div.col-lg-3.col-sm-4:hover,
body#body_Course_Detail #app #page-wrapper .mt20 .course-all-wrapper div.col-lg-3.col-sm-4:hover,
body#body_ShareCourses_Detail #courseDetail #page-wrapper .mt20 .course-all-wrapper div.col-lg-3.col-sm-4:hover,
body#body_ShareCourses_Detail #app #page-wrapper .mt20 .course-all-wrapper div.col-lg-3.col-sm-4:hover {
    background: #f4f4f4;
}
body#body_Course_Detail #courseDetail #page-wrapper .mt20 .course-all-wrapper div.col-lg-3.col-sm-4 .pl0,
body#body_Course_Detail #courseDetail #page-wrapper .mt20 .course-all-wrapper div.col-lg-3.col-sm-4 .pr0,
body#body_Course_Detail #app #page-wrapper .mt20 .course-all-wrapper div.col-lg-3.col-sm-4 .pl0,
body#body_Course_Detail #app #page-wrapper .mt20 .course-all-wrapper div.col-lg-3.col-sm-4 .pr0,
body#body_ShareCourses_Detail #courseDetail #page-wrapper .mt20 .course-all-wrapper div.col-lg-3.col-sm-4 .pl0,
body#body_ShareCourses_Detail #courseDetail #page-wrapper .mt20 .course-all-wrapper div.col-lg-3.col-sm-4 .pr0,
body#body_ShareCourses_Detail #app #page-wrapper .mt20 .course-all-wrapper div.col-lg-3.col-sm-4 .pl0,
body#body_ShareCourses_Detail #app #page-wrapper .mt20 .course-all-wrapper div.col-lg-3.col-sm-4 .pr0 {
    display: none;
}
body#body_Course_Detail #courseDetail #page-wrapper .mt20 .course-all-wrapper div.col-lg-3.col-sm-4 .course-panel,
body#body_Course_Detail #app #page-wrapper .mt20 .course-all-wrapper div.col-lg-3.col-sm-4 .course-panel,
body#body_ShareCourses_Detail #courseDetail #page-wrapper .mt20 .course-all-wrapper div.col-lg-3.col-sm-4 .course-panel,
body#body_ShareCourses_Detail #app #page-wrapper .mt20 .course-all-wrapper div.col-lg-3.col-sm-4 .course-panel {
    margin-bottom: 0;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .flex.wrap-wrap,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .flex.wrap-wrap,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .flex.wrap-wrap,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .flex.wrap-wrap {
    display: none;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .flex.wrap-wrap
    .favorite-button-public,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .flex.wrap-wrap
    .favorite-button-public,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .flex.wrap-wrap
    .favorite-button-public,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .flex.wrap-wrap
    .favorite-button-public {
    display: none;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .thumbnail-folder-wrap,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .thumbnail-folder-wrap,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .thumbnail-folder-wrap,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .thumbnail-folder-wrap {
    display: none;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    > *,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    > *,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    > *,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    > * {
    width: auto;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    p,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    p,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    p,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    p {
    margin: 0;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    p.sco-title,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    p.sco-title,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    p.sco-title,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    p.sco-title {
    font-size: 16px;
    font-weight: 400;
    width: calc(100% - 110px);
    margin: 0;
    margin-left: 6px;
    margin-right: 22px;
}
@media (max-width: 767px) {
    body#body_Course_Detail
        #courseDetail
        #page-wrapper
        .mt20
        .course-all-wrapper
        div.col-lg-3.col-sm-4
        .course-panel
        .course-panel-body
        .clickable-panel
        p.sco-title,
    body#body_Course_Detail
        #app
        #page-wrapper
        .mt20
        .course-all-wrapper
        div.col-lg-3.col-sm-4
        .course-panel
        .course-panel-body
        .clickable-panel
        p.sco-title,
    body#body_ShareCourses_Detail
        #courseDetail
        #page-wrapper
        .mt20
        .course-all-wrapper
        div.col-lg-3.col-sm-4
        .course-panel
        .course-panel-body
        .clickable-panel
        p.sco-title,
    body#body_ShareCourses_Detail
        #app
        #page-wrapper
        .mt20
        .course-all-wrapper
        div.col-lg-3.col-sm-4
        .course-panel
        .course-panel-body
        .clickable-panel
        p.sco-title {
        width: calc(100% - 110px);
        font-size: 14px;
        margin-right: 6px;
    }
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    p.sco-title
    span,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    p.sco-title
    span,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    p.sco-title
    span,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    p.sco-title
    span {
    font-family: 'NotoSansCJKjp', 'Noto Sans JP', serif;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    p.sco-title
    .fa-file-video,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    p.sco-title
    .fa-file-video,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    p.sco-title
    .fa-file-video,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    p.sco-title
    .fa-file-video {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4LjUiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCA4LjUgMTQiPjxnIGlkPSJpY29uX2Fycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNi41KSI+PHBhdGggaWQ9ImFyIiBkPSJNNy4wNDgsMGgwTDAsN2w3LjA0OCw3TDguNSwxMi41NTgsMi45LDcsOC41LDEuNDQyLDcuMDQ5LDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNSAxNCkgcm90YXRlKDE4MCkiIGZpbGw9IiM1YjViNWIiLz48L2c+PC9zdmc+');
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    position: absolute;
    top: 50%;
    right: -27px;
    width: 8px;
    height: 13px;
    transform: translate(0, -50%);
}
@media (max-width: 767px) {
    body#body_Course_Detail
        #courseDetail
        #page-wrapper
        .mt20
        .course-all-wrapper
        div.col-lg-3.col-sm-4
        .course-panel
        .course-panel-body
        .clickable-panel
        p.sco-title
        .fa-file-video,
    body#body_Course_Detail
        #app
        #page-wrapper
        .mt20
        .course-all-wrapper
        div.col-lg-3.col-sm-4
        .course-panel
        .course-panel-body
        .clickable-panel
        p.sco-title
        .fa-file-video,
    body#body_ShareCourses_Detail
        #courseDetail
        #page-wrapper
        .mt20
        .course-all-wrapper
        div.col-lg-3.col-sm-4
        .course-panel
        .course-panel-body
        .clickable-panel
        p.sco-title
        .fa-file-video,
    body#body_ShareCourses_Detail
        #app
        #page-wrapper
        .mt20
        .course-all-wrapper
        div.col-lg-3.col-sm-4
        .course-panel
        .course-panel-body
        .clickable-panel
        p.sco-title
        .fa-file-video {
        right: 0px;
    }
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    p.sco-title
    .fa-file-video::before,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    p.sco-title
    .fa-file-video::before,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    p.sco-title
    .fa-file-video::before,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    p.sco-title
    .fa-file-video::before {
    display: none;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    p.sco-description,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    p.sco-description,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    p.sco-description,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    p.sco-description {
    display: none;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5 {
    margin-bottom: 0 !important;
    width: 62px;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5
    .sco-status-label,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5
    .sco-status-label,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5
    .sco-status-label,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5
    .sco-status-label {
    color: #fff;
    padding: 2px 4px;
    font-size: 90%;
    border-radius: 3px;
    white-space: nowrap;
    margin-top: 2px;
    margin-right: 3px;
    font-size: 12px;
    border: 1px solid #2ebe3e;
    background: none;
    border-radius: 2px;
    color: #2ebe3e;
    display: block;
    text-align: center;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5
    .sco-status-label.default,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5
    .sco-status-label.default,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5
    .sco-status-label.default,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5
    .sco-status-label.default {
    color: #ff1700;
    border-color: #ff1700;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5
    .sco-status-label.incomplete,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5
    .sco-status-label.incomplete,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5
    .sco-status-label.incomplete,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5
    .sco-status-label.incomplete {
    color: #4ea0bf;
    border-color: #4ea0bf;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5
    .sco-status-label.completed,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5
    .sco-status-label.completed,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5
    .sco-status-label.completed,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5
    .sco-status-label.completed {
    color: #2fbe3f;
    border-color: #2fbe3f;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5
    .sco-status-label.passed,
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5
    .sco-status-label.failed,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5
    .sco-status-label.passed,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5
    .sco-status-label.failed,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5
    .sco-status-label.passed,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5
    .sco-status-label.failed,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5
    .sco-status-label.passed,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5
    .sco-status-label.failed {
    color: #fff;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5
    .sco-status-label.passed,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5
    .sco-status-label.passed,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5
    .sco-status-label.passed,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5
    .sco-status-label.passed {
    background: #2fbe3f;
    border-color: #2fbe3f;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5
    .sco-status-label.failed,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5
    .sco-status-label.failed,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5
    .sco-status-label.failed,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .mb5
    .sco-status-label.failed {
    background: #888;
    border-color: #888;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .StandardDuration,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .StandardDuration,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .StandardDuration,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    div.col-lg-3.col-sm-4
    .course-panel
    .course-panel-body
    .clickable-panel
    .StandardDuration {
    order: 3;
    font-size: 14px;
    margin: 0;
    max-width: 80px;
    min-width: 80px;
    text-align: right;
}
@media (max-width: 767px) {
    body#body_Course_Detail
        #courseDetail
        #page-wrapper
        .mt20
        .course-all-wrapper
        div.col-lg-3.col-sm-4
        .course-panel
        .course-panel-body
        .clickable-panel
        .StandardDuration,
    body#body_Course_Detail
        #app
        #page-wrapper
        .mt20
        .course-all-wrapper
        div.col-lg-3.col-sm-4
        .course-panel
        .course-panel-body
        .clickable-panel
        .StandardDuration,
    body#body_ShareCourses_Detail
        #courseDetail
        #page-wrapper
        .mt20
        .course-all-wrapper
        div.col-lg-3.col-sm-4
        .course-panel
        .course-panel-body
        .clickable-panel
        .StandardDuration,
    body#body_ShareCourses_Detail
        #app
        #page-wrapper
        .mt20
        .course-all-wrapper
        div.col-lg-3.col-sm-4
        .course-panel
        .course-panel-body
        .clickable-panel
        .StandardDuration {
        font-size: 14px;
        max-width: 80px;
        min-width: 80px;
    }
    body#body_Course_Detail
        #courseDetail
        #page-wrapper
        .mt20
        .course-all-wrapper
        div.col-lg-3.col-sm-4
        .course-panel
        .course-panel-body
        .clickable-panel
        .StandardDuration
        .fa-video,
    body#body_Course_Detail
        #app
        #page-wrapper
        .mt20
        .course-all-wrapper
        div.col-lg-3.col-sm-4
        .course-panel
        .course-panel-body
        .clickable-panel
        .StandardDuration
        .fa-video,
    body#body_ShareCourses_Detail
        #courseDetail
        #page-wrapper
        .mt20
        .course-all-wrapper
        div.col-lg-3.col-sm-4
        .course-panel
        .course-panel-body
        .clickable-panel
        .StandardDuration
        .fa-video,
    body#body_ShareCourses_Detail
        #app
        #page-wrapper
        .mt20
        .course-all-wrapper
        div.col-lg-3.col-sm-4
        .course-panel
        .course-panel-body
        .clickable-panel
        .StandardDuration
        .fa-video {
        top: -1px;
    }
}
body#body_Course_Detail #courseDetail #page-wrapper .mt20 .course-all-wrapper .course-list,
body#body_Course_Detail #app #page-wrapper .mt20 .course-all-wrapper .course-list,
body#body_ShareCourses_Detail #courseDetail #page-wrapper .mt20 .course-all-wrapper .course-list,
body#body_ShareCourses_Detail #app #page-wrapper .mt20 .course-all-wrapper .course-list {
    margin: 0;
    padding: 24px 56px 24px 20px;
    border-bottom: 1px solid #dedede;
}
@media (max-width: 767px) {
    body#body_Course_Detail #courseDetail #page-wrapper .mt20 .course-all-wrapper .course-list,
    body#body_Course_Detail #app #page-wrapper .mt20 .course-all-wrapper .course-list,
    body#body_ShareCourses_Detail #courseDetail #page-wrapper .mt20 .course-all-wrapper .course-list,
    body#body_ShareCourses_Detail #app #page-wrapper .mt20 .course-all-wrapper .course-list {
        padding: 13px 36px 13px 20px;
    }
}
body#body_Course_Detail #courseDetail #page-wrapper .mt20 .course-all-wrapper .course-list:first-child,
body#body_Course_Detail #app #page-wrapper .mt20 .course-all-wrapper .course-list:first-child,
body#body_ShareCourses_Detail #courseDetail #page-wrapper .mt20 .course-all-wrapper .course-list:first-child,
body#body_ShareCourses_Detail #app #page-wrapper .mt20 .course-all-wrapper .course-list:first-child {
    border-top: 1px solid #dedede;
}
body#body_Course_Detail #courseDetail #page-wrapper .mt20 .course-all-wrapper .course-list:hover,
body#body_Course_Detail #app #page-wrapper .mt20 .course-all-wrapper .course-list:hover,
body#body_ShareCourses_Detail #courseDetail #page-wrapper .mt20 .course-all-wrapper .course-list:hover,
body#body_ShareCourses_Detail #app #page-wrapper .mt20 .course-all-wrapper .course-list:hover {
    background: #f4f4f4;
}
body#body_Course_Detail #courseDetail #page-wrapper .mt20 .course-all-wrapper .course-list .pl0,
body#body_Course_Detail #courseDetail #page-wrapper .mt20 .course-all-wrapper .course-list .pr0,
body#body_Course_Detail #app #page-wrapper .mt20 .course-all-wrapper .course-list .pl0,
body#body_Course_Detail #app #page-wrapper .mt20 .course-all-wrapper .course-list .pr0,
body#body_ShareCourses_Detail #courseDetail #page-wrapper .mt20 .course-all-wrapper .course-list .pl0,
body#body_ShareCourses_Detail #courseDetail #page-wrapper .mt20 .course-all-wrapper .course-list .pr0,
body#body_ShareCourses_Detail #app #page-wrapper .mt20 .course-all-wrapper .course-list .pl0,
body#body_ShareCourses_Detail #app #page-wrapper .mt20 .course-all-wrapper .course-list .pr0 {
    display: none;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.sco-focused-release.row
    .new-icon,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.sco-focused-release.row
    .new-icon,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.sco-focused-release.row
    .new-icon,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.sco-focused-release.row
    .new-icon {
    display: none;
}
body#body_Course_Detail #courseDetail #page-wrapper .mt20 .course-all-wrapper .course-list .flex.direction-column,
body#body_Course_Detail #app #page-wrapper .mt20 .course-all-wrapper .course-list .flex.direction-column,
body#body_ShareCourses_Detail #courseDetail #page-wrapper .mt20 .course-all-wrapper .course-list .flex.direction-column,
body#body_ShareCourses_Detail #app #page-wrapper .mt20 .course-all-wrapper .course-list .flex.direction-column {
    width: 100%;
    margin: 0;
    padding: 0;
}
body#body_Course_Detail #courseDetail #page-wrapper .mt20 .course-all-wrapper .course-list .flex.direction-column > div,
body#body_Course_Detail #app #page-wrapper .mt20 .course-all-wrapper .course-list .flex.direction-column > div,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div,
body#body_ShareCourses_Detail #app #page-wrapper .mt20 .course-all-wrapper .course-list .flex.direction-column > div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    > *,
body#body_Course_Detail #app #page-wrapper .mt20 .course-all-wrapper .course-list .flex.direction-column > div > *,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    > *,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    > * {
    width: auto;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p,
body#body_Course_Detail #app #page-wrapper .mt20 .course-all-wrapper .course-list .flex.direction-column > div p,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p,
body#body_ShareCourses_Detail #app #page-wrapper .mt20 .course-all-wrapper .course-list .flex.direction-column > div p {
    margin: 0;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-title,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-title,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-title,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-title {
    font-size: 16px;
    font-weight: 400;
    width: calc(100% - 170px);
    margin: 0;
    margin-left: 6px;
    margin-right: 22px;
}
@media (max-width: 767px) {
    body#body_Course_Detail
        #courseDetail
        #page-wrapper
        .mt20
        .course-all-wrapper
        .course-list
        .flex.direction-column
        > div
        p.sco-title,
    body#body_Course_Detail
        #app
        #page-wrapper
        .mt20
        .course-all-wrapper
        .course-list
        .flex.direction-column
        > div
        p.sco-title,
    body#body_ShareCourses_Detail
        #courseDetail
        #page-wrapper
        .mt20
        .course-all-wrapper
        .course-list
        .flex.direction-column
        > div
        p.sco-title,
    body#body_ShareCourses_Detail
        #app
        #page-wrapper
        .mt20
        .course-all-wrapper
        .course-list
        .flex.direction-column
        > div
        p.sco-title {
        width: calc(100% - 155px);
        font-size: 14px;
        margin-right: 6px;
    }
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-title
    .fa-file-video,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-title
    .fa-file-video,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-title
    .fa-file-video,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-title
    .fa-file-video {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4LjUiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCA4LjUgMTQiPjxnIGlkPSJpY29uX2Fycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNi41KSI+PHBhdGggaWQ9ImFyIiBkPSJNNy4wNDgsMGgwTDAsN2w3LjA0OCw3TDguNSwxMi41NTgsMi45LDcsOC41LDEuNDQyLDcuMDQ5LDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNSAxNCkgcm90YXRlKDE4MCkiIGZpbGw9IiM1YjViNWIiLz48L2c+PC9zdmc+');
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    position: absolute;
    top: 50%;
    right: -27px;
    width: 8px;
    height: 13px;
    transform: translate(0, -50%);
}
@media (max-width: 767px) {
    body#body_Course_Detail
        #courseDetail
        #page-wrapper
        .mt20
        .course-all-wrapper
        .course-list
        .flex.direction-column
        > div
        p.sco-title
        .fa-file-video,
    body#body_Course_Detail
        #app
        #page-wrapper
        .mt20
        .course-all-wrapper
        .course-list
        .flex.direction-column
        > div
        p.sco-title
        .fa-file-video,
    body#body_ShareCourses_Detail
        #courseDetail
        #page-wrapper
        .mt20
        .course-all-wrapper
        .course-list
        .flex.direction-column
        > div
        p.sco-title
        .fa-file-video,
    body#body_ShareCourses_Detail
        #app
        #page-wrapper
        .mt20
        .course-all-wrapper
        .course-list
        .flex.direction-column
        > div
        p.sco-title
        .fa-file-video {
        right: -20px;
    }
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-title
    .fa-file-video::before,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-title
    .fa-file-video::before,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-title
    .fa-file-video::before,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-title
    .fa-file-video::before {
    display: none;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-description,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-description,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-description,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    p.sco-description {
    display: none;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5,
body#body_Course_Detail #app #page-wrapper .mt20 .course-all-wrapper .course-list .flex.direction-column > div .mb5,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5 {
    margin-bottom: 0 !important;
    width: 62px;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label {
    color: #fff;
    padding: 2px 4px;
    font-size: 90%;
    border-radius: 3px;
    white-space: nowrap;
    margin-top: 2px;
    margin-right: 3px;
    font-size: 12px;
    border: 1px solid #2ebe3e;
    background: none;
    border-radius: 2px;
    color: #2ebe3e;
    display: block;
    text-align: center;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.default,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.default,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.default,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.default {
    color: #ff1700;
    border-color: #ff1700;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.incomplete,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.incomplete,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.incomplete,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.incomplete {
    color: #4ea0bf;
    border-color: #4ea0bf;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.completed,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.completed,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.completed,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.completed {
    color: #2fbe3f;
    border-color: #2fbe3f;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.passed,
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.failed,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.passed,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.failed,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.passed,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.failed,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.passed,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.failed {
    color: #fff;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.passed,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.passed,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.passed,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.passed {
    background: #2fbe3f;
    border-color: #2fbe3f;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.failed,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.failed,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.failed,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .mb5
    .sco-status-label.failed {
    background: #888;
    border-color: #888;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .StandardDuration,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .StandardDuration,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .StandardDuration,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div
    .StandardDuration {
    order: 3;
    font-size: 14px;
    margin: 0;
    max-width: 80px;
    min-width: 80px;
    text-align: right;
}
@media (max-width: 767px) {
    body#body_Course_Detail
        #courseDetail
        #page-wrapper
        .mt20
        .course-all-wrapper
        .course-list
        .flex.direction-column
        > div
        .StandardDuration,
    body#body_Course_Detail
        #app
        #page-wrapper
        .mt20
        .course-all-wrapper
        .course-list
        .flex.direction-column
        > div
        .StandardDuration,
    body#body_ShareCourses_Detail
        #courseDetail
        #page-wrapper
        .mt20
        .course-all-wrapper
        .course-list
        .flex.direction-column
        > div
        .StandardDuration,
    body#body_ShareCourses_Detail
        #app
        #page-wrapper
        .mt20
        .course-all-wrapper
        .course-list
        .flex.direction-column
        > div
        .StandardDuration {
        font-size: 14px;
        max-width: 80px;
        min-width: 80px;
    }
    body#body_Course_Detail
        #courseDetail
        #page-wrapper
        .mt20
        .course-all-wrapper
        .course-list
        .flex.direction-column
        > div
        .StandardDuration
        .fa-video,
    body#body_Course_Detail
        #app
        #page-wrapper
        .mt20
        .course-all-wrapper
        .course-list
        .flex.direction-column
        > div
        .StandardDuration
        .fa-video,
    body#body_ShareCourses_Detail
        #courseDetail
        #page-wrapper
        .mt20
        .course-all-wrapper
        .course-list
        .flex.direction-column
        > div
        .StandardDuration
        .fa-video,
    body#body_ShareCourses_Detail
        #app
        #page-wrapper
        .mt20
        .course-all-wrapper
        .course-list
        .flex.direction-column
        > div
        .StandardDuration
        .fa-video {
        top: -1px;
    }
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div.flex.wrap-wrap,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div.flex.wrap-wrap,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div.flex.wrap-wrap,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex.direction-column
    > div.flex.wrap-wrap {
    display: none !important;
}
body#body_Course_Detail #courseDetail #page-wrapper .mt20 .course-all-wrapper .course-list .flex .col-md-10.col-xs-8,
body#body_Course_Detail #app #page-wrapper .mt20 .course-all-wrapper .course-list .flex .col-md-10.col-xs-8,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8,
body#body_ShareCourses_Detail #app #page-wrapper .mt20 .course-all-wrapper .course-list .flex .col-md-10.col-xs-8 {
    width: 100%;
    margin: 0;
    padding: 0;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div.flex.wrap-wrap,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div.flex.wrap-wrap,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div.flex.wrap-wrap,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div.flex.wrap-wrap {
    display: none !important;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div,
body#body_Course_Detail #app #page-wrapper .mt20 .course-all-wrapper .course-list .flex .col-md-10.col-xs-8 > div,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    > *,
body#body_Course_Detail #app #page-wrapper .mt20 .course-all-wrapper .course-list .flex .col-md-10.col-xs-8 > div > *,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    > *,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    > * {
    width: auto;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    p,
body#body_Course_Detail #app #page-wrapper .mt20 .course-all-wrapper .course-list .flex .col-md-10.col-xs-8 > div p,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    p,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    p {
    margin: 0;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    p.sco-title,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    p.sco-title,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    p.sco-title,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    p.sco-title {
    font-size: 16px;
    font-weight: 400;
    width: calc(100% - 110px);
    margin: 0;
    margin-left: 6px;
    margin-right: 22px;
}
@media (max-width: 767px) {
    body#body_Course_Detail
        #courseDetail
        #page-wrapper
        .mt20
        .course-all-wrapper
        .course-list
        .flex
        .col-md-10.col-xs-8
        > div
        p.sco-title,
    body#body_Course_Detail
        #app
        #page-wrapper
        .mt20
        .course-all-wrapper
        .course-list
        .flex
        .col-md-10.col-xs-8
        > div
        p.sco-title,
    body#body_ShareCourses_Detail
        #courseDetail
        #page-wrapper
        .mt20
        .course-all-wrapper
        .course-list
        .flex
        .col-md-10.col-xs-8
        > div
        p.sco-title,
    body#body_ShareCourses_Detail
        #app
        #page-wrapper
        .mt20
        .course-all-wrapper
        .course-list
        .flex
        .col-md-10.col-xs-8
        > div
        p.sco-title {
        width: calc(100% - 110px);
        font-size: 14px;
        margin-right: 6px;
    }
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    p.sco-title
    span,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    p.sco-title
    span,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    p.sco-title
    span,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    p.sco-title
    span {
    font-family: 'NotoSansCJKjp', 'Noto Sans JP', serif;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    p.sco-title
    .fa-file-video,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    p.sco-title
    .fa-file-video,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    p.sco-title
    .fa-file-video,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    p.sco-title
    .fa-file-video {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4LjUiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCA4LjUgMTQiPjxnIGlkPSJpY29uX2Fycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNi41KSI+PHBhdGggaWQ9ImFyIiBkPSJNNy4wNDgsMGgwTDAsN2w3LjA0OCw3TDguNSwxMi41NTgsMi45LDcsOC41LDEuNDQyLDcuMDQ5LDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNSAxNCkgcm90YXRlKDE4MCkiIGZpbGw9IiM1YjViNWIiLz48L2c+PC9zdmc+');
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    position: absolute;
    top: 50%;
    right: -27px;
    width: 8px;
    height: 13px;
    transform: translate(0, -50%);
}
@media (max-width: 767px) {
    body#body_Course_Detail
        #courseDetail
        #page-wrapper
        .mt20
        .course-all-wrapper
        .course-list
        .flex
        .col-md-10.col-xs-8
        > div
        p.sco-title
        .fa-file-video,
    body#body_Course_Detail
        #app
        #page-wrapper
        .mt20
        .course-all-wrapper
        .course-list
        .flex
        .col-md-10.col-xs-8
        > div
        p.sco-title
        .fa-file-video,
    body#body_ShareCourses_Detail
        #courseDetail
        #page-wrapper
        .mt20
        .course-all-wrapper
        .course-list
        .flex
        .col-md-10.col-xs-8
        > div
        p.sco-title
        .fa-file-video,
    body#body_ShareCourses_Detail
        #app
        #page-wrapper
        .mt20
        .course-all-wrapper
        .course-list
        .flex
        .col-md-10.col-xs-8
        > div
        p.sco-title
        .fa-file-video {
        right: 0px;
    }
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    p.sco-title
    .fa-file-video::before,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    p.sco-title
    .fa-file-video::before,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    p.sco-title
    .fa-file-video::before,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    p.sco-title
    .fa-file-video::before {
    display: none;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    p.sco-description,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    p.sco-description,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    p.sco-description,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    p.sco-description {
    display: none;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .mb5,
body#body_Course_Detail #app #page-wrapper .mt20 .course-all-wrapper .course-list .flex .col-md-10.col-xs-8 > div .mb5,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .mb5,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .mb5 {
    margin-bottom: 0 !important;
    width: 62px;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .mb5
    .sco-status-label,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .mb5
    .sco-status-label,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .mb5
    .sco-status-label,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .mb5
    .sco-status-label {
    color: #fff;
    padding: 2px 4px;
    font-size: 90%;
    border-radius: 3px;
    white-space: nowrap;
    margin-top: 2px;
    margin-right: 3px;
    font-size: 12px;
    border: 1px solid #2ebe3e;
    background: none;
    border-radius: 2px;
    color: #2ebe3e;
    display: block;
    text-align: center;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .mb5
    .sco-status-label.default,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .mb5
    .sco-status-label.default,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .mb5
    .sco-status-label.default,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .mb5
    .sco-status-label.default {
    color: #ff1700;
    border-color: #ff1700;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .mb5
    .sco-status-label.incomplete,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .mb5
    .sco-status-label.incomplete,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .mb5
    .sco-status-label.incomplete,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .mb5
    .sco-status-label.incomplete {
    color: #4ea0bf;
    border-color: #4ea0bf;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .mb5
    .sco-status-label.completed,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .mb5
    .sco-status-label.completed,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .mb5
    .sco-status-label.completed,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .mb5
    .sco-status-label.completed {
    color: #2fbe3f;
    border-color: #2fbe3f;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .mb5
    .sco-status-label.passed,
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .mb5
    .sco-status-label.failed,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .mb5
    .sco-status-label.passed,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .mb5
    .sco-status-label.failed,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .mb5
    .sco-status-label.passed,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .mb5
    .sco-status-label.failed,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .mb5
    .sco-status-label.passed,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .mb5
    .sco-status-label.failed {
    color: #fff;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .mb5
    .sco-status-label.passed,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .mb5
    .sco-status-label.passed,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .mb5
    .sco-status-label.passed,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .mb5
    .sco-status-label.passed {
    background: #2fbe3f;
    border-color: #2fbe3f;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .mb5
    .sco-status-label.failed,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .mb5
    .sco-status-label.failed,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .mb5
    .sco-status-label.failed,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .mb5
    .sco-status-label.failed {
    background: #888;
    border-color: #888;
}
body#body_Course_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .StandardDuration,
body#body_Course_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .StandardDuration,
body#body_ShareCourses_Detail
    #courseDetail
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .StandardDuration,
body#body_ShareCourses_Detail
    #app
    #page-wrapper
    .mt20
    .course-all-wrapper
    .course-list
    .flex
    .col-md-10.col-xs-8
    > div
    .StandardDuration {
    order: 3;
    font-size: 14px;
    margin: 0;
    max-width: 80px;
    min-width: 80px;
    text-align: right;
}
@media (max-width: 767px) {
    body#body_Course_Detail
        #courseDetail
        #page-wrapper
        .mt20
        .course-all-wrapper
        .course-list
        .flex
        .col-md-10.col-xs-8
        > div
        .StandardDuration,
    body#body_Course_Detail
        #app
        #page-wrapper
        .mt20
        .course-all-wrapper
        .course-list
        .flex
        .col-md-10.col-xs-8
        > div
        .StandardDuration,
    body#body_ShareCourses_Detail
        #courseDetail
        #page-wrapper
        .mt20
        .course-all-wrapper
        .course-list
        .flex
        .col-md-10.col-xs-8
        > div
        .StandardDuration,
    body#body_ShareCourses_Detail
        #app
        #page-wrapper
        .mt20
        .course-all-wrapper
        .course-list
        .flex
        .col-md-10.col-xs-8
        > div
        .StandardDuration {
        font-size: 14px;
        max-width: 80px;
        min-width: 80px;
    }
    body#body_Course_Detail
        #courseDetail
        #page-wrapper
        .mt20
        .course-all-wrapper
        .course-list
        .flex
        .col-md-10.col-xs-8
        > div
        .StandardDuration
        .fa-video,
    body#body_Course_Detail
        #app
        #page-wrapper
        .mt20
        .course-all-wrapper
        .course-list
        .flex
        .col-md-10.col-xs-8
        > div
        .StandardDuration
        .fa-video,
    body#body_ShareCourses_Detail
        #courseDetail
        #page-wrapper
        .mt20
        .course-all-wrapper
        .course-list
        .flex
        .col-md-10.col-xs-8
        > div
        .StandardDuration
        .fa-video,
    body#body_ShareCourses_Detail
        #app
        #page-wrapper
        .mt20
        .course-all-wrapper
        .course-list
        .flex
        .col-md-10.col-xs-8
        > div
        .StandardDuration
        .fa-video {
        top: -1px;
    }
}
body#body_quizPlayer .NavigationBlockList .Constraint-title {
    font-size: 0;
}
body#body_quizPlayer .NavigationBlockList .Constraint-title::before {
    content: 'ここまで完了すると、\A次に進むことができます';
    font-size: 14px;
    white-space: pre;
}
body#body_quizPlayer.class_guest .sub-title,
body#body_quizPlayer.class_guest .list-inline,
body#body_quizPlayer.class_guest .form-group,
body#body_quizPlayer.class_guest .alert,
body#body_quizPlayer.class_guest .btn-success,
body#body_quizPlayer.class_guest .btn-danger,
body#body_quizPlayer.class_user .sub-title,
body#body_quizPlayer.class_user .list-inline,
body#body_quizPlayer.class_user .form-group,
body#body_quizPlayer.class_user .alert,
body#body_quizPlayer.class_user .btn-success,
body#body_quizPlayer.class_user .btn-danger {
    display: none;
}
body#body_quizPlayer.class_guest .lms-pager-alert,
body#body_quizPlayer.class_user .lms-pager-alert {
    display: none;
}
body#body_quizPlayer.class_guest
    .lms-overlay-navigation.flex.direction-column.position-left
    main
    .pr10
    .thumbnail-wrap.size-sm,
body#body_quizPlayer.class_user
    .lms-overlay-navigation.flex.direction-column.position-left
    main
    .pr10
    .thumbnail-wrap.size-sm {
    padding-top: 55%;
}
body#body_quizPlayer.class_guest
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationDetailButton
    .QuizPlayerIconButton,
body#body_quizPlayer.class_user
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationDetailButton
    .QuizPlayerIconButton {
    color: #5b5b5b;
}
body#body_quizPlayer.class_guest
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationDetailButton
    .QuizPlayerIconButton:hover,
body#body_quizPlayer.class_user
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationDetailButton
    .QuizPlayerIconButton:hover {
    background-color: #c6c6c6;
}
body#body_quizPlayer.class_guest
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationBlockList
    .Contents
    .Quiz.item
    .fa-file-video,
body#body_quizPlayer.class_guest
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationBlockList
    .Contents
    .Quiz.item
    .fa-file-alt,
body#body_quizPlayer.class_user
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationBlockList
    .Contents
    .Quiz.item
    .fa-file-video,
body#body_quizPlayer.class_user
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationBlockList
    .Contents
    .Quiz.item
    .fa-file-alt {
    display: none;
}
body#body_quizPlayer.class_guest
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationBlockList
    .Contents
    .Quiz.item
    .active-mark
    .QuizPlayerTooltip
    .tooltip-arrow,
body#body_quizPlayer.class_user
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationBlockList
    .Contents
    .Quiz.item
    .active-mark
    .QuizPlayerTooltip
    .tooltip-arrow {
    border-top-color: #bf6d4e;
}
body#body_quizPlayer.class_guest
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationBlockList
    .Contents
    .Quiz.item
    .active-mark
    .QuizPlayerTooltip
    .tooltip-inner,
body#body_quizPlayer.class_user
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationBlockList
    .Contents
    .Quiz.item
    .active-mark
    .QuizPlayerTooltip
    .tooltip-inner {
    background-color: #bf6d4e;
}
body#body_quizPlayer.class_guest
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationBlockList
    .Contents
    .Quiz.item
    .NavigationItemFooter
    .NavigationItemFooter-sco-status,
body#body_quizPlayer.class_user
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationBlockList
    .Contents
    .Quiz.item
    .NavigationItemFooter
    .NavigationItemFooter-sco-status {
    display: inline-block;
    min-width: 62px;
    color: #fff;
    padding: 2px 4px;
    font-size: 12px;
    background: none;
    border-radius: 2px;
    text-align: center;
}
body#body_quizPlayer.class_guest
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationBlockList
    .Contents
    .Quiz.item
    .NavigationItemFooter
    .NavigationItemFooter-sco-status.default,
body#body_quizPlayer.class_user
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationBlockList
    .Contents
    .Quiz.item
    .NavigationItemFooter
    .NavigationItemFooter-sco-status.default {
    color: #ff1700;
    border: 1px solid #ff1700;
}
body#body_quizPlayer.class_guest
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationBlockList
    .Contents
    .Quiz.item
    .NavigationItemFooter
    .NavigationItemFooter-sco-status.completed,
body#body_quizPlayer.class_user
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationBlockList
    .Contents
    .Quiz.item
    .NavigationItemFooter
    .NavigationItemFooter-sco-status.completed {
    color: #2fbe3f;
    border: 1px solid #2fbe3f;
}
body#body_quizPlayer.class_guest
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationBlockList
    .Contents
    .Quiz.item
    .NavigationItemFooter
    .NavigationItemFooter-sco-status.incomplete,
body#body_quizPlayer.class_user
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationBlockList
    .Contents
    .Quiz.item
    .NavigationItemFooter
    .NavigationItemFooter-sco-status.incomplete {
    color: #4ea0bf;
    border: 1px solid #4ea0bf;
}
body#body_quizPlayer.class_guest
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationBlockList
    .Contents
    .Quiz.item
    .NavigationItemFooter
    .NavigationItemFooter-sco-status.passed,
body#body_quizPlayer.class_user
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationBlockList
    .Contents
    .Quiz.item
    .NavigationItemFooter
    .NavigationItemFooter-sco-status.passed {
    color: #fff;
    background: #2fbe3f;
    border: 1px solid #2fbe3f;
}
body#body_quizPlayer.class_guest
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationBlockList
    .Contents
    .Quiz.item
    .NavigationItemFooter
    .NavigationItemFooter-sco-status.failed,
body#body_quizPlayer.class_user
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationBlockList
    .Contents
    .Quiz.item
    .NavigationItemFooter
    .NavigationItemFooter-sco-status.failed {
    color: #fff;
    background: #888888;
    border: 1px solid #888888;
}
body#body_quizPlayer.class_guest
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationBlockList
    .Contents
    .Quiz.item
    .NavigationDetailButton,
body#body_quizPlayer.class_user
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationBlockList
    .Contents
    .Quiz.item
    .NavigationDetailButton {
    display: none;
}
body#body_quizPlayer.class_guest
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationBlockList
    div.Constraint.item,
body#body_quizPlayer.class_user
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationBlockList
    div.Constraint.item {
    background: #fff !important;
    color: #888 !important;
    pointer-events: none;
}
body#body_quizPlayer.class_guest
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationBlockList
    div.Constraint.item
    .Constraint-icon,
body#body_quizPlayer.class_user
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationBlockList
    div.Constraint.item
    .Constraint-icon {
    display: none;
}
body#body_quizPlayer.class_guest
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationBlockList
    div.ConstraintOverlay,
body#body_quizPlayer.class_user
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationBlockList
    div.ConstraintOverlay {
    background-color: #ffffffb3;
}
body#body_quizPlayer.class_guest
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationBlockList
    div.ConstraintOverlay
    *,
body#body_quizPlayer.class_guest
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationBlockList
    div.ConstraintOverlay
    span,
body#body_quizPlayer.class_user
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationBlockList
    div.ConstraintOverlay
    *,
body#body_quizPlayer.class_user
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationBlockList
    div.ConstraintOverlay
    span {
    display: none;
}
body#body_quizPlayer.class_guest
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationBlockList
    div.Constraint.item.cleared,
body#body_quizPlayer.class_user
    .lms-overlay-navigation.flex.direction-column.position-left
    .NavigationBlockList
    div.Constraint.item.cleared {
    display: none;
}
body#body_quizPlayer.class_guest .modal-dialog .thumbnail-wrap,
body#body_quizPlayer.class_user .modal-dialog .thumbnail-wrap {
    padding-top: 55%;
}
body#body_quizPlayer.class_guest .fade.ContentsDetailModal.in.modal .ContentsDetailModal-inner,
body#body_quizPlayer.class_user .fade.ContentsDetailModal.in.modal .ContentsDetailModal-inner {
    padding-bottom: 65px;
}
body#body_quizPlayer.class_guest
    .fade.ContentsDetailModal.in.modal
    .ContentsDetailModal-inner
    .ContentsDetailModalBody
    header.ContentsDetailModalBody-header,
body#body_quizPlayer.class_user
    .fade.ContentsDetailModal.in.modal
    .ContentsDetailModal-inner
    .ContentsDetailModalBody
    header.ContentsDetailModalBody-header {
    border-bottom: none;
    margin-bottom: 10px;
    align-items: flex-start;
}
body#body_quizPlayer.class_guest
    .fade.ContentsDetailModal.in.modal
    .ContentsDetailModal-inner
    .ContentsDetailModalBody
    header.ContentsDetailModalBody-header
    .pr20
    .thumbnail-folder-wrap,
body#body_quizPlayer.class_guest
    .fade.ContentsDetailModal.in.modal
    .ContentsDetailModal-inner
    .ContentsDetailModalBody
    header.ContentsDetailModalBody-header
    .pr20
    .thumbnail-wrap,
body#body_quizPlayer.class_user
    .fade.ContentsDetailModal.in.modal
    .ContentsDetailModal-inner
    .ContentsDetailModalBody
    header.ContentsDetailModalBody-header
    .pr20
    .thumbnail-folder-wrap,
body#body_quizPlayer.class_user
    .fade.ContentsDetailModal.in.modal
    .ContentsDetailModal-inner
    .ContentsDetailModalBody
    header.ContentsDetailModalBody-header
    .pr20
    .thumbnail-wrap {
    padding-top: 55%;
}
body#body_quizPlayer.class_guest
    .fade.ContentsDetailModal.in.modal
    .ContentsDetailModal-inner
    .ContentsDetailModalBody
    header.ContentsDetailModalBody-header
    .pr20
    .thumbnail-folder-wrap
    .panel-badge
    .list-badge
    .badge-img,
body#body_quizPlayer.class_guest
    .fade.ContentsDetailModal.in.modal
    .ContentsDetailModal-inner
    .ContentsDetailModalBody
    header.ContentsDetailModalBody-header
    .pr20
    .thumbnail-folder-wrap
    .panel-badge
    .panel-badge
    .badge-img,
body#body_quizPlayer.class_guest
    .fade.ContentsDetailModal.in.modal
    .ContentsDetailModal-inner
    .ContentsDetailModalBody
    header.ContentsDetailModalBody-header
    .pr20
    .thumbnail-wrap
    .panel-badge
    .list-badge
    .badge-img,
body#body_quizPlayer.class_guest
    .fade.ContentsDetailModal.in.modal
    .ContentsDetailModal-inner
    .ContentsDetailModalBody
    header.ContentsDetailModalBody-header
    .pr20
    .thumbnail-wrap
    .panel-badge
    .panel-badge
    .badge-img,
body#body_quizPlayer.class_user
    .fade.ContentsDetailModal.in.modal
    .ContentsDetailModal-inner
    .ContentsDetailModalBody
    header.ContentsDetailModalBody-header
    .pr20
    .thumbnail-folder-wrap
    .panel-badge
    .list-badge
    .badge-img,
body#body_quizPlayer.class_user
    .fade.ContentsDetailModal.in.modal
    .ContentsDetailModal-inner
    .ContentsDetailModalBody
    header.ContentsDetailModalBody-header
    .pr20
    .thumbnail-folder-wrap
    .panel-badge
    .panel-badge
    .badge-img,
body#body_quizPlayer.class_user
    .fade.ContentsDetailModal.in.modal
    .ContentsDetailModal-inner
    .ContentsDetailModalBody
    header.ContentsDetailModalBody-header
    .pr20
    .thumbnail-wrap
    .panel-badge
    .list-badge
    .badge-img,
body#body_quizPlayer.class_user
    .fade.ContentsDetailModal.in.modal
    .ContentsDetailModal-inner
    .ContentsDetailModalBody
    header.ContentsDetailModalBody-header
    .pr20
    .thumbnail-wrap
    .panel-badge
    .panel-badge
    .badge-img {
    max-width: 15px;
    max-height: unset;
}
body#body_quizPlayer.class_guest
    .fade.ContentsDetailModal.in.modal
    .ContentsDetailModal-inner
    .ContentsDetailModalBody
    header.ContentsDetailModalBody-header
    .pr20
    + div:nth-child(2),
body#body_quizPlayer.class_user
    .fade.ContentsDetailModal.in.modal
    .ContentsDetailModal-inner
    .ContentsDetailModalBody
    header.ContentsDetailModalBody-header
    .pr20
    + div:nth-child(2) {
    width: 100%;
    position: relative;
    padding-bottom: 15px;
}
body#body_quizPlayer.class_guest
    .fade.ContentsDetailModal.in.modal
    .ContentsDetailModal-inner
    .ContentsDetailModalBody
    header.ContentsDetailModalBody-header
    .course-progress.type-normal,
body#body_quizPlayer.class_user
    .fade.ContentsDetailModal.in.modal
    .ContentsDetailModal-inner
    .ContentsDetailModalBody
    header.ContentsDetailModalBody-header
    .course-progress.type-normal {
    bottom: -10px;
    left: 0;
    width: 100%;
}
body#body_quizPlayer.class_guest
    .fade.ContentsDetailModal.in.modal
    .ContentsDetailModal-inner
    .ContentsDetailModalBody
    header.ContentsDetailModalBody-header
    .course-progress.type-normal
    .course-progress__bars,
body#body_quizPlayer.class_user
    .fade.ContentsDetailModal.in.modal
    .ContentsDetailModal-inner
    .ContentsDetailModalBody
    header.ContentsDetailModalBody-header
    .course-progress.type-normal
    .course-progress__bars {
    width: 60%;
    height: 5px;
    background: #e8e8e8;
    border-radius: 8px;
    box-shadow: none;
}
body#body_quizPlayer.class_guest
    .fade.ContentsDetailModal.in.modal
    .ContentsDetailModal-inner
    .ContentsDetailModalBody
    header.ContentsDetailModalBody-header
    .course-progress.type-normal
    .course-progress__bars
    .progress-bar-info,
body#body_quizPlayer.class_user
    .fade.ContentsDetailModal.in.modal
    .ContentsDetailModal-inner
    .ContentsDetailModalBody
    header.ContentsDetailModalBody-header
    .course-progress.type-normal
    .course-progress__bars
    .progress-bar-info {
    background-color: #12b886;
}
body#body_quizPlayer.class_guest
    .fade.ContentsDetailModal.in.modal
    .ContentsDetailModal-inner
    .ContentsDetailModalBody
    header.ContentsDetailModalBody-header
    .course-progress.type-normal
    .course-progress__bars
    .course-progress__studying,
body#body_quizPlayer.class_user
    .fade.ContentsDetailModal.in.modal
    .ContentsDetailModal-inner
    .ContentsDetailModalBody
    header.ContentsDetailModalBody-header
    .course-progress.type-normal
    .course-progress__bars
    .course-progress__studying {
    background-color: #e8e8e8;
}
body#body_quizPlayer.class_guest
    .fade.ContentsDetailModal.in.modal
    .ContentsDetailModal-inner
    .ContentsDetailModalBody
    header.ContentsDetailModalBody-header
    .course-progress.type-normal
    .course-progress__text,
body#body_quizPlayer.class_user
    .fade.ContentsDetailModal.in.modal
    .ContentsDetailModal-inner
    .ContentsDetailModalBody
    header.ContentsDetailModalBody-header
    .course-progress.type-normal
    .course-progress__text {
    display: inline-block;
}
body#body_quizPlayer.class_guest
    .fade.ContentsDetailModal.in.modal
    .ContentsDetailModal-inner
    .ContentsDetailModalBody
    main
    .ContentsDetailModalBody-categories,
body#body_quizPlayer.class_user
    .fade.ContentsDetailModal.in.modal
    .ContentsDetailModal-inner
    .ContentsDetailModalBody
    main
    .ContentsDetailModalBody-categories {
    position: absolute;
    bottom: 40px;
}
body#body_quizPlayer.class_guest
    .fade.ContentsDetailModal.in.modal
    .ContentsDetailModal-inner
    .ContentsDetailModalBody
    main
    .ContentsDetailModalBody-detailed-description,
body#body_quizPlayer.class_user
    .fade.ContentsDetailModal.in.modal
    .ContentsDetailModal-inner
    .ContentsDetailModalBody
    main
    .ContentsDetailModalBody-detailed-description {
    display: none !important;
}
body#body_quizPlayer.class_guest .lms-overlay-main .QuizHeaderTitle,
body#body_quizPlayer.class_user .lms-overlay-main .QuizHeaderTitle {
    height: 18px;
}
@media (max-width: 767px) {
    body#body_quizPlayer.class_guest .lms-overlay-main .QuizHeaderTitle,
    body#body_quizPlayer.class_user .lms-overlay-main .QuizHeaderTitle {
        margin-top: 4px;
    }
}
body#body_quizPlayer.class_guest .lms-overlay-main .QuizPlayerIconButton,
body#body_quizPlayer.class_user .lms-overlay-main .QuizPlayerIconButton {
    position: relative;
    top: -6px;
}
@media (max-width: 767px) {
    body#body_quizPlayer.class_guest .lms-overlay-main .QuizPlayerIconButton,
    body#body_quizPlayer.class_user .lms-overlay-main .QuizPlayerIconButton {
        top: -2px;
    }
}
body#body_quizPlayer.class_guest .lms-overlay-main .QuizPlayerIconButton.lms-overlay-header-close,
body#body_quizPlayer.class_user .lms-overlay-main .QuizPlayerIconButton.lms-overlay-header-close {
    top: 0;
}
body#body_quizPlayer.class_guest .lms-overlay-main .lms-overlay-header-nav.lms-overlay-header-nav-right,
body#body_quizPlayer.class_user .lms-overlay-main .lms-overlay-header-nav.lms-overlay-header-nav-right {
    display: none !important;
}
@media (max-width: 768px) {
    body#body_quizPlayer.class_guest #lms-overlay-video .plyr.plyr--video,
    body#body_quizPlayer.class_user #lms-overlay-video .plyr.plyr--video {
        height: 50%;
    }
}
@media (max-width: 768px) and (orientation: landscape) {
    body#body_quizPlayer.class_guest #lms-overlay-video .plyr.plyr--video,
    body#body_quizPlayer.class_user #lms-overlay-video .plyr.plyr--video {
        height: 80%;
    }
}
body#body_quizPlayer.class_guest #lms-overlay,
body#body_quizPlayer.class_user #lms-overlay {
    background: #000;
}
body#body_quizPlayer.class_guest #lms-overlay .lms-overlay-header-item,
body#body_quizPlayer.class_user #lms-overlay .lms-overlay-header-item {
    display: block;
    position: relative;
    width: 50px;
    height: 50px;
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    filter: none;
}
body#body_quizPlayer.class_guest #lms-overlay .lms-overlay-header-item[data-original-title='バーを隠す'],
body#body_quizPlayer.class_user #lms-overlay .lms-overlay-header-item[data-original-title='バーを隠す'] {
    display: none;
}
body#body_quizPlayer.class_guest
    #lms-overlay
    .lms-overlay-header-item[data-original-title='バーを表示']
    ~ .lms-overlay-header-item,
body#body_quizPlayer.class_user
    #lms-overlay
    .lms-overlay-header-item[data-original-title='バーを表示']
    ~ .lms-overlay-header-item {
    display: none;
}
body#body_quizPlayer.class_guest
    #lms-overlay
    .lms-overlay-header-item[data-original-title='バーを表示']
    ~ .lms-overlay-header-item.lms-overlay-header-close,
body#body_quizPlayer.class_user
    #lms-overlay
    .lms-overlay-header-item[data-original-title='バーを表示']
    ~ .lms-overlay-header-item.lms-overlay-header-close {
    display: block;
}
body#body_quizPlayer.class_guest
    #lms-overlay
    .lms-overlay-header-item[data-original-title='バーを表示']
    ~ .lms-overlay-header-item.lms-overlay-header-close
    .fa-close::before,
body#body_quizPlayer.class_user
    #lms-overlay
    .lms-overlay-header-item[data-original-title='バーを表示']
    ~ .lms-overlay-header-item.lms-overlay-header-close
    .fa-close::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMzUgLTE1KSIgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNNzM3LjI1OS0xMDUuMzk0bC0xLjcxMy0xLjcxMy02Ljg5NCw2Ljg5NC02Ljg5NC02Ljg5NC0xLjcxMywxLjcxMyw2Ljg5NCw2Ljg5NC02Ljg5NCw2Ljg5NCwxLjcxMywxLjcxMyw2Ljg5NC02Ljg5NCw2Ljg5NCw2Ljg5NCwxLjcxMy0xLjcxM0w3MzAuMzY2LTk4LjVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzgzLjQ1MiAxMjMuNzAxKSIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=');
    background-repeat: no-repeat;
    background-size: 100% auto;
}
body#body_quizPlayer.class_guest #lms-overlay .lms-overlay-header-item > i,
body#body_quizPlayer.class_user #lms-overlay .lms-overlay-header-item > i {
    width: auto;
}
body#body_quizPlayer.class_guest #lms-overlay .lms-overlay-header-item > i::before,
body#body_quizPlayer.class_user #lms-overlay .lms-overlay-header-item > i::before {
    font-size: 18px;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #444;
    transform: translate(-50%, -50%);
}
body#body_quizPlayer.class_guest #lms-overlay .lms-overlay-header-item .fa-angle-double-up::before,
body#body_quizPlayer.class_guest #lms-overlay .lms-overlay-header-item .fa-angle-double-down::before,
body#body_quizPlayer.class_user #lms-overlay .lms-overlay-header-item .fa-angle-double-up::before,
body#body_quizPlayer.class_user #lms-overlay .lms-overlay-header-item .fa-angle-double-down::before {
    font-size: 26px;
    line-height: 1;
}
body#body_quizPlayer.class_guest #lms-overlay .lms-overlay-header-item .fa-angle-double-down::before,
body#body_quizPlayer.class_user #lms-overlay .lms-overlay-header-item .fa-angle-double-down::before {
    color: #fff;
}
body#body_quizPlayer.class_guest #lms-overlay .lms-overlay-header-item .fa-chevron-double-left::before,
body#body_quizPlayer.class_guest #lms-overlay .lms-overlay-header-item .fa-chevron-double-right::before,
body#body_quizPlayer.class_user #lms-overlay .lms-overlay-header-item .fa-chevron-double-left::before,
body#body_quizPlayer.class_user #lms-overlay .lms-overlay-header-item .fa-chevron-double-right::before {
    color: #b5b5b5;
}
body#body_quizPlayer.class_guest #lms-overlay .lms-overlay-header-item .fa-chevron-double-left::before,
body#body_quizPlayer.class_user #lms-overlay .lms-overlay-header-item .fa-chevron-double-left::before {
    content: '\f053';
}
body#body_quizPlayer.class_guest #lms-overlay .lms-overlay-header-item .fa-chevron-double-right::before,
body#body_quizPlayer.class_user #lms-overlay .lms-overlay-header-item .fa-chevron-double-right::before {
    content: '\f054';
}
body#body_quizPlayer.class_guest #lms-overlay .lms-overlay-header-item .fa-close::before,
body#body_quizPlayer.class_user #lms-overlay .lms-overlay-header-item .fa-close::before {
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMzUgLTE1KSIgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNNzM3LjI1OS0xMDUuMzk0bC0xLjcxMy0xLjcxMy02Ljg5NCw2Ljg5NC02Ljg5NC02Ljg5NC0xLjcxMywxLjcxMyw2Ljg5NCw2Ljg5NC02Ljg5NCw2Ljg5NCwxLjcxMywxLjcxMyw2Ljg5NC02Ljg5NCw2Ljg5NCw2Ljg5NCwxLjcxMy0xLjcxM0w3MzAuMzY2LTk4LjVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzgzLjQ1MiAxMjMuNzAxKSIgZmlsbD0iI2I1YjViNSIvPjwvZz48L3N2Zz4=');
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    width: 18px;
    height: 18px;
}
body#body_quizPlayer.class_guest #lms-overlay .lms-overlay-header-next,
body#body_quizPlayer.class_guest #lms-overlay .lms-overlay-header-prev,
body#body_quizPlayer.class_user #lms-overlay .lms-overlay-header-next,
body#body_quizPlayer.class_user #lms-overlay .lms-overlay-header-prev {
    display: none;
    float: none;
    position: absolute;
    top: 0;
    left: 50%;
}
body#body_quizPlayer.class_guest #lms-overlay .lms-overlay-header-next,
body#body_quizPlayer.class_user #lms-overlay .lms-overlay-header-next {
    margin-right: -50px;
}
body#body_quizPlayer.class_guest #lms-overlay .lms-overlay-header-prev,
body#body_quizPlayer.class_user #lms-overlay .lms-overlay-header-prev {
    margin-left: -50px;
}
body#body_quizPlayer.class_guest #lms-overlay .lms-overlay-header-good,
body#body_quizPlayer.class_user #lms-overlay .lms-overlay-header-good {
    display: none;
}
body#body_quizPlayer.class_guest #lms-overlay .lms-overlay-contents,
body#body_quizPlayer.class_user #lms-overlay .lms-overlay-contents {
    margin-top: 50px;
}
body#body_quizPlayer.class_guest #lms-overlay .lms-overlay-main .QuizHeaderTitle,
body#body_quizPlayer.class_user #lms-overlay .lms-overlay-main .QuizHeaderTitle {
    height: 18px;
}
@media (max-width: 767px) {
    body#body_quizPlayer.class_guest #lms-overlay .lms-overlay-main .QuizHeaderTitle,
    body#body_quizPlayer.class_user #lms-overlay .lms-overlay-main .QuizHeaderTitle {
        margin-top: 4px;
    }
}
body#body_quizPlayer.class_guest #lms-overlay .lms-overlay-main .QuizPlayerIconButton,
body#body_quizPlayer.class_user #lms-overlay .lms-overlay-main .QuizPlayerIconButton {
    position: relative;
    top: -6px;
}
@media (max-width: 767px) {
    body#body_quizPlayer.class_guest #lms-overlay .lms-overlay-main .QuizPlayerIconButton,
    body#body_quizPlayer.class_user #lms-overlay .lms-overlay-main .QuizPlayerIconButton {
        top: -2px;
    }
}
body#body_quizPlayer.class_guest #lms-overlay .lms-overlay-main .QuizPlayerIconButton.lms-overlay-header-close,
body#body_quizPlayer.class_user #lms-overlay .lms-overlay-main .QuizPlayerIconButton.lms-overlay-header-close {
    top: 0;
}
@media (min-width: 992px) {
    body#body_quizPlayer.class_guest #lms-overlay .lms-overlay-header-item,
    body#body_quizPlayer.class_user #lms-overlay .lms-overlay-header-item {
        width: 60px;
        height: 60px;
    }
}
body#body_quizPlayer .sub-title,
body#body_quizPlayer .list-inline,
body#body_quizPlayer .form-group,
body#body_quizPlayer .alert,
body#body_quizPlayer .btn-success,
body#body_quizPlayer .btn-danger {
    display: none;
}
body#body_quizPlayer .lms-pager-alert {
    display: none;
}
body#body_quizPlayer.class_user #lms-overlay .lms-overlay-contents {
    margin-top: 0px;
    background: #f5f5f5;
}
body#body_quizPlayer .ContentsDetailModalBody-progress-bar-wrapper {
    display: flex;
    flex-direction: column-reverse;
}
body#body_quizPlayer .ContentsDetailModalBody-progress-bar-wrapper .ContentsDetailModalBody-title {
    margin-bottom: 10px;
}
body#body_Plan_Index.class_user .plan-history-wrapper .flex.wrap-wrap .two-panel-box {
    width: 100%;
}
body#body_Plan_Index.class_user .plan-history-wrapper .flex.wrap-wrap .two-panel-box:last-child {
    margin-left: 0;
}
body#body_Plan_Index.class_guest #page-wrapper,
body#body_Plan_Index.class_user #page-wrapper {
    padding-left: 0;
    padding-right: 0;
    padding-top: 40px;
}
body#body_Plan_Index.class_guest #page-wrapper .nav-tabs,
body#body_Plan_Index.class_user #page-wrapper .nav-tabs {
    display: none;
}
body#body_Plan_Index.class_guest .panel,
body#body_Plan_Index.class_user .panel {
    margin-left: 0;
    margin-right: 0;
}
body#body_Plan_Index.class_guest .panel-heading,
body#body_Plan_Index.class_user .panel-heading {
    display: none;
    min-height: auto;
}
body#body_Plan_Index.class_guest .panel-box,
body#body_Plan_Index.class_user .panel-box {
    height: auto;
    background: none;
    border: none;
    padding-left: 20px;
    padding-right: 20px;
}
body#body_Plan_Index.class_guest .plan-history-wrapper > .f-24,
body#body_Plan_Index.class_user .plan-history-wrapper > .f-24 {
    display: none;
}
body#body_Plan_Index.class_guest .plan-history-wrapper p.f-24:first-child,
body#body_Plan_Index.class_user .plan-history-wrapper p.f-24:first-child {
    display: none;
}
body#body_Plan_Index.class_guest .plan-history-wrapper .flex.wrap-wrap,
body#body_Plan_Index.class_user .plan-history-wrapper .flex.wrap-wrap {
    position: relative;
    z-index: 10;
    overflow: hidden;
}
body#body_Plan_Index.class_guest .plan-history-wrapper .flex.wrap-wrap .two-panel-box,
body#body_Plan_Index.class_user .plan-history-wrapper .flex.wrap-wrap .two-panel-box {
    position: relative;
    z-index: 10;
}
body#body_Plan_Index.class_guest .plan-history-wrapper p.f-24,
body#body_Plan_Index.class_user .plan-history-wrapper p.f-24 {
    display: block;
    background: #fff;
    padding: 40px 48px 10px;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
}
@media (max-width: 767px) {
    body#body_Plan_Index.class_guest .plan-history-wrapper p.f-24,
    body#body_Plan_Index.class_user .plan-history-wrapper p.f-24 {
        padding: 20px 20px 10px;
    }
}
body#body_Plan_Index.class_guest .plan-history-wrapper .flex.wrap-wrap + .f-24,
body#body_Plan_Index.class_user .plan-history-wrapper .flex.wrap-wrap + .f-24 {
    display: block;
    background: #fff;
    padding: 40px 48px 10px;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
}
@media (max-width: 767px) {
    body#body_Plan_Index.class_guest .plan-history-wrapper .flex.wrap-wrap + .f-24,
    body#body_Plan_Index.class_user .plan-history-wrapper .flex.wrap-wrap + .f-24 {
        padding: 20px 20px 10px;
    }
}
body#body_Plan_Index.class_guest .plan-history-wrapper .plan-history,
body#body_Plan_Index.class_user .plan-history-wrapper .plan-history {
    background: #fff;
    padding: 0 48px 60px;
}
@media (max-width: 767px) {
    body#body_Plan_Index.class_guest .plan-history-wrapper .plan-history,
    body#body_Plan_Index.class_user .plan-history-wrapper .plan-history {
        padding: 0 20px 60px;
    }
}
body#body_Plan_Index.class_guest .plan-history-wrapper .plan-history .row,
body#body_Plan_Index.class_user .plan-history-wrapper .plan-history .row {
    margin: 0;
}
body#body_Plan_Index.class_guest .plan-history-wrapper .plan-history .row #planHistory_filter,
body#body_Plan_Index.class_user .plan-history-wrapper .plan-history .row #planHistory_filter {
    display: none;
}
@media (max-width: 767px) {
    body#body_Plan_Index.class_guest .plan-history-wrapper .plan-history .row .col-sm-6,
    body#body_Plan_Index.class_user .plan-history-wrapper .plan-history .row .col-sm-6 {
        padding: 0;
    }
}
@media (max-width: 767px) {
    body#body_Plan_Index.class_guest .plan-history-wrapper .plan-history .row .col-sm-6 .dataTables_length,
    body#body_Plan_Index.class_user .plan-history-wrapper .plan-history .row .col-sm-6 .dataTables_length {
        text-align: left;
    }
}
body#body_Plan_Index.class_guest .plan-history-wrapper .plan-history .row .col-sm-6 .dataTables_length label,
body#body_Plan_Index.class_user .plan-history-wrapper .plan-history .row .col-sm-6 .dataTables_length label {
    position: relative;
}
body#body_Plan_Index.class_guest .plan-history-wrapper .plan-history .row .col-sm-6 .dataTables_length label:after,
body#body_Plan_Index.class_user .plan-history-wrapper .plan-history .row .col-sm-6 .dataTables_length label:after {
    content: '';
    position: absolute;
    top: 16px;
    left: 60px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #999999;
}
body#body_Plan_Index.class_guest .plan-history-wrapper .plan-history .row .col-sm-6 .dataTables_length select,
body#body_Plan_Index.class_user .plan-history-wrapper .plan-history .row .col-sm-6 .dataTables_length select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #c9c9c9;
    width: 80px;
    padding: 0 12px;
    margin-right: 10px;
    height: 36px;
    font-size: 14px;
    border-radius: 6px;
}
body#body_Plan_Index.class_guest .plan-history-wrapper .plan-history .row .col-sm-12,
body#body_Plan_Index.class_user .plan-history-wrapper .plan-history .row .col-sm-12 {
    padding: 0;
}
body#body_Plan_Index.class_guest .plan-history-wrapper .plan-history .row .col-sm-12 table,
body#body_Plan_Index.class_user .plan-history-wrapper .plan-history .row .col-sm-12 table {
    box-shadow: none;
    border: 1px solid #ddd;
    margin: 20px 0 !important;
}
body#body_Plan_Index.class_guest .plan-history-wrapper .plan-history .row .col-sm-12 table th,
body#body_Plan_Index.class_user .plan-history-wrapper .plan-history .row .col-sm-12 table th {
    font-size: 14px;
    font-weight: bold;
    background: #dedede;
    color: #444444;
    padding: 10px;
}
body#body_Plan_Index.class_guest .plan-history-wrapper .plan-history .row .col-sm-12 table td,
body#body_Plan_Index.class_user .plan-history-wrapper .plan-history .row .col-sm-12 table td {
    font-size: 14px;
    color: #444444;
    padding: 10px;
}
body#body_Plan_Index.class_guest .plan-history-wrapper .plan-history .row .col-sm-12 table td.child,
body#body_Plan_Index.class_user .plan-history-wrapper .plan-history .row .col-sm-12 table td.child {
    background: #dedede;
    padding: 0;
}
body#body_Plan_Index.class_guest .plan-history-wrapper .plan-history .row .col-sm-12 table td.child li,
body#body_Plan_Index.class_user .plan-history-wrapper .plan-history .row .col-sm-12 table td.child li {
    text-align: left;
    border-color: #e8e8e8;
    padding: 0;
}
body#body_Plan_Index.class_guest .plan-history-wrapper .plan-history .row .col-sm-12 table td.child li span,
body#body_Plan_Index.class_user .plan-history-wrapper .plan-history .row .col-sm-12 table td.child li span {
    padding: 9px 15px;
    border-color: #e8e8e8;
}
body#body_Plan_Index.class_guest .plan-history-wrapper .plan-history .row .col-sm-12 table td.control,
body#body_Plan_Index.class_user .plan-history-wrapper .plan-history .row .col-sm-12 table td.control {
    background: #fff;
}
body#body_Plan_Index.class_guest .plan-history-wrapper .plan-history .row .col-sm-12 table td.control:before,
body#body_Plan_Index.class_user .plan-history-wrapper .plan-history .row .col-sm-12 table td.control:before {
    color: #888888;
    font-size: 10px;
    z-index: 1;
    border-radius: 0;
    background: none;
}
body#body_Plan_Index.class_guest .plan-history-wrapper .plan-history .row .col-sm-12 table td.control:after,
body#body_Plan_Index.class_user .plan-history-wrapper .plan-history .row .col-sm-12 table td.control:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 22px;
    background: #f7f7f7;
    transform: translate(-50%, -50%);
    z-index: 0;
    border: 1px solid #999999;
    border-radius: 4px;
}
body#body_Plan_Index.class_guest .plan-history-wrapper .plan-history .row .col-sm-12 table tr.parent td.control,
body#body_Plan_Index.class_user .plan-history-wrapper .plan-history .row .col-sm-12 table tr.parent td.control {
    background: #fff;
}
body#body_Plan_Index.class_guest .plan-history-wrapper .plan-history .row .col-sm-12 table tr.parent td.control::before,
body#body_Plan_Index.class_user .plan-history-wrapper .plan-history .row .col-sm-12 table tr.parent td.control::before {
    color: #888888;
    font-size: 10px;
    border-radius: 0;
    background: none;
}
body#body_Plan_Index.class_guest .plan-history-wrapper .plan-history .row .col-sm-5,
body#body_Plan_Index.class_user .plan-history-wrapper .plan-history .row .col-sm-5 {
    padding: 0;
}
@media (max-width: 767px) {
    body#body_Plan_Index.class_guest .plan-history-wrapper .plan-history .row .col-sm-5,
    body#body_Plan_Index.class_user .plan-history-wrapper .plan-history .row .col-sm-5 {
        padding-bottom: 15px;
    }
}
body#body_Plan_Index.class_guest
    .plan-history-wrapper
    .plan-history
    .row
    .col-sm-7
    .dataTables_paginate
    .pagination
    li
    a,
body#body_Plan_Index.class_user
    .plan-history-wrapper
    .plan-history
    .row
    .col-sm-7
    .dataTables_paginate
    .pagination
    li
    a {
    border-color: #999999;
    padding: 7px;
    min-width: 36px;
    text-align: center;
    color: #444444;
}
body#body_Plan_Index.class_guest
    .plan-history-wrapper
    .plan-history
    .row
    .col-sm-7
    .dataTables_paginate
    .pagination
    li
    a:hover,
body#body_Plan_Index.class_user
    .plan-history-wrapper
    .plan-history
    .row
    .col-sm-7
    .dataTables_paginate
    .pagination
    li
    a:hover {
    z-index: unset;
    background: #fff;
}
body#body_Plan_Index.class_guest
    .plan-history-wrapper
    .plan-history
    .row
    .col-sm-7
    .dataTables_paginate
    .pagination
    li.active
    a,
body#body_Plan_Index.class_user
    .plan-history-wrapper
    .plan-history
    .row
    .col-sm-7
    .dataTables_paginate
    .pagination
    li.active
    a {
    color: #fff;
    background: #bf6d4e;
    border-color: #bf6d4e;
}
body#body_Plan_Index.class_guest .plan-header,
body#body_Plan_Index.class_user .plan-header {
    font-size: 30px;
    line-height: 1.4;
    font-weight: 600;
    text-align: center;
    background: none;
    border-radius: 0;
    padding: 30px 0;
}
@media (max-width: 767px) {
    body#body_Plan_Index.class_guest .plan-header,
    body#body_Plan_Index.class_user .plan-header {
        padding-left: 40px;
        padding-right: 40px;
    }
}
body#body_Plan_Index.class_guest .plan-header > .pull-right,
body#body_Plan_Index.class_user .plan-header > .pull-right {
    display: none;
}
body#body_Plan_Index.class_guest .plan-header.list-group-item,
body#body_Plan_Index.class_user .plan-header.list-group-item {
    padding: 30px;
}
@media (max-width: 767px) {
    body#body_Plan_Index.class_guest .plan-header.list-group-item,
    body#body_Plan_Index.class_user .plan-header.list-group-item {
        padding: 20px;
    }
}
body#body_Plan_Index.class_guest .plan-info,
body#body_Plan_Index.class_user .plan-info {
    padding: 0 20px;
}
body#body_Plan_Index.class_guest .plan-info #cardNotation,
body#body_Plan_Index.class_user .plan-info #cardNotation {
    margin-top: 10px;
}
body#body_Plan_Index.class_guest .plan-info.list-group-item,
body#body_Plan_Index.class_user .plan-info.list-group-item {
    padding: 30px;
}
@media (max-width: 767px) {
    body#body_Plan_Index.class_guest .plan-info.list-group-item,
    body#body_Plan_Index.class_user .plan-info.list-group-item {
        padding: 20px;
    }
}
body#body_Plan_Index.class_guest
    .plan-history-wrapper
    .one-panel-box
    .panel-box
    .list-group-item:nth-of-type(3)
    > p:nth-of-type(3)
    > span,
body#body_Plan_Index.class_user
    .plan-history-wrapper
    .one-panel-box
    .panel-box
    .list-group-item:nth-of-type(3)
    > p:nth-of-type(3)
    > span {
    position: static;
}
body#body_Plan_Index.class_guest
    .plan-history-wrapper
    .one-panel-box
    .panel-box
    .list-group-item:nth-of-type(3)
    > p:nth-of-type(3)
    > span:not(:first-child),
body#body_Plan_Index.class_user
    .plan-history-wrapper
    .one-panel-box
    .panel-box
    .list-group-item:nth-of-type(3)
    > p:nth-of-type(3)
    > span:not(:first-child) {
    margin-left: 10%;
    font-weight: bold;
}
body#body_Plan_Index.class_guest .one-panel-box .list-group-item.plan-info p .label.label-default,
body#body_Plan_Index.class_user .one-panel-box .list-group-item.plan-info p .label.label-default {
    position: relative;
    margin-bottom: 20px;
}
body#body_Plan_Index.class_guest .one-panel-box .list-group-item.plan-info p .label.label-default::before,
body#body_Plan_Index.class_user .one-panel-box .list-group-item.plan-info p .label.label-default::before {
    content: 'サービスの解約手続きを完了しました。\A契約期間中はそのままご利用いただけます。';
    white-space: pre;
    position: absolute;
    bottom: -34px;
    left: 50%;
    font-weight: normal;
    transform: translateX(-50%);
    font-size: 14px;
}
body#body_Plan_Index.class_guest .two-panel-box .list-group-item.plan-info p .label.label-default,
body#body_Plan_Index.class_user .two-panel-box .list-group-item.plan-info p .label.label-default {
    position: relative;
    margin-bottom: 20px;
}
body#body_Plan_Index.class_guest .two-panel-box .list-group-item.plan-info p .label.label-default::before,
body#body_Plan_Index.class_user .two-panel-box .list-group-item.plan-info p .label.label-default::before {
    content: 'サービスの解約手続きを完了しました。\A契約期間中はそのままご利用いただけます。';
    white-space: pre;
    position: absolute;
    bottom: -34px;
    left: 50%;
    font-weight: normal;
    transform: translateX(-50%);
    font-size: 14px;
}
body#body_Plan_Index.class_guest .two-panel-box .list-group-item .button-row .btn,
body#body_Plan_Index.class_user .two-panel-box .list-group-item .button-row .btn {
    max-width: 265px;
}
body#body_Plan_Index.class_guest .two-panel-box .list-group-item .button-row .btn-outline[role='select-subsc'],
body#body_Plan_Index.class_user .two-panel-box .list-group-item .button-row .btn-outline[role='select-subsc'] {
    font-size: 0;
}
body#body_Plan_Index.class_guest .two-panel-box .list-group-item .button-row .btn-outline[role='select-subsc']::before,
body#body_Plan_Index.class_user .two-panel-box .list-group-item .button-row .btn-outline[role='select-subsc']::before {
    content: '契約プランの自動更新を再開する';
    font-size: 16px;
}
body#body_Plan_Index.class_guest .list-group,
body#body_Plan_Index.class_user .list-group {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 0 !important;
}
body#body_Plan_Index.class_guest .list-group-item,
body#body_Plan_Index.class_user .list-group-item {
    border: none;
}
body#body_Plan_Index.class_guest .list-group-item > p,
body#body_Plan_Index.class_user .list-group-item > p {
    margin-bottom: 0;
}
body#body_Plan_Index.class_guest .list-group-item:nth-of-type(2),
body#body_Plan_Index.class_user .list-group-item:nth-of-type(2) {
    padding-top: 30px;
}
body#body_Plan_Index.class_guest .list-group-item:nth-of-type(2) > p,
body#body_Plan_Index.class_user .list-group-item:nth-of-type(2) > p {
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    background: #edf4f7;
    border-radius: 0;
    color: #444444;
    font-weight: 400;
}
body#body_Plan_Index.class_guest .list-group-item:nth-of-type(2) > p:nth-child(1),
body#body_Plan_Index.class_user .list-group-item:nth-of-type(2) > p:nth-child(1) {
    font-size: 14px;
    color: #888888;
    padding: 20px;
    font-weight: 400;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
body#body_Plan_Index.class_guest .list-group-item:nth-of-type(2) > p:nth-child(2),
body#body_Plan_Index.class_user .list-group-item:nth-of-type(2) > p:nth-child(2) {
    font-size: 14px;
    color: #444444;
    padding: 0 20px 16px;
    font-weight: 400;
}
body#body_Plan_Index.class_guest .list-group-item:nth-of-type(2) > p:nth-child(2) span,
body#body_Plan_Index.class_user .list-group-item:nth-of-type(2) > p:nth-child(2) span {
    display: block;
    margin-top: 6px;
    font-size: 24px;
}
body#body_Plan_Index.class_guest .list-group-item:nth-of-type(2) > p:nth-child(2) span.label,
body#body_Plan_Index.class_user .list-group-item:nth-of-type(2) > p:nth-child(2) span.label {
    display: inline-block;
    padding: 6px 12px;
    margin: 5px;
    text-align: center;
    background: none;
    border: 1px solid #ff1700;
    color: #ff1700;
    font-size: 16px;
}
body#body_Plan_Index.class_guest .list-group-item:nth-of-type(2) > p:nth-child(2) span.label.label-success,
body#body_Plan_Index.class_user .list-group-item:nth-of-type(2) > p:nth-child(2) span.label.label-success {
    color: #12b886;
    border: 1px solid #12b886;
}
body#body_Plan_Index.class_guest .list-group-item:nth-of-type(2) > p:nth-child(2) span.label.label-warning,
body#body_Plan_Index.class_user .list-group-item:nth-of-type(2) > p:nth-child(2) span.label.label-warning {
    color: #ff7f00;
    border: 1px solid #ff7f00;
}
body#body_Plan_Index.class_guest .list-group-item:nth-of-type(2) > p:nth-child(2) span.label.label-default,
body#body_Plan_Index.class_user .list-group-item:nth-of-type(2) > p:nth-child(2) span.label.label-default {
    color: #ff1700;
    border: 1px solid #ff1700;
}
body#body_Plan_Index.class_guest .list-group-item:nth-of-type(2) > p:nth-child(2) span.label.label-danger,
body#body_Plan_Index.class_user .list-group-item:nth-of-type(2) > p:nth-child(2) span.label.label-danger {
    color: #ff1700;
    border: 1px solid #ff1700;
}
body#body_Plan_Index.class_guest .list-group-item:nth-of-type(2) > p:nth-last-child(3),
body#body_Plan_Index.class_user .list-group-item:nth-of-type(2) > p:nth-last-child(3) {
    padding: 10px 20px 20px;
}
body#body_Plan_Index.class_guest .list-group-item:nth-of-type(2) > p:nth-last-child(2),
body#body_Plan_Index.class_user .list-group-item:nth-of-type(2) > p:nth-last-child(2) {
    font-size: 16px;
    font-weight: bold;
    color: #444444;
    padding: 20px 20px 10px;
    position: relative;
}
body#body_Plan_Index.class_guest .list-group-item:nth-of-type(2) > p:nth-last-child(2):before,
body#body_Plan_Index.class_user .list-group-item:nth-of-type(2) > p:nth-last-child(2):before {
    content: '';
    position: absolute;
    width: 86%;
    height: 1px;
    background: #dedede;
    left: 7%;
    top: 0;
}
body#body_Plan_Index.class_guest .list-group-item:nth-of-type(2) > p:last-child,
body#body_Plan_Index.class_user .list-group-item:nth-of-type(2) > p:last-child {
    font-size: 16px;
    font-weight: bold;
    color: #444444;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 0 20px 20px;
}
body#body_Plan_Index.class_guest .list-group-item:nth-of-type(2) > p > span,
body#body_Plan_Index.class_user .list-group-item:nth-of-type(2) > p > span {
    font-size: 24px;
    display: block;
    font-weight: 600;
}
body#body_Plan_Index.class_guest .list-group-item:nth-of-type(2) .label,
body#body_Plan_Index.class_user .list-group-item:nth-of-type(2) .label {
    display: none;
}
body#body_Plan_Index.class_guest .list-group-item:nth-of-type(3),
body#body_Plan_Index.class_user .list-group-item:nth-of-type(3) {
    padding-top: 60px;
}
body#body_Plan_Index.class_guest .list-group-item:nth-of-type(3) > p,
body#body_Plan_Index.class_user .list-group-item:nth-of-type(3) > p {
    background: #f4f4f4;
    padding: 20px;
}
body#body_Plan_Index.class_guest .list-group-item:nth-of-type(3) > p.font-bold,
body#body_Plan_Index.class_guest .list-group-item:nth-of-type(3) > p#cardNotation,
body#body_Plan_Index.class_user .list-group-item:nth-of-type(3) > p.font-bold,
body#body_Plan_Index.class_user .list-group-item:nth-of-type(3) > p#cardNotation {
    background: none;
    padding-top: 0;
}
body#body_Plan_Index.class_guest .list-group-item:nth-of-type(3) > p.font-bold,
body#body_Plan_Index.class_user .list-group-item:nth-of-type(3) > p.font-bold {
    font-size: 24px;
    line-height: 1.5;
    padding: 0 0 20px;
}
body#body_Plan_Index.class_guest .list-group-item:nth-of-type(3) > p:nth-of-type(2),
body#body_Plan_Index.class_guest .list-group-item:nth-of-type(3) > p:nth-of-type(3),
body#body_Plan_Index.class_user .list-group-item:nth-of-type(3) > p:nth-of-type(2),
body#body_Plan_Index.class_user .list-group-item:nth-of-type(3) > p:nth-of-type(3) {
    font-size: 16px;
    line-height: 1.6;
    padding-left: 104px;
}
body#body_Plan_Index.class_guest .list-group-item:nth-of-type(3) > p:nth-of-type(2),
body#body_Plan_Index.class_user .list-group-item:nth-of-type(3) > p:nth-of-type(2) {
    font-weight: 600;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding-bottom: 8px;
}
body#body_Plan_Index.class_guest .list-group-item:nth-of-type(3) > p:nth-of-type(3),
body#body_Plan_Index.class_user .list-group-item:nth-of-type(3) > p:nth-of-type(3) {
    position: relative;
    font-weight: 600;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-top: 8px;
}
body#body_Plan_Index.class_guest .list-group-item:nth-of-type(3) > p:nth-of-type(3) > span,
body#body_Plan_Index.class_user .list-group-item:nth-of-type(3) > p:nth-of-type(3) > span {
    display: inline-block;
    left: 20px;
    font-weight: 400;
}
body#body_Plan_Index.class_guest .list-group-item.button-row,
body#body_Plan_Index.class_user .list-group-item.button-row {
    padding: 20px 20px 20px;
}
body#body_Plan_Index.class_guest .list-group-item.button-row.text-center .btn-outline[role='select-subsc'],
body#body_Plan_Index.class_guest
    .list-group-item.button-row.text-center
    .btn-outline[data-original-title='有効期限が3ヶ月以内の場合、契約プランを変更できます。'],
body#body_Plan_Index.class_guest
    .list-group-item.button-row.text-center
    .btn-outline[data-original-title='残りの有効期間が3か月以上あるため変更できません。'],
body#body_Plan_Index.class_guest
    .list-group-item.button-row.text-center
    .btn-outline[title='有効期限が3ヶ月以内の場合、契約プランを変更できます。'],
body#body_Plan_Index.class_guest
    .list-group-item.button-row.text-center
    .btn-outline[title='残りの有効期間が3か月以上あるため変更できません。'],
body#body_Plan_Index.class_user .list-group-item.button-row.text-center .btn-outline[role='select-subsc'],
body#body_Plan_Index.class_user
    .list-group-item.button-row.text-center
    .btn-outline[data-original-title='有効期限が3ヶ月以内の場合、契約プランを変更できます。'],
body#body_Plan_Index.class_user
    .list-group-item.button-row.text-center
    .btn-outline[data-original-title='残りの有効期間が3か月以上あるため変更できません。'],
body#body_Plan_Index.class_user
    .list-group-item.button-row.text-center
    .btn-outline[title='有効期限が3ヶ月以内の場合、契約プランを変更できます。'],
body#body_Plan_Index.class_user
    .list-group-item.button-row.text-center
    .btn-outline[title='残りの有効期間が3か月以上あるため変更できません。'] {
    max-width: 265px;
    font-size: 0;
}
body#body_Plan_Index.class_guest .list-group-item.button-row.text-center .btn-outline[role='select-subsc']::before,
body#body_Plan_Index.class_guest
    .list-group-item.button-row.text-center
    .btn-outline[data-original-title='有効期限が3ヶ月以内の場合、契約プランを変更できます。']::before,
body#body_Plan_Index.class_guest
    .list-group-item.button-row.text-center
    .btn-outline[data-original-title='残りの有効期間が3か月以上あるため変更できません。']::before,
body#body_Plan_Index.class_guest
    .list-group-item.button-row.text-center
    .btn-outline[title='有効期限が3ヶ月以内の場合、契約プランを変更できます。']::before,
body#body_Plan_Index.class_guest
    .list-group-item.button-row.text-center
    .btn-outline[title='残りの有効期間が3か月以上あるため変更できません。']::before,
body#body_Plan_Index.class_user .list-group-item.button-row.text-center .btn-outline[role='select-subsc']::before,
body#body_Plan_Index.class_user
    .list-group-item.button-row.text-center
    .btn-outline[data-original-title='有効期限が3ヶ月以内の場合、契約プランを変更できます。']::before,
body#body_Plan_Index.class_user
    .list-group-item.button-row.text-center
    .btn-outline[data-original-title='残りの有効期間が3か月以上あるため変更できません。']::before,
body#body_Plan_Index.class_user
    .list-group-item.button-row.text-center
    .btn-outline[title='有効期限が3ヶ月以内の場合、契約プランを変更できます。']::before,
body#body_Plan_Index.class_user
    .list-group-item.button-row.text-center
    .btn-outline[title='残りの有効期間が3か月以上あるため変更できません。']::before {
    content: '契約プランの自動更新を再開する';
    font-size: 16px;
}
body#body_Plan_Index.class_guest .list-group-item.button-row .btn,
body#body_Plan_Index.class_user .list-group-item.button-row .btn {
    border-radius: 8px;
}
body#body_Plan_Index.class_guest .list-group-item.button-row .btn-outline,
body#body_Plan_Index.class_user .list-group-item.button-row .btn-outline {
    font-weight: 600;
    color: #fff;
    background: #bf6d4e;
    border-color: #bf6d4e;
}
body#body_Plan_Index.class_guest .list-group-item.button-row .btn-outline[role='select-subsc'],
body#body_Plan_Index.class_user .list-group-item.button-row .btn-outline[role='select-subsc'] {
    font-size: 0;
}
body#body_Plan_Index.class_guest .list-group-item.button-row .btn-outline[role='select-subsc']::before,
body#body_Plan_Index.class_user .list-group-item.button-row .btn-outline[role='select-subsc']::before {
    content: '契約プランを変更する';
    font-size: 16px;
}
body#body_Plan_Index.class_guest .list-group-item.button-row .btn-danger,
body#body_Plan_Index.class_user .list-group-item.button-row .btn-danger {
    color: #444;
    background: #f7f7f7;
    border-color: #999;
}
body#body_Plan_Index.class_guest .jumbotron,
body#body_Plan_Index.class_user .jumbotron {
    text-align: center;
    color: #444;
    background: none;
    margin: 0;
    padding: 30px 20px;
}
body#body_Plan_Index.class_guest .jumbotron p,
body#body_Plan_Index.class_user .jumbotron p {
    font-size: 30px;
    line-height: 1.4;
    font-weight: 600;
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    body#body_Plan_Index.class_guest .jumbotron p,
    body#body_Plan_Index.class_user .jumbotron p {
        padding-left: 30px;
        padding-right: 30px;
    }
}
body#body_Plan_Index.class_guest .jumbotron .btn,
body#body_Plan_Index.class_user .jumbotron .btn {
    border-radius: 8px;
}
body#body_Plan_Index.class_guest .jumbotron .btn-warning,
body#body_Plan_Index.class_user .jumbotron .btn-warning {
    display: block;
    font-weight: 600;
    color: #fff;
    background: #bf6d4e;
    border-color: #bf6d4e;
}
@media screen and (min-width: 768px) {
    body#body_Plan_Index.class_guest .list-group-item:nth-of-type(3) > p:nth-of-type(2),
    body#body_Plan_Index.class_user .list-group-item:nth-of-type(3) > p:nth-of-type(2) {
        position: relative;
        padding-bottom: 20px;
    }
    body#body_Plan_Index.class_guest .list-group-item:nth-of-type(3) > p:nth-of-type(2)::after,
    body#body_Plan_Index.class_user .list-group-item:nth-of-type(3) > p:nth-of-type(2)::after {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 20px;
        width: calc(100% - 40px);
        height: 1px;
        background: #dedede;
    }
    body#body_Plan_Index.class_guest .list-group-item:nth-of-type(3) > p:nth-of-type(3),
    body#body_Plan_Index.class_user .list-group-item:nth-of-type(3) > p:nth-of-type(3) {
        padding-top: 20px;
    }
    body#body_Plan_Index.class_guest .list-group-item.button-row,
    body#body_Plan_Index.class_user .list-group-item.button-row {
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
    }
    body#body_Plan_Index.class_guest .list-group-item.button-row .btn,
    body#body_Plan_Index.class_user .list-group-item.button-row .btn {
        width: 100%;
        max-width: 280px;
    }
    body#body_Plan_Index.class_guest .list-group-item.button-row .btn-outline,
    body#body_Plan_Index.class_user .list-group-item.button-row .btn-outline {
        margin: 0;
    }
    body#body_Plan_Index.class_guest .list-group-item.button-row .btn-danger,
    body#body_Plan_Index.class_user .list-group-item.button-row .btn-danger {
        margin-left: 0;
        margin-right: 20px;
    }
    body#body_Plan_Index.class_guest .jumbotron .btn,
    body#body_Plan_Index.class_user .jumbotron .btn {
        width: 100%;
        max-width: 240px;
        display: inline-block;
    }
}
@media (min-width: 992px) {
    body#body_Plan_Index.class_guest #page-wrapper,
    body#body_Plan_Index.class_user #page-wrapper {
        width: 100%;
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }
    body#body_Plan_Index.class_guest .panel,
    body#body_Plan_Index.class_user .panel {
        margin-left: 0;
        margin-right: 0;
    }
    body#body_Plan_Index.class_guest .list-group-item,
    body#body_Plan_Index.class_user .list-group-item {
        padding-left: 200px;
        padding-right: 200px;
    }
    body#body_Plan_Index.class_guest .list-group-item:nth-of-type(2),
    body#body_Plan_Index.class_user .list-group-item:nth-of-type(2) {
        padding-top: 40px;
    }
    body#body_Plan_Index.class_guest .list-group-item:nth-of-type(3) > p:nth-of-type(2),
    body#body_Plan_Index.class_guest .list-group-item:nth-of-type(3) > p:nth-of-type(3),
    body#body_Plan_Index.class_user .list-group-item:nth-of-type(3) > p:nth-of-type(2),
    body#body_Plan_Index.class_user .list-group-item:nth-of-type(3) > p:nth-of-type(3) {
        padding-left: 220px;
        padding-right: 40px;
    }
    body#body_Plan_Index.class_guest .list-group-item:nth-of-type(3) > p:nth-of-type(2)::after,
    body#body_Plan_Index.class_user .list-group-item:nth-of-type(3) > p:nth-of-type(2)::after {
        left: 40px;
        width: calc(100% - 80px);
    }
    body#body_Plan_Index.class_guest .list-group-item:nth-of-type(3) > p:nth-of-type(3) > span,
    body#body_Plan_Index.class_user .list-group-item:nth-of-type(3) > p:nth-of-type(3) > span {
        left: 40px;
    }
    body#body_Plan_Index.class_guest .jumbotron,
    body#body_Plan_Index.class_user .jumbotron {
        padding-top: 40px;
    }
    body#body_Plan_Index.class_guest .jumbotron p,
    body#body_Plan_Index.class_user .jumbotron p {
        margin-bottom: 40px;
    }
}
body#body_Plan_Index.class_guest.is-dataTables_empty #page-wrapper,
body#body_Plan_Index.class_user.is-dataTables_empty #page-wrapper {
    padding-top: 0;
    padding-bottom: 0 !important;
}
body#body_Plan_Index.class_guest.is-dataTables_empty .plan-history,
body#body_Plan_Index.class_guest.is-dataTables_empty .jumbotron .btn-warning,
body#body_Plan_Index.class_user.is-dataTables_empty .plan-history,
body#body_Plan_Index.class_user.is-dataTables_empty .jumbotron .btn-warning {
    display: none;
}
body#body_Plan_Index.class_guest.is-dataTables_empty .jumbotron,
body#body_Plan_Index.class_user.is-dataTables_empty .jumbotron {
    height: calc(100vh - 214px);
    justify-content: center;
    align-items: center;
    display: flex;
}
@media (max-width: 767px) {
    body#body_Plan_Index.class_guest.is-dataTables_empty .jumbotron,
    body#body_Plan_Index.class_user.is-dataTables_empty .jumbotron {
        height: calc(100vh - 408px);
    }
}
body#body_Plan_Index.class_guest.is-dataTables_empty .jumbotron + .f-24,
body#body_Plan_Index.class_user.is-dataTables_empty .jumbotron + .f-24 {
    display: none;
}
body#body_Plan_Index.class_guest.is-dataTables_meaningful .jumbotron > p,
body#body_Plan_Index.class_user.is-dataTables_meaningful .jumbotron > p {
    display: none;
}
@media (min-width: 992px) {
    body#body_Plan_Order .plans-row .col-sm-6,
    body#body_LoginChainProcess_SelectPlan .plans-row .col-sm-6 {
        width: 100%;
    }
}
body#body_Plan_Order.class_guest #page-wrapper,
body#body_Plan_Order.class_user #page-wrapper,
body#body_LoginChainProcess_SelectPlan.class_guest #page-wrapper,
body#body_LoginChainProcess_SelectPlan.class_user #page-wrapper {
    padding: 0;
}
body#body_Plan_Order.class_guest .panel.header-wrap,
body#body_Plan_Order.class_user .panel.header-wrap,
body#body_LoginChainProcess_SelectPlan.class_guest .panel.header-wrap,
body#body_LoginChainProcess_SelectPlan.class_user .panel.header-wrap {
    margin: 0;
}
body#body_Plan_Order.class_guest .panel-heading,
body#body_Plan_Order.class_user .panel-heading,
body#body_LoginChainProcess_SelectPlan.class_guest .panel-heading,
body#body_LoginChainProcess_SelectPlan.class_user .panel-heading {
    color: #444;
}
body#body_Plan_Order.class_guest .panel-heading .col-lg-12,
body#body_Plan_Order.class_user .panel-heading .col-lg-12,
body#body_LoginChainProcess_SelectPlan.class_guest .panel-heading .col-lg-12,
body#body_LoginChainProcess_SelectPlan.class_user .panel-heading .col-lg-12 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
body#body_Plan_Order.class_guest .panel-heading .col-lg-12 h1,
body#body_Plan_Order.class_user .panel-heading .col-lg-12 h1,
body#body_LoginChainProcess_SelectPlan.class_guest .panel-heading .col-lg-12 h1,
body#body_LoginChainProcess_SelectPlan.class_user .panel-heading .col-lg-12 h1 {
    font-size: 30px !important;
    line-height: 1.4;
    margin-bottom: 10px;
}
@media (max-width: 767px) {
    body#body_Plan_Order.class_guest .panel-heading .col-lg-12 h1,
    body#body_Plan_Order.class_user .panel-heading .col-lg-12 h1,
    body#body_LoginChainProcess_SelectPlan.class_guest .panel-heading .col-lg-12 h1,
    body#body_LoginChainProcess_SelectPlan.class_user .panel-heading .col-lg-12 h1 {
        padding-left: 40px;
        padding-right: 40px;
    }
}
body#body_Plan_Order.class_guest .panel-heading .header-step,
body#body_Plan_Order.class_user .panel-heading .header-step,
body#body_LoginChainProcess_SelectPlan.class_guest .panel-heading .header-step,
body#body_LoginChainProcess_SelectPlan.class_user .panel-heading .header-step {
    display: none;
}
body#body_Plan_Order.class_guest .plan-container,
body#body_Plan_Order.class_user .plan-container,
body#body_LoginChainProcess_SelectPlan.class_guest .plan-container,
body#body_LoginChainProcess_SelectPlan.class_user .plan-container {
    background: #fff;
    padding: 30px 20px 50px;
}
body#body_Plan_Order.class_guest .plan-container .row,
body#body_Plan_Order.class_user .plan-container .row,
body#body_LoginChainProcess_SelectPlan.class_guest .plan-container .row,
body#body_LoginChainProcess_SelectPlan.class_user .plan-container .row {
    width: 100%;
    margin: 0;
}
body#body_Plan_Order.class_guest .plan-container .row.well-block,
body#body_Plan_Order.class_user .plan-container .row.well-block,
body#body_LoginChainProcess_SelectPlan.class_guest .plan-container .row.well-block,
body#body_LoginChainProcess_SelectPlan.class_user .plan-container .row.well-block {
    margin-top: 30px;
}
body#body_Plan_Order.class_guest .plan-select,
body#body_Plan_Order.class_user .plan-select,
body#body_LoginChainProcess_SelectPlan.class_guest .plan-select,
body#body_LoginChainProcess_SelectPlan.class_user .plan-select {
    display: flex;
    flex-wrap: wrap;
}
body#body_Plan_Order.class_guest .plan-select .f-14,
body#body_Plan_Order.class_user .plan-select .f-14,
body#body_LoginChainProcess_SelectPlan.class_guest .plan-select .f-14,
body#body_LoginChainProcess_SelectPlan.class_user .plan-select .f-14 {
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
}
body#body_Plan_Order.class_guest .plan-select .free-trial-wrap,
body#body_Plan_Order.class_user .plan-select .free-trial-wrap,
body#body_LoginChainProcess_SelectPlan.class_guest .plan-select .free-trial-wrap,
body#body_LoginChainProcess_SelectPlan.class_user .plan-select .free-trial-wrap {
    order: 2;
    color: #444;
    background: #edf4f7;
    border-radius: 4px;
    margin-bottom: 20px !important;
}
body#body_Plan_Order.class_guest .plan-select .plus-row,
body#body_Plan_Order.class_user .plan-select .plus-row,
body#body_LoginChainProcess_SelectPlan.class_guest .plan-select .plus-row,
body#body_LoginChainProcess_SelectPlan.class_user .plan-select .plus-row {
    order: 3;
    line-height: 1;
    text-align: center !important;
}
body#body_Plan_Order.class_guest .plan-select .plus-row > i::before,
body#body_Plan_Order.class_user .plan-select .plus-row > i::before,
body#body_LoginChainProcess_SelectPlan.class_guest .plan-select .plus-row > i::before,
body#body_LoginChainProcess_SelectPlan.class_user .plan-select .plus-row > i::before {
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3NS41IC0yOTQpIj48cmVjdCB3aWR0aD0iNCIgaGVpZ2h0PSIyNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTg2IDI5NCkiIGZpbGw9IiM0NDQiLz48cmVjdCB3aWR0aD0iNCIgaGVpZ2h0PSIyNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjAwLjUgMzA0LjUpIHJvdGF0ZSg5MCkiIGZpbGw9IiM0NDQiLz48L2c+PC9zdmc+');
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    vertical-align: bottom;
    width: 25px;
    height: 25px;
}
body#body_Plan_Order.class_guest .plan-select .is-annotation,
body#body_Plan_Order.class_user .plan-select .is-annotation,
body#body_LoginChainProcess_SelectPlan.class_guest .plan-select .is-annotation,
body#body_LoginChainProcess_SelectPlan.class_user .plan-select .is-annotation {
    order: 4;
    margin-top: 20px;
    margin-bottom: 20px;
}
body#body_Plan_Order.class_guest .plan-select .is-annotation .f-14,
body#body_Plan_Order.class_user .plan-select .is-annotation .f-14,
body#body_LoginChainProcess_SelectPlan.class_guest .plan-select .is-annotation .f-14,
body#body_LoginChainProcess_SelectPlan.class_user .plan-select .is-annotation .f-14 {
    margin-bottom: 0;
}
body#body_Plan_Order.class_guest .plans-row,
body#body_Plan_Order.class_user .plans-row,
body#body_LoginChainProcess_SelectPlan.class_guest .plans-row,
body#body_LoginChainProcess_SelectPlan.class_user .plans-row {
    border-bottom: none;
    margin-left: 0;
    margin-right: 0;
}
body#body_Plan_Order.class_guest .plans-row .col-sm-4,
body#body_Plan_Order.class_user .plans-row .col-sm-4,
body#body_LoginChainProcess_SelectPlan.class_guest .plans-row .col-sm-4,
body#body_LoginChainProcess_SelectPlan.class_user .plans-row .col-sm-4 {
    padding-left: 0;
    padding-right: 0;
}
body#body_Plan_Order.class_guest .plans-row .plan-panel,
body#body_Plan_Order.class_user .plans-row .plan-panel,
body#body_LoginChainProcess_SelectPlan.class_guest .plans-row .plan-panel,
body#body_LoginChainProcess_SelectPlan.class_user .plans-row .plan-panel {
    min-height: auto !important;
    padding: 20px 16px;
}
body#body_Plan_Order.class_guest .plans-row .plan-message,
body#body_Plan_Order.class_user .plans-row .plan-message,
body#body_LoginChainProcess_SelectPlan.class_guest .plans-row .plan-message,
body#body_LoginChainProcess_SelectPlan.class_user .plans-row .plan-message {
    font-size: 16px !important;
    line-height: 1;
    padding-top: 0 !important;
}
body#body_Plan_Order.class_guest .plans-row .plan-message .f-20,
body#body_Plan_Order.class_user .plans-row .plan-message .f-20,
body#body_LoginChainProcess_SelectPlan.class_guest .plans-row .plan-message .f-20,
body#body_LoginChainProcess_SelectPlan.class_user .plans-row .plan-message .f-20 {
    font-size: 16px !important;
    line-height: 1;
    font-weight: 400;
    margin-bottom: 10px !important;
}
body#body_Plan_Order.class_guest .plans-row .plan-message .f-30,
body#body_Plan_Order.class_user .plans-row .plan-message .f-30,
body#body_LoginChainProcess_SelectPlan.class_guest .plans-row .plan-message .f-30,
body#body_LoginChainProcess_SelectPlan.class_user .plans-row .plan-message .f-30 {
    font-size: 24px !important;
    line-height: 1;
}
body#body_Plan_Order.class_guest .plans-row .plan-message .f-14,
body#body_Plan_Order.class_user .plans-row .plan-message .f-14,
body#body_LoginChainProcess_SelectPlan.class_guest .plans-row .plan-message .f-14,
body#body_LoginChainProcess_SelectPlan.class_user .plans-row .plan-message .f-14 {
    font-size: 14px !important;
    line-height: 1;
    display: inline-block;
    font-weight: 600 !important;
    color: #ff7f00;
    border: 1px solid #ff7f00;
    border-radius: 4px;
    margin: 10px 0 0;
    padding: 4px 12px 6px;
}
body#body_Plan_Order.class_guest .plans-row .plus-icon,
body#body_Plan_Order.class_user .plans-row .plus-icon,
body#body_LoginChainProcess_SelectPlan.class_guest .plans-row .plus-icon,
body#body_LoginChainProcess_SelectPlan.class_user .plans-row .plus-icon {
    position: absolute;
    top: 50%;
    left: 16px;
    margin: 0;
    transform: translateY(-50%);
}
body#body_Plan_Order.class_guest .plans-row .plus-icon > i,
body#body_Plan_Order.class_user .plans-row .plus-icon > i,
body#body_LoginChainProcess_SelectPlan.class_guest .plans-row .plus-icon > i,
body#body_LoginChainProcess_SelectPlan.class_user .plans-row .plus-icon > i {
    font-size: 26px;
    line-height: 1;
    width: 26px;
    height: 26px;
    border: 1px solid #c9c9c9;
    border-radius: 50%;
}
body#body_Plan_Order.class_guest .plans-row .plus-icon > i::before,
body#body_Plan_Order.class_guest .plans-row .plus-icon > i::after,
body#body_Plan_Order.class_user .plans-row .plus-icon > i::before,
body#body_Plan_Order.class_user .plans-row .plus-icon > i::after,
body#body_LoginChainProcess_SelectPlan.class_guest .plans-row .plus-icon > i::before,
body#body_LoginChainProcess_SelectPlan.class_guest .plans-row .plus-icon > i::after,
body#body_LoginChainProcess_SelectPlan.class_user .plans-row .plus-icon > i::before,
body#body_LoginChainProcess_SelectPlan.class_user .plans-row .plus-icon > i::after {
    display: none;
}
body#body_Plan_Order.class_guest .plans-row input[type='radio'] + label,
body#body_Plan_Order.class_user .plans-row input[type='radio'] + label,
body#body_LoginChainProcess_SelectPlan.class_guest .plans-row input[type='radio'] + label,
body#body_LoginChainProcess_SelectPlan.class_user .plans-row input[type='radio'] + label {
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    margin-bottom: 20px;
}
body#body_Plan_Order.class_guest .plans-row input[type='radio'] + label:hover,
body#body_Plan_Order.class_user .plans-row input[type='radio'] + label:hover,
body#body_LoginChainProcess_SelectPlan.class_guest .plans-row input[type='radio'] + label:hover,
body#body_LoginChainProcess_SelectPlan.class_user .plans-row input[type='radio'] + label:hover {
    background: #fff;
    box-shadow: none;
}
body#body_Plan_Order.class_guest .plans-row input[type='radio'] + label[for='plan_1'] .f-14,
body#body_Plan_Order.class_user .plans-row input[type='radio'] + label[for='plan_1'] .f-14,
body#body_LoginChainProcess_SelectPlan.class_guest .plans-row input[type='radio'] + label[for='plan_1'] .f-14,
body#body_LoginChainProcess_SelectPlan.class_user .plans-row input[type='radio'] + label[for='plan_1'] .f-14 {
    display: none;
}
body#body_Plan_Order.class_guest .plans-row input[type='radio']:checked + label,
body#body_Plan_Order.class_user .plans-row input[type='radio']:checked + label,
body#body_LoginChainProcess_SelectPlan.class_guest .plans-row input[type='radio']:checked + label,
body#body_LoginChainProcess_SelectPlan.class_user .plans-row input[type='radio']:checked + label {
    background: #4ea0bf;
    border: 1px solid #4ea0bf;
}
body#body_Plan_Order.class_guest .plans-row input[type='radio']:checked + label .plan-message .f-14,
body#body_Plan_Order.class_user .plans-row input[type='radio']:checked + label .plan-message .f-14,
body#body_LoginChainProcess_SelectPlan.class_guest .plans-row input[type='radio']:checked + label .plan-message .f-14,
body#body_LoginChainProcess_SelectPlan.class_user .plans-row input[type='radio']:checked + label .plan-message .f-14 {
    color: #fff;
    border: 1px solid #fff;
}
body#body_Plan_Order.class_guest .plans-row input[type='radio']:checked + label .plus-icon > i,
body#body_Plan_Order.class_user .plans-row input[type='radio']:checked + label .plus-icon > i,
body#body_LoginChainProcess_SelectPlan.class_guest .plans-row input[type='radio']:checked + label .plus-icon > i,
body#body_LoginChainProcess_SelectPlan.class_user .plans-row input[type='radio']:checked + label .plus-icon > i {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAyNiI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE0MyAtNDkwKSI+PHBhdGggZD0iTTEzLDBBMTMsMTMsMCwxLDEsMCwxMywxMywxMywwLDAsMSwxMywwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQzIDQ5MCkiIGZpbGw9IiM1YmY1NmMiLz48cGF0aCBkPSJNMTcyLjQ0Nyw3Ni40MzZsLTUuMDgyLTUuMDgyLDEuNzU4LTEuNzU4LDMuMzI0LDMuMzI0LDUuOTQyLTUuOTQyLDEuNzU4LDEuNzU4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3LjYyNiA0MzEuNTY0KSIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=');
    background-repeat: no-repeat;
    background-size: 100% auto;
    border: none;
}
body#body_Plan_Order.class_guest .well-block,
body#body_Plan_Order.class_user .well-block,
body#body_LoginChainProcess_SelectPlan.class_guest .well-block,
body#body_LoginChainProcess_SelectPlan.class_user .well-block {
    margin-top: 30px;
}
body#body_Plan_Order.class_guest .well-block > .font-bold,
body#body_Plan_Order.class_user .well-block > .font-bold,
body#body_LoginChainProcess_SelectPlan.class_guest .well-block > .font-bold,
body#body_LoginChainProcess_SelectPlan.class_user .well-block > .font-bold {
    font-size: 20px;
    line-height: 1;
    margin-bottom: 20px;
}
body#body_Plan_Order.class_guest .well-plan,
body#body_Plan_Order.class_user .well-plan,
body#body_LoginChainProcess_SelectPlan.class_guest .well-plan,
body#body_LoginChainProcess_SelectPlan.class_user .well-plan {
    background: #f4f4f4;
    border-radius: 4px;
    box-shadow: none;
    padding: 30px 20px 0;
}
body#body_Plan_Order.class_guest .well-plan .form-group,
body#body_Plan_Order.class_user .well-plan .form-group,
body#body_LoginChainProcess_SelectPlan.class_guest .well-plan .form-group,
body#body_LoginChainProcess_SelectPlan.class_user .well-plan .form-group {
    position: relative;
    margin-bottom: 30px;
}
body#body_Plan_Order.class_guest .well-plan .form-group.expiration-wrap .form-control,
body#body_Plan_Order.class_user .well-plan .form-group.expiration-wrap .form-control,
body#body_LoginChainProcess_SelectPlan.class_guest .well-plan .form-group.expiration-wrap .form-control,
body#body_LoginChainProcess_SelectPlan.class_user .well-plan .form-group.expiration-wrap .form-control {
    width: 80px;
}
body#body_Plan_Order.class_guest .well-plan .form-group.expiration-wrap .font-bold,
body#body_Plan_Order.class_user .well-plan .form-group.expiration-wrap .font-bold,
body#body_LoginChainProcess_SelectPlan.class_guest .well-plan .form-group.expiration-wrap .font-bold,
body#body_LoginChainProcess_SelectPlan.class_user .well-plan .form-group.expiration-wrap .font-bold {
    font-weight: 400;
}
body#body_Plan_Order.class_guest .well-plan .form-group.security-code-wrap .form-control,
body#body_Plan_Order.class_user .well-plan .form-group.security-code-wrap .form-control,
body#body_LoginChainProcess_SelectPlan.class_guest .well-plan .form-group.security-code-wrap .form-control,
body#body_LoginChainProcess_SelectPlan.class_user .well-plan .form-group.security-code-wrap .form-control {
    width: 100%;
    max-width: 148px;
}
body#body_Plan_Order.class_guest .well-plan .form-group.security-code-wrap > p,
body#body_Plan_Order.class_user .well-plan .form-group.security-code-wrap > p,
body#body_LoginChainProcess_SelectPlan.class_guest .well-plan .form-group.security-code-wrap > p,
body#body_LoginChainProcess_SelectPlan.class_user .well-plan .form-group.security-code-wrap > p {
    display: none;
}
body#body_Plan_Order.class_guest .well-plan .form-control,
body#body_Plan_Order.class_user .well-plan .form-control,
body#body_LoginChainProcess_SelectPlan.class_guest .well-plan .form-control,
body#body_LoginChainProcess_SelectPlan.class_user .well-plan .form-control {
    font-size: 16px;
    line-height: 1;
    height: 44px;
    box-shadow: none;
    margin-bottom: 0 !important;
}
body#body_Plan_Order.class_guest .well-plan .form-control option,
body#body_Plan_Order.class_user .well-plan .form-control option,
body#body_LoginChainProcess_SelectPlan.class_guest .well-plan .form-control option,
body#body_LoginChainProcess_SelectPlan.class_user .well-plan .form-control option {
    color: #444;
    padding: 0;
}
body#body_Plan_Order.class_guest .well-plan .form-control:focus,
body#body_Plan_Order.class_user .well-plan .form-control:focus,
body#body_LoginChainProcess_SelectPlan.class_guest .well-plan .form-control:focus,
body#body_LoginChainProcess_SelectPlan.class_user .well-plan .form-control:focus {
    box-shadow: none;
}
body#body_Plan_Order.class_guest .order-confirm-btn,
body#body_Plan_Order.class_user .order-confirm-btn,
body#body_LoginChainProcess_SelectPlan.class_guest .order-confirm-btn,
body#body_LoginChainProcess_SelectPlan.class_user .order-confirm-btn {
    background-color: #bf6d4e;
    border-color: #bf6d4e;
    border-radius: 8px;
}
body#body_Plan_Order.class_guest .order-confirm-btn:hover,
body#body_Plan_Order.class_user .order-confirm-btn:hover,
body#body_LoginChainProcess_SelectPlan.class_guest .order-confirm-btn:hover,
body#body_LoginChainProcess_SelectPlan.class_user .order-confirm-btn:hover {
    background-color: #bf6d4e;
    border-color: #bf6d4e;
}
body#body_Plan_Order.class_guest #secCodeAccordion,
body#body_Plan_Order.class_user #secCodeAccordion,
body#body_LoginChainProcess_SelectPlan.class_guest #secCodeAccordion,
body#body_LoginChainProcess_SelectPlan.class_user #secCodeAccordion {
    background: #fff;
    margin-left: -20px;
    margin-right: -20px;
}
body#body_Plan_Order.class_guest #secCodeAccordion .sec-accordion-head,
body#body_Plan_Order.class_user #secCodeAccordion .sec-accordion-head,
body#body_LoginChainProcess_SelectPlan.class_guest #secCodeAccordion .sec-accordion-head,
body#body_LoginChainProcess_SelectPlan.class_user #secCodeAccordion .sec-accordion-head {
    margin-top: 40px;
    padding-top: 40px;
}
body#body_Plan_Order.class_guest #secCodeAccordion .sec-accordion-head > a,
body#body_Plan_Order.class_user #secCodeAccordion .sec-accordion-head > a,
body#body_LoginChainProcess_SelectPlan.class_guest #secCodeAccordion .sec-accordion-head > a,
body#body_LoginChainProcess_SelectPlan.class_user #secCodeAccordion .sec-accordion-head > a {
    font-size: 20px;
    line-height: 1.5;
    color: #444;
    pointer-events: none;
}
body#body_Plan_Order.class_guest #secCodeAccordion .sec-accordion-head .fa-question-circle,
body#body_Plan_Order.class_user #secCodeAccordion .sec-accordion-head .fa-question-circle,
body#body_LoginChainProcess_SelectPlan.class_guest #secCodeAccordion .sec-accordion-head .fa-question-circle,
body#body_LoginChainProcess_SelectPlan.class_user #secCodeAccordion .sec-accordion-head .fa-question-circle {
    display: none;
}
body#body_Plan_Order.class_guest #secCodeAccordion .collapse,
body#body_Plan_Order.class_user #secCodeAccordion .collapse,
body#body_LoginChainProcess_SelectPlan.class_guest #secCodeAccordion .collapse,
body#body_LoginChainProcess_SelectPlan.class_user #secCodeAccordion .collapse {
    display: block;
}
body#body_Plan_Order.class_guest #secCodeAccordion .collapse > .flex,
body#body_Plan_Order.class_user #secCodeAccordion .collapse > .flex,
body#body_LoginChainProcess_SelectPlan.class_guest #secCodeAccordion .collapse > .flex,
body#body_LoginChainProcess_SelectPlan.class_user #secCodeAccordion .collapse > .flex {
    font-size: 16px;
    line-height: 1.5;
    flex-direction: column-reverse;
}
body#body_Plan_Order.class_guest #secCodeAccordion .collapse .ml10,
body#body_Plan_Order.class_user #secCodeAccordion .collapse .ml10,
body#body_LoginChainProcess_SelectPlan.class_guest #secCodeAccordion .collapse .ml10,
body#body_LoginChainProcess_SelectPlan.class_user #secCodeAccordion .collapse .ml10 {
    margin-left: 0 !important;
}
body#body_Plan_Order.class_guest #secCodeAccordion .collapse .mr20,
body#body_Plan_Order.class_user #secCodeAccordion .collapse .mr20,
body#body_LoginChainProcess_SelectPlan.class_guest #secCodeAccordion .collapse .mr20,
body#body_LoginChainProcess_SelectPlan.class_user #secCodeAccordion .collapse .mr20 {
    text-align: center;
    margin-right: 0 !important;
}
body#body_Plan_Order.class_guest #secCodeAccordion .collapse img,
body#body_Plan_Order.class_user #secCodeAccordion .collapse img,
body#body_LoginChainProcess_SelectPlan.class_guest #secCodeAccordion .collapse img,
body#body_LoginChainProcess_SelectPlan.class_user #secCodeAccordion .collapse img {
    width: 100%;
    max-width: 195px;
    margin-top: 10px;
    margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
    body#body_Plan_Order.class_guest .plan-select .text-center,
    body#body_Plan_Order.class_user .plan-select .text-center,
    body#body_LoginChainProcess_SelectPlan.class_guest .plan-select .text-center,
    body#body_LoginChainProcess_SelectPlan.class_user .plan-select .text-center {
        text-align: center !important;
    }
    body#body_Plan_Order.class_guest .plan-select .f-14,
    body#body_Plan_Order.class_user .plan-select .f-14,
    body#body_LoginChainProcess_SelectPlan.class_guest .plan-select .f-14,
    body#body_LoginChainProcess_SelectPlan.class_user .plan-select .f-14 {
        text-align: center;
    }
    body#body_Plan_Order.class_guest .plans-row > .col-sm-4,
    body#body_Plan_Order.class_user .plans-row > .col-sm-4,
    body#body_LoginChainProcess_SelectPlan.class_guest .plans-row > .col-sm-4,
    body#body_LoginChainProcess_SelectPlan.class_user .plans-row > .col-sm-4 {
        width: 100%;
    }
    body#body_Plan_Order.class_guest .plans-row .plus-icon,
    body#body_Plan_Order.class_user .plans-row .plus-icon,
    body#body_LoginChainProcess_SelectPlan.class_guest .plans-row .plus-icon,
    body#body_LoginChainProcess_SelectPlan.class_user .plans-row .plus-icon {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    body#body_Plan_Order.class_guest .well-plan,
    body#body_Plan_Order.class_user .well-plan,
    body#body_LoginChainProcess_SelectPlan.class_guest .well-plan,
    body#body_LoginChainProcess_SelectPlan.class_user .well-plan {
        padding: 30px 40px 0;
    }
    body#body_Plan_Order.class_guest .well-plan .form-group,
    body#body_Plan_Order.class_user .well-plan .form-group,
    body#body_LoginChainProcess_SelectPlan.class_guest .well-plan .form-group,
    body#body_LoginChainProcess_SelectPlan.class_user .well-plan .form-group {
        font-size: 0;
    }
    body#body_Plan_Order.class_guest .well-plan .form-group:not(:last-of-type),
    body#body_Plan_Order.class_user .well-plan .form-group:not(:last-of-type),
    body#body_LoginChainProcess_SelectPlan.class_guest .well-plan .form-group:not(:last-of-type),
    body#body_LoginChainProcess_SelectPlan.class_user .well-plan .form-group:not(:last-of-type) {
        border-bottom: 1px solid #c9c9c9;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    body#body_Plan_Order.class_guest .well-plan .form-group > .flex,
    body#body_Plan_Order.class_user .well-plan .form-group > .flex,
    body#body_LoginChainProcess_SelectPlan.class_guest .well-plan .form-group > .flex,
    body#body_LoginChainProcess_SelectPlan.class_user .well-plan .form-group > .flex {
        display: inline-flex !important;
    }
    body#body_Plan_Order.class_guest .well-plan .form-control,
    body#body_Plan_Order.class_user .well-plan .form-control,
    body#body_LoginChainProcess_SelectPlan.class_guest .well-plan .form-control,
    body#body_LoginChainProcess_SelectPlan.class_user .well-plan .form-control {
        display: inline-block;
    }
    body#body_Plan_Order.class_guest .well-plan .control-label,
    body#body_Plan_Order.class_user .well-plan .control-label,
    body#body_LoginChainProcess_SelectPlan.class_guest .well-plan .control-label,
    body#body_LoginChainProcess_SelectPlan.class_user .well-plan .control-label {
        width: 100%;
        max-width: 170px;
    }
    body#body_Plan_Order.class_guest #secCodeAccordion .sec-accordion-head,
    body#body_Plan_Order.class_user #secCodeAccordion .sec-accordion-head,
    body#body_LoginChainProcess_SelectPlan.class_guest #secCodeAccordion .sec-accordion-head,
    body#body_LoginChainProcess_SelectPlan.class_user #secCodeAccordion .sec-accordion-head {
        margin-top: 30px;
    }
    body#body_Plan_Order.class_guest #secCodeAccordion .collapse .mr20,
    body#body_Plan_Order.class_user #secCodeAccordion .collapse .mr20,
    body#body_LoginChainProcess_SelectPlan.class_guest #secCodeAccordion .collapse .mr20,
    body#body_LoginChainProcess_SelectPlan.class_user #secCodeAccordion .collapse .mr20 {
        text-align: left;
    }
    body#body_Plan_Order.class_guest #secCodeAccordion .collapse img,
    body#body_Plan_Order.class_user #secCodeAccordion .collapse img,
    body#body_LoginChainProcess_SelectPlan.class_guest #secCodeAccordion .collapse img,
    body#body_LoginChainProcess_SelectPlan.class_user #secCodeAccordion .collapse img {
        width: 100%;
        max-width: 170px;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    body#body_Plan_Order.class_guest #secCodeAccordion,
    body#body_Plan_Order.class_user #secCodeAccordion,
    body#body_LoginChainProcess_SelectPlan.class_guest #secCodeAccordion,
    body#body_LoginChainProcess_SelectPlan.class_user #secCodeAccordion {
        margin-left: -40px;
        margin-right: -40px;
    }
}
@media (min-width: 992px) {
    body#body_Plan_Order.class_guest .panel-heading,
    body#body_Plan_Order.class_user .panel-heading,
    body#body_LoginChainProcess_SelectPlan.class_guest .panel-heading,
    body#body_LoginChainProcess_SelectPlan.class_user .panel-heading {
        text-align: center;
    }
    body#body_Plan_Order.class_guest .panel-heading .col-lg-12,
    body#body_Plan_Order.class_user .panel-heading .col-lg-12,
    body#body_LoginChainProcess_SelectPlan.class_guest .panel-heading .col-lg-12,
    body#body_LoginChainProcess_SelectPlan.class_user .panel-heading .col-lg-12 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    body#body_Plan_Order.class_guest .panel-heading .col-lg-12 h1,
    body#body_Plan_Order.class_user .panel-heading .col-lg-12 h1,
    body#body_LoginChainProcess_SelectPlan.class_guest .panel-heading .col-lg-12 h1,
    body#body_LoginChainProcess_SelectPlan.class_user .panel-heading .col-lg-12 h1 {
        font-size: 36px !important;
        line-height: 1;
    }
    body#body_Plan_Order.class_guest .plan-container,
    body#body_Plan_Order.class_user .plan-container,
    body#body_LoginChainProcess_SelectPlan.class_guest .plan-container,
    body#body_LoginChainProcess_SelectPlan.class_user .plan-container {
        margin-bottom: 80px;
        padding: 40px 200px 60px;
    }
    body#body_Plan_Order.class_guest .plans-row > .col-sm-4,
    body#body_Plan_Order.class_user .plans-row > .col-sm-4,
    body#body_LoginChainProcess_SelectPlan.class_guest .plans-row > .col-sm-4,
    body#body_LoginChainProcess_SelectPlan.class_user .plans-row > .col-sm-4 {
        float: none;
        width: 100%;
    }
    body#body_Plan_Order.class_guest .plans-row .plan-panel,
    body#body_Plan_Order.class_user .plans-row .plan-panel,
    body#body_LoginChainProcess_SelectPlan.class_guest .plans-row .plan-panel,
    body#body_LoginChainProcess_SelectPlan.class_user .plans-row .plan-panel {
        padding: 20px;
    }
    body#body_Plan_Order.class_guest .plans-row .plan-message .f-20,
    body#body_Plan_Order.class_user .plans-row .plan-message .f-20,
    body#body_LoginChainProcess_SelectPlan.class_guest .plans-row .plan-message .f-20,
    body#body_LoginChainProcess_SelectPlan.class_user .plans-row .plan-message .f-20 {
        font-size: 12px !important;
        line-height: 1;
        font-weight: 400;
        margin-bottom: 10px !important;
    }
    body#body_Plan_Order.class_guest .plans-row .plan-message .f-14,
    body#body_Plan_Order.class_user .plans-row .plan-message .f-14,
    body#body_LoginChainProcess_SelectPlan.class_guest .plans-row .plan-message .f-14,
    body#body_LoginChainProcess_SelectPlan.class_user .plans-row .plan-message .f-14 {
        font-size: 12px !important;
        line-height: 1;
    }
    body#body_Plan_Order.class_guest .plans-row input[type='radio'] + label,
    body#body_Plan_Order.class_user .plans-row input[type='radio'] + label,
    body#body_LoginChainProcess_SelectPlan.class_guest .plans-row input[type='radio'] + label,
    body#body_LoginChainProcess_SelectPlan.class_user .plans-row input[type='radio'] + label {
        border-radius: 8px;
        margin-bottom: 24px;
    }
    body#body_Plan_Order.class_guest .well-plan .form-group,
    body#body_Plan_Order.class_user .well-plan .form-group,
    body#body_LoginChainProcess_SelectPlan.class_guest .well-plan .form-group,
    body#body_LoginChainProcess_SelectPlan.class_user .well-plan .form-group {
        padding: 0 0 0 170px;
    }
    body#body_Plan_Order.class_guest .well-plan .form-group:not(:last-of-type),
    body#body_Plan_Order.class_user .well-plan .form-group:not(:last-of-type),
    body#body_LoginChainProcess_SelectPlan.class_guest .well-plan .form-group:not(:last-of-type),
    body#body_LoginChainProcess_SelectPlan.class_user .well-plan .form-group:not(:last-of-type) {
        padding: 0 0 10px 170px;
    }
    body#body_Plan_Order.class_guest .well-plan .form-group:last-of-type,
    body#body_Plan_Order.class_user .well-plan .form-group:last-of-type,
    body#body_LoginChainProcess_SelectPlan.class_guest .well-plan .form-group:last-of-type,
    body#body_LoginChainProcess_SelectPlan.class_user .well-plan .form-group:last-of-type {
        border-bottom: none;
        padding-bottom: 0;
    }
    body#body_Plan_Order.class_guest .well-plan .form-group .control-label,
    body#body_Plan_Order.class_user .well-plan .form-group .control-label,
    body#body_LoginChainProcess_SelectPlan.class_guest .well-plan .form-group .control-label,
    body#body_LoginChainProcess_SelectPlan.class_user .well-plan .form-group .control-label {
        top: 12px;
    }
    body#body_Plan_Order.class_guest .well-plan .form-control,
    body#body_Plan_Order.class_user .well-plan .form-control,
    body#body_LoginChainProcess_SelectPlan.class_guest .well-plan .form-control,
    body#body_LoginChainProcess_SelectPlan.class_user .well-plan .form-control {
        max-height: none;
    }
    body#body_Plan_Order.class_guest #secCodeAccordion,
    body#body_Plan_Order.class_user #secCodeAccordion,
    body#body_LoginChainProcess_SelectPlan.class_guest #secCodeAccordion,
    body#body_LoginChainProcess_SelectPlan.class_user #secCodeAccordion {
        margin-left: -210px;
        margin-right: -40px;
    }
}
body#body_Plan_OrderConfirm.class_guest #page-wrapper,
body#body_Plan_OrderConfirm.class_user #page-wrapper,
body#body_LoginChainProcess_ConfirmPlan.class_guest #page-wrapper,
body#body_LoginChainProcess_ConfirmPlan.class_user #page-wrapper,
body#body_Plan_OrderThanks.class_guest #page-wrapper,
body#body_Plan_OrderThanks.class_user #page-wrapper,
body#body_LoginChainProcess_OrderThanks.class_guest #page-wrapper,
body#body_LoginChainProcess_OrderThanks.class_user #page-wrapper {
    padding: 0;
}
body#body_Plan_OrderConfirm.class_guest .panel.header-wrap,
body#body_Plan_OrderConfirm.class_user .panel.header-wrap,
body#body_LoginChainProcess_ConfirmPlan.class_guest .panel.header-wrap,
body#body_LoginChainProcess_ConfirmPlan.class_user .panel.header-wrap,
body#body_Plan_OrderThanks.class_guest .panel.header-wrap,
body#body_Plan_OrderThanks.class_user .panel.header-wrap,
body#body_LoginChainProcess_OrderThanks.class_guest .panel.header-wrap,
body#body_LoginChainProcess_OrderThanks.class_user .panel.header-wrap {
    margin: 0;
}
body#body_Plan_OrderConfirm.class_guest .panel-heading,
body#body_Plan_OrderConfirm.class_user .panel-heading,
body#body_LoginChainProcess_ConfirmPlan.class_guest .panel-heading,
body#body_LoginChainProcess_ConfirmPlan.class_user .panel-heading,
body#body_Plan_OrderThanks.class_guest .panel-heading,
body#body_Plan_OrderThanks.class_user .panel-heading,
body#body_LoginChainProcess_OrderThanks.class_guest .panel-heading,
body#body_LoginChainProcess_OrderThanks.class_user .panel-heading {
    font-size: 16px;
    line-height: 1.5;
    color: #444;
    min-height: none;
    height: auto;
}
body#body_Plan_OrderConfirm.class_guest .panel-heading > .col-lg-12,
body#body_Plan_OrderConfirm.class_user .panel-heading > .col-lg-12,
body#body_LoginChainProcess_ConfirmPlan.class_guest .panel-heading > .col-lg-12,
body#body_LoginChainProcess_ConfirmPlan.class_user .panel-heading > .col-lg-12,
body#body_Plan_OrderThanks.class_guest .panel-heading > .col-lg-12,
body#body_Plan_OrderThanks.class_user .panel-heading > .col-lg-12,
body#body_LoginChainProcess_OrderThanks.class_guest .panel-heading > .col-lg-12,
body#body_LoginChainProcess_OrderThanks.class_user .panel-heading > .col-lg-12 {
    padding-top: 20px !important;
    padding-bottom: 0 !important;
}
body#body_Plan_OrderConfirm.class_guest .panel-heading .header-step,
body#body_Plan_OrderConfirm.class_user .panel-heading .header-step,
body#body_LoginChainProcess_ConfirmPlan.class_guest .panel-heading .header-step,
body#body_LoginChainProcess_ConfirmPlan.class_user .panel-heading .header-step,
body#body_Plan_OrderThanks.class_guest .panel-heading .header-step,
body#body_Plan_OrderThanks.class_user .panel-heading .header-step,
body#body_LoginChainProcess_OrderThanks.class_guest .panel-heading .header-step,
body#body_LoginChainProcess_OrderThanks.class_user .panel-heading .header-step {
    display: none;
}
body#body_Plan_OrderConfirm.class_guest .panel-heading .f-36,
body#body_Plan_OrderConfirm.class_user .panel-heading .f-36,
body#body_LoginChainProcess_ConfirmPlan.class_guest .panel-heading .f-36,
body#body_LoginChainProcess_ConfirmPlan.class_user .panel-heading .f-36,
body#body_Plan_OrderThanks.class_guest .panel-heading .f-36,
body#body_Plan_OrderThanks.class_user .panel-heading .f-36,
body#body_LoginChainProcess_OrderThanks.class_guest .panel-heading .f-36,
body#body_LoginChainProcess_OrderThanks.class_user .panel-heading .f-36 {
    font-size: 30px !important;
    line-height: 1.4;
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    body#body_Plan_OrderConfirm.class_guest .panel-heading .f-36,
    body#body_Plan_OrderConfirm.class_user .panel-heading .f-36,
    body#body_LoginChainProcess_ConfirmPlan.class_guest .panel-heading .f-36,
    body#body_LoginChainProcess_ConfirmPlan.class_user .panel-heading .f-36,
    body#body_Plan_OrderThanks.class_guest .panel-heading .f-36,
    body#body_Plan_OrderThanks.class_user .panel-heading .f-36,
    body#body_LoginChainProcess_OrderThanks.class_guest .panel-heading .f-36,
    body#body_LoginChainProcess_OrderThanks.class_user .panel-heading .f-36 {
        padding-left: 40px;
        padding-right: 40px;
    }
}
body#body_Plan_OrderConfirm.class_guest .panel-heading .f-16,
body#body_Plan_OrderConfirm.class_user .panel-heading .f-16,
body#body_LoginChainProcess_ConfirmPlan.class_guest .panel-heading .f-16,
body#body_LoginChainProcess_ConfirmPlan.class_user .panel-heading .f-16,
body#body_Plan_OrderThanks.class_guest .panel-heading .f-16,
body#body_Plan_OrderThanks.class_user .panel-heading .f-16,
body#body_LoginChainProcess_OrderThanks.class_guest .panel-heading .f-16,
body#body_LoginChainProcess_OrderThanks.class_user .panel-heading .f-16 {
    text-align: left;
    background: #fff;
    margin-top: 0;
    padding: 30px 20px;
}
body#body_Plan_OrderConfirm.class_guest .plan-container,
body#body_Plan_OrderConfirm.class_user .plan-container,
body#body_LoginChainProcess_ConfirmPlan.class_guest .plan-container,
body#body_LoginChainProcess_ConfirmPlan.class_user .plan-container,
body#body_Plan_OrderThanks.class_guest .plan-container,
body#body_Plan_OrderThanks.class_user .plan-container,
body#body_LoginChainProcess_OrderThanks.class_guest .plan-container,
body#body_LoginChainProcess_OrderThanks.class_user .plan-container {
    background: #fff;
    padding: 0 20px 70px;
}
body#body_Plan_OrderConfirm.class_guest .plan-container .row,
body#body_Plan_OrderConfirm.class_user .plan-container .row,
body#body_LoginChainProcess_ConfirmPlan.class_guest .plan-container .row,
body#body_LoginChainProcess_ConfirmPlan.class_user .plan-container .row,
body#body_Plan_OrderThanks.class_guest .plan-container .row,
body#body_Plan_OrderThanks.class_user .plan-container .row,
body#body_LoginChainProcess_OrderThanks.class_guest .plan-container .row,
body#body_LoginChainProcess_OrderThanks.class_user .plan-container .row {
    margin-left: 0;
    margin-right: 0;
}
body#body_Plan_OrderConfirm.class_guest .plan-container > .row:first-child,
body#body_Plan_OrderConfirm.class_guest .plan-container > .row .f-14,
body#body_Plan_OrderConfirm.class_guest .plan-container > .row hr,
body#body_Plan_OrderConfirm.class_user .plan-container > .row:first-child,
body#body_Plan_OrderConfirm.class_user .plan-container > .row .f-14,
body#body_Plan_OrderConfirm.class_user .plan-container > .row hr,
body#body_LoginChainProcess_ConfirmPlan.class_guest .plan-container > .row:first-child,
body#body_LoginChainProcess_ConfirmPlan.class_guest .plan-container > .row .f-14,
body#body_LoginChainProcess_ConfirmPlan.class_guest .plan-container > .row hr,
body#body_LoginChainProcess_ConfirmPlan.class_user .plan-container > .row:first-child,
body#body_LoginChainProcess_ConfirmPlan.class_user .plan-container > .row .f-14,
body#body_LoginChainProcess_ConfirmPlan.class_user .plan-container > .row hr,
body#body_Plan_OrderThanks.class_guest .plan-container > .row:first-child,
body#body_Plan_OrderThanks.class_guest .plan-container > .row .f-14,
body#body_Plan_OrderThanks.class_guest .plan-container > .row hr,
body#body_Plan_OrderThanks.class_user .plan-container > .row:first-child,
body#body_Plan_OrderThanks.class_user .plan-container > .row .f-14,
body#body_Plan_OrderThanks.class_user .plan-container > .row hr,
body#body_LoginChainProcess_OrderThanks.class_guest .plan-container > .row:first-child,
body#body_LoginChainProcess_OrderThanks.class_guest .plan-container > .row .f-14,
body#body_LoginChainProcess_OrderThanks.class_guest .plan-container > .row hr,
body#body_LoginChainProcess_OrderThanks.class_user .plan-container > .row:first-child,
body#body_LoginChainProcess_OrderThanks.class_user .plan-container > .row .f-14,
body#body_LoginChainProcess_OrderThanks.class_user .plan-container > .row hr {
    display: none;
}
body#body_Plan_OrderConfirm.class_guest .plan-container .mb10,
body#body_Plan_OrderConfirm.class_guest .plan-container .mb20,
body#body_Plan_OrderConfirm.class_user .plan-container .mb10,
body#body_Plan_OrderConfirm.class_user .plan-container .mb20,
body#body_LoginChainProcess_ConfirmPlan.class_guest .plan-container .mb10,
body#body_LoginChainProcess_ConfirmPlan.class_guest .plan-container .mb20,
body#body_LoginChainProcess_ConfirmPlan.class_user .plan-container .mb10,
body#body_LoginChainProcess_ConfirmPlan.class_user .plan-container .mb20,
body#body_Plan_OrderThanks.class_guest .plan-container .mb10,
body#body_Plan_OrderThanks.class_guest .plan-container .mb20,
body#body_Plan_OrderThanks.class_user .plan-container .mb10,
body#body_Plan_OrderThanks.class_user .plan-container .mb20,
body#body_LoginChainProcess_OrderThanks.class_guest .plan-container .mb10,
body#body_LoginChainProcess_OrderThanks.class_guest .plan-container .mb20,
body#body_LoginChainProcess_OrderThanks.class_user .plan-container .mb10,
body#body_LoginChainProcess_OrderThanks.class_user .plan-container .mb20 {
    margin-bottom: 0 !important;
}
body#body_Plan_OrderConfirm.class_guest .plan-container .free-trial-wrap,
body#body_Plan_OrderConfirm.class_guest .plan-container .select-plan-wrap,
body#body_Plan_OrderConfirm.class_user .plan-container .free-trial-wrap,
body#body_Plan_OrderConfirm.class_user .plan-container .select-plan-wrap,
body#body_LoginChainProcess_ConfirmPlan.class_guest .plan-container .free-trial-wrap,
body#body_LoginChainProcess_ConfirmPlan.class_guest .plan-container .select-plan-wrap,
body#body_LoginChainProcess_ConfirmPlan.class_user .plan-container .free-trial-wrap,
body#body_LoginChainProcess_ConfirmPlan.class_user .plan-container .select-plan-wrap,
body#body_Plan_OrderThanks.class_guest .plan-container .free-trial-wrap,
body#body_Plan_OrderThanks.class_guest .plan-container .select-plan-wrap,
body#body_Plan_OrderThanks.class_user .plan-container .free-trial-wrap,
body#body_Plan_OrderThanks.class_user .plan-container .select-plan-wrap,
body#body_LoginChainProcess_OrderThanks.class_guest .plan-container .free-trial-wrap,
body#body_LoginChainProcess_OrderThanks.class_guest .plan-container .select-plan-wrap,
body#body_LoginChainProcess_OrderThanks.class_user .plan-container .free-trial-wrap,
body#body_LoginChainProcess_OrderThanks.class_user .plan-container .select-plan-wrap {
    color: #444;
    background: #edf4f7;
    border-radius: 4px;
    margin-bottom: 0 !important;
}
body#body_Plan_OrderConfirm.class_guest .plan-container .free-trial-wrap .f-24,
body#body_Plan_OrderConfirm.class_user .plan-container .free-trial-wrap .f-24,
body#body_LoginChainProcess_ConfirmPlan.class_guest .plan-container .free-trial-wrap .f-24,
body#body_LoginChainProcess_ConfirmPlan.class_user .plan-container .free-trial-wrap .f-24,
body#body_Plan_OrderThanks.class_guest .plan-container .free-trial-wrap .f-24,
body#body_Plan_OrderThanks.class_user .plan-container .free-trial-wrap .f-24,
body#body_LoginChainProcess_OrderThanks.class_guest .plan-container .free-trial-wrap .f-24,
body#body_LoginChainProcess_OrderThanks.class_user .plan-container .free-trial-wrap .f-24 {
    margin-bottom: 0;
}
body#body_Plan_OrderConfirm.class_guest .plan-container .free-trial-period,
body#body_Plan_OrderConfirm.class_user .plan-container .free-trial-period,
body#body_LoginChainProcess_ConfirmPlan.class_guest .plan-container .free-trial-period,
body#body_LoginChainProcess_ConfirmPlan.class_user .plan-container .free-trial-period,
body#body_Plan_OrderThanks.class_guest .plan-container .free-trial-period,
body#body_Plan_OrderThanks.class_user .plan-container .free-trial-period,
body#body_LoginChainProcess_OrderThanks.class_guest .plan-container .free-trial-period,
body#body_LoginChainProcess_OrderThanks.class_user .plan-container .free-trial-period {
    display: none;
}
body#body_Plan_OrderConfirm.class_guest .plan-container .select-plan-wrap .f-24,
body#body_Plan_OrderConfirm.class_user .plan-container .select-plan-wrap .f-24,
body#body_LoginChainProcess_ConfirmPlan.class_guest .plan-container .select-plan-wrap .f-24,
body#body_LoginChainProcess_ConfirmPlan.class_user .plan-container .select-plan-wrap .f-24,
body#body_Plan_OrderThanks.class_guest .plan-container .select-plan-wrap .f-24,
body#body_Plan_OrderThanks.class_user .plan-container .select-plan-wrap .f-24,
body#body_LoginChainProcess_OrderThanks.class_guest .plan-container .select-plan-wrap .f-24,
body#body_LoginChainProcess_OrderThanks.class_user .plan-container .select-plan-wrap .f-24 {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
}
body#body_Plan_OrderConfirm.class_guest .plan-container .select-plan-wrap .f-30,
body#body_Plan_OrderConfirm.class_user .plan-container .select-plan-wrap .f-30,
body#body_LoginChainProcess_ConfirmPlan.class_guest .plan-container .select-plan-wrap .f-30,
body#body_LoginChainProcess_ConfirmPlan.class_user .plan-container .select-plan-wrap .f-30,
body#body_Plan_OrderThanks.class_guest .plan-container .select-plan-wrap .f-30,
body#body_Plan_OrderThanks.class_user .plan-container .select-plan-wrap .f-30,
body#body_LoginChainProcess_OrderThanks.class_guest .plan-container .select-plan-wrap .f-30,
body#body_LoginChainProcess_OrderThanks.class_user .plan-container .select-plan-wrap .f-30 {
    font-size: 24px;
}
body#body_Plan_OrderConfirm.class_guest .plan-container .select-plan-wrap .f-16,
body#body_Plan_OrderConfirm.class_user .plan-container .select-plan-wrap .f-16,
body#body_LoginChainProcess_ConfirmPlan.class_guest .plan-container .select-plan-wrap .f-16,
body#body_LoginChainProcess_ConfirmPlan.class_user .plan-container .select-plan-wrap .f-16,
body#body_Plan_OrderThanks.class_guest .plan-container .select-plan-wrap .f-16,
body#body_Plan_OrderThanks.class_user .plan-container .select-plan-wrap .f-16,
body#body_LoginChainProcess_OrderThanks.class_guest .plan-container .select-plan-wrap .f-16,
body#body_LoginChainProcess_OrderThanks.class_user .plan-container .select-plan-wrap .f-16 {
    margin-bottom: 0;
}
body#body_Plan_OrderConfirm.class_guest .plan-container .select-plan-wrap .mb0:last-of-type,
body#body_Plan_OrderConfirm.class_user .plan-container .select-plan-wrap .mb0:last-of-type,
body#body_LoginChainProcess_ConfirmPlan.class_guest .plan-container .select-plan-wrap .mb0:last-of-type,
body#body_LoginChainProcess_ConfirmPlan.class_user .plan-container .select-plan-wrap .mb0:last-of-type,
body#body_Plan_OrderThanks.class_guest .plan-container .select-plan-wrap .mb0:last-of-type,
body#body_Plan_OrderThanks.class_user .plan-container .select-plan-wrap .mb0:last-of-type,
body#body_LoginChainProcess_OrderThanks.class_guest .plan-container .select-plan-wrap .mb0:last-of-type,
body#body_LoginChainProcess_OrderThanks.class_user .plan-container .select-plan-wrap .mb0:last-of-type {
    display: none;
}
body#body_Plan_OrderConfirm.class_guest .plan-container .plus-row,
body#body_Plan_OrderConfirm.class_user .plan-container .plus-row,
body#body_LoginChainProcess_ConfirmPlan.class_guest .plan-container .plus-row,
body#body_LoginChainProcess_ConfirmPlan.class_user .plan-container .plus-row,
body#body_Plan_OrderThanks.class_guest .plan-container .plus-row,
body#body_Plan_OrderThanks.class_user .plan-container .plus-row,
body#body_LoginChainProcess_OrderThanks.class_guest .plan-container .plus-row,
body#body_LoginChainProcess_OrderThanks.class_user .plan-container .plus-row {
    line-height: 1;
    padding: 20px 0;
}
body#body_Plan_OrderConfirm.class_guest .plan-container .plus-row > i::before,
body#body_Plan_OrderConfirm.class_user .plan-container .plus-row > i::before,
body#body_LoginChainProcess_ConfirmPlan.class_guest .plan-container .plus-row > i::before,
body#body_LoginChainProcess_ConfirmPlan.class_user .plan-container .plus-row > i::before,
body#body_Plan_OrderThanks.class_guest .plan-container .plus-row > i::before,
body#body_Plan_OrderThanks.class_user .plan-container .plus-row > i::before,
body#body_LoginChainProcess_OrderThanks.class_guest .plan-container .plus-row > i::before,
body#body_LoginChainProcess_OrderThanks.class_user .plan-container .plus-row > i::before {
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3NS41IC0yOTQpIj48cmVjdCB3aWR0aD0iNCIgaGVpZ2h0PSIyNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTg2IDI5NCkiIGZpbGw9IiM0NDQiLz48cmVjdCB3aWR0aD0iNCIgaGVpZ2h0PSIyNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjAwLjUgMzA0LjUpIHJvdGF0ZSg5MCkiIGZpbGw9IiM0NDQiLz48L2c+PC9zdmc+');
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    vertical-align: bottom;
    width: 25px;
    height: 25px;
}
body#body_Plan_OrderConfirm.class_guest .plan-container .well-block,
body#body_Plan_OrderConfirm.class_user .plan-container .well-block,
body#body_LoginChainProcess_ConfirmPlan.class_guest .plan-container .well-block,
body#body_LoginChainProcess_ConfirmPlan.class_user .plan-container .well-block,
body#body_Plan_OrderThanks.class_guest .plan-container .well-block,
body#body_Plan_OrderThanks.class_user .plan-container .well-block,
body#body_LoginChainProcess_OrderThanks.class_guest .plan-container .well-block,
body#body_LoginChainProcess_OrderThanks.class_user .plan-container .well-block {
    margin-top: 40px;
}
body#body_Plan_OrderConfirm.class_guest .plan-container .well-plan,
body#body_Plan_OrderConfirm.class_user .plan-container .well-plan,
body#body_LoginChainProcess_ConfirmPlan.class_guest .plan-container .well-plan,
body#body_LoginChainProcess_ConfirmPlan.class_user .plan-container .well-plan,
body#body_Plan_OrderThanks.class_guest .plan-container .well-plan,
body#body_Plan_OrderThanks.class_user .plan-container .well-plan,
body#body_LoginChainProcess_OrderThanks.class_guest .plan-container .well-plan,
body#body_LoginChainProcess_OrderThanks.class_user .plan-container .well-plan {
    background: #f4f4f4;
    border-radius: 4px;
    box-shadow: none;
    padding: 20px;
}
body#body_Plan_OrderConfirm.class_guest .plan-container .well-plan .row + .row,
body#body_Plan_OrderConfirm.class_user .plan-container .well-plan .row + .row,
body#body_LoginChainProcess_ConfirmPlan.class_guest .plan-container .well-plan .row + .row,
body#body_LoginChainProcess_ConfirmPlan.class_user .plan-container .well-plan .row + .row,
body#body_Plan_OrderThanks.class_guest .plan-container .well-plan .row + .row,
body#body_Plan_OrderThanks.class_user .plan-container .well-plan .row + .row,
body#body_LoginChainProcess_OrderThanks.class_guest .plan-container .well-plan .row + .row,
body#body_LoginChainProcess_OrderThanks.class_user .plan-container .well-plan .row + .row {
    margin-top: 15px;
}
body#body_Plan_OrderConfirm.class_guest .plan-container .well-plan .row > *,
body#body_Plan_OrderConfirm.class_user .plan-container .well-plan .row > *,
body#body_LoginChainProcess_ConfirmPlan.class_guest .plan-container .well-plan .row > *,
body#body_LoginChainProcess_ConfirmPlan.class_user .plan-container .well-plan .row > *,
body#body_Plan_OrderThanks.class_guest .plan-container .well-plan .row > *,
body#body_Plan_OrderThanks.class_user .plan-container .well-plan .row > *,
body#body_LoginChainProcess_OrderThanks.class_guest .plan-container .well-plan .row > *,
body#body_LoginChainProcess_OrderThanks.class_user .plan-container .well-plan .row > * {
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    padding-left: 0;
    padding-right: 0;
}
body#body_Plan_OrderConfirm.class_guest .plan-container .well-plan .row > * p,
body#body_Plan_OrderConfirm.class_user .plan-container .well-plan .row > * p,
body#body_LoginChainProcess_ConfirmPlan.class_guest .plan-container .well-plan .row > * p,
body#body_LoginChainProcess_ConfirmPlan.class_user .plan-container .well-plan .row > * p,
body#body_Plan_OrderThanks.class_guest .plan-container .well-plan .row > * p,
body#body_Plan_OrderThanks.class_user .plan-container .well-plan .row > * p,
body#body_LoginChainProcess_OrderThanks.class_guest .plan-container .well-plan .row > * p,
body#body_LoginChainProcess_OrderThanks.class_user .plan-container .well-plan .row > * p {
    margin-bottom: 0;
}
body#body_Plan_OrderConfirm.class_guest .plan-container .well-plan .row > .col-sm-2,
body#body_Plan_OrderConfirm.class_user .plan-container .well-plan .row > .col-sm-2,
body#body_LoginChainProcess_ConfirmPlan.class_guest .plan-container .well-plan .row > .col-sm-2,
body#body_LoginChainProcess_ConfirmPlan.class_user .plan-container .well-plan .row > .col-sm-2,
body#body_Plan_OrderThanks.class_guest .plan-container .well-plan .row > .col-sm-2,
body#body_Plan_OrderThanks.class_user .plan-container .well-plan .row > .col-sm-2,
body#body_LoginChainProcess_OrderThanks.class_guest .plan-container .well-plan .row > .col-sm-2,
body#body_LoginChainProcess_OrderThanks.class_user .plan-container .well-plan .row > .col-sm-2 {
    width: 5em;
}
body#body_Plan_OrderConfirm.class_guest .plan-container .well-plan .row > .col-sm-10,
body#body_Plan_OrderConfirm.class_user .plan-container .well-plan .row > .col-sm-10,
body#body_LoginChainProcess_ConfirmPlan.class_guest .plan-container .well-plan .row > .col-sm-10,
body#body_LoginChainProcess_ConfirmPlan.class_user .plan-container .well-plan .row > .col-sm-10,
body#body_Plan_OrderThanks.class_guest .plan-container .well-plan .row > .col-sm-10,
body#body_Plan_OrderThanks.class_user .plan-container .well-plan .row > .col-sm-10,
body#body_LoginChainProcess_OrderThanks.class_guest .plan-container .well-plan .row > .col-sm-10,
body#body_LoginChainProcess_OrderThanks.class_user .plan-container .well-plan .row > .col-sm-10 {
    width: calc(100% - 5em);
    padding-left: 1em;
}
body#body_Plan_OrderConfirm.class_guest .plan-container .well-plan .font-bold,
body#body_Plan_OrderConfirm.class_user .plan-container .well-plan .font-bold,
body#body_LoginChainProcess_ConfirmPlan.class_guest .plan-container .well-plan .font-bold,
body#body_LoginChainProcess_ConfirmPlan.class_user .plan-container .well-plan .font-bold,
body#body_Plan_OrderThanks.class_guest .plan-container .well-plan .font-bold,
body#body_Plan_OrderThanks.class_user .plan-container .well-plan .font-bold,
body#body_LoginChainProcess_OrderThanks.class_guest .plan-container .well-plan .font-bold,
body#body_LoginChainProcess_OrderThanks.class_user .plan-container .well-plan .font-bold {
    font-weight: 400;
}
body#body_Plan_OrderConfirm.class_guest .confirm-plan-btns .btn,
body#body_Plan_OrderConfirm.class_user .confirm-plan-btns .btn,
body#body_LoginChainProcess_ConfirmPlan.class_guest .confirm-plan-btns .btn,
body#body_LoginChainProcess_ConfirmPlan.class_user .confirm-plan-btns .btn,
body#body_Plan_OrderThanks.class_guest .confirm-plan-btns .btn,
body#body_Plan_OrderThanks.class_user .confirm-plan-btns .btn,
body#body_LoginChainProcess_OrderThanks.class_guest .confirm-plan-btns .btn,
body#body_LoginChainProcess_OrderThanks.class_user .confirm-plan-btns .btn {
    border-radius: 8px;
}
body#body_Plan_OrderConfirm.class_guest .confirm-plan-btns .btn-warning,
body#body_Plan_OrderConfirm.class_user .confirm-plan-btns .btn-warning,
body#body_LoginChainProcess_ConfirmPlan.class_guest .confirm-plan-btns .btn-warning,
body#body_LoginChainProcess_ConfirmPlan.class_user .confirm-plan-btns .btn-warning,
body#body_Plan_OrderThanks.class_guest .confirm-plan-btns .btn-warning,
body#body_Plan_OrderThanks.class_user .confirm-plan-btns .btn-warning,
body#body_LoginChainProcess_OrderThanks.class_guest .confirm-plan-btns .btn-warning,
body#body_LoginChainProcess_OrderThanks.class_user .confirm-plan-btns .btn-warning {
    background: #bf6d4e;
    border-color: #bf6d4e;
}
body#body_Plan_OrderConfirm.class_guest .confirm-plan-btns .btn-outline,
body#body_Plan_OrderConfirm.class_user .confirm-plan-btns .btn-outline,
body#body_LoginChainProcess_ConfirmPlan.class_guest .confirm-plan-btns .btn-outline,
body#body_LoginChainProcess_ConfirmPlan.class_user .confirm-plan-btns .btn-outline,
body#body_Plan_OrderThanks.class_guest .confirm-plan-btns .btn-outline,
body#body_Plan_OrderThanks.class_user .confirm-plan-btns .btn-outline,
body#body_LoginChainProcess_OrderThanks.class_guest .confirm-plan-btns .btn-outline,
body#body_LoginChainProcess_OrderThanks.class_user .confirm-plan-btns .btn-outline {
    font-weight: 400;
    background: #f7f7f7;
    border-color: #999;
}
@media screen and (min-width: 768px) {
    body#body_Plan_OrderConfirm.class_guest .plan-container .well-block,
    body#body_Plan_OrderConfirm.class_user .plan-container .well-block,
    body#body_LoginChainProcess_ConfirmPlan.class_guest .plan-container .well-block,
    body#body_LoginChainProcess_ConfirmPlan.class_user .plan-container .well-block,
    body#body_Plan_OrderThanks.class_guest .plan-container .well-block,
    body#body_Plan_OrderThanks.class_user .plan-container .well-block,
    body#body_LoginChainProcess_OrderThanks.class_guest .plan-container .well-block,
    body#body_LoginChainProcess_OrderThanks.class_user .plan-container .well-block {
        margin-top: 60px;
    }
    body#body_Plan_OrderConfirm.class_guest .plan-container .well-plan,
    body#body_Plan_OrderConfirm.class_user .plan-container .well-plan,
    body#body_LoginChainProcess_ConfirmPlan.class_guest .plan-container .well-plan,
    body#body_LoginChainProcess_ConfirmPlan.class_user .plan-container .well-plan,
    body#body_Plan_OrderThanks.class_guest .plan-container .well-plan,
    body#body_Plan_OrderThanks.class_user .plan-container .well-plan,
    body#body_LoginChainProcess_OrderThanks.class_guest .plan-container .well-plan,
    body#body_LoginChainProcess_OrderThanks.class_user .plan-container .well-plan {
        padding: 20px 40px;
    }
    body#body_Plan_OrderConfirm.class_guest .plan-container .well-plan .row + .row,
    body#body_Plan_OrderConfirm.class_user .plan-container .well-plan .row + .row,
    body#body_LoginChainProcess_ConfirmPlan.class_guest .plan-container .well-plan .row + .row,
    body#body_LoginChainProcess_ConfirmPlan.class_user .plan-container .well-plan .row + .row,
    body#body_Plan_OrderThanks.class_guest .plan-container .well-plan .row + .row,
    body#body_Plan_OrderThanks.class_user .plan-container .well-plan .row + .row,
    body#body_LoginChainProcess_OrderThanks.class_guest .plan-container .well-plan .row + .row,
    body#body_LoginChainProcess_OrderThanks.class_user .plan-container .well-plan .row + .row {
        border-top: 1px solid #dedede;
        margin-top: 20px;
        padding-top: 20px;
    }
    body#body_Plan_OrderConfirm.class_guest .plan-container .well-plan .row > .col-sm-2,
    body#body_Plan_OrderConfirm.class_user .plan-container .well-plan .row > .col-sm-2,
    body#body_LoginChainProcess_ConfirmPlan.class_guest .plan-container .well-plan .row > .col-sm-2,
    body#body_LoginChainProcess_ConfirmPlan.class_user .plan-container .well-plan .row > .col-sm-2,
    body#body_Plan_OrderThanks.class_guest .plan-container .well-plan .row > .col-sm-2,
    body#body_Plan_OrderThanks.class_user .plan-container .well-plan .row > .col-sm-2,
    body#body_LoginChainProcess_OrderThanks.class_guest .plan-container .well-plan .row > .col-sm-2,
    body#body_LoginChainProcess_OrderThanks.class_user .plan-container .well-plan .row > .col-sm-2 {
        width: 170px;
        padding-left: 10px;
    }
    body#body_Plan_OrderConfirm.class_guest .plan-container .well-plan .row > .col-sm-10,
    body#body_Plan_OrderConfirm.class_user .plan-container .well-plan .row > .col-sm-10,
    body#body_LoginChainProcess_ConfirmPlan.class_guest .plan-container .well-plan .row > .col-sm-10,
    body#body_LoginChainProcess_ConfirmPlan.class_user .plan-container .well-plan .row > .col-sm-10,
    body#body_Plan_OrderThanks.class_guest .plan-container .well-plan .row > .col-sm-10,
    body#body_Plan_OrderThanks.class_user .plan-container .well-plan .row > .col-sm-10,
    body#body_LoginChainProcess_OrderThanks.class_guest .plan-container .well-plan .row > .col-sm-10,
    body#body_LoginChainProcess_OrderThanks.class_user .plan-container .well-plan .row > .col-sm-10 {
        width: calc(100% - 170px);
        padding-left: 0;
    }
    body#body_Plan_OrderConfirm.class_guest .confirm-plan-btns,
    body#body_Plan_OrderConfirm.class_user .confirm-plan-btns,
    body#body_LoginChainProcess_ConfirmPlan.class_guest .confirm-plan-btns,
    body#body_LoginChainProcess_ConfirmPlan.class_user .confirm-plan-btns,
    body#body_Plan_OrderThanks.class_guest .confirm-plan-btns,
    body#body_Plan_OrderThanks.class_user .confirm-plan-btns,
    body#body_LoginChainProcess_OrderThanks.class_guest .confirm-plan-btns,
    body#body_LoginChainProcess_OrderThanks.class_user .confirm-plan-btns {
        display: block;
    }
    body#body_Plan_OrderConfirm.class_guest .confirm-plan-btns .btn,
    body#body_Plan_OrderConfirm.class_user .confirm-plan-btns .btn,
    body#body_LoginChainProcess_ConfirmPlan.class_guest .confirm-plan-btns .btn,
    body#body_LoginChainProcess_ConfirmPlan.class_user .confirm-plan-btns .btn,
    body#body_Plan_OrderThanks.class_guest .confirm-plan-btns .btn,
    body#body_Plan_OrderThanks.class_user .confirm-plan-btns .btn,
    body#body_LoginChainProcess_OrderThanks.class_guest .confirm-plan-btns .btn,
    body#body_LoginChainProcess_OrderThanks.class_user .confirm-plan-btns .btn {
        width: 100%;
        max-width: 240px;
    }
    body#body_Plan_OrderConfirm.class_guest .confirm-plan-btns .btn-warning,
    body#body_Plan_OrderConfirm.class_user .confirm-plan-btns .btn-warning,
    body#body_LoginChainProcess_ConfirmPlan.class_guest .confirm-plan-btns .btn-warning,
    body#body_LoginChainProcess_ConfirmPlan.class_user .confirm-plan-btns .btn-warning,
    body#body_Plan_OrderThanks.class_guest .confirm-plan-btns .btn-warning,
    body#body_Plan_OrderThanks.class_user .confirm-plan-btns .btn-warning,
    body#body_LoginChainProcess_OrderThanks.class_guest .confirm-plan-btns .btn-warning,
    body#body_LoginChainProcess_OrderThanks.class_user .confirm-plan-btns .btn-warning {
        margin-left: 20px;
        margin-bottom: 0;
    }
}
@media (min-width: 992px) {
    body#body_Plan_OrderConfirm.class_guest #page-wrapper,
    body#body_Plan_OrderConfirm.class_user #page-wrapper,
    body#body_LoginChainProcess_ConfirmPlan.class_guest #page-wrapper,
    body#body_LoginChainProcess_ConfirmPlan.class_user #page-wrapper,
    body#body_Plan_OrderThanks.class_guest #page-wrapper,
    body#body_Plan_OrderThanks.class_user #page-wrapper,
    body#body_LoginChainProcess_OrderThanks.class_guest #page-wrapper,
    body#body_LoginChainProcess_OrderThanks.class_user #page-wrapper {
        width: 100%;
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }
    body#body_Plan_OrderConfirm.class_guest .panel-heading .f-36,
    body#body_Plan_OrderConfirm.class_user .panel-heading .f-36,
    body#body_LoginChainProcess_ConfirmPlan.class_guest .panel-heading .f-36,
    body#body_LoginChainProcess_ConfirmPlan.class_user .panel-heading .f-36,
    body#body_Plan_OrderThanks.class_guest .panel-heading .f-36,
    body#body_Plan_OrderThanks.class_user .panel-heading .f-36,
    body#body_LoginChainProcess_OrderThanks.class_guest .panel-heading .f-36,
    body#body_LoginChainProcess_OrderThanks.class_user .panel-heading .f-36 {
        font-size: 36px !important;
        line-height: 1;
        padding-top: 20px;
        margin-bottom: 40px;
    }
    body#body_Plan_OrderConfirm.class_guest .panel-heading .f-16,
    body#body_Plan_OrderConfirm.class_user .panel-heading .f-16,
    body#body_LoginChainProcess_ConfirmPlan.class_guest .panel-heading .f-16,
    body#body_LoginChainProcess_ConfirmPlan.class_user .panel-heading .f-16,
    body#body_Plan_OrderThanks.class_guest .panel-heading .f-16,
    body#body_Plan_OrderThanks.class_user .panel-heading .f-16,
    body#body_LoginChainProcess_OrderThanks.class_guest .panel-heading .f-16,
    body#body_LoginChainProcess_OrderThanks.class_user .panel-heading .f-16 {
        text-align: center;
        padding: 40px 200px 20px;
    }
    body#body_Plan_OrderConfirm.class_guest .plan-container,
    body#body_Plan_OrderConfirm.class_user .plan-container,
    body#body_LoginChainProcess_ConfirmPlan.class_guest .plan-container,
    body#body_LoginChainProcess_ConfirmPlan.class_user .plan-container,
    body#body_Plan_OrderThanks.class_guest .plan-container,
    body#body_Plan_OrderThanks.class_user .plan-container,
    body#body_LoginChainProcess_OrderThanks.class_guest .plan-container,
    body#body_LoginChainProcess_OrderThanks.class_user .plan-container {
        padding: 0 200px 60px;
    }
}
body#body_Plan_OrderThanks.class_guest .plan-container .btn-warning,
body#body_Plan_OrderThanks.class_user .plan-container .btn-warning,
body#body_LoginChainProcess_OrderThanks.class_guest .plan-container .btn-warning,
body#body_LoginChainProcess_OrderThanks.class_user .plan-container .btn-warning {
    margin-top: 30px;
    background: #bf6d4e;
    border-color: #bf6d4e;
}
@media screen and (min-width: 768px) {
    body#body_Plan_OrderThanks.class_guest .plan-container .btn,
    body#body_Plan_OrderThanks.class_user .plan-container .btn,
    body#body_LoginChainProcess_OrderThanks.class_guest .plan-container .btn,
    body#body_LoginChainProcess_OrderThanks.class_user .plan-container .btn {
        width: 100%;
        max-width: 240px;
    }
    body#body_Plan_OrderThanks.class_guest .plan-container .btn-warning,
    body#body_Plan_OrderThanks.class_user .plan-container .btn-warning,
    body#body_LoginChainProcess_OrderThanks.class_guest .plan-container .btn-warning,
    body#body_LoginChainProcess_OrderThanks.class_user .plan-container .btn-warning {
        margin-top: 40px;
    }
}
@media (min-width: 992px) {
    body#body_dashboardh.class_guest #wrapper,
    body#body_dashboardh.class_user #wrapper {
        overflow: hidden;
    }
}
body#body_dashboardh.class_guest .panel-heading,
body#body_dashboardh.class_user .panel-heading {
    min-height: auto;
}
body#body_dashboardh.class_guest .panel-heading h1,
body#body_dashboardh.class_user .panel-heading h1 {
    font-size: 30px;
    line-height: 1;
    margin-bottom: 30px;
    padding-top: 40px;
}
@media (max-width: 767px) {
    body#body_dashboardh.class_guest .panel-heading h1,
    body#body_dashboardh.class_user .panel-heading h1 {
        padding-left: 40px;
        padding-right: 40px;
    }
}
body#body_dashboardh.class_guest .dashboard-wrapper,
body#body_dashboardh.class_user .dashboard-wrapper {
    background: #fff;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
}
body#body_dashboardh.class_guest .dashboard-wrapper .row,
body#body_dashboardh.class_user .dashboard-wrapper .row {
    margin-left: 0;
    margin-right: 0;
}
body#body_dashboardh.class_guest .dashboard-wrapper .recommended-curriculums,
body#body_dashboardh.class_user .dashboard-wrapper .recommended-curriculums {
    margin-left: -20px;
    margin-right: -20px;
}
body#body_dashboardh.class_guest .dashboard-wrapper .curriculum-title,
body#body_dashboardh.class_user .dashboard-wrapper .curriculum-title {
    font-size: 24px;
    line-height: 1.5;
    border-bottom: none;
    margin-bottom: 0 !important;
    padding-top: 30px;
    padding-bottom: 12px !important;
}
body#body_dashboardh.class_guest .progress-panel,
body#body_dashboardh.class_user .progress-panel {
    margin-bottom: 0 !important;
    padding-top: 30px;
    padding-bottom: 70px;
}
body#body_dashboardh.class_guest .progress-panel > .col-left,
body#body_dashboardh.class_user .progress-panel > .col-left {
    margin-bottom: 20px;
}
body#body_dashboardh.class_guest .progress-panel .border-box,
body#body_dashboardh.class_user .progress-panel .border-box {
    border: none;
    box-shadow: none;
    padding: 0;
}
body#body_dashboardh.class_guest .progress-panel .border-box-title,
body#body_dashboardh.class_user .progress-panel .border-box-title {
    display: block !important;
    position: relative;
    text-align: center;
}
body#body_dashboardh.class_guest .progress-panel .border-box-title > div:nth-of-type(2) a,
body#body_dashboardh.class_user .progress-panel .border-box-title > div:nth-of-type(2) a {
    text-align: right;
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    position: relative;
}
@media (max-width: 767px) {
    body#body_dashboardh.class_guest .progress-panel .border-box-title > div:nth-of-type(2) a,
    body#body_dashboardh.class_user .progress-panel .border-box-title > div:nth-of-type(2) a {
        padding-right: 20px;
    }
}
body#body_dashboardh.class_guest .progress-panel .border-box-title > div:nth-of-type(2) a:hover,
body#body_dashboardh.class_user .progress-panel .border-box-title > div:nth-of-type(2) a:hover {
    text-decoration: none;
}
body#body_dashboardh.class_guest .progress-panel .border-box-title > div:nth-of-type(2) a:after,
body#body_dashboardh.class_user .progress-panel .border-box-title > div:nth-of-type(2) a:after {
    content: '';
    position: absolute;
    right: -10px;
    top: 42%;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(135deg) translate(-50%, 0);
}
@media (max-width: 767px) {
    body#body_dashboardh.class_guest .progress-panel .border-box-title > div:nth-of-type(2) a:after,
    body#body_dashboardh.class_user .progress-panel .border-box-title > div:nth-of-type(2) a:after {
        right: 6px;
    }
}
body#body_dashboardh.class_guest .progress-panel .border-box:nth-of-type(1),
body#body_dashboardh.class_user .progress-panel .border-box:nth-of-type(1) {
    margin-bottom: 0 !important;
}
body#body_dashboardh.class_guest .progress-panel .border-box:nth-of-type(1) .form-control,
body#body_dashboardh.class_user .progress-panel .border-box:nth-of-type(1) .form-control {
    display: none;
}
body#body_dashboardh.class_guest .progress-panel .border-box:nth-of-type(1) .period-input:checked + .period-label,
body#body_dashboardh.class_user .progress-panel .border-box:nth-of-type(1) .period-input:checked + .period-label {
    font-weight: 600;
    color: #306eac;
}
body#body_dashboardh.class_guest .progress-panel .border-box:nth-of-type(1) .period-label,
body#body_dashboardh.class_user .progress-panel .border-box:nth-of-type(1) .period-label {
    font-size: 16px;
    line-height: 1;
    color: #444;
    margin: 0;
    padding: 0 1em;
}
body#body_dashboardh.class_guest .progress-panel .border-box:nth-of-type(1) .period-label:first-of-type,
body#body_dashboardh.class_user .progress-panel .border-box:nth-of-type(1) .period-label:first-of-type {
    padding-left: 0;
}
body#body_dashboardh.class_guest .progress-panel .border-box:nth-of-type(1) .period-label.border-r,
body#body_dashboardh.class_user .progress-panel .border-box:nth-of-type(1) .period-label.border-r {
    border-right: 1px solid #dedede;
}
body#body_dashboardh.class_guest .progress-panel .border-box:nth-of-type(1) > .flex,
body#body_dashboardh.class_user .progress-panel .border-box:nth-of-type(1) > .flex {
    display: block !important;
    margin-bottom: 15px !important;
}
body#body_dashboardh.class_guest .progress-panel .border-box:nth-of-type(1) .f-20,
body#body_dashboardh.class_user .progress-panel .border-box:nth-of-type(1) .f-20 {
    font-size: 28px;
    line-height: 1.5;
    margin-top: 0 !important;
}
body#body_dashboardh.class_guest .progress-panel .border-box:nth-of-type(1) .border-box-detail,
body#body_dashboardh.class_user .progress-panel .border-box:nth-of-type(1) .border-box-detail {
    margin-top: 28px;
}
@media (max-width: 767px) {
    body#body_dashboardh.class_guest .progress-panel .border-box:nth-of-type(1) .border-box-detail,
    body#body_dashboardh.class_user .progress-panel .border-box:nth-of-type(1) .border-box-detail {
        margin-top: 58px;
    }
}
body#body_dashboardh.class_guest .progress-panel .border-box:nth-of-type(1) canvas,
body#body_dashboardh.class_user .progress-panel .border-box:nth-of-type(1) canvas {
    width: 100% !important;
}
body#body_dashboardh.class_guest .progress-panel .border-box:nth-of-type(1) .mt20,
body#body_dashboardh.class_user .progress-panel .border-box:nth-of-type(1) .mt20 {
    font-size: 16px;
    line-height: 1;
    position: relative;
    text-align: left !important;
    margin-top: 16px !important;
    margin-bottom: 0;
}
body#body_dashboardh.class_guest .progress-panel .border-box:nth-of-type(1) .mt20::before,
body#body_dashboardh.class_user .progress-panel .border-box:nth-of-type(1) .mt20::before {
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01NDMuNjI0IC00NjkpIiBjbGlwLXBhdGg9InVybCgjYSkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU0My42MjQgNDY5Ljg2NykiPjxwYXRoIGQ9Ik01NTkuODQ2LDIwNS41OTFhNy40ODMsNy40ODMsMCwxLDAsNy40ODIsNy40ODNBNy40OTEsNy40OTEsMCwwLDAsNTU5Ljg0NiwyMDUuNTkxWm0wLDEzLjY1MWE2LjE2OCw2LjE2OCwwLDEsMSw2LjE2OC02LjE2OEE2LjE3NSw2LjE3NSwwLDAsMSw1NTkuODQ2LDIxOS4yNDJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTUyLjM2NCAtMjA1LjU5MSkiIGZpbGw9IiM4ODgiLz48cGF0aCBkPSJNNTY2LjY2MiwyMTUuMjZ2LTMuN2EuNjU3LjY1NywwLDEsMC0xLjMxNCwwdjQuMzY2bDIuNTYyLDEuODgxYS42NTcuNjU3LDAsMSwwLC43NzctMS4wNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01NTguNTIzIC0yMDguMTExKSIgZmlsbD0iIzg4OCIvPjwvZz48L2c+PC9zdmc+');
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
}
body#body_dashboardh.class_guest .progress-panel .border-box:nth-of-type(1) .mt20 > span.mr20,
body#body_dashboardh.class_user .progress-panel .border-box:nth-of-type(1) .mt20 > span.mr20 {
    font-weight: 400;
    color: #888;
    margin-right: 0 !important;
}
body#body_dashboardh.class_guest .progress-panel .border-box:nth-of-type(1) .mt20 > span.mr20::after,
body#body_dashboardh.class_user .progress-panel .border-box:nth-of-type(1) .mt20 > span.mr20::after {
    content: '\ff1a';
    display: inline-block;
}
body#body_dashboardh.class_guest .progress-panel .border-box:nth-of-type(1) .mt20 > span.f-28,
body#body_dashboardh.class_user .progress-panel .border-box:nth-of-type(1) .mt20 > span.f-28 {
    font-size: 16px;
    line-height: 1.5;
}
body#body_dashboardh.class_guest .progress-panel .border-box-r,
body#body_dashboardh.class_user .progress-panel .border-box-r {
    width: calc((100% - 15px) / 2);
    height: auto;
    min-height: auto;
    margin-bottom: 0;
}
@media (max-width: 767px) {
    body#body_dashboardh.class_guest .progress-panel .border-box-r,
    body#body_dashboardh.class_user .progress-panel .border-box-r {
        max-width: 49%;
    }
}
body#body_dashboardh.class_guest .progress-panel .border-box-r .f-20,
body#body_dashboardh.class_user .progress-panel .border-box-r .f-20 {
    font-size: 16px !important;
    line-height: 1.5;
    text-align: left;
    color: #fff;
    margin-bottom: 18px;
}
@media (max-width: 767px) {
    body#body_dashboardh.class_guest .progress-panel .border-box-r .f-20,
    body#body_dashboardh.class_user .progress-panel .border-box-r .f-20 {
        margin-bottom: 4px;
    }
}
body#body_dashboardh.class_guest .progress-panel .border-box-r .f-20 > span,
body#body_dashboardh.class_user .progress-panel .border-box-r .f-20 > span {
    display: inline-block;
    position: relative;
    padding-left: 36px;
}
body#body_dashboardh.class_guest .progress-panel .border-box-r .f-20 > span::before,
body#body_dashboardh.class_user .progress-panel .border-box-r .f-20 > span::before {
    content: '';
    display: block;
    position: absolute;
    top: -2px;
    left: 0;
}
body#body_dashboardh.class_guest .progress-panel .border-box-r .progress-blue-text,
body#body_dashboardh.class_user .progress-panel .border-box-r .progress-blue-text {
    color: #fff;
}
body#body_dashboardh.class_guest .progress-panel .border-box-r:nth-of-type(1),
body#body_dashboardh.class_user .progress-panel .border-box-r:nth-of-type(1) {
    background-color: #54aacb;
}
body#body_dashboardh.class_guest .progress-panel .border-box-r:nth-of-type(1) .f-20 > span::before,
body#body_dashboardh.class_user .progress-panel .border-box-r:nth-of-type(1) .f-20 > span::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01NDMuNjI0IC00NjkpIiBjbGlwLXBhdGg9InVybCgjYSkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU0My42MjQgNDY5Ljg2NykiPjxwYXRoIGQ9Ik01NTkuODQ2LDIwNS41OTFhNy40ODMsNy40ODMsMCwxLDAsNy40ODIsNy40ODNBNy40OTEsNy40OTEsMCwwLDAsNTU5Ljg0NiwyMDUuNTkxWm0wLDEzLjY1MWE2LjE2OCw2LjE2OCwwLDEsMSw2LjE2OC02LjE2OEE2LjE3NSw2LjE3NSwwLDAsMSw1NTkuODQ2LDIxOS4yNDJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTUyLjM2NCAtMjA1LjU5MSkiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNNTY2LjY2MiwyMTUuMjZ2LTMuN2EuNjU3LjY1NywwLDEsMC0xLjMxNCwwdjQuMzY2bDIuNTYyLDEuODgxYS42NTcuNjU3LDAsMSwwLC43NzctMS4wNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01NTguNTIzIC0yMDguMTExKSIgZmlsbD0iI2ZmZiIvPjwvZz48L2c+PC9zdmc+');
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 28px;
    height: 28px;
}
body#body_dashboardh.class_guest .progress-panel .border-box-r:nth-of-type(2),
body#body_dashboardh.class_user .progress-panel .border-box-r:nth-of-type(2) {
    background-color: #12b886;
}
body#body_dashboardh.class_guest .progress-panel .border-box-r:nth-of-type(2) .f-20 > span::before,
body#body_dashboardh.class_user .progress-panel .border-box-r:nth-of-type(2) .f-20 > span::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNi42IDM1LjA0IiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxkZWZzPjxjbGlwUGF0aCBpZD0iQSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAuMDEpIj48cGF0aCBkPSJNMCAwaDI2LjYxdjM1LjAzSDB6IiBmaWxsPSJub25lIi8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI0EpIiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMjIuMzYgMTAuNjVhMS4xNSAxLjE1IDAgMCAwLTEtLjhsLTUtLjQzLTItNC42NWExLjE1IDEuMTUgMCAwIDAtMi4xMyAwbC0yIDQuNjQtNSAuNDJhMS4xNiAxLjE2IDAgMCAwLTEuMDYgMS4yNSAxLjE5IDEuMTkgMCAwIDAgLjQuNzhsMy44MSAzLjMtMS4xMyA0LjkyYTEuMTQgMS4xNCAwIDAgMCAuODYgMS4zOSAxLjEzIDEuMTMgMCAwIDAgLjg5LS4xM2w0LjMzLTIuNjEgNC4zMSAyLjYyYTEuMTUgMS4xNSAwIDAgMCAxLjczLTEuMjVsLTEuMTctNC45MiAzLjgtMy4yOWExLjE4IDEuMTggMCAwIDAgLjM1LTEuMjRtLTYuMjEgMy4yM2ExLjE1IDEuMTUgMCAwIDAtLjM2IDEuMTNsLjY4IDIuOTItMi41Ni0xLjU0YTEuMTMgMS4xMyAwIDAgMC0xLjIgMGwtMi41NiAxLjU0LjY4LTIuOTJhMS4xOCAxLjE4IDAgMCAwLS4zNi0xLjE1bC0yLjI3LTIgMy0uMjVhMS4xNCAxLjE0IDAgMCAwIDEtLjdsMS4xNi0yLjc2IDEuMTIgMi44NmExLjE4IDEuMTggMCAwIDAgMSAuN2wzIC4yNXoiLz48cGF0aCBkPSJNMjIuNTkgMjIuODJBMTMuMyAxMy4zIDAgMCAwIDEzLjQ2OC0uMDAyIDEzLjMgMTMuMyAwIDAgMCAzLjc5IDIyLjU5bC4yMi4yMy0yLjg1IDcuODNhMSAxIDAgMCAwIC42IDEuMjggMS4xMSAxLjExIDAgMCAwIC40OCAwbDQuNDgtLjYzIDMgMy4zNmExIDEgMCAwIDAgLjc1LjMzaC4xOWExIDEgMCAwIDAgLjc1LS42NGwxLjg3LTUuMTUgMS44OCA1LjE1YTEgMSAwIDAgMCAuNzUuNjRoLjE5YTEgMSAwIDAgMCAuNzQtLjMzbDMtMy4zNiA0LjQ3LjYzYTEgMSAwIDAgMCAxLjEzLS44NSAxIDEgMCAwIDAgMC0uNDh6TTIgMTMuMzFjMC02LjI0MSA1LjA1OS0xMS4zIDExLjMtMTEuM3MxMS4zIDUuMDU5IDExLjMgMTEuMy01LjA1OSAxMS4zLTExLjMgMTEuM1MyIDE5LjU1MSAyIDEzLjMxbTguMTIgMTguODJsLTIuMjctMi41MUExIDEgMCAwIDAgNyAyOS4zbC0zLjM2LjQ3IDItNS41OWExMy4yNCAxMy4yNCAwIDAgMCA2LjUgMi4zOHptOS41Mi0yLjgzYTEgMSAwIDAgMC0uODguMzJsLTIuMjcgMi41MS0yLTUuNTdBMTMuMjkgMTMuMjkgMCAwIDAgMjEgMjQuMTdsMiA1LjZ6Ii8+PC9nPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 26px;
    height: 36px;
    margin-top: -5px;
}
body#body_dashboardh.class_guest .progress-panel .border-box-content,
body#body_dashboardh.class_user .progress-panel .border-box-content {
    flex-wrap: wrap;
    align-items: flex-start;
    border-radius: 8px;
    padding: 26px 23px;
}
@media (max-width: 767px) {
    body#body_dashboardh.class_guest .progress-panel .border-box-content,
    body#body_dashboardh.class_user .progress-panel .border-box-content {
        padding: 20px 11px;
        margin: auto;
    }
}
body#body_dashboardh.class_guest .progress-panel .border-box-content > *,
body#body_dashboardh.class_user .progress-panel .border-box-content > * {
    width: 100%;
}
body#body_dashboardh.class_guest .progress-panel .border-box-detail,
body#body_dashboardh.class_user .progress-panel .border-box-detail {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: baseline;
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    text-align: right;
    color: #fff;
    margin-top: auto;
    transform: unset;
    margin-top: 30px;
}
@media (max-width: 767px) {
    body#body_dashboardh.class_guest .progress-panel .border-box-detail,
    body#body_dashboardh.class_user .progress-panel .border-box-detail {
        margin-top: 35px;
    }
}
@media (max-width: 400px) {
    body#body_dashboardh.class_guest .progress-panel .border-box-detail,
    body#body_dashboardh.class_user .progress-panel .border-box-detail {
        margin-top: 35px;
    }
}
body#body_dashboardh.class_guest .progress-panel .border-box-detail > span,
body#body_dashboardh.class_user .progress-panel .border-box-detail > span {
    font-size: 20px;
    display: block;
    margin-left: 0 !important;
}
body#body_dashboardh.class_guest .progress-panel .border-box-detail > span.total-hour,
body#body_dashboardh.class_guest .progress-panel .border-box-detail > span.total-minutes,
body#body_dashboardh.class_guest .progress-panel .border-box-detail > span.get-badges,
body#body_dashboardh.class_guest .progress-panel .border-box-detail > span.delimiter-badges,
body#body_dashboardh.class_user .progress-panel .border-box-detail > span.total-hour,
body#body_dashboardh.class_user .progress-panel .border-box-detail > span.total-minutes,
body#body_dashboardh.class_user .progress-panel .border-box-detail > span.get-badges,
body#body_dashboardh.class_user .progress-panel .border-box-detail > span.delimiter-badges {
    font-size: 28px;
}
body#body_dashboardh.class_guest .progress-panel .border-box-detail > span.total-hour,
body#body_dashboardh.class_user .progress-panel .border-box-detail > span.total-hour {
    width: calc(100% - 2em);
}
body#body_dashboardh.class_guest .progress-panel .border-box-detail > span.total-minutes,
body#body_dashboardh.class_user .progress-panel .border-box-detail > span.total-minutes {
    width: calc(100% - 1em);
}
body#body_dashboardh.class_guest .progress-panel .border-box-detail > span.word-hour,
body#body_dashboardh.class_user .progress-panel .border-box-detail > span.word-hour {
    width: 2em;
}
body#body_dashboardh.class_guest .progress-panel .border-box-detail > span.word-minutes,
body#body_dashboardh.class_user .progress-panel .border-box-detail > span.word-minutes {
    width: 1em;
}
body#body_dashboardh.class_guest .progress-panel .flex.direction-column,
body#body_dashboardh.class_user .progress-panel .flex.direction-column {
    flex-direction: row;
}
body#body_dashboardh.class_guest .progress-panel i.fas,
body#body_dashboardh.class_guest .progress-panel i.far,
body#body_dashboardh.class_user .progress-panel i.fas,
body#body_dashboardh.class_user .progress-panel i.far {
    display: none;
}
body#body_dashboardh.class_guest .progress-blue-text,
body#body_dashboardh.class_user .progress-blue-text {
    color: #444;
}
body#body_dashboardh.class_guest .notification-panel,
body#body_dashboardh.class_user .notification-panel {
    margin-bottom: 0 !important;
}
body#body_dashboardh.class_guest .notification-panel .panel-body,
body#body_dashboardh.class_user .notification-panel .panel-body {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}
body#body_dashboardh.class_guest .notification-panel .panel-top,
body#body_dashboardh.class_user .notification-panel .panel-top {
    border-bottom: none;
    margin-bottom: 1em;
    padding-bottom: 0;
}
body#body_dashboardh.class_guest .notification-panel .panel-top-title,
body#body_dashboardh.class_user .notification-panel .panel-top-title {
    font-size: 24px;
    line-height: 1.5;
}
body#body_dashboardh.class_guest .notification-panel .panel-top i.fas,
body#body_dashboardh.class_user .notification-panel .panel-top i.fas {
    display: none;
}
body#body_dashboardh.class_guest .notification-panel .panel-top > div,
body#body_dashboardh.class_user .notification-panel .panel-top > div {
    display: none;
}
body#body_dashboardh.class_guest .notification-panel .message-wrapper,
body#body_dashboardh.class_user .notification-panel .message-wrapper {
    max-height: 128px;
}
body#body_dashboardh.class_guest .notification-message,
body#body_dashboardh.class_user .notification-message {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 1em;
    padding-bottom: 1em;
}
body#body_dashboardh.class_guest .notification-message .start-date,
body#body_dashboardh.class_user .notification-message .start-date {
    font-size: 14px;
    font-weight: 400;
    color: #888;
    margin-bottom: 0.5em;
}
body#body_dashboardh.class_guest .notification-message .start-date-line,
body#body_dashboardh.class_user .notification-message .start-date-line {
    display: none;
}
body#body_dashboardh.class_guest .selected-curriculum-wrapper > .row > .col-sm-6,
body#body_dashboardh.class_user .selected-curriculum-wrapper > .row > .col-sm-6 {
    border-bottom: 1px solid #dedede;
    margin-left: -20px;
    margin-right: -20px;
    padding: 30px 20px 40px;
}
body#body_dashboardh.class_guest .selected-curriculum-wrapper > .row > .col-sm-6:first-of-type,
body#body_dashboardh.class_user .selected-curriculum-wrapper > .row > .col-sm-6:first-of-type {
    border-top: 1px solid #dedede;
}
body#body_dashboardh.class_guest .selected-curriculum-wrapper .col-sm-6,
body#body_dashboardh.class_user .selected-curriculum-wrapper .col-sm-6 {
    padding-left: 0;
    padding-right: 0;
}
body#body_dashboardh.class_guest .selected-curriculum-wrapper .product-card,
body#body_dashboardh.class_user .selected-curriculum-wrapper .product-card {
    color: #444;
    box-shadow: none;
}
body#body_dashboardh.class_guest .selected-curriculum-wrapper .product-card-body,
body#body_dashboardh.class_guest .selected-curriculum-wrapper .product-card-footer,
body#body_dashboardh.class_user .selected-curriculum-wrapper .product-card-body,
body#body_dashboardh.class_user .selected-curriculum-wrapper .product-card-footer {
    padding: 0;
}
body#body_dashboardh.class_guest .selected-curriculum-wrapper .product-card-body__vertical,
body#body_dashboardh.class_guest .selected-curriculum-wrapper .product-card-footer__vertical,
body#body_dashboardh.class_user .selected-curriculum-wrapper .product-card-body__vertical,
body#body_dashboardh.class_user .selected-curriculum-wrapper .product-card-footer__vertical {
    height: auto;
}
body#body_dashboardh.class_guest .selected-curriculum-wrapper .product-card-footer,
body#body_dashboardh.class_user .selected-curriculum-wrapper .product-card-footer {
    border-top: none;
    margin-top: 16px;
}
body#body_dashboardh.class_guest .selected-curriculum-wrapper .product-card-footer-item__vertical,
body#body_dashboardh.class_guest .selected-curriculum-wrapper .product-card-footer-items__vertical,
body#body_dashboardh.class_user .selected-curriculum-wrapper .product-card-footer-item__vertical,
body#body_dashboardh.class_user .selected-curriculum-wrapper .product-card-footer-items__vertical {
    margin-top: 0;
}
body#body_dashboardh.class_guest .selected-curriculum-wrapper .product-card-footer-item__vertical:empty,
body#body_dashboardh.class_guest .selected-curriculum-wrapper .product-card-footer-items__vertical:empty,
body#body_dashboardh.class_user .selected-curriculum-wrapper .product-card-footer-item__vertical:empty,
body#body_dashboardh.class_user .selected-curriculum-wrapper .product-card-footer-items__vertical:empty {
    display: none;
}
body#body_dashboardh.class_guest .selected-curriculum-wrapper .product-card-info,
body#body_dashboardh.class_user .selected-curriculum-wrapper .product-card-info {
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex-direction: row-reverse;
    order: 2;
}
body#body_dashboardh.class_guest .selected-curriculum-wrapper .product-card-info .ContentsNum,
body#body_dashboardh.class_user .selected-curriculum-wrapper .product-card-info .ContentsNum {
    margin-bottom: 0px;
    margin-top: 5px;
    margin-right: 10px;
}
body#body_dashboardh.class_guest .selected-curriculum-wrapper .product-card-info .StandardDuration,
body#body_dashboardh.class_user .selected-curriculum-wrapper .product-card-info .StandardDuration {
    margin-bottom: 0px;
    margin-top: 5px;
}
body#body_dashboardh.class_guest .selected-curriculum-wrapper .product-card-info .product-card-info-item,
body#body_dashboardh.class_user .selected-curriculum-wrapper .product-card-info .product-card-info-item {
    display: none;
}
body#body_dashboardh.class_guest .selected-curriculum-wrapper .product-card-title,
body#body_dashboardh.class_user .selected-curriculum-wrapper .product-card-title {
    order: 1;
    height: auto;
}
body#body_dashboardh.class_guest .selected-curriculum-wrapper .product-card-body-item,
body#body_dashboardh.class_user .selected-curriculum-wrapper .product-card-body-item {
    order: 2;
}
body#body_dashboardh.class_guest .selected-curriculum-wrapper .product-card-progress,
body#body_dashboardh.class_user .selected-curriculum-wrapper .product-card-progress {
    order: 3;
    margin-top: 10px;
}
body#body_dashboardh.class_guest .selected-curriculum-wrapper .product-card-progress-text,
body#body_dashboardh.class_user .selected-curriculum-wrapper .product-card-progress-text {
    font-size: 14px;
    line-height: 1.4;
    display: block;
    width: 100px;
    font-weight: 400;
    color: #888;
}
body#body_dashboardh.class_guest .selected-curriculum-wrapper .product-card-progress .progress,
body#body_dashboardh.class_user .selected-curriculum-wrapper .product-card-progress .progress {
    width: calc(100% - 100px);
    height: 5px;
    background-color: #e8e8e8;
    border-radius: 8px;
    box-shadow: none;
}
body#body_dashboardh.class_guest .selected-curriculum-wrapper .product-card-progress .progress-bar,
body#body_dashboardh.class_user .selected-curriculum-wrapper .product-card-progress .progress-bar {
    box-shadow: none;
}
body#body_dashboardh.class_guest .selected-curriculum-wrapper .product-card-progress .progress-bar-info,
body#body_dashboardh.class_user .selected-curriculum-wrapper .product-card-progress .progress-bar-info {
    background-color: #12b886;
}
body#body_dashboardh.class_guest .selected-curriculum-wrapper .product-card-progress .progress-bar-info-studying,
body#body_dashboardh.class_user .selected-curriculum-wrapper .product-card-progress .progress-bar-info-studying {
    background: none;
}
body#body_dashboardh.class_guest .selected-curriculum-wrapper .product-card-course-sum,
body#body_dashboardh.class_user .selected-curriculum-wrapper .product-card-course-sum {
    font-size: 14px;
    line-height: 1.4;
    color: #888;
    background: none;
    border-radius: 0;
    padding: 0;
}
body#body_dashboardh.class_guest .selected-curriculum-wrapper .product-card-course-sum::before,
body#body_dashboardh.class_user .selected-curriculum-wrapper .product-card-course-sum::before {
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi4wODUiIGhlaWdodD0iMTMuNTk0IiB2aWV3Qm94PSIwIDAgMTYuMDg1IDEzLjU5NCI+PHBhdGggaWQ9Imljb25fa291emEiIGQ9Ik0xNS43NzUsNDAuOTE3bC0xLjExMy0uNTc2YTYuMzUxLDYuMzUxLDAsMCwwLTUuNzczLDBsLS44NDcuNDM4LS44NDktLjQzOWE2LjM1Miw2LjM1MiwwLDAsMC01Ljc3MywwbC0xLjExMS41NzRhLjU3NC41NzQsMCwwLDAtLjMxMS41MVY1Mi42NjhhLjU3NS41NzUsMCwwLDAsLjgzOC41MUwxLjk0Nyw1Mi42YTUuMiw1LjIsMCwwLDEsNC43MjEsMGwxLjExMS41NzRhLjU3My41NzMsMCwwLDAsLjEzNS4wNDloLjAwNWwuMDI5LjAwNmguMDA5bC4wMjYsMGguMDExbC4wMjQsMGguMDcxbC4wMiwwLC4wMTcsMCwuMDIxLDAsLjAxNiwwLC4wMjItLjAwNS4wMTUsMCwuMDIyLS4wMDcuMDE0LDBMOC4yNiw1My4ybC4wMTIsMCwuMDM1LS4wMTdMOS40MTUsNTIuNmE1LjIsNS4yLDAsMCwxLDQuNzIxLDBsMS4xMTEuNTc0YS41NzQuNTc0LDAsMCwwLC44MzgtLjUxVjQxLjQyN0EuNTc1LjU3NSwwLDAsMCwxNS43NzUsNDAuOTE3Wk03LjQ2OCw1MS43MjRsLS4yNzUtLjE0MmE2LjM1Miw2LjM1MiwwLDAsMC01Ljc3MywwbC0uMjcyLjE0MVY0MS43NzdsLjgtLjQxM2E1LjIsNS4yLDAsMCwxLDQuNzIxLDBsLjguNDE0Wm03LjQ2OCwwLS4yNzUtLjE0MmE2LjM1Miw2LjM1MiwwLDAsMC01Ljc3MiwwbC0uMjcyLjE0MVY0MS43NzdsLjgtLjQxM2E1LjIsNS4yLDAsMCwxLDQuNzIxLDBsLjguNDE0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMzkuNjQ4KSIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: inline-block;
    vertical-align: top;
    width: 17px;
    height: 15px;
    margin-right: 5px;
    position: relative;
    top: 3px;
}
body#body_dashboardh.class_guest .selected-curriculum-wrapper .product-card-list-description,
body#body_dashboardh.class_user .selected-curriculum-wrapper .product-card-list-description {
    order: 4;
    -webkit-line-clamp: 5;
    height: auto;
    max-height: 7em;
}
body#body_dashboardh.class_guest .selected-curriculum-wrapper .product-card-btn,
body#body_dashboardh.class_user .selected-curriculum-wrapper .product-card-btn {
    max-width: 100%;
    color: #fff;
    background: #bf6d4e;
    border: 1px solid #bf6d4e;
    border-radius: 8px;
    margin-top: 0;
}
body#body_dashboardh.class_guest .selected-curriculum-wrapper .product-card-btn:hover,
body#body_dashboardh.class_user .selected-curriculum-wrapper .product-card-btn:hover {
    background: #bf6d4e;
    box-shadow: none;
}
body#body_dashboardh.class_guest .selected-curriculum-wrapper .ContentsNum .fa-graduation-cap,
body#body_dashboardh.class_user .selected-curriculum-wrapper .ContentsNum .fa-graduation-cap {
    width: 17px;
    height: 15px;
}
@media (max-width: 767px) {
    body#body_dashboardh.class_guest .selected-curriculum-wrapper .ContentsNum .fa-graduation-cap,
    body#body_dashboardh.class_user .selected-curriculum-wrapper .ContentsNum .fa-graduation-cap {
        top: -2px;
    }
}
body#body_dashboardh.class_guest .selected-curriculum-wrapper .ContentsNum .fa-graduation-cap:before,
body#body_dashboardh.class_user .selected-curriculum-wrapper .ContentsNum .fa-graduation-cap:before {
    width: 17px;
    height: 15px;
}
body#body_dashboardh.class_guest .selected-curriculum-wrapper div.StandardDuration .fa-video.StandardDuration-icon,
body#body_dashboardh.class_user .selected-curriculum-wrapper div.StandardDuration .fa-video.StandardDuration-icon {
    width: 17px;
    height: 15px;
}
body#body_dashboardh.class_guest
    .selected-curriculum-wrapper
    div.StandardDuration
    .fa-video.StandardDuration-icon:before,
body#body_dashboardh.class_user
    .selected-curriculum-wrapper
    div.StandardDuration
    .fa-video.StandardDuration-icon:before {
    width: 17px;
    height: 15px;
    background-size: auto 100%;
}
body#body_dashboardh.class_guest .selected-curriculum-wrapper .text-muted .fas.fa-folders,
body#body_dashboardh.class_user .selected-curriculum-wrapper .text-muted .fas.fa-folders {
    width: 17px;
    height: 15px;
}
body#body_dashboardh.class_guest .selected-curriculum-wrapper .text-muted .fas.fa-folders:before,
body#body_dashboardh.class_user .selected-curriculum-wrapper .text-muted .fas.fa-folders:before {
    width: 17px;
    height: 15px;
    background-size: 100% auto;
}
body#body_dashboardh.class_guest .selected-curriculums,
body#body_dashboardh.class_user .selected-curriculums {
    padding-top: 30px;
    padding-bottom: 30px;
}
body#body_dashboardh.class_guest .selected-curriculums > .pagination,
body#body_dashboardh.class_user .selected-curriculums > .pagination {
    font-size: 0;
    margin: 0;
}
body#body_dashboardh.class_guest .selected-curriculums > .pagination a,
body#body_dashboardh.class_guest .selected-curriculums > .pagination span,
body#body_dashboardh.class_user .selected-curriculums > .pagination a,
body#body_dashboardh.class_user .selected-curriculums > .pagination span {
    font-size: 16px;
    line-height: 1;
    float: none;
    min-width: 36px;
    min-height: 36px;
    color: #444;
    border-color: #999;
    margin: 0;
    padding: 9px;
}
body#body_dashboardh.class_guest .selected-curriculums > .pagination a:hover,
body#body_dashboardh.class_guest .selected-curriculums > .pagination span:hover,
body#body_dashboardh.class_user .selected-curriculums > .pagination a:hover,
body#body_dashboardh.class_user .selected-curriculums > .pagination span:hover {
    background: #fff;
}
body#body_dashboardh.class_guest .selected-curriculums > .pagination a[rel='prev'],
body#body_dashboardh.class_guest .selected-curriculums > .pagination a[rel='next'],
body#body_dashboardh.class_guest .selected-curriculums > .pagination span[rel='prev'],
body#body_dashboardh.class_guest .selected-curriculums > .pagination span[rel='next'],
body#body_dashboardh.class_user .selected-curriculums > .pagination a[rel='prev'],
body#body_dashboardh.class_user .selected-curriculums > .pagination a[rel='next'],
body#body_dashboardh.class_user .selected-curriculums > .pagination span[rel='prev'],
body#body_dashboardh.class_user .selected-curriculums > .pagination span[rel='next'] {
    min-width: 44px;
    font-size: 0;
}
body#body_dashboardh.class_guest .selected-curriculums > .pagination a[rel='prev']::before,
body#body_dashboardh.class_guest .selected-curriculums > .pagination a[rel='next']::before,
body#body_dashboardh.class_guest .selected-curriculums > .pagination span[rel='prev']::before,
body#body_dashboardh.class_guest .selected-curriculums > .pagination span[rel='next']::before,
body#body_dashboardh.class_user .selected-curriculums > .pagination a[rel='prev']::before,
body#body_dashboardh.class_user .selected-curriculums > .pagination a[rel='next']::before,
body#body_dashboardh.class_user .selected-curriculums > .pagination span[rel='prev']::before,
body#body_dashboardh.class_user .selected-curriculums > .pagination span[rel='next']::before {
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAxNCI+PHBhdGggZD0iTTcuMDQ4LDBoMEwwLDdsNy4wNDgsN0w4LjUsMTIuNTU4LDIuOSw3LDguNSwxLjQ0Miw3LjA0OSwwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUgMTQpIHJvdGF0ZSgxODApIiBmaWxsPSIjNWI1YjViIi8+PHJlY3Qgd2lkdGg9IjEzIiBoZWlnaHQ9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgNikiIGZpbGw9IiM1YjViNWIiLz48L3N2Zz4=');
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 14px;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
body#body_dashboardh.class_guest .selected-curriculums > .pagination a[rel='prev'],
body#body_dashboardh.class_guest .selected-curriculums > .pagination span[rel='prev'],
body#body_dashboardh.class_user .selected-curriculums > .pagination a[rel='prev'],
body#body_dashboardh.class_user .selected-curriculums > .pagination span[rel='prev'] {
    border-right: none;
}
body#body_dashboardh.class_guest .selected-curriculums > .pagination a[rel='prev']::before,
body#body_dashboardh.class_guest .selected-curriculums > .pagination span[rel='prev']::before,
body#body_dashboardh.class_user .selected-curriculums > .pagination a[rel='prev']::before,
body#body_dashboardh.class_user .selected-curriculums > .pagination span[rel='prev']::before {
    transform: translate(-50%, -50%) scale(-1, 1);
}
body#body_dashboardh.class_guest .selected-curriculums > .pagination a[rel='next'],
body#body_dashboardh.class_guest .selected-curriculums > .pagination span[rel='next'],
body#body_dashboardh.class_user .selected-curriculums > .pagination a[rel='next'],
body#body_dashboardh.class_user .selected-curriculums > .pagination span[rel='next'] {
    border-left: none;
}
body#body_dashboardh.class_guest .selected-curriculums .page-item,
body#body_dashboardh.class_user .selected-curriculums .page-item {
    display: inline-block;
    vertical-align: middle;
}
body#body_dashboardh.class_guest .selected-curriculums .page-item.active .page-link,
body#body_dashboardh.class_user .selected-curriculums .page-item.active .page-link {
    color: #fff;
    background: #bf6d4e;
    border-color: #bf6d4e;
}
body#body_dashboardh.class_guest .selected-curriculums .page-item.disabled a[rel='prev']::before,
body#body_dashboardh.class_guest .selected-curriculums .page-item.disabled a[rel='next']::before,
body#body_dashboardh.class_guest .selected-curriculums .page-item.disabled span[rel='prev']::before,
body#body_dashboardh.class_guest .selected-curriculums .page-item.disabled span[rel='next']::before,
body#body_dashboardh.class_user .selected-curriculums .page-item.disabled a[rel='prev']::before,
body#body_dashboardh.class_user .selected-curriculums .page-item.disabled a[rel='next']::before,
body#body_dashboardh.class_user .selected-curriculums .page-item.disabled span[rel='prev']::before,
body#body_dashboardh.class_user .selected-curriculums .page-item.disabled span[rel='next']::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAxNCI+PHBhdGggZD0iTTcuMDQ4LDBoMEwwLDdsNy4wNDgsN0w4LjUsMTIuNTU4LDIuOSw3LDguNSwxLjQ0Miw3LjA0OSwwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUgMTQpIHJvdGF0ZSgxODApIiBmaWxsPSIjYzljOWM5Ii8+PHJlY3Qgd2lkdGg9IjEzIiBoZWlnaHQ9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgNikiIGZpbGw9IiNjOWM5YzkiLz48L3N2Zz4=');
    background-repeat: no-repeat;
    background-size: 100% auto;
}
body#body_dashboardh.class_guest .selected-curriculums .page-link,
body#body_dashboardh.class_user .selected-curriculums .page-link {
    display: block;
}
@media screen and (min-width: 768px) {
    body#body_dashboardh.class_guest .dashboard-wrapper,
    body#body_dashboardh.class_user .dashboard-wrapper {
        margin-left: 0;
        margin-right: 0;
    }
    body#body_dashboardh.class_guest .dashboard-wrapper .recommended-curriculums,
    body#body_dashboardh.class_user .dashboard-wrapper .recommended-curriculums {
        margin-left: 0;
        margin-right: 0;
    }
    body#body_dashboardh.class_guest .progress-panel > .col-left,
    body#body_dashboardh.class_user .progress-panel > .col-left {
        margin-bottom: 0;
    }
    body#body_dashboardh.class_guest .progress-panel > .col-right,
    body#body_dashboardh.class_user .progress-panel > .col-right {
        display: block !important;
        padding-bottom: 0;
        padding-left: 0;
    }
    body#body_dashboardh.class_guest .progress-panel .border-box-title,
    body#body_dashboardh.class_user .progress-panel .border-box-title {
        text-align: left;
    }
    body#body_dashboardh.class_guest .progress-panel .border-box:nth-of-type(1) canvas,
    body#body_dashboardh.class_user .progress-panel .border-box:nth-of-type(1) canvas {
        padding-left: 14px;
        height: 325px !important;
    }
    body#body_dashboardh.class_guest .progress-panel .border-box-r,
    body#body_dashboardh.class_user .progress-panel .border-box-r {
        width: 100%;
    }
    body#body_dashboardh.class_guest .progress-panel .border-box-r:not(:last-of-type),
    body#body_dashboardh.class_user .progress-panel .border-box-r:not(:last-of-type) {
        margin-bottom: 20px !important;
    }
    body#body_dashboardh.class_guest .progress-panel .border-box-content,
    body#body_dashboardh.class_user .progress-panel .border-box-content {
        padding-right: 30px;
        padding-bottom: 30px;
    }
    body#body_dashboardh.class_guest .progress-panel .border-box-detail,
    body#body_dashboardh.class_user .progress-panel .border-box-detail {
        display: block;
        text-align: center;
    }
    body#body_dashboardh.class_guest .progress-panel .border-box-detail > span,
    body#body_dashboardh.class_user .progress-panel .border-box-detail > span {
        display: inline-block;
    }
    body#body_dashboardh.class_guest .progress-panel .border-box-detail > span.progress-blue-hour,
    body#body_dashboardh.class_guest .progress-panel .border-box-detail > span.progress-blue-minutes,
    body#body_dashboardh.class_user .progress-panel .border-box-detail > span.progress-blue-hour,
    body#body_dashboardh.class_user .progress-panel .border-box-detail > span.progress-blue-minutes {
        display: block;
        text-align: right;
    }
    body#body_dashboardh.class_guest .progress-panel .border-box-detail > span .total-hour,
    body#body_dashboardh.class_guest .progress-panel .border-box-detail > span .total-minutes,
    body#body_dashboardh.class_user .progress-panel .border-box-detail > span .total-hour,
    body#body_dashboardh.class_user .progress-panel .border-box-detail > span .total-minutes {
        font-size: 36px;
        width: auto;
    }
    body#body_dashboardh.class_guest .progress-panel .border-box-detail > span .word-hour,
    body#body_dashboardh.class_guest .progress-panel .border-box-detail > span .word-minutes,
    body#body_dashboardh.class_user .progress-panel .border-box-detail > span .word-hour,
    body#body_dashboardh.class_user .progress-panel .border-box-detail > span .word-minutes {
        font-size: 28px;
        width: auto;
    }
    body#body_dashboardh.class_guest .progress-panel .border-box-detail > span.get-badges,
    body#body_dashboardh.class_guest .progress-panel .border-box-detail > span.delimiter-badges,
    body#body_dashboardh.class_user .progress-panel .border-box-detail > span.get-badges,
    body#body_dashboardh.class_user .progress-panel .border-box-detail > span.delimiter-badges {
        font-size: 44px;
    }
    body#body_dashboardh.class_guest .progress-panel .border-box-detail > span.total-badges,
    body#body_dashboardh.class_user .progress-panel .border-box-detail > span.total-badges {
        font-size: 28px;
    }
    body#body_dashboardh.class_guest .notification-panel .message-wrapper,
    body#body_dashboardh.class_user .notification-panel .message-wrapper {
        max-height: 206px;
    }
    body#body_dashboardh.class_guest .notification-panel .panel-top-title,
    body#body_dashboardh.class_user .notification-panel .panel-top-title {
        font-size: 28px;
    }
    body#body_dashboardh.class_guest .notification-message,
    body#body_dashboardh.class_user .notification-message {
        padding-left: 14px;
        padding-right: 14px;
    }
    body#body_dashboardh.class_guest .selected-curriculum-wrapper > .row,
    body#body_dashboardh.class_user .selected-curriculum-wrapper > .row {
        display: flex;
        flex-wrap: wrap;
    }
    body#body_dashboardh.class_guest .selected-curriculum-wrapper > .row > .col-sm-6,
    body#body_dashboardh.class_user .selected-curriculum-wrapper > .row > .col-sm-6 {
        border: none;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
    }
    body#body_dashboardh.class_guest .selected-curriculum-wrapper > .row > .col-sm-6:first-of-type,
    body#body_dashboardh.class_user .selected-curriculum-wrapper > .row > .col-sm-6:first-of-type {
        border-top: none;
    }
    body#body_dashboardh.class_guest .selected-curriculum-wrapper > .row > .col-sm-6:nth-of-type(n + 4),
    body#body_dashboardh.class_user .selected-curriculum-wrapper > .row > .col-sm-6:nth-of-type(n + 4) {
        margin-top: 60px;
    }
    body#body_dashboardh.class_guest .selected-curriculum-wrapper .product-card,
    body#body_dashboardh.class_user .selected-curriculum-wrapper .product-card {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
        height: 100%;
    }
    body#body_dashboardh.class_guest .selected-curriculum-wrapper .product-card > *,
    body#body_dashboardh.class_user .selected-curriculum-wrapper .product-card > * {
        width: 100%;
    }
    body#body_dashboardh.class_guest .selected-curriculum-wrapper .product-card-list-description,
    body#body_dashboardh.class_user .selected-curriculum-wrapper .product-card-list-description {
        margin-top: 20px;
    }
    body#body_dashboardh.class_guest .selected-curriculum-wrapper .product-card-footer,
    body#body_dashboardh.class_user .selected-curriculum-wrapper .product-card-footer {
        margin-top: auto;
        padding-top: 20px;
    }
}
body#body_dashboardh.class_guest .recommended-curriculums,
body#body_dashboardh.class_user .recommended-curriculums {
    margin-bottom: 0 !important;
}
body#body_dashboardh.class_guest .recommended-curriculum-wrapper .curriculum-title > a,
body#body_dashboardh.class_user .recommended-curriculum-wrapper .curriculum-title > a {
    font-size: 14px;
    line-height: 1.4;
    color: #306eac;
    display: none;
}
body#body_dashboardh.class_guest .recommended-curriculum-wrapper .curriculum-description,
body#body_dashboardh.class_user .recommended-curriculum-wrapper .curriculum-description {
    width: 57.86667%;
    padding: 0 0 0 20px;
}
body#body_dashboardh.class_guest .recommended-curriculum-wrapper .curriculum-description p.product-card-title,
body#body_dashboardh.class_user .recommended-curriculum-wrapper .curriculum-description p.product-card-title {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0;
}
body#body_dashboardh.class_guest .recommended-curriculum-wrapper .curriculum-description p.text-muted,
body#body_dashboardh.class_user .recommended-curriculum-wrapper .curriculum-description p.text-muted {
    font-size: 14px;
    line-height: 1.4;
    color: #888;
    margin-top: 10px;
}
body#body_dashboardh.class_guest .recommended-curriculum-wrapper > .text-center,
body#body_dashboardh.class_user .recommended-curriculum-wrapper > .text-center {
    display: none;
}
body#body_dashboardh.class_guest .recommended-curriculum-wrapper .product-card-title,
body#body_dashboardh.class_user .recommended-curriculum-wrapper .product-card-title {
    height: auto;
}
body#body_dashboardh.class_guest .recommended-curriculum-wrapper .product-card-course-sum,
body#body_dashboardh.class_user .recommended-curriculum-wrapper .product-card-course-sum {
    font-size: 14px;
    line-height: 1.4;
    color: #888;
    background: none;
    border-radius: 0;
    margin-bottom: 0;
    padding: 0;
}
body#body_dashboardh.class_guest .recommended-curriculum-wrapper .product-card-course-sum::before,
body#body_dashboardh.class_user .recommended-curriculum-wrapper .product-card-course-sum::before {
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi4wODUiIGhlaWdodD0iMTMuNTk0IiB2aWV3Qm94PSIwIDAgMTYuMDg1IDEzLjU5NCI+PHBhdGggaWQ9Imljb25fa291emEiIGQ9Ik0xNS43NzUsNDAuOTE3bC0xLjExMy0uNTc2YTYuMzUxLDYuMzUxLDAsMCwwLTUuNzczLDBsLS44NDcuNDM4LS44NDktLjQzOWE2LjM1Miw2LjM1MiwwLDAsMC01Ljc3MywwbC0xLjExMS41NzRhLjU3NC41NzQsMCwwLDAtLjMxMS41MVY1Mi42NjhhLjU3NS41NzUsMCwwLDAsLjgzOC41MUwxLjk0Nyw1Mi42YTUuMiw1LjIsMCwwLDEsNC43MjEsMGwxLjExMS41NzRhLjU3My41NzMsMCwwLDAsLjEzNS4wNDloLjAwNWwuMDI5LjAwNmguMDA5bC4wMjYsMGguMDExbC4wMjQsMGguMDcxbC4wMiwwLC4wMTcsMCwuMDIxLDAsLjAxNiwwLC4wMjItLjAwNS4wMTUsMCwuMDIyLS4wMDcuMDE0LDBMOC4yNiw1My4ybC4wMTIsMCwuMDM1LS4wMTdMOS40MTUsNTIuNmE1LjIsNS4yLDAsMCwxLDQuNzIxLDBsMS4xMTEuNTc0YS41NzQuNTc0LDAsMCwwLC44MzgtLjUxVjQxLjQyN0EuNTc1LjU3NSwwLDAsMCwxNS43NzUsNDAuOTE3Wk03LjQ2OCw1MS43MjRsLS4yNzUtLjE0MmE2LjM1Miw2LjM1MiwwLDAsMC01Ljc3MywwbC0uMjcyLjE0MVY0MS43NzdsLjgtLjQxM2E1LjIsNS4yLDAsMCwxLDQuNzIxLDBsLjguNDE0Wm03LjQ2OCwwLS4yNzUtLjE0MmE2LjM1Miw2LjM1MiwwLDAsMC01Ljc3MiwwbC0uMjcyLjE0MVY0MS43NzdsLjgtLjQxM2E1LjIsNS4yLDAsMCwxLDQuNzIxLDBsLjguNDE0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMzkuNjQ4KSIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: inline-block;
    vertical-align: top;
    width: 17px;
    height: 15px;
    margin-right: 5px;
    position: relative;
    top: 3px;
}
body#body_dashboardh.class_guest .recommended-curriculum-wrapper .product-card-list-description,
body#body_dashboardh.class_user .recommended-curriculum-wrapper .product-card-list-description {
    display: none;
}
body#body_dashboardh.class_guest .recommended-curriculum-wrapper .ContentsNum .fa-graduation-cap,
body#body_dashboardh.class_user .recommended-curriculum-wrapper .ContentsNum .fa-graduation-cap {
    width: 17px;
    height: 15px;
}
@media (max-width: 767px) {
    body#body_dashboardh.class_guest .recommended-curriculum-wrapper .ContentsNum .fa-graduation-cap,
    body#body_dashboardh.class_user .recommended-curriculum-wrapper .ContentsNum .fa-graduation-cap {
        top: -2px;
    }
}
body#body_dashboardh.class_guest .recommended-curriculum-wrapper .ContentsNum .fa-graduation-cap:before,
body#body_dashboardh.class_user .recommended-curriculum-wrapper .ContentsNum .fa-graduation-cap:before {
    width: 17px;
    height: 15px;
}
body#body_dashboardh.class_guest .recommended-curriculum-wrapper div.StandardDuration .fa-video.StandardDuration-icon,
body#body_dashboardh.class_user .recommended-curriculum-wrapper div.StandardDuration .fa-video.StandardDuration-icon {
    width: 17px;
    height: 15px;
}
body#body_dashboardh.class_guest
    .recommended-curriculum-wrapper
    div.StandardDuration
    .fa-video.StandardDuration-icon:before,
body#body_dashboardh.class_user
    .recommended-curriculum-wrapper
    div.StandardDuration
    .fa-video.StandardDuration-icon:before {
    width: 17px;
    height: 15px;
    background-size: auto 100%;
}
body#body_dashboardh.class_guest .recommended-curriculum-wrapper .text-muted .fas.fa-folders,
body#body_dashboardh.class_user .recommended-curriculum-wrapper .text-muted .fas.fa-folders {
    width: 17px;
    height: 15px;
}
body#body_dashboardh.class_guest .recommended-curriculum-wrapper .text-muted .fas.fa-folders:before,
body#body_dashboardh.class_user .recommended-curriculum-wrapper .text-muted .fas.fa-folders:before {
    width: 17px;
    height: 15px;
    background-size: 100% auto;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    body#body_dashboardh.class_guest .recommended-curriculum-wrapper,
    body#body_dashboardh.class_user .recommended-curriculum-wrapper {
        margin-left: -20px;
        margin-right: -20px;
    }
    body#body_dashboardh.class_guest .recommended-curriculum-wrapper .curriculum-title,
    body#body_dashboardh.class_user .recommended-curriculum-wrapper .curriculum-title {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 18px !important;
    }
}
body#body_dashboardh.class_guest .recommended-curriculums > .text-center,
body#body_dashboardh.class_user .recommended-curriculums > .text-center {
    display: none !important;
}
body#body_dashboardh.class_guest .recommended-curriculum-panel,
body#body_dashboardh.class_user .recommended-curriculum-panel {
    width: 100%;
}
body#body_dashboardh.class_guest .recommended-curriculum-panel > .flex,
body#body_dashboardh.class_user .recommended-curriculum-panel > .flex {
    align-items: flex-start;
}
body#body_dashboardh.class_guest .recommended-curriculum-panel .square-thumbnail,
body#body_dashboardh.class_user .recommended-curriculum-panel .square-thumbnail {
    min-width: auto;
    height: auto;
    padding-top: 0;
    overflow: hidden;
}
body#body_dashboardh.class_guest .recommended-curriculum-panel .square-thumbnail::before,
body#body_dashboardh.class_user .recommended-curriculum-panel .square-thumbnail::before {
    content: '';
    display: block;
    width: 100%;
}
body#body_dashboardh.class_guest .recommended-curriculum-panel img,
body#body_dashboardh.class_user .recommended-curriculum-panel img {
    max-width: none;
    max-height: none;
    width: 100%;
}
@media (max-width: 768px) {
    body#body_dashboardh.class_guest .recommended-curriculum-wrapper,
    body#body_dashboardh.class_user .recommended-curriculum-wrapper {
        margin-bottom: 30px;
    }
    body#body_dashboardh.class_guest .recommended-curriculum-panel,
    body#body_dashboardh.class_user .recommended-curriculum-panel {
        border-top: 1px solid #dedede;
        border-bottom: 1px solid #dedede;
        margin: 0;
        padding: 30px 20px;
    }
    body#body_dashboardh.class_guest .recommended-curriculum-panel .square-thumbnail,
    body#body_dashboardh.class_user .recommended-curriculum-panel .square-thumbnail {
        width: 47.16418%;
    }
    body#body_dashboardh.class_guest .recommended-curriculum-panel .square-thumbnail::before,
    body#body_dashboardh.class_user .recommended-curriculum-panel .square-thumbnail::before {
        padding-top: 55.6962%;
    }
    body#body_dashboardh.class_guest .recommended-curriculum-panel .curriculum-description,
    body#body_dashboardh.class_user .recommended-curriculum-panel .curriculum-description {
        width: 52.83582%;
    }
}
@media screen and (min-width: 769px) and (max-width: 991px) {
    body#body_dashboardh.class_guest .recommended-curriculum-wrapper,
    body#body_dashboardh.class_user .recommended-curriculum-wrapper {
        border-top: 1px solid #dedede;
        padding-bottom: 30px;
    }
    body#body_dashboardh.class_guest .recommended-curriculum-panel,
    body#body_dashboardh.class_user .recommended-curriculum-panel {
        margin-bottom: 0;
    }
    body#body_dashboardh.class_guest .recommended-curriculum-panel .square-thumbnail,
    body#body_dashboardh.class_user .recommended-curriculum-panel .square-thumbnail {
        width: 47.09677%;
    }
    body#body_dashboardh.class_guest .recommended-curriculum-panel .square-thumbnail::before,
    body#body_dashboardh.class_user .recommended-curriculum-panel .square-thumbnail::before {
        padding-top: 56.16438%;
    }
    body#body_dashboardh.class_guest .recommended-curriculum-panel .curriculum-description,
    body#body_dashboardh.class_user .recommended-curriculum-panel .curriculum-description {
        width: 52.90323%;
    }
}
@media (min-width: 992px) {
    body#body_dashboardh.class_guest .recommended-curriculum-wrapper,
    body#body_dashboardh.class_user .recommended-curriculum-wrapper {
        width: 920px;
        border-top: 1px solid #dedede;
        padding-top: 40px;
        padding-bottom: 30px;
    }
    body#body_dashboardh.class_guest .recommended-curriculum-panel,
    body#body_dashboardh.class_user .recommended-curriculum-panel {
        margin-bottom: 0;
    }
    body#body_dashboardh.class_guest .recommended-curriculum-panel .square-thumbnail,
    body#body_dashboardh.class_user .recommended-curriculum-panel .square-thumbnail {
        width: 180px;
    }
    body#body_dashboardh.class_guest .recommended-curriculum-panel .square-thumbnail::before,
    body#body_dashboardh.class_user .recommended-curriculum-panel .square-thumbnail::before {
        padding-top: 56.66667%;
    }
    body#body_dashboardh.class_guest .recommended-curriculum-panel .curriculum-description,
    body#body_dashboardh.class_user .recommended-curriculum-panel .curriculum-description {
        width: 206px;
    }
}
@media (min-width: 1441px) {
    body#body_dashboardh.class_guest .recommended-curriculum-panel,
    body#body_dashboardh.class_user .recommended-curriculum-panel {
        width: 244px;
    }
    body#body_dashboardh.class_guest .recommended-curriculum-panel > .flex,
    body#body_dashboardh.class_user .recommended-curriculum-panel > .flex {
        display: block !important;
    }
    body#body_dashboardh.class_guest .recommended-curriculum-panel .square-thumbnail,
    body#body_dashboardh.class_guest .recommended-curriculum-panel .curriculum-description,
    body#body_dashboardh.class_user .recommended-curriculum-panel .square-thumbnail,
    body#body_dashboardh.class_user .recommended-curriculum-panel .curriculum-description {
        width: 100%;
    }
    body#body_dashboardh.class_guest .recommended-curriculum-panel .curriculum-description,
    body#body_dashboardh.class_user .recommended-curriculum-panel .curriculum-description {
        padding-top: 10px;
        padding-left: 0;
    }
}
body#body_dashboardh.class_guest .react-multiple-carousel__arrow,
body#body_dashboardh.class_user .react-multiple-carousel__arrow {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTE3KSI+PHJlY3Qgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIiByeD0iNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExNykiIGZpbGw9IiNmN2Y3ZjciLz48cGF0aCBkPSJNNCwxQTMsMywwLDAsMCwxLDRWNDZhMywzLDAsMCwwLDMsM0g0NmEzLDMsMCwwLDAsMy0zVjRhMywzLDAsMCwwLTMtM0g0TTQsMEg0NmE0LDQsMCwwLDEsNCw0VjQ2YTQsNCwwLDAsMS00LDRINGE0LDQsMCwwLDEtNC00VjRBNCw0LDAsMCwxLDQsMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTcpIiBmaWxsPSIjZGVkZWRlIi8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMC43NSAxNi4yNSkiPjxwYXRoIGQ9Ik04LjgxLDBoMEwwLDguNzUsOC44MSwxNy41bDEuODE1LTEuOEwzLjYzLDguNzUsMTAuNjI1LDEuOCw4LjgxMSwwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTguNzUgMTcuNSkgcm90YXRlKDE4MCkiIGZpbGw9IiM1YjViNWIiLz48cmVjdCB3aWR0aD0iMTciIGhlaWdodD0iMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMjUgNy43NSkiIGZpbGw9IiM1YjViNWIiLz48L2c+PC9nPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    min-width: auto;
    min-height: auto;
    border-radius: 0;
    padding: 0;
}
body#body_dashboardh.class_guest .react-multiple-carousel__arrow::before,
body#body_dashboardh.class_user .react-multiple-carousel__arrow::before {
    display: none;
}
body#body_dashboardh.class_guest .react-multiple-carousel__arrow--left,
body#body_dashboardh.class_user .react-multiple-carousel__arrow--left {
    transform: scale(-1, 1);
}
body#body_dashboardh.class_guest .react-multi-carousel-list,
body#body_dashboardh.class_user .react-multi-carousel-list {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}
body#body_dashboardh.class_guest .react-multi-carousel-dot-list,
body#body_dashboardh.class_user .react-multi-carousel-dot-list {
    display: flex;
    line-height: 1;
}
body#body_dashboardh.class_guest .react-multi-carousel-dot button,
body#body_dashboardh.class_user .react-multi-carousel-dot button {
    background: #d4d4d4;
}
body#body_dashboardh.class_guest .react-multi-carousel-dot--active button,
body#body_dashboardh.class_user .react-multi-carousel-dot--active button {
    background: #bf6d4e;
}
@media (max-width: 768px) {
    body#body_dashboardh.class_guest .react-multiple-carousel__arrow,
    body#body_dashboardh.class_user .react-multiple-carousel__arrow {
        bottom: 0;
        width: 50px;
        height: 50px;
    }
    body#body_dashboardh.class_guest .react-multiple-carousel__arrow--left,
    body#body_dashboardh.class_user .react-multiple-carousel__arrow--left {
        left: 20px;
    }
    body#body_dashboardh.class_guest .react-multiple-carousel__arrow--right,
    body#body_dashboardh.class_user .react-multiple-carousel__arrow--right {
        right: 20px;
    }
    body#body_dashboardh.class_guest .react-multi-carousel-list,
    body#body_dashboardh.class_user .react-multi-carousel-list {
        padding-bottom: 60px;
    }
    body#body_dashboardh.class_guest .react-multi-carousel-item,
    body#body_dashboardh.class_user .react-multi-carousel-item {
        width: 100vw !important;
    }
    body#body_dashboardh.class_guest .react-multi-carousel-dot-list,
    body#body_dashboardh.class_user .react-multi-carousel-dot-list {
        margin-top: -33px;
    }
    body#body_dashboardh.class_guest .react-multi-carousel-dot button,
    body#body_dashboardh.class_user .react-multi-carousel-dot button {
        width: 16px;
        height: 16px;
        margin-right: 8px;
    }
}
@media screen and (min-width: 769px) {
    body#body_dashboardh.class_guest .react-multiple-carousel__arrow,
    body#body_dashboardh.class_user .react-multiple-carousel__arrow {
        width: 40px;
        height: 40px;
    }
    body#body_dashboardh.class_guest .react-multiple-carousel__arrow--left,
    body#body_dashboardh.class_user .react-multiple-carousel__arrow--left {
        left: 0;
    }
    body#body_dashboardh.class_guest .react-multiple-carousel__arrow--right,
    body#body_dashboardh.class_user .react-multiple-carousel__arrow--right {
        right: 0;
    }
    body#body_dashboardh.class_guest .react-multi-carousel-list,
    body#body_dashboardh.class_user .react-multi-carousel-list {
        margin-bottom: 16px;
    }
}
@media screen and (min-width: 769px) and (max-width: 991px) {
    body#body_dashboardh.class_guest .react-multi-carousel-item,
    body#body_dashboardh.class_user .react-multi-carousel-item {
        width: 50vw !important;
    }
    body#body_dashboardh.class_guest .react-multi-carousel-item:nth-of-type(odd),
    body#body_dashboardh.class_user .react-multi-carousel-item:nth-of-type(odd) {
        padding-left: 54px;
        padding-right: 20px;
    }
    body#body_dashboardh.class_guest .react-multi-carousel-item:nth-of-type(even),
    body#body_dashboardh.class_user .react-multi-carousel-item:nth-of-type(even) {
        padding-left: 20px;
        padding-right: 54px;
    }
}
@media (min-width: 992px) {
    body#body_dashboardh.class_guest .react-multi-carousel-item,
    body#body_dashboardh.class_user .react-multi-carousel-item {
        width: 460px !important;
    }
    body#body_dashboardh.class_guest .react-multi-carousel-item:nth-of-type(odd),
    body#body_dashboardh.class_user .react-multi-carousel-item:nth-of-type(odd) {
        padding-left: 54px;
        padding-right: 20px;
    }
    body#body_dashboardh.class_guest .react-multi-carousel-item:nth-of-type(even),
    body#body_dashboardh.class_user .react-multi-carousel-item:nth-of-type(even) {
        padding-left: 20px;
        padding-right: 54px;
    }
}
@media (min-width: 1441px) {
    body#body_dashboardh.class_guest .react-multi-carousel-item,
    body#body_dashboardh.class_user .react-multi-carousel-item {
        width: 306.66667px !important;
    }
    body#body_dashboardh.class_guest .react-multi-carousel-item:nth-of-type(odd),
    body#body_dashboardh.class_user .react-multi-carousel-item:nth-of-type(odd) {
        padding-left: 0;
        padding-right: 0;
    }
    body#body_dashboardh.class_guest .react-multi-carousel-item:nth-of-type(even),
    body#body_dashboardh.class_user .react-multi-carousel-item:nth-of-type(even) {
        padding-left: 0;
        padding-right: 0;
    }
    body#body_dashboardh.class_guest .react-multi-carousel-item .recommended-curriculum-panel,
    body#body_dashboardh.class_user .react-multi-carousel-item .recommended-curriculum-panel {
        margin-left: auto;
        margin-right: auto;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    body#body_dashboardh.class_guest .panel,
    body#body_dashboardh.class_user .panel {
        margin-left: 0;
        margin-right: 0;
    }
    body#body_dashboardh.class_guest .progress-panel > .col-left,
    body#body_dashboardh.class_user .progress-panel > .col-left {
        width: 66.12466%;
        padding-right: 30px;
    }
    body#body_dashboardh.class_guest .progress-panel > .col-right,
    body#body_dashboardh.class_user .progress-panel > .col-right {
        width: 33.87534%;
    }
    body#body_dashboardh.class_guest .selected-curriculum-wrapper > .row > .col-sm-6,
    body#body_dashboardh.class_user .selected-curriculum-wrapper > .row > .col-sm-6 {
        width: 30.3523%;
    }
    body#body_dashboardh.class_guest .selected-curriculum-wrapper > .row > .col-sm-6:not(:nth-of-type(3n)),
    body#body_dashboardh.class_user .selected-curriculum-wrapper > .row > .col-sm-6:not(:nth-of-type(3n)) {
        margin-right: 4.47154%;
    }
    body#body_dashboardh.class_guest .selected-curriculum-wrapper .product-card-list-description,
    body#body_dashboardh.class_user .selected-curriculum-wrapper .product-card-list-description {
        -webkit-line-clamp: 7;
        max-height: 9.8em;
    }
}
@media (min-width: 992px) {
    body#body_dashboardh.class_guest #page-wrapper,
    body#body_dashboardh.class_user #page-wrapper {
        width: 100%;
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }
    body#body_dashboardh.class_guest .dashboard-wrapper,
    body#body_dashboardh.class_user .dashboard-wrapper {
        width: 100%;
        max-width: 1000px;
        padding: 40px 40px 30px;
    }
    body#body_dashboardh.class_guest .dashboard-wrapper .curriculum-title,
    body#body_dashboardh.class_user .dashboard-wrapper .curriculum-title {
        font-size: 28px;
        line-height: 1.5;
        padding: 0 0 30px !important;
    }
    body#body_dashboardh.class_guest .progress-panel,
    body#body_dashboardh.class_user .progress-panel {
        padding-top: 0;
    }
    body#body_dashboardh.class_guest .progress-panel > .col-left,
    body#body_dashboardh.class_user .progress-panel > .col-left {
        width: 72.82609%;
        padding-right: 60px;
    }
    body#body_dashboardh.class_guest .progress-panel > .col-right,
    body#body_dashboardh.class_user .progress-panel > .col-right {
        width: 27.17391%;
    }
    body#body_dashboardh.class_guest .notification-panel,
    body#body_dashboardh.class_user .notification-panel {
        padding-bottom: 60px;
    }
    body#body_dashboardh.class_guest .selected-curriculum-wrapper > .row > .col-sm-6,
    body#body_dashboardh.class_user .selected-curriculum-wrapper > .row > .col-sm-6 {
        width: 30.43478%;
    }
    body#body_dashboardh.class_guest .selected-curriculum-wrapper > .row > .col-sm-6:not(:nth-of-type(3n)),
    body#body_dashboardh.class_user .selected-curriculum-wrapper > .row > .col-sm-6:not(:nth-of-type(3n)) {
        margin-right: 4.34783%;
    }
    body#body_dashboardh.class_guest .selected-curriculum-wrapper .product-card-list-description,
    body#body_dashboardh.class_user .selected-curriculum-wrapper .product-card-list-description {
        -webkit-line-clamp: 6;
        max-height: 8.4em;
    }
    body#body_dashboardh.class_guest .selected-curriculum-wrapper .curriculum-title,
    body#body_dashboardh.class_user .selected-curriculum-wrapper .curriculum-title {
        font-size: 28px;
        line-height: 1.5;
        padding: 0 0 30px !important;
    }
    body#body_dashboardh.class_guest .selected-curriculums,
    body#body_dashboardh.class_user .selected-curriculums {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.fanfare-modal .modal-dialog .modal-content .modal-body {
    padding: 40px 20px 80px !important;
}
@media (max-width: 767px) {
    .fanfare-modal .modal-dialog .modal-content .modal-body {
        padding: 30px 20px 70px !important;
    }
}
.fanfare-modal .modal-dialog .modal-content .fanfare-badge-wrapper {
    width: 150px;
}
@media (max-width: 767px) {
    .fanfare-modal .modal-dialog .modal-content .fanfare-badge-wrapper {
        width: 120px;
    }
}
.fanfare-modal .modal-dialog .modal-content .fanfare-badge-title {
    position: relative;
    margin-top: 20px;
}
.fanfare-modal .modal-dialog .modal-content .fanfare-badge-title:before {
    content: '合格おめでとうございます。';
    position: absolute;
    top: 95%;
    width: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    font-size: 14px;
    font-weight: 400;
}
.fanfare-modal .modal-dialog .modal-content .fanfare-badge-title:after {
    content: '「コレクション」に追加されました。';
    position: absolute;
    top: 170%;
    width: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    font-size: 14px;
    font-weight: 400;
}
body#body_dashboardh.class_user .recommended-curriculum-panel .curriculum-description {
    display: flex;
    flex-wrap: wrap;
}
body#body_dashboardh.class_user .recommended-curriculum-panel .curriculum-description .product-card-course-sum {
    width: 100%;
    order: 2;
}
body#body_dashboardh.class_user .recommended-curriculum-panel .curriculum-description p.font-bold.product-card-title {
    order: 1;
    width: 100%;
    color: #444444;
    font-size: 16px;
}
body#body_dashboardh.class_user .recommended-curriculum-panel .curriculum-description div.ContentsNum {
    width: 100%;
    color: #888888;
    font-size: 14px;
    order: 3;
}
body#body_dashboardh.class_user .recommended-curriculum-panel .curriculum-description div.StandardDuration {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    color: #888888;
    font-size: 14px;
    order: 4;
}
body#body_dashboardh.class_user .recommended-curriculum-panel .curriculum-description {
    display: flex;
    flex-wrap: wrap;
}
body#body_dashboardh.class_user .recommended-curriculum-panel .curriculum-description .product-card-course-sum {
    width: 100%;
    order: 2;
}
body#body_dashboardh.class_user .recommended-curriculum-panel .curriculum-description p.font-bold.product-card-title {
    order: 1;
    width: 100%;
    color: #444444;
    font-size: 16px;
}
body#body_dashboardh.class_user .recommended-curriculum-panel .curriculum-description div.ContentsNum {
    width: 100%;
    color: #888888;
    font-size: 14px;
    order: 3;
}
body#body_dashboardh.class_user .recommended-curriculum-panel .curriculum-description div.StandardDuration {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    color: #888888;
    font-size: 14px;
    order: 4;
}
body#body_dashboardh.class_user .recommended-curriculum-panel .curriculum-description p.text-muted {
    margin: 0;
}
body#body_subdomainCustom.is-fixed {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
}
body#body_subdomainCustom .p-container {
    font-size: 16px;
    line-height: 1.5;
    background: #fff;
    padding: 30px 20px 40px;
}
@media (min-width: 992px) {
    body#body_subdomainCustom .p-container {
        width: 100%;
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
        padding: 40px 40px 60px;
    }
}
body#body_subdomainCustom .p-container p {
    margin-bottom: 0;
}
body#body_subdomainCustom .p-section + .p-section {
    margin-top: 40px;
}
@media (min-width: 992px) {
    body#body_subdomainCustom .p-section + .p-section {
        margin-top: 60px;
    }
}
body#body_subdomainCustom .p-title {
    font-size: 30px !important;
    line-height: 1.4;
    font-weight: 600;
    text-align: center;
    color: #444;
    margin-top: 30px;
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    body#body_subdomainCustom .p-title {
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media (min-width: 992px) {
    body#body_subdomainCustom .p-title {
        font-size: 36px !important;
        line-height: 1.5;
        margin-top: 0;
        margin-bottom: 40px;
        padding-top: 40px;
    }
}
body#body_subdomainCustom .p-hdg {
    font-size: 24px;
    line-height: 1.5;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 12px;
}
body#body_subdomainCustom .p-list {
    counter-reset: num;
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
}
body#body_subdomainCustom .p-list > li {
    position: relative;
    padding-left: 20px;
    box-sizing: border-box;
}
body#body_subdomainCustom .p-list > li::before {
    content: '\0030fb';
    position: absolute;
    left: 0;
    counter-increment: num;
    box-sizing: border-box;
}
body#body_subdomainCustom .p-list > li + li {
    margin-top: 20px;
}
body#body_subdomainCustom .p-list--numbered > li::before {
    content: counter(num) '.';
}
body#body_subdomainCustom .p-list--bracketed > li {
    padding-left: 30px;
}
body#body_subdomainCustom .p-list--bracketed > li::before {
    content: '(' counter(num) ')';
}
body#body_subdomainCustom .p-faq--secondary .p-faq__list {
    list-style: none;
    border-top: 1px solid #dedede;
    margin-left: -20px;
    margin-right: -20px;
    padding: 0;
}
body#body_subdomainCustom .p-faq--secondary .p-faq__item {
    font-size: 16px;
    line-height: 1.5;
    border-bottom: 1px solid #dedede;
}
body#body_subdomainCustom .p-faq--secondary .p-faq__item a {
    display: block;
    position: relative;
    color: #444;
    padding: 20px 70px 20px 20px;
}
body#body_subdomainCustom .p-faq--secondary .p-faq__item a::after {
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2LjkgMTEuNzk5Ij48cGF0aCBkPSJNLTE0NjIuOTQxLDExLjhoMGwtMS4xNTktMS4xOTEsNC41OC00LjcwOC00LjU4LTQuNzA4LDEuMTYtMS4xOTIsNS43NCw1LjktNS43NCw1LjlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNDY0LjEwMSkiIGZpbGw9IiM5MTkxOTEiLz48L3N2Zz4=');
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    position: absolute;
    top: 50%;
    right: 30px;
    width: 7px;
    height: 12px;
    transform: translateY(-50%);
}
@media (min-width: 992px) {
    body#body_subdomainCustom .p-faq--secondary .p-faq__list {
        display: flex;
        flex-wrap: wrap;
        border-top: none;
        margin: 0;
    }
    body#body_subdomainCustom .p-faq--secondary .p-faq__item {
        width: 47.82609%;
    }
    body#body_subdomainCustom .p-faq--secondary .p-faq__item:nth-of-type(-n + 2) {
        border-top: 1px solid #dedede;
    }
    body#body_subdomainCustom .p-faq--secondary .p-faq__item:nth-of-type(even) {
        margin-left: 4.34783%;
    }
    body#body_subdomainCustom .p-faq--secondary .p-faq__item a {
        display: flex;
        align-items: center;
        height: 100%;
        padding-right: 27px;
    }
    body#body_subdomainCustom .p-faq--secondary .p-faq__item a::after {
        right: 10px;
    }
}
body#body_subdomainCustom .p-modal__overlay {
    z-index: 9;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.24);
    padding: 0 20px;
}
body#body_subdomainCustom .p-modal__container {
    font-size: 16px;
    line-height: 1.5;
    width: 100%;
    max-width: 800px;
    border-radius: 0;
    padding: 18px 20px 46px;
    box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.16);
}
body#body_subdomainCustom .p-modal__close {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTc0MC4wNDYtMTA1LjExN2wtMS45OTEtMS45OTFMNzMwLjA0Ni05OS4xbC04LjAwOS04LjAwOS0xLjk5LDEuOTkxLDguMDEsOC4wMDktOC4wMSw4LjAwOSwxLjk5LDEuOTkxLDguMDA5LTguMDA5LDguMDA5LDguMDA5LDEuOTkxLTEuOTkxLTguMDEtOC4wMDlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzIwLjA0NiAxMDcuMTA3KSIgZmlsbD0iIzQ0NCIvPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-size: 20px auto;
    display: block;
    font-size: 0;
    width: 44px;
    height: 44px;
    background-color: transparent;
    background-position: center center;
    border: none;
    margin: 0 -12px 15px auto;
    padding: 0;
}
body#body_subdomainCustom .p-modal__hdg--question {
    font-size: 20px;
    line-height: 1.5;
    position: relative;
    font-weight: 600;
    margin: 0 0 30px;
    padding-left: 45px;
}
body#body_subdomainCustom .p-modal__hdg--question::before {
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQwIC05NCkiPjxyZWN0IHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgcng9IjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQwIDk0KSIgZmlsbD0iIzU3NDg0MiIvPjxwYXRoIGQ9Ik02LjI4OS0xLjcxOWEzLjEsMy4xLDAsMCwwLC44LS4xLDMuOTY3LDMuOTY3LDAsMCwwLC41MzktLjJMNi40NjEtMy4xMjUsNy43LTQuNDIyLDguODY3LTMuMzEyQTUuNDQsNS40NCwwLDAsMCw5LjI1LTQuM2E1LjY2NCw1LjY2NCwwLDAsMCwuMTcyLTEuNDc3LDQuOTE4LDQuOTE4LDAsMCwwLS43OTMtM0EyLjcxNSwyLjcxNSwwLDAsMCw2LjMxMy05LjgyOCwyLjgyNSwyLjgyNSwwLDAsMCw0LjAzMS04LjgxMiw0LjYzOSw0LjYzOSwwLDAsMCwzLjE4LTUuNzczLDQuMiw0LjIsMCwwLDAsNC40LTIuMzgzLDIuODQsMi44NCwwLDAsMCw2LjI4OS0xLjcxOVptNS41MzktNC4yMjdhNy42NjEsNy42NjEsMCwwLDEtLjM3NSwyLjU3OCw0LjMsNC4zLDAsMCwxLS45LDEuNjQ4TDExLjg4My0uNDc3LDEwLjYyNS44MzYsOS4yMzQtLjQ3N0E1LjgsNS44LDAsMCwxLDguMTQxLjA2Myw1Ljg4NCw1Ljg4NCwwLDAsMSw2LjI4OS4zMiw1LjMsNS4zLDAsMCwxLDIuNTctMS4wMjMsNi4wOTEsNi4wOTEsMCwwLDEsLjc4OS01Ljc3M2E2LjAzOCw2LjAzOCwwLDAsMSwxLjgyOC00Ljc3Myw1LjQsNS40LDAsMCwxLDMuNzExLTEuMzIsNS4zMjIsNS4zMjIsMCwwLDEsMy43NSwxLjRBNS44NTMsNS44NTMsMCwwLDEsMTEuODI4LTUuOTQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDkgMTE1KSIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=');
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    position: absolute;
    left: 0;
    width: 30px;
    height: 30px;
}
body#body_subdomainCustom .p-modal__content--answer {
    position: relative;
    margin: 0;
    padding-left: 45px;
}
body#body_subdomainCustom .p-modal__content--answer::before {
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDAgLTE3OSkiPjxyZWN0IHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgcng9IjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQwIDE3OSkiIGZpbGw9IiNiZjZkNGUiLz48cGF0aCBkPSJNNC4zNjctNC4zNTJINy4yODlMNS44NTItOC44ODNabS4xNDgtNy4xNjRINy4yMzRMMTEuMzEzLDBIOC43TDcuOTYxLTIuMzY3SDMuNzE5TDIuOTIyLDBILjQwNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ5IDE5OSkiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+');
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    position: absolute;
    left: 0;
    width: 30px;
    height: 30px;
}
body#body_subdomainCustom .p-modal__content--answer p {
    margin-bottom: 1.5em;
}
body#body_subdomainCustom .p-modal__content--answer p:last-of-type {
    margin-bottom: 0;
}
@media (min-width: 992px) {
    body#body_subdomainCustom .p-modal__container {
        padding: 18px 40px 60px;
    }
    body#body_subdomainCustom .p-modal__close {
        margin-right: -22px;
    }
}
@media (min-width: 992px) {
    body#body_subdomainCustom .p-contact--secondary {
        padding-top: 40px;
    }
}
body#body_subdomainCustom .p-table__tr {
    display: flex;
    border-bottom: 1px solid #dedede;
    padding: 30px 0;
}
@media (max-width: 767px) {
    body#body_subdomainCustom .p-table__tr {
        flex-direction: column;
    }
}
body#body_subdomainCustom .p-table__tr:first-of-type {
    border-top: 1px solid #dedede;
}
body#body_subdomainCustom .p-table__th {
    width: 30%;
    font-size: 16px !important;
    line-height: 1.5;
    font-weight: 400;
    color: #444;
    margin: 0;
}
body#body_subdomainCustom .p-table__td {
    width: 70%;
}
@media (min-width: 992px) {
    body#body_subdomainCustom .p-table__tr {
        display: flex;
        align-items: flex-start;
        padding: 20px 0;
    }
    body#body_subdomainCustom .p-table__th {
        width: 188px;
    }
    body#body_subdomainCustom .p-table__td {
        width: calc(100% - 188px);
        padding-top: 0;
        padding-left: 20px;
    }
}
body#body_subdomainCustom.is-fixed {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
}
body#body_subdomainCustom .p-container {
    font-size: 16px;
    line-height: 1.5;
    background: #fff;
    padding: 30px 20px 40px;
}
@media (min-width: 992px) {
    body#body_subdomainCustom .p-container {
        width: 100%;
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
        padding: 40px 40px 60px;
    }
}
body#body_subdomainCustom .p-container p {
    margin-bottom: 0;
}
body#body_subdomainCustom .p-section + .p-section {
    margin-top: 40px;
}
@media (min-width: 992px) {
    body#body_subdomainCustom .p-section + .p-section {
        margin-top: 60px;
    }
}
body#body_subdomainCustom .p-title {
    font-size: 30px !important;
    line-height: 1.4;
    font-weight: 600;
    text-align: center;
    color: #444;
    margin-top: 30px;
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    body#body_subdomainCustom .p-title {
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media (min-width: 992px) {
    body#body_subdomainCustom .p-title {
        font-size: 36px !important;
        line-height: 1.5;
        margin-top: 0;
        margin-bottom: 40px;
        padding-top: 40px;
    }
}
body#body_subdomainCustom .p-hdg {
    font-size: 24px;
    line-height: 1.5;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 12px;
}
body#body_subdomainCustom .p-list {
    counter-reset: num;
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
}
body#body_subdomainCustom .p-list > li {
    position: relative;
    padding-left: 20px;
    box-sizing: border-box;
}
body#body_subdomainCustom .p-list > li::before {
    content: '\0030fb';
    position: absolute;
    left: 0;
    counter-increment: num;
    box-sizing: border-box;
}
body#body_subdomainCustom .p-list > li + li {
    margin-top: 20px;
}
body#body_subdomainCustom .p-list--numbered > li::before {
    content: counter(num) '.';
}
body#body_subdomainCustom .p-list--bracketed > li {
    padding-left: 30px;
}
body#body_subdomainCustom .p-list--bracketed > li::before {
    content: '(' counter(num) ')';
}
body#body_subdomainCustom .p-faq--secondary .p-faq__list {
    list-style: none;
    border-top: 1px solid #dedede;
    margin-left: -20px;
    margin-right: -20px;
    padding: 0;
}
body#body_subdomainCustom .p-faq--secondary .p-faq__item {
    font-size: 16px;
    line-height: 1.5;
    border-bottom: 1px solid #dedede;
}
body#body_subdomainCustom .p-faq--secondary .p-faq__item a {
    display: block;
    position: relative;
    color: #444;
    padding: 20px 70px 20px 20px;
}
body#body_subdomainCustom .p-faq--secondary .p-faq__item a::after {
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2LjkgMTEuNzk5Ij48cGF0aCBkPSJNLTE0NjIuOTQxLDExLjhoMGwtMS4xNTktMS4xOTEsNC41OC00LjcwOC00LjU4LTQuNzA4LDEuMTYtMS4xOTIsNS43NCw1LjktNS43NCw1LjlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNDY0LjEwMSkiIGZpbGw9IiM5MTkxOTEiLz48L3N2Zz4=');
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    position: absolute;
    top: 50%;
    right: 30px;
    width: 7px;
    height: 12px;
    transform: translateY(-50%);
}
@media (min-width: 992px) {
    body#body_subdomainCustom .p-faq--secondary .p-faq__list {
        display: flex;
        flex-wrap: wrap;
        border-top: none;
        margin: 0;
    }
    body#body_subdomainCustom .p-faq--secondary .p-faq__item {
        width: 47.82609%;
    }
    body#body_subdomainCustom .p-faq--secondary .p-faq__item:nth-of-type(-n + 2) {
        border-top: 1px solid #dedede;
    }
    body#body_subdomainCustom .p-faq--secondary .p-faq__item:nth-of-type(even) {
        margin-left: 4.34783%;
    }
    body#body_subdomainCustom .p-faq--secondary .p-faq__item a {
        display: flex;
        align-items: center;
        height: 100%;
        padding-right: 27px;
    }
    body#body_subdomainCustom .p-faq--secondary .p-faq__item a::after {
        right: 10px;
    }
}
body#body_subdomainCustom .p-modal__overlay {
    z-index: 9;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.24);
    padding: 0 20px;
}
body#body_subdomainCustom .p-modal__container {
    font-size: 16px;
    line-height: 1.5;
    width: 100%;
    max-width: 800px;
    border-radius: 0;
    padding: 18px 20px 46px;
    box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.16);
}
body#body_subdomainCustom .p-modal__close {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTc0MC4wNDYtMTA1LjExN2wtMS45OTEtMS45OTFMNzMwLjA0Ni05OS4xbC04LjAwOS04LjAwOS0xLjk5LDEuOTkxLDguMDEsOC4wMDktOC4wMSw4LjAwOSwxLjk5LDEuOTkxLDguMDA5LTguMDA5LDguMDA5LDguMDA5LDEuOTkxLTEuOTkxLTguMDEtOC4wMDlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzIwLjA0NiAxMDcuMTA3KSIgZmlsbD0iIzQ0NCIvPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-size: 20px auto;
    display: block;
    font-size: 0;
    width: 44px;
    height: 44px;
    background-color: transparent;
    background-position: center center;
    border: none;
    margin: 0 -12px 15px auto;
    padding: 0;
}
body#body_subdomainCustom .p-modal__hdg--question {
    font-size: 20px;
    line-height: 1.5;
    position: relative;
    font-weight: 600;
    margin: 0 0 30px;
    padding-left: 45px;
}
body#body_subdomainCustom .p-modal__hdg--question::before {
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQwIC05NCkiPjxyZWN0IHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgcng9IjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQwIDk0KSIgZmlsbD0iIzU3NDg0MiIvPjxwYXRoIGQ9Ik02LjI4OS0xLjcxOWEzLjEsMy4xLDAsMCwwLC44LS4xLDMuOTY3LDMuOTY3LDAsMCwwLC41MzktLjJMNi40NjEtMy4xMjUsNy43LTQuNDIyLDguODY3LTMuMzEyQTUuNDQsNS40NCwwLDAsMCw5LjI1LTQuM2E1LjY2NCw1LjY2NCwwLDAsMCwuMTcyLTEuNDc3LDQuOTE4LDQuOTE4LDAsMCwwLS43OTMtM0EyLjcxNSwyLjcxNSwwLDAsMCw2LjMxMy05LjgyOCwyLjgyNSwyLjgyNSwwLDAsMCw0LjAzMS04LjgxMiw0LjYzOSw0LjYzOSwwLDAsMCwzLjE4LTUuNzczLDQuMiw0LjIsMCwwLDAsNC40LTIuMzgzLDIuODQsMi44NCwwLDAsMCw2LjI4OS0xLjcxOVptNS41MzktNC4yMjdhNy42NjEsNy42NjEsMCwwLDEtLjM3NSwyLjU3OCw0LjMsNC4zLDAsMCwxLS45LDEuNjQ4TDExLjg4My0uNDc3LDEwLjYyNS44MzYsOS4yMzQtLjQ3N0E1LjgsNS44LDAsMCwxLDguMTQxLjA2Myw1Ljg4NCw1Ljg4NCwwLDAsMSw2LjI4OS4zMiw1LjMsNS4zLDAsMCwxLDIuNTctMS4wMjMsNi4wOTEsNi4wOTEsMCwwLDEsLjc4OS01Ljc3M2E2LjAzOCw2LjAzOCwwLDAsMSwxLjgyOC00Ljc3Myw1LjQsNS40LDAsMCwxLDMuNzExLTEuMzIsNS4zMjIsNS4zMjIsMCwwLDEsMy43NSwxLjRBNS44NTMsNS44NTMsMCwwLDEsMTEuODI4LTUuOTQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDkgMTE1KSIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=');
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    position: absolute;
    left: 0;
    width: 30px;
    height: 30px;
}
body#body_subdomainCustom .p-modal__content--answer {
    position: relative;
    margin: 0;
    padding-left: 45px;
}
body#body_subdomainCustom .p-modal__content--answer::before {
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDAgLTE3OSkiPjxyZWN0IHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgcng9IjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQwIDE3OSkiIGZpbGw9IiNiZjZkNGUiLz48cGF0aCBkPSJNNC4zNjctNC4zNTJINy4yODlMNS44NTItOC44ODNabS4xNDgtNy4xNjRINy4yMzRMMTEuMzEzLDBIOC43TDcuOTYxLTIuMzY3SDMuNzE5TDIuOTIyLDBILjQwNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ5IDE5OSkiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+');
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    position: absolute;
    left: 0;
    width: 30px;
    height: 30px;
}
body#body_subdomainCustom .p-modal__content--answer p {
    margin-bottom: 1.5em;
}
body#body_subdomainCustom .p-modal__content--answer p:last-of-type {
    margin-bottom: 0;
}
@media (min-width: 992px) {
    body#body_subdomainCustom .p-modal__container {
        padding: 18px 40px 60px;
    }
    body#body_subdomainCustom .p-modal__close {
        margin-right: -22px;
    }
}
@media (min-width: 992px) {
    body#body_subdomainCustom .p-contact--secondary {
        padding-top: 40px;
    }
}
body#body_subdomainCustom .p-table__tr {
    display: flex;
    border-bottom: 1px solid #dedede;
    padding: 30px 0;
}
@media (max-width: 767px) {
    body#body_subdomainCustom .p-table__tr {
        flex-direction: column;
    }
}
body#body_subdomainCustom .p-table__tr:first-of-type {
    border-top: 1px solid #dedede;
}
body#body_subdomainCustom .p-table__th {
    width: 30%;
    font-size: 16px !important;
    line-height: 1.5;
    font-weight: 400;
    color: #444;
    margin: 0;
}
body#body_subdomainCustom .p-table__td {
    width: 70%;
}
@media (min-width: 992px) {
    body#body_subdomainCustom .p-table__tr {
        display: flex;
        align-items: flex-start;
        padding: 20px 0;
    }
    body#body_subdomainCustom .p-table__th {
        width: 188px;
    }
    body#body_subdomainCustom .p-table__td {
        width: calc(100% - 188px);
        padding-top: 0;
        padding-left: 20px;
    }
}
.p-container {
    font-size: 16px;
    line-height: 1.5;
    background: #fff;
    padding: 30px 20px 40px;
}
@media (min-width: 992px) {
    .p-container {
        width: 100%;
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
        padding: 40px 40px 60px;
    }
}
.p-container p {
    margin-bottom: 0;
}
.p-container {
    font-size: 16px;
    line-height: 1.5;
    background: #fff;
    padding: 30px 20px 40px;
}
@media (min-width: 992px) {
    .p-container {
        width: 100%;
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
        padding: 40px 40px 60px;
    }
}
.p-container p {
    margin-bottom: 0;
}
.p-section + .p-section {
    margin-top: 40px;
}
@media (min-width: 992px) {
    .p-section + .p-section {
        margin-top: 60px;
    }
}
.p-title {
    font-size: 30px !important;
    line-height: 1.4;
    font-weight: 600;
    text-align: center;
    color: #444;
    margin-top: 30px;
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    .p-title {
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media (min-width: 992px) {
    .p-title {
        font-size: 36px !important;
        line-height: 1.5;
        margin-top: 0;
        margin-bottom: 40px;
        padding-top: 40px;
    }
}
.p-hdg {
    font-size: 24px;
    line-height: 1.5;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 12px;
}
.p-list {
    counter-reset: num;
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
}
.p-list > li {
    position: relative;
    padding-left: 20px;
    box-sizing: border-box;
}
.p-list > li::before {
    content: '\0030fb';
    position: absolute;
    left: 0;
    counter-increment: num;
    box-sizing: border-box;
}
.p-list > li + li {
    margin-top: 20px;
}
.p-list--numbered > li::before {
    content: counter(num) '.';
}
.p-list--bracketed > li {
    padding-left: 30px;
}
.p-list--bracketed > li::before {
    content: '(' counter(num) ')';
}
.p-faq--secondary .p-faq__list {
    list-style: none;
    border-top: 1px solid #dedede;
    margin-left: -20px;
    margin-right: -20px;
    padding: 0;
}
.p-faq--secondary .p-faq__item {
    font-size: 16px;
    line-height: 1.5;
    border-bottom: 1px solid #dedede;
}
.p-faq--secondary .p-faq__item a {
    display: block;
    position: relative;
    color: #444;
    padding: 20px 70px 20px 20px;
}
.p-faq--secondary .p-faq__item a::after {
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2LjkgMTEuNzk5Ij48cGF0aCBkPSJNLTE0NjIuOTQxLDExLjhoMGwtMS4xNTktMS4xOTEsNC41OC00LjcwOC00LjU4LTQuNzA4LDEuMTYtMS4xOTIsNS43NCw1LjktNS43NCw1LjlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNDY0LjEwMSkiIGZpbGw9IiM5MTkxOTEiLz48L3N2Zz4=');
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    position: absolute;
    top: 50%;
    right: 30px;
    width: 7px;
    height: 12px;
    transform: translateY(-50%);
}
@media (min-width: 992px) {
    .p-faq--secondary .p-faq__list {
        display: flex;
        flex-wrap: wrap;
        border-top: none;
        margin: 0;
    }
    .p-faq--secondary .p-faq__item {
        width: 47.82609%;
    }
    .p-faq--secondary .p-faq__item:nth-of-type(-n + 2) {
        border-top: 1px solid #dedede;
    }
    .p-faq--secondary .p-faq__item:nth-of-type(even) {
        margin-left: 4.34783%;
    }
    .p-faq--secondary .p-faq__item a {
        display: flex;
        align-items: center;
        height: 100%;
        padding-right: 27px;
    }
    .p-faq--secondary .p-faq__item a::after {
        right: 10px;
    }
}
.p-modal__overlay {
    z-index: 9;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.24);
    padding: 0 20px;
}
.p-modal__container {
    font-size: 16px;
    line-height: 1.5;
    width: 100%;
    max-width: 800px;
    border-radius: 0;
    padding: 18px 20px 46px;
    box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.16);
}
.p-modal__close {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTc0MC4wNDYtMTA1LjExN2wtMS45OTEtMS45OTFMNzMwLjA0Ni05OS4xbC04LjAwOS04LjAwOS0xLjk5LDEuOTkxLDguMDEsOC4wMDktOC4wMSw4LjAwOSwxLjk5LDEuOTkxLDguMDA5LTguMDA5LDguMDA5LDguMDA5LDEuOTkxLTEuOTkxLTguMDEtOC4wMDlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzIwLjA0NiAxMDcuMTA3KSIgZmlsbD0iIzQ0NCIvPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-size: 20px auto;
    display: block;
    font-size: 0;
    width: 44px;
    height: 44px;
    background-color: transparent;
    background-position: center center;
    border: none;
    margin: 0 -12px 15px auto;
    padding: 0;
}
.p-modal__hdg--question {
    font-size: 20px;
    line-height: 1.5;
    position: relative;
    font-weight: 600;
    margin: 0 0 30px;
    padding-left: 45px;
}
.p-modal__hdg--question::before {
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQwIC05NCkiPjxyZWN0IHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgcng9IjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQwIDk0KSIgZmlsbD0iIzU3NDg0MiIvPjxwYXRoIGQ9Ik02LjI4OS0xLjcxOWEzLjEsMy4xLDAsMCwwLC44LS4xLDMuOTY3LDMuOTY3LDAsMCwwLC41MzktLjJMNi40NjEtMy4xMjUsNy43LTQuNDIyLDguODY3LTMuMzEyQTUuNDQsNS40NCwwLDAsMCw5LjI1LTQuM2E1LjY2NCw1LjY2NCwwLDAsMCwuMTcyLTEuNDc3LDQuOTE4LDQuOTE4LDAsMCwwLS43OTMtM0EyLjcxNSwyLjcxNSwwLDAsMCw2LjMxMy05LjgyOCwyLjgyNSwyLjgyNSwwLDAsMCw0LjAzMS04LjgxMiw0LjYzOSw0LjYzOSwwLDAsMCwzLjE4LTUuNzczLDQuMiw0LjIsMCwwLDAsNC40LTIuMzgzLDIuODQsMi44NCwwLDAsMCw2LjI4OS0xLjcxOVptNS41MzktNC4yMjdhNy42NjEsNy42NjEsMCwwLDEtLjM3NSwyLjU3OCw0LjMsNC4zLDAsMCwxLS45LDEuNjQ4TDExLjg4My0uNDc3LDEwLjYyNS44MzYsOS4yMzQtLjQ3N0E1LjgsNS44LDAsMCwxLDguMTQxLjA2Myw1Ljg4NCw1Ljg4NCwwLDAsMSw2LjI4OS4zMiw1LjMsNS4zLDAsMCwxLDIuNTctMS4wMjMsNi4wOTEsNi4wOTEsMCwwLDEsLjc4OS01Ljc3M2E2LjAzOCw2LjAzOCwwLDAsMSwxLjgyOC00Ljc3Myw1LjQsNS40LDAsMCwxLDMuNzExLTEuMzIsNS4zMjIsNS4zMjIsMCwwLDEsMy43NSwxLjRBNS44NTMsNS44NTMsMCwwLDEsMTEuODI4LTUuOTQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDkgMTE1KSIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=');
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    position: absolute;
    left: 0;
    width: 30px;
    height: 30px;
}
.p-modal__content--answer {
    position: relative;
    margin: 0;
    padding-left: 45px;
}
.p-modal__content--answer::before {
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDAgLTE3OSkiPjxyZWN0IHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgcng9IjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQwIDE3OSkiIGZpbGw9IiNiZjZkNGUiLz48cGF0aCBkPSJNNC4zNjctNC4zNTJINy4yODlMNS44NTItOC44ODNabS4xNDgtNy4xNjRINy4yMzRMMTEuMzEzLDBIOC43TDcuOTYxLTIuMzY3SDMuNzE5TDIuOTIyLDBILjQwNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ5IDE5OSkiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+');
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    position: absolute;
    left: 0;
    width: 30px;
    height: 30px;
}
.p-modal__content--answer p {
    margin-bottom: 1.5em;
}
.p-modal__content--answer p:last-of-type {
    margin-bottom: 0;
}
@media (min-width: 992px) {
    .p-modal__container {
        padding: 18px 40px 60px;
    }
    .p-modal__close {
        margin-right: -22px;
    }
}
@media (min-width: 992px) {
    .p-contact--secondary {
        padding-top: 40px;
    }
}
.p-table__tr {
    display: flex;
    border-bottom: 1px solid #dedede;
    padding: 30px 0;
}
@media (max-width: 767px) {
    .p-table__tr {
        flex-direction: column;
    }
}
.p-table__tr:first-of-type {
    border-top: 1px solid #dedede;
}
.p-table__th {
    width: 30%;
    font-size: 16px !important;
    line-height: 1.5;
    font-weight: 400;
    color: #444;
    margin: 0;
}
.p-table__td {
    width: 70%;
}
@media (min-width: 992px) {
    .p-table__tr {
        display: flex;
        align-items: flex-start;
        padding: 20px 0;
    }
    .p-table__th {
        width: 188px;
    }
    .p-table__td {
        width: calc(100% - 188px);
        padding-top: 0;
        padding-left: 20px;
    }
}
.p-title {
    font-size: 30px !important;
    line-height: 1.4;
    font-weight: 600;
    text-align: center;
    color: #444;
    margin-top: 30px;
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    .p-title {
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media (min-width: 992px) {
    .p-title {
        font-size: 36px !important;
        line-height: 1.5;
        margin-top: 0;
        margin-bottom: 40px;
        padding-top: 40px;
    }
}
@media (min-width: 992px) {
    .p-contact--secondary {
        padding-top: 40px;
    }
}
.p-table__tr {
    display: flex;
    border-bottom: 1px solid #dedede;
    padding: 30px 0;
}
@media (max-width: 767px) {
    .p-table__tr {
        flex-direction: column;
        padding: 10px 0;
    }
}
.p-table__tr:first-of-type {
    border-top: 1px solid #dedede;
}
.p-table__th {
    width: 30%;
    font-size: 16px !important;
    line-height: 1.5;
    font-weight: 400;
    color: #444;
    margin: 0;
}
@media (max-width: 767px) {
    .p-table__th {
        width: 100%;
        font-weight: bold;
    }
}
.p-table__td {
    width: 70%;
}
@media (max-width: 767px) {
    .p-table__td {
        width: 100%;
        margin-top: 10px;
    }
}
@media (min-width: 992px) {
    .p-table__tr {
        display: flex;
        align-items: flex-start;
        padding: 20px 0;
    }
    .p-table__th {
        width: 188px;
    }
    .p-table__td {
        width: calc(100% - 188px);
        padding-top: 0;
        padding-left: 20px;
    }
}
@media (min-width: 992px) {
    _:-ms-lang(x)::-ms-backdrop,
    .mm-wrapper_opening.mm-wrapper_background body#body_subdomainCustom .p-modal__overlay {
        padding-left: 360px;
    }
}
body#body_learnerRegister.class_guest .panel-heading h1:after,
body#body_learnerRegister.class_user .panel-heading h1:after {
    content: '新規会員登録をすると、10日間無料お試しが可能です。\A法人の無料トライアルをご希望の方は、ページ下部からお問い合わせ下さい。';
    white-space: pre;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    margin-top: 20px;
    color: #222222;
    line-height: 1.8;
}
@media (max-width: 767px) {
    body#body_learnerRegister.class_guest .panel-heading h1:after,
    body#body_learnerRegister.class_user .panel-heading h1:after {
        font-size: 14px;
        content: '新規会員登録をすると、10日間無料お試しが可能です。\A法人の無料トライアルをご希望の方は、\Aページ下部からお問い合わせ下さい。';
        font-weight: 500;
        margin-top: 15px;
        color: #222222;
    }
}
@media (max-width: 767px) {
    body#body_learnerRegister.class_guest .panel-heading h1,
    body#body_learnerRegister.class_user .panel-heading h1 {
        padding-left: 0;
        padding-right: 0;
    }
}
body#body_learnerRegister.class_guest .form-group .input-group .input-group-btn .btn,
body#body_learnerRegister.class_user .form-group .input-group .input-group-btn .btn {
    padding: 9px 12px;
    margin-bottom: 6px;
    margin-left: -1.5px;
    color: #c4c4c4;
    max-height: 44px;
}
@media (max-width: 992px) {
    body#body_learnerRegister.class_guest .form-group .input-group .input-group-btn .btn,
    body#body_learnerRegister.class_user .form-group .input-group .input-group-btn .btn {
        padding: 13px;
    }
}
@media (max-width: 767px) {
    body#body_learnerRegister.class_guest .form-group .input-group .input-group-btn .btn,
    body#body_learnerRegister.class_user .form-group .input-group .input-group-btn .btn {
        padding: 13px;
    }
}
@media (min-width: 992px) {
    body#body_learnerRegister.class_guest .form-group .input-group .input-group-btn .btn,
    body#body_learnerRegister.class_user .form-group .input-group .input-group-btn .btn {
        max-height: 36px;
    }
}
body#body_learnerRegister.class_guest .form-group.birthday-register,
body#body_learnerRegister.class_guest .form-group.hiredate-register,
body#body_learnerRegister.class_guest .form-group.zip-register,
body#body_learnerRegister.class_guest .form-group.pref-register,
body#body_learnerRegister.class_guest .form-group.address2-register,
body#body_learnerRegister.class_guest .form-group.address1-register,
body#body_learnerRegister.class_guest .form-group.mobilephone1-register,
body#body_learnerRegister.class_guest .form-group.mobilephone2-register,
body#body_learnerRegister.class_guest .form-group.mobilephone3-register,
body#body_learnerRegister.class_user .form-group.birthday-register,
body#body_learnerRegister.class_user .form-group.hiredate-register,
body#body_learnerRegister.class_user .form-group.zip-register,
body#body_learnerRegister.class_user .form-group.pref-register,
body#body_learnerRegister.class_user .form-group.address2-register,
body#body_learnerRegister.class_user .form-group.address1-register,
body#body_learnerRegister.class_user .form-group.mobilephone1-register,
body#body_learnerRegister.class_user .form-group.mobilephone2-register,
body#body_learnerRegister.class_user .form-group.mobilephone3-register {
    display: none;
}
body#body_Profile_Index.class_guest .panel-heading,
body#body_Profile_Index.class_user .panel-heading {
    height: auto;
}
body#body_Profile_Index.class_guest .panel-heading h1,
body#body_Profile_Index.class_user .panel-heading h1 {
    font-size: 30px;
    line-height: 1.4;
    display: block;
    width: 100%;
    color: #444 !important;
    text-align: center;
}
@media (max-width: 767px) {
    body#body_Profile_Index.class_guest .panel-heading h1,
    body#body_Profile_Index.class_user .panel-heading h1 {
        padding-left: 30px;
        padding-right: 30px;
    }
}
body#body_Profile_Index.class_guest .panel-heading h1 .fas,
body#body_Profile_Index.class_user .panel-heading h1 .fas {
    display: none;
}
body#body_Profile_Index.class_guest .panel-body,
body#body_Profile_Index.class_user .panel-body {
    padding-bottom: 40px;
}
body#body_Profile_Index.class_guest .panel-body .form-group,
body#body_Profile_Index.class_user .panel-body .form-group {
    position: relative;
}
body#body_Profile_Index.class_guest .panel-body input#changePasswordCheckbox,
body#body_Profile_Index.class_user .panel-body input#changePasswordCheckbox {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
}
body#body_Profile_Index.class_guest .panel-body input#changePasswordCheckbox + label,
body#body_Profile_Index.class_user .panel-body input#changePasswordCheckbox + label {
    padding: 5px 0 5px 36px;
}
body#body_Profile_Index.class_guest .panel-body input#changePasswordCheckbox + label::before,
body#body_Profile_Index.class_guest .panel-body input#changePasswordCheckbox + label::after,
body#body_Profile_Index.class_user .panel-body input#changePasswordCheckbox + label::before,
body#body_Profile_Index.class_user .panel-body input#changePasswordCheckbox + label::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 26px;
    border-radius: 4px;
    box-sizing: border-box;
    pointer-events: none;
}
body#body_Profile_Index.class_guest .panel-body input#changePasswordCheckbox + label::before,
body#body_Profile_Index.class_user .panel-body input#changePasswordCheckbox + label::before {
    z-index: 1;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2026%2026%22%3E%3Cg%20transform%3D%22translate(-77%20-490)%22%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22M173.134%2C77.716l-5.77-5.769%2C2-2%2C3.773%2C3.774%2C6.746-6.746%2C2%2C2Z%22%20transform%3D%22translate(-84.365%20430.717)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')
        no-repeat;
    background-size: 100% auto;
    border: 1px solid #999;
}
body#body_Profile_Index.class_guest .panel-body input#changePasswordCheckbox:checked + label::after,
body#body_Profile_Index.class_user .panel-body input#changePasswordCheckbox:checked + label::after {
    background: #4ea0bf;
    border: 1px solid #4ea0bf;
}
body#body_Profile_Index.class_guest .form-group.pref-profile select,
body#body_Profile_Index.class_user .form-group.pref-profile select {
    font-size: 16px;
    line-height: 1;
}
body#body_Profile_Index.class_guest .form-group.mobilephone1-profile,
body#body_Profile_Index.class_guest .form-group.mobilephone2-profile,
body#body_Profile_Index.class_guest .form-group.mobilephone3-profile,
body#body_Profile_Index.class_user .form-group.mobilephone1-profile,
body#body_Profile_Index.class_user .form-group.mobilephone2-profile,
body#body_Profile_Index.class_user .form-group.mobilephone3-profile {
    display: inline-block;
    width: 100%;
    max-width: 88px;
    margin: 0;
    margin-bottom: 0 !important;
}
body#body_Profile_Index.class_guest .form-group.mobilephone1-profile .form-control,
body#body_Profile_Index.class_guest .form-group.mobilephone2-profile .form-control,
body#body_Profile_Index.class_guest .form-group.mobilephone3-profile .form-control,
body#body_Profile_Index.class_user .form-group.mobilephone1-profile .form-control,
body#body_Profile_Index.class_user .form-group.mobilephone2-profile .form-control,
body#body_Profile_Index.class_user .form-group.mobilephone3-profile .form-control {
    margin-bottom: 0;
}
body#body_Profile_Index.class_guest .form-group.mobilephone1-profile,
body#body_Profile_Index.class_guest .form-group.mobilephone2-profile,
body#body_Profile_Index.class_user .form-group.mobilephone1-profile,
body#body_Profile_Index.class_user .form-group.mobilephone2-profile {
    margin-right: 26px;
}
body#body_Profile_Index.class_guest .form-group.mobilephone2-profile,
body#body_Profile_Index.class_guest .form-group.mobilephone3-profile,
body#body_Profile_Index.class_user .form-group.mobilephone2-profile,
body#body_Profile_Index.class_user .form-group.mobilephone3-profile {
    position: relative;
    margin-left: -0.4em;
}
body#body_Profile_Index.class_guest .form-group.mobilephone2-profile::before,
body#body_Profile_Index.class_guest .form-group.mobilephone3-profile::before,
body#body_Profile_Index.class_user .form-group.mobilephone2-profile::before,
body#body_Profile_Index.class_user .form-group.mobilephone3-profile::before {
    content: '\002d';
    font-size: 16px;
    line-height: 2.8;
    display: block;
    position: absolute;
    top: 0;
    left: -13px;
    height: 44px;
    pointer-events: none;
}
body#body_Profile_Index.class_guest .form-group.mobilephone2-profile label,
body#body_Profile_Index.class_guest .form-group.mobilephone3-profile label,
body#body_Profile_Index.class_user .form-group.mobilephone2-profile label,
body#body_Profile_Index.class_user .form-group.mobilephone3-profile label {
    display: none;
}
body#body_Profile_Index.class_guest .form-group.email-profile #email ~ *,
body#body_Profile_Index.class_user .form-group.email-profile #email ~ * {
    position: unset;
}
body#body_Profile_Index.class_guest .form-group.email-profile #email ~ * input,
body#body_Profile_Index.class_user .form-group.email-profile #email ~ * input {
    width: 14px;
    height: 14px;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
}
body#body_Profile_Index.class_guest #modify_password + .form-group,
body#body_Profile_Index.class_user #modify_password + .form-group {
    margin-top: 30px;
}
body#body_Profile_Index.class_guest #modify_password > .well,
body#body_Profile_Index.class_user #modify_password > .well {
    background: #f4f4f4;
    border: none;
    border-radius: 4px;
    box-shadow: none;
    padding: 20px 20px 36px;
}
body#body_Profile_Index.class_guest #modify_password > .well > label,
body#body_Profile_Index.class_user #modify_password > .well > label {
    font-size: 16px;
    line-height: 1;
    margin-bottom: 0;
    padding: 5px 0;
}
body#body_Profile_Index.class_guest #modify_password > .well .toggle,
body#body_Profile_Index.class_user #modify_password > .well .toggle {
    display: inline-block;
    vertical-align: top;
    width: 58px !important;
    min-width: auto;
    height: 26px !important;
    min-height: auto;
    background: none;
    border: 2px solid #adadad;
    border-radius: 26px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body#body_Profile_Index.class_guest #modify_password > .well .toggle-group > .btn,
body#body_Profile_Index.class_user #modify_password > .well .toggle-group > .btn {
    font-size: 12px;
    line-height: 1.8;
    font-weight: 600;
    height: 22px;
    background: none;
    border: none;
    box-shadow: none;
    padding: 0;
}
body#body_Profile_Index.class_guest #modify_password > .well .toggle-group > .btn.toggle-on,
body#body_Profile_Index.class_user #modify_password > .well .toggle-group > .btn.toggle-on {
    text-align: left;
    background: #4ea0bf;
    padding-left: 10px;
}
body#body_Profile_Index.class_guest #modify_password > .well .toggle-group > .btn.toggle-off,
body#body_Profile_Index.class_user #modify_password > .well .toggle-group > .btn.toggle-off {
    text-align: right;
    background: #adadad;
    padding-right: 10px;
}
body#body_Profile_Index.class_guest #modify_password > .well .toggle-group > .btn.toggle-handle,
body#body_Profile_Index.class_user #modify_password > .well .toggle-group > .btn.toggle-handle {
    width: 22px;
    height: 22px;
    background: #fff;
    border: none;
    border-radius: 100%;
    margin-right: -22px;
    padding: 0;
}
body#body_Profile_Index.class_guest #modify_password > .well .toggle.btn-success,
body#body_Profile_Index.class_user #modify_password > .well .toggle.btn-success {
    border: 2px solid #4ea0bf;
}
body#body_Profile_Index.class_guest #modify_password > .well .toggle.btn-success .toggle-handle,
body#body_Profile_Index.class_user #modify_password > .well .toggle.btn-success .toggle-handle {
    margin-left: -22px;
    margin-right: 0;
}
body#body_Profile_Index.class_guest #modify_password .form-group,
body#body_Profile_Index.class_user #modify_password .form-group {
    margin-top: 30px;
}
body#body_Profile_Index.class_guest #modify_password .form-control,
body#body_Profile_Index.class_user #modify_password .form-control {
    margin-bottom: 0;
}
body#body_Profile_Index.class_guest #modify_password .placeholder,
body#body_Profile_Index.class_user #modify_password .placeholder {
    font-size: 12px !important;
    line-height: 1.5;
    color: #444;
    margin: 0;
}
body#body_Profile_Index.class_guest #unsubscribe-link,
body#body_Profile_Index.class_user #unsubscribe-link {
    font-size: 16px;
    line-height: 1.6;
    display: block;
    text-align: center;
    background: #fff;
    margin-left: -15px;
    margin-right: -15px;
    padding-bottom: 60px;
}
body#body_Profile_Index.class_guest #unsubscribe-link a,
body#body_Profile_Index.class_user #unsubscribe-link a {
    text-decoration: underline;
}
body#body_Profile_Index.class_guest #unsubscribe-link a:hover,
body#body_Profile_Index.class_user #unsubscribe-link a:hover {
    text-decoration: underline;
}
body#body_Profile_Index.class_guest #modify_password > .well .form-group .btn .fa-eye,
body#body_Profile_Index.class_user #modify_password > .well .form-group .btn .fa-eye {
    color: #c4c4c4;
}
body#body_Profile_Index.class_guest #modify_password > .well .form-group .input-group-btn .btn,
body#body_Profile_Index.class_user #modify_password > .well .form-group .input-group-btn .btn {
    padding: 14px;
    max-height: 44px;
}
@media (min-width: 992px) {
    body#body_Profile_Index.class_guest #page-wrapper .col-lg-8,
    body#body_Profile_Index.class_user #page-wrapper .col-lg-8 {
        width: 100%;
        margin-left: auto;
    }
    body#body_Profile_Index.class_guest .panel-body .form-group.email-profile + .form-group,
    body#body_Profile_Index.class_user .panel-body .form-group.email-profile + .form-group {
        border-bottom: none;
        padding: 20px 0 0;
    }
    body#body_Profile_Index.class_guest .panel-body .form-group.email-profile + .form-group > label,
    body#body_Profile_Index.class_user .panel-body .form-group.email-profile + .form-group > label {
        top: 0;
    }
    body#body_Profile_Index.class_guest .panel-body .form-group.birthday-profile,
    body#body_Profile_Index.class_user .panel-body .form-group.birthday-profile {
        border-top: 1px solid #dedede;
    }
    body#body_Profile_Index.class_guest .panel-body .form-group.mobilephone1-profile,
    body#body_Profile_Index.class_guest .panel-body .form-group.mobilephone2-profile,
    body#body_Profile_Index.class_guest .panel-body .form-group.mobilephone3-profile,
    body#body_Profile_Index.class_user .panel-body .form-group.mobilephone1-profile,
    body#body_Profile_Index.class_user .panel-body .form-group.mobilephone2-profile,
    body#body_Profile_Index.class_user .panel-body .form-group.mobilephone3-profile {
        width: 100%;
        max-width: 100px;
        border-bottom: none;
        padding-left: 0;
    }
    body#body_Profile_Index.class_guest .panel-body .form-group.mobilephone1-profile::before,
    body#body_Profile_Index.class_guest .panel-body .form-group.mobilephone2-profile::before,
    body#body_Profile_Index.class_guest .panel-body .form-group.mobilephone3-profile::before,
    body#body_Profile_Index.class_user .panel-body .form-group.mobilephone1-profile::before,
    body#body_Profile_Index.class_user .panel-body .form-group.mobilephone2-profile::before,
    body#body_Profile_Index.class_user .panel-body .form-group.mobilephone3-profile::before {
        font-size: 16px;
        line-height: 2.3;
        top: 20px;
        height: 36px;
    }
    body#body_Profile_Index.class_guest .panel-body .form-group.mobilephone1-profile,
    body#body_Profile_Index.class_user .panel-body .form-group.mobilephone1-profile {
        width: 100%;
        max-width: 308px;
        padding-left: 208px;
    }
    body#body_Profile_Index.class_guest .panel-body input#changePasswordCheckbox,
    body#body_Profile_Index.class_user .panel-body input#changePasswordCheckbox {
        position: relative;
    }
    body#body_Profile_Index.class_guest .panel-body input#changePasswordCheckbox + label,
    body#body_Profile_Index.class_user .panel-body input#changePasswordCheckbox + label {
        cursor: pointer;
        margin-top: 10px;
    }
    body#body_Profile_Index.class_guest #modify_password,
    body#body_Profile_Index.class_user #modify_password {
        padding-top: 20px;
    }
    body#body_Profile_Index.class_guest #modify_password > .well,
    body#body_Profile_Index.class_user #modify_password > .well {
        padding: 20px 40px 30px;
    }
    body#body_Profile_Index.class_guest #modify_password > .well .form-group [type='password'],
    body#body_Profile_Index.class_user #modify_password > .well .form-group [type='password'] {
        border-right: none;
    }
    body#body_Profile_Index.class_guest #modify_password > .well .form-group,
    body#body_Profile_Index.class_user #modify_password > .well .form-group {
        margin-top: 0;
    }
    body#body_Profile_Index.class_guest #modify_password > .well .form-group .input-group,
    body#body_Profile_Index.class_user #modify_password > .well .form-group .input-group {
        max-width: 340px;
    }
    body#body_Profile_Index.class_guest #modify_password > .well .form-group .input-group-btn .btn,
    body#body_Profile_Index.class_user #modify_password > .well .form-group .input-group-btn .btn {
        padding: 9px 10px;
        max-height: 36px;
    }
    body#body_Profile_Index.class_guest #modify_password > .well .form-group:nth-of-type(2),
    body#body_Profile_Index.class_user #modify_password > .well .form-group:nth-of-type(2) {
        margin-top: 30px;
    }
    body#body_Profile_Index.class_guest #modify_password > .well .form-group:nth-of-type(4),
    body#body_Profile_Index.class_user #modify_password > .well .form-group:nth-of-type(4) {
        border-bottom: none;
        padding-bottom: 0;
    }
    body#body_Profile_Index.class_guest #modify_password .form-control,
    body#body_Profile_Index.class_user #modify_password .form-control {
        width: 100%;
        max-width: 335px;
    }
    body#body_Profile_Index.class_guest #modify_password .placeholder,
    body#body_Profile_Index.class_user #modify_password .placeholder {
        padding-left: 208px;
    }
    body#body_Profile_Index.class_guest .mtop-20,
    body#body_Profile_Index.class_user .mtop-20 {
        border-top: 1px solid #dedede;
        margin-top: 0;
        padding-top: 30px;
        border: none;
    }
    body#body_Profile_Index.class_guest #unsubscribe-link,
    body#body_Profile_Index.class_user #unsubscribe-link {
        margin-left: auto;
        margin-right: auto;
    }
}
body#body_Register_Unsubscribe.class_guest #page-wrapper > .container,
body#body_Register_Unsubscribe.class_user #page-wrapper > .container {
    margin-top: 30px !important;
    margin-bottom: 0 !important;
}
body#body_Register_Unsubscribe.class_guest .panel .row,
body#body_Register_Unsubscribe.class_user .panel .row {
    margin-left: auto;
    margin-right: auto;
}
body#body_Register_Unsubscribe.class_guest .panel-heading,
body#body_Register_Unsubscribe.class_user .panel-heading {
    font-size: 30px;
    line-height: 1.4;
    font-weight: 600;
    text-align: center;
    color: #444;
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    body#body_Register_Unsubscribe.class_guest .panel-heading,
    body#body_Register_Unsubscribe.class_user .panel-heading {
        padding-left: 30px;
        padding-right: 30px;
    }
}
body#body_Register_Unsubscribe.class_guest .panel-body > h2,
body#body_Register_Unsubscribe.class_user .panel-body > h2 {
    font-size: 24px !important;
    line-height: 1.3;
    vertical-align: bottom;
    font-weight: 600;
    margin: 0 0 26px;
    padding-top: 6px;
}
body#body_Register_Unsubscribe.class_guest .panel-body .fa-exclamation-circle,
body#body_Register_Unsubscribe.class_user .panel-body .fa-exclamation-circle {
    font-size: 32px;
    line-height: 1;
    margin-right: 8px;
}
body#body_Register_Unsubscribe.class_guest .panel-body > .well,
body#body_Register_Unsubscribe.class_user .panel-body > .well {
    font-size: 16px;
    line-height: 1.5;
    border: none;
    box-shadow: none;
    margin-bottom: 30px;
    padding: 0;
}
body#body_Register_Unsubscribe.class_guest .panel-body > .well p,
body#body_Register_Unsubscribe.class_user .panel-body > .well p {
    margin-bottom: 0;
}
body#body_Register_Unsubscribe.class_guest .panel-body > .well p + p,
body#body_Register_Unsubscribe.class_user .panel-body > .well p + p {
    margin-top: 1em;
}
body#body_Register_Unsubscribe.class_guest .panel-body label[for='agree'],
body#body_Register_Unsubscribe.class_user .panel-body label[for='agree'] {
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    position: relative;
    font-weight: 600;
    margin: 0;
    padding: 5px 0 5px 36px;
}
body#body_Register_Unsubscribe.class_guest .panel-body label[for='agree']::before,
body#body_Register_Unsubscribe.class_user .panel-body label[for='agree']::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 26px;
    height: 26px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2026%2026%22%3E%3Cg%20transform%3D%22translate(-77%20-490)%22%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22M173.134%2C77.716l-5.77-5.769%2C2-2%2C3.773%2C3.774%2C6.746-6.746%2C2%2C2Z%22%20transform%3D%22translate(-84.365%20430.717)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')
        no-repeat;
    background-color: #4ea0bf;
    background-size: 100% auto;
    border: 1px solid #999;
    border-radius: 4px;
    box-sizing: border-box;
    pointer-events: none;
}
body#body_Register_Unsubscribe.class_guest .panel-body input,
body#body_Register_Unsubscribe.class_user .panel-body input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 26px;
    height: 26px;
    font-size: 0;
    background: #fff;
    border: 1px solid #999;
    border-radius: 4px;
    margin: 0;
    padding: 0;
}
body#body_Register_Unsubscribe.class_guest .panel-body input:checked,
body#body_Register_Unsubscribe.class_user .panel-body input:checked {
    opacity: 0;
}
body#body_Register_Unsubscribe.class_guest .panel-footer .col-xs-6,
body#body_Register_Unsubscribe.class_user .panel-footer .col-xs-6 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
body#body_Register_Unsubscribe.class_guest .panel-footer .col-xs-6 + .col-xs-6,
body#body_Register_Unsubscribe.class_user .panel-footer .col-xs-6 + .col-xs-6 {
    margin-top: 20px;
}
body#body_Register_Unsubscribe.class_guest .panel-footer .btn-danger,
body#body_Register_Unsubscribe.class_user .panel-footer .btn-danger {
    font-weight: 600;
    color: #ff1600;
    background: #fff;
    border-color: #ff1600;
}
body#body_Register_Unsubscribe.class_guest .panel-footer .btn-danger[disabled],
body#body_Register_Unsubscribe.class_user .panel-footer .btn-danger[disabled] {
    opacity: 0.2;
}
body#body_Register_Unsubscribe.class_guest .panel-footer .btn-default,
body#body_Register_Unsubscribe.class_user .panel-footer .btn-default {
    background: #f7f7f7;
    border-color: #999;
}
@media screen and (min-width: 768px) {
    body#body_Register_Unsubscribe.class_guest #page-wrapper .col-sm-8,
    body#body_Register_Unsubscribe.class_user #page-wrapper .col-sm-8 {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
    }
    body#body_Register_Unsubscribe.class_guest .panel-body,
    body#body_Register_Unsubscribe.class_user .panel-body {
        text-align: center;
        margin-left: 0;
        margin-right: 0;
    }
    body#body_Register_Unsubscribe.class_guest .panel-footer,
    body#body_Register_Unsubscribe.class_user .panel-footer {
        margin-left: 0;
        margin-right: 0;
    }
    body#body_Register_Unsubscribe.class_guest .panel-footer > .row,
    body#body_Register_Unsubscribe.class_user .panel-footer > .row {
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
    }
    body#body_Register_Unsubscribe.class_guest .panel-footer .col-xs-6,
    body#body_Register_Unsubscribe.class_user .panel-footer .col-xs-6 {
        width: 100%;
        max-width: 240px;
    }
    body#body_Register_Unsubscribe.class_guest .panel-footer .col-xs-6 + .col-xs-6,
    body#body_Register_Unsubscribe.class_user .panel-footer .col-xs-6 + .col-xs-6 {
        margin-top: 0;
        margin-right: 20px;
    }
}
@media (min-width: 992px) {
    body#body_Register_Unsubscribe.class_guest #page-wrapper > .container,
    body#body_Register_Unsubscribe.class_user #page-wrapper > .container {
        margin-top: 40px !important;
    }
    body#body_Register_Unsubscribe.class_guest .panel-heading,
    body#body_Register_Unsubscribe.class_user .panel-heading {
        font-size: 36px;
        line-height: 1.5;
        margin-bottom: 40px;
    }
    body#body_Register_Unsubscribe.class_guest .panel-body > h2,
    body#body_Register_Unsubscribe.class_user .panel-body > h2 {
        font-size: 28px !important;
        line-height: 1.5;
    }
    body#body_Register_Unsubscribe.class_guest .panel-body > .well,
    body#body_Register_Unsubscribe.class_user .panel-body > .well {
        margin-bottom: 40px;
    }
    body#body_Register_Unsubscribe.class_guest .panel-footer,
    body#body_Register_Unsubscribe.class_user .panel-footer {
        padding-bottom: 80px;
    }
}
body#body_Register_ResignSuccess.class_guest #page-wrapper,
body#body_Register_ResignSuccess.class_user #page-wrapper,
body#body_Register_Resign.class_guest #page-wrapper,
body#body_Register_Resign.class_user #page-wrapper {
    padding-left: 0;
    padding-right: 0;
}
body#body_Register_ResignSuccess.class_guest #page-wrapper > .container,
body#body_Register_ResignSuccess.class_user #page-wrapper > .container,
body#body_Register_Resign.class_guest #page-wrapper > .container,
body#body_Register_Resign.class_user #page-wrapper > .container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
body#body_Register_ResignSuccess.class_guest #page-wrapper .row,
body#body_Register_ResignSuccess.class_user #page-wrapper .row,
body#body_Register_Resign.class_guest #page-wrapper .row,
body#body_Register_Resign.class_user #page-wrapper .row {
    margin-left: 0;
    margin-right: 0;
}
body#body_Register_ResignSuccess.class_guest #page-wrapper .col-sm-8,
body#body_Register_ResignSuccess.class_user #page-wrapper .col-sm-8,
body#body_Register_Resign.class_guest #page-wrapper .col-sm-8,
body#body_Register_Resign.class_user #page-wrapper .col-sm-8 {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
}
body#body_Register_ResignSuccess.class_guest #unsubscribe-done,
body#body_Register_ResignSuccess.class_guest #unsubscribe-failed,
body#body_Register_ResignSuccess.class_user #unsubscribe-done,
body#body_Register_ResignSuccess.class_user #unsubscribe-failed,
body#body_Register_Resign.class_guest #unsubscribe-done,
body#body_Register_Resign.class_guest #unsubscribe-failed,
body#body_Register_Resign.class_user #unsubscribe-done,
body#body_Register_Resign.class_user #unsubscribe-failed {
    padding-top: 30px;
}
body#body_Register_ResignSuccess.class_guest #unsubscribe-done h2,
body#body_Register_ResignSuccess.class_guest #unsubscribe-failed h2,
body#body_Register_ResignSuccess.class_user #unsubscribe-done h2,
body#body_Register_ResignSuccess.class_user #unsubscribe-failed h2,
body#body_Register_Resign.class_guest #unsubscribe-done h2,
body#body_Register_Resign.class_guest #unsubscribe-failed h2,
body#body_Register_Resign.class_user #unsubscribe-done h2,
body#body_Register_Resign.class_user #unsubscribe-failed h2 {
    font-size: 30px !important;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    body#body_Register_ResignSuccess.class_guest #unsubscribe-done h2,
    body#body_Register_ResignSuccess.class_guest #unsubscribe-failed h2,
    body#body_Register_ResignSuccess.class_user #unsubscribe-done h2,
    body#body_Register_ResignSuccess.class_user #unsubscribe-failed h2,
    body#body_Register_Resign.class_guest #unsubscribe-done h2,
    body#body_Register_Resign.class_guest #unsubscribe-failed h2,
    body#body_Register_Resign.class_user #unsubscribe-done h2,
    body#body_Register_Resign.class_user #unsubscribe-failed h2 {
        padding-left: 40px;
        padding-right: 40px;
    }
}
body#body_Register_ResignSuccess.class_guest #unsubscribe-done h2 i,
body#body_Register_ResignSuccess.class_guest #unsubscribe-failed h2 i,
body#body_Register_ResignSuccess.class_user #unsubscribe-done h2 i,
body#body_Register_ResignSuccess.class_user #unsubscribe-failed h2 i,
body#body_Register_Resign.class_guest #unsubscribe-done h2 i,
body#body_Register_Resign.class_guest #unsubscribe-failed h2 i,
body#body_Register_Resign.class_user #unsubscribe-done h2 i,
body#body_Register_Resign.class_user #unsubscribe-failed h2 i {
    display: none;
}
body#body_Register_ResignSuccess.class_guest #unsubscribe-done .well,
body#body_Register_ResignSuccess.class_guest #unsubscribe-failed .well,
body#body_Register_ResignSuccess.class_user #unsubscribe-done .well,
body#body_Register_ResignSuccess.class_user #unsubscribe-failed .well,
body#body_Register_Resign.class_guest #unsubscribe-done .well,
body#body_Register_Resign.class_guest #unsubscribe-failed .well,
body#body_Register_Resign.class_user #unsubscribe-done .well,
body#body_Register_Resign.class_user #unsubscribe-failed .well {
    font-size: 16px;
    line-height: 1.5;
    background: #fff;
    border: none;
    border-radius: 0;
    padding: 30px 20px 60px;
}
body#body_Register_ResignSuccess.class_guest #unsubscribe-done .btn,
body#body_Register_ResignSuccess.class_guest #unsubscribe-failed .btn,
body#body_Register_ResignSuccess.class_user #unsubscribe-done .btn,
body#body_Register_ResignSuccess.class_user #unsubscribe-failed .btn,
body#body_Register_Resign.class_guest #unsubscribe-done .btn,
body#body_Register_Resign.class_guest #unsubscribe-failed .btn,
body#body_Register_Resign.class_user #unsubscribe-done .btn,
body#body_Register_Resign.class_user #unsubscribe-failed .btn {
    display: block;
    background: #f7f7f7;
    border-color: #999;
    margin-top: 30px;
}
@media screen and (min-width: 768px) {
    body#body_Register_ResignSuccess.class_guest #unsubscribe-done .btn,
    body#body_Register_ResignSuccess.class_guest #unsubscribe-failed .btn,
    body#body_Register_ResignSuccess.class_user #unsubscribe-done .btn,
    body#body_Register_ResignSuccess.class_user #unsubscribe-failed .btn,
    body#body_Register_Resign.class_guest #unsubscribe-done .btn,
    body#body_Register_Resign.class_guest #unsubscribe-failed .btn,
    body#body_Register_Resign.class_user #unsubscribe-done .btn,
    body#body_Register_Resign.class_user #unsubscribe-failed .btn {
        display: inline-block;
        width: 100%;
        max-width: 240px;
    }
}
@media (min-width: 992px) {
    body#body_Register_ResignSuccess.class_guest #unsubscribe-done,
    body#body_Register_ResignSuccess.class_guest #unsubscribe-failed,
    body#body_Register_ResignSuccess.class_user #unsubscribe-done,
    body#body_Register_ResignSuccess.class_user #unsubscribe-failed,
    body#body_Register_Resign.class_guest #unsubscribe-done,
    body#body_Register_Resign.class_guest #unsubscribe-failed,
    body#body_Register_Resign.class_user #unsubscribe-done,
    body#body_Register_Resign.class_user #unsubscribe-failed {
        padding-top: 40px;
    }
    body#body_Register_ResignSuccess.class_guest #unsubscribe-done h2,
    body#body_Register_ResignSuccess.class_guest #unsubscribe-failed h2,
    body#body_Register_ResignSuccess.class_user #unsubscribe-done h2,
    body#body_Register_ResignSuccess.class_user #unsubscribe-failed h2,
    body#body_Register_Resign.class_guest #unsubscribe-done h2,
    body#body_Register_Resign.class_guest #unsubscribe-failed h2,
    body#body_Register_Resign.class_user #unsubscribe-done h2,
    body#body_Register_Resign.class_user #unsubscribe-failed h2 {
        font-size: 36px !important;
        line-height: 1.5;
        margin-bottom: 40px;
    }
    body#body_Register_ResignSuccess.class_guest #unsubscribe-done .well,
    body#body_Register_ResignSuccess.class_guest #unsubscribe-failed .well,
    body#body_Register_ResignSuccess.class_user #unsubscribe-done .well,
    body#body_Register_ResignSuccess.class_user #unsubscribe-failed .well,
    body#body_Register_Resign.class_guest #unsubscribe-done .well,
    body#body_Register_Resign.class_guest #unsubscribe-failed .well,
    body#body_Register_Resign.class_user #unsubscribe-done .well,
    body#body_Register_Resign.class_user #unsubscribe-failed .well {
        padding: 50px 40px 60px;
    }
    body#body_Register_ResignSuccess.class_guest #unsubscribe-done .btn,
    body#body_Register_ResignSuccess.class_guest #unsubscribe-failed .btn,
    body#body_Register_ResignSuccess.class_user #unsubscribe-done .btn,
    body#body_Register_ResignSuccess.class_user #unsubscribe-failed .btn,
    body#body_Register_Resign.class_guest #unsubscribe-done .btn,
    body#body_Register_Resign.class_guest #unsubscribe-failed .btn,
    body#body_Register_Resign.class_user #unsubscribe-done .btn,
    body#body_Register_Resign.class_user #unsubscribe-failed .btn {
        margin-top: 40px;
    }
}
body#body_WelcomePage_Index.class_guest .welcome-page,
body#body_WelcomePage_Index.class_guest .default-curriculum,
body#body_WelcomePage_Index.class_user .welcome-page,
body#body_WelcomePage_Index.class_user .default-curriculum,
body#body_defaultCurriculum.class_guest .welcome-page,
body#body_defaultCurriculum.class_guest .default-curriculum,
body#body_defaultCurriculum.class_user .welcome-page,
body#body_defaultCurriculum.class_user .default-curriculum {
    padding: 0;
}
body#body_WelcomePage_Index.class_guest .welcome-page .row,
body#body_WelcomePage_Index.class_guest .default-curriculum .row,
body#body_WelcomePage_Index.class_user .welcome-page .row,
body#body_WelcomePage_Index.class_user .default-curriculum .row,
body#body_defaultCurriculum.class_guest .welcome-page .row,
body#body_defaultCurriculum.class_guest .default-curriculum .row,
body#body_defaultCurriculum.class_user .welcome-page .row,
body#body_defaultCurriculum.class_user .default-curriculum .row {
    margin-left: 0;
    margin-right: 0;
}
body#body_WelcomePage_Index.class_guest .welcome-page-header,
body#body_WelcomePage_Index.class_guest .default-curriculum-header,
body#body_WelcomePage_Index.class_user .welcome-page-header,
body#body_WelcomePage_Index.class_user .default-curriculum-header,
body#body_defaultCurriculum.class_guest .welcome-page-header,
body#body_defaultCurriculum.class_guest .default-curriculum-header,
body#body_defaultCurriculum.class_user .welcome-page-header,
body#body_defaultCurriculum.class_user .default-curriculum-header {
    font-size: 30px;
    line-height: 1.4;
    background: none;
    padding: 40px 20px 30px;
}
body#body_WelcomePage_Index.class_guest .welcome-page-body,
body#body_WelcomePage_Index.class_guest .default-curriculum-body,
body#body_WelcomePage_Index.class_user .welcome-page-body,
body#body_WelcomePage_Index.class_user .default-curriculum-body,
body#body_defaultCurriculum.class_guest .welcome-page-body,
body#body_defaultCurriculum.class_guest .default-curriculum-body,
body#body_defaultCurriculum.class_user .welcome-page-body,
body#body_defaultCurriculum.class_user .default-curriculum-body {
    font-size: 16px;
    line-height: 1.5;
    background: #fff;
    padding: 30px 20px;
}
body#body_WelcomePage_Index.class_guest .welcome-page-body img,
body#body_WelcomePage_Index.class_guest .default-curriculum-body img,
body#body_WelcomePage_Index.class_user .welcome-page-body img,
body#body_WelcomePage_Index.class_user .default-curriculum-body img,
body#body_defaultCurriculum.class_guest .welcome-page-body img,
body#body_defaultCurriculum.class_guest .default-curriculum-body img,
body#body_defaultCurriculum.class_user .welcome-page-body img,
body#body_defaultCurriculum.class_user .default-curriculum-body img {
    width: 100%;
}
body#body_WelcomePage_Index.class_guest .welcome-page-body h2,
body#body_WelcomePage_Index.class_guest .default-curriculum-body h2,
body#body_WelcomePage_Index.class_user .welcome-page-body h2,
body#body_WelcomePage_Index.class_user .default-curriculum-body h2,
body#body_defaultCurriculum.class_guest .welcome-page-body h2,
body#body_defaultCurriculum.class_guest .default-curriculum-body h2,
body#body_defaultCurriculum.class_user .welcome-page-body h2,
body#body_defaultCurriculum.class_user .default-curriculum-body h2 {
    font-size: 20px !important;
    line-height: 1.5;
    font-weight: 600;
}
body#body_WelcomePage_Index.class_guest .welcome-page-btn-container,
body#body_WelcomePage_Index.class_guest .default-curriculum-btn-container,
body#body_WelcomePage_Index.class_user .welcome-page-btn-container,
body#body_WelcomePage_Index.class_user .default-curriculum-btn-container,
body#body_defaultCurriculum.class_guest .welcome-page-btn-container,
body#body_defaultCurriculum.class_guest .default-curriculum-btn-container,
body#body_defaultCurriculum.class_user .welcome-page-btn-container,
body#body_defaultCurriculum.class_user .default-curriculum-btn-container {
    background: #fff;
    margin: 0;
    padding-bottom: 40px;
}
body#body_WelcomePage_Index.class_guest .welcome-page-btn-container .btn-default,
body#body_WelcomePage_Index.class_guest .default-curriculum-btn-container .btn-default,
body#body_WelcomePage_Index.class_user .welcome-page-btn-container .btn-default,
body#body_WelcomePage_Index.class_user .default-curriculum-btn-container .btn-default,
body#body_defaultCurriculum.class_guest .welcome-page-btn-container .btn-default,
body#body_defaultCurriculum.class_guest .default-curriculum-btn-container .btn-default,
body#body_defaultCurriculum.class_user .welcome-page-btn-container .btn-default,
body#body_defaultCurriculum.class_user .default-curriculum-btn-container .btn-default {
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    width: 100%;
    color: #fff;
    background: #bf6d4e;
    border-color: #bf6d4e;
    margin-bottom: 0;
    padding: 15px;
}
@media screen and (min-width: 768px) {
    body#body_WelcomePage_Index.class_guest .welcome-page .container,
    body#body_WelcomePage_Index.class_guest .default-curriculum .container,
    body#body_WelcomePage_Index.class_user .welcome-page .container,
    body#body_WelcomePage_Index.class_user .default-curriculum .container,
    body#body_defaultCurriculum.class_guest .welcome-page .container,
    body#body_defaultCurriculum.class_guest .default-curriculum .container,
    body#body_defaultCurriculum.class_user .welcome-page .container,
    body#body_defaultCurriculum.class_user .default-curriculum .container {
        max-width: 100%;
    }
    body#body_WelcomePage_Index.class_guest .welcome-page-body,
    body#body_WelcomePage_Index.class_guest .default-curriculum-body,
    body#body_WelcomePage_Index.class_user .welcome-page-body,
    body#body_WelcomePage_Index.class_user .default-curriculum-body,
    body#body_defaultCurriculum.class_guest .welcome-page-body,
    body#body_defaultCurriculum.class_guest .default-curriculum-body,
    body#body_defaultCurriculum.class_user .welcome-page-body,
    body#body_defaultCurriculum.class_user .default-curriculum-body {
        text-align: center;
    }
    body#body_WelcomePage_Index.class_guest .welcome-page-btn-container .btn-default,
    body#body_WelcomePage_Index.class_guest .default-curriculum-btn-container .btn-default,
    body#body_WelcomePage_Index.class_user .welcome-page-btn-container .btn-default,
    body#body_WelcomePage_Index.class_user .default-curriculum-btn-container .btn-default,
    body#body_defaultCurriculum.class_guest .welcome-page-btn-container .btn-default,
    body#body_defaultCurriculum.class_guest .default-curriculum-btn-container .btn-default,
    body#body_defaultCurriculum.class_user .welcome-page-btn-container .btn-default,
    body#body_defaultCurriculum.class_user .default-curriculum-btn-container .btn-default {
        width: 100%;
        max-width: 240px;
    }
}
@media (min-width: 992px) {
    body#body_WelcomePage_Index.class_guest .welcome-page,
    body#body_WelcomePage_Index.class_guest .default-curriculum,
    body#body_WelcomePage_Index.class_user .welcome-page,
    body#body_WelcomePage_Index.class_user .default-curriculum,
    body#body_defaultCurriculum.class_guest .welcome-page,
    body#body_defaultCurriculum.class_guest .default-curriculum,
    body#body_defaultCurriculum.class_user .welcome-page,
    body#body_defaultCurriculum.class_user .default-curriculum {
        width: 100%;
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }
    body#body_WelcomePage_Index.class_guest .welcome-page-header,
    body#body_WelcomePage_Index.class_guest .default-curriculum-header,
    body#body_WelcomePage_Index.class_user .welcome-page-header,
    body#body_WelcomePage_Index.class_user .default-curriculum-header,
    body#body_defaultCurriculum.class_guest .welcome-page-header,
    body#body_defaultCurriculum.class_guest .default-curriculum-header,
    body#body_defaultCurriculum.class_user .welcome-page-header,
    body#body_defaultCurriculum.class_user .default-curriculum-header {
        font-size: 36px;
        line-height: 1.5;
        padding: 40px 0 22px;
    }
    body#body_WelcomePage_Index.class_guest .welcome-page-body,
    body#body_WelcomePage_Index.class_guest .default-curriculum-body,
    body#body_WelcomePage_Index.class_user .welcome-page-body,
    body#body_WelcomePage_Index.class_user .default-curriculum-body,
    body#body_defaultCurriculum.class_guest .welcome-page-body,
    body#body_defaultCurriculum.class_guest .default-curriculum-body,
    body#body_defaultCurriculum.class_user .welcome-page-body,
    body#body_defaultCurriculum.class_user .default-curriculum-body {
        padding: 0;
    }
    body#body_WelcomePage_Index.class_guest .welcome-page-category-text,
    body#body_WelcomePage_Index.class_guest .default-curriculum-category-text,
    body#body_WelcomePage_Index.class_user .welcome-page-category-text,
    body#body_WelcomePage_Index.class_user .default-curriculum-category-text,
    body#body_defaultCurriculum.class_guest .welcome-page-category-text,
    body#body_defaultCurriculum.class_guest .default-curriculum-category-text,
    body#body_defaultCurriculum.class_user .welcome-page-category-text,
    body#body_defaultCurriculum.class_user .default-curriculum-category-text {
        padding: 40px 200px 0;
    }
    body#body_WelcomePage_Index.class_guest .welcome-page-category-list,
    body#body_WelcomePage_Index.class_guest .default-curriculum-category-list,
    body#body_WelcomePage_Index.class_user .welcome-page-category-list,
    body#body_WelcomePage_Index.class_user .default-curriculum-category-list,
    body#body_defaultCurriculum.class_guest .welcome-page-category-list,
    body#body_defaultCurriculum.class_guest .default-curriculum-category-list,
    body#body_defaultCurriculum.class_user .welcome-page-category-list,
    body#body_defaultCurriculum.class_user .default-curriculum-category-list {
        margin-top: 0;
        padding: 0 200px;
    }
}
body#body_WelcomePage_Index.class_guest #page-wrapper,
body#body_WelcomePage_Index.class_user #page-wrapper,
body#body_defaultCurriculum.class_guest #page-wrapper,
body#body_defaultCurriculum.class_user #page-wrapper {
    padding-top: 40px;
}
@media (max-width: 767px) {
    body#body_WelcomePage_Index.class_guest #page-wrapper,
    body#body_WelcomePage_Index.class_user #page-wrapper,
    body#body_defaultCurriculum.class_guest #page-wrapper,
    body#body_defaultCurriculum.class_user #page-wrapper {
        padding: 0;
        padding-top: 40px;
    }
}
body#body_WelcomePage_Index.class_guest #page-wrapper .Breadcrumbs,
body#body_WelcomePage_Index.class_user #page-wrapper .Breadcrumbs,
body#body_defaultCurriculum.class_guest #page-wrapper .Breadcrumbs,
body#body_defaultCurriculum.class_user #page-wrapper .Breadcrumbs {
    padding: 20px 0;
}
@media (max-width: 767px) {
    body#body_WelcomePage_Index.class_guest #page-wrapper .Breadcrumbs,
    body#body_WelcomePage_Index.class_user #page-wrapper .Breadcrumbs,
    body#body_defaultCurriculum.class_guest #page-wrapper .Breadcrumbs,
    body#body_defaultCurriculum.class_user #page-wrapper .Breadcrumbs {
        padding: 20px 15px;
    }
}
body#body_WelcomePage_Index.class_guest .welcome-page .welcome-page-body,
body#body_WelcomePage_Index.class_user .welcome-page .welcome-page-body,
body#body_defaultCurriculum.class_guest .welcome-page .welcome-page-body,
body#body_defaultCurriculum.class_user .welcome-page .welcome-page-body {
    width: 100% !important;
    max-width: unset !important;
    background: #fff;
    padding: 26px 100px 32px;
}
@media (max-width: 767px) {
    body#body_WelcomePage_Index.class_guest .welcome-page .welcome-page-body,
    body#body_WelcomePage_Index.class_user .welcome-page .welcome-page-body,
    body#body_defaultCurriculum.class_guest .welcome-page .welcome-page-body,
    body#body_defaultCurriculum.class_user .welcome-page .welcome-page-body {
        padding: 25px 20px;
    }
}
body#body_WelcomePage_Index.class_guest .welcome-page .welcome-page-content,
body#body_WelcomePage_Index.class_user .welcome-page .welcome-page-content,
body#body_defaultCurriculum.class_guest .welcome-page .welcome-page-content,
body#body_defaultCurriculum.class_user .welcome-page .welcome-page-content {
    max-width: 800px;
    width: 100%;
    margin: auto;
    padding: 70px 0 60px !important;
    background: #fff;
    box-shadow: 0 0 20px 0px #dbdbdb9e;
    box-sizing: border-box;
}
@media (max-width: 767px) {
    body#body_WelcomePage_Index.class_guest .welcome-page .welcome-page-content,
    body#body_WelcomePage_Index.class_user .welcome-page .welcome-page-content,
    body#body_defaultCurriculum.class_guest .welcome-page .welcome-page-content,
    body#body_defaultCurriculum.class_user .welcome-page .welcome-page-content {
        width: 100%;
        padding: 60px 0 40px;
    }
}
body#body_WelcomePage_Index.class_guest .welcome-page .welcome-page-content .carousel.slide .left.carousel-controls,
body#body_WelcomePage_Index.class_user .welcome-page .welcome-page-content .carousel.slide .left.carousel-controls,
body#body_defaultCurriculum.class_guest .welcome-page .welcome-page-content .carousel.slide .left.carousel-controls,
body#body_defaultCurriculum.class_user .welcome-page .welcome-page-content .carousel.slide .left.carousel-controls {
    font-size: 16px;
    color: #306eac;
    position: absolute;
    left: 5px;
    bottom: 0;
}
body#body_WelcomePage_Index.class_guest .welcome-page .welcome-page-content .carousel.slide .right.carousel-controls,
body#body_WelcomePage_Index.class_user .welcome-page .welcome-page-content .carousel.slide .right.carousel-controls,
body#body_defaultCurriculum.class_guest .welcome-page .welcome-page-content .carousel.slide .right.carousel-controls,
body#body_defaultCurriculum.class_user .welcome-page .welcome-page-content .carousel.slide .right.carousel-controls {
    font-size: 16px;
    color: #306eac;
    position: absolute;
    right: 5px;
    bottom: 0;
}
body#body_WelcomePage_Index.class_guest .welcome-page .welcome-page-content .carousel.slide .carousel-controls,
body#body_WelcomePage_Index.class_user .welcome-page .welcome-page-content .carousel.slide .carousel-controls,
body#body_defaultCurriculum.class_guest .welcome-page .welcome-page-content .carousel.slide .carousel-controls,
body#body_defaultCurriculum.class_user .welcome-page .welcome-page-content .carousel.slide .carousel-controls {
    color: #306eac;
    pointer-events: auto;
}
body#body_WelcomePage_Index.class_guest .welcome-page .welcome-page-content .carousel.slide .carousel-controls.active,
body#body_WelcomePage_Index.class_user .welcome-page .welcome-page-content .carousel.slide .carousel-controls.active,
body#body_defaultCurriculum.class_guest .welcome-page .welcome-page-content .carousel.slide .carousel-controls.active,
body#body_defaultCurriculum.class_user .welcome-page .welcome-page-content .carousel.slide .carousel-controls.active {
    color: #cccccc;
    pointer-events: none;
    opacity: 0.7;
}
body#body_WelcomePage_Index.class_guest .welcome-page .welcome-page-slider,
body#body_WelcomePage_Index.class_user .welcome-page .welcome-page-slider,
body#body_defaultCurriculum.class_guest .welcome-page .welcome-page-slider,
body#body_defaultCurriculum.class_user .welcome-page .welcome-page-slider {
    max-width: 600px;
    width: 90%;
    margin: auto;
    position: relative;
}
body#body_WelcomePage_Index.class_guest .welcome-page .welcome-page-slider.slick-dotted.slick-slider,
body#body_WelcomePage_Index.class_user .welcome-page .welcome-page-slider.slick-dotted.slick-slider,
body#body_defaultCurriculum.class_guest .welcome-page .welcome-page-slider.slick-dotted.slick-slider,
body#body_defaultCurriculum.class_user .welcome-page .welcome-page-slider.slick-dotted.slick-slider {
    margin: 0 auto;
}
body#body_WelcomePage_Index.class_guest .welcome-page .welcome-page-slider .item,
body#body_WelcomePage_Index.class_user .welcome-page .welcome-page-slider .item,
body#body_defaultCurriculum.class_guest .welcome-page .welcome-page-slider .item,
body#body_defaultCurriculum.class_user .welcome-page .welcome-page-slider .item {
    min-height: 412px;
}
@media (max-width: 480px) {
    body#body_WelcomePage_Index.class_guest .welcome-page .welcome-page-slider .item,
    body#body_WelcomePage_Index.class_user .welcome-page .welcome-page-slider .item,
    body#body_defaultCurriculum.class_guest .welcome-page .welcome-page-slider .item,
    body#body_defaultCurriculum.class_user .welcome-page .welcome-page-slider .item {
        min-height: 542px;
    }
}
body#body_WelcomePage_Index.class_guest .welcome-page .welcome-page-slider h2,
body#body_WelcomePage_Index.class_user .welcome-page .welcome-page-slider h2,
body#body_defaultCurriculum.class_guest .welcome-page .welcome-page-slider h2,
body#body_defaultCurriculum.class_user .welcome-page .welcome-page-slider h2 {
    font-size: 20px !important;
    text-align: center;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
@media (max-width: 767px) {
    body#body_WelcomePage_Index.class_guest .welcome-page .welcome-page-slider h2,
    body#body_WelcomePage_Index.class_user .welcome-page .welcome-page-slider h2,
    body#body_defaultCurriculum.class_guest .welcome-page .welcome-page-slider h2,
    body#body_defaultCurriculum.class_user .welcome-page .welcome-page-slider h2 {
        font-size: 24px !important;
        min-height: 72px;
    }
}
body#body_WelcomePage_Index.class_guest .welcome-page .welcome-page-slider picture,
body#body_WelcomePage_Index.class_user .welcome-page .welcome-page-slider picture,
body#body_defaultCurriculum.class_guest .welcome-page .welcome-page-slider picture,
body#body_defaultCurriculum.class_user .welcome-page .welcome-page-slider picture {
    text-align: center;
}
body#body_WelcomePage_Index.class_guest .welcome-page .welcome-page-slider picture img,
body#body_WelcomePage_Index.class_user .welcome-page .welcome-page-slider picture img,
body#body_defaultCurriculum.class_guest .welcome-page .welcome-page-slider picture img,
body#body_defaultCurriculum.class_user .welcome-page .welcome-page-slider picture img {
    display: block;
    max-width: 100%;
    width: auto !important;
    height: 160px;
    margin: 20px auto;
}
@media (max-width: 767px) {
    body#body_WelcomePage_Index.class_guest .welcome-page .welcome-page-slider picture img,
    body#body_WelcomePage_Index.class_user .welcome-page .welcome-page-slider picture img,
    body#body_defaultCurriculum.class_guest .welcome-page .welcome-page-slider picture img,
    body#body_defaultCurriculum.class_user .welcome-page .welcome-page-slider picture img {
        max-width: 100%;
        width: auto;
        height: 140px;
    }
}
body#body_WelcomePage_Index.class_guest .welcome-page .welcome-page-slider p,
body#body_WelcomePage_Index.class_user .welcome-page .welcome-page-slider p,
body#body_defaultCurriculum.class_guest .welcome-page .welcome-page-slider p,
body#body_defaultCurriculum.class_user .welcome-page .welcome-page-slider p {
    font-size: 16px;
    text-align: left;
    margin-bottom: 60px;
}
@media (max-width: 767px) {
    body#body_WelcomePage_Index.class_guest .welcome-page .welcome-page-slider p,
    body#body_WelcomePage_Index.class_user .welcome-page .welcome-page-slider p,
    body#body_defaultCurriculum.class_guest .welcome-page .welcome-page-slider p,
    body#body_defaultCurriculum.class_user .welcome-page .welcome-page-slider p {
        font-size: 16px;
        text-align: left;
        margin-bottom: 70px;
    }
}
body#body_WelcomePage_Index.class_guest .welcome-page .welcome-page-slider ol.carousel-indicators,
body#body_WelcomePage_Index.class_user .welcome-page .welcome-page-slider ol.carousel-indicators,
body#body_defaultCurriculum.class_guest .welcome-page .welcome-page-slider ol.carousel-indicators,
body#body_defaultCurriculum.class_user .welcome-page .welcome-page-slider ol.carousel-indicators {
    z-index: 9;
    margin: 0;
    bottom: 2px;
    transform: translate(-50%, 0);
    display: flex;
    justify-content: center;
}
body#body_WelcomePage_Index.class_guest .welcome-page .welcome-page-slider ol.carousel-indicators li,
body#body_WelcomePage_Index.class_user .welcome-page .welcome-page-slider ol.carousel-indicators li,
body#body_defaultCurriculum.class_guest .welcome-page .welcome-page-slider ol.carousel-indicators li,
body#body_defaultCurriculum.class_user .welcome-page .welcome-page-slider ol.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d4d4d4;
    margin: 5px;
}
body#body_WelcomePage_Index.class_guest .welcome-page .welcome-page-slider ol.carousel-indicators li.active,
body#body_WelcomePage_Index.class_user .welcome-page .welcome-page-slider ol.carousel-indicators li.active,
body#body_defaultCurriculum.class_guest .welcome-page .welcome-page-slider ol.carousel-indicators li.active,
body#body_defaultCurriculum.class_user .welcome-page .welcome-page-slider ol.carousel-indicators li.active {
    background: #bf6d4e;
}
body#body_WelcomePage_Index.class_guest .welcome-page .welcome-page-btn-container.row,
body#body_WelcomePage_Index.class_user .welcome-page .welcome-page-btn-container.row,
body#body_defaultCurriculum.class_guest .welcome-page .welcome-page-btn-container.row,
body#body_defaultCurriculum.class_user .welcome-page .welcome-page-btn-container.row {
    padding-bottom: 20px;
}
@media (min-width: 992px) {
    body#body_WelcomePage_Index.class_guest .welcome-page-content,
    body#body_WelcomePage_Index.class_user .welcome-page-content,
    body#body_defaultCurriculum.class_guest .welcome-page-content,
    body#body_defaultCurriculum.class_user .welcome-page-content {
        padding: 40px 200px;
    }
}
body#body_defaultCurriculum.class_guest .default-curriculum-body,
body#body_defaultCurriculum.class_user .default-curriculum-body {
    font-size: 16px;
    line-height: 1.5;
    padding-bottom: 40px;
}
body#body_defaultCurriculum.class_guest .default-curriculum-category,
body#body_defaultCurriculum.class_guest .default-curriculum-curriculum,
body#body_defaultCurriculum.class_user .default-curriculum-category,
body#body_defaultCurriculum.class_user .default-curriculum-curriculum {
    padding: 23px;
}
body#body_defaultCurriculum.class_guest .default-curriculum-category + .default-curriculum-category,
body#body_defaultCurriculum.class_guest .default-curriculum-curriculum + .default-curriculum-category,
body#body_defaultCurriculum.class_user .default-curriculum-category + .default-curriculum-category,
body#body_defaultCurriculum.class_user .default-curriculum-curriculum + .default-curriculum-category {
    margin-top: 16px;
}
body#body_defaultCurriculum.class_guest .default-curriculum-category-text,
body#body_defaultCurriculum.class_guest .default-curriculum-curriculum-text,
body#body_defaultCurriculum.class_user .default-curriculum-category-text,
body#body_defaultCurriculum.class_user .default-curriculum-curriculum-text {
    margin-top: 0;
    margin-bottom: 20px;
}
body#body_defaultCurriculum.class_guest .default-curriculum-curriculum-list,
body#body_defaultCurriculum.class_user .default-curriculum-curriculum-list {
    margin: 0;
}
body#body_defaultCurriculum.class_guest .default-curriculum-card,
body#body_defaultCurriculum.class_user .default-curriculum-card {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-left: -20px;
    margin-right: -20px;
    padding: 30px 20px 40px;
}
body#body_defaultCurriculum.class_guest .default-curriculum-card > *,
body#body_defaultCurriculum.class_user .default-curriculum-card > * {
    width: 100%;
}
body#body_defaultCurriculum.class_guest .default-curriculum-card-wrapper,
body#body_defaultCurriculum.class_user .default-curriculum-card-wrapper {
    padding-left: 0;
    padding-right: 0;
}
body#body_defaultCurriculum.class_guest .default-curriculum-card-title,
body#body_defaultCurriculum.class_user .default-curriculum-card-title {
    font-size: 20px;
    line-height: 1.5;
    order: 2;
    height: unset !important;
}
body#body_defaultCurriculum.class_guest .default-curriculum-card-thumbnail,
body#body_defaultCurriculum.class_user .default-curriculum-card-thumbnail {
    order: 1;
    border-radius: 0;
    margin-bottom: 18px;
    padding-top: 56.1194%;
}
body#body_defaultCurriculum.class_guest .default-curriculum-card .ContentsNum,
body#body_defaultCurriculum.class_user .default-curriculum-card .ContentsNum {
    margin-left: 10px;
}
body#body_defaultCurriculum.class_guest .default-curriculum-card-course-num,
body#body_defaultCurriculum.class_user .default-curriculum-card-course-num {
    font-size: 14px;
    line-height: 1.4;
    order: 5;
    color: #888;
    background: none;
    border-radius: 0;
    padding: 0;
}
body#body_defaultCurriculum.class_guest .default-curriculum-card-course-num::before,
body#body_defaultCurriculum.class_user .default-curriculum-card-course-num::before {
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTcgMTUiPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHJlY3Qgd2lkdGg9IjE3IiBoZWlnaHQ9IjE1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOTYgMjQyKSIgZmlsbD0ibm9uZSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOTYgLTI0MikiIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggZD0iTTUyMS4zMzMsMjA1LjU5MWgtOS4yMTlhMi4wODMsMi4wODMsMCwwLDAtMi4wODEsMi4wODF2Ljk3NWgtLjk3NWEyLjA4MywyLjA4MywwLDAsMC0yLjA4MSwyLjA4MVYyMTcuMWEyLjA4MywyLjA4MywwLDAsMCwyLjA4MSwyLjA4MWg5LjIxOWEyLjA4MywyLjA4MywwLDAsMCwyLjA4MS0yLjA4MXYtLjk3NWguOTc2YTIuMDgzLDIuMDgzLDAsMCwwLDIuMDgxLTIuMDgxdi02LjM3NkEyLjA4MywyLjA4MywwLDAsMCw1MjEuMzMzLDIwNS41OTFaTTUxOS4wODQsMjE3LjFhLjgwOC44MDgsMCwwLDEtLjgwNy44MDdoLTkuMjE5YS44MDguODA4LDAsMCwxLS44MDctLjgwN3YtNi4zNzZhLjgwOC44MDgsMCwwLDEsLjgwNy0uODA3aC45NzV2NC4xMjdhMi4wODMsMi4wODMsMCwwLDAsMi4wODEsMi4wODFoNi45N1ptMy4wNTYtMy4wNTZhLjgwOC44MDgsMCwwLDEtLjgwNy44MDdoLTkuMjE5YS44MDguODA4LDAsMCwxLS44MDctLjgwN3YtNi4zNzZhLjgwOC44MDgsMCwwLDEsLjgwNy0uODA3aDkuMjE5YS44MDguODA4LDAsMCwxLC44MDcuODA3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMxMC45NzcgMzcuMzA2KSIgZmlsbD0iIzg4OCIvPjwvZz48L3N2Zz4=');
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: inline-block;
    vertical-align: top;
    width: 17px;
    height: 15px;
    margin-right: 5px;
}
body#body_defaultCurriculum.class_guest .default-curriculum-card-course-num-icon,
body#body_defaultCurriculum.class_user .default-curriculum-card-course-num-icon {
    display: none;
}
body#body_defaultCurriculum.class_guest .default-curriculum-card-list-description,
body#body_defaultCurriculum.class_user .default-curriculum-card-list-description {
    font-size: 16px;
    line-height: 1.4;
    order: 6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    height: auto;
    max-height: 7em;
    overflow: hidden;
}
body#body_defaultCurriculum.class_guest .default-curriculum-card .btn,
body#body_defaultCurriculum.class_user .default-curriculum-card .btn {
    font-size: 16px;
    line-height: 1;
    margin-top: 20px;
    padding: 15px;
    border-radius: 8px;
}
body#body_defaultCurriculum.class_guest .default-curriculum-card .btn-default,
body#body_defaultCurriculum.class_user .default-curriculum-card .btn-default {
    order: 7;
    color: #444;
    background: #f7f7f7;
    border: 1px solid #999;
}
body#body_defaultCurriculum.class_guest .default-curriculum-card .btn-default:hover,
body#body_defaultCurriculum.class_user .default-curriculum-card .btn-default:hover {
    background: #f7f7f7;
    box-shadow: none;
}
body#body_defaultCurriculum.class_guest .default-curriculum-card .btn-info,
body#body_defaultCurriculum.class_user .default-curriculum-card .btn-info {
    order: 8;
    color: #fff;
    font-weight: 600;
    background: #4ea0bf;
    border-color: #4ea0bf;
}
body#body_defaultCurriculum.class_guest .default-curriculum-card .btn-info .fa-check,
body#body_defaultCurriculum.class_user .default-curriculum-card .btn-info .fa-check {
    font-size: 0.6em;
}
body#body_defaultCurriculum.class_guest .default-curriculum-card .btn-outline,
body#body_defaultCurriculum.class_user .default-curriculum-card .btn-outline {
    font-weight: 600;
    color: #4ea0bf;
    background: #fff;
    border-color: #4ea0bf;
}
body#body_defaultCurriculum.class_guest .default-curriculum-card-btn-container,
body#body_defaultCurriculum.class_user .default-curriculum-card-btn-container {
    margin: 0;
    padding: 40px 0 0;
}
body#body_defaultCurriculum.class_guest .default-curriculum-card-btn-container > *,
body#body_defaultCurriculum.class_user .default-curriculum-card-btn-container > * {
    padding: 0;
    margin: 0;
}
body#body_defaultCurriculum.class_guest .default-curriculum-card-btn-container .btn,
body#body_defaultCurriculum.class_user .default-curriculum-card-btn-container .btn {
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    width: 100%;
    border-radius: 8px;
    margin-bottom: 0;
    padding: 15px;
    opacity: 1;
}
body#body_defaultCurriculum.class_guest .default-curriculum-card-btn-container .btn-danger,
body#body_defaultCurriculum.class_user .default-curriculum-card-btn-container .btn-danger {
    font-weight: 600;
    color: #fff;
    background: #bf6d4e;
    border-color: #bf6d4e;
}
body#body_defaultCurriculum.class_guest .default-curriculum-card-btn-container .btn-danger:disabled,
body#body_defaultCurriculum.class_user .default-curriculum-card-btn-container .btn-danger:disabled {
    opacity: 0.5;
}
body#body_defaultCurriculum.class_guest .default-curriculum-card-btn-container .btn-default,
body#body_defaultCurriculum.class_user .default-curriculum-card-btn-container .btn-default {
    background: #f7f7f7;
    border: 1px solid #999;
    margin-top: 14px;
}
@media screen and (min-width: 768px) {
    body#body_defaultCurriculum.class_guest .default-curriculum-curriculum-text,
    body#body_defaultCurriculum.class_user .default-curriculum-curriculum-text {
        margin-bottom: 30px;
    }
    body#body_defaultCurriculum.class_guest .default-curriculum-card,
    body#body_defaultCurriculum.class_user .default-curriculum-card {
        border: none;
        margin: 0;
        padding: 0;
    }
    body#body_defaultCurriculum.class_guest .default-curriculum-card-wrapper:nth-of-type(n + 4),
    body#body_defaultCurriculum.class_user .default-curriculum-card-wrapper:nth-of-type(n + 4) {
        margin-top: 60px;
    }
    body#body_defaultCurriculum.class_guest .default-curriculum-card-title,
    body#body_defaultCurriculum.class_user .default-curriculum-card-title {
        height: 3em;
        text-align: left;
    }
    body#body_defaultCurriculum.class_guest .default-curriculum-card-course-num,
    body#body_defaultCurriculum.class_user .default-curriculum-card-course-num {
        text-align: left;
    }
    body#body_defaultCurriculum.class_guest .default-curriculum-card-list-description,
    body#body_defaultCurriculum.class_user .default-curriculum-card-list-description {
        text-align: left;
    }
    body#body_defaultCurriculum.class_guest .default-curriculum-card-btn-container,
    body#body_defaultCurriculum.class_user .default-curriculum-card-btn-container {
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
    }
    body#body_defaultCurriculum.class_guest .default-curriculum-card-btn-container > *,
    body#body_defaultCurriculum.class_user .default-curriculum-card-btn-container > * {
        width: 100%;
        max-width: 240px;
    }
    body#body_defaultCurriculum.class_guest .default-curriculum-card-btn-container > * + *,
    body#body_defaultCurriculum.class_user .default-curriculum-card-btn-container > * + * {
        margin-right: 20px;
    }
    body#body_defaultCurriculum.class_guest .default-curriculum-card-btn-container .btn,
    body#body_defaultCurriculum.class_user .default-curriculum-card-btn-container .btn {
        margin: 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    body#body_defaultCurriculum.class_guest .default-curriculum-card-wrapper,
    body#body_defaultCurriculum.class_user .default-curriculum-card-wrapper {
        width: 30.3523%;
    }
    body#body_defaultCurriculum.class_guest .default-curriculum-card-wrapper:not(:nth-of-type(3n)),
    body#body_defaultCurriculum.class_user .default-curriculum-card-wrapper:not(:nth-of-type(3n)) {
        margin-right: 4.47154%;
    }
    body#body_defaultCurriculum.class_guest .default-curriculum-card-list-description,
    body#body_defaultCurriculum.class_user .default-curriculum-card-list-description {
        -webkit-line-clamp: 7;
        max-height: 9.8em;
    }
}
@media (min-width: 992px) {
    body#body_defaultCurriculum.class_guest .default-curriculum-body,
    body#body_defaultCurriculum.class_user .default-curriculum-body {
        padding-bottom: 60px;
    }
    body#body_defaultCurriculum.class_guest .default-curriculum-category,
    body#body_defaultCurriculum.class_user .default-curriculum-category {
        padding: 17px;
    }
    body#body_defaultCurriculum.class_guest .default-curriculum-category + .default-curriculum-category,
    body#body_defaultCurriculum.class_user .default-curriculum-category + .default-curriculum-category {
        margin-top: 20px;
    }
    body#body_defaultCurriculum.class_guest .default-curriculum-card-wrapper,
    body#body_defaultCurriculum.class_user .default-curriculum-card-wrapper {
        width: 30.43478%;
    }
    body#body_defaultCurriculum.class_guest .default-curriculum-card-wrapper:not(:nth-of-type(3n)),
    body#body_defaultCurriculum.class_user .default-curriculum-card-wrapper:not(:nth-of-type(3n)) {
        margin-right: 4.34783%;
    }
    body#body_defaultCurriculum.class_guest .default-curriculum-card-list-description,
    body#body_defaultCurriculum.class_user .default-curriculum-card-list-description {
        -webkit-line-clamp: 6;
        max-height: 8.4em;
    }
    body#body_defaultCurriculum.class_guest .default-curriculum-card-btn-container,
    body#body_defaultCurriculum.class_user .default-curriculum-card-btn-container {
        padding-top: 60px;
    }
    body#body_defaultCurriculum.class_guest .default-curriculum-curriculum-text,
    body#body_defaultCurriculum.class_user .default-curriculum-curriculum-text {
        padding: 40px 40px 0;
    }
    body#body_defaultCurriculum.class_guest .default-curriculum-curriculum-list,
    body#body_defaultCurriculum.class_user .default-curriculum-curriculum-list {
        padding: 0 40px;
    }
}
.mm-page.mm-slideout {
    position: relative;
}
.is-index #wrapper::after {
    display: none;
}
#dc_iframe {
    width: 100vw;
    height: 100vh;
    border: none;
}
.iframe_body {
    margin: 0;
}
#custom-footer {
    background: #fff;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}
#custom-footer .l-footer a {
    font-size: 12px;
    color: #444;
    text-shadow: none !important;
}
#custom-footer .l-footer__list {
    width: 100%;
    margin: 30px auto;
    padding: 0;
    display: flex;
    justify-content: center;
}
#custom-footer .l-footer__copyright {
    font-size: 12px;
    line-height: 1;
    color: #444;
}
#custom-footer .l-footer__logo {
    margin: auto;
    margin-bottom: 40px;
}
@media (max-width: 767px) {
    #custom-footer .l-footer {
        text-align: center;
        padding-top: 40px;
        padding-bottom: 20px;
    }
    #custom-footer .l-footer__logo {
        max-width: 164px;
        margin: auto;
        margin-bottom: 20px;
    }
    #custom-footer .l-footer .c-logo {
        width: 100%;
        max-width: 176px;
    }
    #custom-footer .l-footer img {
        max-width: 164px;
        width: 100%;
        height: auto;
        vertical-align: top;
    }
    #custom-footer .l-footer__list {
        font-size: 14px;
        line-height: 2.6;
        list-style: none;
        width: 100%;
        margin: auto;
        padding: 0;
        margin-bottom: 30px;
        display: block;
    }
}
@media screen and (min-width: 768px) {
    #custom-footer .l-footer {
        padding-top: 42px;
        padding-bottom: 20px;
    }
    #custom-footer .l-footer__content {
        display: flex;
        display: block;
    }
    #custom-footer .l-footer__logo {
        width: 16.4%;
    }
    #custom-footer .l-footer__logo .c-logo {
        margin: auto;
        display: block;
    }
    #custom-footer .l-footer__logo img {
        max-width: 164px;
        width: 100%;
        height: auto;
        vertical-align: top;
    }
    #custom-footer .l-footer__list {
        width: 100%;
        margin: 30px auto;
        padding: 0;
        text-align: center;
    }
    #custom-footer .l-footer__list > li {
        font-size: 12px;
        font-size: 1.2vw;
        line-height: 1;
        display: inline-block;
        vertical-align: middle;
    }
    #custom-footer .l-footer__list > li:not(:last-of-type) {
        margin-right: 2.6vw;
    }
    #custom-footer .l-footer__copyright {
        display: block;
        text-align: center;
    }
}
@media (min-width: 992px) {
    #custom-footer .l-footer__logo {
        width: 164px;
    }
    #custom-footer .l-footer__list {
        width: 100%;
        margin: 30px auto;
        padding: 0;
    }
    #custom-footer .l-footer__list > li {
        font-size: 12px;
        line-height: 1;
    }
    #custom-footer .l-footer__list > li:not(:last-of-type) {
        margin-right: 30px;
    }
}
#body_default {
    overflow: hidden;
}
#body_default #custom-footer {
    display: none !important;
}
@media (max-width: 767px) {
    #body_default.is-menu .grayLayer {
        top: 0;
    }
    #body_default.is-menu .header__switch span {
        width: 0;
    }
    #body_default.is-menu .header__switch::before {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(45deg);
    }
    #body_default.is-menu .header__switch::after {
        bottom: 50%;
        left: 50%;
        transform: translate(-50%, 50%) rotate(-45deg);
    }
    #body_default.is-menu .l-header__logo,
    #body_default.is-menu .c-trial {
        opacity: 0;
    }
    #body_default.is-menu .overLayer {
        left: 0;
    }
}
#body_default .grayLayer {
    display: none;
}
@media (max-width: 767px) {
    #body_default .grayLayer {
        position: fixed;
        top: -100%;
        left: 0;
        z-index: 21;
        display: block;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
        transition: all 0.5s;
    }
}
#body_default .overLayer {
    z-index: 23;
    transition: all 0.5s;
    position: fixed;
    top: 72px;
    left: 100%;
    display: none;
    max-height: calc(100vh - 72px);
    width: 100%;
    padding-bottom: 45px;
    -ms-grid-column-align: 0;
    justify-self: 0;
    background-color: #fff;
    text-align: center;
}
@media (max-width: 767px) {
    #body_default .overLayer {
        display: block;
    }
}
#body_default .overLayer .l-header__link {
    font-size: 16px;
    margin-top: 15px;
    justify-content: center;
}
#body_default .overLayer__btnWrapper {
    max-width: 200px;
    margin: 0 auto;
}
#body_default .overLayer__btnWrapper .btn {
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #4ebf7e;
}
#body_default .overLayer__btnWrapper .btn-free {
    background-color: #4ebf7e;
    color: #fff;
    margin-bottom: 15px;
}
#body_default .overLayer__btnWrapper .btn-login {
    background-color: #fff;
    color: #4ebf7e;
}
.l-root--index {
    font-size: 16px;
    line-height: 1.5;
    color: #444;
}
@media (max-width: 767px) {
    .l-root--index {
        padding-top: 70px;
    }
}
@media screen and (min-width: 768px) {
    .l-root--index {
        padding-top: 90px;
    }
}
.l-root--index * {
    box-sizing: border-box;
}
.l-root--index a,
.l-root--index body,
.l-root--index form,
.l-root--index h1,
.l-root--index h2,
.l-root--index h3,
.l-root--index h4,
.l-root--index h5,
.l-root--index li,
.l-root--index p,
.l-root--index td,
.l-root--index th {
    font-family: 'NotoSansCJKjp', 'Noto Sans JP', serif;
}
.l-root--index a {
    text-decoration: none !important;
    transition: opacity 0.2s;
}
.l-root--index a:hover {
    opacity: 0.7;
}
.l-root--index img {
    max-width: 100%;
    vertical-align: bottom;
}
.l-root--index ul,
.l-root--index ol {
    list-style-type: none;
}
.l-root--index .l-header {
    position: fixed;
    top: 0;
    z-index: 22;
    width: 100%;
    background: #fff;
    box-shadow: 0 6px 5px -5px rgba(0, 0, 0, 0.16);
}
@media (max-width: 767px) {
    .l-root--index .l-header .h-hideSp {
        display: none;
    }
}
.l-root--index .l-header__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.l-root--index .l-header__utility {
    display: flex;
    align-items: center;
}
.l-root--index .l-header__utility .c-btn {
    width: auto !important;
}
.l-root--index .l-header__utility a:not(:first-of-type) {
    margin-left: 5px;
}
.l-root--index .l-header__link {
    font-size: 14px;
    color: #444;
    display: flex;
    margin-left: 4px;
    align-items: center;
}
@media (max-width: 767px) {
    .l-root--index .l-header__link {
        font-size: 12px;
    }
}
.l-root--index .l-header__link br {
    display: none;
}
@media (max-width: 767px) {
    .l-root--index .l-header__link br {
        display: block;
    }
}
.l-root--index .l-header__link::before {
    content: '';
    width: 0;
    height: 0;
    margin-right: 4px;
    border-style: solid;
    border-width: 5px 0 5px 6px;
    border-color: transparent transparent transparent #444;
    display: inline-block;
}
.l-root--index .l-header .c-login {
    font-size: 16px;
    line-height: 1;
    color: #444;
}
@media (max-width: 767px) {
    .l-root--index .l-header {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .l-root--index .l-header .c-logo {
        width: 100%;
        max-width: 146px;
    }
}
@media screen and (min-width: 768px) {
    .l-root--index .l-header {
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .l-root--index .l-header .c-logo {
        width: 100%;
        max-width: 170px;
        display: block;
    }
}
.l-root--index .l-header .header__switch {
    position: relative;
    display: none;
    width: 32px;
    height: 24px;
    border: none;
    background-color: #fff;
    cursor: pointer;
    padding: 0 4px;
}
@media (max-width: 767px) {
    .l-root--index .l-header .header__switch {
        display: block;
        margin-left: 24px;
        margin-right: -6px;
    }
}
.l-root--index .l-header .header__switch::before,
.l-root--index .l-header .header__switch::after,
.l-root--index .l-header .header__switch span {
    position: absolute;
    left: 50%;
    display: block;
    width: 24px;
    height: 2px;
    border-radius: 2px;
    background-color: #242d2e;
    content: '';
    transition: all 0.3s;
}
.l-root--index .l-header .header__switch span {
    top: 50%;
    transform: translate(-50%, -50%);
}
.l-root--index .l-header .header__switch::before {
    top: 2px;
    transform: translate(-50%, 0);
}
.l-root--index .l-header .header__switch::after {
    bottom: 2px;
    transform: translate(-50%, 0);
}
.l-root--index .c-container {
    padding-left: 30px;
    padding-right: 30px;
}
@media screen and (min-width: 768px) {
    .l-root--index .c-container {
        width: 100%;
        max-width: 1060px;
        margin-left: auto;
        margin-right: auto;
    }
}
.l-root--index .c-hdg {
    font-weight: 600;
    text-align: center;
    color: #444;
}
.l-root--index .c-hdg__caption {
    display: block;
}
@media (max-width: 767px) {
    .l-root--index .c-hdg {
        margin-bottom: 26px;
    }
    .l-root--index .c-hdg .c-logo {
        width: 100%;
        max-width: 238px;
        margin-top: 6px;
        margin-bottom: 6px;
    }
}
@media screen and (min-width: 768px) {
    .l-root--index .c-hdg .c-logo {
        width: 100%;
        max-width: 352px;
        margin-top: 16px;
        margin-bottom: 16px;
    }
}
.l-root--index .c-btn {
    font-size: 16px;
    line-height: 1;
    display: block;
    font-weight: 600;
    text-align: center;
    color: #fff;
    background: #bf6d4e;
    border-radius: 8px;
    padding: 23px;
}
.l-root--index .c-btn--white {
    color: #4ebf7e;
    background: #fff;
}
.l-root--index .c-btn--border {
    border: solid 1px #4ebf7e;
}
.l-root--index .c-btn--green {
    color: #fff;
    background: #4ebf7e;
}
@media screen and (min-width: 768px) {
    .l-root--index .c-btn--min {
        width: 180px !important;
        padding: 20px;
    }
}
@media (max-width: 767px) {
    .l-root--index .c-btn--min {
        width: 77px;
        line-height: 18px;
        padding: 8px;
        font-size: 12px;
    }
}
@media screen and (min-width: 768px) {
    .l-root--index .c-btn {
        width: 100%;
        max-width: 240px;
    }
}
.l-root--index .c-logo {
    display: inline-block;
}
.l-root--index .c-logo:hover {
    opacity: 1;
}
@media screen and (min-width: 768px) {
    .l-root--index .c-column {
        display: flex;
        flex-wrap: wrap;
    }
}
.l-root--index .c-accordion__trigger {
    display: block;
    background: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.l-root--index .c-accordion__trigger > * {
    pointer-events: none;
}
.l-root--index .c-accordion__content {
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
    transition:
        max-height 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955),
        visibility 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.l-root--index .c-accordion__content.is-active {
    visibility: visible;
}
.l-root--index .c-pagetop {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NyA1NyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcyNyAtNTA3NykiPjxjaXJjbGUgY3g9IjI4LjUiIGN5PSIyOC41IiByPSIyOC41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3MjcgNTA3NykiIG9wYWNpdHk9IjAuMiIvPjxwYXRoIGQ9Ik02NTguNDksNDE0LjU2MWExLDEsMCwxLDAtMS40MTcsMS40MTdsMy4zMTMsMy4zMTNINjQzLjlhMSwxLDAsMCwwLDAsMmgxNi42bC0zLjQyMywzLjQyM2ExLDEsMCwxLDAsMS40MTcsMS40MTdsNS43ODgtNS43ODhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMzQuOTU5IDU3NTguNjY5KSByb3RhdGUoLTkwKSIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=');
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    position: fixed;
    z-index: 2;
    width: 57px;
    height: 57px;
    font-size: 0;
    transition:
        transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955),
        opacity 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transform: translateY(114px);
    opacity: 0;
    pointer-events: none;
}
.l-root--index .c-pagetop.is-flowing {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
}
@media (max-width: 767px) {
    .l-root--index .c-pagetop {
        bottom: 50px;
        right: 20px;
    }
}
@media screen and (min-width: 768px) {
    .l-root--index .c-pagetop {
        bottom: 30px;
        right: 40px;
    }
}
.l-root--index .c-marker {
    display: inline-block;
    position: relative;
}
.l-root--index .c-marker::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 14px;
    background: #ffc1a2;
}
.l-root--index .c-marker__txt {
    position: relative;
    z-index: 1;
    white-space: nowrap;
}
.l-root--index .c-label {
    font-size: 0;
}
.l-root--index .c-label__item {
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    background: #f5f1ed;
    padding: 12px;
    border-radius: 4px;
    margin: 0 10px 10px 0;
}
.l-root--index .c-label__item a {
    text-decoration: none;
    color: #674a3f;
}
.l-root--index .p-mv {
    position: relative;
    background: #fff;
}
.l-root--index .p-mv__container {
    font-weight: 600;
    color: #fff;
}
.l-root--index .p-mv__content {
    display: block;
    background: #4ebf7e;
}
.l-root--index .p-mv__content > span {
    display: block;
}
.l-root--index .p-mv__link {
    display: block;
    position: relative;
    color: #fff;
    background: #3fa86c;
}
.l-root--index .p-mv__link::after {
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTIgMTgiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zODEuNzM3IC0xNS41NDMpIiBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGQ9Ik02MzguNDU3LDQwOS4wNzZsLTguNjYyLTguNjYxLDIuMTIxLTIuMTIxLDYuNTQxLDYuNTQsNi41NC02LjU0LDIuMTIxLDIuMTIxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2LjA3NiA2NjIuNSkgcm90YXRlKC05MCkiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+');
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    position: absolute;
    top: 50%;
    right: 22px;
    width: 12px;
    height: 18px;
    transform: translateY(-50%);
    pointer-events: none;
}
.l-root--index .p-mv__link:hover {
    color: #fff;
}
@media (max-width: 767px) {
    .l-root--index .p-mv__img {
        width: 100%;
    }
    .l-root--index .p-mv__container {
        font-size: 20px;
        line-height: 1.8;
        padding-left: 0;
        padding-right: 0;
    }
    .l-root--index .p-mv__copy {
        position: absolute;
        top: 4.97512%;
        left: 30px;
        width: 29.86667%;
    }
    .l-root--index .p-mv__content {
        padding: 28px 0 24px 30px;
    }
    .l-root--index .p-mv__content > span {
        font-size: 36px;
    }
    .l-root--index .p-mv__link {
        font-size: 20px;
        line-height: 1;
        padding: 22px 0 22px 30px;
    }
}
@media screen and (min-width: 768px) {
    .l-root--index .p-mv {
        overflow: hidden;
    }
    .l-root--index .p-mv__img {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 137.84057%;
        max-width: none;
        height: 100%;
        transform: translate(-50%, -50%);
    }
    .l-root--index .p-mv__container {
        width: 100%;
        max-width: 1060px;
        font-size: 28px;
        font-size: 2.8vw;
        line-height: 1.7;
        position: relative;
        z-index: 1;
        padding: 10vw 3vw 4vw;
    }
    .l-root--index .p-mv__copy {
        width: 17.8%;
        margin-left: 6vw;
        pointer-events: none;
    }
    .l-root--index .p-mv__box {
        width: 41%;
        margin-top: -11.8vw;
        margin-left: auto;
    }
    .l-root--index .p-mv__content {
        padding: 2.8vw 0 2.2vw 3vw;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);
    }
    .l-root--index .p-mv__content > span {
        font-size: 36px;
        font-size: 3.6vw;
        line-height: 1;
        padding: 0.6vw 0 0.8vw;
    }
    .l-root--index .p-mv__link {
        font-size: 20px;
        line-height: 1.5;
        padding: 1.8vw 0 1.8vw 3vw;
    }
}
@media (min-width: 992px) {
    .l-root--index .p-mv__img {
        width: 100%;
        max-width: 1366px;
        min-width: 1366px;
        height: auto;
    }
    .l-root--index .p-mv__container {
        font-size: 28px;
        line-height: 1.7;
        padding: 100px 30px 40px;
    }
    .l-root--index .p-mv__copy {
        width: 100%;
        max-width: 178px;
        margin-left: 60px;
    }
    .l-root--index .p-mv__box {
        margin-top: -118px;
    }
    .l-root--index .p-mv__content {
        padding: 28px 0 22px 30px;
    }
    .l-root--index .p-mv__content > span {
        font-size: 36px;
        line-height: 1;
        padding: 6px 0 8px;
    }
    .l-root--index .p-mv__link {
        padding: 18px 0 18px 30px;
    }
}
.l-root--index .p-merit {
    position: relative;
    overflow: hidden;
}
.l-root--index .p-merit__item {
    text-align: center;
    background: #fff;
}
.l-root--index .p-merit__item > h3 {
    font-weight: 600;
    color: #674a3f;
    margin-bottom: 25px;
}
@media (max-width: 767px) {
    .l-root--index .p-merit {
        background: url(/custom/img/bg_merit_sp.jpg) no-repeat;
        background-size: cover;
        padding-top: 40px;
        padding-bottom: 60px;
    }
    .l-root--index .p-merit__hdg {
        font-size: 20px !important;
        line-height: 1.5;
    }
    .l-root--index .p-merit__item {
        padding: 36px 30px 40px;
    }
    .l-root--index .p-merit__item:not(:last-of-type) {
        margin-bottom: 30px;
    }
    .l-root--index .p-merit__item > h3 {
        font-size: 28px !important;
        line-height: 1.1;
    }
}
@media screen and (min-width: 768px) {
    .l-root--index .p-merit {
        background: url(/custom/img/bg_merit.jpg) no-repeat;
        background-size: cover;
        padding-top: 46px;
        padding-bottom: 60px;
    }
    .l-root--index .p-merit__hdg {
        font-size: 20px;
        line-height: 1.5;
        margin-bottom: 40px;
    }
    .l-root--index .p-merit__item {
        width: 30.57971%;
        margin-right: 4.13043%;
        padding: 4vw 2.9vw;
    }
    .l-root--index .p-merit__item:nth-of-type(3n) {
        margin-right: 0;
    }
    .l-root--index .p-merit__item:nth-of-type(n + 4) {
        margin-top: 4.13043%;
    }
    .l-root--index .p-merit__item > h3 {
        font-size: 28px;
        font-size: 2.8vw !important;
        line-height: 1.1;
    }
}
@media (min-width: 992px) {
    .l-root--index .p-merit__item {
        padding: 40px 30px;
    }
    .l-root--index .p-merit__item > h3 {
        font-size: 28px !important;
        line-height: 1.1;
    }
}
.l-root--index .p-plan {
    background: #fff;
}
.l-root--index .p-plan__item {
    text-align: center;
    border-radius: 6px;
    overflow: hidden;
}
.l-root--index .p-plan__item--red .p-plan__head {
    background: #bf6d4e;
}
.l-root--index .p-plan__item--red .p-plan__head::after {
    border-color: transparent #a7593c transparent transparent;
}
.l-root--index .p-plan__item--red .p-plan__content {
    background: #f5f1ed;
}
.l-root--index .p-plan__item--brown .p-plan__head {
    background: #674a3f;
}
.l-root--index .p-plan__item--brown .p-plan__head::after {
    border-color: transparent #55392e transparent transparent;
}
.l-root--index .p-plan__item--brown .p-plan__content {
    background: #f4edea;
}
.l-root--index .p-plan__item--blue .p-plan__head {
    background: #4ea0bf;
}
.l-root--index .p-plan__item--blue .p-plan__head::after {
    border-color: transparent #3e8dac transparent transparent;
}
.l-root--index .p-plan__item--blue .p-plan__content {
    background: #eff4f5;
}
.l-root--index .p-plan__head {
    font-size: 16px !important;
    line-height: 1.5;
    position: relative;
    color: #fff;
}
.l-root--index .p-plan__head::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 22px 22px 0;
}
.l-root--index .p-plan__content {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 600;
}
.l-root--index .p-plan .c-price__number {
    font-size: 28px;
}
.l-root--index .p-plan .c-price__monthly {
    font-size: 14px;
    line-height: 1;
    display: inline-block;
    color: #fff;
    background: #ff7f00;
    border-radius: 4px;
    padding: 6px 14px;
}
@media (max-width: 767px) {
    .l-root--index .p-plan--upper {
        padding-top: 30px;
        padding-bottom: 40px;
    }
    .l-root--index .p-plan--upper .p-plan__hdg {
        font-size: 28px !important;
        line-height: 1.5;
    }
    .l-root--index .p-plan--upper .p-plan__price {
        font-size: 20px;
        line-height: 1.8;
        margin-top: 15px;
    }
    .l-root--index .p-plan--upper .p-plan__number {
        font-size: 28px;
        line-height: 1;
    }
    .l-root--index .p-plan--upper .c-btn {
        margin-top: 20px;
    }
    .l-root--index .p-plan--lower {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .l-root--index .p-plan--lower .p-plan__hdg {
        font-size: 32px !important;
        line-height: 1.5;
        margin-bottom: 30px;
    }
    .l-root--index .p-plan__item:not(:last-of-type) {
        margin-bottom: 30px;
    }
    .l-root--index .p-plan__head {
        padding-top: 22px;
        padding-bottom: 18px;
    }
    .l-root--index .p-plan__content {
        padding-top: 20px;
        padding-bottom: 26px;
    }
}
@media screen and (min-width: 768px) {
    .l-root--index .p-plan {
        padding-top: 40px;
        padding-bottom: 60px;
    }
    .l-root--index .p-plan--upper p {
        font-size: 20px;
        line-height: 2;
    }
    .l-root--index .p-plan--upper .p-plan__hdg {
        font-size: 36px !important;
        line-height: 1.3;
        margin-bottom: 30px;
    }
    .l-root--index .p-plan--upper .p-plan__price {
        font-size: 20px;
        line-height: 2;
        margin-top: 15px;
    }
    .l-root--index .p-plan--upper .p-plan__number {
        font-size: 28px;
        line-height: 1;
    }
    .l-root--index .p-plan--upper .c-btn {
        margin: 30px auto 0;
    }
    .l-root--index .p-plan--lower .p-plan__hdg {
        font-size: 36px !important;
        line-height: 1;
        margin-bottom: 40px;
    }
    .l-root--index .p-plan__item {
        width: 47.93478%;
        margin-right: 4.13043%;
    }
    .l-root--index .p-plan__item:nth-of-type(2n) {
        margin-right: 0;
    }
    .l-root--index .p-plan__item:nth-of-type(n + 3) {
        margin-top: 4.13043%;
    }
    .l-root--index .p-plan__head {
        padding-top: 22px;
        padding-bottom: 27px;
    }
    .l-root--index .p-plan__content {
        height: 100%;
        padding-top: 20px;
        padding-bottom: 32px;
    }
}
.l-root--index .p-trial {
    color: #fff;
    background: #4ebf7e;
}
.l-root--index .p-trial__hdg {
    color: #fff;
}
.l-root--index .p-trial__img {
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (max-width: 767px) {
    .l-root--index .p-trial {
        padding-top: 30px;
        padding-bottom: 48px;
    }
    .l-root--index .p-trial__inner {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .l-root--index .p-trial__inner > * {
        width: 100%;
    }
    .l-root--index .p-trial__hdg {
        font-size: 32px !important;
        line-height: 1.5;
        order: 1;
        margin-bottom: 28px;
    }
    .l-root--index .p-trial__hdg > span {
        font-size: 24px !important;
        line-height: 1.5;
    }
    .l-root--index .p-trial__img {
        order: 2;
        margin-left: -13px;
    }
    .l-root--index .p-trial .c-btn {
        order: 3;
        margin-top: 30px;
    }
}
@media screen and (min-width: 768px) {
    .l-root--index .p-trial {
        padding-top: 6.5vw;
        padding-bottom: 6.5vw;
    }
    .l-root--index .p-trial__inner {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        width: 78%;
        padding-left: 52%;
        padding-left: 52%;
    }
    .l-root--index .p-trial__hdg {
        font-size: 36px;
        font-size: 3.6vw !important;
        line-height: 1.5;
        text-align: left;
        white-space: nowrap;
        margin-bottom: 2.8vw;
    }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
    .l-root--index .p-trial__hdg .css-br::after {
        content: '\A';
        white-space: pre;
    }
}
@media screen and (min-width: 768px) {
    .l-root--index .p-trial__hdg > span {
        font-size: 24px !important;
        line-height: 1.5;
    }
    .l-root--index .p-trial__img {
        position: absolute;
        top: 50%;
        left: 0;
        width: 59.35897%;
        transform: translateY(-50%);
    }
}
@media (min-width: 992px) {
    .l-root--index .p-trial {
        padding-top: 65px;
        padding-bottom: 65px;
    }
    .l-root--index .p-trial__inner {
        width: 100%;
        max-width: 780px;
        padding-left: 520px;
    }
    .l-root--index .p-trial__hdg {
        font-size: 36px !important;
        line-height: 1.5;
        margin-bottom: 28px;
    }
    .l-root--index .p-trial__img {
        width: 100%;
        max-width: 463px;
    }
}
.l-root--index .p-skill {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSI+PHBhdGggZD0iTTExLjUtMTI0NnYtMTIuNUgtMXYtMUgxMS41Vi0xMjcxaDF2MTEuNUgyNHYxSDEyLjV2MTIuNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMTI3MSkiIHN0eWxlPSJvcGFjaXR5OiAuMTsiIGZpbGw9IiMwMDkzODAiLz48L3N2Zz4=');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-repeat: repeat;
    background-color: #fff;
    background-size: 25px 25px;
}
.l-root--index .p-skill__head {
    position: relative;
    font-weight: 600;
    text-align: center;
    color: #fff;
}
.l-root--index .p-skill__head::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -12px;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    transform: translateX(-50%);
}
.l-root--index .p-skill__item {
    background: #f5f1ed;
    border-radius: 8px;
    overflow: hidden;
}
.l-root--index .p-skill__item--red .p-skill__head {
    background: #bf6d4e;
}
.l-root--index .p-skill__item--red .p-skill__head::after {
    border-top: 12px solid #bf6d4e;
}
.l-root--index .p-skill__item--brown .p-skill__head {
    background: #674a3f;
}
.l-root--index .p-skill__item--brown .p-skill__head::after {
    border-top: 12px solid #674a3f;
}
.l-root--index .p-skill__item--blue .p-skill__head {
    background: #4ea0bf;
}
.l-root--index .p-skill__item--blue .p-skill__head::after {
    border-top: 12px solid #4ea0bf;
}
.l-root--index .p-skill__content {
    font-size: 14px;
    line-height: 1.6;
    color: #674a3f;
    text-align: center;
}
.l-root--index .p-skill__content > p {
    text-align: left;
}
@media (max-width: 767px) {
    .l-root--index .p-skill {
        padding-top: 40px;
        padding-bottom: 60px;
    }
    .l-root--index .p-skill .c-hdg {
        font-size: 20px !important;
        line-height: 1.5;
    }
    .l-root--index .p-skill .c-hdg__caption {
        font-size: 16px !important;
        line-height: 1.5;
    }
    .l-root--index .p-skill__item:not(:last-of-type) {
        margin-bottom: 30px;
    }
    .l-root--index .p-skill__head {
        font-size: 28px !important;
        line-height: 1.3;
        padding-top: 14px;
        padding-bottom: 20px;
    }
    .l-root--index .p-skill__content {
        padding: 26px 30px 20px;
    }
    .l-root--index .p-skill__content > img {
        margin-top: 20px;
    }
}
@media screen and (min-width: 768px) {
    .l-root--index .p-skill {
        padding-top: 60px;
        padding-bottom: 80px;
    }
    .l-root--index .p-skill .c-hdg {
        font-size: 28px !important;
        line-height: 1.5;
        margin-bottom: 34px;
    }
    .l-root--index .p-skill .c-hdg__caption {
        font-size: 20px !important;
        line-height: 1.5;
    }
    .l-root--index .p-skill__item {
        width: 47.82609%;
        margin-right: 4.34783%;
    }
    .l-root--index .p-skill__item:nth-of-type(2n) {
        margin-right: 0;
    }
    .l-root--index .p-skill__item:nth-of-type(n + 3) {
        margin-top: 4.34783%;
    }
    .l-root--index .p-skill__head {
        font-size: 28px !important;
        line-height: 1.5;
        padding-top: 24px;
        padding-bottom: 22px;
    }
    .l-root--index .p-skill__content {
        padding: 26px 36px 20px;
    }
    .l-root--index .p-skill__content > img {
        width: 100%;
        max-width: 240px;
        display: block;
        margin: 12px auto 0;
    }
}
.l-root--index .p-curriculum {
    background: #f5f1ed;
}
.l-root--index .p-curriculum__item > a {
    display: flex;
    flex-direction: column;
    flex: auto;
    position: relative;
    height: 100%;
    color: #444;
}
.l-root--index .p-curriculum__item > a > * {
    position: relative;
    z-index: 1;
}
.l-root--index .p-curriculum__item > a::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 8px;
}
.l-root--index .p-curriculum__img {
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.l-root--index .p-curriculum__content {
    display: flex;
    flex-direction: column;
    flex: auto;
}
.l-root--index .p-curriculum__content > h3 {
    font-size: 28px !important;
    line-height: 1.5;
    text-align: center;
    font-weight: 600;
}
.l-root--index .p-curriculum__content > h4 {
    margin-bottom: 3%;
    color: #674a3f;
    text-align: center;
    font-size: 0.875rem !important;
}
.l-root--index .p-curriculum__content .p-curriculum__wrap {
    display: flex;
    flex-direction: column;
    flex: auto;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.l-root--index .p-curriculum__content .p-curriculum__wrap .c-label {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}
.l-root--index .p-curriculum__content .p-curriculum__wrap .c-label__item {
    color: #674a3f;
    margin: 5px;
}
.l-root--index .p-curriculum__content .p-curriculum__wrap .c-btn--cur {
    margin-top: 5%;
}
@media (max-width: 767px) {
    .l-root--index .p-curriculum__content .p-curriculum__wrap .c-btn--cur {
        width: 80%;
        padding-left: 30px;
        padding-right: 30px;
    }
}
.l-root--index .p-curriculum__btn {
    margin-top: 20px;
}
@media (max-width: 767px) {
    .l-root--index .p-curriculum {
        padding-top: 44px;
        padding-bottom: 60px;
    }
    .l-root--index .p-curriculum .c-hdg {
        font-size: 20px !important;
        line-height: 1.5;
        margin-bottom: 40px;
    }
    .l-root--index .p-curriculum__item + .p-curriculum__item {
        margin-top: 40px;
    }
    .l-root--index .p-curriculum__ribbon {
        padding: 7px 5px;
    }
    .l-root--index .p-curriculum__content {
        padding: 20px 0 30px;
    }
    .l-root--index .p-curriculum__content > h3 {
        margin-bottom: 15px;
    }
    .l-root--index .p-curriculum .c-label {
        padding: 0 10px;
    }
}
@media screen and (min-width: 768px) {
    .l-root--index .p-curriculum {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .l-root--index .p-curriculum .c-hdg {
        font-size: 28px !important;
        line-height: 1.5;
        margin-bottom: 44px;
    }
    .l-root--index .p-curriculum .c-hdg__caption {
        font-size: 20px !important;
        line-height: 1.5;
    }
    .l-root--index .p-curriculum__item {
        width: 47.82609%;
        margin-right: 4.34783%;
    }
    .l-root--index .p-curriculum__item:nth-of-type(2n) {
        margin-right: 0;
    }
    .l-root--index .p-curriculum__item:nth-of-type(n + 3) {
        margin-top: 4.34783%;
    }
    .l-root--index .p-curriculum__ribbon {
        padding: 7px 18px;
    }
    .l-root--index .p-curriculum__content {
        padding: 20px 0 30px;
    }
    .l-root--index .p-curriculum__content > h3 {
        margin-bottom: 20px;
    }
    .l-root--index .p-curriculum__btn {
        margin-top: 30px;
        text-align: center;
    }
    .l-root--index .p-curriculum__btn > .c-btn {
        display: inline-block;
    }
}
.l-root--index .p-flow {
    padding-top: 50px;
    padding-bottom: 60px;
    background: #4ebf7d;
}
.l-root--index .p-flow__title {
    text-align: center;
}
@media screen and (min-width: 768px) {
    .l-root--index .p-flow__title {
        margin-bottom: 40px;
    }
}
@media (max-width: 767px) {
    .l-root--index .p-flow__title {
        margin-bottom: 30px;
    }
}
.l-root--index .p-flow__hdg {
    color: #fff;
    margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
    .l-root--index .p-flow__hdg {
        font-size: 36px !important;
    }
}
@media (max-width: 767px) {
    .l-root--index .p-flow__hdg {
        font-size: 32px !important;
    }
}
.l-root--index .p-flow__sub-title {
    font-size: 18px;
    color: #fff;
}
.l-root--index .p-flow__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}
@media screen and (min-width: 768px) {
    .l-root--index .p-flow__list {
        flex-direction: row;
    }
}
@media (max-width: 767px) {
    .l-root--index .p-flow__list {
        flex-direction: column;
        height: 460px;
    }
}
.l-root--index .p-flow__item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #fff;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .l-root--index .p-flow__item {
        width: 18%;
        height: 200px;
    }
    .l-root--index .p-flow__item:not(:last-of-type)::after {
        content: '';
        display: block;
        position: absolute;
        bottom: 50%;
        right: -10px;
        border-top: 10px solid transparent;
        border-left: 10px solid #fff;
        border-bottom: 10px solid transparent;
        transform: translateY(50%);
    }
}
@media (max-width: 767px) {
    .l-root--index .p-flow__item {
        width: 100%;
        height: 70px;
    }
    .l-root--index .p-flow__item:not(:last-of-type)::after {
        content: '';
        display: block;
        position: absolute;
        bottom: -12px;
        left: 50%;
        border-top: 12px solid #fff;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        transform: translateX(-50%);
    }
}
.l-root--index .p-flow__num {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 60px;
    background: #3ea86c;
    border-radius: 8px 0 8px 0;
    text-align: center;
    color: #fff;
    font-size: 12px;
}
@media (max-width: 767px) {
    .l-root--index .p-flow__num {
        padding: 5px 0;
        height: 40px;
        line-height: 1;
    }
    .l-root--index .p-flow__num > span {
        font-size: 18px;
    }
}
@media screen and (min-width: 768px) {
    .l-root--index .p-flow__num {
        padding: 8px 0;
        height: 60px;
        line-height: 1.5;
    }
    .l-root--index .p-flow__num > span {
        font-size: 20px;
    }
}
.l-root--index .p-flow__head {
    font-weight: 600;
    font-size: 20px !important;
    line-height: 1.5;
}
@media (max-width: 949px) {
    .l-root--index .p-flow__head {
        font-size: 16px !important;
    }
}
.l-root--index .p-flow__head sup {
    font-size: 0.6rem;
    font-weight: 300;
    margin-left: 2px;
}
.l-root--index .p-flow__caution {
    line-height: 18px;
    color: #fff;
    font-size: 12px !important;
}
@media (max-width: 767px) {
    .l-root--index .p-flow__btn {
        margin-top: 30px;
    }
}
@media screen and (min-width: 768px) {
    .l-root--index .p-flow__btn {
        margin: 40px auto 0;
    }
}
.l-root--index .p-faq {
    background: #fff;
}
.l-root--index .p-faq__item:not(:last-of-type) {
    margin-bottom: 2px;
}
.l-root--index .p-faq__head,
.l-root--index .p-faq__body {
    display: inline-block;
    vertical-align: middle;
}
.l-root--index .p-faq__head {
    font-size: 20px;
    line-height: 1;
    position: relative;
    font-weight: 600;
    text-align: center;
}
.l-root--index .p-faq__body {
    font-size: 16px;
    line-height: 1.5;
    background: #f8f8f8;
}
.l-root--index .p-faq__question,
.l-root--index .p-faq__answer {
    display: block;
    width: 100%;
    font-size: 0;
    text-align: left;
}
.l-root--index .p-faq__question {
    background: #f4edea;
}
.l-root--index .p-faq__question .p-faq__head {
    color: #674a3f;
}
.l-root--index .p-faq__question .p-faq__head::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
}
.l-root--index .p-faq__question .p-faq__body {
    position: relative;
}
.l-root--index .p-faq__question .p-faq__body::after {
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTggMTIiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NDQgLTExNzYpIiBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGQ9Ik02MzguNDU3LDQwOS4wNzZsLTguNjYyLTguNjYxLDIuMTIxLTIuMTIxLDYuNTQxLDYuNTQsNi41NC02LjU0LDIuMTIxLDIuMTIxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE4NS43OTUgNzc4LjcwNikiIGZpbGw9IiM2NzRhM2YiLz48L2c+PC9zdmc+');
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 18px;
    height: 12px;
    pointer-events: none;
    transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transform: translateY(-50%);
}
.l-root--index .p-faq__question.is-active .p-faq__body::after {
    transform: translateY(-50%) scale(1, -1);
}
.l-root--index .p-faq__answer {
    background: #674a3f;
}
.l-root--index .p-faq__answer .p-faq__head {
    color: #fff;
}
.l-root--index .p-faq__btn {
    margin-top: 20px;
}
@media (max-width: 767px) {
    .l-root--index .p-faq {
        padding-top: 40px;
        padding-bottom: 60px;
    }
    .l-root--index .p-faq__hdg {
        font-size: 28px !important;
        line-height: 1.4;
        margin-bottom: 30px;
    }
    .l-root--index .p-faq__head {
        width: 66px;
    }
    .l-root--index .p-faq__body {
        width: calc(100% - 66px);
        padding: 20px 50px 20px 20px;
    }
}
@media screen and (min-width: 768px) {
    .l-root--index .p-faq {
        padding-top: 40px;
        padding-bottom: 60px;
    }
    .l-root--index .p-faq__hdg {
        font-size: 36px !important;
        line-height: 1.3;
        margin-bottom: 40px;
    }
    .l-root--index .p-faq__head {
        width: 88px;
    }
    .l-root--index .p-faq__body {
        width: calc(100% - 88px);
        padding: 30px 64px 30px 20px;
    }
    .l-root--index .p-faq__btn {
        margin-top: 30px;
        text-align: center;
    }
    .l-root--index .p-faq__btn > .c-btn {
        display: inline-block;
    }
}
#back-btn {
    bottom: 44px;
}
@media (max-width: 767px) {
    #back-btn {
        bottom: 20px;
        right: 8px;
    }
}
#back-btn div:after {
    position: absolute;
    margin: auto;
    content: '';
    vertical-align: middle;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 10px;
    height: 10px;
    border-top: 2px solid #5b5b5b;
    border-right: 2px solid #5b5b5b;
    transform: rotate(-45deg);
}
#back-btn div > i {
    display: none;
}
#body_PageDesigner_OriginalPage {
    padding-top: 90px;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage {
        padding-top: 70px;
    }
    #body_PageDesigner_OriginalPage .arrow-link {
        display: none;
    }
}
#body_PageDesigner_OriginalPage #lms-nav-bar,
#body_PageDesigner_OriginalPage #lms-side-menu {
    display: none !important;
}
#body_PageDesigner_OriginalPage .mm-page {
    width: 100% !important;
}
#body_PageDesigner_OriginalPage #page-wrapper {
    padding-bottom: 0 !important;
    background-color: #fff;
}
#body_PageDesigner_OriginalPage .h-hidePc {
    display: none;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .h-hidePc {
        display: block;
    }
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .h-hideSp {
        display: none;
    }
}
#body_PageDesigner_OriginalPage img {
    height: auto;
}
#body_PageDesigner_OriginalPage ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#body_PageDesigner_OriginalPage .mm-menu {
    display: none;
}
#body_PageDesigner_OriginalPage #fixed-hamburger {
    display: none;
}
#body_PageDesigner_OriginalPage .mm-page {
    width: 100%;
    transform: none;
}
#body_PageDesigner_OriginalPage .header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 22;
    padding: 15px 10px;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.1);
    font-size: 16px;
    box-sizing: border-box;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .header {
        padding: 10px 20px;
    }
}
#body_PageDesigner_OriginalPage .header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#body_PageDesigner_OriginalPage .header .container::before,
#body_PageDesigner_OriginalPage .header .container::after {
    display: none;
}
#body_PageDesigner_OriginalPage .header .header__nav {
    display: flex;
    margin-right: 3%;
    max-width: 300px;
    font-weight: bold;
    align-items: center;
    flex: 1;
    flex-wrap: wrap;
    justify-content: space-between;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .header .header__nav {
        display: none;
    }
}
#body_PageDesigner_OriginalPage .header .header__nav li {
    margin: 0 1%;
}
#body_PageDesigner_OriginalPage .header .header__nav a {
    color: inherit;
}
#body_PageDesigner_OriginalPage .header .header__vertical {
    display: flex;
    flex-direction: column;
    margin-left: 5px;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .header .header__vertical {
        display: none;
    }
}
#body_PageDesigner_OriginalPage .header .header__vertical a {
    display: inline-block;
    margin: 2px 0;
}
#body_PageDesigner_OriginalPage .header .arrow-link {
    color: inherit;
}
#body_PageDesigner_OriginalPage .header .arrow-link::before {
    display: inline-block;
    margin-right: 5px;
    width: 0;
    height: 0;
    border-width: 4px 0 4px 5px;
    border-style: solid;
    border-color: transparent transparent transparent currentColor;
    content: '';
    vertical-align: middle;
}
#body_PageDesigner_OriginalPage .header .header__side {
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: flex-end;
}
#body_PageDesigner_OriginalPage .header .header__logo {
    margin: 0 10px 0 0;
    transition: all 0.3s;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .header .header__logo img {
        width: 122px;
    }
}
#body_PageDesigner_OriginalPage .header .lp-btn {
    margin-right: 16px;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .header .lp-btn {
        display: flex;
        padding: 0 10px;
        width: 72px;
        height: 50px;
        align-items: center;
        justify-content: center;
    }
    #body_PageDesigner_OriginalPage .header .lp-btn--orange {
        margin-right: 0;
    }
}
@media (max-width: 374px) {
    #body_PageDesigner_OriginalPage .header .lp-btn {
        margin-right: 6px;
        width: 60px;
        font-size: 10px;
    }
}
#body_PageDesigner_OriginalPage .header__switch {
    position: relative;
    display: none;
    width: 32px;
    height: 24px;
    border: none;
    background-color: #fff;
    cursor: pointer;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .header__switch {
        display: block;
        margin-left: 16px;
    }
}
#body_PageDesigner_OriginalPage .header__switch::before,
#body_PageDesigner_OriginalPage .header__switch::after,
#body_PageDesigner_OriginalPage .header__switch span {
    position: absolute;
    left: 50%;
    display: block;
    width: 24px;
    height: 2px;
    border-radius: 2px;
    background-color: #242d2e;
    content: '';
    transition: all 0.3s;
}
#body_PageDesigner_OriginalPage .header__switch span {
    top: 50%;
    text-indent: -9999px;
    font-size: 0;
    transform: translate(-50%, -50%);
}
#body_PageDesigner_OriginalPage .header__switch::before {
    top: 2px;
    transform: translate(-50%, 0);
}
#body_PageDesigner_OriginalPage .header__switch::after {
    bottom: 2px;
    transform: translate(-50%, 0);
}
#body_PageDesigner_OriginalPage .grayLayer {
    display: none;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .grayLayer {
        position: fixed;
        top: -100%;
        left: 0;
        z-index: 21;
        display: block;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
        transition: all 0.5s;
    }
}
@media (max-width: 767px) and (max-width: 767px) {
    #body_PageDesigner_OriginalPage.is-menu .header__vertical {
        display: block;
        margin-top: 20px;
    }
    #body_PageDesigner_OriginalPage.is-menu .header__vertical a {
        margin: 15px 0;
    }
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage.is-menu .grayLayer {
        top: 0;
    }
    #body_PageDesigner_OriginalPage.is-menu .header__switch span {
        width: 0;
    }
    #body_PageDesigner_OriginalPage.is-menu .header__switch::before {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(45deg);
    }
    #body_PageDesigner_OriginalPage.is-menu .header__switch::after {
        bottom: 50%;
        left: 50%;
        transform: translate(-50%, 50%) rotate(-45deg);
    }
    #body_PageDesigner_OriginalPage.is-menu .header__logo {
        opacity: 0;
    }
    #body_PageDesigner_OriginalPage.is-menu .header__side {
        position: fixed;
        top: 70px;
        left: 0;
        display: block;
        padding-bottom: 64px;
        width: 100%;
        background-color: #fff;
        text-align: center;
    }
    #body_PageDesigner_OriginalPage.is-menu .header__side .header__nav {
        display: block;
        margin-right: 0;
        margin-bottom: 15px;
        max-width: 1000px;
        border-bottom: 1px solid #dde0e0;
    }
    #body_PageDesigner_OriginalPage.is-menu .header__side .header__nav li {
        margin: 0;
        border-top: 1px solid #dde0e0;
    }
    #body_PageDesigner_OriginalPage.is-menu .header__side .header__nav li a {
        display: block;
        padding: 18px 0;
    }
    #body_PageDesigner_OriginalPage.is-menu .header__side .arrow-link {
        display: block;
    }
    #body_PageDesigner_OriginalPage.is-menu .header__side .lp-btn {
        margin: 0 auto 16px;
        width: 200px;
        font-size: 16px;
        transition: all 0.3s;
    }
    #body_PageDesigner_OriginalPage.is-menu .header__side .lp-btn br {
        display: none;
    }
}
#body_PageDesigner_OriginalPage .lp-btn-wrapper {
    margin: 50px 0 20px;
    text-align: center;
}
#body_PageDesigner_OriginalPage .lp-btn {
    padding: 14px 13px;
    border-radius: 8px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
    text-align: center;
    font-weight: bold;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .lp-btn {
        font-size: 12px;
    }
}
#body_PageDesigner_OriginalPage .lp-btn--green {
    background-color: #78d140;
}
#body_PageDesigner_OriginalPage .lp-btn--orange {
    background-color: #ff6019;
}
#body_PageDesigner_OriginalPage .lp-btn.lp-btn--border {
    padding: 14px 70px;
    border: 1px solid #13c2c2;
    color: #13c2c2;
}
#body_PageDesigner_OriginalPage .container {
    padding: 0;
}
#body_PageDesigner_OriginalPage .kv_area {
    width: 100%;
    height: 560px;
    background-image: url(/assets/biz/custom/img/lp/mv_pc.jpg);
    background-position: center 0;
    background-size: cover;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .kv_area {
        padding-top: 143%;
        height: auto;
        background-image: url(/assets/biz/custom/img/lp/mv_sp.jpg);
    }
}
#body_PageDesigner_OriginalPage .section-message {
    position: relative;
    overflow: hidden;
    padding: 60px 20px;
    background-image: url(/assets/biz/custom/img/lp/back_message_pc.jpg);
    background-size: cover;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .section-message {
        padding-top: 40px;
        padding-bottom: 40px;
        background-image: url(/assets/biz/custom/img/lp/back_message_sp.jpg);
    }
}
#body_PageDesigner_OriginalPage .section-message__inner {
    margin-right: auto;
    margin-left: auto;
    padding: 35px 40px 24px;
    max-width: 800px;
    border-radius: 20px;
    background-color: #fff;
    text-align: center;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .section-message__inner {
        padding: 20px 15px 10px;
    }
}
#body_PageDesigner_OriginalPage .section-message__inner p {
    margin-bottom: 28px;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.75em;
}
#body_PageDesigner_OriginalPage .section-message_heading {
    margin-bottom: 25px;
    padding: 0 20px;
    color: #13c2c2;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 36px;
    line-height: 1.5em;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .section-message_heading {
        margin-bottom: 20px;
        font-size: 26px !important;
        line-height: 1.4em;
    }
}
#body_PageDesigner_OriginalPage .section-feature {
    padding: 28px 16px 80px;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .section-feature {
        padding-top: 20px;
        padding-bottom: 0;
    }
}
#body_PageDesigner_OriginalPage .img__heading {
    text-align: center;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .img__heading img {
        width: 256px;
    }
}
#body_PageDesigner_OriginalPage .feature-unit {
    margin: 40px auto 0;
    max-width: 1000px;
}
#body_PageDesigner_OriginalPage .feature-item {
    margin-bottom: 40px;
    padding: 7.5% 6%;
    min-height: 420px;
    border-radius: 40px;
    background-color: #f0fafa;
    background-size: 50% auto;
    background-repeat: no-repeat;
    counter-increment: feature;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .feature-item {
        padding-bottom: 75%;
        border-radius: 20px;
        background-size: 95%;
    }
}
#body_PageDesigner_OriginalPage .feature-item:nth-child(even) {
    background-position: left 9% center;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .feature-item:nth-child(even) {
        background-position: right bottom 20px;
    }
}
#body_PageDesigner_OriginalPage .feature-item:nth-child(even) .feature-item__inner {
    margin-left: auto;
}
#body_PageDesigner_OriginalPage .feature-item:nth-child(odd) {
    background-position: right 9% center;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .feature-item:nth-child(odd) {
        background-position: left bottom 20px;
    }
}
#body_PageDesigner_OriginalPage .feature-item:nth-child(1) {
    background-image: url(/assets/biz/custom/img/lp/feature/feature01.png);
}
#body_PageDesigner_OriginalPage .feature-item:nth-child(2) {
    background-image: url(/assets/biz/custom/img/lp/feature/feature02.png);
}
#body_PageDesigner_OriginalPage .feature-item:nth-child(3) {
    background-image: url(/assets/biz/custom/img/lp/feature/feature03.png);
}
#body_PageDesigner_OriginalPage .feature-item:nth-child(4) {
    background-image: url(/assets/biz/custom/img/lp/feature/feature04.png);
}
#body_PageDesigner_OriginalPage .feature-item__inner {
    width: 40%;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .feature-item__inner {
        width: 100%;
    }
}
#body_PageDesigner_OriginalPage .feature-item__badge {
    margin-bottom: 15px;
    padding: 12px 0;
    width: 92px;
    border-radius: 8px;
    background-color: #13c2c2;
    color: #fff;
    text-align: center;
    font-weight: bold;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .feature-item__badge {
        padding: 10px 0;
        width: 80px;
    }
}
#body_PageDesigner_OriginalPage .feature-item__badge::after {
    margin-left: 5px;
    content: counter(feature);
    vertical-align: middle;
    font-size: 28px;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .feature-item__badge::after {
        font-size: 24px;
    }
}
#body_PageDesigner_OriginalPage .feature-item__heading {
    margin-bottom: 20px;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 30px;
}
#body_PageDesigner_OriginalPage .feature-item__heading em {
    color: #13c2c2;
    font-style: normal;
}
#body_PageDesigner_OriginalPage .feature-item__txt {
    font-size: 16px;
}
#body_PageDesigner_OriginalPage .section-contact {
    padding: 56px 20px 25px;
    background-color: #13c2c2;
    background-image: url(/assets/biz/custom/img/lp/contact/contact_back_pc.png);
    background-position: right 0;
    background-size: auto 100%;
    background-repeat: no-repeat;
}
@media (max-width: 1000px) {
    #body_PageDesigner_OriginalPage .section-contact {
        padding-bottom: 370px;
        background-image: url(/assets/biz/custom/img/lp/contact/contact_back_sp.png);
        background-position: 350px 0;
        background-position: center bottom -50px;
        background-size: 462px auto;
    }
}
#body_PageDesigner_OriginalPage .contactbox {
    overflow: hidden;
    margin-bottom: 32px;
    width: 480px;
    border-radius: 40px;
    background-color: #fff;
}
@media (max-width: 1300px) {
    #body_PageDesigner_OriginalPage .contactbox {
        width: 335px;
    }
}
@media (max-width: 1000px) {
    #body_PageDesigner_OriginalPage .contactbox {
        width: 100%;
    }
}
#body_PageDesigner_OriginalPage .contactbox:last-child {
    padding-bottom: 20px;
}
#body_PageDesigner_OriginalPage .contactbox__header {
    display: flex;
    margin: 0;
    min-height: 100px;
    background-color: #f4f9fa;
    text-align: center;
    font-weight: bold;
    font-size: 24px !important;
    align-items: center;
    justify-content: center;
}
@media (max-width: 1300px) {
    #body_PageDesigner_OriginalPage .contactbox__header {
        min-height: 77px;
        font-size: 20px !important;
    }
}
#body_PageDesigner_OriginalPage .contactbox__body {
    margin: 0 auto;
    padding: 24px 20px;
    max-width: 448px;
    font-size: 16px;
    line-height: 1.75;
}
#body_PageDesigner_OriginalPage .contactbox__body p {
    line-height: 1.6;
}
#body_PageDesigner_OriginalPage .contact-btnbox {
    display: flex;
    margin-top: 15px;
    align-items: center;
    justify-content: center;
}
#body_PageDesigner_OriginalPage .contact-btn {
    padding: 16.5px 0;
    width: 200px;
    border-radius: 8px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}
#body_PageDesigner_OriginalPage .contact-btn--green {
    background: #78d140;
    background: linear-gradient(to bottom, #78d140 0%, #9dd64e 100%);
}
#body_PageDesigner_OriginalPage .contact-btn--orange {
    background: #ff6019;
    background: linear-gradient(to bottom, #ff6019 0%, #ff7a19 100%);
}
@media (max-width: 1300px) {
    #body_PageDesigner_OriginalPage .contact-btn {
        padding: 9.5px 0;
        width: 160px;
        font-size: 18px;
    }
}
#body_PageDesigner_OriginalPage .contact-btnbox__message {
    position: relative;
    display: flex;
    margin-right: 20px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: #ffda3c;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.4;
    align-items: center;
    justify-content: center;
}
#body_PageDesigner_OriginalPage .contact-btnbox__message::before {
    position: absolute;
    top: 50%;
    right: -8px;
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 4px 0 4px 10px;
    border-style: solid;
    border-color: transparent transparent transparent #ffda3c;
    content: '';
    transform: translateY(-50%);
}
#body_PageDesigner_OriginalPage .section-account {
    padding: 20px 20px 20px;
}
#body_PageDesigner_OriginalPage .heading_subtxt {
    margin-top: 25px;
    margin-bottom: 88px;
    text-align: center;
    font-size: 16px;
    line-height: 1.75;
}
#body_PageDesigner_OriginalPage .accountbox_headingLv1 {
    position: relative;
    margin: -28px auto 45px;
    padding: 18.5px 5px 18.5px 25px;
    width: 320px;
    border-radius: 27px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 16px !important;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .accountbox_headingLv1 {
        width: 292px;
    }
}
#body_PageDesigner_OriginalPage .accountbox_headingLv1::before {
    position: absolute;
    display: block;
    background-size: contain;
    content: '';
}
#body_PageDesigner_OriginalPage .accountbox {
    margin-bottom: 48px;
    padding: 1px 40px 40px;
    border-radius: 20px;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .accountbox {
        padding: 1px 20px 40px;
    }
}
#body_PageDesigner_OriginalPage .accountbox--01 {
    background-color: #f4f9fa;
}
#body_PageDesigner_OriginalPage .accountbox--01 .accountbox_headingLv1 {
    background-color: #13c2c2;
}
#body_PageDesigner_OriginalPage .accountbox--01 .accountbox__headingLv2 {
    color: #13c2c2;
}
#body_PageDesigner_OriginalPage .accountbox--01 .accountbox_headingLv1::before {
    top: -20px;
    left: 15px;
    width: 54px;
    height: 91px;
    background-image: url(/assets/biz/custom/img/lp/account/catch01.png);
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .accountbox--01 .accountbox_headingLv1::before {
        left: 0;
    }
}
#body_PageDesigner_OriginalPage .accountbox--01 .accountbox__list dd::before {
    background-color: #13c2c2;
}
#body_PageDesigner_OriginalPage .accountbox--02 {
    background-color: #f7faff;
}
#body_PageDesigner_OriginalPage .accountbox--02 .accountbox_headingLv1 {
    background-color: #4b7ac6;
}
#body_PageDesigner_OriginalPage .accountbox--02 .accountbox__headingLv2 {
    color: #4b7ac6;
}
#body_PageDesigner_OriginalPage .accountbox--02 .accountbox_headingLv1::before {
    top: -20px;
    left: 15px;
    width: 77px;
    height: 92px;
    background-image: url(/assets/biz/custom/img/lp/account/catch02.png);
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .accountbox--02 .accountbox_headingLv1::before {
        left: 10px;
    }
}
#body_PageDesigner_OriginalPage .accountbox--02 .accountbox__list dd::before {
    background-color: #4b7ac6;
}
#body_PageDesigner_OriginalPage .accountbox--03 {
    background-color: #f5f4fa;
}
#body_PageDesigner_OriginalPage .accountbox--03 .accountbox_headingLv1 {
    background-color: #7a54b7;
}
#body_PageDesigner_OriginalPage .accountbox--03 .accountbox__headingLv2 {
    color: #7a54b7;
}
#body_PageDesigner_OriginalPage .accountbox--03 .accountbox_headingLv1::before {
    top: -38px;
    left: 15px;
    width: 91px;
    height: 114px;
    background-image: url(/assets/biz/custom/img/lp/account/catch03.png);
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .accountbox--03 .accountbox_headingLv1::before {
        top: -20px;
        left: 10px;
        width: 72px;
        height: 91px;
    }
}
#body_PageDesigner_OriginalPage .accountbox--03 .accountbox__list dd::before {
    background-color: #7a54b7;
}
#body_PageDesigner_OriginalPage .accountbox_body {
    display: flex;
    justify-content: space-between;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .accountbox_body {
        display: block;
    }
}
#body_PageDesigner_OriginalPage .accountbox__before {
    margin-right: 10px;
    flex: 1;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .accountbox__before {
        margin-right: 0;
    }
}
#body_PageDesigner_OriginalPage .accountbox__after {
    max-width: 48%;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .accountbox__after {
        max-width: 100%;
        text-align: center;
    }
}
#body_PageDesigner_OriginalPage .accountbox__after img {
    max-width: 100%;
    border-radius: 20px;
}
#body_PageDesigner_OriginalPage .accountbox__headingLv2 {
    margin-top: 0;
    margin-bottom: 20px;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 28px;
    line-height: 1.6;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .accountbox__headingLv2 {
        font-size: 20px !important;
    }
}
#body_PageDesigner_OriginalPage .accountbox__list {
    font-size: 16px;
}
#body_PageDesigner_OriginalPage .accountbox__list dt {
    margin-bottom: 15px;
}
#body_PageDesigner_OriginalPage .accountbox__list dd::before {
    display: inline-block;
    margin: 12px 10px 12px 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    content: '';
    vertical-align: middle;
}
#body_PageDesigner_OriginalPage .section-plan {
    padding: 40px 20px 64px;
    background-color: #f4f9fa;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .section-plan {
        padding-bottom: 30px;
    }
}
#body_PageDesigner_OriginalPage .normal-heading {
    margin-bottom: 40px;
    text-align: center;
    font-weight: bold;
    font-size: 36px;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .normal-heading {
        font-size: 24px !important;
    }
}
#body_PageDesigner_OriginalPage .plan-card-unit {
    display: flex;
    justify-content: space-between;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .plan-card-unit {
        display: block;
    }
}
#body_PageDesigner_OriginalPage .plan-card {
    overflow: hidden;
    width: 48%;
    border-radius: 40px;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .plan-card {
        margin-bottom: 32px;
        width: 100%;
    }
}
#body_PageDesigner_OriginalPage .plan-card__heading {
    position: relative;
    margin: 0;
    padding: 18.5px 0;
    background-color: #13c2c2;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 16px !important;
    line-height: 1.6;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .plan-card__heading {
        line-height: 1.4;
    }
}
@media (max-width: 1000px) {
    #body_PageDesigner_OriginalPage .plan-card__heading .h-hidePc {
        display: block;
    }
}
#body_PageDesigner_OriginalPage .plan-card__body {
    padding: 24px 24px 30px;
    background-color: #fff;
    text-align: center;
    font-weight: bold;
}
#body_PageDesigner_OriginalPage .plan-card__case {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 20px;
}
#body_PageDesigner_OriginalPage .plan-card__amount {
    margin-bottom: 5px;
    color: #13c2c2;
    font-size: 28px;
}
#body_PageDesigner_OriginalPage .plan-card__amount span {
    margin-left: 10px;
    font-size: 20px;
}
#body_PageDesigner_OriginalPage .plan-card__conditions {
    color: #13c2c2;
    font-size: 20px;
}
#body_PageDesigner_OriginalPage .section-faq {
    padding: 40px 20px 40px;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .section-faq {
        padding-top: 20px;
    }
}
#body_PageDesigner_OriginalPage .faqUnit {
    font-size: 16px;
}
#body_PageDesigner_OriginalPage .faqUnit .faqUnit_heading::before,
#body_PageDesigner_OriginalPage .faqUnit .faqUnit_body::before {
    position: absolute;
    top: 20px;
    left: 29px;
    display: block;
    margin-right: 12px;
    width: 41px;
    height: 41px;
    border-radius: 50%;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    line-height: 41px;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .faqUnit .faqUnit_heading::before,
    #body_PageDesigner_OriginalPage .faqUnit .faqUnit_body::before {
        top: 24px;
        left: 20px;
    }
}
#body_PageDesigner_OriginalPage .faqUnit .faqUnit_heading {
    position: relative;
    padding: 29px 80px;
    background-color: #13c2c2;
    color: #fff;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .faqUnit .faqUnit_heading {
        padding: 35px 25px 25px 75px;
    }
}
#body_PageDesigner_OriginalPage .faqUnit .faqUnit_heading::before {
    background-color: #fff;
    color: #13c2c2;
    content: 'Q';
}
#body_PageDesigner_OriginalPage .faqUnit .faqUnit_body {
    position: relative;
    padding: 29px 80px 25px;
}
@media (max-width: 767px) {
    #body_PageDesigner_OriginalPage .faqUnit .faqUnit_body {
        padding: 35px 25px 25px 75px;
    }
}
#body_PageDesigner_OriginalPage .faqUnit .faqUnit_body::before {
    background-color: #13c2c2;
    color: #fff;
    content: 'A';
}
#body_PageDesigner_OriginalPage .faqUnit > div {
    overflow: hidden;
    margin-bottom: 32px;
    border: 1px solid #13c2c2;
    border-radius: 40px;
}
body#body_Badge_Index.class_guest #page-wrapper,
body#body_Badge_Index.class_user #page-wrapper {
    padding-left: 0;
    padding-right: 0;
}
@media (min-width: 992px) {
    body#body_Badge_Index.class_guest #page-wrapper,
    body#body_Badge_Index.class_user #page-wrapper {
        width: 100%;
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }
}
body#body_Badge_Index.class_guest .panel,
body#body_Badge_Index.class_user .panel {
    margin-left: 0;
    margin-right: 0;
}
body#body_Badge_Index.class_guest .panel-heading,
body#body_Badge_Index.class_user .panel-heading {
    min-height: auto;
}
body#body_Badge_Index.class_guest .panel-heading h1,
body#body_Badge_Index.class_user .panel-heading h1 {
    padding-top: 40px;
}
body#body_Badge_Index.class_guest .panel-heading .fas,
body#body_Badge_Index.class_user .panel-heading .fas {
    display: none;
}
body#body_Badge_Index.class_guest .lms-badge-list,
body#body_Badge_Index.class_user .lms-badge-list {
    background: none;
    margin: 0;
}
body#body_Badge_Index.class_guest .lms-badge-list-container,
body#body_Badge_Index.class_user .lms-badge-list-container {
    max-width: 100%;
    background: #fff;
    border: none;
    padding: 30px 20px 60px;
}
@media (min-width: 992px) {
    body#body_Badge_Index.class_guest .lms-badge-list-container,
    body#body_Badge_Index.class_user .lms-badge-list-container {
        padding: 20px 40px 60px;
    }
}
body#body_Badge_Index.class_guest .lms-badge-item,
body#body_Badge_Index.class_user .lms-badge-item {
    padding: 0;
}
@media (max-width: 767px) {
    body#body_Badge_Index.class_guest .lms-badge-item,
    body#body_Badge_Index.class_user .lms-badge-item {
        width: calc((100% - 40px) / 3);
    }
    body#body_Badge_Index.class_guest .lms-badge-item:not(:nth-of-type(3n)),
    body#body_Badge_Index.class_user .lms-badge-item:not(:nth-of-type(3n)) {
        margin-right: 20px;
    }
    body#body_Badge_Index.class_guest .lms-badge-item:nth-of-type(n + 4),
    body#body_Badge_Index.class_user .lms-badge-item:nth-of-type(n + 4) {
        margin-top: 30px;
    }
}
@media screen and (min-width: 768px) {
    body#body_Badge_Index.class_guest .lms-badge-item,
    body#body_Badge_Index.class_user .lms-badge-item {
        width: 21.73913%;
    }
    body#body_Badge_Index.class_guest .lms-badge-item:not(:nth-of-type(4n)),
    body#body_Badge_Index.class_user .lms-badge-item:not(:nth-of-type(4n)) {
        margin-right: 4.34783%;
    }
    body#body_Badge_Index.class_guest .lms-badge-item:nth-of-type(n + 5),
    body#body_Badge_Index.class_user .lms-badge-item:nth-of-type(n + 5) {
        margin-top: 40px;
    }
}
body#body_Badge_Index.class_guest .lms-badge-icon,
body#body_Badge_Index.class_user .lms-badge-icon {
    display: block;
    width: 44.3038%;
    max-width: none;
    height: auto;
    padding-bottom: 0;
}
body#body_Badge_Index.class_guest .lms-badge-icon::after,
body#body_Badge_Index.class_user .lms-badge-icon::after {
    content: '';
    display: block;
    width: 100%;
    padding-bottom: 125.71429%;
    box-sizing: border-box;
}
@media screen and (min-width: 768px) {
    body#body_Badge_Index.class_guest .lms-badge-icon,
    body#body_Badge_Index.class_user .lms-badge-icon {
        width: 42%;
    }
    body#body_Badge_Index.class_guest .lms-badge-icon::after,
    body#body_Badge_Index.class_user .lms-badge-icon::after {
        padding-bottom: 123.80952%;
    }
}
body#body_Badge_Index.class_guest .lms-badge-progress,
body#body_Badge_Index.class_user .lms-badge-progress {
    max-width: 100%;
    height: 5px;
    border-radius: 8px;
    margin-top: 6px;
}
body#body_Badge_Index.class_guest .lms-badge-progress > *,
body#body_Badge_Index.class_user .lms-badge-progress > * {
    stroke-width: 5;
}
body#body_Badge_Index.class_guest .lms-badge-progress__waiting,
body#body_Badge_Index.class_user .lms-badge-progress__waiting {
    stroke: #e8e8e8;
}
body#body_Badge_Index.class_guest .lms-badge-progress__working,
body#body_Badge_Index.class_user .lms-badge-progress__working {
    stroke: #12b886;
}
@media screen and (min-width: 768px) {
    body#body_Badge_Index.class_guest .lms-badge-progress,
    body#body_Badge_Index.class_user .lms-badge-progress {
        max-width: 70%;
        margin-top: 16px;
    }
}
body#body_Badge_Index.class_guest .lms-badge-rate,
body#body_Badge_Index.class_guest .lms-badge-name,
body#body_Badge_Index.class_user .lms-badge-rate,
body#body_Badge_Index.class_user .lms-badge-name {
    font-size: 12px;
    line-height: 1.5;
    margin-top: 0.5em;
    font-weight: 400;
}
body#body_Badge_Index.class_guest .lms-badge-rate,
body#body_Badge_Index.class_user .lms-badge-rate {
    color: #888;
}
@media screen and (min-width: 768px) {
    body#body_Badge_Index.class_guest .lms-badge-rate,
    body#body_Badge_Index.class_guest .lms-badge-name,
    body#body_Badge_Index.class_user .lms-badge-rate,
    body#body_Badge_Index.class_user .lms-badge-name {
        font-size: 16px;
        line-height: 1.5;
    }
}
body#body_Badge_Index.class_guest .app-container,
body#body_Badge_Index.class_user .app-container {
    display: flex;
    align-items: flex-start;
}
body#body_Badge_Index.class_guest .categoryList,
body#body_Badge_Index.class_user .categoryList {
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
    max-width: 25%;
    margin-right: 20px;
    background: none;
    border: none;
    padding: 0px 0px 40px !important;
    margin-bottom: 0px;
    background-color: #fff;
}
@media (max-width: 767px) {
    body#body_Badge_Index.class_guest .categoryList,
    body#body_Badge_Index.class_user .categoryList {
        position: relative;
        top: 0px;
        max-width: unset;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
        padding: 20px 0px !important;
    }
}
body#body_Badge_Index.class_guest .categoryList *:focus,
body#body_Badge_Index.class_user .categoryList *:focus {
    outline: none;
}
body#body_Badge_Index.class_guest .categoryList .selector,
body#body_Badge_Index.class_user .categoryList .selector {
    display: block;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
}
@media (max-width: 767px) {
    body#body_Badge_Index.class_guest .categoryList .selector,
    body#body_Badge_Index.class_user .categoryList .selector {
        padding: 0px 20px 20px !important;
    }
}
@media (max-width: 767px) {
    body#body_Badge_Index.class_guest .categoryList .selector .categoryList-list-item,
    body#body_Badge_Index.class_user .categoryList .selector .categoryList-list-item {
        padding-left: 0px;
        margin-bottom: 0px !important;
        position: relative;
    }
}
body#body_Badge_Index.class_guest .categoryList .selector .categoryList-list-item::after,
body#body_Badge_Index.class_user .categoryList .selector .categoryList-list-item::after {
    display: none !important;
}
@media (max-width: 767px) {
    body#body_Badge_Index.class_guest .categoryList .selector .categoryList-list-item::after,
    body#body_Badge_Index.class_user .categoryList .selector .categoryList-list-item::after {
        display: block !important;
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        width: 0px;
        height: 0px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #999999;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }
}
body#body_Badge_Index.class_guest .categoryList-list,
body#body_Badge_Index.class_user .categoryList-list {
    display: flex;
    flex-wrap: wrap;
    border: none;
    margin-bottom: 0px;
    padding: 20px 20px 0px;
    flex-direction: column;
}
body#body_Badge_Index.class_guest .categoryList-list:empty,
body#body_Badge_Index.class_user .categoryList-list:empty {
    display: none;
}
body#body_Badge_Index.class_guest .categoryList-list-item,
body#body_Badge_Index.class_user .categoryList-list-item {
    position: relative;
    padding-left: 15px;
    margin-right: 20px;
    margin-bottom: 10px;
}
@media (max-width: 767px) {
    body#body_Badge_Index.class_guest .categoryList-list-item:last-child,
    body#body_Badge_Index.class_user .categoryList-list-item:last-child {
        margin-bottom: 0px;
    }
}
@media (max-width: 767px) {
    body#body_Badge_Index.class_guest .categoryList-list-item,
    body#body_Badge_Index.class_user .categoryList-list-item {
        margin-bottom: 20px;
        margin-right: 0px;
    }
}
body#body_Badge_Index.class_guest .categoryList-list-item a,
body#body_Badge_Index.class_user .categoryList-list-item a {
    font-size: 16px;
    line-height: 1.5;
}
body#body_Badge_Index.class_guest .categoryList-list-item a .collapseList-anchor,
body#body_Badge_Index.class_guest .categoryList-list-item a .collapseList-text,
body#body_Badge_Index.class_user .categoryList-list-item a .collapseList-anchor,
body#body_Badge_Index.class_user .categoryList-list-item a .collapseList-text {
    display: block;
    white-space: normal;
    text-overflow: unset;
    overflow: auto;
}
body#body_Badge_Index.class_guest .categoryList-list-item .flex,
body#body_Badge_Index.class_user .categoryList-list-item .flex {
    display: block !important;
}
body#body_Badge_Index.class_guest .categoryList-list-item i,
body#body_Badge_Index.class_user .categoryList-list-item i {
    display: none;
}
@media screen and (min-width: 768px) {
    body#body_Badge_Index.class_guest .categoryList-list-item,
    body#body_Badge_Index.class_user .categoryList-list-item {
        display: inline-block;
    }
    body#body_Badge_Index.class_guest .categoryList-list-item:not(:last-of-type),
    body#body_Badge_Index.class_user .categoryList-list-item:not(:last-of-type) {
        margin-right: 1em;
    }
}
@media (min-width: 992px) {
    body#body_Badge_Index.class_guest .categoryList,
    body#body_Badge_Index.class_user .categoryList {
        padding-top: 40px;
        padding-left: 40px;
        padding-right: 40px;
    }
}
body#body_Badge_Index.class_guest .collapseList-flex,
body#body_Badge_Index.class_user .collapseList-flex {
    position: relative;
}
body#body_Badge_Index.class_guest .collapseList-flex::after,
body#body_Badge_Index.class_user .collapseList-flex::after {
    content: '';
    position: absolute;
    top: 12px;
    left: -15px;
    width: 5px;
    height: 5px;
    border-top: 1px solid rgba(41, 128, 185, 0.87);
    border-right: 1px solid rgba(41, 128, 185, 0.87);
    transform: rotate(45deg) translateY(-50%);
    -webkit-transform: rotate(45deg) translateY(-50%);
    -moz-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    -o-transform: rotate(45deg) translateY(-50%);
}
body#body_Badge_Index.class_guest .collapseList-icon,
body#body_Badge_Index.class_user .collapseList-icon {
    display: none;
}
body#body_Badge_Index.class_guest .lms-category-name__upper,
body#body_Badge_Index.class_guest .lms-category-name__lower,
body#body_Badge_Index.class_user .lms-category-name__upper,
body#body_Badge_Index.class_user .lms-category-name__lower {
    margin-left: 0;
    margin-right: 0;
}
body#body_Badge_Index.class_guest .lms-category-name__upper,
body#body_Badge_Index.class_user .lms-category-name__upper {
    font-size: 24px !important;
    line-height: 1.5;
    color: #444;
    background: none;
    border-left: 6px solid #bf6d4e;
    margin-bottom: 20px;
    padding: 10px 0 10px 18px;
}
body#body_Badge_Index.class_guest .lms-category-name__lower,
body#body_Badge_Index.class_user .lms-category-name__lower {
    font-size: 20px;
    border: none;
    margin-top: 1em;
    padding-bottom: 0;
}
body#body_Badge_Index.class_guest .lms-category-name__fraction,
body#body_Badge_Index.class_user .lms-category-name__fraction {
    font-weight: 400;
}
#body_ManageSubscription_Index.class_user #page-wrapper {
    margin-left: 25px;
}
#body_ManageSubscription_Index.class_user #page-wrapper .panel h1 {
    margin-top: 60px;
    margin-left: auto;
}
#body_ManageSubscription_Index.class_user #page-wrapper .panel h1 i {
    display: none;
}
#body_ManageSubscription_Index.class_user #page-wrapper .panel .panel-heading {
    color: #888;
}
#body_ManageSubscription_Index.class_user #page-wrapper .form-group {
    position: relative;
    padding: 20px 0 20px 237px;
}
#body_ManageSubscription_Index.class_user #page-wrapper .form-group > label {
    padding-left: 0;
    text-align: start;
}
#body_ManageSubscription_Index.class_user #page-wrapper .form-group > label:first-of-type {
    top: 20px;
}
#body_ManageSubscription_Index.class_user #page-wrapper .form-group .input-group-addon {
    background: none;
    border: none;
    border-bottom-color: rgba(0, 0, 0, 0);
}
#body_ManageSubscription_Index.class_user #page-wrapper .container {
    margin-left: auto !important;
    max-width: 100%;
}
#body_ManageSubscription_Index.class_user #page-wrapper .container #plan-settings {
    background: #fff;
    border: 1px solid #ddd;
}
#body_ManageSubscription_Index.class_user #page-wrapper .container #plan-settings .panel-heading {
    background: #2980b9;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    color: #fff;
}
#body_ManageSubscription_Index.class_user #page-wrapper .container #plan-settings .btn-success {
    background: #16a085;
    border: 1px solid #16a085;
}
#body_ManageSubscription_Index.class_user #page-wrapper .container #plan-settings .list-group {
    padding-left: 25px;
}
#body_ManageSubscription_Index.class_user #page-wrapper .list-group-item {
    background: none;
    border-top: 1px solid #fff;
}
#body_ManageSubscription_Index.class_user #page-wrapper .list-group-item .text-muted {
    margin-left: -15px;
}
#body_ManageSubscription_Index.class_user #page-wrapper .list-group-item .form-group {
    border-bottom: 1px solid #fff;
}
#body_ManageSubscription_Index.class_user #page-wrapper .list-group-item .form-group:last-child {
    border: none;
}
#body_ManageSubscription_Index.class_user #page-wrapper .list-group-item:last-child {
    border-bottom: 1px solid #fff;
}
#body_ManageSubscription_Index.class_user #page-wrapper .panel-footer {
    background: none;
}
#body_ManageSubscription_Plans.class_user #page-wrapper h1 {
    margin-top: 60px;
    margin-left: auto;
}
#body_ManageSubscription_Plans.class_user #page-wrapper h1 i {
    display: none;
}
#body_ManageSubscription_Plans.class_user #page-wrapper .btn {
    font-size: 12px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
#body_ManageSubscription_Plans.class_user #page-wrapper #plan-list_length .btn {
    background-color: #179d9d;
    border-color: #179d9d;
}
#body_ManageSubscription_Plans.class_user #page-wrapper .col > #plan-list_wrapper > .row:first-of-type {
    padding-left: 15px;
    padding-right: 5px;
}
#body_ManageSubscription_Plans.class_user
    #page-wrapper
    .col
    > #plan-list_wrapper
    > .row:first-of-type
    > .col-sm-6:nth-child(2) {
    float: right;
}
#body_ManageSubscription_Plans.class_user #page-wrapper thead {
    background-color: #2980b9;
}
#body_ManageSubscription_Plans.class_user #page-wrapper .col-sm-6 {
    margin-right: 10px;
}
#body_ManageSubscription_Orders.class_user {
    padding-top: 0;
}
#body_ManageSubscription_Orders.class_user #page-wrapper h1 {
    margin-top: 60px;
    margin-left: auto;
}
#body_ManageSubscription_Orders.class_user #page-wrapper h1 i {
    display: none;
}
#body_ManageSubscription_Orders.class_user #page-wrapper .form-group > label {
    width: auto !important;
    top: 14px;
}
#body_ManageSubscription_Orders.class_user #page-wrapper .container > .form-group:first-of-type > label {
    position: relative;
    margin-left: 0px;
    top: 25px;
    margin-bottom: 0;
}
#body_ManageSubscription_Orders.class_user #page-wrapper .mt0 {
    padding: 4px 0 4px 90px;
}
#body_ManageSubscription_Orders.class_user #page-wrapper .mb0 {
    padding: 4px 0 4px 0px;
    display: flex;
    flex-wrap: wrap;
}
#body_ManageSubscription_Orders.class_user #page-wrapper .mb0 .col-sm-6 {
    padding: 40px 0 4px 90px;
    width: 50%;
}
#body_ManageSubscription_Orders.class_user #page-wrapper .mb0 .col-sm-6 label {
    left: 90px;
}
#body_ManageSubscription_Orders.class_user #page-wrapper .form-group {
    border: none;
}
#body_ManageSubscription_Orders.class_user #page-wrapper .col-xs-12.text-align-c .btn {
    padding-top: 14px;
    background: #179d9d;
    border-color: #179d9d;
}
#body_ManageSubscription_Orders.class_user #page-wrapper .col > #order-list_wrapper > .row:first-of-type {
    padding-left: 15px;
}
#body_ManageSubscription_Orders.class_user #page-wrapper tbody .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}
#body_ManageSubscription_Orders.class_user #page-wrapper tbody .control:before {
    left: 20%;
}
#body_ManageSubscription_Orders.class_user .container {
    max-width: 100% !important;
}
#body_ManageSubscription_Orders.class_user .container > .form-group:first-of-type {
    padding-left: 90px !important;
}
#body_ManageSubscription_History.class_user #page-wrapper .panel h1 {
    margin-top: 60px;
    margin-left: auto;
}
#body_ManageSubscription_History.class_user #page-wrapper .panel h1 i {
    display: none;
}
#body_ManageSubscription_History.class_user #page-wrapper .col > #history-list_wrapper > .row:first-of-type {
    padding-left: 30px;
    padding-right: 5px;
}
#body_ManageSubscription_History.class_user
    #page-wrapper
    .col
    > #history-list_wrapper
    > .row:first-of-type
    > .col-sm-6:nth-child(2) {
    float: right;
}
#body_ManageSubscription_History.class_user #page-wrapper .col > #history-list_wrapper > .row:first-of-type .col-sm-6 {
    margin-right: 10px;
}
#body_notification.class_user #page-wrapper .panel-heading h1 {
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
}
#body_notification.class_user #page-wrapper .panel-heading h1 i {
    display: none;
}
#body_notification.class_user #page-wrapper .panel-heading .btn {
    font-size: 12px;
    margin-right: 45px;
    background: #179d9d;
    border-color: #179d9d;
}
#body_notification.class_user #page-wrapper .panel-heading div:nth-child(2) {
    position: absolute;
}
#body_notification.class_user #page-wrapper div:nth-of-type(3n) {
    margin-left: 30px;
    margin-bottom: 10px;
}
#body_notification.class_user #page-wrapper #notificationsDataTable_wrapper > .row:first-of-type {
    padding-left: 15px;
    padding-right: 5px;
}
#body_notification.class_user #page-wrapper #notificationsDataTable_wrapper > .row:first-of-type .col-sm-6 {
    margin-right: 10px;
}
#body_notification.class_user
    #page-wrapper
    #notificationsDataTable_wrapper
    > .row:first-of-type
    > .col-sm-6:nth-child(2) {
    float: right;
}
#body_notification.class_user #page-wrapper #notificationsDataTable_wrapper .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
#body_manageSco.class_user #page-wrapper .panel-heading h1 {
    margin-top: 60px;
    margin-left: auto;
}
#body_manageSco.class_user #page-wrapper .panel-heading h1 i {
    display: none;
}
#body_manageSco.class_user #page-wrapper .panel-heading div:nth-child(2) {
    margin-right: 20px;
}
#body_manageSco.class_user #page-wrapper .panel-heading .page-top-text {
    color: #444;
}
#body_manageSco.class_user #page-wrapper .panel-heading .pie1 {
    stroke: #737373 !important;
}
#body_manageSco.class_user #page-wrapper .panel-heading .pie1 + .pie1 {
    stroke: #f39c12 !important;
}
#body_manageSco.class_user #page-wrapper .btn {
    font-size: 100%;
    padding: 4px 6px;
}
#body_manageSco.class_user #page-wrapper .pull-left {
    opacity: 1;
}
#body_manageSco.class_user #page-wrapper .jump-prev-folder {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
}
#body_curriculumManage.class_user #page-wrapper .panel {
    margin: 0;
}
#body_curriculumManage.class_user #page-wrapper .panel-heading h1 {
    margin: auto;
}
#body_curriculumManage.class_user #page-wrapper .panel-heading h1 i {
    display: none;
}
#body_curriculumManage.class_user #page-wrapper #product-search-form h3 {
    padding: 4px 70px 4px 90px;
}
#body_curriculumManage.class_user #page-wrapper #status-search label:first-of-type {
    margin-right: 90px;
}
#body_curriculumManage.class_user #page-wrapper #status-search label {
    position: relative;
    margin-bottom: 30px;
}
#body_curriculumManage.class_user #page-wrapper .form-group {
    border-bottom: none;
    padding: 20px 50px 4px;
}
#body_curriculumManage.class_user #page-wrapper .form-group input {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}
#body_curriculumManage.class_user #page-wrapper .form-group label {
    width: auto !important;
}
#body_curriculumManage.class_user #page-wrapper .col-xs-12.text-align-c button {
    padding-top: 14px;
    background-color: #179d9d;
    border-color: #179d9d;
}
#body_curriculumManage.class_user #page-wrapper #product-search-result .btn {
    font-size: 100%;
    padding: 4px 6px;
}
#body_curriculumManage.class_user #page-wrapper h2 {
    margin-left: 15px;
}
#body_curriculumManage.class_user #page-wrapper h2 .btn {
    padding: 6px 12px;
    font-size: 14px;
    background-color: #179d9d;
    border-color: #179d9d;
}
#body_curriculumManage.class_user #page-wrapper .row:first-of-type {
    margin-left: 15px;
}
#body_curriculumManage.class_user #page-wrapper .container {
    max-width: 100%;
}
#body_curriculumManage.class_user #page-wrapper .container .form-group {
    padding-left: 90px;
}
#body_curriculumManage.class_user #page-wrapper .container .form-group .col-sm-6 {
    width: 50%;
    padding-right: 57px;
    padding-left: 168px;
}
#body_curriculumRegister.class_user #page-wrapper h1 {
    margin-top: 100px;
}
#body_curriculumRegister.class_user #page-wrapper h1 i {
    display: none;
}
#body_curriculumRegister.class_user #page-wrapper #product-register-panel .panel-heading {
    background-color: #2980b9;
    border-color: #2980b9;
    color: #fff;
    padding: 10px 15px;
}
#body_curriculumRegister.class_user #page-wrapper #product-register-panel .panel-body {
    padding: 40px;
}
#body_curriculumRegister.class_user #page-wrapper #product-register-panel .form-group {
    padding: 0;
    margin-bottom: 15px;
}
#body_curriculumRegister.class_user #page-wrapper #product-register-panel .form-group label {
    position: inherit;
}
#body_curriculumRegister.class_user #page-wrapper #product-register-panel .form-group input {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}
#body_curriculumRegister.class_user #page-wrapper #product-register-panel .well {
    background-color: #f5f5f5;
    padding: 9px;
    border-radius: 3px;
    margin-bottom: 20px;
}
#body_curriculumRegister.class_user #page-wrapper .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
#body_curriculumRegister.class_user #page-wrapper #product-register-form .form-group {
    padding: 20px 20px;
}
html
    #body_score.class_user
    .mm-page
    #wrapper
    #page-wrapper
    #myTabContent
    #tab0
    form
    #container
    .panel-body
    .well
    > .row {
    padding-top: 0 !important;
}
html
    #body_score.class_user
    .mm-page
    #wrapper
    #page-wrapper
    #myTabContent
    #tab0
    form
    #container
    .form-group
    #categoriesmyScoreList {
    margin-top: 0px !important;
}
html #body_score.class_user .mm-page #wrapper #page-wrapper #myTabContent #tab0 form #container .form-group .btn {
    display: inline-block;
    background-color: #e3e3e3;
    font-size: 12px;
    cursor: pointer;
    color: #444;
    margin-left: 10px;
    white-space: nowrap;
    border-width: 1px;
    border-style: solid;
    border-color: #999;
    -o-border-image: initial;
    border-image: initial;
    border-radius: 4px;
    padding: 6px 10px;
    margin-bottom: 10px;
}
html #body_score.class_user .mm-page #wrapper #page-wrapper #myTabContent #tab0 form #container .form-group .ms-parent {
    margin-left: 25px !important;
}
html #body_score.class_user .mm-page #wrapper #page-wrapper #myTabContent #tab0 form #container .form-group .clearfix {
    margin-top: 10px !important;
}
html
    #body_score.class_user
    .mm-page
    #wrapper
    #page-wrapper
    #myTabContent
    #tab0
    form
    #container
    .form-group
    .clearfix
    .btn-primary {
    margin: 0;
    width: auto;
}
html
    #body_score.class_user
    .mm-page
    #wrapper
    #page-wrapper
    #myTabContent
    #tab0
    form
    #container
    #div_lesson_statusmyScoreList {
    margin-top: 30px !important;
}
html
    #body_score.class_user
    .mm-page
    #wrapper
    #page-wrapper
    #myTabContent
    #tab0
    form
    #container
    #div_lesson_statusmyScoreList
    .clearfix {
    margin-left: 0 !important;
}
html
    #body_score.class_user
    .mm-page
    #wrapper
    #page-wrapper
    #myTabContent
    #tab0
    form
    #container
    #csv_create_btn_myScoreList {
    background-color: #179d9d;
    color: #fff;
    font-size: 14px;
    padding: 11px 12px;
    border: none;
}
html
    #body_score.class_user
    .mm-page
    #wrapper
    #page-wrapper
    #myTabContent
    #tab0
    form
    #container
    #lms-dataTablesmyScoreList_length {
    margin: 0 !important;
}
html #body_score.class_user .mm-page #wrapper #page-wrapper #myTabContent #tab0 form #container .row .form-group {
    width: 55%;
}
html
    #body_score.class_user
    .mm-page
    #wrapper
    #page-wrapper
    #myTabContent
    #tab0
    form
    #container
    .row
    .form-group:first-of-type {
    margin-left: 10px;
}
html
    #body_score.class_user
    .mm-page
    #wrapper
    #page-wrapper
    #myTabContent
    #tab0
    form
    #container
    .row
    .clearfix
    .div_period
    .form-inline {
    margin-left: 25px;
}
html
    #body_score.class_user
    .mm-page
    #wrapper
    #page-wrapper
    #myTabContent
    #tab0
    form
    #container
    .row
    .clearfix
    .div_period
    .clearfix {
    margin-left: 25px !important;
}
html
    #body_score.class_user
    .mm-page
    #wrapper
    #page-wrapper
    #myTabContent
    #tab0
    form
    #container
    .row
    .clearfix
    .div_period
    .clearfix
    #start_datemyScoreList {
    margin-left: -10px;
    margin-top: 10px;
}
html
    #body_score.class_user
    .mm-page
    #wrapper
    #page-wrapper
    #myTabContent
    #tab0
    form
    #container
    .row
    .clearfix
    .div_period
    .clearfix
    #end_datemyScoreList {
    margin-top: 10px;
}
html
    #body_score.class_user
    .mm-page
    #wrapper
    #page-wrapper
    #myTabContent
    #tab0
    form
    #container
    .row
    .clearfix
    .div_period
    #date_operator_myScoreList {
    padding: 0 6px;
}
html
    #body_score.class_user
    .mm-page
    #wrapper
    #page-wrapper
    #myTabContent
    #tab0
    form
    #container
    .row
    #date_search_type_myScoreList_relative,
html
    #body_score.class_user
    .mm-page
    #wrapper
    #page-wrapper
    #myTabContent
    #tab0
    form
    #container
    .row
    #date_search_type_myScoreList_absolute {
    margin: 0 !important;
}
html #body_score.class_user .mm-page #wrapper #page-wrapper #myTabContent #tab0 form #container td button {
    border: 1px solid #999;
    font-size: 12px;
    padding: 7px 14px;
    background-color: #f7f7f7;
    color: #444;
}
#body_createQuiz.class_user #page-wrapper .panel {
    margin: 0;
}
#body_createQuiz.class_user #page-wrapper .panel-heading {
    display: block;
}
#body_createQuiz.class_user #page-wrapper .panel-heading .col-xs-12 {
    width: 100%;
}
#body_createQuiz.class_user #page-wrapper .panel-heading .col-xs-12 + .col-xs-12 {
    margin-top: 35px;
}
#body_createQuiz.class_user #page-wrapper .panel-heading .col-xs-12 button {
    margin-right: 0;
    margin-left: 0;
    padding: 6px 12px;
}
#body_createQuiz.class_user #page-wrapper .panel-heading .col-xs-12 .mr10 {
    background-color: buttonface;
    border-color: #b3b3b3;
}
#body_createQuiz.class_user #page-wrapper .panel-heading h1 {
    margin: auto;
    margin-top: 100px;
}
#body_createQuiz.class_user #page-wrapper .panel-heading h1 i {
    display: none;
}
#body_createQuiz.class_user #page-wrapper .row .col-sm-12 button {
    padding: 6px 12px;
    margin-top: 15px;
}
#body_createQuiz.class_user #page-wrapper .row .option-template {
    float: right;
}
#body_createQuiz.class_user #page-wrapper .row .option-template button {
    padding: 10px 12px;
    margin-top: 6px;
}
#body_createQuiz.class_user #page-wrapper .row .option-template .btn-group button {
    background-color: #2980b9;
    border-color: #2980b9;
}
#body_createQuiz.class_user #page-wrapper .row form .clearfix .col-xs-12 hr {
    display: none;
}
#body_createQuiz.class_user #page-wrapper .row #quiz-header .form-group article .form-group {
    position: relative;
}
#body_createQuiz.class_user #page-wrapper .row #quiz-header .form-group article .form-group #headpara {
    float: right;
}
#body_createQuiz.class_user #page-wrapper .row #quiz-header #settingItems .well {
    margin-bottom: 10px;
}
#body_createQuiz.class_user #page-wrapper .row #quiz-header #settingItems .well .form-group {
    border-bottom: none;
}
#body_createQuiz.class_user
    #page-wrapper
    .row
    #quiz-header
    #settingItems
    .well
    .form-group
    .col-sm-2.col-xs-10.control-label {
    text-align: left;
    width: 24.666667%;
}
#body_createQuiz.class_user #page-wrapper .row #quiz-header .form-group {
    padding: 20px 0;
}
#body_createQuiz.class_user #page-wrapper .row #quiz-header .form-group .col-sm-9 .col-sm-7 input {
    padding: 0;
}
#body_createQuiz.class_user #page-wrapper .row #quiz-header .form-group .col-sm-9 .col-sm-7 button {
    height: 29px;
}
#body_createQuiz.class_user #page-wrapper .row .form-horizontal .clearfix {
    padding-bottom: 20px;
}
#body_createQuiz.class_user #page-wrapper .row .form-horizontal .clearfix .col-sm-6 h2 {
    padding: 0 15px;
}
#body_createQuiz.class_user #page-wrapper .row .form-horizontal .clearfix .col-sm-6 h2 .btn-success {
    height: 20px !important;
    padding-top: 8px;
    padding-right: 20px;
}
#body_createQuiz.class_user #page-wrapper .row .form-horizontal .clearfix .col-sm-6 h2 .toggle-off {
    height: 20px !important;
}
#body_createQuiz.class_user #page-wrapper .row .form-horizontal .clearfix .col-sm-6 h2 .btn-default {
    height: 40px !important;
    padding: 8px 12px;
}
#body_createQuiz.class_user #page-wrapper .row .form-horizontal .col-xs-12 .ui-state-default {
    margin-top: 10px;
}
#body_createQuiz.class_user #page-wrapper .row .form-horizontal .col-xs-12 .ui-state-default .panel-quiz {
    border: solid 1px #444;
}
#body_createQuiz.class_user
    #page-wrapper
    .row
    .form-horizontal
    .col-xs-12
    .ui-state-default
    .panel-quiz
    .panel-heading
    .form-group {
    color: #fff;
    background-color: #2980b9 !important;
    border-color: #2980b9 !important;
    padding: 10px !important;
    margin: 0 !important;
}
#body_createQuiz.class_user
    #page-wrapper
    .row
    .form-horizontal
    .col-xs-12
    .ui-state-default
    .panel-quiz
    .panel-heading
    .form-group
    i {
    color: #444 !important;
    position: relative !important;
}
#body_createQuiz.class_user #page-wrapper .row .form-horizontal .col-xs-12 .ui-state-default .panel-quiz .panel-footer {
    padding-bottom: 40px;
}
#body_createQuiz.class_user
    #page-wrapper
    .row
    .form-horizontal
    .col-xs-12
    .ui-state-default
    .panel-quiz
    .panel-footer
    .dsp-tag {
    border: solid 1px #999;
}
#body_createQuiz.class_user
    #page-wrapper
    .row
    .form-horizontal
    .col-xs-12
    .ui-state-default
    .panel-quiz
    .panel-footer
    .btn {
    padding: 6px 12px;
}
#body_createQuiz.class_user
    #page-wrapper
    .row
    .form-horizontal
    .col-xs-12
    .ui-state-default
    .panel-quiz
    .panel-footer
    button {
    background-color: #e3e3e3 !important;
    border: solid 1px #999 !important;
    color: #444 !important;
    margin-bottom: 10px !important;
}
#body_createQuiz.class_user
    #page-wrapper
    .row
    .form-horizontal
    .col-xs-12
    .ui-state-default
    .panel-quiz
    .panel-footer
    .btn-warning {
    margin-left: 20px;
}
#body_createQuiz.class_user #page-wrapper .row .form-horizontal .col-xs-12 .ui-state-default button {
    padding: 13px;
}
#body_createQuiz.class_user #page-wrapper .row .form-horizontal .col-xs-12 .form-group .pull-right {
    width: auto;
}
#body_createQuiz.class_user #page-wrapper .form-group {
    border-bottom: none;
}
#body_createQuiz.class_user #page-wrapper .form-group .col-sm-9.col-xs-12 {
    width: 70%;
}
#body_createQuiz.class_user #page-wrapper .col-xs-12 .col-sm-6 {
    width: 50%;
}
#body_createQuiz.class_user #page-wrapper .col-xs-12 .col-sm-6 button {
    padding: 13px;
}
#body_createQuiz.class_user #custom-footer {
    border: none;
}
#body_ManageBadge_Index.class_user .panel .col-sm-12 h1 {
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
}
#body_ManageBadge_Index.class_user .panel .col-sm-12 h1 i {
    display: none;
}
#body_ManageBadge_Index.class_user .panel .col-sm-12 .btn-howto {
    display: none !important;
}
#body_ManageBadge_Index.class_user .panel .col-xs-3 {
    display: none;
}
#body_ManageBadge_Index.class_user .nav {
    margin-left: 45px !important;
    margin-right: 30px !important;
}
#body_ManageBadge_Index.class_user .ml0 {
    margin-left: 30px !important;
    margin-right: 30px !important;
}
#body_ManageBadge_Index.class_user .ml0 #badge-list_wrapper .row:nth-child(1) {
    margin-right: 15px;
    margin-left: 15px;
}
#body_ManageBadge_Index.class_user .ml0 #badge-list_wrapper .row:nth-child(1) #badge-list_length button {
    padding: 5px 10px;
    background-color: #179d9d;
    border-color: #179d9d;
    font-size: 14px;
}
#body_ManageBadge_Index.class_user .ml0 #badge-list_wrapper .row:nth-child(1) #badge-list_filter button {
    padding: 5px 10px;
    background-color: #179d9d;
    border-color: #179d9d;
    font-size: 14px;
}
#body_ManageBadge_Index.class_user .ml0 #badge-list_wrapper .row:nth-child(1) .col-sm-6:nth-child(2) {
    float: right;
}
#body_ManageBadge_Index.class_user .ml0 #badge-list_wrapper #badge-list tr .btn {
    padding: 5px 10px;
}
#body_ManageBadge_Index.class_user .ml0 #badge-list_wrapper #badge-list tr .btn i {
    font-size: 16px;
    line-height: 1;
}
#body_ManageSco_Badges.class_user .panel .col-sm-12 h1 {
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
}
#body_ManageSco_Badges.class_user .panel .col-sm-12 h1 i {
    display: none;
}
#body_ManageSco_Badges.class_user .panel .col-sm-12 .btn-howto {
    display: none !important;
}
#body_ManageSco_Badges.class_user .panel .col-xs-3 {
    display: none;
}
#body_ManageSco_Badges.class_user .nav {
    margin-left: 45px !important;
    margin-right: 30px !important;
}
#body_ManageSco_Badges.class_user .ml0 {
    margin-left: 30px !important;
    margin-right: 30px !important;
}
#body_ManageSco_Badges.class_user .ml0 .form-inline .row:nth-child(1) {
    margin-right: 15px;
    margin-left: 15px;
}
#body_ManageSco_Badges.class_user .ml0 .form-inline .row:nth-child(1) #user-badge-list_length button {
    padding: 5px 10px;
    background-color: #179d9d;
    border-color: #179d9d;
    font-size: 14px;
}
#body_ManageSco_Badges.class_user .ml0 .form-inline .row:nth-child(1) #user-badge-list_filter button {
    padding: 5px 10px;
    background-color: #179d9d;
    border-color: #179d9d;
    font-size: 14px;
}
#body_ManageSco_Badges.class_user .ml0 .form-inline .row:nth-child(1) .col-sm-6:nth-child(2) {
    float: right;
}
#body_ManageSco_Badges.class_user .ml0 .form-inline .row:nth-child(2) {
    padding: 0;
}
#body_ManageSco_Badges.class_user .ml0 .form-inline #user-badge-list tr .btn {
    padding: 5px 10px;
}
#body_ManageBadge_Settings.class_user .panel .col-sm-12 h1 {
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
}
#body_ManageBadge_Settings.class_user .panel .col-sm-12 h1 i {
    display: none;
}
#body_ManageBadge_Settings.class_user .panel .col-sm-12 .btn-howto {
    display: none !important;
}
#body_ManageBadge_Settings.class_user .panel .col-xs-3 {
    display: none;
}
#body_ManageBadge_Settings.class_user #page-wrapper {
    margin-left: 30px !important;
    margin-right: 30px !important;
}
#body_ManageBadge_Settings.class_user #page-wrapper .nav-tabs button {
    padding: 6px 12px;
    font-size: 14px;
}
#body_ManageBadge_Settings.class_user #page-wrapper .row .pull-right {
    margin-left: auto;
    margin-right: auto;
    float: none !important;
}
#body_categorySetting.class_user .col-lg-12 h1 {
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
}
#body_categorySetting.class_user .col-lg-12 h1 i {
    display: none;
}
#body_categorySetting.class_user h2 {
    margin-left: 30px !important;
    margin-right: 30px !important;
}
#body_categorySetting.class_user h2 #add {
    padding: 6px 12px;
    background: #179d9d;
    border-color: #179d9d;
}
#body_categorySetting.class_user .mb10 {
    margin-left: 30px !important;
    margin-right: 30px !important;
}
#body_categorySetting.class_user .help-block {
    margin-left: 30px;
}
#body_ManageAccount_RegisterField.class_user .panel-heading h1 {
    margin: 60px auto 40px;
}
#body_ManageAccount_RegisterField.class_user .panel-heading h1 > i {
    display: none;
}
#body_ManageAccount_RegisterField.class_user .nav-tabs {
    margin-left: 15px;
    margin-right: 15px;
}
#body_ManageAccount_RegisterField.class_user .table-danger thead {
    background-color: #2980b9;
}
#body_ManageAccount_RegisterField.class_user .table-danger tbody .btn-sm {
    font-size: 14px;
    padding: 4px 6px;
}
#body_ManageAccount_RegisterField.class_user .table-danger tbody .btn-sm > i {
    font-size: 18.6667px;
}
#body_ManageAccount_RegisterField.class_user .btn-primary {
    background: #179d9d;
    border-color: #179d9d;
}
#body_ManageAccount_RegisterField.class_user form + .row {
    display: flex;
    justify-content: center;
}
#body_ManageAccount_RegisterField.class_user form + .row > div:first-child {
    order: 1;
}
#body_registerManage.class_user .panel-heading h1 {
    margin: 60px auto 40px;
}
#body_registerManage.class_user .panel-heading h1 > i {
    display: none;
}
#body_registerManage.class_user .nav-tabs {
    margin-left: 15px;
    margin-right: 15px;
}
#body_registerManage.class_user #userForm {
    margin-left: 15px;
    margin-right: 15px;
}
#body_registerManage.class_user #userForm > .row {
    display: flex;
    justify-content: center;
}
#body_registerManage.class_user .table-danger thead {
    background-color: #2980b9;
}
#body_ManageAccount_Ranks.class_user .panel-heading h1 {
    margin: 60px auto 40px;
}
#body_ManageAccount_Ranks.class_user .panel-heading h1 > i {
    display: none;
}
#body_ManageAccount_Ranks.class_user .nav-tabs {
    margin-left: 15px;
    margin-right: 15px;
}
#body_ManageAccount_Ranks.class_user .container .table-danger thead {
    background: #2980b9;
}
#body_ManageAccount_Ranks.class_user .container > .row {
    display: flex;
    justify-content: center;
}
#body_ManageAccount_Ranks.class_user .container > .row > div:first-child {
    order: 1;
}
#body_ManageAccount_Ranks.class_user .container > .row .btn-primary {
    background: #179d9d;
    border-color: #179d9d;
}
#body_ManageAccount_RegisterSettings.class_user .panel-heading h1 {
    margin: 60px auto 40px;
}
#body_ManageAccount_RegisterSettings.class_user .panel-heading h1 > i {
    display: none;
}
#body_ManageAccount_RegisterSettings.class_user .nav-tabs {
    margin-left: 15px;
    margin-right: 15px;
}
#body_ManageAccount_RegisterSettings.class_user .container {
    margin-left: 15px !important;
    margin-right: 15px;
}
#body_ManageAccount_RegisterSettings.class_user .container .list-group-item:not(:first-child) .form-group {
    align-items: center;
    display: flex;
    padding-left: 100px;
}
#body_ManageAccount_RegisterSettings.class_user
    .container
    .list-group-item:not(:first-child)
    .form-group
    > .control-label {
    margin-right: 1.5em;
    padding: 0;
    position: static;
    width: auto;
}
#body_ManageAccount_RegisterSettings.class_user
    .container
    .list-group-item:not(:first-child)
    .form-group
    > .form-field {
    padding: 0 !important;
    width: auto;
}
#body_ManageAccount_RegisterSettings.class_user .container > .row {
    display: flex;
    justify-content: center;
}
#body_ManageAccount_LoginChainProcess.class_user .panel-heading h1 {
    margin: 60px auto 40px;
}
#body_ManageAccount_LoginChainProcess.class_user .panel-heading h1 > i {
    display: none;
}
#body_ManageAccount_LoginChainProcess.class_user .nav-tabs {
    margin-left: 15px;
    margin-right: 15px;
}
#body_ManageAccount_LoginChainProcess.class_user .container {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
#body_ManageAccount_LoginChainProcess.class_user .container .panel {
    border-radius: 3px;
    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.12),
        0 1px 2px rgba(0, 0, 0, 0.24);
    margin-bottom: 20px;
}
#body_ManageAccount_LoginChainProcess.class_user .container .panel-heading {
    background-color: #2980b9;
    padding: 10px 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
#body_ManageAccount_LoginChainProcess.class_user .container .panel-body {
    padding: 0;
}
#body_ManageAccount_LoginChainProcess.class_user .container .form-group {
    display: flex;
    margin: 0;
    padding: 15px !important;
}
#body_ManageAccount_LoginChainProcess.class_user .container .form-group > .control-label {
    font-size: 14px;
    margin-right: 1.5em;
    margin-top: 0.3em;
    padding: 0;
    position: static;
}
#body_ManageAccount_LoginChainProcess.class_user .container .form-group > .field-group {
    padding: 0 !important;
}
#body_ManageAccount_LoginChainProcess.class_user .container .form-group > .field-group .toggle-btn {
    top: 0;
}
#body_ManageAccount_LoginChainProcess.class_user .container .form-group > .field-group > * {
    font-size: 14px;
}
#body_ManageAccount_LoginChainProcess.class_user .container .form-group > .field-group input[type='checkbox'] {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    margin-right: 0.2em;
    position: relative;
    top: 1px;
}
#body_ManageAccount_LoginChainProcess.class_user .container .panel-footer {
    border-top: none;
    border-radius: 3px;
    padding: 10px 15px;
}
#body_ManageAccount_LoginChainProcess.class_user .container .panel-footer .btn {
    font-size: 14px;
    line-height: 1.4;
    padding: 6px 12px;
}
#body_ManageAccount_LoginChainProcess.class_user .container .panel-footer .btn.btn-primary {
    background: #f7f7f7;
    border-color: #888;
    color: inherit;
}
#body_ManageAccount_LoginChainProcess.class_user .container form.policy .list-group-item {
    border: none;
    padding-bottom: 0;
}
#body_user.class_user #DataTables_Table_0_filter {
    display: block !important;
    position: absolute;
    right: 30px;
    top: 85px;
}
#body_FanfareSettings_Index.class_user .panel-heading h1 {
    margin: 60px auto 40px;
}
#body_FanfareSettings_Index.class_user .panel-heading h1 > i {
    display: none;
}
#body_FanfareSettings_Index.class_user #fanfare-settings .pull-right.col-sm-4 {
    padding: 0;
    width: 58.33333333%;
}
#body_FanfareSettings_Index.class_user .form-group {
    padding: 0 0 20px 0;
}
#body_FanfareSettings_Index.class_user .form-group.toggle-btn-wrapper {
    border: none;
}
#body_FanfareSettings_Index.class_user .form-group .btn-primary {
    background: #f7f7f7;
    border: 1px solid #888;
    color: #333;
    padding: 6px 12px;
}
#body_mailReservasion.class_user .panel-heading > .col-xs-7 {
    width: 100%;
}
#body_mailReservasion.class_user .panel-heading h1 {
    margin: 60px auto 40px;
}
#body_mailReservasion.class_user .panel-heading h1 > i {
    display: none;
}
#body_mailReservasion.class_user .panel-heading h1 + .btn-howto {
    display: none !important;
}
#body_mailReservasion.class_user .panel-heading > .flex-end {
    display: none;
}
#body_mailReservasion.class_user .dataTables_wrapper .dataTables_length {
    margin-left: 15px;
}
#body_mailReservasion.class_user .table-success > thead {
    background: #2980b9;
}
#body_CourseSetting_Index.class_user .panel-primary:not(.header-wrap) {
    background: #fff;
    border-radius: 3px;
    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.12),
        0 1px 2px rgba(0, 0, 0, 0.24);
    margin-bottom: 20px;
}
#body_CourseSetting_Index.class_user .panel-heading:not(.page-top) {
    background: #2980b9;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px 15px;
}
#body_CourseSetting_Index.class_user .panel-heading h1 {
    margin: 60px auto 40px;
}
#body_CourseSetting_Index.class_user .panel-heading h1 > i {
    display: none;
}
#body_CourseSetting_Index.class_user .col-sm-6 {
    padding-left: 15px;
    padding-right: 15px;
    width: 50%;
}
#body_CourseSetting_Index.class_user .panel-body {
    padding: 15px;
}
#body_CourseSetting_Index.class_user .panel-body .row {
    margin-left: -15px;
    margin-right: -15px;
}
#body_CourseSetting_Index.class_user .panel-body .btn {
    font-size: 14px;
    padding: 6px 12px;
}
#body_CourseSetting_Index.class_user .panel-body .btn-primary {
    background: #32ff7e;
    border-color: #32ff7e;
}
#body_CourseSetting_Index.class_user .panel-body .btn.toggle-on {
    padding-right: 24px;
}
#body_CourseSetting_Index.class_user .panel-body .btn.toggle-off {
    padding-left: 24px;
}
.process-list {
    margin: -20px auto 24px;
}
.process-list li {
    font-size: 12px;
    line-height: 1;
    position: relative;
    text-align: center;
    background: none;
    margin-right: 0;
    padding: 0;
}
.process-list li:not(:last-of-type) {
    padding-right: 66px;
}
.process-list li:not(:last-of-type)::after {
    content: '';
    display: block;
    position: absolute;
    top: 18px;
    right: 4px;
    width: 58px;
    height: 4px;
    background: #dedede;
    border: none;
    border-radius: 4px;
}
.process-list li::before,
.process-list li::after {
    display: none;
}
.process-list li.active {
    color: #444;
    background: none;
}
.process-list li:last-of-type.active {
    background: none;
}
.process-list__num {
    font-size: 14px;
    line-height: 1;
    display: block;
    width: 36px;
    height: 36px;
    background: #dedede;
    border-radius: 50%;
    margin-bottom: 4px;
    padding: 11px;
}
li.active .process-list__num {
    color: #fff;
    font-weight: 600;
    background: #bf6d4e;
}
@media (min-width: 992px) {
    .process-list {
        margin: -10px auto 22px;
    }
    .process-list li:not(:last-of-type) {
        padding-right: 70px;
    }
    .process-list li:not(:last-of-type)::after {
        top: 16px;
        right: 5px;
        width: 60px;
        height: 2px;
        border-radius: 2px;
    }
    .process-list__num {
        font-size: 12px;
        line-height: 1;
        width: 32px;
        height: 32px;
        margin-bottom: 8px;
        padding: 10px;
    }
}
.provision-caution {
    display: block;
    margin-top: 60px;
    padding-bottom: 45px;
}
.provision-caution__hdg {
    display: block;
    font-weight: bold;
}
.provision-caution a {
    text-decoration: underline;
}
.p-abridgement {
    display: block;
}
.p-abridgement > a::after {
    content: '\003e';
    font-size: 16px;
    line-height: 1.6;
    color: #888;
    padding: 0 1em;
}
@media screen and (min-width: 768px) {
    .p-abridgement {
        display: none !important;
    }
}
.u-mt20 {
    margin-top: 20px !important;
}
.p-mbGutter {
    margin-bottom: 20px !important;
}
.p-mbMargin {
    margin-bottom: 40px !important;
}
@media (min-width: 992px) {
    .p-mbGutter {
        margin-bottom: 20px !important;
    }
    .p-mbMargin {
        margin-bottom: 60px !important;
    }
}
.sp-only {
    display: block !important;
}
.pc-only {
    display: none !important;
}
@media (min-width: 992px) {
    .sp-only {
        display: none !important;
    }
    .pc-only {
        display: block !important;
    }
}
.u-spOnly {
    display: none;
}
@media (max-width: 767px) {
    .u-spOnly {
        display: block;
    }
}
.u-pcOnly {
    display: none;
}
@media screen and (min-width: 768px) {
    .u-pcOnly {
        display: block;
    }
}
.u-alignLeft {
    text-align: left;
}
.u-alignCenter {
    text-align: center;
}
.u-alignRight {
    text-align: right;
}
.u-red {
    color: #bf6d4e;
}
.u-bold {
    font-weight: 600;
}
.u-tel {
    text-decoration: none;
    color: #444;
}
@media screen and (min-width: 768px) {
    .u-tel {
        pointer-events: none;
    }
}
.u-indent {
    text-indent: -1em;
    padding-left: 1em;
}
@media (max-width: 767px) {
    .u-spHidden {
        display: none !important;
    }
}
@media screen and (min-width: 768px) {
    .u-pcHidden {
        display: none !important;
    }
}
#body_confirmUserCSV #wrapper #form001 h3 {
    font-weight: bold;
}
#body_confirmUserCSV #wrapper #page-wrapper form {
    position: relative;
    padding-bottom: 100px;
}
#body_confirmUserCSV #wrapper #page-wrapper form .col-sm-6 {
    position: static;
}
#body_confirmUserCSV #wrapper #page-wrapper form .col-sm-6 .btn-default,
#body_confirmUserCSV #wrapper #page-wrapper form .col-sm-6 .btn-primary {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 240px;
    max-width: 45%;
}
#body_confirmUserCSV #wrapper #page-wrapper form .col-sm-6 .btn-default {
    transform: translateX(-100%);
    margin-left: -5px;
    background-color: transparent;
}
#body_confirmUserCSV #wrapper #page-wrapper form .col-sm-6 .btn-primary {
    border-color: #0a9d9d;
    transform: translateX(5px);
    background-color: #0a9d9d;
}
#body_confirmUserCSV #wrapper #page-wrapper .row .col-lg-3 .panel-heading {
    padding-top: 104px;
}
#body_confirmUserCSV #wrapper #page-wrapper .row .col-lg-3 .input-group {
    margin-top: 20px;
    margin-bottom: 40px;
}
#body_confirmUserCSV #wrapper #page-wrapper .row .col-lg-3 .input-group .input-group-btn a {
    padding: 7.5px 16px;
}
#body_confirmUserCSV #wrapper #page-wrapper .row .panel-heading {
    display: block;
    color: #444;
    padding-top: 20px;
    margin-bottom: 10px;
}
#body_confirmUserCSV #wrapper #page-wrapper .row .panel-heading .fas {
    display: none;
}
@media (min-width: 992px) {
    #body_confirmUserCSV #wrapper #page-wrapper .btn-block {
        margin-left: 15px;
    }
}
#body_confirmUserCSV #wrapper #page-wrapper .dataTable .control {
    padding-right: 10px;
    padding-left: 10px;
}
#body_ManageGroup_GroupBulkRegister #wrapper .panel-heading {
    display: block;
    color: #444;
    padding-top: 20px;
    margin-bottom: 10px;
}
#body_ManageGroup_GroupBulkRegister #wrapper .panel-heading .fas {
    display: none;
}
#body_ManageGroup_GroupBulkRegister #wrapper .jstree-container-ul .fa-users-class {
    display: none;
}
#body_ManageGroup_GroupBulkRegister #wrapper .panel-footer .btn {
    background-color: #0a9d9d;
    border: none;
}
#body_ManageGroup_GroupBulkRegister #wrapper .panel-footer .btn [disabled] {
    opacity: 0.8;
}
#body_selectUserCSV #page-wrapper .panel-heading .fa-user-plus,
#body_confirmUserCSV #page-wrapper .panel-heading .fa-user-plus,
#body_ManageGroup_GroupBulkRegister #page-wrapper .panel-heading .fa-user-plus {
    display: none;
}
#body_selectUserCSV #page-wrapper .header-wrap,
#body_confirmUserCSV #page-wrapper .header-wrap,
#body_ManageGroup_GroupBulkRegister #page-wrapper .header-wrap {
    margin-right: 0;
    margin-left: 0;
}
#body_selectUserCSV #page-wrapper .row .panel-heading,
#body_confirmUserCSV #page-wrapper .row .panel-heading,
#body_ManageGroup_GroupBulkRegister #page-wrapper .row .panel-heading {
    display: none;
}
#body_selectUserCSV #page-wrapper .page-top,
#body_confirmUserCSV #page-wrapper .page-top,
#body_ManageGroup_GroupBulkRegister #page-wrapper .page-top {
    margin-top: 100px;
}
#body_selectUserCSV #page-wrapper .form-group,
#body_confirmUserCSV #page-wrapper .form-group,
#body_ManageGroup_GroupBulkRegister #page-wrapper .form-group {
    padding-left: 0;
    margin-bottom: 10px !important;
}
#body_selectUserCSV #page-wrapper .form-group.sample,
#body_confirmUserCSV #page-wrapper .form-group.sample,
#body_ManageGroup_GroupBulkRegister #page-wrapper .form-group.sample {
    border-bottom: none;
    padding-right: 15px;
    padding-top: 0;
    padding-bottom: 30px;
}
#body_selectUserCSV #page-wrapper .form-group.sample p,
#body_confirmUserCSV #page-wrapper .form-group.sample p,
#body_ManageGroup_GroupBulkRegister #page-wrapper .form-group.sample p {
    line-height: 1.6;
}
#body_selectUserCSV #page-wrapper .form-group.sample p:first-child,
#body_confirmUserCSV #page-wrapper .form-group.sample p:first-child,
#body_ManageGroup_GroupBulkRegister #page-wrapper .form-group.sample p:first-child {
    font-size: 16px;
}
#body_selectUserCSV #page-wrapper .form-group.sample .panel-body,
#body_confirmUserCSV #page-wrapper .form-group.sample .panel-body,
#body_ManageGroup_GroupBulkRegister #page-wrapper .form-group.sample .panel-body {
    padding: 20px 25px 10px;
}
#body_selectUserCSV #page-wrapper .form-group.sample .panel-body .btn-success,
#body_confirmUserCSV #page-wrapper .form-group.sample .panel-body .btn-success,
#body_ManageGroup_GroupBulkRegister #page-wrapper .form-group.sample .panel-body .btn-success {
    background-color: #0a9d9d;
    max-height: 40px;
    height: 40px;
    color: #fff;
}
#body_selectUserCSV #page-wrapper .form-group:first-child label::after,
#body_confirmUserCSV #page-wrapper .form-group:first-child label::after,
#body_ManageGroup_GroupBulkRegister #page-wrapper .form-group:first-child label::after {
    content: '登録するCSVファイルを選択してください';
    display: block;
    font-weight: normal;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
}
#body_selectUserCSV #page-wrapper .form-group label,
#body_confirmUserCSV #page-wrapper .form-group label,
#body_ManageGroup_GroupBulkRegister #page-wrapper .form-group label {
    position: static;
    font-size: 24px;
}
#body_selectUserCSV #page-wrapper .form-group label + div,
#body_confirmUserCSV #page-wrapper .form-group label + div,
#body_ManageGroup_GroupBulkRegister #page-wrapper .form-group label + div {
    margin-bottom: 10px;
}
#body_selectUserCSV #page-wrapper .form-group [type='file'],
#body_confirmUserCSV #page-wrapper .form-group [type='file'],
#body_ManageGroup_GroupBulkRegister #page-wrapper .form-group [type='file'] {
    margin-top: 10px;
    max-height: inherit;
}
#body_selectUserCSV #page-wrapper [name='setname'] .panel-body,
#body_confirmUserCSV #page-wrapper [name='setname'] .panel-body,
#body_ManageGroup_GroupBulkRegister #page-wrapper [name='setname'] .panel-body {
    padding: 40px;
}
#body_selectUserCSV #page-wrapper [name='setname'] .panel-body .form-group.mb0,
#body_confirmUserCSV #page-wrapper [name='setname'] .panel-body .form-group.mb0,
#body_ManageGroup_GroupBulkRegister #page-wrapper [name='setname'] .panel-body .form-group.mb0 {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
#body_selectUserCSV #page-wrapper [name='setname'] .panel-body .form-group.mb0 .help-block,
#body_confirmUserCSV #page-wrapper [name='setname'] .panel-body .form-group.mb0 .help-block,
#body_ManageGroup_GroupBulkRegister #page-wrapper [name='setname'] .panel-body .form-group.mb0 .help-block {
    display: none;
}
#body_selectUserCSV #page-wrapper [name='setname'] .panel-body .form-group.mb0 .row,
#body_confirmUserCSV #page-wrapper [name='setname'] .panel-body .form-group.mb0 .row,
#body_ManageGroup_GroupBulkRegister #page-wrapper [name='setname'] .panel-body .form-group.mb0 .row {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}
#body_selectUserCSV #page-wrapper [name='setname'] .panel-body .form-group.mb0 .row > div,
#body_confirmUserCSV #page-wrapper [name='setname'] .panel-body .form-group.mb0 .row > div,
#body_ManageGroup_GroupBulkRegister #page-wrapper [name='setname'] .panel-body .form-group.mb0 .row > div {
    padding: 5px;
    width: 310px;
}
#body_selectUserCSV #page-wrapper [name='setname'] .panel-body .form-group.mb0 .row > div .btn,
#body_confirmUserCSV #page-wrapper [name='setname'] .panel-body .form-group.mb0 .row > div .btn,
#body_ManageGroup_GroupBulkRegister #page-wrapper [name='setname'] .panel-body .form-group.mb0 .row > div .btn {
    max-width: 300px;
    width: 100%;
    font-size: 16px;
    height: 50px;
    margin: 0;
    padding: 5px;
    max-height: 50px;
}
#body_selectUserCSV #page-wrapper [name='setname'] .panel-body .form-group.mb0 .row > div .btn-primary,
#body_confirmUserCSV #page-wrapper [name='setname'] .panel-body .form-group.mb0 .row > div .btn-primary,
#body_ManageGroup_GroupBulkRegister #page-wrapper [name='setname'] .panel-body .form-group.mb0 .row > div .btn-primary {
    border-color: #0a9d9d;
    color: #fff;
    font-weight: bold;
    background-color: #0a9d9d;
}
#body_selectUserCSV #page-wrapper [name='setname'] .fa-users,
#body_confirmUserCSV #page-wrapper [name='setname'] .fa-users,
#body_ManageGroup_GroupBulkRegister #page-wrapper [name='setname'] .fa-users {
    display: none;
}
#body_ManageGroup_GroupBulkRegister #page-wrapper {
    padding: 0 15px;
    position: relative;
}
#body_ManageGroup_GroupBulkRegister #page-wrapper .header-wrap .panel-heading > div:last-child {
    position: absolute;
    bottom: 40px;
    transform: translateX(-50%);
    left: 50%;
}
#body_ManageGroup_GroupBulkRegister #page-wrapper .header-wrap .panel-heading > div:last-child .btn-default {
    width: 300px;
    max-width: 300px;
    border: 1px solid #999;
    background-color: #f7f7f7;
}
#body_ManageGroup_GroupBulkRegister #page-wrapper .header-wrap .panel-heading > div:first-child {
    width: 100%;
    justify-content: center;
}
#body_ManageGroup_GroupBulkRegister #page-wrapper .header-wrap .panel-heading > div:first-child .fa-user-plus {
    display: none;
}
#body_ManageGroup_GroupBulkRegister #page-wrapper .file-uploader {
    font-size: 16px;
    padding: 40px 0 50px;
    border-radius: 8px;
    max-width: 920px;
    margin-right: auto;
    margin-left: auto;
    background-color: #fff;
}
#body_ManageGroup_GroupBulkRegister #page-wrapper .file-uploader [type='file'] {
    display: inline-block;
}
#body_ManageGroup_GroupBulkRegister #page-wrapper .file-uploader .fa-paperclip {
    display: none;
}
#body_ManageGroup_GroupBulkRegister #page-wrapper .file-uploader .form-group {
    border: none;
}
#body_ManageSubscription_Orders {
    padding-top: 80px;
}
#body_ManageSubscription_Orders #page-wrapper .form-group .checkbox label {
    padding-left: 0;
    margin-right: 20px !important;
}
#body_ManageSubscription_Orders #page-wrapper .form-group [type='checkbox'] {
    padding: 0;
    cursor: pointer;
    position: relative;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border: 2px solid #999;
    border-radius: 2px;
    width: 15px;
    vertical-align: middle;
    height: 15px;
    font-size: 10px;
    margin-right: 5px;
    margin-left: 0;
    text-align: center;
}
#body_ManageSubscription_Orders #page-wrapper .form-group [type='checkbox']:checked {
    background-color: #29abdb;
    border: 1px solid #29abdb;
}
#body_ManageSubscription_Orders #page-wrapper .form-group [type='checkbox']:checked::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 1px;
    display: inline-block;
    width: 10px;
    height: 6px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-54deg);
}
#body_user.class_user.mm-wrapper .modal-dialog {
    width: 800px;
    max-width: 90%;
}
#body_user.class_user.mm-wrapper .modal-header.main-header {
    background-color: #fff !important;
    padding: 24px 30px 18px;
    color: #444 !important;
}
#body_user.class_user.mm-wrapper .modal-header.main-header .modal-title {
    font-weight: bold;
    font-size: 20px;
}
#body_user.class_user.mm-wrapper .modal-header.main-header .modal-title .fa-users-class,
#body_user.class_user.mm-wrapper .modal-header.main-header .modal-title .fa-users {
    display: none;
}
#body_user.class_user.mm-wrapper .modal-header.main-header .close {
    opacity: 1;
    margin-top: -2px;
}
#body_user.class_user.mm-wrapper .modal-header.main-header .close #xClose {
    font-weight: bold;
    font-weight: normal;
    color: #444;
}
#body_user.class_user.mm-wrapper .modal-body {
    padding: 20px 40px 0;
    font-size: 12px;
}
@media (max-width: 767px) {
    #body_user.class_user.mm-wrapper .modal-body {
        padding: 20px 20px 0;
    }
}
#body_user.class_user.mm-wrapper .modal-body #form_group .form-group {
    border-bottom: 1px solid #dedede;
    padding: 0px 0 20px 215px;
    position: relative;
}
#body_user.class_user.mm-wrapper .modal-body #form_group .form-group#div_lms_country,
#body_user.class_user.mm-wrapper .modal-body #form_group .form-group#div_lms_language,
#body_user.class_user.mm-wrapper .modal-body #form_group .form-group#div_lms_timezone,
#body_user.class_user.mm-wrapper .modal-body #form_group .form-group#div_active_status {
    display: none;
}
#body_user.class_user.mm-wrapper .modal-body #form_group .form-group.well {
    background-color: transparent;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #dedede;
}
#body_user.class_user.mm-wrapper .modal-body #form_group .form-group.well .form-group {
    border-bottom: none;
    padding-left: 30px;
    padding-bottom: 0;
    margin-bottom: 0;
}
#body_user.class_user.mm-wrapper .modal-body #form_group .form-group.well label {
    position: static;
    padding-left: 0;
}
#body_user.class_user.mm-wrapper .modal-body #form_group .form-group.well #sendMailWrapper .form-group {
    padding-left: 0;
}
#body_user.class_user.mm-wrapper .modal-body #form_group .form-group.well #sendMailWrapper + div {
    width: 200px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}
#body_user.class_user.mm-wrapper .modal-body #form_group .form-group.well #sendMailWrapper + div .btn {
    font-size: 14px;
    background-color: #f7f7f7;
    color: #444;
}
@media (max-width: 767px) {
    #body_user.class_user.mm-wrapper .modal-body #form_group .form-group {
        padding-left: 0;
    }
}
#body_user.class_user.mm-wrapper .modal-body #form_group .form-group.password-input-area {
    padding-left: 0;
    display: block;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 10px;
}
#body_user.class_user.mm-wrapper .modal-body #form_group .form-group.password-input-area [type='password'] {
    max-width: 280px;
    border-radius: 4px;
}
@media (max-width: 767px) {
    #body_user.class_user.mm-wrapper .modal-body #form_group .form-group.password-input-area [type='password'] {
        max-width: 198px;
    }
}
#body_user.class_user.mm-wrapper .modal-body #form_group .form-group.password-input-area .show-pass-btn {
    border: 1px solid #999;
    border-radius: 4px;
    margin-left: 7px;
    width: 36px;
    height: 34px;
    padding: 0;
    text-align: center;
    color: #888;
    background-color: #f7f7f7;
}
#body_user.class_user.mm-wrapper .modal-body #form_group .form-group .help {
    display: none;
}
#body_user.class_user.mm-wrapper .modal-body #form_group .form-group .text-muted {
    font-size: 12px;
    color: #444;
}
#body_user.class_user.mm-wrapper .modal-body #form_group .form-group .input-group label {
    position: static;
    max-width: inherit;
    font-size: 14px;
    padding-left: 0;
    margin-top: 10px;
    margin-bottom: 5px;
}
#body_user.class_user.mm-wrapper .modal-body #form_group .form-group .input-group .help-block {
    margin-left: 25px;
}
#body_user.class_user.mm-wrapper .modal-body #form_group .form-group label {
    position: absolute;
    left: 0;
    padding-left: 10px;
    max-width: 200px;
    top: 0px;
}
#body_user.class_user.mm-wrapper .modal-body #form_group .form-group label .text-danger {
    font-size: 0;
}
#body_user.class_user.mm-wrapper .modal-body #form_group .form-group label .text-danger::before {
    font-size: 10px;
    content: '必須';
    color: #fff;
    background-color: #ff1700;
    border-radius: 2px;
    min-width: 33px;
    padding: 1px 0;
    display: inline-block;
    font-style: normal;
    margin-left: 10px;
    margin-top: -2px;
    text-align: center;
}
@media (max-width: 767px) {
    #body_user.class_user.mm-wrapper .modal-body #form_group .form-group label {
        position: static;
    }
}
#body_user.class_user.mm-wrapper .modal-body #form_group .form-group label#change_password_label {
    position: static;
    padding-left: 0;
}
#body_user.class_user.mm-wrapper .modal-body #form_group .form-group .help-block {
    font-size: 12px;
}
#body_user.class_user.mm-wrapper .modal-body #form_group #userWrapper + .col-md-6 strong {
    position: absolute;
    left: 0;
    max-width: 200px;
    top: 0px;
}
@media (max-width: 767px) {
    #body_user.class_user.mm-wrapper .modal-body #form_group #userWrapper + .col-md-6 strong {
        position: static;
    }
}
#body_user.class_user.mm-wrapper .modal-body #form_group #userWrapper + .col-md-6 #groupWrapper {
    background-color: #f7f7f7;
    padding: 15px;
    border-radius: 5px;
}
#body_user.class_user.mm-wrapper
    .modal-body
    #form_group
    #userWrapper
    + .col-md-6
    #groupWrapper
    .jstree-wholerow-clicked {
    background: none;
}
#body_user.class_user.mm-wrapper .modal-body #form_group #userWrapper + .col-md-6 #groupWrapper .fa-users-class {
    display: none;
}
#body_user.class_user.mm-wrapper .modal-body #form_group #userWrapper,
#body_user.class_user.mm-wrapper .modal-body #form_group #userWrapper + .col-md-6 {
    width: 100%;
    padding: 0;
}
#body_user.class_user.mm-wrapper .modal-body #form_group #userWrapper [type='text'],
#body_user.class_user.mm-wrapper .modal-body #form_group #userWrapper + .col-md-6 [type='text'] {
    max-width: 280px;
}
#body_user.class_user.mm-wrapper .modal-body #form_group #userWrapper #div_active_status + .form-group .row,
#body_user.class_user.mm-wrapper
    .modal-body
    #form_group
    #userWrapper
    + .col-md-6
    #div_active_status
    + .form-group
    .row {
    display: flex;
    padding: 7px 0;
    font-size: 14px;
}
@media (max-width: 767px) {
    #body_user.class_user.mm-wrapper .modal-body #form_group #userWrapper #div_active_status + .form-group .row,
    #body_user.class_user.mm-wrapper
        .modal-body
        #form_group
        #userWrapper
        + .col-md-6
        #div_active_status
        + .form-group
        .row {
        display: block;
    }
}
#body_user.class_user.mm-wrapper .modal-body #form_group #userWrapper #div_active_status + .form-group .row .col-md-7,
#body_user.class_user.mm-wrapper
    .modal-body
    #form_group
    #userWrapper
    + .col-md-6
    #div_active_status
    + .form-group
    .row
    .col-md-7 {
    width: 230px;
}
#body_user.class_user.mm-wrapper
    .modal-body
    #form_group
    #userWrapper
    #div_active_status
    + .form-group
    .row
    .input-group-addon,
#body_user.class_user.mm-wrapper
    .modal-body
    #form_group
    #userWrapper
    + .col-md-6
    #div_active_status
    + .form-group
    .row
    .input-group-addon {
    background-color: #fff;
    border: none;
}
#body_user.class_user.mm-wrapper .modal-body #form_group #userWrapper #div_active_status + .form-group .radio,
#body_user.class_user.mm-wrapper
    .modal-body
    #form_group
    #userWrapper
    + .col-md-6
    #div_active_status
    + .form-group
    .radio {
    width: 148px;
}
#body_user.class_user.mm-wrapper .modal-body #form_group #userWrapper #div_active_status + .form-group .radio label,
#body_user.class_user.mm-wrapper
    .modal-body
    #form_group
    #userWrapper
    + .col-md-6
    #div_active_status
    + .form-group
    .radio
    label {
    position: static;
    margin-bottom: 0;
}
#body_user.class_user.mm-wrapper .modal-body #form_group #userWrapper #div_active_status + .form-group [type='text'],
#body_user.class_user.mm-wrapper
    .modal-body
    #form_group
    #userWrapper
    + .col-md-6
    #div_active_status
    + .form-group
    [type='text'] {
    width: 160px;
    border-radius: 4px;
}
#body_user.class_user.mm-wrapper .modal-body #form_group #move_user_right_div {
    border-right: 1px solid #e3e3e3;
}
#body_user.class_user.mm-wrapper .modal-body #form_group #move_user_right_div .form-group {
    border-bottom: none;
}
#body_user.class_user.mm-wrapper .modal-body #form_group #move_user_left_div .form-group {
    border-bottom: none;
}
#body_user.class_user.mm-wrapper .modal-body #form_group #move_user_left_div #fromLabel {
    margin-top: 0;
}
#body_user.class_user.mm-wrapper .modal-body #form_group #move_user_left_div #toLabel,
#body_user.class_user.mm-wrapper .modal-body #form_group #move_user_left_div #keep_wrapper h3 {
    margin-top: 25px;
}
#body_user.class_user.mm-wrapper .modal-body #form_group #move_user_left_div #fromLabel,
#body_user.class_user.mm-wrapper .modal-body #form_group #move_user_left_div #toLabel,
#body_user.class_user.mm-wrapper .modal-body #form_group #move_user_left_div #keep_wrapper h3 {
    font-size: 20px;
    font-weight: bold;
}
#body_user.class_user.mm-wrapper .modal-body #form_group #move_user_right_div #targetLabel,
#body_user.class_user.mm-wrapper .modal-body #form_group #move_user_left_div #targetLabel {
    font-size: 20px;
    font-weight: bold;
    margin-top: 0;
}
#body_user.class_user.mm-wrapper .modal-body #form_group #move_user_right_div .form-group,
#body_user.class_user.mm-wrapper .modal-body #form_group #move_user_left_div .form-group {
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
#body_user.class_user.mm-wrapper .modal-body #form_group #move_user_right_div .form-group .login_in_move_modal,
#body_user.class_user.mm-wrapper .modal-body #form_group #move_user_left_div .form-group .login_in_move_modal {
    font-size: 14px;
}
#body_user.class_user.mm-wrapper .modal-body #form_group #move_user_right_div #keep_wrapper label,
#body_user.class_user.mm-wrapper .modal-body #form_group #move_user_left_div #keep_wrapper label {
    position: static;
    display: block;
    font-weight: normal;
    font-size: 14px;
}
#body_user.class_user.mm-wrapper .modal-body .form-group {
    font-size: 16px;
}
#body_user.class_user.mm-wrapper .modal-body .form-group label {
    margin-bottom: 15px;
}
#body_user.class_user.mm-wrapper .modal-body .form-group#div_name [type='text'],
#body_user.class_user.mm-wrapper .modal-body .form-group#div_group_code [type='text'],
#body_user.class_user.mm-wrapper .modal-body .form-group#div_user_limit [type='text'] {
    max-width: 280px;
}
#body_user.class_user.mm-wrapper .modal-body [type='checkbox'] {
    cursor: pointer;
    position: relative;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border: 2px solid #999;
    border-radius: 2px;
    width: 20px;
    vertical-align: middle;
    height: 20px;
    font-size: 10px;
    margin-right: 5px;
    margin-top: -2px;
    text-align: center;
}
#body_user.class_user.mm-wrapper .modal-body [type='checkbox']:indeterminate {
    -moz-appearance: auto;
    appearance: auto;
    -webkit-appearance: auto;
}
#body_user.class_user.mm-wrapper .modal-body [type='checkbox']:checked {
    background-color: #29abdb;
    border: 1px solid #29abdb;
}
#body_user.class_user.mm-wrapper .modal-body [type='checkbox']:checked::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 2px;
    display: inline-block;
    width: 12px;
    height: 8px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-54deg);
}
#body_user.class_user.mm-wrapper .modal-body [type='radio'] {
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid #999;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-top: 0px;
}
#body_user.class_user.mm-wrapper .modal-body [type='radio']:checked {
    border-color: #29abdb;
    border-width: 2px;
}
#body_user.class_user.mm-wrapper .modal-body [type='radio']:checked::before {
    border-radius: 50%;
    content: '';
    background-color: #29abdb;
    position: absolute;
    width: 10px;
    height: 10px;
    top: 50%;
    left: 50%;
    display: block;
    transform: translate(-50%, -50%);
}
#body_user.class_user.mm-wrapper .modal-body.edit-group-list-modal-body {
    font-weight: bold;
    padding-bottom: 30px;
}
#body_user.class_user.mm-wrapper .modal-body.edit-group-list-modal-body .edit-group-list-modal-col-group-name {
    font-size: 16px;
}
#body_user.class_user.mm-wrapper .modal-body.edit-group-list-modal-body .edit-group-list-modal-col-buttons .btn {
    background-color: #fff;
    border: 1px solid #999;
    color: #888;
    width: 40px;
    height: 40px;
    padding: 0;
    line-height: 40px;
    text-align: center;
}
#body_user.class_user.mm-wrapper .modal-body.edit-group-list-modal-body .fa-users-class {
    display: none;
}
#body_user.class_user.mm-wrapper .modal-footer {
    border-top: none;
}
#body_user.class_user.mm-wrapper .modal-footer > .row {
    padding-top: 0;
    display: flex;
    flex-direction: row-reverse;
    max-width: 490px;
    margin-right: auto;
    margin-left: auto;
}
#body_user.class_user.mm-wrapper .modal-footer > .row > div {
    padding: 0 5px;
}
#body_user.class_user.mm-wrapper .modal-footer > .row .btn {
    font-size: 16px;
    border-radius: 8px;
    height: 50px !important;
}
#body_user.class_user.mm-wrapper .modal-footer > .row .btn-primary {
    background-color: #0a9d9d;
}
#body_user.class_user.mm-wrapper .modal-footer > .row .btn-default {
    background-color: #f7f7f7;
}
#body_user.class_user.mm-wrapper .modal-footer > .row .btn-danger,
#body_user.class_user.mm-wrapper .modal-footer > .row .btn-warning {
    background-color: #fff;
    color: #ff1700;
    border: 1px solid #ff1700;
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout #page-wrapper .header-wrap {
    margin-right: 0;
    margin-left: 0;
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout #page-wrapper .header-wrap + .row .col-md-9 h2 {
    font-size: 24px;
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout #page-wrapper .header-wrap + .row .col-md-9 h2 .fa-plus-circle {
    color: #0a9d9d;
}
#body_user.class_user.mm-wrapper
    .mm-page.mm-slideout
    #page-wrapper
    > .row
    .col-md-3.col-sm-12.flex-end.mb15
    .btn-danger[disabled] {
    display: none;
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout #page-wrapper > .row .col-md-3.col-sm-12.flex-end.mb15 .ml15 {
    margin-left: 4px !important;
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout #page-wrapper > .row .col-md-3.col-sm-12.flex-end.mb15 .btn {
    background-color: #fff;
    border: 1px solid #999;
    color: #888;
    width: 40px;
    height: 40px;
    padding: 0;
    margin-right: 0;
    line-height: 40px;
    text-align: center;
}
#body_user.class_user.mm-wrapper
    .mm-page.mm-slideout
    #page-wrapper
    > .row
    .col-md-3.col-sm-12.flex-end.mb15
    .btn
    .fas.fa-archive.fa-fw.fa-lg {
    color: #888;
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .list-group .list-group-item {
    border: none;
    border-radius: 0 !important;
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .list-group .list-group-item:first-child {
    padding-top: 18px;
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .list-group .list-group-item:last-child {
    padding-bottom: 18px;
}
#body_user.class_user.mm-wrapper
    .mm-page.mm-slideout
    .list-group
    .list-group-item
    .jstree-default
    .jstree-wholerow-clicked {
    background: transparent;
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .list-group .list-group-item .form-group {
    padding: 0px;
    border-bottom: none;
}
#body_user.class_user.mm-wrapper
    .mm-page.mm-slideout
    .list-group
    .list-group-item
    .jstree-container-ul
    .jstree-icon.fa-users-class {
    display: none;
}
#body_user.class_user.mm-wrapper
    .mm-page.mm-slideout
    .list-group
    .list-group-item
    .jstree-container-ul
    .jstree-icon.jstree-ocl {
    background-size: auto auto;
    background-image: url(https://c-c-j-biz.learningbox.design/front-end/2.18.25/external-lib/cdnjs.cloudflare.com/ajax/libs/jstree/3.3.7/themes/default/32px.png);
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .list-group .list-group-item .btn.btn-default {
    font-size: 14px;
    background-color: #f7f7f7;
    border-radius: 8px;
    padding: 12px 2px;
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .group-member-list-panel {
    padding-top: 85px;
    border: none;
    margin-right: 15px;
    width: calc(75% - 15px);
    position: relative;
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .group-member-list-panel > h2[style*='margin-top:50px'] {
    transform: translateY(-30px);
}
@media (max-width: 767px) {
    #body_user.class_user.mm-wrapper .mm-page.mm-slideout .group-member-list-panel {
        width: calc(100% - 30px);
        margin: 0 auto;
    }
}
#body_user.class_user.mm-wrapper
    .mm-page.mm-slideout
    .group-member-list-panel
    #group_members
    #DataTables_Table_0_filter {
    display: none;
}
#body_user.class_user.mm-wrapper
    .mm-page.mm-slideout
    .group-member-list-panel
    #group_members
    #DataTables_Table_0_wrapper {
    position: static;
}
#body_user.class_user.mm-wrapper
    .mm-page.mm-slideout
    .group-member-list-panel
    #group_members
    #DataTables_Table_0_wrapper
    .col-sm-6 {
    position: static;
}
#body_user.class_user.mm-wrapper
    .mm-page.mm-slideout
    .group-member-list-panel
    #group_members
    #DataTables_Table_0_wrapper
    .dataTables_length {
    position: absolute;
    top: 30px;
    left: 20px;
}
#body_user.class_user.mm-wrapper
    .mm-page.mm-slideout
    .group-member-list-panel
    #group_members
    #DataTables_Table_0_wrapper
    .dataTables_length
    select {
    width: 160px;
    font-size: 14px;
    padding: 4px 5px;
    margin-right: 5px;
    height: 36px;
    line-height: 36px;
}
#body_user.class_user.mm-wrapper
    .mm-page.mm-slideout
    .group-member-list-panel
    .group-member-list-panel-header
    > div:first-child {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px 4px;
}
#body_user.class_user.mm-wrapper
    .mm-page.mm-slideout
    .group-member-list-panel
    .group-member-list-panel-header
    > div:first-child
    #delete-button {
    order: 4;
}
#body_user.class_user.mm-wrapper
    .mm-page.mm-slideout
    .group-member-list-panel
    .group-member-list-panel-header
    .btn.btn-md {
    margin-left: 0;
    margin-right: 0;
    border: 1px solid #888 !important;
    background-color: #f7f7f7 !important;
    border-radius: 4px;
    color: #444;
    font-size: 14px;
    padding: 7px 9px;
}
#body_user.class_user.mm-wrapper
    .mm-page.mm-slideout
    .group-member-list-panel
    .group-member-list-panel-header
    .flex-end.flex-center {
    margin-top: -100px;
    margin-right: 15px;
}
#body_user.class_user.mm-wrapper
    .mm-page.mm-slideout
    .group-member-list-panel
    .group-member-list-panel-header
    .flex-end.flex-center
    p {
    padding: 7px;
    border-radius: 5px;
    background-color: #d3eaf4;
    font-size: 16px;
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .table-member.table-danger {
    box-shadow: none;
    margin-bottom: 30px !important;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .table-member.table-danger [type='checkbox'] {
    cursor: pointer;
    position: relative;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid #999;
    border-radius: 2px;
    width: 20px;
    height: 20px;
    font-size: 10px;
    text-align: center;
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .table-member.table-danger [type='checkbox']:indeterminate {
    -moz-appearance: auto;
    appearance: auto;
    -webkit-appearance: auto;
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .table-member.table-danger [type='checkbox']:checked {
    background-color: #29abdb;
    border: 2px solid #29abdb;
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .table-member.table-danger [type='checkbox']:checked::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 2px;
    display: inline-block;
    width: 12px;
    height: 8px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-54deg);
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .table-member.table-danger thead {
    background-color: #f7f7f7;
    color: #444;
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .table-member.table-danger thead th {
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: 1px solid #dedede;
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .table-member.table-danger thead .sorting:after {
    display: none;
}
#body_user.class_user.mm-wrapper
    .mm-page.mm-slideout
    .table-member.table-danger.dataTable.dtr-column
    > tbody
    > tr
    > td.control:before {
    content: '';
    border-bottom: 2px solid #444;
    border-right: 2px solid #444;
    transform: rotate(45deg);
    border-radius: 0;
    width: 7px;
    height: 7px;
    margin-top: -2px;
}
#body_user.class_user.mm-wrapper
    .mm-page.mm-slideout
    .table-member.table-danger.dataTable.dtr-column
    > tbody
    > tr.parent
    > td.control {
    background-color: transparent;
}
#body_user.class_user.mm-wrapper
    .mm-page.mm-slideout
    .table-member.table-danger.dataTable.dtr-column
    > tbody
    > tr.parent
    > td.control:before {
    transform: rotate(-135deg);
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .table-member.table-danger tbody > tr.child td.child {
    background-color: #fff;
    padding-left: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .table-member.table-danger tbody > tr.child:hover {
    background-color: #fff !important;
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .table-member.table-danger tbody > tr.child ul.dtr-details > li {
    border: none;
}
#body_user.class_user.mm-wrapper
    .mm-page.mm-slideout
    .table-member.table-danger
    tbody
    > tr.child
    ul.dtr-details
    > li
    .dtr-title {
    border-right: none;
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .table-member.table-danger tbody th,
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .table-member.table-danger tbody td {
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    padding-top: 5px;
    padding-bottom: 5px;
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .table-member.table-danger tbody th a,
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .table-member.table-danger tbody td a {
    color: #444;
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .table-member.table-danger .btn-sm {
    width: 30px;
    height: 30px;
    border: 1px solid #999;
    background-color: #f7f7f7;
    color: #888;
    padding: 0;
    text-align: center;
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .table-member.table-danger .btn-sm i {
    line-height: 30px;
    font-size: 18px;
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .page-top {
    margin-top: 100px;
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .page-top .col-lg-6 {
    justify-content: center;
    width: 100%;
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .page-top .col-lg-6 i {
    display: none;
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .page-top .col-lg-6 .btn-howto {
    display: none !important;
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .page-top .col-lg-6:last-child {
    display: none;
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .pagination > .active > a,
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .pagination > .active > a:focus,
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .pagination > .active > a:hover,
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .pagination > .active > span,
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .pagination > .active > span:focus,
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .pagination > .active > span:hover {
    background-color: #0a9d9d;
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .pagination .paginate_button {
    font-weight: 500;
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .pagination .paginate_button.previous a,
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .pagination .paginate_button.next a {
    font-family: 'Font Awesome 5 Pro';
    font-size: 0;
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .pagination .paginate_button.previous a::before,
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .pagination .paginate_button.next a::before {
    font-size: 14px;
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .pagination .paginate_button.previous a::before {
    content: '\f060';
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .pagination .paginate_button.next a::before {
    content: '\f061';
}
#body_user.class_user.mm-wrapper .mm-page.mm-slideout .pagination .paginate_button.disabled a {
    color: #c9c9c9;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper {
    margin: 50px 24px;
    background-color: #fff;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 40px !important;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper .breadcrumb {
    background-color: #fff;
    padding-top: 20px;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #oldButton-md {
    background-color: #f7f7f7;
    border: 1px solid #999;
    color: #444;
    padding-top: 16px;
    padding-bottom: 16px;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper.gen-type-quiz > .row.mtop-10.mbottom-10 {
    margin-bottom: 0;
}
#body_resultDetail.class_user.mm-wrapper
    #page-wrapper.gen-type-quiz
    > .row.mtop-10.mbottom-10
    .hidden-md.hidden-lg.clearfix {
    justify-content: space-between;
    flex-direction: row-reverse;
    display: flex;
    width: 100%;
}
#body_resultDetail.class_user.mm-wrapper
    #page-wrapper.gen-type-quiz
    > .row.mtop-10.mbottom-10
    .hidden-md.hidden-lg.clearfix::before,
#body_resultDetail.class_user.mm-wrapper
    #page-wrapper.gen-type-quiz
    > .row.mtop-10.mbottom-10
    .hidden-md.hidden-lg.clearfix::after {
    display: none;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper.gen-type-quiz > .row.mtop-10.mbottom-10 .pull-right {
    width: 100%;
    padding: 0;
    width: 200px;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper.gen-type-movie #deviceInfo {
    margin-bottom: 100px;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper .page-header {
    border-bottom: none;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper .page-header .fa-file-alt,
#body_resultDetail.class_user.mm-wrapper #page-wrapper .page-header .fa-user,
#body_resultDetail.class_user.mm-wrapper #page-wrapper .page-header .fa-file-video {
    display: none;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper .page-header #sco-title {
    font-size: 28px;
    font-weight: bold;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper .page-header .text-danger {
    color: #444;
    font-size: 16px;
    font-weight: bold;
    margin-top: 16px;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper .btn-group .btn-status {
    padding: 8px 10px;
    border-radius: 16px;
    background-color: transparent;
    border: none;
    color: #444;
    font-weight: bold;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper .btn-group .btn-status.active {
    color: #fff;
    background-color: #0a9d9d;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail > .row:first-child {
    background-color: #f5f5f5;
    border-radius: 10px;
    padding: 15px 12px;
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail > .row:first-child .col-lg-6 {
    width: 100%;
    margin: 0;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail > .row:first-child .col-lg-6:first-child {
    font-size: 16px;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail > .row:first-child .col-lg-6:first-child .table {
    font-weight: bold;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail > .row:first-child::before,
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail > .row:first-child::after {
    display: none;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail > .row:first-child .table-bordered {
    width: auto;
    border: none;
    margin-bottom: 0;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail > .row:first-child .table-bordered tr .active {
    background-color: transparent;
    font-weight: normal;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail > .row:first-child .table-bordered tr .success {
    background-color: transparent;
}
#body_resultDetail.class_user.mm-wrapper
    #page-wrapper
    #detail
    > .row:first-child
    .table-bordered
    tr
    .success:first-child {
    display: none;
}
#body_resultDetail.class_user.mm-wrapper
    #page-wrapper
    #detail
    > .row:first-child
    .table-bordered
    tr
    .success:first-child
    + td {
    font-weight: bold;
    color: #0a9d9d;
    font-size: 24px;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail > .row:first-child .table-bordered tr th {
    width: auto;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail > .row:first-child .table-bordered tr th,
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail > .row:first-child .table-bordered tr td {
    vertical-align: middle;
    border: none;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .pull-right .btn-primary {
    background-color: #179d9d;
    border-radius: 4px;
    border: none;
    font-size: 14px;
    padding: 11px;
    margin-top: -35px;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .pull-right .btn-primary .fa-table {
    display: none;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout {
    border: 1px solid #e0e0e0;
    padding: 0 20px 20px;
    position: relative;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout.bs-callout-wrong > .clearfix:first-child {
    background-color: #ffefef;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout .q-sentence h5,
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout .q-answer h5,
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout .q-correct h5 {
    font-size: 16px;
    font-weight: bold;
    border-bottom: none;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout .q-sentence h5 .fas,
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout .q-sentence h5 .far,
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout .q-answer h5 .fas,
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout .q-answer h5 .far,
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout .q-correct h5 .fas,
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout .q-correct h5 .far {
    display: none;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout .q-sentence .result-detail-question,
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout .q-answer .result-detail-question,
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout .q-correct .result-detail-question {
    border: none;
    padding: 0 0 15px 0;
    overflow: visible;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout .q-sentence .result-detail-question span,
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout .q-answer .result-detail-question span,
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout .q-correct .result-detail-question span {
    font-size: 16px !important;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout .q-sentence .result-detail-question,
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout .q-answer .result-detail-question {
    border-bottom: 1px solid #dedede;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout .q-explain {
    background-color: #f4f4f4;
    padding: 24px 24px 5px;
    border-radius: 8px;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout .q-explain h5 {
    font-size: 16px;
    font-weight: bold;
    border-bottom: none;
    margin-top: 0;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout .q-explain h5 .fas,
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout .q-explain h5 .far {
    display: none;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout .q-explain .result-detail-question {
    border: none;
    padding: 0 0;
    overflow: visible;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout .q-explain .result-detail-question span {
    font-size: 16px !important;
    background-color: transparent !important;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout .q-explain .btn {
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 4px;
    color: #444444;
    padding: 10px 12px;
    font-size: 14px;
    white-space: normal;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout .q-explain .btn::before {
    content: '';
    width: 17px;
    height: 16px;
    margin-right: 5px;
    vertical-align: middle;
    display: inline-block;
    background-size: cover;
    background-image: url(./img/icon_movie.svg);
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout .q-explain .btn:hover {
    background-color: #fff !important;
    border: 1px solid #999;
    color: #444444;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout .q-explain .btn span {
    font-size: 14px !important;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout .q-explain .btn .far {
    display: none;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout .q-costtime {
    position: absolute;
    right: 20px;
    top: 10px;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout .q-costtime h5 {
    margin: 0 5px 0 0;
    font-weight: bold;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout .q-costtime .result-detail-question {
    margin: 0;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout .q-costtime h5,
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout .q-costtime .result-detail-question {
    display: inline-block;
    padding: 0;
    overflow-x: visible;
    font-size: 16px;
    border: none;
    vertical-align: middle;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout .q-costtime .fa-clock {
    display: none;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout > .clearfix {
    display: flex;
    padding: 6px 20px;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout > .clearfix:first-child {
    border-bottom: 1px solid #e0e0e0;
    margin: 0 -20px;
    background: #f7f7f7;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #detail .bs-callout > .clearfix:first-child .pull-right {
    text-transform: uppercase;
    font-weight: bold;
    float: none !important;
    color: #444;
    padding: 5px 0px;
    background-color: transparent;
    font-size: 16px;
}
#body_resultDetail.class_user.mm-wrapper
    #page-wrapper
    #detail
    .bs-callout
    > .clearfix:first-child
    .pull-right.bg-correct {
    color: #29abdb;
}
#body_resultDetail.class_user.mm-wrapper
    #page-wrapper
    #detail
    .bs-callout
    > .clearfix:first-child
    .pull-right.bg-wrong {
    color: #ff1700;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #deviceInfo h3 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #deviceInfo .table tbody tr:first-child {
    display: none;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #deviceInfo .table tbody tr:nth-of-type(odd) {
    background-color: transparent;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #deviceInfo .table tbody tr td:first-child {
    font-weight: bold;
    background-color: #f7f7f7;
    width: 184px;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #deviceInfo + .row {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #deviceInfo + .row .col-md-4,
#body_resultDetail.class_user.mm-wrapper #page-wrapper #deviceInfo + .row .col-md-8 {
    width: auto;
    float: none;
    padding: 0 5px;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #deviceInfo + .row .col-md-4 .btn,
#body_resultDetail.class_user.mm-wrapper #page-wrapper #deviceInfo + .row .col-md-8 .btn {
    width: 240px;
    font-weight: bold;
    max-width: 100%;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #deviceInfo + .row .col-md-4 .btn .fa-trash-alt,
#body_resultDetail.class_user.mm-wrapper #page-wrapper #deviceInfo + .row .col-md-4 .btn .fa-chevron-left,
#body_resultDetail.class_user.mm-wrapper #page-wrapper #deviceInfo + .row .col-md-8 .btn .fa-trash-alt,
#body_resultDetail.class_user.mm-wrapper #page-wrapper #deviceInfo + .row .col-md-8 .btn .fa-chevron-left {
    display: none;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #deviceInfo + .row .col-md-8 .btn {
    color: #444;
    font-weight: normal;
    border-color: #999999;
    background-color: #f7f7f7;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #deviceInfo + .row .col-md-8 .btn:hover {
    background-color: #f7f7f7;
    color: #444;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #deviceInfo + .row .col-md-4 .btn {
    color: #ff1700;
    border-color: #ff1700;
}
#body_resultDetail.class_user.mm-wrapper #page-wrapper #deviceInfo + .row .col-md-4 .btn:hover {
    background-color: #fff;
    color: #ff1700;
}
#body_score.class_user.mm-wrapper #page-wrapper {
    margin: 0 20px;
    display: block;
}
#body_score.class_user.mm-wrapper #page-wrapper .nav-tabs::before {
    display: none;
}
#body_score.class_user.mm-wrapper #page-wrapper .nav-tabs li {
    display: none;
}
#body_score.class_user.mm-wrapper #page-wrapper #choose_genscoreList + .ms-parent .ms-drop {
    z-index: 1010;
}
#body_score.class_user.mm-wrapper #page-wrapper #statusscoreList + .ms-parent .ms-drop {
    z-index: 1009;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #lms-dataTablesscoreList_paginate
    .pagination
    #lms-dataTablesscoreList_previous
    a {
    font-family: 'Font Awesome 5 Pro';
    font-size: 0;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #lms-dataTablesscoreList_paginate
    .pagination
    #lms-dataTablesscoreList_previous
    a::before {
    content: '\f060';
    font-size: 14px;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #lms-dataTablesscoreList_paginate
    .pagination
    #lms-dataTablesscoreList_next
    a {
    font-family: 'Font Awesome 5 Pro';
    font-size: 0;
    color: #5b5b5b;
    font-weight: bold;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #lms-dataTablesscoreList_paginate
    .pagination
    #lms-dataTablesscoreList_next
    a::before {
    content: '\f061';
    font-size: 14px;
}
#body_score.class_user.mm-wrapper #page-wrapper #lms-dataTablesscoreList_paginate .pagination > .active > a {
    background-color: #179d9d;
}
#body_score.class_user.mm-wrapper #page-wrapper #lms-dataTablesscoreList_paginate .pagination > .disabled > a {
    color: #c9c9c9;
}
#body_score.class_user.mm-wrapper #page-wrapper #lms-dataTablesscoreList thead {
    background-color: #f7f7f7;
}
#body_score.class_user.mm-wrapper #page-wrapper #lms-dataTablesscoreList thead th {
    border-right: none;
    border-left: none;
}
#body_score.class_user.mm-wrapper #page-wrapper #lms-dataTablesscoreList tbody .child .dtr-details {
    padding-left: 37px;
}
#body_score.class_user.mm-wrapper #page-wrapper #lms-dataTablesscoreList tbody .child .dtr-details .fa-file-video {
    display: none;
}
#body_score.class_user.mm-wrapper #page-wrapper #lms-dataTablesscoreList tbody .child .dtr-details li {
    border-bottom: none;
}
#body_score.class_user.mm-wrapper #page-wrapper #lms-dataTablesscoreList tbody .child .dtr-details li .dtr-title {
    border-right: none;
}
#body_score.class_user.mm-wrapper #page-wrapper #lms-dataTablesscoreList tbody .child .dtr-details li a {
    color: inherit;
}
#body_score.class_user.mm-wrapper #page-wrapper #lms-dataTablesscoreList tbody .child .dtr-details li .dtr-data button {
    border: 1px solid #999;
    font-size: 12px;
    padding: 7px 14px;
    background-color: #f7f7f7;
    color: #444;
}
#body_score.class_user.mm-wrapper #page-wrapper #lms-dataTablesscoreList tbody .control::before {
    content: '';
    top: 35%;
    width: 8px;
    left: 40%;
    height: 8px;
    display: inline-block;
    vertical-align: middle;
    transform: rotate(135deg);
    border-top: 1.5px solid #000;
    border-right: 1.5px solid #000;
    border-radius: 0;
}
#body_score.class_user.mm-wrapper #page-wrapper #lms-dataTablesscoreList tbody .parent .control {
    background-color: transparent;
}
#body_score.class_user.mm-wrapper #page-wrapper #lms-dataTablesscoreList tbody .parent .control::before {
    transform: rotate(-45deg);
}
#body_score.class_user.mm-wrapper #page-wrapper #lms-dataTablesscoreList tbody tr {
    background-color: #fff;
}
#body_score.class_user.mm-wrapper #page-wrapper #lms-dataTablesscoreList tbody tr td,
#body_score.class_user.mm-wrapper #page-wrapper #lms-dataTablesscoreList tbody tr th {
    border-right: none;
    border-left: none;
    padding-top: 6.5px;
    padding-bottom: 6.5px;
}
#body_score.class_user.mm-wrapper #page-wrapper #lms-dataTablesscoreList tr th:first-child label,
#body_score.class_user.mm-wrapper #page-wrapper #lms-dataTablesscoreList tr td:first-child label {
    width: 20px;
    height: 20px;
    margin-bottom: 0;
    display: inline-block;
    position: relative;
    cursor: pointer;
    border: 2px solid #999;
    border-radius: 2px;
    vertical-align: middle;
    background-color: #fff;
}
#body_score.class_user.mm-wrapper #page-wrapper #lms-dataTablesscoreList tr th:first-child label::before,
#body_score.class_user.mm-wrapper #page-wrapper #lms-dataTablesscoreList tr td:first-child label::before {
    content: '';
}
#body_score.class_user.mm-wrapper #page-wrapper #lms-dataTablesscoreList tr th:first-child :checked + label,
#body_score.class_user.mm-wrapper #page-wrapper #lms-dataTablesscoreList tr td:first-child :checked + label {
    background-color: #29abdb;
    border: 1px solid #29abdb;
}
#body_score.class_user.mm-wrapper #page-wrapper #lms-dataTablesscoreList tr th:first-child :checked + label::before,
#body_score.class_user.mm-wrapper #page-wrapper #lms-dataTablesscoreList tr td:first-child :checked + label::before {
    position: absolute;
    top: 3px;
    left: 3px;
    display: inline-block;
    width: 12px;
    height: 8px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-54deg);
}
#body_score.class_user.mm-wrapper #page-wrapper .nav.nav-tabs {
    background-color: #fff;
    padding: 20px 40px 0;
    font-weight: bold;
    display: flex;
    flex-wrap: wrap;
    border-bottom: none;
    position: relative;
}
@media (max-width: 767px) {
    #body_score.class_user.mm-wrapper #page-wrapper .nav.nav-tabs {
        padding: 15px 15px 0;
    }
}
#body_score.class_user.mm-wrapper #page-wrapper .nav.nav-tabs::before {
    content: '';
    position: absolute;
    left: 40px;
    bottom: 0;
    width: calc(100% - 80px);
    height: 1px;
    background-color: #dfdfdf;
}
#body_score.class_user.mm-wrapper #page-wrapper .nav.nav-tabs a {
    color: #b2b2b2;
    font-size: 16px;
}
#body_score.class_user.mm-wrapper #page-wrapper .nav.nav-tabs li.active > a {
    color: #0a9d9d;
    border: none;
    border-bottom: 3px solid #0a9d9d;
}
#body_score.class_user.mm-wrapper #page-wrapper #myTabContent {
    border: none;
}
#body_score.class_user.mm-wrapper #page-wrapper #myTabContent #container > .row {
    margin-right: 0;
    margin-left: 0;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    #container
    > .row
    > div
    > div:nth-of-type(2)
    > div
    > button[disabled] {
    opacity: 0.25;
}
@media (max-width: 767px) {
    #body_score.class_user.mm-wrapper #page-wrapper {
        margin: 0;
    }
}
#body_score.class_user.mm-wrapper #page-wrapper .header-wrap {
    margin: 0 0 40px;
}
#body_score.class_user.mm-wrapper #page-wrapper .header-wrap .page-top.panel-heading {
    justify-content: center;
}
#body_score.class_user.mm-wrapper #page-wrapper .header-wrap h1 {
    margin-bottom: 0;
    margin-top: 30px;
    width: 100%;
    text-align: center;
}
#body_score.class_user.mm-wrapper #page-wrapper .header-wrap h1 .fa-chart-bar {
    display: none;
}
#body_score.class_user.mm-wrapper #page-wrapper #myTabContent {
    padding: 0;
}
#body_score.class_user.mm-wrapper #page-wrapper #myTabContent .score-del-btn {
    margin-bottom: 20px;
    margin-left: 30px;
}
#body_score.class_user.mm-wrapper #page-wrapper #myTabContent .panel-green .panel-heading {
    display: none;
}
#body_score.class_user.mm-wrapper #page-wrapper #myTabContent .panel-body {
    padding: 0 40px 40px;
    margin-left: 0;
    margin-right: 0;
}
@media (max-width: 767px) {
    #body_score.class_user.mm-wrapper #page-wrapper #myTabContent .panel-body {
        padding: 0 15px 15px;
    }
}
#body_score.class_user.mm-wrapper #page-wrapper #myTabContent .panel-body #admin_table_wrapper .col-sm-12 {
    padding: 0;
}
#body_score.class_user.mm-wrapper #page-wrapper #myTabContent .panel-body > .row .wrap-wrap .btn-group .btn-info {
    display: none;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    > .row
    .wrap-wrap
    .btn-group
    #csv_create_btn_scoreList {
    background-color: #179d9d;
    color: #fff;
    font-size: 14px;
    padding: 11px 12px;
    border: none;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    > .row
    .wrap-wrap
    .btn-group
    .dropdown-toggle {
    background-color: #086e72;
    padding: 10px 12.5px;
    border: none;
}
#body_score.class_user.mm-wrapper #page-wrapper #myTabContent .panel-body .well {
    background-color: #fafafa;
    box-shadow: none;
    padding: 30px 20px 10px !important;
    border: none;
    border-radius: 8px;
}
#body_score.class_user.mm-wrapper #page-wrapper #myTabContent .panel-body .well > .row {
    flex-direction: column !important;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
#body_score.class_user.mm-wrapper #page-wrapper #myTabContent .panel-body .well > .row:last-child label {
    font-weight: normal;
}
#body_score.class_user.mm-wrapper #page-wrapper #myTabContent .panel-body .well > .row:last-child label [type='radio'] {
    margin-left: 0;
}
#body_score.class_user.mm-wrapper #page-wrapper #myTabContent .panel-body .well > .row .form-label.ml15 {
    font-size: 14px;
    margin-left: 0 !important;
}
#body_score.class_user.mm-wrapper #page-wrapper #myTabContent .panel-body .well > .row .other-filters > div {
    margin-bottom: 10px;
    margin-left: 0 !important;
    margin-right: 30px;
}
#body_score.class_user.mm-wrapper #page-wrapper #myTabContent .panel-body .well > .row > .form-group {
    margin-bottom: 20px;
}
#body_score.class_user.mm-wrapper #page-wrapper #myTabContent .panel-body .well > .row .form-group {
    padding: 0;
    width: auto;
    border-bottom: none;
    font-size: 14px;
    font-weight: bold;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
#body_score.class_user.mm-wrapper #page-wrapper #myTabContent .panel-body .well > .row .form-group select option {
    font-family: 'NotoSansCJKjp', 'Noto Sans JP', serif;
}
#body_score.class_user.mm-wrapper #page-wrapper #myTabContent .panel-body .well > .row .form-group input {
    margin-bottom: 0;
    margin-left: 15px;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group
    .ms-drop
    [type='checkbox'] {
    padding: 0;
    cursor: pointer;
    position: relative;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border: 2px solid #999;
    border-radius: 2px;
    width: 15px;
    vertical-align: middle;
    height: 15px;
    font-size: 10px;
    margin-right: 5px;
    margin-left: 0;
    margin-top: -2px;
    text-align: center;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group
    .ms-drop
    [type='checkbox']:indeterminate {
    -moz-appearance: auto;
    appearance: auto;
    -webkit-appearance: auto;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group
    .ms-drop
    [type='checkbox']:checked {
    background-color: #29abdb;
    border: 1px solid #29abdb;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group
    .ms-drop
    [type='checkbox']:checked::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 1px;
    display: inline-block;
    width: 10px;
    height: 6px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-54deg);
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group:first-child
    div.mt20 {
    display: none;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group
    .seachable_dropdown_wrapper,
#body_score.class_user.mm-wrapper #page-wrapper #myTabContent .panel-body .well > .row .form-group .ms-parent {
    margin-left: 15px;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group
    .seachable_dropdown_wrapper {
    margin-top: 5px;
    margin-bottom: 5px;
}
#body_score.class_user.mm-wrapper #page-wrapper #myTabContent .panel-body .well > .row .form-group .ml10 {
    margin-bottom: 5px;
}
#body_score.class_user.mm-wrapper #page-wrapper #myTabContent .panel-body .well > .row .form-group .div_period {
    width: 100%;
    min-width: 360px;
}
@media (max-width: 767px) {
    #body_score.class_user.mm-wrapper #page-wrapper #myTabContent .panel-body .well > .row .form-group .div_period {
        min-width: 100%;
    }
}
#body_score.class_user.mm-wrapper #page-wrapper #myTabContent .panel-body .well > .row .form-group [type='radio'] {
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid #999;
    border-radius: 50%;
    background-color: #fff;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    padding: 0;
    margin-top: 0px;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group
    [type='radio']:checked {
    border-color: #29abdb;
    border-width: 2px;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group
    [type='radio']:checked::before {
    border-radius: 50%;
    content: '';
    background-color: #29abdb;
    position: absolute;
    width: 10px;
    height: 10px;
    top: 50%;
    left: 50%;
    display: block;
    transform: translate(-50%, -50%);
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group:nth-child(1).col-lg-4 {
    max-width: none !important;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group:nth-child(1).col-lg-4
    .form-label {
    white-space: nowrap;
}
#body_score.class_user.mm-wrapper #page-wrapper #myTabContent .panel-body .well > .row .form-group:nth-child(1) .mt20 {
    display: none;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group:nth-child(1)
    .clearfix {
    display: flex !important;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group:nth-child(1)
    .clearfix
    > select:first-of-type {
    margin-left: 10px;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group:nth-child(1)
    .clearfix
    > select:nth-of-type(2) {
    margin-right: 0;
}
#body_score.class_user.mm-wrapper #page-wrapper #myTabContent .panel-body .well > .row .form-group:nth-child(2) {
    order: 3;
    width: 100%;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group:nth-child(2)
    .input-group {
    display: flex;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group:nth-child(2)
    .input-group
    [type='text'] {
    border-radius: 3px;
    padding-right: 30px;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group:nth-child(2)
    .input-group
    .btn {
    color: #999;
    padding: 0;
    font-size: 25px;
    background-color: transparent;
    top: 50%;
    transform: translateY(-50%);
    left: -34px;
    border: none;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group:nth-child(2)
    .input-group
    .btn
    .fas {
    display: block;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group:nth-child(2)
    .clearfix {
    margin-bottom: 0 !important;
    margin-left: 10px !important;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group:nth-child(2)
    > .mt20 {
    width: 100%;
    display: flex;
    align-items: center;
}
#body_score.class_user.mm-wrapper #page-wrapper #myTabContent .panel-body .well > .row .form-group:nth-child(3) {
    order: 2;
    flex: 1;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group:nth-child(3)
    [type='radio'] {
    display: none;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group:nth-child(3)
    #date_search_type_scoreList_relative:checked
    + label::before {
    opacity: 0.8;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group:nth-child(3)
    .form-check-label {
    font-size: 0;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group:nth-child(3)
    .form-check-label[for='date_search_type_scoreList_all'] {
    font-size: 14px;
    display: inline-block;
    border: 1px solid #999;
    background-color: #e3e3e3;
    border-radius: 4px;
    font-size: 12px;
    padding: 6px 10px;
    cursor: pointer;
    color: #444;
    margin-left: 10px;
    margin-bottom: 0;
    white-space: nowrap;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group:nth-child(3)
    .form-check-label[for='date_search_type_scoreList_all']
    .form-label {
    margin-bottom: 0;
    font-weight: normal;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group:nth-child(3)
    .form-check-label[for='date_search_type_scoreList_relative'] {
    margin-bottom: 0;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group:nth-child(3)
    .form-check-label[for='date_search_type_scoreList_relative']::before {
    font-size: 14px;
    content: '直近一週間';
    display: inline-block;
    border: 1px solid #999;
    background-color: #e3e3e3;
    border-radius: 4px;
    font-size: 12px;
    padding: 6px 10px;
    cursor: pointer;
    color: #444;
    margin-left: 10px;
    white-space: nowrap;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group:nth-child(3)
    .form-check-label
    input,
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group:nth-child(3)
    .form-check-label
    select {
    display: none;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group:nth-child(3)
    .date_search_type_scoreList_absolute {
    display: none;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group:nth-child(3)
    #div_lesson_statusscoreList {
    display: none !important;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group:nth-child(3)
    #div_lesson_statusscoreList
    .form-group {
    margin-top: 0;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group:nth-child(3)
    .div_period {
    display: flex;
    align-items: center;
}
@media (max-width: 767px) {
    #body_score.class_user.mm-wrapper
        #page-wrapper
        #myTabContent
        .panel-body
        .well
        > .row
        .form-group:nth-child(3)
        .div_period {
        white-space: nowrap;
        flex-wrap: wrap;
    }
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group:nth-child(3)
    .div_period
    .mt5 {
    display: flex;
    align-items: center;
    margin-top: 0 !important;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group:nth-child(3)
    .div_period
    .mt5
    [type='radio']:checked
    ~ .btn {
    opacity: 0.8;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group:nth-child(3)
    .div_period
    .mt5
    .btn {
    border: 1px solid #999;
    background-color: #e3e3e3;
    border-radius: 4px;
    font-size: 12px;
    transform: translateY(2px);
    padding: 6.5px 10px;
    cursor: pointer;
    color: #444;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group:nth-child(3)
    .div_period
    .mt5
    .form-group
    [type='text'] {
    width: 130px;
    margin: 2px 10px;
}
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group:nth-child(3)
    .div_period
    .mt5
    .form-group
    .col-md-5,
#body_score.class_user.mm-wrapper
    #page-wrapper
    #myTabContent
    .panel-body
    .well
    > .row
    .form-group:nth-child(3)
    .div_period
    .mt5
    .form-group
    .col-md-2 {
    width: auto;
}
#body_score.class_user.mm-wrapper #page-wrapper #myTabContent .panel-body .well > .row .form-group i.fas,
#body_score.class_user.mm-wrapper #page-wrapper #myTabContent .panel-body .well > .row .form-group i.far {
    display: none;
}
#body_score.class_user.mm-wrapper #page-wrapper #myTabContent .panel-body .well > .row .form-group .ms-choice {
    height: 34px;
    font-size: 14px;
}
#body_score.class_user.mm-wrapper #page-wrapper #myTabContent .panel-body .well > .row .form-group .ms-choice span {
    top: 4px;
}
#body_score.class_user.mm-wrapper #page-wrapper #myTabContent .panel-body .well > .row .form-group .ms-choice div {
    top: 4px;
}
#body_score.class_user.mm-wrapper #page-wrapper #myTabContent .panel-body .well > div:nth-of-type(2) {
    display: none;
}
#body_score .modal-footer.text-center .row {
    display: flex;
    flex-direction: row-reverse;
}