.popup {
  background-size: contain;
  background-repeat: no-repeat;
  width: 650px;
  position: fixed;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  border: solid 2px #DBC03F;
  border-radius: 8px;
  display: none;
  z-index: 5;
}
.popup button {
    display: block;
    margin: 0 0 20px auto;
    background-color: #dbc03ff7;
    width: 55px;
    height: 55px;
    border-radius: 100%;
    font-size: 35px;
    color: #ffffff;
    border: none;
    outline: none;
    cursor: pointer;
    position: fixed;
}
.popup_img-pc {
  display: block !important;
}
.popup_img-mobile {
  display: none !important;
}

@media (max-width: 460px){
  .popup_img-pc {
    display: none !important;
  }
.popup_img-mobile {
  display: block !important;
}
.popup-txt h1{
  text-align: center;
  padding: 2%;
}
.popup-txtp h4 {
  font-size: 24px;
  text-align: justify;
}
}

@media (max-width: 410px){
  .popup button {
    width: 30px;
    height: 30px;
    font-size: 20px;
}
}