@charset "utf-8";

/* CSS Document */



/* =========================
   cta
========================= */
.cta {
  position: relative;
  width: 80%;
  margin: 40px auto 50px;
}

.cta > img {
  width: 100%;
  height: auto;
  display: block;
}

.cta_btn_tanpin {
  position: absolute;
  width: 46%;
  top: 26.5%;
  right: 14%;
  z-index: 2;
}

.cta_btn_teiki {
  position: absolute;
  width: 76%;
  bottom: 22.5%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

.cta_note {
  position: absolute;
  width: 76%;
  left: 50%;
  bottom: 9.5%;
  transform: translateX(-50%);
  z-index: 2;
}

.cta_note p {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
  font-size: 14px;
  line-height: 1.55;
  letter-spacing: 0.02em;
  color: #000;
  text-align: justify;
  text-align-last: left;
  text-transform: uppercase;
}

.cta_btn_tanpin img,
.cta_btn_teiki img {
  width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 700px) {
  .cta {
    width: 100%;
  }

  .cta_btn_tanpin {
    width: 47%;
    top: 26.5%;
    right: 13%;
  }

  .cta_btn_teiki {
    width: 76%;
    bottom: 22.5%;
  }

  .cta_note {
    width: 75%;
    bottom: 8%;
  }

  .cta_note p {
    font-size: 10px;
    line-height: 1.3;
  }
}