.director_list { margin-top: 7rem; display: flex; justify-content: flex-start; flex-wrap: wrap; }
.director_list li { margin-bottom: 4rem; background-color: #f4f5f4; }
.director_list.top { justify-content: center; }
.director_list .txt_area { padding: 1.5rem 4.5rem; }
.director_list .name { font-size: 1.8rem; font-weight: 600; line-height: 1.2; }
.director_list .position { font-size: 1.5rem; font-weight: 500; }
.director_list .position.sub { line-height: 1.4; }
.director_list .position:not(.sub) { margin-bottom: 0.2em; }

#director_top .director_list li { width: 33%; }
#director_top .director_list:not(.top) li:not(:nth-child(3n)) { margin-right: .5%; }

#director_officer .director_list li { width: calc(98.5% / 4); }
#director_officer .director_list li:not(:nth-child(4n)) { margin-right: .5%; }

@media screen and (min-width: 768px) and (max-width: 1240px) { .director_list .position { font-size: 1.2vw; }
  .director_list .name { font-size: 1.4vw; } }
@media screen and (max-width: 767px) { .director_list { margin-top: 4rem; }
  .director_list li { margin-bottom: 2rem; }
  .director_list .txt_area { padding: 1rem 2rem; }
  .director_list .name { font-size: 3.7vw; line-height: 1.4; }
  .director_list .position { font-size: 3.2vw; }
  .director_list .position:not(.sub) { margin-bottom: 0.4em; }
  #director_top .director_list { justify-content: space-between; }
  #director_top .director_list li { width: 49%; }
  #director_top .director_list.top { justify-content: center; }
  #director_top .director_list.top li { width: 60%; }
  #director_top .director_list:not(.top) li:not(:nth-child(3n)) { margin-right: 0; }
  #director_officer .director_list { justify-content: space-between; }
  #director_officer .director_list li { width: 49%; }
  #director_officer .director_list li:not(:nth-child(4n)) { margin-right: 0; } }

/*# sourceMappingURL=director.css.map */