@charset "utf-8";
/* staff*/ 
.content_wrap{
	padding: 10px 10px 0;
}
.content{
	border:1px solid #d3c6af;
	border-radius:10px;
	padding-top:10px;
  padding-bottom: 10px;
}
.contents_tit{
	color:#a02200;
	font-weight:bold;
	background:#fffcdf url(../images/staff/icon_staff.png) no-repeat 10px center;
  background-size: 27px 21px;
	border-top: 1px solid #fae8c5;
  border-bottom: 1px solid #fae8c5;
	overflow:hidden;
	padding:5px 10px 5px 47px;
}

/* index */
.li_wrap{
  padding: 15px 10px 0;
}
.li_staff>*+*{
  margin-top: 10px;
}
.item_staff{
  border: 2px solid #ffd735;
  border-radius: 5px;
}
.item_staff div[class^="box_"]{
  padding: 5px;
}
.item_staff .box_top{
  background: #fffbb9;
  border-radius: 5px 5px 0 0;
}
.li_staff_r>*+*,
.box_bottom>*+*{
  margin-top: 10px;
}
.item_staff .img{
  width: 85px;
  height: auto;
  border: 3px solid #fff;
}
.item_staff .row{
  width: 100%;
  display: table;
}
.item_staff .row>*{
  display: table-cell;
  vertical-align: top;
}
.li_staff_r{
  width: 100%;
  padding-left: 5px;
}
.li_staff_name{
  border-bottom: 1px solid #ffd735;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.li_staff_name a{
  color: #a02200;
  font-size: 14px;
  text-decoration: underline;
}
.li_staff_r .data span{
  color: #fff;
  font-size: 12px;
  background: #ff7eb6;
  border-radius: 10px;
  display: inline-block;
  padding: 0 10px;
}
.li_staff_data>*{
  font-size: 12px;
  border-left: 2px solid #ff7eb6;
  padding-left: 5px;
}
.li_staff_data>*+*{
  margin-top: 10px;
}
.li_staff_r .li_staff_data>*{
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.li_staff_r .li_staff_data>*:nth-child(1),
.li_staff_r .li_staff_data>*:nth-child(2){
  width: 50%;
}
.li_staff_r .li_staff_data>*:nth-child(2){
  margin-top: 0;
}
.li_staff_data>* span{
  font-weight: bold;
}
.balloon{
  font-weight: bold;
  background: #fff;
  border: 1px solid #ffd735;
  border-radius: 5px;
  padding: 10px 5px;
  margin-top: 10px;
  position: relative;
}
.balloon:before{
  content: "";
  width: 9px;
  height: 9px;
  background: url(../images/staff/arrow_balloon.png) no-repeat;
  background-size: 9px 9px;
  position: absolute;
  top: -9px;
  left: 40px;
}
.btn_li_staff{
  color: #a02200;
  font-weight: bold;
  text-align: center;
  height: 30px;
  line-height: 30px;
  background: #ffd735;
  border: 1px solid #ffd735;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 0 #fff inset, -2px 0 0 #fff inset, 0 -2px 0 #fff inset, 2px 0 0 #fff inset;
  box-shadow: 0 2px 0 #fff inset, -2px 0 0 #fff inset, 0 -2px 0 #fff inset, 2px 0 0 #fff inset;
  position: relative;
}
.btn_li_staff:before{
  content: "";
  width: 8px;
  height: 15px;
  background: url(../images/staff/arrow_li_staff_btn.png) no-repeat;
  background-size: 8px 15px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -8px;
}

/* link */
.bottom_offer{
  background: #f9f8ea;
  padding: 10px;
  margin-top: 20px;
}
.btn_bottom_offer{
  color: #fff;
  font-weight: bold;
  text-align: center;
  height: 46px;
  line-height: 46px;
  background: #ff7f17;
  border: 1px solid #ffd735;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 0 #fff inset, -2px 0 0 #fff inset, 0 -2px 0 #fff inset, 2px 0 0 #fff inset;
  box-shadow: 0 2px 0 #fff inset, -2px 0 0 #fff inset, 0 -2px 0 #fff inset, 2px 0 0 #fff inset;
  margin-top: 5px;
  position: relative;
}
.btn_bottom_offer:before{
  content: "";
  width: 8px;
  height: 15px;
  background: url(../images/common/arrow/arrow_16_30_white.png) no-repeat;
  background-size: 8px 15px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -8px;
}

.bottom_link{
  border-top: 1px dashed #d3c6af;
  padding-top: 10px;
  margin: 10px 10px 0;
}
.btn01_bottom_link{
  height: 40px;
  line-height: 40px;
}

/* pager */
.page{
  text-align: center;
  border-top: 1px dashed #d3c6af;
  border-bottom: 1px dashed #d3c6af;
  padding: 20px 0;
  margin-top: 20px;
}
.page>*+*{
  margin-top: 10px;
}
.page_cout{
  color: #fff;
  font-size: 12px;
  background: #4c4c4c;
  border-radius: 20px;
  display: inline-block;
  padding: 2px 20px;
}
.pagination{
  margin-right: -5px;
  margin-left: -5px;
}
.page_item{
  float: left;
  text-align: center;
  width: 50%;
  box-sizing: border-box;
  padding: 0 5px;
}
.page_item a{
  color: #a02200;
  height: 50px;
  line-height: 50px;
  border: 2px solid #d8c8b8;
  border-radius: 5px;
  display: block;
}
.page_item a:before,
.page_item a:after{
  content: "";
  width: 10px;
  height: 16px;
  background-size: 10px 16px;
  display: inline-block;
  vertical-align: middle;
}
.page_prev:before{
  background: url(../images/common/arrow/prev_20_32_a02200.png) no-repeat;
  margin: -2px 10px 0 0;
}
.page_next:after{
  background: url(../images/common/arrow/next_20_32_a02200.png) no-repeat;
  margin: -2px 0 0 10px;
}

/* details */
.staff{
  border: 2px solid #ffeaa2;
  padding: 10px 10px 20px;
  margin: 15px 10px 40px;
  position: relative;
}
.staff:before{
  content: "";
  width: -webkit-calc(100% - 6px);
  width: calc(100% - 6px);
  height: -webkit-calc(100% - 6px);
  height: calc(100% - 6px);
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  border: 1px solid #ffeaa2;
}
.staff_name{
  font-size: 16px;
  border-bottom: 1px dashed #b5b5b5;
  padding: 10px 0;
  margin-bottom: 10px;
}
.staff .data{
  font-size: 12px;
  background: #fff4f9;
  border-radius: 20px;
}
.staff .data span{
  color: #fff;
  background: #ff7eb6;
  border-radius: 20px;
  padding: 0 10px;
  margin-right: 10px;
}
.staff .img{
  width: 182px;
  height: auto;
  border: 1px solid #d4d4d4;
  display: block;
  margin: 20px auto 0;
}
.staff_data{
  margin-top: 20px;
}
.staff_data>*{
  width: 100%;
  border-bottom: 1px solid #d5d5d5;
  display: table;
  padding: 10px 0;
}
.staff_data>*:first-child{
  border-top: 1px solid #d5d5d5;
}
.staff_data>*:nth-child(even){
  background: #fffeeb;
}
.staff_data>* p{
  display: table-cell;
  vertical-align: top;
}
.staff_data>* .ttl{
  font-weight: bold;
  white-space: nowrap;
}
.staff_data>* .txt{
  width: 100%;
}
.staff_txt{
  margin-top: 20px;
}
.staff_txt .ttl{
  font-weight: bold;
  border-bottom: 1px dashed #b5b5b5;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

.question{
  margin-bottom: 40px;
}
.question h4{
  text-align: center;
  background: url(../images/staff/icon_q.png) no-repeat center 0;
  background-size: 136px 51px;
  padding-top: 62px;
}
.question h4 span{
  font-size: 16px;
  background: -webkit-linear-gradient(transparent 70%, #ffa6cc 30%);
  background: linear-gradient(transparent 70%, #ffa6cc 30%);
}
.li_q{
  border-top: 1px solid #c1c1c1;
  margin-top: 20px;
}
.item_q{
  border-bottom: 1px solid #c1c1c1;
}

.item_q .ttl{
  font-size: 16px; 
  font-weight: bold;
  padding: 15px 10px 15px 40px;
  position: relative;
}
.item_q .ttl:before{
  content: "Q.";
  color: #ff64a7;
  font-size: 18px;
  position: absolute;
  top: 15px;
  left: 10px;
}
.item_q .txt{
  background: #fffeeb;
  padding: 15px 10px;
  position: relative;
}
.item_q .txt:before{
  content: "";
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-right: 8px solid #ffeaa2;
  border-bottom: 8px solid #ffeaa2;
  position: absolute;
  right: 0;
  bottom: 0;
}
.lead_more{
  color: #5f99eb;
  text-decoration: underline;
  text-align: center;
  margin-top: 20px;
}
.li_q_open:before{
  content: "";
  width: 15px;
  height: 9px;
  background: url(../images/staff/arrow_accordion.png) no-repeat;
  background-size: 15px 18px;
  display: inline-block;
  vertical-align: middle;
  margin: -2px 10px 0 0;
}
.li_q_close:before{
  content: "";
  width: 15px;
  height: 9px;
  background: url(../images/staff/arrow_accordion.png) no-repeat 0 bottom;
  background-size: 15px 18px;
  display: inline-block;
  vertical-align: middle;
  margin: -2px 10px 0 0;
}