section#strength {
  background: linear-gradient(90deg, #fff 0%, #fff 50%, #38BFE9 50%, #38BFE9 100%);
  position: relative;
}
section#strength::before {
  content: "";
  background: url(../../img/webp/tategaki.webp) repeat;
  background-position: center;
  background-size: 100%;
  width: 258px;
  height: 100%;
  position: absolute;
  bottom: 0px;
  right: 60px;
  animation: scroll-anim 10s linear infinite;
}
@keyframes scroll-anim {
	100% {
		background-position: -100% 0;
	}
}
section#strength .titleBox h2 {
  position: relative;
}
section#strength .titleBox h2::before {
  content: "";
  background: url(../../img/webp/h2_strength.webp) no-repeat;
  background-position: center;
  background-size: 100%;
  width: 775px;
  height: 152px;
  position: absolute;
  bottom: -15px;
  right: 0;
  left: 0;
  margin: auto;
}
section#strength .titleBox h2 span {
  position: relative;
}

.strengthContent_block {
  position: relative;
  margin-bottom: 50px;
}
.strengthContent_block .textBox {
  width: 440px;
  max-height: 388px;
  padding: 0 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border: solid 7px #38BFE9;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.strengthContent_block .textBox.float_right {
  right: 0;
  left: unset;
}
.strengthContent_block .textBox h3 {
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .strengthContent_block .textBox {
    width: 50%;
    padding: 0 30px;
  }
}

@media (max-width: 970px) {
  section#strength .titleBox h2::before {
    width: 80%;
    height: 130px;
  }
}
/*********************************/
/*        SP Responsive          */
/*********************************/
@media (max-width: 768px) {
  section#strength::before {
    width: 20%;
    right: 0;
    background-repeat: repeat;
  }
  section#strength .titleBox h2::before {
    width: 80%;
    height: 100px;
  }
  .strengthContent_block {
    margin-bottom: 20px;
  }
  .strengthContent_block .float_right,
  .strengthContent_block .float_left {
    float: unset;
  }

  .strengthContent_block .imgBox {
    margin-bottom: 20px;
  }
  .strengthContent_block .textBox {
    width: 100%;
    height: auto;
    max-height: unset;
    padding: 0;
    box-sizing: border-box;

    padding: 20px;
    position: unset;
  }
  .strengthContent_block .textBox .ttl_area img {
    width: 40%;
  }
  .strengthContent_block .textBox h3 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .strengthContent {
    padding: 0 80px;
  }
}

@media (max-width: 450px) {
  section#strength::before {
    width: 40%;
    right: 0;
    background-repeat: repeat;
}
  section#strength .titleBox h2::before {
    width: 100%;
    height: 80px;
  }
  .strengthContent {
    padding: 0;
  }
}