@charset "utf-8";
/* CSS Document */

#web .banner-area .banner-list {
    max-width: max-content;
    display: flex;
    gap: 8%;
    list-style: none;
    padding: 0 20px;
    margin: 0 auto 100px;
}
#web .banner-area .banner-list .banner {
    max-width: 425px;
    width: 50%;
}
#web .banner-area .banner-list .banner a {
    display: block;
    display: flex;
    justify-content: center;
}
#web .banner-area .banner-list .banner .qr_reception {
    gap: 6%;
    padding: 0px 15px 0 30px;
    margin: 0 auto 0;
}
#web .banner-area .banner-list .banner .qr_reception div:nth-child(1) {
    max-width: 82px;
}
#web .banner-area .banner-list .banner .qr_reception {
    
}
#web .banner-area .banner-list .banner:nth-child(2) a {
    height: calc(100% - 1em);
    background-color: #fff;
    border: 1px solid #ddd;
    margin-top: 1em;
}
#web .banner-area .banner-list .banner:nth-child(2) a:hover {
    background-color: #F3F3F3;
}
#web .banner-area .banner-list .banner:nth-child(2) a img {
    object-fit: contain;
}

@media screen and (max-width: 640px) {
    #web .banner-area .banner-list .banner:nth-child(2) a {
        height: calc(100% - 0.5rem);
        margin-top: 0.5rem;
    }
}
@media screen and (max-width: 480px) {
    #web .banner-area .banner-list .banner:nth-child(2) a {
        height: calc(100% - 0.25rem);
        margin-top: 0.25rem;
    }
}