.common-title.type02 {
    background-image: url(../../img/media/media-cover.png);
}

#contents {
    position: relative;

    &::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 51.2rem;
        background-image: url(../../img/media/bg-left.png);
        background-size: 51.2rem 107.7rem;
        background-repeat: no-repeat;
        background-position: -20rem 2rem;
        z-index: -1;
        background-attachment: fixed;
    }

    &::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 51.2rem;
        background-image: url(../../img/media/bg-right.png);
        background-size: 51.2rem 107.7rem;
        background-repeat: no-repeat;
        background-position: calc(100% - -14rem) -3rem;
        z-index: -1;
        background-attachment: fixed;
    }

    @media screen and (max-width: 767px) {
        &::before,
        &::after {
            position: absolute;
            width: 37.5rem;
            height: 4rem;
            background-repeat: no-repeat;
            background-attachment: scroll;
            z-index: 1;
        }

        &::before {
            top: 0;
            right: 0;
            bottom: auto;
            background-image: url(../../img/media/bg-left-sp.png);
            background-size: 37.5rem 4rem;
            background-position: right 0 bottom 0;
        }

        &::after {
            top: auto;
            right: 0;
            bottom: 0;
            background-image: url(../../img/media/bg-right-sp.png);
            background-size: 37.5rem 4rem;
            background-position: right 0 bottom 0;
        }
    }
}