@charset "UTF-8";
#container.subpage .subpage_top .inner img {
  -o-object-position: center 0%;
     object-position: center 0%;
}

/* ----------------------------------------------
　PC設定
------------------------------------------------*/
@media all and (min-width: 769px) {
  #contents .bar_tit {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--m50);
  }
  #contents .bar_tit .txt {
    font-size: var(--s22_40);
    line-height: 1;
  }
  #contents .bar_tit::after {
    content: "";
    display: inline-block;
    width: 50px;
    height: 5px;
    background-color: var(--brown04);
    margin: var(--m16) 0 var(--m24);
  }
  #contents .staff_box {
    margin-bottom: var(--m80);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  #contents .img_area {
    width: 20%;
  }
  #contents .img_area figure {
    margin-bottom: var(--s10_14);
  }
  #contents .img_area .position {
    margin-bottom: var(--s14_16);
    font-size: var(--s14_16);
    padding: 0.25em 1em;
    text-align: center;
    background-color: var(--brown04);
    color: #fff;
  }
  #contents .img_area .name {
    font-size: var(--s22_36);
    color: var(--brown04);
    font-weight: 500;
    text-align: center;
    line-height: 1;
  }
  #contents dl {
    width: 76%;
    border: 1px solid var(--brown04);
    padding: var(--m24) var(--m20);
  }
  #contents dl .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
  }
  #contents dl .row dt {
    background-color: var(--brown04);
    padding: 1em 0.75em;
    color: #fff;
    font-size: var(--s16_18);
    font-weight: normal;
    width: 35%;
    display: flex;
    align-items: center;
  }
  #contents dl .row dd {
    width: 61%;
    font-size: var(--s14_18);
    padding: 0.75em 0;
  }
}
/* ----------------------------------------------
　PAD以下設定
------------------------------------------------*/
@media all and (max-width: 768px) {
  #contents .bar_tit {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--m50);
  }
  #contents .bar_tit .txt {
    font-size: var(--s22_40);
    line-height: 1;
  }
  #contents .bar_tit::after {
    content: "";
    display: inline-block;
    width: 50px;
    height: 5px;
    background-color: var(--brown04);
    margin: var(--m16) 0 var(--m24);
  }
  #contents .staff_box {
    margin-bottom: var(--m80);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  #contents .img_area {
    width: 100%;
    margin-bottom: var(--s18_32);
  }
  #contents .img_area figure {
    margin: 0 auto var(--s10_14);
    max-width: 350px;
    width: 100%;
  }
  #contents .img_area .position {
    margin-bottom: var(--s14_16);
    font-size: var(--s14_16);
    padding: 0.25em 1em;
    text-align: center;
    background-color: var(--brown04);
    color: #fff;
  }
  #contents .img_area .name {
    font-size: var(--s22_36);
    color: var(--brown04);
    font-weight: 500;
    text-align: center;
    line-height: 1;
  }
  #contents dl {
    width: 100%;
    border: 1px solid var(--brown04);
    padding: var(--m24) var(--m20);
  }
  #contents dl .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
  }
  #contents dl .row dt {
    background-color: var(--brown04);
    padding: 0.75em;
    color: #fff;
    font-size: var(--s16_18);
    font-weight: normal;
    width: 35%;
    display: flex;
    align-items: center;
  }
  #contents dl .row dd {
    width: 61%;
    font-size: var(--s14_18);
    padding: 0.75em 0;
  }
}
/* ----------------------------------------------
  SP設定
  ------------------------------------------------*/
@media all and (max-width: 520px) {
  #contents dl .row {
    flex-wrap: wrap;
  }
  #contents dl .row dt {
    width: 100%;
    justify-content: center;
  }
  #contents dl .row dd {
    width: 100%;
  }
  }