@charset "UTF-8";
/* CSS Document */
ul, li {
    list-style-type: none;
    display: inline-block;
}

h2 {
    font-size: 20px;
    font-weight: 700;
}

.level-0 {
    width: 90%;
    /*max-width: 1440px;*/
    max-width: 1080px;
    padding: 0;
}

.level-1 {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #C8CBD0;
}

.li1 {
    display: inline-block;
    /*width: 20%;*/
    width: 100%;
    height: 100%;
    margin-top: 5px;
    float: left;
    text-align: left;
    padding: 20px;
    /*width: 250px;*/
    /*min-width: 160px;*/
    max-width: 250px;
    /*height: 31px;*/
    /*font-family: 'Roboto';*/
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    /*line-height: 130%;*/
    font-feature-settings: 'salt' on, 'liga' off;
    color: #40474A;
    flex: none;
    order: 0;
    flex-grow: 0;
    /*margin-bottom: 20px;*/
}

.level-2 {
    /*width: 80%;*/
    /*width: 60%;*/
    width: 100%;
    /*max-width: calc(100% - 260px);*/
    padding: 20px;
}

.lpage {
    width: auto;
    padding: 10px;
    float: left;
    font-weight: 700;
    font-size: 16px;
    line-height: 130%;
    /* identical to box height, or 21px */
    text-align: left;
    font-feature-settings: 'salt' on, 'liga' off;

    /* Black/b5 */

    /* Inside auto layout */

    flex: none;
    order: 1;
    flex-grow: 0;
}

.lpage a {

    color: #717784;
    text-decoration: none;

}

.lpage a:hover {

    color: #3AAFA9;
    text-decoration: underline;
}

.last_li {
    border: 0;
    margin-bottom: 50px;
}

.search_icon {
    left: 10px;
}

@media only screen and (min-width: 560px) {
    .li1 {
        width: 20%;
    }

    .level-2 {
        width: 60%;
    }

}

@media only screen and (min-width: 1080px) {
    .level-2 {
        width: 70%;
    }

    h2 {
        font-size: 24px;
    }
}

@media only screen and (min-width: 1480px) {
    .level-2 {
        width: 75%;
        max-width: 750px;
    }
}