@charset 'UTF-8';
/*  透過
----------------------------------------*/
/*  ボーダー
----------------------------------------*/
.update {
  margin: 0 20px 5px;
  font-size: 1.4rem;
}

.officer_list_ul {
  width: 100%;
  margin: -10px 0 30px;
}

.officer_list_li {
  width: 100%;
  padding-bottom: 15px;
}

.officer_list_dl {
  display: block;
  margin: 0;
  padding: 0 20px;
}

.officer_list_dt {
  display: block;
  width: 100%;
  padding: 15px 0;
  font-size: 1.5rem;
}

.officer_list_dd {
  display: block;
  width: 100%;
  padding-right: 0;
  font-size: 1.5rem;
}
.officer_list_dd_inner {
  display: block;
}

.officer_list_name {
  display: block;
  width: 100%;
  font-size: 1.5rem;
}

.officer_list_kana {
  display: block;
  width: 100%;
  font-size: 1.2rem;
}

.officer_list_department {
  display: block;
  width: 100%;
  margin-top: 10px;
  font-size: 1.3rem;
}

.officer_list_li_detail{
  margin-bottom:50px;
}
.officer_details{
  padding: 0 20px;
}
.officer_details_name{
    display: block;
    margin-bottom: 15px;
}
.officer_details_name p.position1{
  width: 100%;
  font-size: 1.4rem;
}
.officer_details_name p.position1.dotL,.officer_details_name p.position2.dotR{
  border: none;
  padding:0;
}
.officer_details_name p.position1 span.name{
  font-size: 1.4rem;
}
.officer_details_name p.position2{
  width: 100%;
  font-size: 1.2rem;
  margin-top: 10px;
}
.officer_details_img{
  margin: 0;
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.officer_details_img p{
  font-size: 1.2rem;
  text-align: left;
}
.detail_cap{
  margin-top:5px;
}
.spflex{
  width: calc(60% - 20px);
}
.officer_details_img .picture{
  width: 40%;
  margin: 0 10px;
}
.officer_details_Career{
  float: none;
}
.officer_details_Career table{
  width: 100%;
  font-size: 1.2rem;
}
.officer_details_Career table tr td.event{
  padding-left: 20px;
}
.pc_only{
  display: none;
}
.sp_only{
  display: block;
}