@charset "utf-8";

.listWrap {margin:0 -20px;}
.listWrap ul.listUl { display:flex; flex-wrap:wrap; }
.listWrap ul.listUl li { width:25%; padding:0 20px;}
  .listWrap .desc {position:relative; padding:3px 0 3px 12px;}
  .listWrap .desc::before {content:""; position:absolute; top:10px; left:0; background-color:#CDA56D; width:5px; height:5px;}
  .listWrap .bttm_line {border-bottom:1px solid #ddd;}
  .listWrap .smallDesc {position:relative; font-size:1.6rem; line-height:1.2em; padding:3px 25px 3px 10px; word-break:keep-all; padding-bottom:10px;}
  .listWrap .smallDesc::before {content:""; position:absolute; top:10px; left:0; background-color:#CDA56D; width:5px; height:2px;}

.listWrap .liImgWrap {position:relative; width:100%; height:0; padding-bottom:70%; overflow:hidden; }
.listWrap .liImg {position:absolute; top:0; left:0; width:100%; }
.listWrap .liImg img{width:100%; height:100%; object-fit:cover;}

@media screen and (max-width:1024px){
  .listWrap {margin:0 -15px;}
  .listWrap ul.listUl li { width:33.333%; padding:0 15px 30px;}
}
@media screen and (max-width:768px){
  .listWrap {margin:0 -10px;}
  .listWrap ul.listUl li { width:50%; padding:0 10px 30px;}
}