@charset "UTF-8";

@media all and (min-width: 641px) {
    .text_bold {
        font-weight: bold;
    }

    .imgflex_container {
        display: flex;
    }

    .imgflex_wrap {
        flex-basis: 100%;
        margin: 0 0.5em;
    }

    .image-trim {
        position: relative;
        overflow: hidden;
        padding-top: 60%;
        /* 比率 */
    }

    .image-trim img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .img-subtext {
        font-size: 0.85em;
    }
}

@media screen and (max-width: 640px) {
    
    .image-trim:first-child {
        margin: 0 0 1em 0;
    }
    
}