#bgTop {
  background-image: url(../images/pic_pagetitle.png);
}
@media (min-width: 751px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 751px) and (min-resolution: 2dppx) {
  #bgTop {
    background-image: url(../images/pic_pagetitle@2x.png);
  }
}
@media (max-width: 750px) {
  #bgTop {
    background-image: url(../images/pic_pagetitle_sp.png);
  }
}


@media screen and (min-width: 751px) {
  .person-archive {
    display: flex;
    flex-wrap: wrap;
    width: 1100px;
    margin: 0 auto;
  }
  .person-item {
    width: -webkit-calc(50% - 50px);
    width: calc(50% - 50px);
  }
  .person-item:nth-of-type(2n) {
    margin-left: 100px;
  }
  .person-item:nth-of-type(n + 3) {
    margin-top: 100px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1200px) {
  .person-archive {
    width: 100%;
    padding: 0 50px;
  }
  .person-item {
    width: -webkit-calc(50% - 25px);
    width: calc(50% - 25px);
  }
  .person-item:nth-of-type(2n) {
    margin-left: 50px;
  }
}
@media screen and (max-width: 750px) {
  .person-archive {
    padding: 0 40px;
  }
  .person-item:nth-of-type(n + 2) {
    margin-top: 150px;
  }
}

.person-item .thumb {
  padding-top: 52%;
  background: #ccc center / cover no-repeat;
}