/* ---------------------------------------
  main.head_image
-----------------------------------------*/
main.head_image::before {
  background: url(../img/members/img_header_members.png) no-repeat center/cover;
}
@media screen and (max-width: 900px) {
  main.head_image::before {
    background-image: url(../img/members/img_header_members_sp.png);
  }
}

/* ---------------------------------------
  .anc_box
-----------------------------------------*/
.anc_box {
  margin-top: 11.1rem;
}
.anc_box .anc_ttl {
  font-size: 2.8rem;
  font-weight: 700;
  text-align: center;
}
.anc_box .list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.7rem 1rem;
  margin-top: 3.3rem;
}
@media screen and (max-width: 900px) {
  .anc_box .list {
    -ms-grid-columns: 1fr 0.9rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem 0.9rem;
  }
}
.anc_box .list li a {
  background-color: #33a2d8;
  width: 100%;
  height: 10rem;
  line-height: 10rem;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 2.4rem;
  display: block;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
@media screen and (max-width: 900px) {
  .anc_box .list li a {
    height: 8.5rem;
    line-height: 8.5rem;
    font-size: 2.8rem;
  }
}
.anc_box .list li a::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #33a2d8;
}
.anc_box .list li a .inner {
  position: relative;
  z-index: 3;
}
@media (any-hover: hover) {
  .anc_box .list li a:hover {
    opacity: 1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .anc_box .list li a:hover::after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 6rem solid #0b0e53;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
.anc_box .list li.active a {
  background-color: #0b0e53;
}
.anc_box .list li.active a::after {
  border: 1px solid #0b0e53;
}
@media (any-hover: hover) {
  .anc_box .list li.active a:hover {
    opacity: 1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .anc_box .list li.active a:hover::after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 5rem solid #33a2d8;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
.anc_box .list.disabled li a {
  background-color: #e1dddd;
  pointer-events: none;
}
.anc_box .list.disabled li a::after {
  border-color: #e1dddd;
}
.anc_box .all {
  margin-top: 2.4rem;
}
@media screen and (max-width: 900px) {
  .anc_box .all {
    margin-top: 5.6rem;
  }
}
.anc_box .all a {
  width: 21.2rem;
  height: 5rem;
  line-height: 5rem;
  background-color: #2e2e2e;
  font-size: 2.4rem;
  font-weight: 700;
  color: #fff;
  margin: 0 auto;
  display: block;
  text-align: center;
  position: relative;
  z-index: 2;
}
.anc_box .all a .inner {
  position: relative;
  z-index: 3;
}
.anc_box .all a::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #2e2e2e;
}
@media (any-hover: hover) {
  .anc_box .all a:hover {
    opacity: 1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .anc_box .all a:hover::after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 2.5rem solid #33a2d8;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
.anc_box + .anc_box {
  margin-top: 10rem;
}
@media screen and (max-width: 900px) {
  .anc_box + .anc_box {
    margin-top: 16rem;
  }
}

/* ---------------------------------------
  .list_box
-----------------------------------------*/
.list_box {
  margin-top: 20.5rem;
}
.list_box .att {
  font-size: 1.6rem;
  text-align: center;
}
@media screen and (max-width: 900px) {
  .list_box .att {
    font-size: 2.8rem;
  }
}
.list_box .wrap {
  max-width: 130rem;
}
.list_box .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 5rem auto 0;
}
@media screen and (max-width: 900px) {
  .list_box .list {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.list_box .list dt,
.list_box .list dd {
  font-size: 1.8rem;
  line-height: 1.7777777778;
}
@media screen and (max-width: 900px) {
  .list_box .list dt,
  .list_box .list dd {
    font-size: 2.8rem;
    line-height: 1.4285714286;
  }
}
@media screen and (min-width: 901px) {
  .list_box .list dt:nth-of-type(n+2),
  .list_box .list dd:nth-of-type(n+2) {
    margin-top: 3.7rem;
  }
}
.list_box .list dt {
  font-weight: bold;
  width: 56%;
  padding-right: 5.3rem;
}
@media screen and (max-width: 900px) {
  .list_box .list dt {
    width: 100%;
    padding-right: 0;
  }
}
@media screen and (max-width: 900px) {
  .list_box .list dt:nth-of-type(n+2) {
    margin-top: 9rem;
  }
}
.list_box .list dd {
  width: 44%;
  border-left: solid 1px #a6a6a6;
  padding-left: 5.3rem;
}
@media screen and (max-width: 900px) {
  .list_box .list dd {
    width: 100%;
    border-left: none;
    border-top: solid 1px #a6a6a6;
    padding-left: 0;
    padding-top: 1.6rem;
    margin-top: 0.9rem;
  }
}

.member_none {
  font-size: 1.8rem;
  text-align: center;
}
@media screen and (max-width: 900px) {
  .member_none {
    font-size: 2.5rem;
  }
}