.-sp-young_employee {
        overflow-x: hidden
    }

    .-sp-young_employee .visual__inner {
        width: 100%
    }

    .-sp-young_employee .visual__title {
        width: 100%;
        height: 140px;
        background: url(/open-course/img/young_employee/bg_visual_01_sp.png) center top no-repeat;
        background-size: cover
    }

    .-sp-young_employee .visual__title>img {
        display: none
    }

    .-sp-young_employee .visual__lead {
        padding: 25px 15px
    }

    @media screen and (max-width:600px) and (max-width:330px) {
        .-sp-young_employee .visual__title {
            height: 120px;
            margin: 0
        }
    }

    @media screen and (max-width:600px) {

        .-sp-young_employee .m-header h3 {
            font-size: 2.3rem;
        }

        .-sp-young_employee #navi {
            position: relative;
            z-index: 1
        }

        .-sp-young_employee .lnav {
            height: auto !important;
            margin: 0 0 30px;
        }

        .-sp-young_employee .lnav__floater {
            width: 100%;
            position: relative
        }

        .-sp-young_employee .lnav .m-container {
            position: relative
        }

        .-sp-young_employee .lnav .-sp-lnav-btn {
            display: flex;
            align-items: center;
            color: #fff;
            line-height: 1.5;
            padding: 13px 20px;
            background: linear-gradient(to bottom, #359F37 0, #118B15 100%)
        }

        .-sp-young_employee .lnav .-sp-lnav-btn::after {
            content: url(/open-course/img/common/icon_allow-white-btm.png);
            margin: 0 0 0 10px;
            height: 4px;
            display: inline-block
        }

        .-sp-young_employee .lnav .-sp-lnav-btn--other {
            background: linear-gradient(to bottom, #359F37 0, #118B15 100%);
            padding: 10px 15px;
            display: block
        }

        .-sp-young_employee .lnav .-sp-lnav-btn--other__inner {
            background: #fff;
            display: block;
            color: #118B15;
            padding: 5px 10px;
            line-height: 1.3;
            position: relative
        }

        .-sp-young_employee .lnav .-sp-lnav-btn--other__inner::after {
            content: url(/open-course/img/common/icon_arc-allow_r.png);
            position: absolute;
            right: 10px;
            top: calc(50% - 6px)
        }

        .-sp-young_employee .lnav .-sp-lnav-btn--other>img {
            display: none
        }

        .-sp-young_employee .lnav__item {
            margin: 0
        }

        .-sp-young_employee .lnav__item li img {
            display: none
        }

        .-sp-young_employee .print {
            display: none
        }

        .-sp-young_employee .-sp-themeTable__ttl {
            font-size: 2rem;
            color: #fff;
            font-weight: 700;
            background: #009bd6;
            padding: 12px 15px
        }

        .-sp-young_employee .-sp-themeTable__theme {
            padding: 12px 35px 12px 15px;
            font-weight: 700;
            border-bottom: 1px solid #0069bb;
            position: relative
        }

        .-sp-young_employee .-sp-themeTable__theme::after {
            content: url(/open-course/img/common/-sp-ico_arrow_btm_green.png);
            position: absolute;
            right: 15px;
            top: calc(50% - 2px)
        }

        .-sp-young_employee .-sp-themeTable__theme.active::after {
            transform: scale(1, -1)
        }

        .-sp-young_employee .-sp-themeTable__content {
            display: none;
            border-bottom: 1px solid #0069bb
        }

        .-sp-young_employee .-sp-themeTable__content__ttl-subject {
            font-size: 1.8rem;
            color: #fff;
            background: #0069bb;
            padding: 10px 15px
        }

        .-sp-young_employee .-sp-themeTable__content__task {
            font-weight: 700;
            background: #f1f9ff;
            padding: 12px 15px;
            border-bottom: 1px solid #0069bb;
            position: relative
        }

        .-sp-young_employee .-sp-themeTable__content__task::after {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 12px 8px 0 8px;
            border-color: #0069bb transparent transparent transparent;
            left: calc(50% - 8px);
            bottom: -12px;
            position: absolute
        }

        .-sp-young_employee .-sp-themeTable__content__item {
            background: #fffded;
            padding: 25px 15px 15px
        }

        .-sp-young_employee .-sp-themeTable__content__item__child {
            padding: 0 0 20px 12px;
            margin: 0 0 20px;
            position: relative;
            border-bottom: 1px solid #d3d3d3
        }

        .-sp-young_employee .-sp-themeTable__content__item__child::after {
            content: url(/open-course/img/common/icon_arrow_r.png);
            position: absolute;
            left: 0;
            top: 10px
        }

        .-sp-young_employee .-sp-themeTable__content__item__child:last-child {
            border-bottom: none;
            margin: 0;
            padding-bottom: 0
        }

        .-sp-young_employee .-sp-themeTable__content__item__child a {
            color: #039;
            text-decoration: underline
        }

        .-sp-young_employee .section {
            margin-bottom: 30px
        }

        .-sp-young_employee .-sp-courseTable__ttl {
            font-size: 2rem;
            color: #fff;
            font-weight: 700;
            background: #72b202;
            padding: 12px 15px
        }

        .-sp-young_employee .-sp-courseTable__theme {
            padding: 12px 35px 12px 15px;
            font-weight: 700;
            border-bottom: 1px solid #008b00;
            position: relative
        }

        .-sp-young_employee .-sp-courseTable__theme::after {
            content: url(/open-course/img/common/-sp-ico_arrow_btm_green.png);
            position: absolute;
            right: 15px;
            top: calc(50% - 2px)
        }

        .-sp-young_employee .-sp-courseTable__theme.active::after {
            transform: scale(1, -1)
        }

        .-sp-young_employee .-sp-courseTable__content {
            display: none;
            background: #f1f9ff;
            border-bottom: 1px solid #008b00
        }

        .-sp-young_employee .-sp-courseTable__content__subject-ttl__01 {
            font-size: 1.8rem;
            color: #fff;
            background: #008b00;
            padding: 10px 15px
        }

        .-sp-young_employee .-sp-courseTable__content__subject-ttl__02 {
            padding: 12px 15px;
            font-weight: 700
        }

        .-sp-young_employee .-sp-courseTable__content__task {
            font-weight: 700;
            background: #f1f9ff;
            padding: 12px 15px;
            border-bottom: 1px solid #008b00;
            position: relative;
            text-align: center
        }

        .-sp-young_employee .-sp-courseTable__content__genre {
            background: #f1f9ff;
            margin: 0 0 10px 10px;
            border: 1px solid #ccc;
            border-right: none;
            border-bottom: none
        }

        .-sp-young_employee .-sp-courseTable__content__genre__ttl {
            display: flex;
            background: #fff;
            border-bottom: 1px solid #008b00;
            position: relative
        }

        .-sp-young_employee .-sp-courseTable__content__genre__ttl::after {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 12px 8px 0 8px;
            border-color: #008b00 transparent transparent transparent;
            left: calc(50% - 8px);
            bottom: -12px;
            position: absolute
        }

        .-sp-young_employee .-sp-courseTable__content__genre__ttl__01 {
            background: #008b00;
            color: #fff;
            padding: 10px 0;
            display: inline-flex;
            width: 90px;
            justify-content: center;
            align-items: center
        }

        .-sp-young_employee .-sp-courseTable__content__genre__ttl__02 {
            display: inline-block;
            padding: 10px 15px;
            font-weight: 700;
            width: calc(100% - 90px)
        }

        .-sp-young_employee .-sp-courseTable__content__genre__item {
            background: #fffded;
            padding: 25px 15px 15px;
            border-bottom: 1px solid #ccc
        }

        .-sp-young_employee .-sp-courseTable__content__genre__item__child {
            font-size: 1.5rem;
            margin: 0 0 20px;
            padding: 0 0 20px;
            position: relative;
            border-bottom: 1px solid #d3d3d3
        }

        .-sp-young_employee .-sp-courseTable__content__genre__item__child:last-child {
            border-bottom: none;
            margin: 0;
            padding: 0
        }

        .-sp-young_employee .-sp-courseTable__content__genre__item__child a {
            color: #039;
            text-decoration: underline
        }

        .-sp-young_employee .totop {
            display: none
        }

        .-sp-young_employee .userVoice {
            margin: 0 15px;
        }

        .-sp-young_employee .voiceTitle {
            margin-bottom: 20px;
            font-size: 2.3rem;
            line-height: 1.3;
            color: #0069bb;
            font-weight: 700;
            padding: 0 0 10px 40px;
            border-bottom: 1px solid #0069bb;
            position: relative;
        }

        .-sp-young_employee .voiceTitle::before {
            position: absolute;
            display: block;
            content: url(/open-course/img/common/icon_voice.png);
            top: 4px;
            left: 0;
        }

        .-sp-young_employee .userVoice ul li {
            border-bottom: solid 1px #cccccc;
            padding-bottom: 1em;
            margin-bottom: 1.2em;
        }

    }