.thepage .p-head {
  background-image: url(../img/3pl/hero@2x.jpg);
}
.sec-ptop {
  margin-bottom: 75px;
}
.sec-ptop .tt {
  font-size: 28px;
  margin-bottom: 46px;
}
.sec-ptop p,
.sec-cont p {
  line-height: 32px;
  margin-bottom: 0;
}

.total-coor {
  margin-top: 40px;
  margin-bottom: 50px;
  border:2px solid #9F9F9F;
  border-radius: 10px;
}
.total-coor .t {
  background: #9F9F9F;
  border-radius: 7px 7px 0 0;
  color:#fff;
  padding:12px;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
}
.tc-cont {
  padding:30px;
}
.tc-cont .coor-box {
  border-radius: 10px;
  border:2px solid #5C6995;
  height: 100%;
}
.tc-cont .coor-box.cb2 {
  border:2px solid #4E8E76;
}
.tc-cont .coor-box.cb3 {
  border:2px solid #B48C6A;
}
.coor-box .ct {
  font-size: 22px;
  text-align: center;
  color:#fff;
  letter-spacing: 10px;
  padding:15px;
  padding-left: 25px;
  background: #5C6995;
  border-radius: 7px 7px 0 0;
}
.coor-box.cb2 .ct {
  background: #4E8E76;
}
.coor-box.cb3 .ct {
  background: #B48C6A;
}
.coor-box .txt {
  padding:24px 20px 20px;
  font-size: 15px;
  line-height: 26px;
}

tbody, td, tfoot, th, thead, tr {
  border-color:#BABABA;
}
.table>:not(caption)>*>* {
  padding:12px 10px;
}
.exp-tb thead {
  border-top: 1px solid #BABABA;
}
.exp-tb thead tr th {
  font-weight: normal;
  letter-spacing: 8px;
  background: #D5EDEC;

}
.exp-tb thead tr th:first-child {
  width: 30%;
}
.exp-tb tbody tr td:first-child {
  text-align: left;
}
.exp-tb .circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}

/* 保管*/
.c-blue {
  background-color: #5C6995;
}
/* 荷役*/
.c-green {
  background-color: #4E8E76;
}
/* 輸送*/
.c-brown {
  background-color: #B48C6A;
}

.tc-cont .desc {
  margin-top: 20px;
  font-size: 15px;
  line-height: 25px;
}

.adv .bl-tt {
  margin-bottom: 20px;
}
.sec-cont .adv p {
  margin-bottom: 40px;
}



@media (max-width: 1199px) {
}

@media (max-width: 992px) {
}

@media (max-width: 767px) {
  .sec-ptop .tt {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 30px;
  }

  .total-coor .t {
    font-size: 20px;
    line-height: 28px;
    padding:10px;
  }
  .tc-cont {
    padding:20px;
  }
  .tc-cont .row>div {
    margin-bottom: 20px;
  }
  .tc-cont .row>div:last-child {
    margin-bottom: 0;
  }
  .coor-box .ct {
    font-size: 18px;
    letter-spacing: 5px;
    padding:6px 10px;
    padding-left: 15px;
  }
  .coor-box .txt {
    padding:18px;
  }

  .table>:not(caption)>*>* {
    padding:8px 6px;
  }
  .exp-tb thead tr th {
    letter-spacing: 0;
    font-size: 15px;
  }
  .exp-tb thead tr th:first-child {
    width: 46%;
  }
  .exp-tb tbody tr td:first-child {
    font-size: 14px;
    line-height: 24px;
  }
  .exp-tb .circle {
    width: 16px;
    height: 16px;
  }

  .row-img {
    text-align: center;
  }
  .row-img figure {
    margin:auto;
  }
  .row-img>div:first-child {
    margin-bottom: 30px;
  }

}