@charset "utf-8";
#main .point-image{
flex: 0 0 175px;
margin-bottom: .75rem;
}
#main .badge-point-number{
position: relative;
display: inline-block;
color: #333;
font-size: 30px;
height: 48px;
line-height: .3;
text-align: center;
padding: 1.5rem;
background-color: #e6e5e4;
border-radius: 2rem;
font-weight: bold;
margin-right: 1rem;
}
#main .badge-point-number::before{
content: "POINT";
position: absolute;
top: 7px;
font-size: 10px;
left: 50%;
transform: translateX(-50%);
}
.joint-pattern{
text-align: center;
width: 120px;
margin: auto;
}
.joint-label{
color: #e83e3e;
}
.joint-badge{
background-color: #e83e3e;
border-radius: 2rem;
color: white;
line-height: 1;
padding: .5rem 1rem 1rem 1rem;
font-weight: bold;
}
.joint-number{
font-size: 48px;
}
#main .point-8 .card .card-img-top{
height: 140px;
width: 100%;
text-align: center;
}
#main .point-8 .card .card-img-top img{
max-height: 130px;
}
@media screen and (max-width: 575.99px){
#main .point-5-list .media{
align-items: center;
flex-direction: column;
}
}