@charset "utf-8";

.pb-widget-staff_list * { outline: none; }

.pb_staff_list-social { font-size: 14px; list-style: none !important; margin: 0 !important; padding: 0 !important; }
.pb_staff_list-social li { display: inline; list-style: none; margin: 0 12px 0 0; padding: 0; }
.pb_staff_list-social li:last-child { margin-right: 0; }
.pb_staff_list-social li a { color: #000; text-decoration: none !important; }

.pb_staff_list-social li a:before { font-family: "design_plus"; -webkit-transition-property: none; }
.pb_staff_list-social-facebook a:before { content: "\e902"; }
.pb_staff_list-social-twitter a:before {  font-family: 'tiktok_x_icon'!important; content: "\e901"; }
.pb_staff_list-social-instagram a:before { content: "\ea92"; }
.pb_staff_list-social-rss a:before { content: "\e90b"; }

.pb_staff_list-pc {
  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex;
  -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.pb_staff_list-pc .pb_staff_list-item { cursor: default; min-height: 150px; overflow: hidden; position: relative; width: 33.3333%; }
.pb_staff_list-pc .pb_staff_list-item.no-image { background: rgba(0,0,0,0.7); }

.pb_staff_list-pc .pb_staff_list-image { display: block; height: 100%; width: 100%; object-fit: cover; }
.pb_staff_list-pc .pb_staff_list-label { background: #222; color: #fff; font-size: 14px; line-height: 50px; height: 50px; min-width: 40%; overflow: hidden; padding: 0 1em; text-align: center; position: absolute; bottom: 0; right: 0; z-index: 2;
  -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%);
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;
  -webkit-transition-property: background-color, -webkit-transform, transform; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease;
  -moz-transition-property: background-color, -moz-transform, transform; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease;
  -ms-transition-property: background-color, -ms-transform, transform; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease;
  -o-transition-property: background-color, -o-transform, transform; -o-transition-duration: 0.3s; -o-transition-timing-function: ease;
  transition-property: background-color, transform; transition-duration: 0.3s; transition-timing-function: ease;
}
.pb_staff_list-pc .pb_staff_list-overlay { background: rgba(0,0,0,0.7); color: #fff; min-height: 100%; opacity: 0; padding: 12%; visibility: hidden; width: 100%; position: absolute; top: 0; left: 0; z-index: 1;
  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; justify-content: center;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;
  -webkit-transition-property: opacity, visibility; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease;
  -moz-transition-property: opacity, visibility; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease;
  -ms-transition-property: opacity, visibility; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease;
  -o-transition-property: opacity, visibility; -o-transition-duration: 0.3s; -o-transition-timing-function: ease;
  transition-property: opacity, visibility; transition-duration: 0.3s; transition-timing-function: ease;
}
.pb_staff_list-pc .pb_staff_list-item:hover .pb_staff_list-overlay { opacity: 1; visibility: visible; }
.pb_staff_list-pc .pb_staff_list-item:hover .pb_staff_list-label { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }


.pb_staff_list-pc .pb_staff_list-name { font-size: 22px; font-weight: 400; line-height: 1.2; margin: 0 0 8px 0; padding: 0; }
.pb_staff_list-pc .pb_staff_list-position { font-size: 16px; font-weight: 400; line-height: 1.2; margin: 0 0 10px 0; padding: 0; }
.pb_staff_list-pc .pb_staff_list-social li a { color: #fff; }
.pb_staff_list-pc .pb_staff_list-description { font-size: 14px; font-weight: 300; line-height: 2.2; margin: 14px 0 0 0; }

.pb_staff_list-mobile { display: none; }
.pb_staff_list-mobile .pb_staff_list-tab { border-top: 1px solid #ddd; list-style: none; margin: 0; padding: 0;
  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex;
  -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
 }
.pb_staff_list-mobile .pb_staff_list-tab li { border-bottom: 1px solid #ddd; list-style: none; margin: 0; padding: 0; width: 50%;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;
}
.pb_staff_list-mobile .pb_staff_list-tab li:nth-child(even) { border-left: 1px solid #ddd; }
.pb_staff_list-mobile .pb_staff_list-tab li a { display: block; color: #000; font-size: 14px;  height: 45px; line-height: 45px; overflow: hidden; text-align: center; text-decoration: none !important; }
.pb_staff_list-mobile .pb_staff_list-tab li a.active,
.pb_staff_list-mobile .pb_staff_list-tab li a:hover { background: #f6f6f6; }

.pb_staff_list-mobile .pb_staff_list-item { display: none; background: #f6f6f6; border-top: 1px solid #ddd; margin-top: -1px; padding: 19px; }
.pb_staff_list-mobile .pb_staff_list-item.active { display: block; }

.pb_staff_list-mobile .pb_staff_list-image { display: block; margin-bottom: 28px; width: 100%; }
.pb_staff_list-mobile .pb_staff_list-name { font-size: 18px; font-weight: 400; line-height: 1.2; margin: 0 0 8px 0; padding: 0; }
.pb_staff_list-mobile .pb_staff_list-position { font-size: 14px; font-weight: 400; line-height: 1.2; margin: 0 0 8px 0; padding: 0; }
.pb_staff_list-mobile .pb_staff_list-social li a { color: #000; }
.pb_staff_list-mobile .pb_staff_list-description { font-size: 14px; font-weight: 300; line-height: 2.2; margin: 12px 0 5px 0; }

@media only screen and (max-width: 767px) {
  .pb_staff_list-pc { display: none; }
  .pb_staff_list-mobile { display: block; }
}