.tchrList { position: relative; }
.tchrList .box + .box { margin-top: 1rem; }
.tchrList .box ul { display: flex; gap: 1rem; flex-wrap: wrap; }
.tchrList .box ul li { width: calc((100% - 3rem) / 4); border: 1px solid #ccc; padding: 1rem; border-radius: 2rem; }
.tchrList .box ul li .img { height: 12rem; overflow: hidden; text-align: center; }
.tchrList .box ul li .img img { max-width: 100%; height: 100%; }
.tchrList .box ul li .txtbox { margin-top: 1rem; text-align: center; }
.tchrList .box ul li .txtbox p + p { margin-top: 0.5rem; }
.tchrList .box ul li .txtbox p strong { font-weight: 700; }

@media (max-width:1024px){
    .tchrList .box ul li { width: calc((100% - 1rem) / 2); }
}

@media (max-width:480px){
    .tchrList .box ul { }
    .tchrList .box ul li { width: 100%; }
}