.common-ttl-1 {
    margin-bottom: 60px;
}

.staff-img {
    border-radius: 160px;
    overflow: hidden;
    width: 84%;
    height: 84%;
    margin: auto;
	border: 6px #ffffff solid;
	    position: relative;

}

.staff .box .mask{
	background-color: #2e9bb7;
    border: 6px #a8c6cd solid;
    border-radius: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}




.staff .name {
	font-size: 20px;
    text-align: center;
    color: #2e9bb7;
    white-space: nowrap;
	    letter-spacing: 8px;
}

.staff .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;

}
.mask:hover {
    opacity: 1;
}
.mask p {

    font-size: 14px;
    text-align: center;
    color: #fff;
    padding: 5px 10px;
}

.staff .txt {
	font-size: 130%;
    text-align: center;
    padding-top: 80px;
    color: #fff;

}

.staff .modal-body th{
    padding-right: 20px;
}
 .staff .modal-body table{
    margin: auto;

}

.modal-body .staff-img {
    width: 46%;
    margin: 10px auto 26px;
}
@media (max-width: 1207px) {
.content-header .ttl {
    font-size: 18px;
    margin-top: 12px;

}
}