@charset "utf-8";
/* 背景 */
#works-list .works-list-inr {
  position: relative;
}

/* single-works
========================================*/
#works-single .single-content p {
  font-weight: 300;
}
#works-single .works-data-ttl {
  text-align: center;
}

#works-single .works-data-ttl h3 {
  display: inline-block;
  font-family: var(--font-jost);
  font-size: var(--fs-md);
  color: var(--color-blue-works2);
  padding: 12px 40px;
  border: 1px solid var(--color-blue-works2);
  box-shadow: 1px 1px 1px 1px #efefef;
}

#works-single table {
  width: 100%;
  border-collapse: collapse;
}

#works-single table th {
  width: 220px;
  text-align: left;
  font-weight: 500;
  color: var(--color-blue-works1);
}
#works-single table th,
#works-single table td {
  border-bottom: 1px solid var(--color-gray-light-3);
  padding: 24px 0;
  font-size: var(--fs-base-2);
  letter-spacing: 0.16em;
}

@media screen and (max-width: 960px) {
  #works-single table th {
    width: 160px;
  }
  #works-single table th,
  #works-single table td {
    padding: 16px 0;
  }
}
@media screen and (max-width: 600px) {
  #works-single table th {
    border-bottom: none;
    padding-bottom: 0;
  }
  #works-single table td {
    padding: 8px 0;
  }
  #works-single table th,
  #works-single table td {
    width: 100%;
    display: block;
  }
}

/* 最近の施工事例 */
#works-single .recent-ttl {
  padding-bottom: 16px;
  border-bottom: 1px solid #2b83bc;
  line-height: 1;
}
#works-single .cont-ttl-line {
  font-size: var(--fs-base-2);
}