.guide__box{

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

        dt{
            grid-column: 1;
            padding: 2rem 1rem 2rem 2rem;

        }
        dd{
            grid-column: 2;
            padding: 2rem 2rem 2rem 1rem;
        }
        dt:nth-of-type(even),
        dd:nth-of-type(even){
            background: rgba(203,229,206,.5);
        }
    }
}
@media (max-width: 767px){
    .guide__box{

        dl{
            grid-template-columns:1fr;

            dt{
                grid-column: 1;
                padding: 1;

            }
            dd{
                grid-column: 1;
                padding: 1;
            }

        }
    }
}