.jumoku__map{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 3rem;
    margin-bottom: 4rem;

    li{
        text-align: center;
        border: 3px solid var(--main-color);
        padding: 1rem;

        span{
            color: var(--main-color);
            font-size: 1.5rem;
            text-decoration: none;
        }
    }
}
@media (max-width: 767px){
    .jumoku__map{
        display: block;

        li{
            margin-bottom: 2rem;

            span{
                font-size: 1rem;
            }
        }
    }
}
h3 span{
    font-size: 1.25rem;
    background: linear-gradient(transparent 50%, var(--sub-color) 50%);
    padding: .5rem;
}
.jumoku__list{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 3rem;
    margin-top: 3rem;

    li{
        text-align: center;
        border: 3px solid var(--accent-color);
        padding: 1rem;

        span{
            color: var(--accent-color);
            font-size: 1.5rem;
            text-decoration: none;
        }
    }
}
@media (max-width: 767px){
    .jumoku__list{
        display: block;

        li{
            margin-bottom: 2rem;

            span{
                font-size: 1rem;
            }
        }
    }
}