/*==================================================

** outsourcing
==================================================*/
#outsourcingManager .beforesec::after {
  content: '';
  display: block;
  width: 104px;
  height: 40px;
  background: url("../img/outsourcing/ico_angle_gra_bl_btm.svg") no-repeat center center/contain;
  margin: 48px auto 0; }
#outsourcingManager .beforesec .box {
  background: #e6f0f7;
  padding: 64px 64px 72px; }
#outsourcingManager .aftersec h3 {
  margin-top: 24px; }
#outsourcingManager .aftersec .solvelist {
  gap: 32px; }
  #outsourcingManager .aftersec .solvelist li {
    width: 200px; }
  #outsourcingManager .aftersec .solvelist .ico {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 180px;
    background: #f5f7f7;
    border-radius: 1000px; }
    #outsourcingManager .aftersec .solvelist .ico img {
      width: 64px;
      margin: auto; }
  #outsourcingManager .aftersec .solvelist .txt {
    text-align: center;
    margin: 16px 0 0;
    font-weight: 500;
    color: #0071bd; }
#outsourcingManager .aftersec .btmbox {
  margin-top: 40px; }
  #outsourcingManager .aftersec .btmbox > :first-child {
    margin-top: 0; }

#outsourcingFlow .steplist {
  margin-top: 40px; }

@media screen and (max-width: 600px) {
  #outsourcingManager .beforesec .box {
    padding: 48px 5.5% 48px; }
  #outsourcingManager .aftersec .solvelist {
    gap: 32px 5.6%; }
    #outsourcingManager .aftersec .solvelist li {
      width: 47.2%; }
    #outsourcingManager .aftersec .solvelist .ico {
      aspect-ratio: 1/1;
      width: 100%;
      height: auto; }
      #outsourcingManager .aftersec .solvelist .ico img {
        width: 37.6%; } }