.sec-bg-1,
.sec-bg-2,
.sec-bg-3 {
  padding: 6rem 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.webp .sec-bg-1 {
  background-image: url("../img/common/bg-2.webp");
  background-position: bottom -76px center;
}

.no-webp .sec-bg-1 {
  background-image: url("../img/common/bg-2.jpg");
  background-position: bottom center;
}

.webp .sec-bg-2 {
  background-image: url("../img/common/bg-3.webp");
  background-position: bottom center;
}

.no-webp .sec-bg-2 {
  background-image: url("../img/common/bg-3.jpg");
  background-position: bottom center;
}

.webp .sec-bg-3 {
  background-image: url("../img/common/bg-4.webp");
  background-position: center;
}

.no-webp .sec-bg-3 {
  background-image: url("../img/common/bg-4.jpg");
}

@media screen and (min-width: 1px) and (max-width: 743px) {

.sec-bg-1,
.sec-bg-2,
.sec-bg-3 {
  padding: 3rem 0;
  background-size: cover;
}

  .webp .sec-bg-1 {
    background-image: url("../img/common/sp-bg-2.webp");
    background-position: bottom center;
  }

  .no-webp .sec-bg-1 {
    background-image: url("../img/common/sp-bg-2.jpg");
  }

  .webp .sec-bg-2 {
    background-image: url("../img/common/sp-bg-3.webp");
  }

  .no-webp .sec-bg-2 {
    background-image: url("../img/common/sp-bg-3.jpg");
  }

  .sec-bg-3 {
    background-color: #eaecf9;
  }
}

@media screen and (min-width: 744px) and (max-width: 1024px) {}

@media screen and (min-width: 1025px) {}