@charset "UTF-8";
/*-------------------------------------------------------------------------------*\
     $sidemenu
\*-------------------------------------------------------------------------------*/
.side-menu {
    display: none;
}

@media (min-width: 48em) {
    .side-menu {
        position: relative;
        display: block;
        float: left;
        width: 25%;
    }

    .titword {
        display: block;
        padding: 14px 15px 38px 15px;
        line-height: 1.2;
        color: #666666;
        font-size: 2.25em;
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        /*text-shadow: 0px 0px 2px rgba(0%,0%,0%,0.2),0px 0px 5px rgba(100%,100%,100%,0.4),0px 0px 12px rgba(100%,100%,100%,0.6);*/
    }

    .leftbgul01 {
        display: block;
        padding: .75rem 0;
        background-color: rgba(249,251,251,.95);
        /*background-color: #f7f9fb;*/
    }

        .leftbgul01 a {
            position: relative;
            display: block;
            color: #383838;
            line-height: 1.2;
            border-bottom: 1px solid #ffffff;
        }

            .leftbgul01 a:before {
                content: '';
                position: absolute;
                height: 15px;
                background-image: url(../../images/sideNav-icon.png);
                background-repeat: no-repeat;
            }

            .leftbgul01 a:hover {
                transition: .25s;
            }

        .leftbgul01 > :last-child li:last-child a {
            border-bottom: none;
        }

    .leftbgli01 > a {
        padding: .875rem 1rem .875rem 2.35rem;
    }

        .leftbgli01 > a:before {
            top: 1rem;
            left: 1.5rem;
            width: 5px;
            background-position: left top;
        }

        .leftbgli01 > a.active {
            color: #00944a;
        }

        .leftbgli01 > a:hover, .leftbgli01 > a:focus {
            color: #fff;
            background-color: #00944a;
        }


    .leftbgli02 a {
        padding: 0.875rem 1rem;
    }

    .leftbgli02 > a {
        padding-left: 3.35rem;
    }

        .leftbgli02 > a:before {
            top: 1.25rem;
            left: 2.5rem;
            width: 4px;
            background-position: -10px top;
        }

        .leftbgli02 > a:hover, .leftbgli02 > a:focus, .leftbgli02 > a.active {
            color: #ffffff;
            background-color: #00689c;
        }

            .leftbgli02 > a:hover:before, .leftbgli02 > a:focus:before, .leftbgli02 > a.active:before {
                background-position: -10px bottom;
            }

    .leftbgli03 > a {
        padding-left: 4.35rem;
    }

        .leftbgli03 > a:before {
            top: 1.25rem;
            left: 3.65rem;
            width: 4px;
            background-position: -20px top;
        }

        .leftbgli03 > a:hover, .leftbgli03 > a:focus, .leftbgli03 > a.active {
            color: #ffffff;
            background-color: #493e84;
        }

            .leftbgli03 > a:hover:before, .leftbgli03 > a:focus:before, .leftbgli03 > a.active:before {
                background-position: -20px bottom;
            }
}
/*-------------------------------------------------------------------------------*\
     $switcher
\*-------------------------------------------------------------------------------*/
.social-links {
    width: 100%;
}

    .social-links::after {
        content: "";
        display: table;
        clear: both;
    }

.social-links-tooltip {
    width: 100%;
}

    .social-links-tooltip > a {
        display: block;
        float: left;
        width: calc(100% / 5);
        height: 46px;
        line-height: 46px;
        text-align: center;
        color: #ffffff;
        font-size: 0.813em;
    }

        .social-links-tooltip > a.switcher {
            display: none;
        }

    .social-links-tooltip > .is-active {
        background: #493e84;
    }

        .social-links-tooltip > .is-active:hover {
            background-color: #773e84;
        }

        .social-links-tooltip > .is-active:active {
            background-color: #493e84;
        }

.switcher-print {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

    .switcher-print:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
    }

    .switcher-print:before {
        background: url(../../images/printer67.svg) no-repeat center center;
        -webkit-background-size: 80%;
        background-size: 80%;
    }

.social-mail {
    background: #b2b2b2;
}

    .social-mail:hover {
        background-color: #0085bc;
    }

    .social-mail:active {
        background-color: #004866;
    }

    .social-mail:before {
        background: url(../../images/mail84.svg) no-repeat center center;
    }

.social-fb {
    background: #b2b2b2;
}

    .social-fb:hover {
        background-color: #345499;
    }

    .social-fb:active {
        background-color: #1e3058;
    }

    .social-fb:before {
        background: url(../../images/facebook31.svg) no-repeat center center;
    }

.social-gg {
    background: #b2b2b2;
}

    .social-gg:hover {
        background-color: #c44323;
    }

    .social-gg:active {
        background-color: #7b2a16;
    }

    .social-gg:before {
        background: url(../../images/google24.svg) no-repeat center center;
    }

.social-tt {
    background: #b2b2b2;
}

    .social-tt:hover {
        background-color: #309aea;
    }

    .social-tt:active {
        background-color: #126db2;
    }

    .social-tt:before {
        background: url(../../images/twitter1.svg) no-repeat center center;
    }

.social-pl {
    background: #b2b2b2;
}

    .social-pl:hover {
        background-color: #b7531b;
    }

    .social-pl:active {
        background-color: #6c3110;
    }

    .social-pl:before {
        background: url(../../images/socialnetwork109.svg) no-repeat center center;
    }

.social-line {
    background: #b2b2b2;
}

    .social-line:hover {
        background-color: #40a000;
    }

    .social-line:active {
        background-color: #1d4a00;
    }

    .social-line:before {
        background: url(../../images/icon-line.svg) no-repeat center center;
    }

.social-mail, .social-fb, .social-gg, .social-tt, .social-pl, .social-line {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

    .social-mail:before, .social-fb:before, .social-gg:before, .social-tt:before, .social-pl:before, .social-line:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
    }

    .social-mail:before, .social-fb:before, .social-gg:before, .social-tt:before, .social-pl:before, .social-line:before {
        -webkit-background-size: 80%;
        background-size: 80%;
    }

    .social-line:before {
        width: 60px;
        margin-left: -30px;
    }

/*-----------------------------$ breakpoints544px------------------------------*/
@media (min-width: 34em) {
    .social-links-tooltip {
        position: relative;
    }

        .social-links-tooltip a {
            width: calc(100% / 8);
            height: 40px;
            line-height: 40px;
        }

            .social-links-tooltip a.switcher {
                display: block;
            }

            .social-links-tooltip a.switcher-print {
                display: none;
            }

        .social-links-tooltip .skip {
            position: absolute;
            top: -1rem;
        }

            .social-links-tooltip .skip a {
                display: block;
                width: 1rem;
                height: 1rem;
            }

                .social-links-tooltip .skip a:focus {
                    outline: 1px solid #bfa6ff;
                }

    .switcher-fontlevel, .switcher-print {
        background: #b2b2b2;
    }

        .switcher-fontlevel:hover, .switcher-print:hover {
            background-color: #773e84;
        }

        .switcher-fontlevel:active, .switcher-print:active {
            background-color: #727272;
        }
}
/*-----------------------------$ breakpoints768px------------------------------*/
@media (min-width: 48em) {
    .social-links-tooltip {
        width: auto;
        margin-bottom: 10px;
        float: right;
    }

        .social-links-tooltip a {
            width: 50px;
            height: 26px;
            margin-left: 2px;
            line-height: 26px;
        }

            .social-links-tooltip a.switcher-print {
                display: block;
            }
}
/*-----------------------------$ breakpoints940px------------------------------*/
@media (min-width: 62em) {
    .social-links-tooltip a {
        width: 60px;
    }
}
/*-----------------------------$no-js------------------------------*/
.no-js .social-links + noscript {
    display: block;
    padding: 1rem;
    padding: 1rem;
    line-height: 1.5;
    background-color: #949494;
}

    .no-js .social-links + noscript a {
        color: #ffffff;
    }

        .no-js .social-links + noscript a:after {
            content: "│";
            color: #ffffff;
        }

        .no-js .social-links + noscript a:hover {
            color: #e6e6e6;
        }

/*-------------------------------------------------------------------------------*\
     $Breadcrumbs
\*-------------------------------------------------------------------------------*/
.breadcrumbs {
    position: relative;
    background-image: url(../../images/Breadcrumbs-bg1.png);
    background-repeat: no-repeat;
    background-position: left top;
    -webkit-background-size: contain;
    background-size: contain;
    background-color: #009c42;
}

.breadcrumbs-ul {
    padding: 1.4em 1em;
}

    .breadcrumbs-ul li {
        display: inline;
        font-size: 0.9em;
        letter-spacing: .15em;
    }

        .breadcrumbs-ul li a {
            color: #fff;
        }

        .breadcrumbs-ul li:last-child a {
            color: #fff320;
        }

        .breadcrumbs-ul li:before {
            content: ">";
            color: #fff;
        }

        .breadcrumbs-ul li:first-child:before {
            content: "";
        }

/*-----------------------------$ breakpoints544px------------------------------*/
@media (min-width: 34em) {
    .breadcrumbs {
        height: auto;
    }

    .breadcrumbs-ul {
        padding: 1.4em 2em;
    }
}
/*-----------------------------$ breakpoints768px------------------------------*/
@media (min-width: 48em) {
    .breadcrumbs {
        height: 60px;
    }

    .breadcrumbs-ul a:hover {
        text-decoration: underline;
    }
}
/*-------------------------------------------------------------------------------*\
     $mainfoot
\*-------------------------------------------------------------------------------*/
.main-foot-wrap {
    margin: 2rem 1rem;
    color: #999999;
    font-size: 0.813em;
    background: #f0f0f0;
}

.main-foot {
    margin: 0 auto;
    padding: 1rem 0;
    text-align: center;
}

.main-foot-time:after {
    content: "│";
    padding: 0 .25em;
}

.main-foot-btn {
    display: none;
}

/*-----------------------------$ breakpoints544px------------------------------*/
@media (min-width: 34em) {
    .main-foot-wrap {
        position: relative;
    }

    .main-foot {
        padding: 1rem;
        text-align: left;
    }

    .main-foot-btn {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 140px;
        padding: 1rem;
        text-align: center;
        color: #999999;
        background: #e5e5e5;
    }

        .main-foot-btn:hover {
            background-color: #d1d1d1;
        }

        .main-foot-btn:active {
            background-color: #a5a5a5;
        }

        .main-foot-btn:hover {
            color: #000000;
        }
}
/*-----------------------------$ breakpoints768px------------------------------*/
@media (min-width: 48em) {
    .main-foot-wrap {
        border-top: 1px solid #ebebeb;
        background: none;
    }

    .main-foot {
        padding: 1.625rem 0;
        text-align: left;
    }

    .main-foot-btn {
        top: .625rem;
        padding: 1rem 1.25rem;
    }
}
/*-------------------------------------------------------------------------------*\
     $main
\*-------------------------------------------------------------------------------*/
.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0rem;
    padding-right: 0rem;
}

    .container::after {
        content: "";
        display: table;
        clear: both;
    }

@media (min-width: 62em) {
    .container {
        max-width: 60em;
    }
}

@media (min-width: 75em) {
    .container {
        max-width: 75em;
    }
}

.main-tit {
    position: relative;
    padding: .8em;
    font-size: 1.5em;
    border-bottom: 1px solid #949494;
}

    .main-tit:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -1px;
        display: block;
        width: 30px;
        height: 1px;
        border-bottom: 1px solid #e91e63;
    }

.content-wrap {
    padding: 2em 1em;
}

    .content-wrap::after {
        content: "";
        display: table;
        clear: both;
    }

.main-content {
    /*min-height: 50em;*/
    background-color: #ffffff;
}

    .main-content::after {
        content: "";
        display: table;
        clear: both;
    }

.contents-inner-full .titword {
    display: none;
}

/*-----------------------------$ breakpoints544px------------------------------*/
@media (min-width: 34em) {
    .contents-wrap {
        background: url(../../images/content-background-pad.png) no-repeat top center;
    }

    .main-wrap {
        /*padding-top: 8em;*/
    }
}
/*-----------------------------$ breakpoints768px------------------------------*/
@media (min-width: 48em) {
    .contents-wrap {
        background: url(../../../images/content-background.png) no-repeat top center;
    }

    .contents-wrap01 {
        background: url(../../../images/banner/b07.jpg) no-repeat top center;
    }

    .contents-wrap02 {
        background: url(../../../images/banner/b08.jpg) no-repeat top center;
    }

    .contents-wrap03 {
        background: url(../../../images/banner/b09.jpg) no-repeat top center;
    }

    .contents-wrap04 {
        background: url(../../../images/banner/p06-1.jpg) no-repeat top center;
    }

    .contents-wrapp04-1 {
        background: url(../../../images/banner/p04-1.jpg) no-repeat top center;
    }


    .contents-wrap06 {
        background: url(../../../images/banner/b11.jpg) no-repeat top center;
    }

    .contents-wrap07 {
        background: url(../../../images/banner/b04.jpg) no-repeat top center;
    }

    .contents-wrap08 {
        background: url(../../../images/banner/b10.jpg) no-repeat top center;
    }

    .contents-wrapP01_1 {
        background: url(../../../images/banner/p01-1.jpg) no-repeat top center;
    }

    .contents-wrapP01_2 {
        background: url(../../../images/banner/p01-2.jpg) no-repeat top center;
    }

    .contents-wrapP02_1 {
        background: url(../../../images/banner/p02-1.jpg) no-repeat top center;
    }

    .contents-wrapP02_2 {
        background: url(../../../images/banner/p02-2.jpg) no-repeat top center;
    }

    .contents-wrapP03_1 {
        background: url(../../../images/banner/p03-1.jpg) no-repeat top center;
    }

    .contents-wrapP04_1 {
        background: url(../../../images/banner/p04-1.jpg) no-repeat top center;
    }

    .contents-wrapP05_1 {
        background: url(../../../images/banner/p05-1.jpg) no-repeat top center;
    }

    .contents-wrapP06_1 {
        background: url(../../../images/banner/p06-1.jpg) no-repeat top center;
    }

    .contents-inner {
        padding: 9.375rem .625rem 3rem .625rem;
    }

    .main-wrap {
        float: left;
        width: 75%;
        padding-top: 59px;
    }

    .contents-inner-full {
        padding: 3.4375rem .625rem 3rem .625rem;
    }

        .contents-inner-full .main-wrap {
            width: 100%;
        }

        .contents-inner-full .titword {
            display: block;
        }
}