.modal_box {position: fixed;z-index: 9999;display: none;width: calc(100% - 20px);max-width: 920px;height: 98%;overflow: scroll;margin: 0;padding: 40px 50px 60px;background: #fff;box-sizing: border-box;}
.modal_bg {position: fixed;top: 0;left: 0;z-index: 9998;display: none;width: 100%;height: 120%;background-color: rgba(5, 58, 122, 0.5);}
.modal_close2 {display: block;cursor: pointer;width: 84px;height: 30px;background: url(../img/modal_close2.png)no-repeat;position: absolute;bottom:5px;left: calc(50% - 42px);text-indent:100%;white-space:nowrap;overflow:hidden;}
.modal_prev{display: block;cursor: pointer;width: 30px;height: 30px;background: url(../img/modal_prev.png)no-repeat;background-size: contain;position: absolute;top: 50%;left: 5px;text-indent:100%;white-space:nowrap;overflow:hidden;}
.modal_next{display: block;cursor: pointer;width: 30px;height: 30px;background: url(../img/modal_next.png)no-repeat;background-size: contain;position: absolute;top: 50%;right: 5px;text-indent:100%;white-space:nowrap;overflow:hidden;}

.modal_close1 {position: absolute;z-index: 2;top: -30px;right: 0;display: inline-block;width: 35px;height: 35px;overflow: hidden;border: none;background: transparent;cursor: pointer;}
.modal_close1:before {transform: rotate(45deg);}
.modal_close1:after {transform: rotate(-45deg);}
.modal_close1:before, .modal_close1:after {content: '';position: absolute;height: 2px;width: 100%;top: 50%;left: 0;margin-top: -1px;background: #fff;border-radius: 5px;margin-top: -6px;}

.modal_box h3{font-size: 24px;text-align: center;margin-bottom: 30px;}
.modal_box .modal_img{display: block;width: 100%;max-width: 640px;margin: 0 auto 40px;}
.modal_box .maintxt{font-size: 18px;margin-bottom: 20px;}
.modal_box .subtxt{font-size: 16px;}

@media screen and (max-width: 768px){
  .modal_box{padding: 16px;}
}
/*
@media screen and (max-width: 768px){
  .modal_box{padding: 35px 20px 15px;top: 5px!important;overflow: scroll;}
  .modal_close1{top: 10px;right: 10px;}
  .modal_prev,.modal_next{display: block;width: 50%;height: auto;text-align: center;font-family: "Zen Maru Gothic", serif;font-size: 18px;line-height: 1;font-weight: bold;padding: 10px 0;position: relative;top: unset;left: unset;right: unset;text-indent: unset;overflow: unset;background: unset;}
  .modal_pager{display: flex;width: calc(100vw - 20px);margin-left: -20px;margin-bottom: 15px;}
  .modal_prev{color: #14619D;background-color: #E7F4FE;}
  .modal_next{color: #fff;background-color: #14619D;}
  .modal_close2 {position: relative;bottom: unset;left: unset;margin: 0 auto;}
}
*/