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

/* 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;
}

li{
    padding-bottom: 0.5rem;
    display: list-item;
    list-style-type: none;
}

.decimal_list li {
    list-style-type: decimal;
    list-style-position: inside;
}
.disc_list li {
    list-style-type: disc;
    list-style-position: inside;
}

ol {
    padding-bottom: 2rem;
}
ol:last-child {
    padding-bottom: unset;
}

/*-------------------------------------
　　　　　　　　　 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: 3rem;
}
@media screen and (max-width:768px) {
    .pt-auto {
        padding-top: 2rem;
    }
}
.pt-0 {
    padding-top: 0;
}

.pb-5 {
    padding-bottom: 5rem;
}


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

/*-------------------------------------
　　　　　　　　　 案件一覧
 ------------------------------------ */
/*----- 条件達成目安 ----*/
.criterion {
    width: 100vw;
    display: flex;
    justify-content: center;

    background-color: #FF9595;
    font-size: clamp(1.8rem , 2vw , 3rem);
    text-align: center;
    font-weight: 600;

    padding: clamp(1.5rem , 2vw ,3rem);
    margin: 0 calc(50% - 50vw);
    margin-top: 3rem;
    margin-bottom: clamp(1.5rem , 2vw ,3rem);
}
.c_title {
    font-size: clamp(1.5rem , 2vw , 2rem);
}

/*----- 案件タイトル ----*/
.txt_h2 {
    font-size: 4rem;
    color: #fff;
    font-weight: 800;
    text-shadow: -1px -1px 5px #000, -1px 0 5px #000, -1px 1px 5px #000,
                0 -1px 5px #000, 0 1px 5px #000,
                1px -1px 5px #000,  1px 0 5px #000,  1px 1px 5px #000;
    text-align: center;
    padding-top: 5rem;
}

@media screen and (max-width:690px) {
    .txt_h2 {
        font-size: 2rem;
        padding-top: 0;
    }
}

.bg_img {
    background-image:url(../../images/base/bg_img.png);
    background-repeat: repeat;
    background-size:contain;
}

@media screen and (max-width:690px) {
    .pointup {
        text-align: center;
        margin-top: 5rem;
        font-size: 1.8rem;
    }
    .bg_img {
        background-image: url(../../images/base/bg_img_sp.png);
        background-repeat: repeat;
        background-size:contain;
    }
}

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

/*   botton   */
.stepup_btn {
    padding: 5rem 0;
}

/*-------------------------------------
　　　　　　　　キャンペーン詳細
 ------------------------------------ */
#campaign {
    background-color: #F4F7DE;
    width: 100%;
    margin: 0;
    padding:3rem 25% ;
    font-size: 1.3rem;
}
@media screen and (max-width:768px) {
    #campaign {
        padding:5rem 10% ;
        font-size: 1.3rem;
    }
}

/*-------------------------------------
　　　　　　　　   注意事項
 ------------------------------------ */
#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 ;
    }
    .sp {
        display: none;
    }
}

.footer {
    min-width: auto;
}

/*-------------------------------------
　　　　　　　　   フッター
 ------------------------------------ */
.agreement-link {
    list-style-type: inherit;
}