@charset "UTF-8";


/* ---------------------------------------------
*   sidebar
--------------------------------------------- */

.contents--split .sidebar {
    position: relative;
    float: left;
    box-sizing: border-box;
    width: 240px;
    border-radius: 3px;
    background-color: #009844;
}

.contents--split .sidebar__text-wrapper {
    position: absolute;
    bottom: 0.5%;
    left: 50%;
    width: 240px;
    text-align: center;
    transform: translateX(-50%);
}

.contents--split .sidebar__text {
    display: inline-block;
    color: #fff;
    font-size: 11.5px;
}

.sidebar-nav {
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #fff;
}

.sidebar-nav__list-item {
    border-top: 1px solid #ececec;
    border-right: 1px solid #ececec;
    border-left: 1px solid #ececec;
}

.sidebar-nav__list-item:last-child {
    border-bottom: 1px solid #ececec;
}

.sidebar-nav__list-item--active {
    background-color: #f1f7f1;
}

.sidebar-nav__link {
    display: block;
    padding-left: 20px;
    -webkit-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms;
}

.sidebar-nav__link:hover {
    opacity: 0.7;
}

.sidebar-nav__link-text {
    position: relative;
    display: block;
    padding: 15px 9px 15px 18px;
    letter-spacing: 1px;
    font-size: 1rem;
}

.sidebar-nav__link-text:before {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -4px;
    width: 5px;
    height: 5px;
    border: 0px;
    border-top: solid 2px #009844;
    border-right: solid 2px #009844;
    content: '';
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


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

    .contents--split .sidebar {
        width: 100%;
        border-radius: 0;
        margin-bottom:50px;
    }

    .sidebar-nav {
        margin-top: 0.28571rem;
        margin-bottom: 0.28571rem;
        background-color: undefined;
    }

    .sidebar-nav__list-item {
        box-sizing: border-box;
        border-top-width: 0;
        border-bottom: 1px solid #ececec;
        border-left-width: 0;
        text-align: center;
    }

    .sidebar-nav__list-item:first-child {
        width: 100%;
    }

    .sidebar-nav__link {
        padding-left: 0;
    }

    .sidebar-nav__link-text {
        display: inline-block;
        padding: 3.90625vw 0.78125vw 3.90625vw 4.6875vw;
        /*letter-spacing: -0.53125vw;*/
        font-size: 4.0625vw;
    }

    .sidebar-nav__link-text:before {
        left: 0.5%;
        margin-top: -0.9375vw;
        width: 1.875vw;
        height: 1.875vw;
        border-top: solid 0.625vw #009844;
        border-right: solid 0.625vw #009844;
    }

    /*  WIndows ie11------------------------- */
    .windows.ie11 .sidebar-nav__link-text:before {
        top: 46%;
    }

}

/* ---------------------------------------------
*   sidebar2
--------------------------------------------- */
.contents--split .sidebar2 {
    position: relative;
    float: left;
    box-sizing: border-box;
    width: 240px;
    border-radius: 3px;
    background-color: #009844;
}

.contents--split .sidebar2__text-wrapper {
    position: absolute;
    bottom: 0.5%;
    left: 50%;
    width: 240px;
    text-align: center;
    transform: translateX(-50%);
}

.contents--split .sidebar2__text {
    display: inline-block;
    color: #fff;
    font-size: 11.5px;
}

.sidebar2-nav {
    margin-top: 10px;
    margin-bottom: 26px;
    background-color: #fff;
}

.sidebar2-nav__list-item {
    position: relative;
    border-top: 1px solid #ececec;
    border-right: 1px solid #ececec;
    border-left: 1px solid #ececec;
}

.sidebar2-nav__headline {
    display: block;
    padding: 15px 9px 15px 20px;
    background-color: #f7f7f7;
    color: #009844;
    letter-spacing: 1px;
    position:relative;
    /*text-indent: 1em;*/
}

p.sidebar2-nav__headline:before {
    position: absolute;
    top: 50%;
    right:1em;
    margin-top: -4px;
    width: 5px;
    height: 5px;
    border: 0px;
    border-top: solid 2px #009844;
    border-right: solid 2px #009844;
    content: '';
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sidebar2-nav__sublist-item {
    border-top: 1px solid #ececec;
}

.sidebar2-nav__sublist-item--active {
    background-color: #f1f7f1;
}

.sidebar2-nav__link {
    display: block;
    padding-left: 20px;
    transition: opacity 300ms;
}

.sidebar2-nav__link:hover {
    opacity: 0.7;
}

.sidebar2-nav__link-text {
    position: relative;
    display: block;
    padding: 15px 9px 15px 18px;
    letter-spacing: 1px;
    font-size: 1rem;
}

.sidebar2-nav__link-text:before {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -4px;
    width: 5px;
    height: 5px;
    border: 0px;
    border-top: solid 2px #009844;
    border-right: solid 2px #009844;
    content: '';
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}



@media screen and (max-width: 738px) {
    .contents--split .sidebar2 {
        width: 100%;
        border-radius: 0;
    }

    .sidebar2-nav {
        margin-top: 0.28571rem;
        margin-bottom: 0.28571rem;
    }

    .sidebar2-nav__list-item {
        border-top-width: 0;
    }

    .sidebar2-nav__list-item:before {
        position: absolute;
        top: -1px;
        display: block;
        width: 100%;
        height: 1px;
        background-color: #ececec;
        content: "";
    }

    .sidebar2-nav__headline {
        padding: 3.75vw 0.78125vw 3.59375vw 4.6875vw;
        text-align: center;
        letter-spacing: 0.3125vw;
    }

    .sidebar2-nav__sublist {
        display: flex;
        border-top: 1px solid #ececec;

        flex-wrap: wrap;
    }

    .sidebar2-nav__sublist-item {
        box-sizing: border-box;
        width: 50%;
        border-top-width: 0;
        border-bottom: 1px solid #ececec;
        text-align: center;
    }

    .sidebar2-nav__sublist-item:nth-child(2n+1) {
        border-right: 1px solid #ececec;
    }

    .sidebar2-nav__sublist-item:nth-child(-n+2) {
        border-top-width: 0;
    }

    .sidebar2-nav__sublist-item--large {
        width: 100%;
    }

    .sidebar2-nav__link {
        padding-left: 0;
    }

    .sidebar2-nav__link-text {
        display: inline-block;
        padding: 3.90625vw 0.78125vw 3.90625vw 4.6875vw;
        letter-spacing: 0.15625vw;
        font-size: 4.0625vw;
    }

    .sidebar2-nav__link-text:before {
        left: 0.5%;
        margin-top: -1.25vw;
        width: 1.875vw;
        height: 1.875vw;
        border-top: solid 0.625vw #009844;
        border-right: solid 0.625vw #009844;
    }

    /*  WIndows ie11------------------------- */
    .windows.ie11 .sidebar2-nav__link-text:before {
        top: 46%;
    }
}