@charset "utf-8";

/* PC：style-modal-.css
 * おまかせプラン ver.6
 * 申請書ダウンロード：モーダルウィンドウ
 */

/*  Modal
------------------------------------------------------------------ */
#subPage.faq .overlay + .overlay {
  padding-top: 15px;
}
#subPage .overlay {
  display: none;
  z-index: 9999;
  position: fixed;
  inset: 0;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.55);
}
#subPage .overlay.open {
  display: flex;
}
#subPage .modal {
  position: relative;
  box-sizing: border-box;
  background: #fff;
  border: 0.5px solid rgba(0,0,0,0.20);
  width: calc(100% - 2rem);
  max-width: 800px;
  padding: 25px 30px 30px 30px;
}
#subPage .modal h3 {
  font-size: 2.0em;
  font-weight: bold;
}
#subPage .modal p + p {
  margin-top: 30px;
}
#subPage .modal-close-link {
  display: block;
  margin: 30px auto 0;
  padding: 0;   
  background: none;
  border: none;
  font-size: 1.6em;
  color: #999;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
  #subPage.modal-close-link:hover {
  color: #555;
}
@media screen and (max-width: 640px) {
  #subPage .overlay {
    align-items: flex-start;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 15px 5px;
  }
  #subPage .modal {
    width: calc(100% - 1rem);
    max-width: none;
    padding: 15px 20px 20px 20px;
  }
}