@charset "UTF-8";

.c-img--l2 img {
    width: 100%;
    max-width: 800px;
    max-height: 850px;
}

.c-img--l3 img {
    width: 100%;
    max-width: 800px;
    max-height: 1020px;
}

.article-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.article-movie_block{
    margin-top: 20px;
}

.article-movie_box{
    width:50%;
    padding: 25px 4em;
    background-color: #eef8ff;
}

.article-subtitle{
    margin-top: calc(40px - 0.5em);
}
.article-subtext{
    padding-left: 4.5em;
}

@media screen and (max-width: 767px){
    .article-flex {
        flex-direction: column;
    }
    .article-movie_box{
        width:100%;
    }
}