.banner img {
    width: 100%;
}

.part1 img {
    display: block;
    margin: 150px auto;
}

.link-item {
    width: 100%;
    display: flex;
}

.link-item a {
    width: 50%;
}

.link-item a img.link{
    width: 100%;
}

.link-item img.pic {
    width: 50%;
}

.reverse .pic {
    order: 1;
}

.reverse a {
    order: 2;
}

.part3 img{
    width: 100%;
}

.pdd-part2,.tuhu-part2{
    margin:20px auto;
}

@media screen and (max-width: 1708px) {

    .part1 {
        zoom: .89;
    }
}

@media screen and (max-width: 1440px) {

    .part1 {
        zoom: .75;
    }
}

@media screen and (max-width: 1366px) {

    .part1 {
        zoom: .71;
    }
}

@media screen and (max-width: 1280px) {

    .part1 {
        zoom: .66;
    }
}

@media screen and (max-width: 1024px) {

    .part1 {
        zoom: .53;
    }
}

@media screen and (max-width: 960px) {

    .part1 {
        zoom: .5;
    }
}

@media screen and (max-width: 799px) {
    .pc {
        display: none;
    }

    .mobile {
        display: block;
    }

    .part1{
        zoom:.3;
    }

    .link-item{
        flex-wrap: wrap;
    }

    .link-item a{
        width: 100%;
    }

    .link-item img,.link-item img.pic{
        width: 100%;
    }

    .reverse .pic {
        order: 2;
    }
    
    .reverse .link {
        order: 1;
    }
}