@charset "UTF-8";
/*------------------------------------------------

p-works-area

-------------------------------------------------*/
.p-works-area {
  position: relative;
  padding: 9.0277777778vw 0 20.8333333333vw;
}
.p-works-area .p-works-area__bg {
  position: absolute;
  background: url(../../images/common/bg-pc.png) no-repeat;
  background-size: cover;
  width: 77%;
  height: 100%;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.p-works-area .p-works-area--inner {
  max-width: 79.1666666667vw;
}
.p-works-area .p-works-area__block {
  background-color: #fff;
  padding: 5.5555555556vw 4.8611111111vw 8.3333333333vw;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.p-works-area .p-works-area__block-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
.p-works-area .p-works-area__block-list li.-line {
  border-bottom: 1px solid #185aa5;
}
.p-works-area .p-works-area__block-list li.-line a {
  opacity: 1;
}
.p-works-area .p-works-area__block-list li:last-child a::after {
  display: none;
}
.p-works-area .p-works-area__block-list a {
  position: relative;
  font-size: 1.1111111111vw;
  font-weight: 400;
  line-height: 2;
  color: #185aa5;
  opacity: 0.5;
  padding: 0 1.3888888889vw;
}
.p-works-area .p-works-area__block-list a::after {
  content: "";
  position: absolute;
  display: block;
  background-color: #185aa5;
  width: 1px;
  top: 0;
  right: 0;
  bottom: 0;
}
.p-works-area .p-works-area__block-group {
  margin-top: 2.7777777778vw;
  gap: 2.7777777778vw 1.3888888889vw;
}
.p-works-area .p-works-area__block-group .-item {
  width: calc(33.3333333333% - 1.3888888889vw);
  border: 1px solid #D9D9D9;
}
.p-works-area .p-works-area__block-group .-item-link {
  color: #1e1e1e;
}
.p-works-area .p-works-area__block-group .-img {
  height: 15.9722222222vw;
}
.p-works-area .p-works-area__block-group .-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-works-area .p-works-area__block-group .-txtbox {
  padding: 1.0416666667vw 1.7361111111vw 1.7361111111vw;
  background-color: #fff;
}
.p-works-area .p-works-area__block-group time {
  font-size: 1.1111111111vw;
  font-weight: 400;
}
.p-works-area .p-works-area__block-group .-ttl {
  margin-top: 0.3472222222vw;
  font-size: 1.3888888889vw;
  font-weight: bold;
  height: 3.8194444444vw;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
.p-works-area .p-works-area__block-group .-content {
  margin-top: 1.3888888889vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-works-area .p-works-area__block-group .-category {
  color: #185aa5;
  font-size: 1.1111111111vw;
  font-weight: 400;
  border: 1px solid #185aa5;
  padding: 0.6944444444vw 1.3888888889vw;
}
.p-works-area .p-works-area__block-group .-more {
  position: relative;
  color: #185aa5;
  font-size: 1.1111111111vw;
  font-weight: 400;
  padding-right: 1.3888888889vw;
}
.p-works-area .p-works-area__block-group .-more::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid #185aa5;
  border-right: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  .p-works-area .p-works-area__block-list a {
    font-size: 1.3194444444vw;
  }
  .p-works-area .p-works-area__block-group time {
    font-size: 1.3194444444vw;
  }
  .p-works-area .p-works-area__block-group .-category {
    font-size: 1.3194444444vw;
  }
  .p-works-area .p-works-area__block-group .-more {
    font-size: 1.3194444444vw;
  }
}
@media screen and (max-width: 768px) {
  .p-works-area {
    padding: 26.6666666667vw 0 66.6666666667vw;
  }
  .p-works-area .p-works-area__bg {
    position: absolute;
    background: url(../../images/common/bg-sp.png) no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: -1;
  }
  .p-works-area .p-works-area--inner {
    max-width: 100%;
  }
  .p-works-area .p-works-area__block {
    padding: 18.6666666667vw 4vw 18.6666666667vw;
  }
  .p-works-area .p-works-area__block-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
  .p-works-area .p-works-area__block-list a {
    font-size: 4.2666666667vw;
    padding: 0 2.6666666667vw;
  }
  .p-works-area .p-works-area__block-group {
    margin-top: 10.6666666667vw;
    gap: 10.6666666667vw 0vw;
  }
  .p-works-area .p-works-area__block-group .-item {
    width: 100%;
  }
  .p-works-area .p-works-area__block-group .-img {
    height: 61.3333333333vw;
  }
  .p-works-area .p-works-area__block-group .-txtbox {
    padding: 4vw 4vw 6.6666666667vw;
  }
  .p-works-area .p-works-area__block-group time {
    font-size: 4.2666666667vw;
  }
  .p-works-area .p-works-area__block-group .-ttl {
    margin-top: 1.3333333333vw;
    font-size: 5.3333333333vw;
    height: 14.6666666667vw;
  }
  .p-works-area .p-works-area__block-group .-content {
    margin-top: 5.3333333333vw;
  }
  .p-works-area .p-works-area__block-group .-category {
    font-size: 4.2666666667vw;
    padding: 2.6666666667vw 5.3333333333vw;
  }
  .p-works-area .p-works-area__block-group .-more {
    font-size: 4.2666666667vw;
    padding-right: 5.3333333333vw;
  }
}

/*------------------------------------------------

施工実績詳細

-------------------------------------------------*/
.p-works-area__detail {
  padding: 5.5555555556vw 4.8611111111vw 10.4166666667vw;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.p-works-area__detail .p-works-area__detail-in {
  padding-bottom: 6.9444444444vw;
  border-bottom: 1px solid #B2B0B0;
}
.p-works-area__detail .p-works-area__detail-txtbox {
  width: 34.7222222222vw;
}
.p-works-area__detail .p-works-area__detail-info {
  border-bottom: 1px solid #b2b0b0;
  padding-bottom: 2.7777777778vw;
}
.p-works-area__detail .p-works-area__detail-info-ttl {
  font-size: 2.2222222222vw;
  font-weight: bold;
}
.p-works-area__detail .p-works-area__detail-info-box {
  margin-top: 1.3888888889vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.3888888889vw;
}
.p-works-area__detail .p-works-area__detail-info-box time {
  font-size: 1.1111111111vw;
  font-weight: bold;
}
.p-works-area__detail .p-works-area__detail-info-box .-category {
  font-size: 1.1111111111vw;
  font-weight: 400;
  padding: 0.6944444444vw 1.3888888889vw;
  border: 1px solid #185aa5;
}
.p-works-area__detail .p-works-area__detail-info-box .-category a {
  color: #185aa5;
}
.p-works-area__detail .p-works-area__detail-content {
  margin-top: 4.1666666667vw;
}
.p-works-area__detail .p-works-area__detail-content-ttl {
  font-size: 1.1111111111vw;
  font-weight: bold;
  line-height: 2;
  padding-bottom: 0.6944444444vw;
  border-bottom: 1px solid #B2B0B0;
}
.p-works-area__detail .p-works-area__detail-content-txt {
  margin-top: 1.3888888889vw;
  font-size: 1.1111111111vw;
  font-weight: 400;
}
.p-works-area__detail .p-works-area__detail-imgbox {
  width: calc(100% - 37.5vw);
}
.p-works-area__detail .p-works-area__detail-imgbox .-img {
  margin-top: 2.0833333333vw;
}
.p-works-area__detail .p-works-area__detail-imgbox .-img:first-child {
  margin-top: 0;
}
.p-works-area__detail .p-works-area__detail-btnbox {
  margin: auto;
  margin-top: 2.7777777778vw;
  padding-top: 2.7777777778vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  gap: 13.8888888889vw;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-works-area__detail .p-works-area__detail-btnbox .-btn {
  width: 10.4166666667vw;
}
.p-works-area__detail .p-works-area__detail-btnbox .-btn.-prev {
  position: absolute;
  left: 0;
}
.p-works-area__detail .p-works-area__detail-btnbox .-btn.-prev a {
  position: relative;
  color: #185aa5;
  border: none;
}
.p-works-area__detail .p-works-area__detail-btnbox .-btn.-prev a::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 0.3472222222vw solid transparent;
  border-bottom: 0.3472222222vw solid transparent;
  border-right: 0.4861111111vw solid #185aa5;
  border-left: 0;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-works-area__detail .p-works-area__detail-btnbox .-btn.-next {
  position: absolute;
  right: 0;
}
.p-works-area__detail .p-works-area__detail-btnbox .-btn.-next a {
  position: relative;
  color: #185aa5;
  border: none;
}
.p-works-area__detail .p-works-area__detail-btnbox .-btn.-next a::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 0.3472222222vw solid transparent;
  border-bottom: 0.3472222222vw solid transparent;
  border-left: 0.4861111111vw solid #185aa5;
  border-right: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-works-area__detail .p-works-area__detail-btnbox .-btn.-back {
  position: absolute;
}
.p-works-area__detail .p-works-area__detail-btnbox .-btn.-back a {
  position: relative;
  color: #185aa5;
}
.p-works-area__detail .p-works-area__detail-btnbox .-btn.-back a::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 0.3472222222vw solid transparent;
  border-bottom: 0.3472222222vw solid transparent;
  border-left: 0.4861111111vw solid #185aa5;
  border-right: 0;
  right: 0.6944444444vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-works-area__detail .p-works-area__detail-btnbox .-btn a {
  display: block;
  color: #185aa5;
  border: 1px solid #185aa5;
  font-size: 0.9722222222vw;
  padding: 0.3472222222vw 0;
  text-align: center;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1024px) {
  .p-works-area__detail .p-works-area__detail .p-works-area__detail-info-box time {
    font-size: 1.3194444444vw;
  }
  .p-works-area__detail .p-works-area__detail-info-box .-category {
    font-size: 1.3194444444vw;
  }
  .p-works-area__detail .p-works-area__detail-content-ttl {
    font-size: 1.3194444444vw;
  }
  .p-works-area__detail .p-works-area__detail-content-txt {
    font-size: 1.3194444444vw;
  }
  .p-works-area__detail .p-works-area__detail-btnbox .-btn a {
    font-size: 1.1805555556vw;
  }
}
@media screen and (max-width: 768px) {
  .p-works-area__detail {
    padding: 16vw 4vw 24vw;
  }
  .p-works-area__detail .p-works-area__detail-in {
    padding-bottom: 26.6666666667vw;
  }
  .p-works-area__detail .p-works-area__detail-txtbox {
    width: 100%;
    margin-right: 0;
  }
  .p-works-area__detail .p-works-area__detail-info-ttl {
    font-size: 6.4vw;
  }
  .p-works-area__detail .p-works-area__detail-info-box {
    margin-top: 5.3333333333vw;
    gap: 4vw;
  }
  .p-works-area__detail .p-works-area__detail-info-box time {
    font-size: 4.2666666667vw;
  }
  .p-works-area__detail .p-works-area__detail-info-box .-category {
    font-size: 4.2666666667vw;
    padding: 1.3333333333vw 4vw;
  }
  .p-works-area__detail .p-works-area__detail-content-ttl {
    font-size: 4.2666666667vw;
    padding-bottom: 2.6666666667vw;
  }
  .p-works-area__detail .p-works-area__detail-content-txt {
    margin-top: 2.6666666667vw;
    font-size: 4.2666666667vw;
  }
  .p-works-area__detail .p-works-area__detail-imgbox {
    width: 100%;
    margin-top: 13.3333333333vw;
  }
  .p-works-area__detail .p-works-area__detail-imgbox .-img {
    margin-top: 5.3333333333vw;
  }
  .p-works-area__detail .p-works-area__detail-imgbox .-img:first-child {
    margin-top: 0;
  }
  .p-works-area__detail .p-works-area__detail-btnbox {
    margin: auto;
    margin-top: 26.6666666667vw;
    padding-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    gap: 53.3333333333vw;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .p-works-area__detail .p-works-area__detail-btnbox .-btn {
    width: 40vw;
  }
  .p-works-area__detail .p-works-area__detail-btnbox .-btn.-prev {
    position: absolute;
    left: 0;
    top: -18.6666666667vw;
  }
  .p-works-area__detail .p-works-area__detail-btnbox .-btn.-prev a {
    position: relative;
    color: #185aa5;
    border: none;
  }
  .p-works-area__detail .p-works-area__detail-btnbox .-btn.-prev a::before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 1.3333333333vw solid transparent;
    border-bottom: 1.3333333333vw solid transparent;
    border-right: 1.8666666667vw solid #185aa5;
    border-left: 0;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .p-works-area__detail .p-works-area__detail-btnbox .-btn.-next {
    position: absolute;
    right: 0;
    top: -18.6666666667vw;
  }
  .p-works-area__detail .p-works-area__detail-btnbox .-btn.-next a {
    position: relative;
    color: #185aa5;
    border: none;
  }
  .p-works-area__detail .p-works-area__detail-btnbox .-btn.-next a::before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 1.3333333333vw solid transparent;
    border-bottom: 1.3333333333vw solid transparent;
    border-left: 1.8666666667vw solid #185aa5;
    border-right: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .p-works-area__detail .p-works-area__detail-btnbox .-btn.-back {
    position: absolute;
  }
  .p-works-area__detail .p-works-area__detail-btnbox .-btn.-back a {
    position: relative;
    color: #185aa5;
  }
  .p-works-area__detail .p-works-area__detail-btnbox .-btn.-back a::before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 1.3333333333vw solid transparent;
    border-bottom: 1.3333333333vw solid transparent;
    border-left: 1.8666666667vw solid #185aa5;
    border-right: 0;
    right: 2.6666666667vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .p-works-area__detail .p-works-area__detail-btnbox .-btn a {
    display: block;
    color: #185aa5;
    border: 1px solid #185aa5;
    font-size: 3.7333333333vw;
    padding: 1.3333333333vw 0;
    text-align: center;
    letter-spacing: 0.08em;
  }
}
/*# sourceMappingURL=works.css.map */