@charset "utf-8";

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

    .service__02 .li_cont li .cont_wrap { width:100%;  }
    .service__02 .li_cont li .cont_wrap span { display: inline-block; padding:7px 30px; margin-bottom:20px; color:#fff; background-color:#ee783a; border-radius:30px; }
    .service__02 .li_cont li .cont_tit { width:100%; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #ccc; font-weight:500;}
    .service__02 .li_cont li .cont_p { position:relative; color:#989898; padding:3px 0 3px 0; word-break:keep-all; }
 
    .service__02 .li_cont li .btm_icon {text-align:right;}
    .service__02 .li_cont li .btm_icon img {height:90px; margin:0 auto; }

    @media screen and (max-width: 1024px){
      .service__02 .li_cont li {width:calc(33.333% - 20px);  margin:0 10px 30px;}
    }
    @media screen and (max-width: 768px){
      .service__02 .li_cont li {width:calc(50% - 20px);  margin:0 10px 30px;}
    }
    @media screen and (max-width: 560px){
      .service__02 .li_cont ul {margin:0;}
      .service__02 .li_cont li {width:100%;  margin:0 0 20px;}
      .service__02 .li_cont li .btm_icon img {height:70px; margin:0 auto; }
    }