#intro .intro_box .half_box .ttl {
  font-size: 32px;
}

.staff_list {
  gap: 40px 0;
}

.staff_list li {
  width: 48.2%;
}

.staff_list li .name {
  font-size: 27px;
  background: #44a8c7;
  padding: 13px 0 15px;
}

.staff_list li .name span {
  font-size: 0.74em;
  padding-left: 20px;
}

.staff_list li > div {
  padding: 40px 40px 44px;
}

.staff_list li .comment_ttl {
  font-size: 22px;
  line-height: 1.5;
  color: #44a8c7;
  margin: 24px 0 18px;
}

@media screen and (max-width: 1024px) {
  #intro .intro_box .half_box .ttl {
    font-size: 28px;
  }
}

@media screen and (max-width: 960px) {
  #intro .intro_box .half_box .ttl {
    font-size: 23px;
  }
  .staff_list li .name {
    font-size: 21px;
    padding: 9px 0 11px;
  }
  .staff_list li .name span {
    padding-left: 10px;
  }
  .staff_list li > div {
    padding: 3vw 3vw 4vw;
  }
  .staff_list li .comment_ttl {
    font-size: 18px;
    margin: 16px 0 10px;
  }
}

@media screen and (max-width: 568px) {
  #intro .intro_box .half_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #intro .intro_box .half_box .ttl {
    font-size: 21px;
    margin-bottom: 10px;
  }
  #intro .intro_box .half_box .photo {
    margin-bottom: 20px;
  }
  .staff_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px 0;
  }
  .staff_list li {
    width: 100%;
  }
  .staff_list li .name {
    padding: 11px 0 13px;
  }
  .staff_list li .name span {
    font-size: 0.76em;
    padding-left: 13px;
  }
  .staff_list li > div {
    padding: 20px 20px 20px;
  }
  .staff_list li .comment_ttl {
    font-size: 21px;
    margin: 15px 0 8px;
  }
}
/*# sourceMappingURL=staff.css.map */