/*********************************

_variables.scss

*********************************/
/*********************************

_mixins.scss

*********************************/
/*********************************

_functions.scss

*********************************/
.constructionDetails {
  margin: 3.59375vw auto 5.703125vw;
  width: 100%;
}
.constructionDetails__container {
  margin: auto;
  width: 75vw;
}
.constructionDetails__category {
  padding-bottom: 0.703125vw;
  border-bottom: 0.078125vw solid #A2A2A2;
  font-size: 1.171875vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.9;
  color: #9B9B9B;
}
.constructionDetails__ttl {
  margin-top: 0.703125vw;
  font-size: 1.5625vw;
  font-weight: 500;
  letter-spacing: 0.005em;
  line-height: 1.5;
  color: #224528;
}
.constructionDetails__tags {
  margin: 2.34375vw auto 1.71875vw;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.3125vw;
}
.constructionDetails__tagItem {
  padding: 0.15625vw 1.09375vw;
  min-width: 5.15625vw;
  width: max-content;
  min-height: 1.796875vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.9375vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  color: #585858;
  border: 0.078125vw solid #585858;
  border-radius: 3.59375vw;
  text-align: center;
  box-sizing: border-box;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
@media print, screen and (min-width: 769px) {
  .constructionDetails__tagItem:hover {
    opacity: 0.7;
  }
}
.constructionDetails__contents {
  margin: 0 auto 0;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  flex-direction: column;
  gap: 3.203125vw;
}
.constructionDetails__block {
  margin: 0 auto 0;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1.015625vw;
}
.constructionDetails__block img {
  height: 100%;
  object-fit: cover;
}
.constructionDetails__block:first-child picture {
  height: 36.71875vw;
}
.constructionDetails__blockBig {
  width: 45.3125vw;
}
.constructionDetails__blockSmall {
  width: 28.59375vw;
}
.constructionDetails__thumb {
  width: 100%;
}
.constructionDetails__thumb picture {
  height: 28.59375vw;
  display: block;
}
.constructionDetails__thumb picture img {
  height: 100%;
  object-fit: cover;
}
.constructionDetails__caption {
  margin-top: 0.546875vw;
  font-size: 1.09375vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 2;
  color: #585858;
}
.constructionDetails__backToTop {
  margin: 5.703125vw auto 0;
}

@media print, screen and (max-width: 768px) {
  .constructionDetails {
    margin: 14.6153846154vw auto 17.6923076923vw;
  }
  .constructionDetails__container {
    width: 87.4358974359vw;
  }
  .constructionDetails__category {
    padding-bottom: 2.3076923077vw;
    border-bottom: 0.2564102564vw solid #A2A2A2;
    font-size: 3.3333333333vw;
  }
  .constructionDetails__ttl {
    margin-top: 4.1025641026vw;
    font-size: 4.6153846154vw;
    line-height: 1.7;
  }
  .constructionDetails__tags {
    margin: 6.9230769231vw auto 4.6153846154vw;
    gap: 1.0256410256vw;
  }
  .constructionDetails__tagItem {
    padding: 0.5128205128vw 3.0769230769vw;
    min-height: 5.8974358974vw;
    font-size: 3.0769230769vw;
    line-height: 1.2;
    border: 0.2564102564vw solid #585858;
    border-radius: 13.0769230769vw;
  }
  .constructionDetails__contents {
    gap: 8.7179487179vw;
  }
  .constructionDetails__block {
    flex-direction: column;
    gap: 8.7179487179vw;
  }
  .constructionDetails__block:first-child picture {
    height: 86.9230769231vw;
  }
  .constructionDetails__blockBig {
    width: 100%;
  }
  .constructionDetails__blockSmall {
    width: 100%;
  }
  .constructionDetails__thumb {
    width: 100%;
  }
  .constructionDetails__thumb picture {
    height: 54.8717948718vw;
  }
  .constructionDetails__caption {
    margin-top: 2.0512820513vw;
    font-size: 3.3333333333vw;
  }
  .constructionDetails__backToTop {
    margin: 12.5641025641vw auto 0;
  }
}