@charset "UTF-8";
/*.company_li{
  .list_txt_wrap{
  padding: 30px 20px 100px;
  @include MQmax{padding: 10px 10px 60px;}
  }
    .link_wrap{
      left: 0;
      margin: 0 auto 30px;
      text-align: center;
      @include MQmax{margin: 0 auto;}
    }
}
.link_wrap {
  text-align: center;
  margin: 70px 0 100px;
  @include MQmax{
    margin: 60px 0;
  }
  .link_btn a {width: 300px;}
}*/
.staff #architect,
.staff #coodinator,
.staff #member {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .staff #architect,
  .staff #coodinator,
  .staff #member {
    margin-top: 40px;
  }
  .staff #architect figure,
  .staff #coodinator figure,
  .staff #member figure {
    text-align: center;
  }
  .staff #architect .flex_wrap,
  .staff #coodinator .flex_wrap,
  .staff #member .flex_wrap {
    display: block;
  }
}
.staff .txt_wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 50px;
}
@media screen and (max-width: 767px) {
  .staff .txt_wrap {
    margin: 0;
  }
}
.staff .sec_ttl {
  font-family: "Cinzel", serif;
  font-size: 30px;
  color: #876824;
  margin-bottom: 40px;
  letter-spacing: 10px;
}
@media screen and (max-width: 767px) {
  .staff .sec_ttl {
    text-align: center;
    font-size: 25px;
    margin-bottom: 20px;
  }
}
.staff .name {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .staff .name {
    margin: 20px auto;
    text-align: center;
  }
}
.staff .name .katagaki {
  letter-spacing: 6px;
}
.staff .name .name_font {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 30px;
  font-weight: bold;
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .staff .name .name_font {
    font-size: 25px;
  }
}
.staff .profile_li {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .staff .profile_li {
    margin-top: 20px;
  }
}
.staff .profile_li > div {
  margin-bottom: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.staff .profile_li dt {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 20px;
  color: #876824;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .staff .profile_li dt {
    margin-bottom: 10px;
  }
}
.staff .profile_li dd {
  margin-left: 30px;
}
@media screen and (max-width: 767px) {
  .staff .profile_li dd {
    margin: 0;
  }
}
.staff .read_cont {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 25px;
  font-weight: bold;
  background: url(../images/company/staff_image01.png) no-repeat;
  background-size: cover;
  margin: 80px auto;
  padding: 80px 100px;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .staff .read_cont {
    font-size: 3.5vw;
    background: url(../images/company/staff_image01_sp.png) no-repeat;
    background-position: center 80%;
    background-size: cover;
    margin: 20px auto;
    padding: 59vw 10px 7vw;
    text-align: center;
  }
}
.staff .read_cont p {
  display: inline-block;
  text-align: center;
}
.staff #member .sec_ttl {
  border-bottom: 1px #876824 solid;
  display: block;
}
.staff #member .member_li {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .staff #member .member_li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.staff #member .member_li li {
  width: 23%;
}
@media screen and (max-width: 767px) {
  .staff #member .member_li li {
    width: 48%;
  }
}
.staff #member .member_li li figure img {
  width: 100%;
}
.staff #member .member_li li span {
  display: block;
  text-align: center;
}
.staff #member .member_li li .company {
  font-size: 15px;
  color: #876824;
  border-bottom: 1px #e8e3d2 solid;
  margin-top: 7px;
}
.staff #member .member_li li .katagaki {
  font-size: 14px;
  margin-top: 7px;
}
@media screen and (max-width: 767px) {
  .staff #member .member_li li .katagaki {
    margin-top: 3px;
  }
}
.staff #member .member_li li .name {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 23px;
  font-weight: bold;
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .staff #member .member_li li .name {
    font-size: 20px;
    margin: 0 auto 30px;
  }
}
/*# sourceMappingURL=company.css.map */