.p-promise{
    background: url(../../assets/img_src/promise_bg.png) no-repeat center / cover;
    position: relative;
    padding: 100px 0 150px;
    margin-top: -60px;
    background-position: bottom;
}
@media screen and (max-width: 599px){
    .p-promise{
        padding: 70px 0 70px;
        margin-top: -60px;
    }
}
    .p-promise__img .sp{
        max-width: 549px;
        display: block;
        margin: 0 auto;
    }
.p-promise__container{
    margin: 0 auto;
    width: 1080px;
    max-width: 90%;
}
.c-deco--promise1{
    right: 5%;
    top: -45px;
    width: 137px;
}
@media screen and (max-width: 1020px){
    .c-deco--promise1{
        max-width: 17%;
        width: 100%;
    }
}
@media screen and (max-width: 599px){
    .c-deco--promise1{
        max-width: 20vw;
        width: 100%;
        top: -40px;
    }
}
.c-deco--promise2{
    left: 5%;
    top: -45px;
    width: 210px;
}
@media screen and (max-width: 1020px){
    .c-deco--promise2{
        width: 22%;
        height: auto;
    }
}
@media screen and (max-width: 599px){
    .c-deco--promise2{
        height: auto;
        max-width: 30vw;
        width: 100%;
        top: -40px;
    }
}
.c-deco--promise3{
    left: 0;
    width: 299px;
    bottom: -100px;
}
@media screen and (max-width: 1020px){
    .c-deco--promise3{
        max-width: 22%;
        width: 100%;
    }
}
@media screen and (max-width: 599px){
    .c-deco--promise3{
        height: auto;
        max-width: 25vw;
        width: 100%;
        bottom: -80px;
    }
}
.c-deco--promise4{
    right: 5%;
    width: 258px;
    bottom: -150px;
}
@media screen and (max-width: 1020px){
    .c-deco--promise4{
        max-width: 22%;
    }
}
@media screen and (max-width: 599px){
    .c-deco--promise4{
        height: auto;
        width: 30vw;
        bottom: -100px;
    }
}
.l-footer__logo{
    max-width: 256px;
    margin: 0 auto;
    margin-bottom: 20px;
}