@charset "UTF-8";

/* --------------------------------------------------------------------------
SUBSIDIARY-MOVIE
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .subsidiary-movie {
        position: relative;
        z-index: 0;
        cursor: pointer;
        --ico-color: var(--c-white);
    }
    .subsidiary-movie img {
        transition: var(--transition-all);
    }
    .subsidiary-movie:hover img {
        transform: scale(1.1);
    }
    .subsidiary-movie--02-02 {
        --ico-color: var(--c-main);
    }
    .subsidiary-movie::before {
        content: "";
        display: block;
        width: calc(40 / var(--font) * 1rem);
        aspect-ratio: 1 / 1;
        position: absolute;
        right: 0;
        bottom: 0;
        -webkit-mask: url("/assets_v2/img/common/ico_movie.svg") no-repeat center / contain;
        mask: url("/assets_v2/img/common/ico_movie.svg") no-repeat center / contain;
        background: var(--ico-color);
        margin-right: calc(16 / var(--font) * 1rem);
        margin-bottom: calc(16 / var(--font) * 1rem);
        z-index: 1;
    }
}
@media all and (max-width: 768px) {
    .subsidiary-movie {
        position: relative;
        z-index: 0;
        cursor: pointer;
        --ico-color: var(--c-white);
    }
    .subsidiary-movie img {
        transition: var(--transition-all);
    }
    .subsidiary-movie:hover img {
        transform: scale(1.1);
    }
    .subsidiary-movie--02-02 {
        --ico-color: var(--c-main);
    }
    .subsidiary-movie::before {
        content: "";
        display: block;
        width: calc(30 / var(--font) * 1rem);
        aspect-ratio: 1 / 1;
        position: absolute;
        right: 0;
        bottom: 0;
        -webkit-mask: url("/assets_v2/img/common/ico_movie.svg") no-repeat center / contain;
        mask: url("/assets_v2/img/common/ico_movie.svg") no-repeat center / contain;
        background: var(--ico-color);
        margin-right: calc(10 / var(--font) * 1rem);
        margin-bottom: calc(10 / var(--font) * 1rem);
        z-index: 1;
    }
}

/* --------------------------------------------------------------------------
CONNECTION
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .connection-section {
    }
    .connection-section__inner {
    }
    .connection-section__body {
    }
    .connection-section .mc-co-table {
        max-width: calc(690 / var(--font) * 1rem);
    }
}
@media all and (max-width: 768px) {
    .connection-section {
    }
    .connection-section__inner {
    }
    .connection-section__body {
    }
}