@charset "utf-8";

.plan{
    text-align: center;
}

.plan__title {
    text-align: center;
    margin-top: 50px;
}

.plan_join img{
    width: 45%;
    margin-top: 50px;
}

.plan_pc img,.plan_sp img{
    width: 55%;
    object-position: 5px;
}

.plan_pc img:first-child,.plan_sp img:first-child{
    margin-top: 20px;
}

.plan_sp{
    display: none;
}

.flow{
    text-align: center;
}

.flow img{
    margin-top: 100px;
    width: 45%;
}

.flow img:nth-child(4){
    display: none;
}

.pay{
    margin-top: 100px;
    text-align: center;
}

.pay img{
    margin: 30px;
    width: 40%;
}



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



}

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

    .plan_join img{
        width: 70%;
    }
    
    .plan_pc img,.plan_sp img{
        width: 75%;
    }

    .flow img {
        width: 70%;
    }

    .pay img {
        width: 60%;
    }

}

@media screen and (max-width:524px) {
    .plan {
        margin-top: 120px;
    }

    .plan_join img{
        width: 90%;
        margin-top: 30px;
    }
    
    .plan_pc img,.plan_sp img{
        width: 100%;
    }

    .plan_pc{
        display:none;
    }

    .plan_sp{
        display:block;
    }

    .flow p{
        text-align: left;
        width: 80%;
        margin: 0 auto;
    }

    .flow img:nth-child(3){
        display:none;
    }

    .flow img:nth-child(4){
        display: block;
        width: 90%;
        margin: 50px auto;
    }

    .pay img {
        width: 90%;
        margin: 0px;
    }

}