@charset "utf-8";

/* ページタイトル
-------------------------------------------*/
.pageTitleBl {
  position: relative;
  overflow: hidden;
  height: auto;
  margin-top: 29px;
  box-sizing: border-box;
  background: none;
}

.pageTitleBl .inner1105 {
  position: relative;
  height: 100%;
  box-sizing: border-box;
}

.pageTitleBl__tit {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.4;
  color: #000;
  position: static;
  inset: 0;
  margin: auto 0;
  z-index: 4;
  width: fit-content;
  height: fit-content;
  text-shadow: none;
}

.pageTitleBl__tit .js-slide .motion-txt {
  padding: 10px 40px;
}

@media screen and (max-width: 767px) {

  .pageTitleBl,
  .pageTitleBl .inner1105 {
    height: 100px;
    box-sizing: border-box;
  }

  .pageTitleBl {
    margin-top: 42px;
    height: auto;
  }

  .pageTitleBl .inner1105 {
    position: relative;
  }

  .pageTitleBl__tit {
    top: 10px;
    margin: auto;
    letter-spacing: 0.05em;
  }

  .pageTitleBl__tit .js-slide .motion-txt {
    padding: 5px 20px;
  }

}

/* 製品情報デジタルブック エリア productsDigitalBookBl
-------------------------------------------*/
.productsDigitalBookBl {
  background-color: #dce1f5;
  padding: 49px 0 103px;
  margin-top: 46px;
  color: #000;
}

.productsDigitalBook__desc {
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 1.4;
  text-align: center;
}

.productsDigitalBook__lr {
  display: flex;
  justify-content: center;
  margin-top: 39px;
  margin-left: 21.2%;
}

.productsDigitalBook__lr__l {
  width: 286px;
  box-sizing: border-box;
  margin-right: 7%;
}

.productsDigitalBook__lr__r {
  box-sizing: border-box;
  margin-top: 114px;
}

.productsDigitalBook__lr__r .whiteButton {
  width: 206px;
  box-sizing: border-box;
}

.productsDigitalBook__lr__r .whiteButton+.whiteButton {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {

  .productsDigitalBookBl {
    padding: 46px 0 50px;
    margin-top: 46px;
  }

  .productsDigitalBook__desc {
    font-size: 1.7rem;
  }

  .productsDigitalBook__lr {
    display: block;
    margin-top: 27px;
    margin-left: 0;
  }

  .productsDigitalBook__lr__l {
    width: 250px;
    margin: 0 auto;
  }

  .productsDigitalBook__lr__r {
    margin-top: 30px;
  }

  .productsDigitalBook__lr__r .whiteButton {
    margin: 0 auto;
  }

  .productsDigitalBook__lr__r .whiteButton+.whiteButton {
    margin-top: 15px;
  }

}

/* 「納入事例」エリア productsCaseBl
-------------------------------------------*/
.productsCaseBl {
  padding: 45px 0 100px;
  color: #000;
}

.productsCase__ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 22px;
}

.productsCase__ul__li {
  width: 19%;
  margin-right: 8%;
  box-sizing: border-box;
}

.productsCase__ul__li:nth-child(4n+4) {
  margin-right: 0;
}

.productsCase__ul__li:nth-child(n+5) {
  margin-top: 40px;
}

.productsCase__ul__li__a {
  display: block;
}

.productsCase__ul__li__a__fig__inner {
  overflow: hidden;
  border: 1px solid #eee;
}

.productsCase__ul__li__a__fig__inner img {
  transition: all .5s ease-in-out;
}

.productsCase__ul__li__a:hover .productsCase__ul__li__a__fig__inner img {
  transform: scale(1.15);
}

.productsCase__ul__li__a__fig__cap {
  font-size: 1.6rem;
  line-height: 1.75;
  margin-top: 10px;
  display: block;
}

.productsCase__ul+.second-tit-blue-left-border {
  margin-top: 69px;
}

.whiteButton+.second-tit-blue-left-border,
.productsCase__centerUl+.second-tit-blue-left-border {
  margin-top: 52px;
}

.productsCase__ul__li__a:hover .productsCase__ul__li__a__fig__cap {
  text-decoration: underline;
}

.productsCase__ul+.whiteButton {
  width: 184px;
  box-sizing: border-box;
  margin: 70px 0 0 auto;
}

.productsCase__ul+.whiteButton .whiteButton__txt::after {
  right: 8px;
}

.productsCase__centerUl {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}

.productsCase__centerUl__li {
  width: 26%;
  box-sizing: border-box;
  margin-right: 10.55%;
}

.productsCase__centerUl__li:nth-child(3n+3) {
  margin-right: 0;
}

.productsCase__centerUl__li:nth-child(n+4) {
  margin-top: 50px;
}

.productsCase__centerUl__li__tit {
  font-size: 1.5rem;
  line-height: 1.625;
  margin-top: 5px;
}

.productsCase__centerUl__li__tit strong {
  font-weight: 800;
}

.productsCase__centerUl__li .whiteButton {
  width: 153px;
  box-sizing: border-box;
  margin: 22px auto 0;
}

.productsCase__centerUl__li .whiteButton__txt {
  font-size: 1.3rem;
}

.productsCase__centerUl__li .whiteButton__txt::after {
  width: 10px;
  height: 12.9px;
  top: 3px;
}


@media screen and (max-width: 767px) {
  .productsCaseBl {
    padding: 43px 0 0;
  }

  .productsCase__ul {
    justify-content: space-between;
  }

  .productsCase__ul__li,
  .productsCase__ul__li:nth-child(4n+4) {
    width: 40%;
    margin-right: auto;
    margin-left: auto;
  }

  .productsCase__ul__li:nth-child(n+3) {
    margin-top: 30px;
  }

  .productsCase__ul__li__a:hover .productsCase__ul__li__a__fig__inner img {
    transform: scale(1);
  }

  .productsCase__ul__li__a__fig__cap {
    font-size: 1.5rem;
    margin-top: 7px;
  }

  .productsCase__ul__li__a:hover .productsCase__ul__li__a__fig__cap {
    text-decoration: none;
  }

  .productsCase__ul+.whiteButton {
    margin: 25px 0 0 auto;
  }

  .whiteButton+.second-tit-blue-left-border,
  .productsCase__centerUl+.second-tit-blue-left-border {
    margin-top: 50px;
  }

  .productsCase__centerUl {
    margin-top: 24px;
  }

  .productsCase__centerUl__li,
  .productsCase__centerUl__li:nth-child(3n+3) {
    width: 47.5%;
    margin-right: 5%;
  }

  .productsCase__centerUl__li:nth-child(even) {
    margin-right: 0;
  }

  .productsCase__centerUl__li:nth-child(n+3) {
    margin-top: 30px;
  }

  .productsCase__centerUl__li__tit {
    font-size: 1.5rem;
  }

  .productsCase__centerUl__li .whiteButton {
    width: 133px;
    margin: 11px auto 0;
  }

  .productsCase__centerUl__li .whiteButton__txt {
    padding-right: 17px;
  }

  .productsCase__centerUl__li .whiteButton__txt::after {
    right: 8px;
  }

}