@charset "utf-8";
/* ======================================================
CSS information

 File Name  : works-single.css
 Style Info : 「施工実績詳細」のCSS
====================================================== */

#single-works-block .text-box h2 {
  line-height: 1.5;
}

#single-works-block .text-box p {
  line-height: 2;
}

#single-works-block .flex .text-box {
  margin-bottom: 1em;
}

#main-img-box {
  margin-bottom: .1em;
}

.slick-slide img {
  height: 200px;
}

#thumb-img-box .slick-slide:not(:last-child) {
  margin-right: .2em;
}

#thumb-img-box .slick-slide img {
  height: 50px;
}

/* 768px～（タブレット）
------------------------------------------------------ */
@media screen and (min-width: 768px) {

  .slick-slide img {
    height: 514px;
  }

  #thumb-img-box .slick-slide img {
    height: 110px;
  }

}

/* 960px～（パソコン）
------------------------------------------------------ */
@media screen and (min-width: 960px) {

  #single-works-block .flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
  }

  #single-works-block .flex .text-box {
    margin-bottom: 0;
    width: 54.5%;
  }

  #single-works-block .flex .img-box {
    width: 41.5%;
  }

  .slick-slide img {
    height: 335px;
  }

  #thumb-img-box .slick-slide img {
    height: 80px;
  }

}