@charset "UTF-8";
.modal-open-btn{color: #069;cursor: pointer;}
.modal{position: fixed;width: 100%;height: 100%;top: 0;left: 0;padding: 20px;box-sizing: border-box;display: none;}
.modal-inner{background-color: #fff;max-width: 700px;margin: 0 auto;transform: translateY(2%);border: 4px solid #dfdfdf;padding: 30px;}
.modal-btn-close{position: absolute; right: -4px; top: -4px; width: 30px; height: 30px;cursor: pointer;}
.modal-btn-close .modals-close{display: block; width: 100%; height: 100%; color: #fff; background-color: #dfdfdf; text-decoration: none; text-align: center; font-size: 32px; line-height: 26px;}
.change-tbl-wrap{overflow: auto;}
.change-tbl{min-width: 710px;width: 100%;}
.change-tbl.tbl{margin: 0;}
.change-tbl th,
.change-tbl td{text-align: center;}
.tblCustom{border-top: 1px solid #d8dadc; border-right: none; border-bottom: none; font-size: 12px; font-size: 1.2rem; line-height: 1.5;}
.tblCustom th:first-child, .tblCustom td:first-child{border-left: none;}
.tblCustom th{background-color: #f4f5f6; vertical-align: middle; font-weight: normal; white-space: nowrap;}
.tblCustom th, .tblCustom td{padding: 7px; border-top: none; border-right: none; border-bottom: 1px solid #d8dadc; border-left: 1px solid #d8dadc;}
@media only screen and (max-width: 600px){
  .modal-inner{max-width: 600px;padding: 20px;}
  .modal-btn-close{width: 22px; height: 22px;}
  .modal-btn-close .modals-close {font-size: 16px; line-height: 20px;}
}