#sub-whatwedo {background:#fff;}
#sub-whatwedo .whatwedo01 {max-width:1280px; margin: auto; padding: 100px 20px 92px;}
#sub-whatwedo .whatwedo01 ul {display: flex; flex-wrap: wrap; gap: 109px 20px;}
#sub-whatwedo .whatwedo01 ul li {width: calc(50% - 10px);}
#sub-whatwedo .whatwedo01 ul li p {font-size: 26px; margin-top:30px; text-align: center;}

#sub-whatwedo .whatwedo02 {background:#F3F3F3; padding: 80px 20px;}
#sub-whatwedo .whatwedo02 ul {max-width: 1280px; margin: 0 auto; display: flex; }
#sub-whatwedo .whatwedo02 ul li {width: 25%; text-align: center;}
#sub-whatwedo .whatwedo02 ul li + li {border-left:1px solid #B3B3B3; }
#sub-whatwedo .whatwedo02 ul li img {}
#sub-whatwedo .whatwedo02 ul li p {font-size: 20px; margin-top: 21px;}


@media screen and (max-width:1024px){
  #sub-whatwedo .whatwedo01 {padding: 0 20px;}
  #sub-whatwedo .whatwedo02 {padding: 40px 20px;}
  #sub-whatwedo .whatwedo02 ul {flex-wrap: wrap;}
  #sub-whatwedo .whatwedo02 ul li {width: 50%; padding: 40px 20px;}
  #sub-whatwedo .whatwedo02 ul li + li {border-left:0; }
  #sub-whatwedo .whatwedo02 ul li:nth-of-type(2n) {border-left:1px solid #B3B3B3;}
  #sub-whatwedo .whatwedo02 ul li:nth-of-type(n+3) {border-top:1px solid #B3B3B3;}
}

@media screen and (max-width:768px){
  #sub-whatwedo {padding: 0!important;}
  #sub-whatwedo .whatwedo01 {padding:60px 20px;}
  #sub-whatwedo .whatwedo01 ul {gap:60px 0;}
  #sub-whatwedo .whatwedo01 ul li {width:100%;}
  #sub-whatwedo .whatwedo01 ul li p {font-size: 20px; margin-top: 20px;}
  #sub-whatwedo .whatwedo02 {padding: 0 20px;}
  #sub-whatwedo .whatwedo02 ul li {width:100%;}
  #sub-whatwedo .whatwedo02 ul li + li {border-top:1px solid #B3B3B3; }
  #sub-whatwedo .whatwedo02 ul li:nth-of-type(2n) {border-left:0;}
  #sub-whatwedo .whatwedo02 ul li:nth-of-type(n+3) {border-top:1px solid #B3B3B3;}
}