@charset "utf-8";

.cam202604 {
  width: 100%;
}

.cam202604__ttl {
  width: 100%;
}

.cam202604__bg {
  width: 100%;
  background: url(../images/cam/cam202604_bg.webp) center top no-repeat;
  background-size: contain;
}

.cam202604__ofr {
  width: 92%;
  max-width: 840px;
  margin: min(7%, 70px) auto min(7%, 70px);
  background: linear-gradient(to right, #a0dc32, #5ed23e);
  border-radius: 20px;
}

.cam202604__cont01 {
  width: 100%;
  position: relative;
}

.cam_figure figure {
  width: 16.6%;
  position: absolute;
}
.cam_figure figure:nth-child(1) {
  top: 47%;
  left: 5%;
}
.cam_figure figure:nth-child(2) {
  top: 50.5%;
  left: 9%;
  animation-delay: 0.5s;
}
.cam_figure figure:nth-child(3) {
  top: 54%;
  left: 13%;
  animation-delay: 1s;
}
/*fadeIn*/
@keyframes fadeIn {
  0% {
  opacity: 0;
  transform: translate(5vh, 5vh);
  }

  100% {
  opacity: 1;
  transform: translate(0);
  }
}
.fadeIn {
opacity: 0;
}
.fadeIn.delighter {
animation-duration: 1s;
animation-fill-mode: both;
}
.fadeIn.delighter.started {
animation-name: fadeIn;
}

.cam202604__btn {
  width: 62%;
  margin: 0 auto;
  filter: drop-shadow(0 3px 2px rgba(0, 0, 0, 0.3));
  padding-bottom: min(6%, 60px);
}

.cam202604__btn:hover img {
  filter: brightness(115%);
  transition: all .4s;
}

@media screen and (max-width: 750px) {
  .cam202604__ofr {
    width: 88%;
    background: none;
    margin: 8% auto;
  }

  .cam202604__bg {
    background: url(../images/cam/cam202604_bg.webp) center top repeat-y;
    background-size: 100%;
  }

  .cam202604__cont01 {
    background: linear-gradient(to right, #a0dc32, #5ed23e);
    border-radius: 20px;
    margin-bottom: 6%;
  }

  .cam_figure figure {
    width: 18%;
    position: absolute;
  }
  .cam_figure figure:nth-child(1) {
    top: 55%;
    left: 6%;
  }
  .cam_figure figure:nth-child(2) {
    top: 59%;
    left: 8%;
    animation-delay: 0.5s;
  }
  .cam_figure figure:nth-child(3) {
    top: 63%;
    left: 10%;
    animation-delay: 1s;
  }

  .cam202604__cont02 {
    background: linear-gradient(to right, #a0dc32, #5ed23e);
    border-radius: 20px;
  }

  .cam202604__btn {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 6%;
  }
}