@charset "UTF-8";
/*-------------------------------------
　　　　　　　　　　base
 ------------------------------------ */
body {
    background-color: #FFFDF3;
}

/* header */
@media screen and (min-width: 690px) {
    .lp-header__logo {
        max-width: 225px;
        height: 73px;
        padding: 20px 40px 20px 20px;
        border-radius: 0 73px 73px 0;
        display: block;
        background-color: #fff;
    }
}
@media screen and (max-width: 690px){
    .lp-header__logo {
        max-width: 300px;
        width: 166px;
        padding: 13px 35px 13px 12px;
        border-radius: 0 60px 60px 0;
        display: block;
        background-color: #fff;

    }
}

.lp-header {
    position: absolute;
    display: block;
}

/*-------------------------------------
　　　　　　　　　 main
 ------------------------------------ */
main {
    margin-top: unset;
}

.section-wrap {
    margin: 0 20%;
}
@media screen and (max-width:768px){
    .section-wrap {
        margin: 0 4%;
    }
}

.pt-auto {
    padding-top: 5rem;
}
@media screen and (max-width:768px) {
    .pt-auto {
        padding-top: 3rem;
    }
}


/*-------------------------------------
　　　　　　　　　 　FV
 ------------------------------------ */
.fv {
    background-size: cover;
    height: auto;
}

/*-------------------------------------
　　　　　　　　　 案件一覧
 ------------------------------------ */
/* .thanks_day {
    text-align: center;
    margin-top: 5rem;
    font-size: 3rem;
}
@media screen and (max-width:690px) {
    .thanks_day {
        text-align: center;
        margin-top: 3rem;
        font-size: 1.8rem;
    }
} */

.thanks {
    text-align: center;
    margin-top: 10rem;
    font-size: 3rem;
}
@media screen and (max-width:690px) {
    .thanks {
        text-align: center;
        margin-top: 6rem;
        font-size: 1.8rem;
    }
}

.another {
    text-align: center;
    margin: 5rem auto;
}
@media screen and (max-width:690px) {
    .another {
        text-align: center;
        margin: 3rem auto;
    }
}


/*-------------------------------------
　　　　　　　　StepUpとは？
 ------------------------------------ */
.whatStep {
    background-color: #F5F5F5;
}
.example {
    display: block;
    justify-content: center;
    text-align: center;
    padding:8rem 10%;
}
@media screen and (max-width:768px) {
    .example {
        display: block;
        justify-content: center;
        text-align: center;
        padding:5rem 2rem;
    }
}


/*-------------------------------------
　　　　　　　　   注意事項
 ------------------------------------ */
#attention {
    background-color: #F5F5F5;
    width: 100%;
    margin: 0;
    padding:3rem 25% ;
    font-size: 1.3rem;
}
@media screen and (max-width:768px) {
    #attention {
        background-color: #F5F5F5;
        width: 100%;
        margin: 0;
        padding:5rem 10% ;
        font-size: 1.3rem;
    }
}

.section-title {
    text-align: center;
    font-size: 1.7rem;
}
@media screen and (max-width:768px) {
    .section-title {
        text-align: center;
        font-size: 1.7rem;
    }
}

.attention_another {
    text-align: center;
    margin: 5rem auto 3rem ;
}
@media screen and (max-width:768px) {
    .attention_another {
        text-align: center;
        margin: 3rem auto 0 ;
    }
}

li {
    display: list-item;
    list-style-type: disc;
}