.messageSection {
    background-color: var(--primary-bg-color);
}

.descriptionSection {
    background-color: var(--secondary-bg-color);

    .media--img {
        filter: drop-shadow(-2px 4px 4px var(--grey));
    }
}

@media screen and (max-width: 1024px) {
    /* 1024pxまでの幅の場合に適応される */
    .media {
        flex-direction: column;
    }
}

.marketSection {
    background-color: var(--primary-bg-color);
    .media--imgBox {
        flex-basis: 560px;
    }
}

@media screen and (max-width: 1024px) {
    /* 1024pxまでの幅の場合に適応される */
    .marketSection {
        .media--imgBox {
            flex-basis: auto;
        }
    }
}

.workSection {

    background-color: var(--secondary-bg-color);

    .content--videoBox {
        margin-top: 32px;
    }
    
    .video {
        width: 100%;
    }


}

.networkSection {
    background-image: url(/img/japan-map.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;

    .media--title {
        font-size: 2.8rem;
    }

    .media--text {
        font-size: 2rem;
    }
}