@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/NotoSansJP-VariableFont_wght.ttf");
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-VariableFont_wdth,wght.ttf");
}
.admin-list-body .list-title {
  padding-bottom: 40px;
}
@media screen and (min-width: 751px) {
  .admin-list-body .list-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 1500px) {
  .admin-list-body .list-title {
    padding-bottom: 1.3333333333vw;
  }
}
.admin-list-body .list-title .title-wrapper {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 751px) {
  .admin-list-body .list-title .title-wrapper .page-title {
    padding-bottom: unset;
  }
}
.admin-list-body .list-title .btn-wrapper {
  display: flex;
  justify-content: center;
}
.admin-list-body .admin-list .list-item {
  padding: 2.6666666667vw 2.6666666667vw 2.6666666667vw 5.3333333333vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fbfbfc;
  border: 0.2666666667vw solid white;
  border-radius: 1.6vw;
  box-shadow: 0 0 1.3333333333vw 0 lightgray;
}
@media screen and (min-width: 751px) {
  .admin-list-body .admin-list .list-item {
    padding: 25px 30px 25px 50px;
    border-width: 2px;
    border-radius: 12px;
    box-shadow: 0 0 10px 0 lightgray;
  }
}
@media screen and (min-width: 1500px) {
  .admin-list-body .admin-list .list-item {
    padding: 1.6666666667vw 2vw 1.6666666667vw 3.3333333333vw;
    border-width: 0.1333333333vw;
    border-radius: 0.8vw;
    box-shadow: 0 0 0.6666666667vw 0 lightgray;
  }
}
.admin-list-body .admin-list .list-item .list-left {
  display: flex;
  align-items: center;
  gap: 3.4666666667vw;
}