/**************************************************
    bootstrapの上書きに使用（SCSSのコンパイルが面倒だった。。。）
**************************************************/
body {
    font-family: 'Noto Sans JP', sans-serif;
}

.btn-primary {
    color: white;
    background-color: rgba(50, 40, 205, 1);
    border: 1px solid rgba(50,40,205,1);
}

    .btn-primary:disabled {
        color: white;
        background-color: rgba(50, 40, 205, 1);
        border: 1px solid rgba(50,40,205,1);
    }

    .btn-primary:focus {
        color: white;
        background-color: rgba(50, 40, 205, 1);
        border: 1px solid rgba(50,40,205,1);
    }

    .btn-primary:hover {
        color: white;
        background-color: rgba(50, 40, 205, 1);
        border: 1px solid rgba(50,40,205,1);
    }

.btn-secondary {
    color: rgba(50,40,205,1);
    background-color: white;
    border: 1px solid rgba(50,40,205,1);
}
    .btn-secondary:disabled {
        color: rgba(50,40,205,1);
        background-color: white;
        border: 1px solid rgba(50,40,205,1);
    }
    .btn-secondary:focus {
        color: rgba(50,40,205,1);
        background-color: white;
        border: 1px solid rgba(50,40,205,1);
    }
    .btn-secondary:hover {
        color: rgba(50,40,205,1);
        background-color: white;
        border: 1px solid rgba(50,40,205,1);
    }

.btn-lg {
    width: 150px;
    height: 50px;
}