.business2 {margin:50px 0;}
.business2 img{ max-width:100%; vertical-align:top; }
.business2 .flex {display:flex; flex-wrap: wrap;  justify-content: space-between; align-items: center;  padding:120px 0;
max-width:calc(100% - 100px); margin:0 auto }
.business2 .flex  .item{  flex:1;  position:relative}
.business2 .bgGray .flex {flex-direction: row-reverse;}
.business2 .bgGray .flex .cont {text-align:right; padding:5% 25% 5% 15%;}
.business2 .bgGray .flex .btn {float:right}
.business2 .cont {padding:5% 15% 5% 25%; width:100%;  }
.business2 .tit1 {font-size: 16px;  }
.business2 .tit2 {font-size: 35px  }
.business2 .txt {font-size:18px; padding:25px 0 50px 0; line-height:30px}
.business2 .btn a{display:block;  font-size:15px;  width:150px; color:#333; text-align:center; padding:12px 0 7px 0; 
 border:1px solid #888; border-radius:50px;}
.business2 .bgGray {background:#e2e6f2;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.business2 {margin:40px 0 50px 0;}
.business2 .flex  .item {padding:10px 0}	
.business2 .flex {display:block; padding:20px 0 20px 0; max-width:calc(100% - 30px); }
.business2 .bgGray .flex .cont {text-align:left; padding:1%;}
.business2 .bgGray .flex .btn {float:none}
.business2 .cont {padding:1%;  top:0%; left:0; position: relative; transform:translate(0, 0);}
.business2 .tit2 {font-size: 25px  }
.business2 .txt {font-size:16px; padding:10px 0 20px 0; line-height:22px}
.business2 .btn a{font-size:14px; margin:0 auto; padding:10px 0 10px 0;   }
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}