@charset "utf-8";

/* ======================================================================
　　メンバー
====================================================================== */
.btn {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0;
    justify-content: center;
  }
.btn a {
    width: 31%;
    /* height: 30px; */
    margin: 3px auto;
    /* display: block; */
    /* padding: 30px auto; */
    text-align: center;
    text-decoration: none;

    background: #90EE90;
    color: black;
    border:none;
    position:relative;
    /* height:60px;
    font-size:1.6em;
    padding:0 2em; */
    cursor:pointer;
    transition:800ms ease all;
    outline:none;

}
.btn a:hover {
    background:#fff;
    color:#1AAB8A;
}
  
.btn a:before, .btn a:after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    height:2px;
    width:0;
    background: #1AAB8A;
    transition:400ms ease all;
  }
.btn a:after{
    right:inherit;
    top:inherit;
    left:0;
    bottom:0;
  }
.btn a:hover:before,.btn a:hover:after{
    width:100%;
    transition:800ms ease all;
  }

  
@keyframes zoom-in {
0% {
    transform: scale(.1);
}
100% {
    transform: none;
}
}

.animate {
animation: .8s zoom-in;
}
  
.member_li {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    max-width: 1000px;
}
.member_li li {
    width: 20%;
    margin: 50px 0 0 0;
    justify-content: center;
}
.member_li .thumb {
    width: 150px;
    height: 150px;
    margin: 10px auto;
}
.member_li img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 1%;
}

.member_li p {
    margin: 0;
    text-align: center;
    
}
/* .member_ttl {
    font-weight: bold;
    font-size: larger;
} */
.member_name {
    /* font-weight: bold; */
    font-size: large;
}
/* .member_name_en {
    font-weight: bold;
} */


@media (max-width: 1159px) {
    .member_li li {
        width: 25%;
    }
}


@media (max-width: 959px) {
    .member_li li {
        width: 25%;
    }
    .member_li .thumb {
        width: 125px;
        height: 125px;
    }
    
}


@media (max-width: 559px) {
    /* .member_li {
        padding: 0 50px;
    } */
    .member_li li {
        width: 31%;
    }
    .member_li .thumb {
        width: 100px;
        height: 100px;
    }
    .btn a {
        width: 48%;    
    }
        
}