.main-container img{width:100%}@media (min-width:768px){.main-container{padding-top:0}}.body{overflow-y:scroll}.basic-page.hero-banner .pc-banner{height:25vw}.basic-page.hero-banner .sp-banner{height:30vw}.basic-page.hero-banner .banner-details{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;height:100%;left:0;margin:0 auto;max-width:1300px;padding-top:0;right:0;width:100%}.basic-page.hero-banner .banner-details .banner-desc h1{background-color:#64ccc9;color:#fff;display:none;font-size:3.7vw;line-height:167%;margin-bottom:0;opacity:.9;padding-left:.8em;padding-right:.8em;text-align:left}.item{display:none}.flex_block{margin:0 auto;width:77%}.flex_block,.flex_block_03,.flex_block_04{display:flex}.about-wrapper{background-color:#fff}.about-wrapper .about-inner{margin:0 auto;max-width:420px;padding:40px 10px 0}.about-inner.--mt0{margin-top:0;padding-top:0!important}.more_btn_blk.--moreSpace{margin-bottom:10px;margin-top:10px}.more_btn_blk{-webkit-align-items:center;align-items:center;background-color:#555;background-image:url(//46519912.fs1.hubspotusercontent-na1.net/hubfs/46519912/raw_assets/public/proactiv_jp/images/top/arrow.svg);background-position:center right 4.8%;background-repeat:no-repeat;background-size:9px 13px;border-radius:30px;color:#fff;cursor:pointer;display:-webkit-flex;display:flex;font-size:20px;height:53px;-webkit-justify-content:center;justify-content:center;margin:0 auto;max-width:445px}.link_btn_pc{display:flex}.plan-plan-block:nth-of-type(n+2){margin-bottom:0}.plan-plan-block:nth-of-type(n+3){margin:40px 0}#trial01 img{height:auto;max-width:40%}#trial02 .btn_wrap{align-items:center;display:flex;margin:auto;max-width:880px;padding:0 70px 70px}#trial02 .btn_wrap a{display:block;width:50%}.blank{padding-top:20px}.blank01{padding-top:44px}.blank02{padding-top:22px}@media screen and (min-width:1300px){.basic-page.hero-banner .banner-details .banner-desc h1{font-size:48px}}@media screen and (max-width:500px){.basic-page.hero-banner .banner-details .banner-desc h1{font-size:19px;line-height:21px;padding:.5em .4em;width:9em}}.basic-page.hero-banner .banner-details .banner-desc{margin:0;width:auto}.basic-page.hero-banner .banner-details .container{margin:0;max-width:1300px;padding:0;width:auto}.banner-lead{display:none}@media screen and (min-width:1300px){.basic-page.hero-banner .pc-banner{background-position:bottom;background-size:contain;height:280px;margin:0 100px;padding:0}}.content *{margin-left:auto;margin-right:auto;text-align:center}.context-about-concept .content p{color:#5a5a5a;font-size:16px;font-weight:400;line-height:35px;margin:auto;padding:20px 0;text-align:center}.context-about-concept .content p+p{margin-top:30px}.context-about-concept .content p+h3{margin-top:85px}@media screen and (max-width:767px){.context-about-concept .content p{font-size:11px;line-height:20px}.context-about-concept .content p+p{margin-top:3%}.context-about-concept .content p+h3{margin-top:12%}}.context-about-concept .content p b{color:#ed829b}.context-about-concept .content .concept-read{color:#64ccc9;font-size:28px;line-height:48px;margin:70px auto;text-align:center}.context-about-concept .content h2{margin-bottom:40px;margin-top:0;padding:0}.context-about-concept .content h2:after{display:none}.context-about-concept .content h3{border:none;margin:0 0 40px;padding:0}.context-about-concept .content picture+h3{margin-top:100px}@media screen and (max-width:767px){.context-about-concept .content h3{margin-bottom:5%}.context-about-concept .content picture+h3{margin-top:13%}.context-about-concept .content h3+picture{display:block;margin-top:7%}.context-about-concept .content .concept-read{font-size:18px;line-height:167%;margin:27px 0}.context-about-concept .content h2{margin-bottom:20px}}@media screen and (max-width:370px){.context-about-concept .content .concept-read{font-size:4.3vw}}.context-about-concept .main-container .concept_3step h2{margin-bottom:50px;margin-top:40px}@media screen and (max-width:767px){.context-about-concept .main-container .concept_3step h2{margin-bottom:18px;margin-top:20px}}.concept_3step ol{list-style:none;margin:0;max-width:1000px;padding:0}@media screen and (min-width:768px){.concept_3step>ol{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.context-about-concept .concept_3step>ol>li{width:31%}}.context-about-concept .concept_3step>ol>li{margin-left:0;margin-right:0}.concept_3step ol ol li:first-of-type{background-color:#dff2f2;padding:6.455% 2% 9.5em 6.455%;position:relative}.concept_3step ol ol li:first-of-type p{font-size:18px;line-break:anywhere;line-height:26px;margin:0;padding-bottom:1em;padding-right:6%;padding-top:1em;position:absolute;text-align:left}.concept_3step ol ol li:nth-of-type(2) p{border:1px solid #ed829b;font-size:20px;line-height:50px;margin-top:20px;text-align:center}@media screen and (max-width:1000px){.concept_3step ol ol li:first-of-type{font-size:1.8vw;padding-bottom:9em}.concept_3step ol ol li:first-of-type p{font-size:1.8vw;line-height:3vw}.concept_3step ol ol li:nth-of-type(2) p{font-size:2vw;line-height:5vw}}@media screen and (min-width:768px){.concept_3step ol ol li:nth-of-type(2):before{background-image:url(/hubfs/45863450/2021-03/arrow_pc.gif);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:38px;margin-top:20px;width:100%}}@media screen and (max-width:767px){.concept_3step ol ol{margin-bottom:6%}.concept_3step ol ol li:first-of-type{flex-basis:45%;padding:2.9% 1.8% 26.5% 2.9%}.concept_3step ol ol li:first-of-type p{font-feature-settings:"palt";font-size:12px;line-height:17px;padding-right:2%}.concept_3step ol ol li:nth-of-type(2){flex-basis:55%;padding-left:2.9%}.concept_3step ol ol li:nth-of-type(2) p{font-size:12px;line-height:35px;margin-bottom:13.5%;margin-left:17%;margin-top:0}.concept_3step>ol>li>ol{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}}.concept_3step .more_btn_blk{margin-bottom:79px;margin-top:83px;max-width:630px}@media screen and (max-width:767px){.concept_3step .more_btn_blk{margin-bottom:15%;margin-top:7.5%;max-width:92.5%}}.context-about-concept .main-container .for_acne{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:15%;margin-top:40px;max-width:800px}.context-about-concept .main-container .for_acne dl dt{background-color:#fff9e9;border-radius:30px;font-size:16px;font-weight:400;line-height:40px;margin-bottom:20px;width:100%}@media screen and (max-width:767px){.context-about-concept .main-container .for_acne{margin-bottom:26%;margin-top:10%}.context-about-concept .main-container .for_acne dl{flex-basis:46.5%;margin:0}.context-about-concept .main-container .for_acne dl dt{border-radius:15px;bottom:-22%;font-size:10px;line-height:13px;padding:.5em 0}}.context-about-concept .main-container .smart_target_tm_technology{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:100px;max-width:700px}.context-about-concept .main-container .smart_target_tm_technology *{margin:0}.context-about-concept .main-container .smart_target_tm_technology div{flex-basis:60%;text-align:left}.context-about-concept .main-container .smart_target_tm_technology>img{flex-basis:33%}.context-about-concept .main-container .smart_target_tm_technology ul{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;list-style:none;padding:0}.context-about-concept .main-container .smart_target_tm_technology ul img{border:1px solid #b5b5b5}.context-about-concept .main-container .smart_target_tm_technology span{display:inline-block;font-size:14px;line-height:18px;margin-top:.5em;text-align:left}@media screen and (max-width:767px){.context-about-concept .main-container .smart_target_tm_technology{margin-bottom:50px}.context-about-concept .main-container .smart_target_tm_technology div{flex-basis:60%}.context-about-concept .main-container .smart_target_tm_technology div ul li{flex-basis:47%}.context-about-concept .main-container .smart_target_tm_technology>img{flex-basis:32%;height:32%;width:32%}.context-about-concept .main-container .smart_target_tm_technology span{font-size:9px;line-height:11.5px}}.not-work-skincare{background-image:url(/hubfs/45863450/2021-10/not_work_hard_pc.gif);background-position:50%;background-repeat:no-repeat;background-size:contain;height:246px;margin-bottom:40px;width:800px}.context-about-concept .main-container .not-work-skincare p{font-size:18px;line-height:34px;margin-top:30px;padding-top:10.4%;text-align:center}@media screen and (max-width:800px){.not-work-skincare{height:0;padding-bottom:31.5%;width:100%}.context-about-concept .main-container .not-work-skincare p{font-size:2.17vw;line-height:4.4vw}}@media screen and (max-width:767px){.not-work-skincare{background-image:url(/hubfs/45863450/2021-10/not_work_hard_sp.gif);margin-bottom:5%;padding-bottom:53.5%}.context-about-concept .main-container .not-work-skincare p{font-size:3.8vw;line-height:5.9vw;margin-top:6%;padding-top:16%}}.background_content.cream_color.left_text{border-radius:20px;margin:0;padding:80px}.background_content.cream_color.left_text p{padding-top:20px}.concept-support ul{list-style:none;margin:0 auto;max-width:830px;padding:40px 40px 0}.concept-support ul li{background-color:#fff;border:4px solid #e7cf98;padding:46px;position:relative}.concept-support ul li a{position:relative;z-index:2}.concept-support ul li picture{margin-bottom:0}.concept-support ul li:after{border:1px solid #e7cf98;content:"";height:calc(100% - 8px);left:4px;position:absolute;top:4px;width:calc(100% - 8px)}@media screen and (min-width:768px){.concept-support ul li a{-webkit-align-items:center;align-items:center;background-size:15px 18px;bottom:0;display:-webkit-flex;display:flex;font-size:27px;height:0;-webkit-justify-content:left;justify-content:left;left:36.5%;margin:46px;padding:4.42% 0;position:absolute;text-indent:1.2em;width:57.6%}}@media screen and (max-width:767px){.concept-support{margin-top:5.5%}.concept-support ul{padding:0}.concept-support ul li{border-width:3px;margin-bottom:10px;padding:4.229% 7.043%}.concept-support ul li a{font-size:13.5px;height:3.5rem;margin:10px 0 0;width:100%}}.context-about-concept .main-container .about-award{background-color:#dff2f2;margin:110px calc(50% - 50vw) 100px;position:relative;width:100vw}.context-about-concept .main-container .about-award h3{margin-bottom:0}.context-about-concept .main-container .about-award p{bottom:7%;font-size:14px;left:0;line-height:24px;max-width:1000px;position:absolute;right:0;width:77%}@media screen and (max-width:1299px){.context-about-concept .main-container .about-award p{bottom:6.5%;font-size:1.12vw;line-height:2vw}}@media screen and (max-width:767px){.context-about-concept .main-container .about-award{margin-bottom:14%;margin-top:14%}.context-about-concept .main-container .about-award p{bottom:36.5%;font-size:2.7vw;line-height:4.3vw;text-align:center}.context-about-concept .content .about-award h3+picture{margin-top:0}}.context-about-concept .main-container .product-smart-set{margin:100px calc(50% - 50vw) 0;position:relative;width:100vw}@media screen and (max-width:767px){.context-about-concept .main-container .product-smart-set{margin-top:12.5%;position:relative}}@media screen and (max-width:1200px){.context-about-concept .main-container .product-smart-set div.item .container div{max-width:1200px;width:calc(100% - 20px)}}.video_wrap{margin:40px auto;width:800px}.video_wrap iframe{height:450px}.video_wrap .share_button a{-webkit-align-items:center;align-items:center;background-color:#64ccc9;background-position:center right 4.8%;background-repeat:no-repeat;background-size:9px 13px;border-radius:50px;color:#fff;cursor:pointer;display:-webkit-flex;display:flex;font-size:20px;height:53px;-webkit-justify-content:center;justify-content:center;margin:30px auto;max-width:630px}@media screen and (max-width:767px){.video_wrap{margin:20px auto 0;width:90%}.video_wrap iframe{height:50vw}.video_wrap .share_button a{font-size:14px;height:4.24rem;margin-bottom:20px;margin-top:20px;text-indent:-1em;width:93%}}.main-container{font-size:20px;font-weight:700;line-height:35px}.main-container .blue_text{color:#64ccc9}.main-container .background_content{padding:0 50px}.main-container .background_content.cream_color{background:#f6f1e9}.main-container .background_content.blue_color{background:#e0f7fa}.main-container .small_text{font-size:10px}.main-container .pc_margin{margin-bottom:30px}.main-container .left_text{text-align:left}.step3{padding:5% 0 4%}.step3>span{color:#f26178}.more_btn_blk{margin-bottom:40px;margin-top:40px;max-width:630px}.context-about-concept .content p.left_text{text-align:left}.container .sp_only{display:none}.caution{color:#5a5a5a;font-size:16px;font-weight:400;line-height:35px;margin:auto;padding:20px 0;text-align:center}.question_wrap{margin:0 auto 4%;width:70%}.question_wrap li{list-style:none;padding:20px 10px;position:relative}.question_wrap li.question.first:before{border-color:transparent transparent #fff #fff;border-style:solid;border-width:2px;content:"";height:25px;position:absolute;right:6%;top:50%;transform:rotate(-45deg) translate(50%,-50%);width:25px}.question_wrap li.answer{display:none}.question_wrap li.answer.is-open{display:block}.about-wrapper.--mb25{margin-bottom:25px}.relative{position:relative}.on_text{color:#333;font-size:15px;left:0;position:absolute;right:0;top:13px}.on_text,.text{font-weight:500;line-height:1.5em}.text{font-size:19px;margin:1em 0}.text_1{font-weight:500;margin:1.5em 0}.color_green{color:#64ccc9}.text_2{font-size:16px;font-weight:500;margin:1em 0 1.5em}.text_3{font-size:14px;font-weight:500;margin-bottom:2em;text-align:center}.on_text_2{font-size:15px;width:21%}.on_text_2,.on_text_3{color:#333;font-weight:500;left:29%;line-height:1.5em;position:absolute;right:0;text-align:left;top:25%}.on_text_3{font-size:14px;width:23%}@media screen and (max-width:767px){.container .pc_only{display:none}.container .sp_only{display:block}.main-container{font-size:13px;line-height:25px}.main-container .background_content{margin:0 4%;padding:0 4%}.main-container .background_content.no_margin{margin:0}.main-container .large_text{font-size:16px}.main-container .about-read .step3{padding:10px 0 35px}.main-container .pc_margin{margin-bottom:0}.main-container .sp_margin{margin-top:20px}.step3{padding-top:0}.more_btn_blk{font-size:1.4rem;height:40px;margin-bottom:20px;margin-top:20px;text-indent:-1em;width:78%}.caution{font-size:11px;line-height:20px}.question_wrap,.question_wrap li{padding:0}.question_wrap li:not(.first){padding:4%}.question_wrap li.question.first:before{content:none}.question_wrap.second li:not(:first-of-type){margin:0 auto;width:100%}.question_wrap.second li:not(:first-of-type) img{width:100%}.background_content.cream_color.left_text{border-radius:0;margin:0;padding:40px 20px}.question_wrap{margin:0 auto;width:100%}.flex_block{display:block;margin:0 auto;width:unset}.plan-plan-block{margin:unset}.plan-plan-block:nth-of-type(n+2){margin-bottom:unset}.plan-plan-block:nth-of-type(n+3){margin:unset}#trial01 img{height:unset;max-width:unset}#trial02{margin-left:unset;margin-right:unset}#trial02,.smartset1{background-color:unset}.smartset1{padding:unset}.smartset1 img{height:unset;max-width:unset}#trial02 .btn_wrap{align-items:unset;display:unset;margin:unset;max-width:unset;padding:unset}#trial02 .btn_wrap a{display:unset;width:unset}.blank{padding-top:4.4rem}.blank01{padding-top:7rem}.blank02,.sp_blank{padding-top:3rem}.sp_blank01{padding-top:4rem}.on_text{font-size:3.5vw;top:9px}.text{font-size:3.7vw;line-height:1.5em;margin:1em 0}.text_2{font-size:3.9vw}.text_2,.text_3{margin:20px;text-align:left}.text_3{font-size:3.5vw}.on_text_2{font-size:3.5vw;left:0;line-height:1.6em;right:0;top:13%;width:82%}.on_text_3{font-size:3.7vw;left:0;line-height:1.5em;right:0;top:5%;width:81%}}@media screen and (min-width:768px){.about-center{margin:0 auto;width:65%}.main-container .blue_text{margin:5px 0 30px}.main-container .background_content.cream_color{padding-top:25px}.more-bottom{margin-bottom:20px}}