/* ---------------------------------------
  modal
-----------------------------------------*/
.popup_wrap {
  width: 840px;
  margin: 30px auto;
  padding: 60px;
  background-color: #fff;
  border: solid 3px #ffe100;
  background-color: #fff;
  border-radius: 23px;
  position: relative; }
  @media screen and (max-width: 812px) {
    .popup_wrap {
      width: 88.6vw;
      margin: 10vw 5.7vw;
      padding: 4.2vw; } }
  .popup_wrap * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .popup_wrap .btn {
    text-align: center;
    margin-top: 40px; }
    .popup_wrap .btn .modal-close-btn {
      cursor: pointer;
      -webkit-transition: .2s;
      transition: .2s; }
      @media screen and (min-width: 813px) {
        .popup_wrap .btn .modal-close-btn:hover {
          opacity: 0.65; } }
      @media screen and (max-width: 812px) {
        .popup_wrap .btn .modal-close-btn {
          width: 77.1vw; } }

@media all and (max-width: 900px) {
  .mfp-container {
    padding-left: 0;
    padding-right: 0; } }
.popup-modal-dismiss {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 73px;
  -webkit-transition: .2s;
  transition: .2s;
  cursor: pointer;
  z-index: 1; }
  @media screen and (max-width: 812px) {
    .popup-modal-dismiss {
      top: -10vw;
      right: -5vw;
      width: 12.8vw; } }
  @media screen and (min-width: 813px) {
    .popup-modal-dismiss:hover {
      opacity: 0.65; } }

.mfp-close-btn-in .mfp-close {
  display: none; }

.mfp-bg {
  background-color: rgba(253, 122, 15, 0.8);
  opacity: 1;
  position: fixed !important; }