@charset "utf-8";

.advice4 .li_contWrap ul.contUl {display:flex; flex-wrap:wrap; margin:0 -10px;}
.advice4 .li_contWrap li {display:flex; flex-direction: column; justify-content: space-between; width:30%; border:1px solid #ddd; margin:0 15px 30px; padding:40px 50px; background-color:#fff; border-radius:20px; }
.advice4 .li_contWrap li:hover { box-shadow:0 10px 20px rgb(153 153 153 / 30%), 0 15px 12px rgb(153 153 153 / 22%); }

.advice4 .li_contWrap li .cont_wrap { width:100%;  }
.advice4 .li_contWrap li .cont_tit { width:100%; padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #ccc; font-weight:500;}
.advice4 .li_contWrap li .cont_p { position:relative; color:#989898; padding:3px 0 3px 15px; word-break:keep-all; }
.advice4 .li_contWrap li .cont_p:after { content:""; position:absolute; top:11px; left:0; width:5px; height:5px; background-color:#989898; border-radius:50%;}
.advice4 .li_contWrap li .btm_icon {text-align:right;}
.advice4 .li_contWrap li .btm_icon img {height:90px; margin:0 auto; }

@media screen and (max-width: 960px){
  .advice4 .li_contWrap li {width:calc(50% - 20px);  margin:0 10px 30px;}
}
@media screen and (max-width: 768px){
  .advice4 .li_contWrap li { padding:30px 30px; }
}

@media screen and (max-width: 560px){
  .advice4 .li_contWrap ul {margin:0;}
  .advice4 .li_contWrap li {width:100%;  margin:0 0 20px;}
  .advice4 .li_contWrap li .btm_icon img {height:70px; margin:0 auto; }
}