.beneficiary-list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.beneficiary-list:before,
.beneficiary-list:after {
    content:"";
    display: block;
    background: red;
    flex: 1;
}

.beneficiary-list:before {
    background: url(../img/beneficiary01.png) left bottom / 100% no-repeat;
    aspect-ratio: 836 / 1040;
    margin-top: auto;
}

.beneficiary-list:after {
    background: url(../img/beneficiary02.png) right top/ 100% no-repeat;
    aspect-ratio: 866/1148;
    margin-bottom: auto;
}

.beneficiary-list ul {
    padding-left: 1.5em;
}

.beneficiary-list li {
    list-style-type: disc;
}

.beneficiary-list li + li {
    margin-top:.5em;
}

.beneficiary-list li a {
    color:black;
}

.beneficiary-list li a:hover {
    text-decoration:underline;
}

/*
.beneficiary-list ul {
   display: flex;
   justify-content: flex-start;
   gap: 50px 30px;
   flex-wrap: wrap;
   text-align: center;
}

.beneficiary-list ul li {
   flex: 1 1 20%;
   width: calc((100% - 30px*3)/4);
  list-style: disc;
}

@media screen and (min-width:922px){
  .beneficiary-list ul li p {
    font-size: 14px;
    letter-spacing: -.5px;
  }
}

.beneficiary-list ul li img {
  width: 100%;
  vertical-align: bottom;
  margin-bottom:10px;
}


@media screen and (max-width: 921px){
    .beneficiary-list ul li {
       flex: 1 1 30%;
       width: calc((100% - 30px*2)/3);
    }
}*/

.main-wrapper {
    max-width: 1300px;
    width: 100%;
    box-sizing: border-box;
}

.pagination {
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
}