.card-header {
    background-color:rgba(0,0,0,.20);
    border-bottom: 0;
    font-weight:bolder;
    font-size: 1.08rem;
}
.card-image {
    padding: 10px;
}
.card-body {
    background-color:rgba(0,0,0,.03);
}

.flex {
    display:flex;
}

.service-title {
    font-weight:bolder;
    font-size:1.1rem;
}

.bx-wrapper .bx-pager {
    bottom: 20px !important;
}

@media (min-width: 767.98px) {
    div.content-wrapper div.container {
        padding:1rem !important;
    }
    .bx-viewport {
        max-height:600px !important;
        max-width: 100% !important;
    }
    .top-image {
        max-height:600px !important;
        max-width: 100% !important;
    }
    .bxslider img {
        max-height: 600px !important;
        width: 100% !important;
    }
    .sp {
        display:none;
    }
    .pc {
        display:inline-block;
    }
    .card:nth-child(n+2) {
        margin-left: 20px;
    }
    .card img {
        width: 100%;
    }
    .layout-navbar-fixed .wrapper .content-wrapper {
        margin-top: calc(4.7rem + 1px);
    }
    .navbar-brand {
        height: 60px;
    }
    .navbar-brand.logon {
        height: 40px !important;
    }
}
@media (max-width: 767.98px) {
    div.content-wrapper div.container {
        padding-top:1rem !important;
    }
    .bx-viewport {
        max-height:100% !important;
        max-width: 100% !important;
    }
    .top-image {
        max-height:100% !important;
        max-width: 100% !important;
    }
    .bxslider img {
        max-height: 300px !important;
        max-width: 100% !important;
        object-fit: contain;
    }
    .sp {
        display:inline-block;
    }
    .pc {
        display:none;
    }
    .flex {
        display:block;
    }
    img.sp {
        width:100%;
    }
    .card {
        text-align:center;
    }
    .card img {
        width: 70%;
        margin: 0 auto;
    }
    /* .navbar-brand {
        width: calc(100vw - 210px);
        max-width: 140px;
    } */
    .navbar-expand-md .navbar-nav {
        -ms-flex-direction: row;
        flex-direction:row;
    }
    .bx-wrapper .bx-pager {
        bottom: -30px !important;
    }
    div.logo {
        text-align: center;
        max-width: calc(100% - 220px);
    }    
}

.btn-register {
    font-size: 1.5rem !important;
    padding:20px 40px !important;
}