/*TOP*/

@media screen and (max-width: 375px){
    #top_con .con_about{
        font-size: 40px;
    }
    .font_8up_sp{
        font-size: calc(1rem + 4px);
    }
}
/*FV*/
#main_img.bg_black {
    background-color: #bdcfc8;
}
/*footer*/
#top_info .top_info_left_bg{
    width: 100.15%!important;
}
@media screen and (max-width: 668px){
    #main_img .main_txt{
        background-color: rgba(0,0,0,0.17);
        padding: 10px 0;
    }
    #nav_logo.width_150_sp{
        width: 70px;
    }
    #logo.width_150_sp{
        width: 100px;
    }
}
/*固定バナー*/
#sideBanner{
    right: -100px;
    top: 40vh;
    width: 90px;
    z-index: 3;
    transition-duration: 0.8s;
}
#sideBanner.visible{
    right: 0;
    transition-duration: 0.8s;
}
@media screen and (max-width: 667px){
    #sideBanner{
        width: 50px;
    }
}