/* Member CSS */
/* _setting CSS */
.anime_opacity {
  opacity: 0;
  transition: all 400ms ease-out;
}

.anime_blur {
  opacity: 0;
  transition: all 600ms linear;
  filter: blur(32px);
  transform: translate3d(0, 30px, 0);
}

.finish .anime_opacity {
  opacity: 1;
}
.finish .anime_blur {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  filter: blur(0);
}

.pagenavi {
  position: relative;
  z-index: 1;
}

/* Desktops and laptops */
@media screen and (min-width: 751px) {
  .member_list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 1300px;
    margin: 0 auto 200px;
  }
  .member_list .member_item {
    width: 300px;
    margin-right: 30px;
    margin-bottom: 80px;
  }
  .member_list .member_item:nth-child(4n) {
    margin-right: 0;
  }
  .member_list .member_item:hover img {
    transform: scale(0.75);
  }
  .member_list .member_image {
    height: 300px;
  }
  .member_list .member_image img {
    left: -25%;
    transform-origin: top;
    transform: scale(0.7);
  }
  .member_list .member_image_check {
    height: 50px;
  }
  .member_list .check {
    line-height: 50px;
  }
}
/* Smartphones (portrait and landscape) */
@media screen and (max-width: 750px) {
  .member_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: -13.33vw auto 0;
  }
  .member_list .member_item {
    margin-bottom: 13.33333vw;
  }
}