@charset "utf-8";

#graduation {
    .wrap {
        padding:30px 0 90px;
        .contents {
            ul {
                max-width:360px;
                margin:0 auto;
                display:grid;
                font-size:2rem;
                grid-row-gap:1em;
                li {
                    a {
                        background-color:#e2750f;
                        color:#FFFFFF;
                        height:3em;
                        display:grid;
                        grid-template-columns:1fr .66em;
                        align-items:center;
                        padding:0 1em 0 1.5em;
                        border-radius:8px;
                    }
                }
            }
        }
    }
}

@media screen and (max-width:1200px){

}

@media screen and (max-width:1024px){
}

@media screen and (max-width:768px){

    #graduation {
        .wrap {
            padding:30px 0 90px;
            .contents {
                ul {
                    font-size:1.6rem;
                }
            }
        }
    }
    
}