@charset "utf-8";

.staff_subttl{
    text-align: center;
    font-size: 1.8em;
    font-weight: normal;
    border-left: solid 2px;
    border-right: solid 2px;
    color: #9b7b40;
    width: 50%;
    margin: 30px auto 30px auto;
}

.staff{
padding: 20px 0px;
margin-bottom: 20px;
display: table;
width: 100%;
box-sizing: border-box;
}

.staff_img{
width: 30%;
height: 280px;
float: left;
margin-right: 20px;
}

.staff_img img{
	width:100%;
}

.staff p{
margin-bottom: 10px;
float: left;
width:67%;
}

.staff p span{
	font-size:12px;
}


.staff p:nth-of-type(1){
line-height: 1.5em;
font-size: 1.5em;
}

.staff p:nth-of-type(1) strong{
background:#9b7b40;
color: #FFF;
font-size: 0.7em;
padding: 3px 10px;
}

.message{
    background-color: #ebe5dd;
    padding: 10px;
    font-size: 12px;
    line-height: 1.6;
	width:64% !important;
}

.staff_ttl {
    font-size: 12px;
    color: #D70C10;
    line-height: 2.8em;
}

@media screen and (max-width:767px){
.staff_subttl{
    font-size: 1.6em;
    width: 70%;
}	
	
.staff{
padding: 15px;
}

.staff_img {
    width: 45%;
    height: auto;
    float: none;
    margin-right: auto;
    margin-left: auto;
}

.staff img{
width: 100%;
margin-bottom: 10px;
height: auto;
}

.message {
    background-color: #ebe5dd;
    padding: 20px;
    width: 88% !important;
    margin-bottom: 15px !important;
}

.staff p{
font-size: 0.9em;
line-height: 1.3em;
width: 100%;
}

.staff p:nth-of-type(1){
line-height: 1.7em;
font-size: 1.2em;
}

.staff p:nth-of-type(1) strong{
font-size: 0.8em;
padding: 3px 10px;
margin-right: 10px;
}


}


@media screen and (max-width:360px){
.staff img{
width: 30%;
}
}