.c-table-contents__table__item:first-child:hover,
.c-table-contents__table__item:last-child:hover,
.c-navigation .c-tab-content__navigation__item.active,
.c-navigation .c-tab-content__navigation__item:hover {
    background-color: #252528;
    color: #E8E5DD;
}

.c-table-contents__table__item > span { display: contents; }
.c-table-contents__table__item:nth-child(2) span { color: #f4775e; }
    .c-table-contents__table__item:nth-child(2):hover span { color: #ffe0dc; }
.c-table-contents__table__item:nth-child(3) span { color: #f5c76a; }
    .c-table-contents__table__item:nth-child(3):hover span { color: #af802e; }
.c-table-contents__table__item:nth-child(4) span { color: #425cc3; }
    .c-table-contents__table__item:nth-child(4):hover span { color: #abb5f5; }

.c-tab-content__tab__image .c-tab-content__tab__image--mobile { 
    margin: 0 auto; 
    text-align: center; 
}

.c-tab-content__tab__image .c-tab-content__tab__image--mobile img {
    max-width: 625px;
}

@media screen and (max-width: 768px) {
    .c-tab-content__tab__image--desktop {
        display: block;
    }
}

@media screen and (min-width: 769px) {
    .c-tab-content__tab__image--mobile {
        display: block;
    }
}

@media screen and (max-width: 480px) {
    .c-tab-content__tab__image--desktop {
        display: none;
    }
}

@media screen and (min-width: 481px) {
    .c-tab-content__tab__image--mobile {
        display: none;
    }
}