@charset "UTF-8";

.composite_box01 .wrapper_item {
    justify-content: center;
}

.composite_box01 .inner_item:nth-of-type(1):nth-last-of-type(5), .composite_box01 .inner_item:nth-of-type(2):nth-last-of-type(4), .composite_box01 .inner_item:nth-of-type(3):nth-last-of-type(3), .composite_box01 .inner_item:nth-of-type(4):nth-last-of-type(2), .composite_box01 .inner_item:nth-of-type(5):nth-last-of-type(1) {
    margin-left: 0;
}

.composite_box01 .inner_item_img img {
    background: var(--i_main_color);
    width: 75% !important;
    height: auto !important;
    border-radius: 10px;
}

@media screen and (max-width: 1100px) {
    .composite_box01:not(.block_images_7):not(.block_images_8):not(.block_images_10):not(.block_images_11):not(.block_images_12):not(.block_images_13):not(.block_images_15):not(.block_images_17):not(.block_images_21):not(.block_images_22):not(.block_images_23):not(.block_images_24) .inner_item {
        width: 18%;
        margin-bottom: 0 !important;
    }
}

@media screen and (max-width: 900px) {
     .composite_box01:not(.block_images_7):not(.block_images_8):not(.block_images_10):not(.block_images_11):not(.block_images_12):not(.block_images_13):not(.block_images_15):not(.block_images_17):not(.block_images_21):not(.block_images_22):not(.block_images_23):not(.block_images_24) .inner_item {
        width: 18%;
        margin-bottom: 0 !important;
    }

    .composite_box01.block_images_1 .inner_item:nth-of-type(2n), .composite_box01.block_images_2 .inner_item:nth-of-type(2n), .composite_box01.block_images_3 .inner_item:nth-of-type(2n), .composite_box01.block_images_4 .inner_item:nth-of-type(2n), .composite_box01.block_images_5 .inner_item:nth-of-type(2n), .composite_box01.block_images_6 .inner_item:nth-of-type(2n), .composite_box01.block_images_9 .inner_item:nth-of-type(2n), .composite_box01.block_images_14 .inner_item:nth-of-type(2n), .composite_box01.block_images_16 .inner_item:nth-of-type(2n) {
        margin-left: 0 !important;
    }
}

@media screen and (max-width: 768px) {
    .composite_box01 .wrapper_item {
        row-gap: 3rem;
    }
    .composite_box01:not(.block_images_7):not(.block_images_8):not(.block_images_10):not(.block_images_11):not(.block_images_12):not(.block_images_13):not(.block_images_15):not(.block_images_17):not(.block_images_21):not(.block_images_22):not(.block_images_23):not(.block_images_24) .inner_item {
        width: 30%;
    }
}