.cardPanel{
display: flex;
flex-wrap: wrap;

}

.cardPanel div{
width: calc(50% - 0.4em); /* padding分を引く */
margin: 1em auto;
padding : 1em 0.5em;



border-radius: 10px; 
border: 2px solid #B9B26E;

text-align : center;
display: flex;
align-items: center;
}

.cardPanel div > p{
font-weight : bold;
margin : 0 auto;


}

.cardPanel div.card1,
.cardPanel div.card2,
.cardPanel div.card3,
.cardPanel div.card4{
margin-top : 0;
text-align : center;
}