.staff-license{
    border: 5px solid #ecd6c6;
    padding: 40px;
    margin-bottom: 60px;
}
.staff-license .intro{
    gap: 2vw;
}
.staff-license .intro .md_radius_photo{
    width: 40%;
}
.staff-license .intro .txt{
    width: 56%;
}
.staff-license .intro .txt h3{
    font-size: clamp(20px, 1.5vw, 32px); 
    margin-bottom: 20px;
}
.staff-license .intro .txt p{
    margin-bottom: 30px;
}
.staff-license .intro .txt a{
    max-width: 320px;
    display: block;
}
.staff_list{
    gap: 2vw;
}
.staff_list li{
    width: 48%;
    border-radius: 30px;
    background: var(--site-primary);
}

.staff_list li h3{
    font-size: clamp(20px, 1.5vw, 30px);
    margin-bottom: 25px;
}
.staff_list li .txt{
    padding: 25px 40px 40px;
}

@media only screen and (max-width: 1024px) {
    .staff-license{
        padding: 25px;
    }
    .staff_list li .txt{
        padding: 15px 20px 20px;
    }
    .staff_list li h3{
        margin-bottom: 15px;
    }
}
@media only screen and (max-width: 568px) {
    .staff-license{
        margin: 0 -5.7vw 30px;
        border-left: none;
        border-right: none;
        border-radius: 0;
        padding: 20px;
    }
    .staff-license .intro{
        flex-direction: column;
    }
    .staff-license .intro .md_radius_photo,
    .staff-license .intro .txt{
        width: 100%;
    }
    .staff-license .intro{
        gap: 5vw;
    }
    .staff-license .intro .txt h3{
        text-align: center;
    }
    .staff-license .intro .txt p{
        margin-bottom: 20px;
    }
    .staff-license .intro .txt a {
      max-width: 250px;
      margin: 0 auto;
    }
    .staff_list{
        flex-direction: column;
        gap: 4vw;
    }
    .staff_list li{
        width: 100%;
        border-radius: 20px;
    }
}