@charset "UTF-8";
.cms .cms__container{
    max-width: 800px;
    margin: 50px auto;
}

.cms .cms__container .title{
    font-size: 2.8rem;
    padding-bottom: 10px;
}

.cms .cms__container .cms__box .text{
    padding: 10px 0 0 0;
}

.cms .cms__container .cms__box{
    margin-bottom: 70px;
}

.cms .cms__container .cms__box img{
    max-width: 500px;
    margin: 20px auto;
}

#committees-list .committees-list__block{
    max-width: 1000px;
    margin: 0 auto;
    padding: 30px 20px;
}

#committees-list ul a{
    transition: .3s ease-in-out;
    margin: 6px 0;
    font-size: 2.0rem;
    display: block;
    padding: 4px 10px;
    border-radius: 8px;
}

#committees-list ul a:hover{
    background-color: #d7afaa;
}

#area-list .area-list__block{
    max-width: 1000px;
    margin: 0 auto;
    padding: 30px 20px;
}

#area-list ul a{
    transition: .3s ease-in-out;
    margin: 6px 0;
    font-size: 2.0rem;
    display: block;
    padding: 4px 10px;
    border-radius: 8px;
}

#area-list ul a:hover{
    background-color: #aecb65;
}

@media screen and (max-width: 768px){
    .cms .cms__container{
        margin: 20px auto;
    }

    .cms .cms__container .title{
        font-size: 2.2rem;
    }

    .cms .cms__container .cms__box{
        margin-bottom: 30px;
    }

    .cms .cms__container .cms__box img{
        max-width: 350px;
    }
}