@charset "utf-8";

#maincat_v{
background-image: url('../staff/img/main_sp.png');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: cover;
}

.lc-staff-card {
    margin-bottom: 50px;
}

#staff .lc-staff-card .lc-staff-photo {
    aspect-ratio: 1 / 1;
    width: 80%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}

#staff img{
    margin: 0 auto 20px auto;
}

#staff h2 {
    font-size: 2rem;
    margin-bottom: 20px;
    line-height: 1.4;
    text-align: left;
}

#staff p {
    text-align: left;
}

#staff .name{
    font-size: 1.4rem;
    padding: 6px;
    text-align: left;
    font-weight: bold;
}

#staff .name span{
    font-size: 0.8rem;
    display: block;
}

#staff h3{
    text-align: left;
    font-weight: bold;
    font-size: 1rem;
    padding: 6px;
    display: inline-block;
    padding: 0 10px;
}

.b1lp{
    padding-bottom: 30px;
}

.hobby {
    background:linear-gradient(transparent 60%, #d1e8ff 60%);
}

.message {
    background:linear-gradient(transparent 60%, #ffd1d1 60%);
}

#staff p{
    font-size: 0.9rem;
    margin-bottom: 30px;
}


@media (min-width: 576px) {

    #maincat_v{
        background-image: url('../staff/img/main.png');
        background-position: bottom right;
        background-repeat: no-repeat;
        background-size: auto;
    }

    #staff h2 {
        text-align: center;
    }
    
    .b1lp{
        padding-bottom: 0;
    }

    
    #staff .name{
        text-align: right;
    }
    
    .b1 img,.b2 img{
        margin-bottom: 20px;
        border-radius: 50%;
        width: 80%;
    }
    
    .b1 .col-sm{
        margin-bottom: 50px;
    }
    
        .maincopy p{
    text-align: center!important;
}

}