@charset "utf-8";
/* sfcc打消し */
.l-main {
    padding-bottom: 0px;
}
h1 {
    margin-bottom: 0;
}
/*  */
.foundation {
    width: 1220px;
    margin: 0 auto;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    color: #333;
}
/* 診断設問 */
#qArea {
    margin-top: 10%;
    margin-bottom: 4em;
}
#qC #qContainer {
    margin-bottom: 2em;
}
#qContainer li {
    padding: 2.5% 0;
}
.foundation_top {
    position: relative;
}
.qaBox li {
    margin: 0 15%;
}
.qaBox .flickarrow_q1 ul {
    background-image: url(../../../../lp/cosmetic/foundation202601/css/image/flick_arrow_bg_q4.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.qaBox .flickarrow_q2, .flickarrow_q3 ul {
    background-image: url(../../../../lp/cosmetic/foundation202601/css/image/flick_arrow_bg_q2_3.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.qaBox .flickarrow_q4 ul {
    background-image: url(../../../../lp/cosmetic/foundation202601/css/image/flick_arrow_bg_q1.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
#qalert {
    margin: 0 7%;
    color: #d7447c;
    text-indent: -1em;
    padding-left: 1em;
    text-align: left;
}
/* 設問 */
.btnArea {
    position: absolute;
    bottom: 20%;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 20%;
}
.question {
    padding: 0 7% 5% 7%;
}
/* 透過img配置 */
.img_btnArea {
    position: relative;
}
.btn_syosai, .btn_retry {
    position: absolute;
    display: block;
}
.btn_syosai {
    width: 44%;
    height: auto;
    top: 68%;
    left: 28%;
}
.btn_retry {
    width: 44%;
    height: auto;
    top: 78%;
    left: 28%;
}
/* ========= スマホ ============ */
@media screen and (max-width: 768px) {
    .foundation {
        width: 100%;
    }
    /*.contents_main {
        margin: 0 !important;
    }*/
    #qContainer {
        margin-bottom: 0.5em;
    }
    #qalert {
        font-size: 0.85em;
    }
    .btnArea {
        position: absolute;
        bottom: 19%;
        left: 50%;
        transform: translate(-50%, 0%);
        width: 23%;
    }
    .question {
        padding: 0 7% 7% 7%;
    }
    .btn_syosai, .btn_retry {
        width: 54.166%;
        height: auto;
		left: 24%;
    }
}