@charset "UTF-8";
/* --------------------------------------------------
  en/shared/css/1906_top.css
--------------------------------------------------- */
/* トップ動画 */
#videoArea {
  /* video1912 = BEPPU */
}
#videoArea.video1912 .mainV-cap-chosei .mainV-cap {
  max-width: 500px !important;
}

/* シミズの事業 */
#businessSection .cntBox header:not(.secName) {
  text-align: center;
}
#businessSection h3 {
  padding-left: 1.5em;
  font-size: 1.9rem;
  text-align: left;
  text-indent: -0.7em;
}
#businessSection h3.iconRight {
  display: inline-block;
}
#businessSection h3.iconRight::before {
  display: inline-block;
  padding-top: 5px;
}
#businessSection .container > .cntBox:nth-of-type(1) {
  box-sizing: border-box;
  width: 100%;
  padding: 40px 0 20px;
}
#businessSection .container > .flex .cntBox:nth-of-type(1) h3 {
  padding-left: 2.5em;
}

/* 事業トピックス */
#businessTopicsSection .cat {
  font-size: 1.3rem;
  line-height: 1.3;
}

/* 清水の取り組み */
#effortsSection .flex {
  justify-content: flex-start;
}

/* おすすめコンテンツ */
#recommendSection {
  margin-top: 50px;
}
#recommendSection .cntBox h3 {
  font-size: 2.7rem;
}
#recommendSection .slick02 .slick-slide {
  opacity: 0.2;
}

/* バナーエリア */
.chouseiBanner {
  margin-top: 80px;
}

/* テキストリンクエリア */
@media screen and (max-width: 1100px) {
  #businessSection h2 a {
    font-size: 3vw;
  }
}
@media screen and (max-width: 990px) {
  header.secName h2 {
    font-size: 3.5vw;
  }
  #businessSection h3 {
    text-indent: -0.55em;
  }
  #businessSection .container > .cntBox:nth-of-type(1) {
    padding: 60px 0;
  }
  /* おすすめコンテンツ */
  #recommendSection .cntBox h3 {
    font-size: 2.3rem;
  }
}
/* SP */
@media screen and (max-width: 768px) {
  header.secName h2 {
    font-size: 2.4rem;
  }
  /* トップ動画 */
  #videoArea {
    /* video1912 = BEPPU */
  }
  #videoArea.video1912 {
    /* SP写真 */
  }
  #videoArea.video1912 .mainV-cap-chosei {
    /* 詳しくみる部分 */
  }
  #videoArea.video1912 .mainV-cap-chosei .mainV-cap {
    max-width: 350px !important;
  }
  #videoArea.video1912 .mainV-cap-chosei .mainV-cap dt {
    width: 240px;
  }
  #videoArea.video1912 .mainV-cap-chosei .mainV-cap dd {
    padding-left: 13px;
  }
  /* シミズの事業 */
  #businessSection h2 a {
    font-size: 2.4rem;
  }
  #businessSection .container > .cntBox:nth-of-type(1) {
    padding-bottom: 0;
  }
  #businessSection .container > .flex .cntBox:nth-of-type(1) h3 {
    padding-left: 1.5em;
  }
  /* おすすめコンテンツ */
  #recommendSection .slick02 img.slick-slide {
    width: 88px;
  }
}/*# sourceMappingURL=top.css.map */