@charset "utf-8";

:root{
    --color02:#ff7000;
}

.mv_bx01{
    filter: saturate(1.2) contrast(1.2) brightness(0.5);
}

.mv_bx01_txt{
    color: #fff;
}

.mv_bx02_img_bx{
    background: url(/images/beer-garden/japan.webp) no-repeat center;
    background-size: contain;
}

.bg_transparent{
    background-color: unset;
}

.mv_bx03{
    color: #fff;
}

.price_bx01::before{
    background: url(/images/beer-garden/price_img02.webp) no-repeat;
    background-size: cover;
}

.plan_sub_txt01{
    color: #1A1A1A;
    background: #ffd600;
}

.plan_price_aside{
    font-size: 1.4rem;
}

@media screen and (max-width: 768px){
    .pc{
        display: none!important;
    }
    .sp{
        display: block;
    }
    .header_ttl_span{
        font-size: 2.2rem;
    }
    .mv_bx01 img{
        opacity: 1;
    }
    .mv_bx03{
        top: 20%;
    }
    .mv_bx03_txt{
        line-height: 1.5;
    }
    .mv_bx03_sub_txt03,
    .mv_bx03_sub_txt04{
        font-size: 3.2rem;
    }
    .price::before{
        background: url(/images/beer-garden/price_img02.webp) no-repeat;
        background-size: cover;
    }
    .footer_ct{
        text-align: center;
    }
    .footer_txt01{
        font-weight: bold;
    }
    .footer_txt02{
        font-size: 3.6rem;
        letter-spacing: .3rem;
    }
}

@media screen and (min-width: 769px){
    .pc{
        display: block;
    }
    .sp{
        display: none!important;
    }
    .header_bx02 a{
        letter-spacing: .2em;
    }
    .mv_bx01{
        background: url(/images/beer-garden/mv_pc.webp) no-repeat center;
        background-size: cover;
    }
    .price_img_bx::after{
        background: url(/images/beer-garden/price_img01.webp) no-repeat center;
        background-size: cover;
    }
    .footer_ct{
        text-align: center;
    }
    .footer_txt02{
        font-size: 6.4rem;
        letter-spacing: normal;
    }
}