*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
body.modal-open {
      overflow: hidden;
    }

    .modal-overlay {
      display: none;
      position: fixed;
      top: 0; left: 0; right: 0; bottom: 0;
      background: rgba(0, 0, 0, 0.6);
      z-index: 9998;
    }

    .modal-wrapper {
      display: none;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 350px;
      z-index: 9999;
    }

    .modal-content {
      background: #fff;
      padding: 50px;
      max-height: 80vh;
      overflow-y: auto;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
      position: relative;
	  font-size: 0;
    }

    .modal-close {
      position: absolute;
      top: -40px;
      right: -40px;
      font-size: 30px;
      color: white;
      /*background: rgba(0, 0, 0, 0.8);*/
      width: 40px;
      height: 40px;
      text-align: center;
      line-height: 40px;
      border-radius: 50%;
      cursor: pointer;
      z-index: 10000;
    }

    .modal-content img {max-width: 100%;}
.modal-content h2{text-align: center;font-size: 20px;}
.modal-content h2 span{display: block;font-size: 16px;line-height: 1.2;}
.modal-content p{font-size:1rem;margin-top: 30px;}




/*タブレット*/
@media screen and (max-width: 1025px) {

.modal__content{width:60%;max-width:none;}

}

/*SP*/
@media screen and (max-width: 768px) {
.modal{}
.modal__content{width:90%;}
}