<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
.num {
  font-family: 'Roboto Condensed', sans-serif;
  color: #0a2641;
  font-weight: 700;
  font-size: 1.6rem;
}

/* top header */
.works-box {
  background: #fff;
}

.works-box h5.list-title {
  font-size: 1.6rem;
  padding-bottom: 16px;
  margin-bottom: 32px;
  border-bottom: 1px solid #ccc;
  position: relative;
}

.works-box h5.list-title::after {
  content: "";
  display: block;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 66px;
  border-bottom: 1px solid #0a2641;
}

.works-box .work-list {
  padding-bottom: 32px;
  margin-bottom: 64px;
  border-bottom: 1px solid #ccc;
}

.works-box .qualification {
  color: #fff;
  background-color: #0a2641;
  padding: 32px;
  border-radius: 6px;
}

.works-box .qualification h6 {
  line-height: 2.4;
  font-size: 1.4rem;
}

.works-box .qualification p {
  line-height: 2.4;
}

.cooperative-company-item,
.other-services-item {
  background: #fff;
}

.company-box ul,
.service-box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

/*media Queries 768px以下(SP)
----------------------------------------------------*/
@media screen and (max-width: 768px) {
  #guide {
    margin-top: 64px;
  }
  .works-box {
    padding: 40px 5%;
    margin-bottom: 64px;
  }
  .works-box .work-list li {
    font-size: 1.4rem;
    margin-bottom: 24px;
  }
  .cooperative-company-item,
  .other-services-item {
    background: #fff;
    padding: 40px 5% 40px 0;
    margin-bottom: 64px;
  }
  .company-box ul,
  .service-box ul {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .company-box ul li,
  .service-box ul li {
    width: calc((100% - 24px) / 2);
    margin-bottom: 24px;
  }
}

/*media Queries 768px以上(PC)
----------------------------------------------------*/
@media screen and (min-width: 768px) {
  #guide {
    margin-top: 120px;
  }
  .works-box {
    padding: 80px;
    margin: 0 -80px 120px;
  }
  .works-box .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .works-box .work-list ol, .works-box .work-list ul {
    margin-right: 120px;
  }
  .works-box .work-list li {
    font-size: 1.4rem;
    margin-bottom: 28px;
  }
  .works-box .work-list li:last-child {
    margin-bottom: 0;
  }
  .cooperative-company-item,
  .other-services-item {
    padding: 80px;
    margin: 0 -80px 120px;
  }
  .company-box ul,
  .service-box ul {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .company-box ul li,
  .service-box ul li {
    width: calc((100% - 192px) / 4);
    margin-right: 64px;
    margin-bottom: 64px;
  }
  .service-box a:hover {
    opacity: 0.7;
  }
  .company-box ul li:nth-last-child(1), .company-box ul li:nth-last-child(2), .company-box ul li:nth-last-child(3), .company-box ul li:nth-last-child(4),
  .service-box ul li:nth-last-child(1),
  .service-box ul li:nth-last-child(2),
  .service-box ul li:nth-last-child(3),
  .service-box ul li:nth-last-child(4) {
    margin-bottom: 0;
  }
  .company-box ul li:nth-child(4), .company-box ul li:nth-child(8) {
    margin-right: 0;
  }
}
/*# sourceMappingURL=service.css.map */</pre></body></html>