@charset "UTF-8";

.footerTopContents {
    background-color: #f2fbf3;
    padding: 57px 54px
}

.footerTopContentList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.footerMenuWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.footerMenuBlock {
    -webkit-box-flex: 25%;
    -ms-flex: 25%;
    flex: 25%;
    margin-right: 40px
}

.footerMenuBlock--last {
    margin-right: 0
}

.footerMenuBlock--right {
    background-color: #f8fdf9
}

.footerMenuBlock:last-child {
    margin-right: 0
}

.footerTitleBlock {
    display: block;
    color: #202124
}

.footerTitleContents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    padding-top: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #202124
}

.footerTitleContents--link {
    color: #202124;
    border-bottom: none
}

.footerTitleContents--link:hover {
    color: #9fcc01
}

.footerMenuContentLink:hover {
    color: #9fcc01;
    fill: #9fcc01
}

.footerTitle {
    padding-right: 10px;
font-size: 19px;
    color: #202124
}

.footerTitle:hover {
    color: #9fcc01;
    cursor: pointer
}

.footerMenuContent {
    display: block
}

.footerMenuContent--space {
    margin-left: 15px
}

.footerMenuContent--space span {
    margin: 0 5px
}

.footerMenuContentLink {
    display: inline-block;
    margin-bottom: 20px;
    color: #202124;
    font-size: 13px
}

.footerMenuContentLink--large {
    font-size: 17px;
    margin-right: 52px
}

.footerMenuContentLink--bold {
    margin-right: 0;
    font-weight: 700
}

.footerMain {
    position: relative;
    padding: 45px 0 31px;
    background-color: #094
}

.footerMainMenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footerMainLink {
    display: inline-block;
    color: #fff;
    font-size: 13px
}

.footerMainLink:hover {
    color: #9FCC01;
}

.footerMainLink:last-child {
    padding-right: 0
}

.footerLogo svg {
    display: block;
    margin: 121px auto 15px
}

.footerText {
    font-size: 13px;
    text-align: center;
    color: #fff;
    line-height: 1;
}

.footerUp {
    position: absolute;
    bottom: 31px;
    right: 3%;
    cursor: pointer
}

.footerMainMenuItem {
    padding-right: 5%
}

@media screen and (max-width:768px) {
    .footerMenuWrapper {
        display: block
    }

    .footerTopContents {
        padding: 55px 44px
    }

    .footerMain {
        padding: 34px 0 20px
    }

    .footerTopContentList {
        display: block
    }

    .footerMenuBlock {
        padding: 0;
        margin: 0
    }

    .footerMenuContent--space {
        margin-left: 10px
    }

    .footerTitleContents--link {
        margin: 0
    }

    .footerMainMenu {
        display: block;
        text-align: center
    }

    .footerMainLink {
        margin-bottom: 10px
    }

    .footerMainMenuItem {
        padding-right: 0
    }

    .footerUp {
        position: initial;
        margin: 20px auto;
        text-align: center
    }

    .footerLogo svg {
        margin: 40px auto 15px
    }
}

a.footerCopyLink,
a.footerCopyLink:hover {
    color: #FFF
}