@charset "UTF-8";
/* COMMON・RESET */
#pa-common img { width: 100%; height: auto;}
#pa-common ul { margin: 0; list-style-type: none;}
#pa-common p { margin: 0; line-height: 1.8;}
#pa-common .mv { padding: 60px 0 0;}
#pa-common .mv-inr { width: 100%; min-width: 320px; margin: 0 auto; padding: 0 20px;}
#pa-common h2 { width: 100%; font-size: 28px; font-weight: 500;  text-align: center;}
#pa-common .notes { font-size: 10px;}
@media only screen and (max-width: 767px) {
  #pa-common section .contents-inr { padding-top: 40px!important; padding-bottom: 40px!important;} 
}
@media print, (min-width: 768px) { 
  a[href^="tel:"] { pointer-events: none;}
  #pa-common .mv-inr { max-width: 1030px; margin: 0 auto;}
  #pa-common section .contents-inr { padding-top: 80px; padding-bottom: 80px} 
}
/* モーダル */
.modal-container, .modal-tel-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background: rgba(0,0,0,0.8); overflow: auto; opacity: 0; visibility: hidden; transition: .3s; z-index: 20;}
.modal-container:before, .modal-tel-container:before { content: ""; display: inline-block; vertical-align: middle; height: 100%;}
.modal-container.active, .modal-tel-container.active { opacity: 1; visibility: visible;}
.modal-body { position: relative; display: inline-block; vertical-align: middle; width: 90%; max-width: 760px;}
.modal-tel-body { position: relative; display: inline-block; vertical-align: middle; width: 50%; max-width: 360px;}
.modal-tel-body img { width: 90%;}
.modal-close, .modal-tel-close { position: absolute; display: flex; align-items: center; justify-content: center; top: 10px; right: 10px; width: 40px; height: 40px; font-size: 40px; color: #000; cursor: pointer;}
.modal-content { padding: 40px 20px 20px; text-align: center; background: #fff; border-radius: 6px;}
@media only screen and (max-width: 767px) {
  .modal-content { width: calc(100% - 40px);}
}