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


/* 標準グリッド */


.row_grid {
    display: grid;
}


.grid_column_3 {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    row-gap: 2れm;
}


/* 縦方向余白*/
.grid_gap_row_1 {
    row-gap: 1rem;
}
.grid_gap_row_2 {
    row-gap: 2rem;
}
.grid_gap_row_3 {
    row-gap: 3rem;
}
.grid_gap_row_4 {
    row-gap: 4rem;
}
.grid_gap_row_5 {
    row-gap: 5rem;
}
.grid_gap_row_6 {
    row-gap: 6rem;
}
.grid_gap_row_7 {
    row-gap: 7rem;
}
.grid_gap_row_8 {
    row-gap: 8rem;
}





.grid_gap_col_2,
.grid_gap_col_3 {
    column-gap: clamp( 16px, 4%, 56px);
}