/* Scss Document */
/* Scss Document */
#key {
  background: url(../img/company/key_bg.jpg) no-repeat center/cover; }

.h3_ttl {
  background: #eeeae2; }

.company1 {
  margin: 0 auto 80px auto;
  width: 74.5%; }
  .company1 dl {
    border-bottom: 1px solid #d0d0d0;
    color: #252525;
    padding-bottom: 10px; }
    .company1 dl dt {
      float: left;
      padding-left: 39px;
      font-family: kozuka_B; }
    .company1 dl dd {
      float: right;
      width: 72%; }

.company_img {
  float: left;
  width: 57%; }

.companyInfo {
  float: right;
  width: 38%;
  margin-top: 51px;
  color: #2f2f2f; }
  .companyInfo h4 {
    margin-bottom: 25px; }
    .companyInfo h4 img {
      float: left; }
    .companyInfo h4 span {
      float: left;
      font-size: 18px;
      font-family: kozuka_M;
      line-height: 1.4em; }

.detail_center {
  margin-bottom: 80px; }

.wrap {
  padding-top: 20px; }

header .wrap {
  padding-top: 0; }

.staff_mem {
  float: left;
  width: 300px;
  font-family: kozuka_M; }
  .staff_mem dl dt {
    text-align: center;
    font-family: ryuminPro;
    font-size: 20px;
    line-height: 49px;
    margin-bottom: 18px; }
    .staff_mem dl dt span {
      font-family: kozuka_M;
      font-size: 14px; }
  .staff_mem dl dd {
    margin-left: 34px;
    font-size: 13px;
    line-height: 1.7em; }

.staffInfo {
  float: right;
  width: calc(100% - 347px);
  padding-bottom: 80px; }
  .staffInfo h4 {
    font-size: 22px;
    color: #252525;
    font-family: kozuka_M;
    line-height: 30px;
    margin-bottom: 18px; }
  .staffInfo p {
    margin-bottom: 28px; }

#staffList {
  padding-bottom: 70px; }
  #staffList div {
    float: left;
    width: 21.7%;
    margin-left: 4.4%; }
    #staffList div:nth-child(1) {
      margin-left: 0; }
  #staffList dt {
    text-align: center;
    font-family: ryuminPro;
    font-size: 18px;
    margin: 10px 0; }
  #staffList dd {
    margin-left: 25px;
    font-size: 12.6px;
    line-height: 23px; }

@media only screen and (max-width: 1080px) {
  .companyInfo {
    margin-top: 0; } 
    #staffList div {
    margin-left: 2%;
    width: 23.5%; }
}
@media only screen and (max-width: 768px) {
  .company1 {
    width: 90.8%; }

  .company_img {
    width: 100%; }

  .companyInfo {
    width: 100%;
    margin-top: 30px; }
    .companyInfo h4 {
      margin-bottom: 10px; }
    .staff_mem {
    margin: 0 auto 20px auto;
    float: none; }

  .staffInfo {
    width: 100%; }

  #staffList {
    padding-bottom: 50px; }
    #staffList div {
      margin: 0 0 30px 4%;
      width: 48%; }
      #staffList div:nth-child(2n+1) {
        margin-left: 0; }
}
@media only screen and (max-width: 475px) {
  .company1 dl dt {
    padding-left: 0; }
#staffList div {
    margin: 0 0 30px 0;
    width: 100%; }
}
@media only screen and (max-width: 375px) {
  .staff_mem {
    width: 100%; } }