.card-point-table dl {
display: flex;
flex-direction: column;
}
.card-point-table dl dd {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
flex-grow: 1;
flex-direction: column;
}
.card-point-wrapper1 {
padding: 0;
border-left: 1px solid #000;
border-right: 1px solid #000;
width: fit-content;
margin: 1em auto;
position: relative;
}
.card-point-wrapper1:before {
display: block;
content: "";
width: 10px;
height: 0;
border-top: 1px solid #000;
position: absolute;
top: 0;
left: 0;
}
.card-point-wrapper1:after {
display: block;
content: "";
width: 10px;
height: 0;
border-top: 1px solid #000;
position: absolute;
top: 0;
right: 0;
}
.card-point-wrapper1b {
display: flex;
padding: 0;
justify-content: center;
position: relative;
}
.card-point-wrapper1b:before {
display: block;
content: "";
width: 10px;
height: 0;
border-top: 1px solid #000;
position: absolute;
bottom: 0;
left: 0;
}
.card-point-wrapper1b:after {
display: block;
content: "";
width: 10px;
height: 0;
border-top: 1px solid #000;
position: absolute;
bottom: 0;
right: 0;
}

.card-point-wrapper1b > li {
display: flex;
flex-direction: column;
}
.card-point-text {
display: flex;
flex-grow: 1;
align-items: center;
line-height: 1.2;
padding: 0 1em;
font-size: 85%;
}
.card-point-wrapper1b > li:first-child .num {
position: relative;
}
.card-point-wrapper1b > li:first-child .num:after {
content: "+";
position: absolute;
top: calc(50% - .75em);
right: 0;
}
.card-point-wrapper1 .num {
color: #d51518;
    font-weight: bold;
}
.card-point-wrapper1 .num > span {
font-size: 30px;
font-weight: bold;
padding-right: 4px;
padding-left: 3px;
}
@media screen and (max-width: 767px) {
.card-point-wrapper1 .num > span {
font-size: 26px;
}
}
@media screen and (max-width: 767px) {
.card-point-text {
font-size: 50%;
}
#card_info .card-point-text {
font-size: 65%;
}
}

.card-point-text + .num {
display :block;
}