@charset "UTF-8";

/* mv */
@media print,
screen and (max-width: 576px) {
    .custom-top-slide__row {
        display: flex;
        flex-direction: column;
    }

    .custom-top-slide__textarea {
        width: 100%;
    }

    .custom-top-slide__textarea h1 {
        font-size: 2rem;
        font-weight: 400;
    }

    .lib-fv__inside {
        padding-bottom: 10px;
    }

    .custom-top-slide__thumb {
        width: 100%;
    }

    .custom-top-slide__thumb img {
        width: 100%;
        height: auto;
    }

    .custom-top-slide__row .lib-fv__thumb {
        display: flex;
        align-items: center;
        height: unset;
    }
}

@media print,
screen and (min-width: 576px) {
    .custom-top-slide__row {
        display: flex;
        flex-direction: column;
    }

    .custom-top-slide__textarea {
        width: 100%;
    }

    .custom-top-slide__textarea h1 {
        font-size: 3rem;
        font-weight: 400;
    }

    .lib-fv__inside {
        padding-bottom: 10px;
    }

    .custom-top-slide__thumb {
        width: 100%;
    }

    .custom-top-slide__thumb img {
        height: 100%;
        height: auto;
    }

    .custom-top-slide__row .lib-fv__thumb {
        height: 50vh;
    }
}

@media print,
screen and (min-width: 992px) {
    .custom-top-slide__row {
        display: flex;
        flex-direction: row;
    }

    .custom-top-slide__textarea {
        display: flex;
        align-items: center;
        width: 50%;
    }

    .custom-top-slide__textarea h1 {
        font-size: 2.8rem;
        font-weight: 400;
    }

    .custom-top-slide__thumb {
        width: 50%;
        margin-left: unset;
        margin-right: calc((100vw - 100%)/ 2 * -1);
        flex: 1;
    }

    .custom-top-slide__thumb img {
        width: 100%;
        height: auto;
    }

    .custom-top-slide__row .lib-fv__thumb {
        display: flex;
        align-items: center;
        height: unset;
    }
}

@media print,
screen and (min-width: 1120px) {
    .custom-top-slide__textarea h1 {
        font-size: 3.125rem;
    }
}


/* page-title */
.lib-hero__outer {
    border-bottom: 5px solid var(--MAIN);
    background-color: var(--WHT);
}

/* other */
:where(.thumb).bg-unset {
    background-color: unset !important;
}

.lib-bnr-001__link.border-wht {
    border: var(--WHT) 1px solid;
}

.lib-title__outer.--typeD>.title {
    border-bottom: var(--GRY) 3px solid !important;
}