@charset "utf-8";

/* pdf */
.PDFviewerDiv{position:relative;height:auto;padding-top:140%;margin-top:30px;overflow:hidden}
.PDFviewerDiv iframe{display:block;position:absolute;top:0;left:0;width:100%;height:100%}
/* pdf End */

/* Staff */
.staff {border: 1px solid #dddddd;padding-top: 130px;margin-top: 40px;}
.staff .title_wrap {text-align: center;padding: 0px 100px;}
.staff .title_wrap .title {position: relative;max-width: 804px;margin: 0 auto;font-family: 'Mont bold';font-size: 31px; line-height: 1.4}
.staff .title_wrap .title em {display: block; font-family: 'Mont bold';}
.staff .title_wrap .title em::before {position: absolute; content: ''; width: 38px; height: 28px; top:0; left: -30px; background: url(/site/common/img/site/staff_icon01.png) no-repeat;}
.staff .title_wrap .title em::after {position: absolute; content: ''; width: 38px; height: 28px; top:0; right: -30px; background: url(/site/common/img/site/staff_icon02.png) no-repeat; }

.staff .vlist__bodo {background-color: #f9f9f9;margin: 6% 7.5% 9%;padding-left: 60px;}
.staff .vlist__bodo.type1 .obj .item {border-bottom:none;}
.staff .vlist__bodo.type1 .obj:first-child {border:none;}
.staff .vlist__bodo .obj .item .inner .circle {background: #f3f3f3;}
.staff .vlist__bodo .obj .item .inner .poto {position: absolute; width: 100px; height: 130px; top: 46px; left: 0;}

.staff .txtimg {display: block; margin: 0 auto 75px; padding: 0 60px;}

@media (max-width: 1350px) {
    .staff .title_wrap .title em {display: inline;}
    .staff .title_wrap .title {padding: 0px 28px;}
}
@media (max-width:767px) {
    .staff {padding-top: 80px;}
    .staff .title_wrap {padding: 0;}
    .staff .title_wrap .title {padding: 0px 55px;font-size: 24px;}
    .staff .title_wrap .title em::before {top:-20px; left: 20px;}
    .staff .title_wrap .title em::after {top:-20px; right: 20px;}
    .staff .vlist__bodo {padding-left: 0;}
    .staff .vlist__bodo .obj .item .inner .poto {position:relative;top:auto;left:auto;;margin:0 auto 10px;width:100px;}
    .staff .vlist__bodo .obj .item .inner .poto img {width:100px;}
}
@media (max-width:480px) {
    .staff {padding-top: 50px;}
    .staff .title_wrap .title em::before {display: none;}
    .staff .title_wrap .title em::after {display: none;}
    .staff .title_wrap .title {font-size: 21px;padding: 0px 20px;}
    .staff .vlist__bodo {margin: 30px 24px 50px;}
    .staff .txtimg {margin: 0 auto 50px;}
}
/* Staff End */