/*スタッフ紹介
---------------------------------------------------------*/
#staff .bgbox{
  background:#f4f4f1;
  padding: 90px 0 150px 0;
  position: relative;
}
#staff .bgbox::before{
  position:absolute;
  display: block;
  content: "";
  left: 0;
  bottom:0;
  width: 100%;
  height: 500px;
  background: #ffffff;
}
#staff .w1200{
  position:relative;
  z-index: 2;
}
#staff .staff_list{
  padding-bottom:65px;
  overflow: hidden;
}
#staff .staff_list > li{
  float:left;
  width: 50%;
  padding-right: 5%;
  padding-bottom: 55px;
}
#staff .staff_list > li:nth-child(even){
  padding-right: 0;
  padding-left: 5%;
}
#staff .staff_list > li .stf_name{
  display:table;
  width: 100%;
  max-width: 460px;
  margin: 0 auto;
}
#staff .staff_list > li .stf_name .img_box,
#staff .staff_list > li .stf_name .txt_box{
  display:table-cell;
  vertical-align: middle;
}
#staff .staff_list > li .stf_name .img_box{
  width:60%;
  padding-right: 10%;
}
#staff .staff_list > li .stf_name .txt_box{
  text-align:center;
  line-height: 1em;
  width:40%;
}
#staff .staff_list > li .stf_name .txt_box p{
  margin-bottom: 20px;
  letter-spacing: 0.05em;
}
#staff .staff_list > li .stf_name .txt_box dt{
  font-size:165%;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
}
#staff .staff_list > li .stf_name .txt_box dd{
  font-size:90%;
  color:#9b9b9b;
  font-family: interstate, sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.15em;
}
#staff .staff_list > li .stf_name .txt_box dl{
  position:relative;
  padding-bottom: 30px;
}
#staff .staff_list > li .stf_name .txt_box dl::before{
  display:block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom:0;
  height: 1px;
  max-width: 150px;
  width:80%;
}
#staff .staff_list > li.stf_dh .stf_name .txt_box dl::before{
  background: #ecba89;}
#staff .staff_list > li.stf_da .stf_name .txt_box dl::before{
  background: #6aaab4;}
#staff .staff_list > li.stf_uketsuke .stf_name .txt_box dl::before{
  background: #ba9e2d;}

#staff .staff_list > li .stf_txt{
  margin-top:35px;
}

#staff .stf_team_img{
  text-align:center;
}
#staff .stf_team_img div{
  max-width:1070px;
  width: 90%;
  margin: 0 auto;
}
#staff .stf_team_img h6{
  font-size:145%;
  letter-spacing: 0.2em;
  margin-top: 50px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#staff .bgbox{
  padding: 60px 0 90px 0;
}
#staff .bgbox::before{
  height: 300px;
}
#staff .staff_list{
  padding-bottom:40px;
}
#staff .staff_list > li{
  width: 47%;
  padding-right: 6%;
  padding-bottom: 30px;
}
#staff .staff_list > li .stf_name .img_box{
  width:50%;
  padding-right: 3%;
}
#staff .staff_list > li .stf_name .txt_box{
  width:50%;
}
#staff .staff_list > li .stf_name .txt_box p{
  margin-bottom: 15px;
  font-size:90%;
}
#staff .staff_list > li .stf_name .txt_box dt{
  font-size:140%;
  margin-bottom: 15px;
}
#staff .staff_list > li .stf_name .txt_box dd{
  font-size:85%;
  letter-spacing: 0.1em;
}
#staff .staff_list > li .stf_name .txt_box dl{
  padding-bottom: 20px;
}
#staff .staff_list > li .stf_txt{
  margin-top:20px;
}
#staff .stf_team_img div{
  width: 80%;
}
#staff .stf_team_img h6{
  font-size:130%;
  letter-spacing: 0.1em;
  margin-top: 30px;
}

}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#staff .bgbox{
  padding: 10% 0 13% 0;
}
#staff .bgbox::before{
  height: 200px;
}
#staff .staff_list{
  padding-bottom:3%;
}
#staff .staff_list > li{
  float:none;
  width: 100%;
  padding-right: 0;
  padding-bottom: 9%;
}

#staff .staff_list > li .stf_name{
  width: 80%;
}
#staff .staff_list > li .stf_name .img_box{
  width:55%;
  padding-right: 5%;
}
#staff .staff_list > li .stf_name .txt_box{
  width:45%;
}
#staff .staff_list > li .stf_name .txt_box p{
  margin-bottom: 10%;
  font-size:3.5vw
}
#staff .staff_list > li .stf_name .txt_box dt{
  font-size:5.5vw;
  margin-bottom:10%;
}
#staff .staff_list > li .stf_name .txt_box dd{
  font-size:3vw;
}
#staff .staff_list > li .stf_name .txt_box dl{
  padding-bottom: 13%
}
#staff .staff_list > li .stf_name .txt_box dl::before{
  width:90%;
}
#staff .staff_list > li .stf_txt{
  margin-top:5%;
}
#staff .stf_team_img div{
  width: 100%;
  margin: 0 auto;
}
#staff .stf_team_img h6{
  font-size:4.5vw;
  letter-spacing: 0.18em;
  margin-top: 4%;
}
}