.response-area-title{
padding-top: 80px;
}
.response{
margin: 2rem 0;
}
.response .content{
margin: 2rem 0;
}
.response .content .title, .response .content .sub-title{
font-size: 3rem;
font-weight: bold;
text-align: center;
}
.response .content .sub-title{
color:#b3a2c7;
}
.response .item-wrap{
display: flex;
flex-wrap: wrap;
gap: 1rem;
justify-content: center;
}
.response .item-wrap .item{
flex-basis: 28%;
border-radius: 2rem;
background-color: #b0d3ef;
padding: 1rem;
text-align: center;
}
.response .item-wrap .item p{
margin-top: .3rem;
font-weight: bold;
font-size: 1.5rem;
}
@media screen and (max-width: 640px) {
.response .content .title, .response .content .sub-title{
font-size: 1.5rem;
}
.response .item-wrap .item{
flex-basis: 46%;
}
.response .item-wrap .item p{
font-size: 1.3rem;
}
}