.member {
     display: flex;
     flex-wrap: wrap;
     text-align: center;
     justify-content: flex-start;
     margin: 2% 0;
     gap: 26px;
 }


 .member li {
     width: calc(80% / 5);

 }

 .name {
     text-align: center;
 }



 @media screen and (max-width: 767px) {
     .member {
         display: flex;
         flex-wrap: wrap;
         text-align: center;
         justify-content: flex-start;
         margin: 2% auto;
         gap: 10%;
         width: 85%;
     }


     .member li {
         width: calc(90% / 2);
         margin: 0 0 4%;
     }

     .name {
         text-align: center;
     }

 }