@charset "UTF-8";

/* acne */
@media screen and (min-width: 750px) {
    #ac .top h2 {
        background: url("../images/trouble/acne/pc/acne_top_bg_pc.jpg")no-repeat top center;
        background-size: cover;
    }

    #ac .top h2 img {
        margin: 0 auto;
    }
}

/* sec01 */
@media screen and (min-width: 750px) {
    #ac .sec01 h3 {
        background: url("../images/trouble/acne/pc/sec1_ttl_pc.jpg")no-repeat center center;
        background-size: cover;
        width: 100%;
        height: 348px;
    }

    #ac .sec01 .inner {
        padding: 40px 50px 30px;
    }

    #ac .sec01 .ba_wrap {
        margin-bottom: 40px;
    }

    #ac .sec01 .ba_wrap ul {
        display: flex;
        justify-content: space-between;
    }

    #ac .sec01 .ba_wrap ul li {
        width: 48%;
    }

    #ac .sec01 .ba_wrap .ba_desc {
        margin: 25px 0 0;
    }

    #ac .sec01 .ba_wrap .ba_desc .p_txt {
        font-size: 1.5rem;
    }

    #ac .sec01 .txt_wrap .p_txt {
        padding: 30px 0 40px;
        margin-bottom: 0;
        font-size: 1.8rem;
    }

}

/* sec02 */
@media screen and (min-width: 750px) {
    #ac .sec02 h4 {
        background: url("../images/trouble/acne/pc/sec2_ttl_pc.jpg")no-repeat center center;
        background-size: cover;
        width: 100%;
        height: 291px;
    }

    #ac .sec02 .inner {
        padding: 45px 50px 80px;
    }

    #ac .sec02 .txt_wrap {
        position: relative;
    }

    #ac .sec02 .txt_wrap .pc {
        margin: 0 0 0 auto;
    }

    #ac .sec02 .txt_wrap .txt_top {
        position: absolute;
        top: 340px;
        left: 20px;
        width: 57%; 
    }

    #ac .sec02 .txt_wrap .txt_top .p_txt {
        font-size: 2.2rem;
        font-feature-settings: "palt";
        text-shadow: 5px 5px 5px #fff, -5px 5px 5px #fff, 5px -5px 5px #fff, -5px -5px 5px #fff;
    }

    #ac .sec02 .txt_bottom {
        padding: 0 0;
    }

    #ac .sec02 .txt_wrap .txt_bottom .p_txt {
        font-size: 1.8rem;
    }

    #ac .sec02 .btn_area .price_txt_wrap {
        padding: 20px 80px 10px;
    }

    #ac .sec02 .btn_area .price_txt_wrap .txt_r .price {
        font-size: 8.5rem;
    }

    #ac .sec02 .btn_area .price_txt_wrap .txt_r .color_txt {
        font-size: 4.1rem;
    }

    #ac .sec02 .btn_area .price_txt_wrap .txt_r .palt_txt {
        font-size: 3.1rem;
    }

    #ac .sec02 .btn_area .flex_pc {
        align-items: last baseline;
        padding: 0 5px 5px;
    }
}

@media screen and (max-width: 1000px) {
    #ac .sec02 .txt_wrap .pc {
        width: 84%;
    }

    #ac .sec02 .txt_wrap .txt_top {
        top: 46%;
        left: 2%;
    }

    #ac .sec02 .txt_wrap .txt_top .p_txt {
        font-size: 2.2vw;
    }
}

@media screen and (max-width: 920px) {
    #ac .sec02 .txt_wrap .txt_top {
        top: 41%;
    }

    #ac .sec02 .btn_area .price_txt_wrap {
        padding: 20px 40px 10px;
    }

    #ac .sec02 .btn_area .price_txt_wrap .txt_r .price {
        font-size: 7.5rem;
    }
}

@media screen and (max-width: 750px) {
    #ac .sec02 .txt_wrap .txt_top .p_txt {
        font-size: 2.4rem;
    }

    #ac .sec02 .btn_area .price_txt_wrap {
        padding: 5% 4% 1% 6%;
    }

    #ac .sec02 .btn_area .price_txt_wrap .txt_r .price {
        font-size: 7.6rem;
    }
}


/* sec03 */
@media screen and (min-width: 750px) {
    #ac .sec03 h3 {
        margin-bottom: 0;
    }

    #ac .sec03 .acne_menu {
        padding: 50px 50px 0;
        margin-bottom: 0;
    }

    #ac .sec03 h5 {
        font-size: 2.6rem;
        padding: 5px 20px;
    }

    #ac .sec03 .txt_desc .p_txt {
        padding: 25px 0;
    }

    #ac .sec03 .acne_menu_btn {
        width: 470px;
    }

    #ac .sec03 .txt_desc {
        position: relative;
    }

    #ac .sec03 .mj_mov {
        position: absolute;
        width: 38%;
        top: 0;
        right: 20px;
    }

    #ac .sec03 .mj_txt_pc {
        width: 57%;
    }

    #ac .sec03 .mj_desc .bold_txt {
        font-size: 1.8rem;
    }

    #ac .sec03 .mj_desc {
        padding: 4% 4% 0;
        margin: 0 0 30px;
    }

    #ac .sec03 .acne_menu_btn_mj {
        margin: -1% auto 0 25px;
    }

    #ac .sec03 .sec3_bottom_txt {
        padding: 40px 50px;
        margin: 4% 4%;
        border: 1px solid #28343c;
    }

    #ac .sec03 .sec3_bottom_txt .p_txt {
        font-size: 2rem;
    }
}

@media screen and (max-width: 870px) {
    #ac .sec03 .acne_menu_btn_mj {
        margin: -1% auto 0;
    }
}

/* acne_txt_offer */
@media screen and (min-width: 750px) {
    #ac .acne_txt_offer {
        padding: 40px 0;
    }

    #ac .acne_txt_offer .pc_inner {
        padding: 0 80px;
    }

    #ac .acne_txt_offer .p_txt {
        font-size: 2.2rem;
    }
}

/* lp_bottom */
@media screen and (min-width: 750px) {
    #ac .lp_bottom_txt {
        padding: 50px 0 20px!important;
        background: #fff;
    }

    #ac .lp_bottom_txt .p_txt {
        font-size: 3.2rem;
    }

    #ac .lp_bottom_consent {
        padding: 50px 60px 50px;
        margin: 0 0;
    }
}