@charset "UTF-8";
/*rec.scss*/
/* CSS Document */
.businessTop .section1 {
  margin: 0px 0 0;
  padding: 0px 0 0 0;
  width: 100%;
  background-image: url("../img/top_sec1_bg_pc.jpg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  min-height: 1000px;
}

.businessTop .section1 .block1 {
  width: 970px;
  margin: 0 auto;
  padding-top: 10px;
}

.businessTop .section1 .block1 img {
  width: 100%;
}

.businessTop .section1 .block2 {
  width: 970px;
  margin: 39px auto 20px;
  position: relative;
  height: 370px;
}

.businessTop .section1 .block2 img {
  position: absolute;
}

.businessTop .section1 .block2 img.img1 {
  width: 205px;
  left: 89px;
  top: 0;
}

.businessTop .section1 .block2 img.img2 {
  width: 307px;
  left: calc( 50% - 307px / 2);
  top: 0;
}

.businessTop .section1 .block2 img.img3 {
  width: 205px;
  right: 89px;
  top: 0;
}

.businessTop .section1 .block2 img.img4 {
  width: 461px;
  left: 0px;
  top: 157px;
}

.businessTop .section1 .block2 img.img5 {
  width: 461px;
  right: 0;
  top: 157px;
}

.businessTop .section1 .block3 {
  width: 970px;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .businessTop .section1 {
    margin: 20px 0 0;
    padding: 0px 0 0 0;
    width: 100%;
    background-image: url("../img/top_sec1_bg_sp.jpg");
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    min-height: calc(700vw /375 *100);
  }
  .businessTop .section1 .block1 {
    width: 100%;
    margin: 0 auto;
    padding-top: calc( 10vw / 375 * 100);
    position: relative;
    height: calc( 180vw / 375 * 100);
  }
  .businessTop .section1 .block1 img {
    position: absolute;
    width: 96vw;
    margin: 0 auto;
    left: 2vw;
  }
  .businessTop .section1 .block2 {
    width: 100%;
    margin: 0 auto calc( 10vw / 375 * 100);
    position: relative;
    height: calc( 470vw / 375 * 100);
  }
  .businessTop .section1 .block2 img {
    position: absolute;
  }
  .businessTop .section1 .block2 img.img1 {
    width: calc( 140vw / 375 * 100);
    left: calc( 20vw / 375 * 100);
    top: calc( 27vw / 375 * 100);
    z-index: 46;
  }
  .businessTop .section1 .block2 img.img2 {
    width: calc( 200vw / 375 * 100);
    left: calc( 87vw / 375 * 100);
    top: calc( 140vw / 375 * 100);
    z-index: 48;
  }
  .businessTop .section1 .block2 img.img3 {
    width: calc( 140vw / 375 * 100);
    right: calc( 20vw / 375 * 100);
    top: calc( 27vw / 375 * 100);
    z-index: 46;
  }
  .businessTop .section1 .block2 img.img4 {
    width: calc( 250vw / 375 * 100);
    left: calc( 10vw / 375 * 100);
    top: calc( 240vw / 375 * 100);
    z-index: 49;
  }
  .businessTop .section1 .block2 img.img5 {
    width: calc( 300vw / 375 * 100);
    right: calc( 10vw / 375 * 100);
    top: calc( 330vw / 375 * 100);
    z-index: 50;
  }
  .businessTop .section1 .block3 {
    width: 100%;
    margin: 0 auto calc( 10vw / 375 * 100);
    text-align: center;
  }
}

.showPC {
  display: inline-block;
}

.showSP {
  display: none;
}

@media (max-width: 768px) {
  .showPC {
    display: none;
  }
  .showSP {
    display: inline-block;
  }
}

/* フェードイン(初期値) */
.animate__animated {
  opacity: 0;
  /* 最初は非表示 */
}

/* フェードイン(スクロールした後) */
/*# sourceMappingURL=business.css.map */