*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.content{
    margin: 0 auto;
    padding: 40px;
}
.modal{
    /*display: none;*/
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}
.modal__bg{
    /*background: rgba(255,255,255,0.95);*/
    /* background: linear-gradient(120deg, rgba(255,160,40,1) 0%, rgba(253,160,133,1) 100%);*/
    background: rgb(0,0,0,0.95);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content{
    /*
    top: 36px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    
    left: 50%;
    transform: translateX(-50%);
    */
    padding:16px 5%;
    /*background: rgba(255,255,255,0.5);*/
    position: absolute;
    width: 100%;
    color:#000; 
    height: calc(100vh - 16px);
}
.close{width:36px; float:right;}
.close img{width:36px;}

/*info*/
ul.info_sp{padding-top:24px; margin-top:24px;}
ul.info_sp li{
    font-size:18px; font-weight: 400;
    margin:0; padding:0; 
    border-top:1px solid #fff; text-align: center; width:100%; float:left;
}

ul.info_sp li.sns ul{justify-content: center;}
ul.info_sp li.sns ul li{width:36px; border-top:none; border-bottom:none; margin:0 12px;}

ul.info_sp li a.contact{
    border-radius: 25px; text-align: center; padding:6px 64px;
    background-color: #cb9900; font-weight: bold; color:#fff;
}

ul.info_sp li:last-child{border-bottom: 1px solid #fff;}
ul.info_sp li a{color:#fff; display: block; padding:14px 0;}