.banner{
  margin-bottom: 30px;
}

.t-three{
  padding: 0  22px;
}
.t-three h4{
  margin: 30px 0 0;
  text-align: left;
}
.t-three p{
  text-align: justify;
  margin: 30px 0;
}

.t-three .tel{
  font-size: 2em;
  color: #202287;
}

.service{
  margin: 30px 0 0;
}

.service_photo{
  width: 60%;
  margin: 0 auto 10px;
}

.service_text{
  text-align: justify;
}
.service_desc{
  text-align: justify;
  margin: 40px 0;
  font-size: 1.1em;
}

@media (min-width: 678px) {
  .service{
    display: flex;
    align-items: center;
  }
  .service_photo{
    width: 25%;
    margin: 0;
  }
  .service_text{
    width: 75%;
    text-align: justify;
    padding: 0 0 0 30px;
  }
  .service:nth-child(2n) .service_photo{
    order: 2;
  }
  .service:nth-child(2n) .service_text{
    padding: 0 20px 0 0;
  }
  .service_desc{
    text-align: center;
  }
}

.company{
  padding: 0  22px;
}
.company h4{
  margin: 30px 0 0;
  text-align: left;
}
.company h5{
  font-size: 1rem;
  margin: 30px 0 0;
  text-align: left;
}
.company p{
  text-align: justify;
  margin: 0 0 0;
  padding: 0 0 0 1em;
}

@media (min-width: 678px) {
  .company h5{
    margin: 0 0 0;
    text-align: left;
    width: 3.5rem;
  }
  .company_item{
    display: flex;
    margin: 30px 0 0;
  }
  .company_item.no-flex{
    display: block;
    margin: 30px 0 0;
  }
  .company_item.no-flex h5{
    width: auto;
  }
}