/* p-worksDetail
   ----------------------------------------------------------------- */

.p-worksDetail__top {
  margin-bottom: clamp(32px, 32px + 0.1071428571 * (100vw - 600px), 50px);
}
.p-worksDetail__top__text {
  font-size: clamp(21px, 21px + 0.0100446429 * (100vw - 1024px), 30px);
  font-family: "Noto Serif JP", serif;
  display: block;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .p-worksDetail__top__text {
    font-size: clamp(27px, 27px + 0.0033482143 * (100vw - 1024px), 30px);
  }
}
@media screen and (max-width: 767px) {
  .p-worksDetail__top__text {
    font-size: clamp(24px, 24px + 0.0178571429 * (100vw - 600px), 27px);
  }
}
.p-worksDetail__list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  grid-gap: clamp(30px, 30px + 0.0075757576 * (100vw - 600px), 40px) 2%;
  z-index: 1;
  margin-bottom: clamp(24px, 24px + 0.0196969697 * (100vw - 600px), 50px);
}
.p-worksDetail__listBox {
  width: 32%;
}
@media screen and (max-width: 1024px) {
  .p-worksDetail__listBox {
    width: 49%;
  }
}
@media screen and (max-width: 600px) {
  .p-worksDetail__listBox {
    width: 100%;
  }
}
.p-worksDetail__listBox__img {
  aspect-ratio: 4/3;
  position: relative;
  overflow: hidden;
  margin-bottom: clamp(10px, 10px + 0.0060606061 * (100vw - 600px), 18px);
}
.p-worksDetail__listBox__img::before, .p-worksDetail__listBox__img::after {
  content: "";
  display: inline-block;
  width: 50%;
  height: clamp(10px, 10px + 0.0117924528 * (100vw - 600px), 15px);
  position: absolute;
  bottom: 0;
  z-index: 10;
}
.p-worksDetail__listBox__img::before {
  left: 0;
  background-color: #666564;
}
.p-worksDetail__listBox__img::after {
  right: 0;
  background-color: #494544;
}
.p-worksDetail__listBox__img .icon{
  content: "";
  display: inline-block;
  width: 25px;
  aspect-ratio: 1/1;
  transition: all .5s;
  position: absolute;
  bottom: 25px;
  right: 10px;
  background: url(../image/content/place.svg) center/70% no-repeat ,rgba(255, 255, 255,.75);
}
@media screen and (max-width: 767px) {
  .p-worksDetail__listBox__img .icon{
    bottom: 20px;
  }
}
.p-worksDetail__listBox__text {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 0 clamp(8px, 8px + 0.0015151515 * (100vw - 600px), 10px);
}
.p-worksDetail__listBox__text .num {
  font-size: clamp(17px, 17px + 0.0022727273 * (100vw - 600px), 20px);
}
.p-worksDetail__listBox__text .txt {
  font-size: clamp(17px, 17px + 0.0022727273 * (100vw - 600px), 20px);
}
.p-worksDetail__outline__table-bottom {
  font-size: 17px;
  font-size: 1.7rem;
  color: #333;
  font-weight: 300;
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .p-worksDetail__outline__table-bottom th, .p-worksDetail__outline__table-bottom td {
    border: 1px solid #494544;
  }
}
@media screen and (max-width: 1024px) {
  .p-worksDetail__outline__table-bottom {
    border: 1px solid #494544;
    border-bottom: unset;
  }
  .p-worksDetail__outline__table-bottom th, .p-worksDetail__outline__table-bottom td {
    border-bottom: 1px solid #494544;
  }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .p-worksDetail__outline__table-bottom tr {
    display: flex;
    flex-wrap: wrap;
  }
}
.p-worksDetail__outline__table-bottom th {
  text-align: left;
  font-weight: 500;
  color: #fff;
  background: #666564;
  font-family: "Noto Serif JP", serif;
  width: 12.5%;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .p-worksDetail__outline__table-bottom th {
    width: 30%;
    border-right: 1px solid #494544;
  }
}
@media screen and (max-width: 767px) {
  .p-worksDetail__outline__table-bottom th {
    position: relative;
  }
}
.p-worksDetail__outline__table-bottom td {
  line-height: 1.8;
  min-width: 200px;
  width: 37.5%;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .p-worksDetail__outline__table-bottom td {
    width: 70%;
  }
}
.p-worksDetail__outline__table-bottom th,
.p-worksDetail__outline__table-bottom td {
  padding: 10px;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .p-worksDetail__outline__table-bottom th,
  .p-worksDetail__outline__table-bottom td {
    padding-left: 30px;
  }
}
@media screen and (max-width: 767px) {
  .p-worksDetail__outline__table-bottom th,
  .p-worksDetail__outline__table-bottom td {
    display: block;
    width: 100%;
    padding: 4vw 6.67vw 4vw 6.67vw;
    font-size: 32px;
    font-size: clamp(16px, 16px + 0.005952381 * (100vw - 600px), 17px);
  }
  .p-worksDetail__outline__table-bottom th{
    text-align: center;
  }
}
.p-worksDetail__location {
  position: relative;
  z-index: 1;
}
.p-worksDetail__location::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: calc(100% - min(7.14vw, 110px));
  background-color: rgb(246, 246, 246);;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .p-worksDetail__location::after {
    height: calc(100% - min(14.453vw, 148px));
  }
}
.p-worksDetail__location__list {
  display: flex;
  flex-wrap: wrap;
  grid-gap: clamp(16px, 16px + 0.0181818182 * (100vw - 600px), 40px) 2.666%;
  margin-bottom: clamp(30px, 30px + 0.0075757576 * (100vw - 600px), 40px);
}
.p-worksDetail__location__box {
  width: 23.0005%;
  aspect-ratio: 4/3;
}
@media screen and (max-width: 1024px) {
  .p-worksDetail__location__box {
    width: 48.667%;
  }
}
.p-worksDetail__location__box:nth-child(-n+2) {
  width: 48.667%;
}
@media screen and (max-width: 1024px) {
  .p-worksDetail__location__box:nth-child(-n+2) {
    width: 100%;
  }
}
.p-worksDetail__location__box a {
  display: block;
  overflow: hidden;
  height: 100%;
  position: relative;
}
.p-worksDetail__location__box a:hover {
  opacity: 1;
}
.p-worksDetail__location__box a::after {
  content: "";
  display: inline-block;
  width: 25px;
  aspect-ratio: 1/1;
  transition: all .5s;
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: url(../image/content/place.svg) center/70% no-repeat ,rgba(255, 255, 255,.75);
}
.p-worksDetail__location__box__caption {
  display: none;
}