@charset "utf-8";


    /* webフォント*/
        @import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700&display=swap');
        @import url('https://fonts.googleapis.com/css?family=Lato:400,700,900&display=swap');

    *{
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }
    .content{
        margin: 0 auto;
        padding: 40px;
    }
    .modal{
        display: none;
        height: 100vh;
        position: fixed;
        top: 0;
        width: 100%;
    }
    .modal__bg{
        background: rgba(255,255,255,0.7);
        height: 100vh;
        position: absolute;
        width: 100%;
    }
    .wrap_fix{
        overflow: hidden;
        height: 100%;
    }
    @media (min-width: 768px) {
        .modal__content{
            background: #f8f5ec;
            left: 50%;
            padding: 40px;
            position: absolute;
            top: 45%;
            transform: translate(-50%,-50%);
            width: 70%;
            max-height: 90vh;
            overflow-y: scroll;
            -webkit-overflow-scrolling: touch;
        }
         
    }
    @media (max-width: 767px) {
        .modal__content{
            background: #f8f5ec;
            left: 50%;
            padding: 20px;
            position: absolute;
            top: 50%;
            transform: translate(-50%,-50%);
            width: 90%;
            max-height: 90vh;
            overflow-y: scroll;
        }
    }