@media (max-width: 767px) {
    /* モーダル */
    .modal {
        background-color: #fff;
        width: 90%;
        height: 80%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }
    /* クローズボタン */
    .close {
        width: 25px;
        height: 25px;
        position: absolute;
        top: 5%;
        right: 5%;
        cursor: pointer;
    }
}