.teach-about {
    padding: .3rem 0 .1rem;
    font-size: .17rem; line-height: 200%; color: #333;}
.img-list { display: flex; flex-wrap: wrap;}
.img-list li { width: 50%; padding: 0 3%; text-align: center;}
.img-list p { text-align: left; font-size: .19rem; font-weight: 700; margin: 0 0 .1rem;}
.img-list li:nth-child(3) { width: 100%; margin-top: .25rem;}
@media screen and (max-width: 768px) {
.img-list li { width: 100%;}
}
.teach-list > li { width: 25%;}
.teach-list .img-frame .img { padding: 76% 0 0;}
@media screen and (max-width: 1024px) {
.teach-list > li { width: 33.33%;}
}
@media screen and (max-width: 768px) {
.teach-list > li { width: 50%;}
}
@media screen and (max-width: 520px) {
.teach-list > li { width: 100%;}
}