@charset "utf-8";
.influencer_wrapper {
    max-width: 1920px;
    width: 100%;
    margin: 48px auto 96px auto;
    background-image: url(/media/export/cms2.0/lp/house-of-brightening/230920/img/pc/influencer_bg.jpg);
    position: relative;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 60px 5%;
}
.influencer_wrapper > h2 {
    width: clamp(40.625rem, 16.339rem + 37.946vw, 61.875rem);
    margin: 0 auto;
}
.influencer_wrapper .main_cont {
    margin-top: clamp(3.125rem, -0.446rem + 5.58vw, 6.25rem);
}
.influencer_wrapper .main_cont .main_flex {
    justify-content: center;
    display: flex;
}
.influencer_wrapper .main_cont .main_flex > li {
    margin-right:2% ;
}
.influencer_wrapper .main_cont .main_flex > li:last-child {
    margin-right:0;
}

/* ph area
------------------------------------------ */
.influencer_wrapper .main_cont .main_flex .main_ph {
    width: 20%;;
}
.influencer_wrapper .main_cont .main_flex .main_ph .caption_txt {
    font-size: clamp(0.75rem, 0.107rem + 1.004vw, 1.313rem);
    text-align: center;
    margin: 1em;
    font-weight: 700;
}
.influencer_wrapper .main_cont .main_flex .main_ph .caption_txt > span {
    font-weight: 400;
}
.influencer_wrapper .main_cont .main_flex .main_ph .cta_insta {
    text-align: center;
    padding: 1.3em 0;
}
.influencer_wrapper .main_cont .main_flex .main_ph .cta_insta a {
    padding: 2em 0;
    color: #fff;
    font-size: clamp(0.625rem, 0.411rem + 0.335vw, 0.813rem);
}
.influencer_wrapper .main_cont .cta_black {
    background-color: #000;
}
.influencer_wrapper .main_cont .cta_black:hover {
    background-color: #262626;
}

/* review area
------------------------------------------ */
.influencer_wrapper .main_cont .main_flex .main_center {
    width: 90%;
}
.influencer_wrapper .main_cont .main_flex .main_center .txt_bg_w {
    background: rgba(255,255,255,0.5);
    position: relative;
    margin-bottom: 60px;
}
.influencer_wrapper .main_cont .main_flex .prod01_wrapper {
    padding: 3% 56px 3% 20%;
}
.influencer_wrapper .main_cont .main_flex .prod02_wrapper {
    padding: 3% 2em 3% 10%;
}
.influencer_wrapper .main_cont .main_flex .main_center .txt_bg_w .prod_img {
    position: absolute;
    width: clamp(5rem, 2.143rem + 4.464vw, 7.5rem);
}
.influencer_wrapper .main_cont .main_flex .prod01_wrapper .prod_img {
    left: 3%;
    bottom: 27px;
}
.influencer_wrapper .main_cont .main_flex .prod02_wrapper .prod_img {
    right:3%;
    bottom: 27px;
}
.influencer_wrapper .main_cont .main_flex .main_center .txt_bg_w .prod_name {
    font-size:clamp(1rem, 0.143rem + 1.339vw, 1.75rem) ;
    font-style: normal;
}
.influencer_wrapper .main_cont .main_flex .main_center .txt_bg_w p {
    font-weight: 700;
    margin-bottom: 1em;
    font-style:italic ;
}
.influencer_wrapper .main_cont .main_center .txt_bg_w .review_img {
    width: clamp(25rem, 7.571rem + 27.232vw, 40.25rem);
}
.influencer_wrapper .main_cont .main_flex .main_center .txt_bg_w .review_txt {
    position: relative;
}
.influencer_wrapper .main_cont .main_flex .main_center .txt_bg_w .review_txt::before {
    position: absolute;
    top: 0;
    left: -1.5em;
    content: "";
    width: 50px;
    height: 10px;
    background: url(/media/export/cms2.0/lp/house-of-brightening/230920/img/common/start.png) no-repeat;
    background-position: center left;
    background-size: contain;
}
.influencer_wrapper .main_cont .main_flex .main_center .txt_bg_w .review_txt::after {
    position: absolute;
    bottom: 0;
    right: -4.5em;
    content: "";
    width: 50px;
    height: 10px;
    background: url(/media/export/cms2.0/lp/house-of-brightening/230920/img/common/end.png) no-repeat;
    background-position: center left;
    background-size: contain;
}
.influencer_wrapper .main_cont .main_flex .main_center .txt_bg_w .font_50 {
    font-size: 60%;
}
.influencer_wrapper .main_cont .main_flex .main_center .txt_bg_w .font_green {
    color: #67c997;
    font-weight: 700;
}
/* bottom cta 3
------------------------------------------ */
.influencer_wrapper .main_cont .cta_area {
    padding: 0 2% 0 2%;
    justify-content: center;
    display: flex;
}
.influencer_wrapper .main_cont .cta_area > li {
    margin-right: 2%;
    width: 33.3%;
    background-color: #000;
}
.influencer_wrapper .main_cont .cta_area > li .prod_cta_01 {
    height: 100%;
}
.influencer_wrapper .main_cont .cta_area > li:last-child {
    margin-right: 0;
}
.influencer_wrapper .main_cont .cta_area > li a {
        color: #fff;
}
.influencer_wrapper .main_cont .cta_area > li a .cta_inner {
    font-size: clamp(0.625rem, 0.054rem + 0.893vw, 1.125rem);
    letter-spacing: 0.5px;
}
.influencer_wrapper .main_cont .cta_area > li a .cta_txt {
    font-weight: 700;
}
.influencer_wrapper .main_cont .cta_area .prod_cta_01 {
    text-align: center;
    padding: 1em;
}