@charset "UTF-8";

/* -----------------------
common
----------------------- */
.page-strengths .sec {
  padding: 15rem 0;
  margin: .5rem 0;
}
.page-strengths .sec::before,
.page-strengths .sec::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.page-strengths .sec::after {
  background: linear-gradient(90deg, #535353 35%, transparent);
}
@media only screen and (max-width: 1180px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 820px) {
  .page-strengths .sec::after {
    background: rgba(0,0,0,.4);
  }
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
}

/* -----------------------
sougou
----------------------- */
.strengths-sougou::before {
  background: url(../../images/top/strength1.webp) no-repeat center / cover;
  background-position: 10vw -150px;
}
@media only screen and (max-width: 1180px) {
  .strengths-sougou::before {
    background-position: 15vw -40px;
  }
}
@media only screen and (max-width: 1100px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 820px) {
  .strengths-sougou::before {
    background-position: 0;
  }
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 450px) {
  .strengths-sougou::before {
    background-position: -80vw 0;
  }
}

/* -----------------------
jisseki
----------------------- */
.strengths-jisseki::before {
  background: url(../../images/top/strength2.webp) no-repeat center / cover;
  background-position: -7vw 0;
  transform: scale(-1,1);
}
@media only screen and (max-width: 1180px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 820px) {
  .strengths-jisseki::before {
    background-position: 0;
  }
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
}

/* -----------------------
construction
----------------------- */
.strengths-construction::before {
  background: url(../../images/top/strength3.webp) no-repeat center / cover;
  background-position: -10vw -250px;
  transform: scale(-1,1);
}
@media only screen and (max-width: 1180px) {
  .strengths-construction::before {
    background-position: -20vw -50px;
  }
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 820px) {
  .strengths-construction::before {
    background-position: 0;
  }
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 450px) {
  .strengths-construction::before {
    background-position: -55vw 0;
  }
}