.btn-border_sp1 {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: 1em;
  background-color: #D4296A;
  border: 1px solid #D4296A;
  font-style: normal;
  font-size: clamp(0.875rem, 0.784rem + 0.45vw, 1.125rem); /*14px 18px */
  color: #ffffff;
  text-decoration: none;
  font-weight: 400;
  padding: 1.1em 1em;
  border-radius: 4px;
  transition: .3s;
}

.btn-border_sp1:hover {
  background-color: #ffffff;
  border-color: #D4296A;
  color: #D4296A;
}

.btn-border_sp1no {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: 1em;
  background-color: #cccccc;
  border: 1px solid #cccccc;
  font-style: normal;
  font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem); /*14px 16px */
  color: #ffffff;
  text-decoration: none;
  font-weight: 400;
  padding: 1.1em 1em;
  border-radius: 4px;
  transition: .3s;
}

.btn-border_sp2 {
  display: inline-block;
  width: 100%;
  text-align: center;
  background-color: #D4296A;
  border: 1px solid #D4296A;
  font-style: normal;
  font-size: clamp(0.5rem, 0.364rem + 0.68vw, 0.875rem); /*8px 14px */
  color: #ffffff;
  text-decoration: none;
  font-weight: 400;
  padding: 0.4em 0.2em;
  border-radius: 2px;
  transition: .3s;
}

.btn-border_sp2:hover {
  background-color: #ffffff;
  border-color: #D4296A;
  color: #D4296A;
}

.hyo1 {font-size: clamp(8px, 1.6vw, 15px);
}

.hyo2 {font-size: clamp(7px, 1.6vw, 13px);
}