@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 768px) {
  /* 768px 以下の画面サイズに適用されるスタイル */
  #container .officer {
    width: 100%;
  }
  #acMenu dt {
    margin-left: 0;
    background: url(../img/common/plus_sp.jpg) 39px 5px no-repeat;
    font-size: 1.6rem;
    margin-top: 15px;
    width: 60px;
    background-size: 30px;
  }
  #acMenu dt.active {
    background: url(../img/common/minus_sp.jpg) 39px 5px no-repeat;
    width: 60px;
    background-size: 30px;
  }
  #container .officer_n {
    float: none;
    color: inherit;
    background: none;
    width: 220px;
  }
  .yakuin_pic {
    right: 0;
  }
  #container .officer_n {
    font-size: 1.9rem;
    padding-left: 0;
    padding-bottom: 0px;
  }
  .name {
    font-size: 1.9rem;
  }

  #acMenu dd {
    width: 100%;
    margin-top: -30px;
    margin-left: 0;
  }
  #container .clear_b {
    margin-bottom: 30px;
  }
  #container .biography_b {
    font-size: 1.5rem;
  }
  #container .biography {
    font-size: 1.5rem;
  }
  #container .name_2 {
    margin-left: 0;
    font-size: 1.9rem;
  }
  #container .clear_b2 {
    margin-left: 0;
  }
  .yakuin_dt {
    height: 123px !important;
  }
  .mt0 {
    margin-top: 0 !important;
  }
}