@charset "UTF-8";

/* index.html add_20251203 */
.grid-background {
    padding: 100px 0 10px;
    --grid-size: 20px;
    /* 色 */
    /* --line-color: rgba(160, 196, 255, 0.5); */
    /* --line-color: rgba(200, 200, 200, 0.3); */
    --line-color: rgba(211, 211, 227, 0.3);
    background-image:
        repeating-linear-gradient(
        to right,
        var(--line-color),
        var(--line-color) 1px,
        transparent 1px,
        transparent var(--grid-size)
        ),
        repeating-linear-gradient(
        to bottom,
        var(--line-color),
        var(--line-color) 1px,
        transparent 1px,
        transparent var(--grid-size)
        );
    background-position: 0 0;
    background-repeat: repeat;
    background-color: white;
    min-height: 100vh;
}

.sp_br,
.pc_br {
    display: none;
}
@media screen and (max-width: 768px) {
    .sp_br {
        display: block;
    }
}
@media screen and (min-width: 769px) { 
    .pc_br {
        display: block;
    }
}