@charset "utf-8";

/** halfWrap*/
.business__4 .halfWrap {display:flex; justify-content: space-between; align-items: center;}
.business__4 .halfWrap .half {width:48%;}
.business__4 .halfWrap .half.txtSect {}
.business__4 .halfWrap .half.imgSect {}
.business__4 .halfWrap .half.imgSect img {width:100%; height:100%; border-radius: 50%;}
.business__4 .halfWrap .half .line {width:4rem; height:3px;}

@media screen and (max-width:768px){
  .business__4 .halfWrap {flex-wrap:wrap;}
  .business__4 .halfWrap .half {width:100%;}
  .business__4 .halfWrap .half.imgSect {max-width:400px; margin-top:30px; margin-left:auto;}
  .business__4 .halfWrap .half.imgSect img {width:100%; height:100%; border-radius: 50%;}
}
@media screen and (max-width:768px){
  
}


/** process*/
.business__4 .nbgall {column-gap: 30px; row-gap: 30px;}
.business__4 li { border:1px solid #ccc; border-radius:20px; }
.business__4 li:hover { box-shadow:0 10px 20px rgb(153 153 153 / 30%), 0 15px 12px rgb(153 153 153 / 22%); }

.business__4 li .liCont { width:100%; padding:50px 40px; }
.business__4 li .liCont span.step_num { display: inline-block; padding:5px 15px; margin-bottom:20px; color:#fff; border-radius:30px; }

.business__4 li .cont_tit_sml { width:100%; font-weight:500; padding-bottom:0; }
.business__4 li .top_icon { margin-bottom:30px; }
.business__4 li .top_icon img {width:80px; margin:0 auto; } 


@media screen and (max-width:1024px){
  
}
@media screen and (max-width:768px){
  .business__4 .nbgall {column-gap: 20px; row-gap: 20px;}
  .business__4 li .liCont { padding:40px 30px; }
}
@media screen and (max-width:560px){ 
  .business__4 li { text-align: center;}
  .business__4 li .liCont { padding:25px 15px; } 
}