@media screen and (min-width: 768px) {
    /*campaign_on*/
    .main-visual__top .logo {top: calc(15.75 / 1117 * 100%);}
    .main-visual__top .mv_top-character-01{ top: calc(151 / 1117 * 100%);}
    .main-visual__top .mv_top-character-02{ top: calc(170.75 / 1117 * 100%);}
    .main-visual__top .mv_top-character-03{ top: calc(173.75 / 1117 * 100%);}
    .main-visual__top .mv_top-character-04{ top: calc(170.75 / 1117 * 100%);}
    .main-visual__top-img03{ top: calc(253 / 1117 * 100%)!important;}
    .main-visual__top-img04{ top: calc(377 / 1117 * 100%)!important;}
    .main-visual__top-img05{ top: calc(600 / 1117 * 100%)!important;}
    .main-visual__top .series{top: calc(84 / 1117 * 100%);}
    
    .main-visual__top-img06 {
        background-color: #ffebc7;  
        text-align: center;
    } 

    .main-visual__top-img06 img {
        display: inline-block;
        width: calc(1172 / 1920 * 100%);
        max-width: none;
        margin: 0 auto;
        z-index: 10;
    } 

}


@media screen and (max-width: 768px) {
    .main-visual__top .logo {top: 0.95%;}
    .main-visual__top .mv_top-character-01{ top: 11.8%;}
    .main-visual__top .mv_top-character-02{ top: 13.9%;}
    .main-visual__top .mv_top-character-03{ top: 13.7%;}
    .main-visual__top .mv_top-character-04{ top: 13.9%;}
    .main-visual__top .series{top: 9.8%;}
    .main-visual__top-img03{ top: 100vw;}
    .main-visual__top-img04{ top: 135vw;}
    .main-visual__top-img05{ top: 220vw;}
    .main-visual__top-img06 {
        background-color: #ffebc7;  
        text-align: center;
        padding: 20vw 20px 0px;
    } 

     .main-visual__top-img06 a {
        display:block;
    } 
}

@media screen and (max-width: 500px) 
{
    .main-visual__top-img06 {
        padding: 10vw 20px 0px;
    } 

}