/* CSS Document */
.interview_head h2{
    text-align: center;
    margin-bottom: 1em;
}
.staff_question{
    margin: 30px 0;
}
.staff_question_title{
    width: 100%;
    background: #d1e5ce;
    padding: 5px;
    border: 1px solid #8C838D;
}
.staff_question_item{
    width: 50%;
    padding: 5px;
    border-bottom: 1px solid #8C838D;
    border-right: 1px solid #8C838D;
    text-align: left;
}
.staff_question_item:nth-child(2n){
    border-left: 1px solid #8C838D;
}
.staff_box{
    width: calc(100%/3);
    counter-reset: number;
    padding: 20px;
    position: relative;
}
.staff_box .staff_img img{
    max-height: 300px;
}
.staff_box .staff_from {
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
    position: absolute;
    top: 0;
    right: 20px;
}
.staff_box .staff_caption{
    text-align: left;
}
.staff_box .staff_name {
    text-align: left;
}
.staff_box .staff_name span{
    margin-left: 1em;
}
.staff_box .staff_data{
    margin-bottom: 2em;
}
.staff_caption .answer{
    position: relative;
}
.staff_caption .answer::before{
    content: "";
    width: 20px;
    border-top: 1px solid;
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translate(-100% , -50%);
}
.staff_caption .staff_answer_title::before{
    counter-increment: number;
    content:'Q' counter(number, decimal) '.';
    font-family: Futura;
}
.staff_caption .staff_answer_title span{
    border-bottom: 1px solid;
}
.staff_answer_caption{
    margin-bottom: 1em;
}

@media screen and (max-width:768px){
    .staff_question_item{
        width: 100%;
        border-left: 1px solid #8C838D;
    }
}
@media screen and (max-width:480px){
    .staff_question_item{
        width: 100%;
        border-left: 1px solid #8C838D;
    }
    .staff_box{
        width: 100%;
    }
}