#service {width:100%; margin:0 auto; overflow:hidden;}
#service p.txtP { padding-bottom:20px; font-size:20px;  line-height:35px; }
#service .sub_txt01 { padding:0 10px;}
#service div.icoBox {overflow:hidden; margin:40px 0 60px 0;}

#service section.ico1 {background:url("../img/img1.png")no-repeat center 40px;}
#service section.ico2 {background:url("../img/img2.png")no-repeat center 40px;}
#service section.ico3 {background:url("../img/img3.png")no-repeat center 40px;}
#service section.ico4 {background:url("../img/img4.png")no-repeat center 40px;}
#service section.ico5 {background:url("../img/img5.png")no-repeat center 40px;}
#service section.ico6 {background:url("../img/img6.png")no-repeat center 40px;}
#service div.txt {font-size:14px; }


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#service {width:100%; }	
#service div.icoBox {padding:0 15px;}
}
@media (max-width: 768px) {
#service section {width:100%;  margin:2% 0%;}	
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}


section.business{
  display: flex;
  align-items: center;
  margin-bottom: 50px;
}
section img{
  position: relative;
  z-index: 1;
}
section .box{
  width: 1000px;
  background-color: #ebf2f9;
  margin-left: -135px;
  padding: 50px;
  padding-left: 200px;
  display: flex;
  align-items: center;
}
section.opp .box{
  background-color: #ECEEEF;
  margin-right: -135px;
  padding: 50px;
  padding-right: 200px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

section .box .tit_wrap{
  margin-right: 60px;
}
section .box .tit_wrap .mini{
  font-size: 15px;
  font-weight: 800;
  color: #000;
  margin-bottom: 10px;
  text-transform: uppercase;
} 
section .box .tit_wrap .tit{
  font-size: 23px;
  font-weight: 800;
  color: #000;
}

section .box .content_wrap p{
  font-size: 20px;
  font-weight: 800;
  color: #387CBF;
  position: relative;
  margin-bottom: 20px;
  padding-left: 10px;
}
section .box .content_wrap ul li{
  font-size: 16px;
  font-weight: 400;
  color: #387CBF;
  margin-bottom: 9px;
}

section.opp .box .content_wrap p{
  color: #000000;
}
section.opp .box .content_wrap ul li{
  color: #000000;
}
section.opp .box .content_wrap p::after{
  background-color: #000000;
}
section .box .content_wrap ul:last-child{
  margin-bottom: 0px;
}
section .box .content_wrap ul{
  margin-bottom: 40px;
}
section .box .content_wrap p::after{
  content: "";
  display: block;
  width: 3px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #387CBF;
}
@media screen and (max-width: 768px) {
  section.business{
      flex-direction: column;
      margin-bottom: 70px;
  }
  section .box{
      width: 90%;
      align-items: center;
      flex-direction: column;
      margin: 0;
      padding: 30px;
      align-items: flex-start;
      padding-top: 100px;
      margin-top: -70px;
  }
  section.opp {
      flex-direction: column-reverse;
  }
  section.opp .box{
      width: 90%;
      align-items: center;
      flex-direction: column;
      margin: 0;
      padding: 30px;
      align-items: flex-start;
      padding-top: 100px;
      margin-top: -70px;
  }
  section .box .tit_wrap{
      margin-bottom: 50px;
  }
  section .box .tit_wrap .tit{
      font-size: 20px;
  }
  section .box .content_wrap p{
      font-size: 18px;
  }
  section .box .content_wrap ul li{
      font-size: 16px;
  }
}