@media screen and (min-width: 1061px) {
    /* PC用のスタイル記述 */
    body.open_popup {
        overflow: hidden;
    }
    
    .bg_onetime_popup {
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 299999;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 0;
        visibility: hidden;
    }
    
    body.open_popup .bg_onetime_popup {
        opacity: 1;
        visibility: visible;
    }
    
    .onetime_popup {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        max-width: 1000px;
        width: 100%;
    }

    .onetime_popup img.img-pc{
        width: 100%;
        height: auto;
    }

    .onetime_popup img.img-tabsp{
        display: none;
    }

    
    .onetime_popup_title_close {
        position: absolute;
        top: 80px;
        right: 50px;
        width: 30px;
        height: 30px;
        cursor: pointer;
    }
    .onetime_popup_title_close::before,
    .onetime_popup_title_close::after {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 100%;
        height: 4px;
        background-color: #000;
        content: "";
    }
    .onetime_popup_title_close::before {
        transform: translateX(-50%) translateY(-50%) rotate(45deg);
    }
    .onetime_popup_title_close::after {
        transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    }
    
    .onetime_popup_content {
        padding: 60px 30px;
        text-align: center;
    }
    
    
    }
    
    @media screen and (max-width: 1060px) {
    /* タブレット用のスタイル記述 */
    body.open_popup {
        overflow: hidden;
    }
    
    .bg_onetime_popup {
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 299999;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 0;
        visibility: hidden;
    }
    
    body.open_popup .bg_onetime_popup {
        opacity: 1;
        visibility: visible;
    }
    
    .onetime_popup {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        max-width: 600px;
        width: 100%;
    }

    .onetime_popup img.img-pc{
        display: none;
    }

    .onetime_popup img.img-tabsp{
        width: 100%;
        height: auto;
    }

    .onetime_popup_title_close {
        position: absolute;
        top: 80px;
        right: 50px;
        width: 30px;
        height: 30px;
        cursor: pointer;
    }
    .onetime_popup_title_close::before,
    .onetime_popup_title_close::after {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 100%;
        height: 4px;
        background-color: #000;
        content: "";
    }
    .onetime_popup_title_close::before {
        transform: translateX(-50%) translateY(-50%) rotate(45deg);
    }
    .onetime_popup_title_close::after {
        transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    }
    
    .onetime_popup_content {
        padding: 60px 30px;
        text-align: center;
    }
    
    
    }
    
    @media screen and (max-width: 720px) {
    /* スマートフォン用のスタイル記述 */
    body.open_popup {
        overflow: hidden;
    }
    
    .bg_onetime_popup {
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 299999;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 0;
        visibility: hidden;
    }
    
    body.open_popup .bg_onetime_popup {
        opacity: 1;
        visibility: visible;
    }
    
    .onetime_popup {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        max-width: 500px;
        width: 100%;
    }

    .onetime_popup img.img-pc{
        display: none;
    }

    .onetime_popup img.img-tabsp{
        width: 100%;
        height: auto;
    }
    
    .onetime_popup_title_close {
        position: absolute;
        top: 80px;
        right: 50px;
        width: 30px;
        height: 30px;
        cursor: pointer;
    }
    .onetime_popup_title_close::before,
    .onetime_popup_title_close::after {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 100%;
        height: 4px;
        background-color: #000;
        content: "";
    }
    .onetime_popup_title_close::before {
        transform: translateX(-50%) translateY(-50%) rotate(45deg);
    }
    .onetime_popup_title_close::after {
        transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    }
    
    .onetime_popup_content {
        padding: 60px 30px;
        text-align: center;
    }
    
    
        
    }