@charset "UTF-8";

.popup_back {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.3);
  min-height: 571%;
  width: 100%;
  z-index: 20000;
}
.popup_center {
  position: fixed;
  top: 7vh;
  left: 5%;
  right: 5%;
  z-index: 30000;
}
.popup_box {
  border: solid 0px #000000 !important;
  background-color: #FFFFFF !important;
  min-height: 0vh !important;
  width: 100%;
  padding: 3px;
  border-radius: 4px;
  box-shadow: 0 10px 25px 0 rgb(0 0 0 / 30%);
}
.popup_content {
  position: relative;
  margin: 10px !important;
}

.square_close_btn {
  position: absolute;
  top: 1vw;
  left: 1vw;
  width: 6vw;
  height: 6vw;
  background: #fff;
  opacity: 0.5;
  z-index: 40000;
}
.square_close_btn::before, .square_close_btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px; /* 棒の幅（太さ） */
  height: 5vw; /* 棒の高さ */
  background: #333; /* バツ印の色 */
}
.square_close_btn::before {
  transform: translate(-50%,-50%) rotate(45deg);
}
.square_close_btn::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}


.banner_footer {
  display: none;
}
@media screen and (max-width: 620px) {
.banner_footer {
  display: block;
  position: fixed;
  padding: 0 10%;
  z-index: 10000;
}
}