:root{
    --logoColor: #0068B3;
}

#reason img{
    margin-top: 1em;
}

#support .card, #works .card{
    background-color: var(--logoColor);
    color: #ffffff;
    padding: 1em 0.5em;
    letter-spacing: 0.1ex;
    /*margin-bottom: 0.3em;*/
    width: 100%;
}

#support .card-title{
    border-bottom: 1px solid #ffffff;
    font-size: 18px;
    letter-spacing: 0.1em;
}

#support .card-text{
    text-align: left;
}

#support i{
    font-size: 36px;
    letter-spacing: 0.5em;
    margin-bottom: 0.5em;
}

#support i:first-child{
    margin-left: 0.5em;
}

.fa-mobile-alt{
    transform: rotate(15deg);
}

#lang p{
    font-size: 24px;
    font-weight: bold;
}

#works .row{
    text-align: left;
}

#works .card{
    margin: 0 10px;
}

#works .card-title{
    font-size: 18px;
}

    #works .card-title::after{
        content: "様";
    }

    #works .card-title a:link, #works .card-title a:visited{
        color: #ffffff !important;
    }

#works .card-body{
    padding: 0 0.75rem;
}

    #works .card-body img{
        margin-bottom: 1em;
    }