@charset "utf-8";

#contact_line {
  max-width: 1112px;
  margin: auto;
}

#contact_line img {
  display: block;
  width: 100%;
  height: auto;
}

#contact_line a {
  text-decoration: underline;
}

#contact_line .rel {
  position: relative;
}

#contact_line .abs {
  position: absolute;
}

#contact_line .sp_only {
  display: none;
}

#contact_line .btn01 {
  top: 57%;
  left: 14%;
}

#contact_line .mail_contact {
  text-align: center;
}

#contact_line .mail_contact p {
  font-size: 20px;
}

#contact_line .mail_contact a {
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  #contact_line a:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 767px) {
  #contact_line .pc_only {
    display: none;
  }
  #contact_line .sp_only {
    display: block;
  }
  #contact_line .btn01 {
    top: 34%;
    left: 50%;
    transform: translateX(-50%);
    width: 51%;
    max-width: 360px;
  }
  #contact_line .btn02 {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 61.2%;
  }
  #contact_line .mail_contact p {
    font-size: min(3.4vw, 16px);
  }
}