/***************************
 work-flow-wrap
****************************/
.work-flow-wrap {
  padding-top: 80px;
  padding-bottom: 80px;
}
.work-flow-wrap h2 {
  color: #fff;
  background: #137cb3;
  padding-left: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 5px;
  margin-bottom: 50px;
}
.work-flow-wrap .flex {
  display: flex;
  flex-wrap: wrap;
}
.work-flow-wrap h3 span:nth-of-type(1) {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-130px, 0);
}
.work-flow-wrap h3 span:nth-of-type(1) img {
  width: 40px;
}
.work-flow-wrap h3 span:nth-of-type(2) {
  font-size: 32px;
}
.work-flow-wrap h3 span:nth-of-type(3) {
  font-size: 32px;
  letter-spacing: 0.5em;
}
.work-flow-wrap h3 {
  text-align: center;
  position: relative;
  border-bottom: 2px solid #0077b3;
  padding-bottom: 10px;
  color: #5e5d5c;
}
.work-flow-wrap .flow-wrap {
  width: calc(100% / 3);
  width: -webkit-calc(100% / 3);
}
.work-flow-wrap .flow-wrap:nth-of-type(2) .flow-box,
.work-flow-wrap .flow-wrap:nth-of-type(5) .flow-box {
  margin-right: 15px;
  margin-left: 15px;
}
.work-flow-wrap .flow-wrap .flow-box {
  border: 2px solid #0077b3;
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 15px;
}
.work-flow-wrap .textarea {
  width: calc(100% - 100px);
  width: -webkit-calc(100% - 100px);
  padding: 15px;
  color: #5e5d5c;
  min-height: 150px;
  font-size: 20px;
}
.work-flow-wrap .img-area {
  width: 100px;
  align-content: center;
}
.work-flow-wrap .img-area img {
  width: 100px;
}
.work-flow-wrap .textarea span {
  display: block;
}
@media (max-width: 1399px) {
  .work-flow-wrap .textarea {
    width: calc(100% - 80px);
    width: -webkit-calc(100% - 80px);
    font-size: 18px;
  }
  .work-flow-wrap .img-area {
    width: 80px;
  }
  .work-flow-wrap .img-area img {
    width: 80px;
  }
}
@media (max-width: 1199px) {
  .work-flow-wrap .flow-wrap {
    width: calc(100% / 2);
    width: -webkit-calc(100% / 2);
  }
  .work-flow-wrap .flow-wrap:nth-of-type(odd) .flow-box {
    margin-right: 5px;
    margin-left: 0;
  }
  .work-flow-wrap .flow-wrap:nth-of-type(even) .flow-box {
    margin-left: 5px;
    margin-right: 0;
  }
  .work-flow-wrap .textarea {
    width: calc(100% - 120px);
    width: -webkit-calc(100% - 120px);
    font-size: 20px;
  }
  .work-flow-wrap .img-area {
    width: 120px;
  }
  .work-flow-wrap .img-area img {
    width: 120px;
  }
}
@media (max-width: 991px) {
  .work-flow-wrap .textarea {
    width: calc(100% - 80px);
    width: -webkit-calc(100% - 80px);
    font-size: 18px;
  }
  .work-flow-wrap .img-area {
    width: 80px;
  }
  .work-flow-wrap .img-area img {
    width: 80px;
  }
}
@media (max-width: 767px) {
  .work-flow-wrap .flow-wrap {
    width: 100%;
  }
  .work-flow-wrap .flow-wrap:nth-of-type(odd) .flow-box {
    margin-right: 0px;
  }
  .work-flow-wrap .flow-wrap:nth-of-type(even) .flow-box {
    margin-left: 0px;
  }
  .work-flow-wrap .textarea {
    width: calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    font-size: 20px;
  }
  .work-flow-wrap .img-area {
    width: 100px;
  }
  .work-flow-wrap .img-area img {
    width: 100px;
  }
}
@media (max-width: 410px) {
  .work-flow-wrap .textarea {
    font-size: 18px;
  }
}
/*******************************
  products-sample-slider
********************************/
.products-sample-slider.slick-dotted.slick-slider {
  margin-bottom: 80px;
  padding-bottom: 50px;
}
.products-sample-slider img {
  width: 100%;
}
.products-sample-slider .slider-item {
  margin-left: 15px;
  margin-right: 15px;
}
.products-sample-title {
  margin-top: 100px;
  font-size: 32px;
  margin-bottom: 15px;
}
/*******************************
  related-products-slider
********************************/
.related-products-slider.slick-dotted.slick-slider {
  margin-bottom: 80px;
  padding-bottom: 50px;
}
.related-products-slider img {
  width: 100%;
}
.related-products-slider .slider-item {
  margin-left: 15px;
  margin-right: 15px;
}
.related-products-title {
  margin-top: 100px;
  font-size: 32px;
  margin-bottom: 15px;
}
/*******************************
  common-works-slider
********************************/
.common-works-slider.slick-dotted.slick-slider {
  margin-bottom: 80px;
  padding-bottom: 50px;
}
.common-works-slider img {
  width: 100%;
}
.common-works-slider .slider-item {
  margin-left: 15px;
  margin-right: 15px;
}
.common-works-title {
  margin-top: 100px;
  text-align: center;
  font-size: 32px;
  margin-bottom: 50px;
  color: #5e5d5c;
}
.common-works-title span:nth-of-type(1) {
  margin-right: 10px;
  vertical-align: 5px;
}
.common-works-title span:nth-of-type(1) img {
  width: 50px;
}
/*******************************
  common-tax-new-slider
********************************/
.common-tax-new-slider.slick-dotted.slick-slider {
  margin-bottom: 80px;
  padding-bottom: 50px;
}
.common-tax-new-slider img {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #d1d1d2;
}
.common-tax-new-slider .slider-item {
  margin-left: 15px;
  margin-right: 15px;
}
.common-tax-new-slider .thumb {
  margin-bottom: 10px;
}
.common-tax-new-slider .item-name {
  text-align: center;
  color: #5e5d5c;
}
.common-tax-new-title {
  margin-top: 100px;
  text-align: center;
  font-size: 32px;
  margin-bottom: 50px;
  color: #5e5d5c;
}
.common-tax-new-title span:nth-of-type(1) {
  margin-right: 10px;
}
.common-tax-new-title span:nth-of-type(1) img {
  width: 100px;
}
/********************************
 common-catalog-dl
*********************************/
.common-catalog-dl {
  margin-top: 120px;
  margin-bottom: 120px;
}
.common-catalog-dl .thumb {
  text-align: center;
}
.common-catalog-dl img {
  width: 100%;
  max-width: 150px;
}
.common-catalog-dl .box {
  padding: 30px;
  border: 1px solid #ccc;
  border-radius: 10px;
}
.common-catalog-dl .mb {
  margin-bottom: 30px;
}
.common-catalog-dl .link a {
  background: #137cb3;
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #fff;
  text-decoration: none;
  font-size: 24px;
  border-radius: 15px;
  box-shadow: 4px 4px #eee;
  text-align: center;
}
/******************************
 common-report
******************************/
.common-report {
  margin-top: 120px;
  margin-bottom: 120px;
}
.common-report img {
  width: 100%;
}
.common-report-title {
  font-size: 32px;
  margin-bottom: 15px;
}
.common-report .mb {
  margin-bottom: 30px;
}
/******************************
 maintenance
*******************************/
.maintenance {
  padding-top: 100px;
  padding-bottom: 100px;
}
.maintenance .thumb img {
  width: 100%;
}
.maintenance .main-catch {
  font-size: 62px;
  text-align: center;
  font-weight: bold;
  color: #5e5d5c;
  margin-bottom: 15px;
}
.maintenance .catch {
  font-size: 32px;
  color: #5e5d5c;
  text-align: center;
}
.maintenance .text-wrap {
  align-content: center;
  height: 100%;
}
@media (max-width: 1199px) {
  .maintenance .main-catch {
    font-size: 62px;
  }
}
@media (max-width: 991px) {
  .maintenance .main-catch {
    font-size: 42px;
  }
  .maintenance .catch {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .maintenance .main-catch {
    font-size: 32px;
  }
  .maintenance .catch {
    font-size: 20px;
  }
  .maintenance .thumb {
    max-width: 300px;
    margin: 50px auto 0;
  }
}