@charset "UTF-8";

/*-------------------------------イラスト----------------------------------------*/

#con1 + section:before, #top_faq + div:before, #top_yusen + section:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -10px;
    left: 60px;
    background: url(/common/upload_data/sanei-naganocom/image/20240611112632.png) no-repeat right bottom;
    pointer-events: none;
    background-size: 370px;
    z-index: 900;
    max-width: 370px;
}

#top_bg + div:before, #top_access + div:before, #top_rec + div:before  {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -10px;
    left: 60px;
    background: url(/common/upload_data/sanei-naganocom/image/20240610173411.png) no-repeat right bottom;
    pointer-events: none;
    background-size: 185px;
    z-index: 900;
    max-width: 185px;
}

#con1 + section:before {
    left: 73%;
    bottom: 420px;
}
#top_bg + div:before {
    left: 82%;
    bottom: -70px;
}

#top_faq + div:before {
    bottom: -180px;
}

#top_yusen + section:before {
    background-size: 300px;
    max-width: 300px;
    left: 77%;
    bottom: 70px;
}

#top_rec + div:before {
    bottom: 340px;
}

#top_access + div:before {
    bottom: 90%;
    left: 30px;
}

@media screen and (max-width: 1150px) {
    #con1 + section:before {
        left: 69%;
        bottom: 390px;
    }

    #top_faq + div:before {
        left: 10px;
    }
    #top_yusen + section:before {
        left: 74%;
        bottom: 80px;
    }
}

@media screen and (max-width: 1050px) {
    #con1 + section:before {
        left: 64%;
        bottom: 340px;
    }
}

@media screen and (max-width: 950px) {
    #top_faq + div:before {
        left: -35px;
        bottom: -144px;
        background-size: 300px;
    }
}

@media screen and (max-width: 900px) {
    #top_bg + div:before,#top_access + div:before, #top_rec + div:before {
        background-size: 150px;
    }
    #con1 + section:before, #top_faq + div:before, #top_yusen + section:before {
        background-size: 255px;
    }
    #con1 + section:before {
        left: 56%;
        bottom: 83%;
    }
    #top_bg + div:before {
        left: 80%;
        bottom: -70px;
    }
    #top_faq + div:before {
        left: -90px;
        bottom: -120px;
    }
    #top_access + div:before {
        bottom: 93%;
    }
    #top_yusen + section:before {
        left: 63%;
        bottom: 95px;
    }
}

@media screen and (max-width: 750px) {
    #con1 + section:before {
        left: 50%;
        bottom: 80%;
    }
   #top_yusen + section:before {
        left: 60%;
        bottom: 120px;
    }
}

@media screen and (max-width: 700px) {
    #top_access + div:before {
        bottom: 95%;
    }
}

@media screen and (max-width: 680px) {
    #con1 + section:before, #top_faq + div:before, #top_yusen + section:before {
        background-size: 225px;
    }
    #con1 + section:before {
        left: 42%;
    }
    #top_bg + div:before {
        left: 70%;
    }
    #top_faq + div:before {
        left: -120px;
    }
    #top_yusen + section:before {
        left: 56%;
        bottom: 160px;
    }
}

@media screen and (max-width: 600px) {
    #con1 + section:before, #top_faq + div:before, #top_yusen + section:before {
        background-size: 195px;
    }
     #con1 + section:before {
        left: 36%;
        bottom: 83%;
    }
    #top_faq + div:before {
        left: -150px;
        bottom: -100px;
    }
    #top_yusen + section:before {
        left: 50%;
        bottom: 125px;
    }
    #top_rec + div:before {
        bottom: 298px;
        left: 30px;
    }
}

@media screen and (max-width: 550px) {
   #top_bg + div:before, #top_access + div:before,  #top_rec + div:before {
        background-size: 130px;
    }
    #con1 + section:before {
        left: 31%;
}
    #top_access + div:before {
        bottom: 96%;
        left: -40px;
    }
}

@media screen and (max-width: 480px) {
    #con1 + section:before, #top_faq + div:before {
        background-size: 160px;
    }
    #con1 + section:before {
        left: 20%;
        bottom: 86.5%;
    }
    #top_bg + div:before {
        left: 62%;
    }
   
    #top_faq + div:before {
        left: -193px;
        bottom: -78px;
    }
    #top_yusen + section:before {
        left: 34%;
        bottom: 190px;
        background-size: 130px;
    }
    #top_rec + div:before {
        bottom: 543px;
        left: -40px;
    }
}
@media screen and (max-width: 430px) {
    #con1 + section:before {
        left: 12%;
    }
    #top_yusen + section:before {
        left: 29%;
        bottom: 220px;
    }
}

@media screen and (max-width: 400px) {
    #con1 + section:before {
        left: 8%;
    }
    #top_yusen + section:before {
        left: 24%;
    }
    #top_rec + div:before {
        bottom: 476px;
        left: -45px;
    }
   #top_bg + div:before {
        left: 55%;
    }
}