/* listApp_box */
.listApp_box{padding-top: 4%;}
.case_list{display: flex; flex-wrap: wrap;}
.case_list .case_item{width: 31%; margin-right: 3.5%; display: flex; flex-direction: column;}
.case_list .case_item:nth-child(3n){margin-right: 0;}
.case_list .case_item:nth-child(n+4){margin-top: 3%;}
.case_list .case_item .pic{padding-bottom: 125%;}
.case_list .case_item .txt{color: var(--color-main2); font-size: 20px; font-family: Arial; margin-top: 25px;}
.case_list .case_item .title{font-size: 28px; margin: 20px 0 5px; flex: 1;}
.case_list .case_item .brief{font-family: Arial; color: #7C7872; line-height: 26px; font-size: 18px; height: 52px;}
.case_list .case_item:hover .title{text-decoration: underline;}

@media screen and (max-width:1450px){
    .case_list .case_item .txt{font-size: 18px;}
    .case_list .case_item .title{font-size: 26px; margin-top: 15px;}
}
@media screen and (max-width:1366px){
    .listApp_box .layout_{zoom: 0.86;}
}
@media screen and (max-width:950px){
    .listApp_box{padding: 30px 0 0;}
    .listApp_box .layout_{zoom: 1;}
    .case_list{flex-direction: column;}
    .case_list .case_item{width: 100%; margin-right: 0;}
    .case_list .case_item:nth-child(n+2){margin-top: 22px;}
    .case_list .case_item .txt{margin-top: 18px;}
    .case_list .case_item .title{font-size: 24px; margin-top: 10px;}
    .case_list .case_item .brief{font-size: 16px;}
}