@charset "utf-8";
/*===============
popup
===========*/
.popup_container {
  margin: 0 auto;
  max-width: 500px;
  position: relative;
  background: center / cover url("../images/popupbg.png") no-repeat;
  padding: 28px 12px 16px;
  /*   top: 50%;
    transform: translateY(-50%);*/
}
.popup_container span {
  width: 15%;
  max-width: 100px;
  position: absolute;
  top: -20px;
  left: -15px;
  transform: rotateZ(-20deg);
}
.popup_container .textbox, .popup_container .cv-btn {
  width: 100%;
}
.pop_formTop_text {
  text-align: center;
  margin-bottom: 4px;
}
.pop_bg {
  background-size: auto auto;
  background-color: rgba(255, 255, 255, 1);
  background-image: repeating-linear-gradient(135deg, transparent, transparent 2px, rgba(236, 240, 241, 0.5) 2px, rgba(236, 240, 241, 0.5) 4px);
  padding: 12px;
}
@media (min-width:500px) {
  .popup_container span {
    top: -30px;
    left: -45px;
  }
}

.btn_animate03 {
  margin: 0 auto;
  animation: beside 2s linear infinite;
  transform-origin: center;
  cursor: pointer;
}
@keyframes beside {
  0% {
    transform: translate(2px, 0px);
  }
  5% {
    transform: translate(-2px, 0px);
  }
  10% {
    transform: translate(2px, 0px);
  }
  15% {
    transform: translate(-2px, 0px);
  }
  20% {
    transform: translate(2px, 0px);
  }
  25% {
    transform: translate(-2px, 0px);
  }
  30% {
    transform: translate(0px, 0px);
  }
}
.popup_container .popup_btn {
  animation: poyopoyo 3s ease-out infinite;
  opacity: 1;
}
@media (min-width:768px) {
  .popup_container .popup_btn {
    bottom: 18px;
  }
}
@keyframes poyopoyo {
  0%, 100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  5% {
    -webkit-transform: scale(.8, 1.2);
    transform: scale(.8, 1.2);
  }
  15% {
    -webkit-transform: scale(1.1, .8);
    transform: scale(1.1, .8);
  }
  25% {
    -webkit-transform: scale(.9, 1.1);
    transform: scale(.9, 1.1);
  }
  30% {
    -webkit-transform: scale(.98, 1.02);
    transform: scale(.98, 1.02);
  }
  37% {
    -webkit-transform: scale(.9, 1.1);
    transform: scale(.9, 1.1);
  }
  45% {
    -webkit-transform: scale(.98, 1.02);
    transform: scale(.98, 1.02);
  }
  55% {
    -webkit-transform: scale(.8, 1.2);
    transform: scale(.8, 1.2);
  }
  65% {
    -webkit-transform: scale(1.1, .8);
    transform: scale(1.1, .8);
  }
  75% {
    -webkit-transform: scale(.9, 1.1);
    transform: scale(.9, 1.1);
  }
  80% {
    -webkit-transform: scale(.98, 1.02);
    transform: scale(.98, 1.02);
  }
  87% {
    -webkit-transform: scale(.9, 1.1);
    transform: scale(.9, 1.1);
  }
  95% {
    -webkit-transform: scale(.98, 1.02);
    transform: scale(.98, 1.02);
  }
}
.close-btn {
  margin: 0 auto;
  width: 100px;
  text-align: center;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
}
.popup-area {
  display: none;
  width: 100vw;
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  text-align: center;
}
@media (min-width:768px) {
  .popup-area {
    width: 80vw;
  }
}
.popup-area button {
  margin: 30px auto 0;
}
/* 背景色 */
.cover-eml {
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
}
.modal__bg {
  background: rgba(0, 0, 0, 0.8);
  height: 100vh;
  width: 100%;
}
.modal__content {
  left: 50%;
  position: absolute;
  top: 42%;
  transform: translate(-50%, -50%);
  width: 80%;
}
.modal img {
  max-width: 100%;
}
a.js-modal-close{
display: block;
    position: absolute;
    background-color: rgba(255,255,255,0.8);
    z-index: 100000000;
    bottom: 15%;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    padding: 4px 8px;
    max-width: 180px;
font-size:14px;
color: black;
}
.modal__content .policy{
margin:0!important;
}
@media (min-width:768px){
.modal__content {
  top: 50%;
}
a.js-modal-close{
    bottom: 40px;
}
}