main header .line {
  margin-right: auto;
  margin-left: auto;
  width: 50%;
}

main section#list .candidate {
  width: calc(33% - ((3rem / 3) * 2));
  margin-right: 3rem;
  margin-bottom: 3rem;
}

main section#list .candidate:nth-child(3n) {
  margin-right: 0;
}

main section#list .candidate:has(a:hover) .image {
  background-size: 115%;
}

main section#list .candidate .image {
  width: 100%;
  padding-top: 100%;
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
  transition: background-size 0.15s;
}

main section#list .candidate a {
  display: inline-block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 7px 0;
  background-color: #315f72;
  color: white;
  text-decoration: none;
  text-align: center;
  transition: 0.15s;
}

main section#list .candidate a:hover {
  background-color: #295060;
}

@media (max-width: 991px) {
  main section#list .candidate {
    width: calc(50% - ((2rem / 2) * 1));
    margin-right: 2rem;
  }
  main section#list .candidate:nth-child(3n) {
    margin-right: auto;
  }
  main section#list .candidate:nth-child(2n) {
    margin-right: 0;
  }
}

@media (max-width: 575px) {
  main section#list .candidate {
    width: 100%;
    margin-right: 0;
  }
}