@charset "utf-8";

.lt_service{padding:50px 0;padding: 0;}
.lt_service h2{text-align:center;font-size:2.5em;margin-bottom:40px}
.lt_service h2 a{padding:10px 0;}
.lt_service ul{padding: 0; display: flex; flex-wrap: wrap; margin: 0 auto;}
.lt_service li{box-sizing: border-box;  width: 23.5%; margin-right: 2%; border: 1px solid #ddd;}
.lt_service li:nth-child(4n){margin-right: 0;}
.lt_service li:nth-child(-n+4){margin-bottom: 2%;}
.lt_service li .lt_img{display:block;width:100%}
.lt_service li .lt_img img{vertical-align:top;width:100%;height:auto}

.lt_service .card{background: white;position: relative;transition: 0.4s ease-out; border-bottom: 1px solid #ddd;}
.lt_service .la_txt{padding: 30px 0; background-color: #f8f8f8; text-align: center;}
.lt_service .la_txt h2{font-size: 18px; font-weight: bold; line-height: 1; margin: 0;}
.lt_service .la_txt h1{font-size: 26px; font-weight: bold; line-height: 1; margin: 15px 0 20px 0;}
.lt_service .la_txt a{font-size: 16px; color: #fff; line-height: 1; border-radius: 50px; padding: 12px 20px; background-color: #01a0c6; font-weight: bold; display: inline-block;}

 @media (max-width: 969px){
    .lt_service{}
    .lt_service h2{font-size:24px;margin-bottom:20px}
    .lt_service ul{justify-content: space-between;}
    .lt_service li{width:100%; margin-right: 0; margin-bottom: 2%;}
    .lt_service li .lt_tit {margin: 0;}
    .lt_service .card:before{opacity:1}
    .lt_service .card .info{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);padding:9%}

    .lt_service .la_txt{padding: 20px 0;}
    .lt_service .la_txt h2{font-size: 16px;}
    .lt_service .la_txt h1{font-size: 22px; margin: 10px 0 15px 0;}
    .lt_service .la_txt a{font-size: 14px; padding: 10px 15px ;}
 }