/* Default & Reset */
.c-b {
    padding: 2em 3em;
    background-color: #f2f2f2;
}
.c-b-1 {
    width: 120px;
}
.c-b-2 {
    font-size: var(--t3);
    width: calc(100% - 120px);
}
.c-b a {
    color: #00a5ff;
}
.item-wrap {
    max-width: 824px;
}
.items .item img {
    width: auto;
    height: auto;
    display: inline-block;
}
.items .item div {
    width: 100%;
    padding: 0 1rem;
}
.items .item {
    padding: 2em 1em;
    min-height: 176px;
    border: 2px solid #e7e7e7;
}
.items .item div b {
    background: linear-gradient(currentColor,currentColor) 0 100% no-repeat;
    background-size: 0 .0625rem;
    transition: background .2s ease;
}
.items .item:hover b {
    background-size: 100% .0625rem;
}
@media only screen and (max-width: 96em) {
    /* bis 1568 px */
}
@media only screen and (max-width: 86em) {
    /* bis 1376 px */
}
@media only screen and (max-width: 80em) {
    /* bis 1280 px */
}
@media only screen and (max-width: 76em) {
    /* bis 1216 px */
}
@media only screen and (max-width: 68em) {
    /* bis 1088 px */
}
@media only screen and (max-width: 66em) {
    /* bis 1056 px */
}
@media only screen and (max-width: 64em) {
    /* bis 1024 px */
}
@media only screen and (max-width: 63.9375em) {
    /* bis 1023 px */
}
@media only screen and (max-width: 48em) {
    /* bis 768 px */
    .items.c {
        grid-template-columns: 1fr 1fr;
    }
}
@media only screen and (max-width: 47.9375em) {
    /* bis 767 px */
    .items.c {
        grid-template-columns: 1fr;
    }
    .c-b {
        flex-direction: column;
        -webkit-align-items: flex-start;
        -webkit-justify-content: flex-start;
        justify-content: start;
    }
    .c-b-2 {
        width: auto;
        margin: 2em 0 0 0;
    }
}