@charset "UTF-8";

#overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.65);
  display: none;
  /* HTML要素を非表示にする */
  z-index: 30000000000;
}


#modalWindow {
  width: 480px;
  height: auto;
  position: fixed;
  display: none;
  z-index: 30000000000;
  text-align: center;
  color: #fff;
}

.modal-link {
  /* padding: 40px; */
  background: #fff;
  color: #111;
  font-size: 1.6rem;
}

.modal-link iframe {
  width: 100%;
  height: 800px;
  display: block;
}

.modal-link h3 {
  margin-bottom: .35em;
  font-size: 3rem;
}

.close {
  margin: 20px 0 0;
}

.close a {
  padding: .5em 2em;
  border: solid 1px rgba(255, 255, 255, .75);
  display: inline-block;
  background: rgba();
  color: #fff;
  text-decoration: none;
}

#modalWindow .request a {
  color: #fff;
  background: #E42113;
}

@media only screen and (max-width: 767px) {
  #modalWindow {
    width: 80vw;
    height: 140vw;
  }

  .modal-link iframe {
    width: 100%;
    height: 140vw;
  }

  .modal-link h3 {
    margin-bottom: .5em;
    font-size: 6vw;
  }
}