@charset "utf-8";
/* CSS Document */

.grid_wrap,.grid_wrap *{
    box-sizing: border-box;
}
.grid_wrap{
    display: grid;
}



.galle_wrap{
    display: grid;
    gap: 6px;
}
.galle_wrap img{
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 6 / 4;
}
    .galle_wrap .cols-2_5_5{
        grid-column: 1 / -1;
        display: grid;
        gap: 6px;
    }

/* pc */
@media screen and (min-width:1025px){
    
}

/* tablet */
@media screen and (min-width:768px) and (max-width:1024px){
    
}

/* tablet & pc */
@media screen and (min-width:768px){
    .galle_wrap{
        grid-template-columns: repeat(12,minmax(0,1fr));
    }
    .galle_wrap .cols-2_5_5{
        grid-template-columns: repeat(5,minmax(0,1fr));
    }
    .galle_wrap .col-divide-2_3_3{
        grid-column: span 4;
    }
    .galle_wrap .col-divide-1_3_3{
        grid-column: span 4;
    }
    .galle_wrap .col-divide-2_4_4{
        grid-column: span 3;
    }
    .galle_wrap .col-divide-1_4_4{
        grid-column: span 3;
    }

    .galle_wrap .cols-2_5_5 .col-divide-2_5_5{

    }
}

/* sp */
@media screen and (max-width:767px){
    .galle_wrap{
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .galle_wrap .cols-2_5_5{
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .galle_wrap .col-divide-1_3_3{
        grid-column: 1 / -1;
    }

    .galle_wrap .col-divide-1_4_4{
        grid-column: 1 / -1;
    }
    
    .galle_wrap .cols-2_5_5 .col-divide-1_5_5{
        grid-column: 1 / -1;
    }
}