/*---------------------------------------------------
ABOUT
----------------------------------------------------*/
@media (min-width: 992px) {
    .position-relative {
        position: relative;
    }

    .text-overlay {
        position: absolute;
        top: 50%;
        left: 95%;
        transform: translateY(-50%);
        z-index: 1;
        /* width: 70%;*/
        width: clamp(280px, 40vw, 640px); /* 最小280px〜最大640pxで可変 */
    }

    .about-text-width{
        width: 85%;
    }
}

.history-img{
    max-width: 300px;
}

.movie-container{
    position: relative;
    width: 100%;
    max-width: 900px;
    padding-top: 56.25%;
    margin: 0 auto;
}

.movie-container iframe{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.order-parent{
    display: flex;
    flex-direction: column;
}

.about-history{
    background-image: url("../image/about/about-bg-blue.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    width: 100%;
}