.jpModal {
  /* display: none; */
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(2, 2, 2, 0.6); /* 半透明の黒 */
  transition: opacity 0.5s ease; /* トランジションを追加 */
  z-index: 1000;

  
}
.modal-content {
  position: absolute;
  width: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  @media screen and (max-width: 768px) {
    width: calc((300 / 375) * 100%);
  }
}
.jpModal-close {
  position: absolute;
  top: -16px;
  right: -16px;
  cursor: pointer;
  z-index: 1100;
}
.sp-none{
  display: block;
  @media screen and (max-width: 768px) {
    display: none;
  }
}
.pc-none{
  display: none;
  @media screen and (max-width: 768px) {
    display: block;
  }
}