.No1-proactive div.reason{background:#eefcfb;background:-moz-linear-gradient(top,#eefcfb 0,#e1f3f2 63%);background:-webkit-linear-gradient(top,#eefcfb,#e1f3f2 63%);background:linear-gradient(180deg,#eefcfb 0,#e1f3f2 63%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#eefcfb",endColorstr="#e1f3f2",GradientType=0)}.About-3step{text-align:center}.About-3step ol{margin:0 auto;padding:0;width:100%}@media (min-width:768px){.About-3step ol{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;max-width:1200px}}.About-3step ol li{list-style:none;position:relative}@media (min-width:768px){.About-3step ol li{width:34.5%}.About-3step ol li:last-of-type{width:31%}.About-3step ol li:last-of-type a{width:90%}}@media (max-width:767px){.About-3step ol li:last-of-type a{top:83.3%}}.About-3step ol li a{-webkit-align-items:center;align-items:center;background-color:#f26178;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:10px 11px;border-radius:5px;color:#fff;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin:0 auto;position:absolute;z-index:2}@media (min-width:768px){.About-3step ol li a{bottom:4.3%;font-size:22px;height:9%;left:5%;width:80.6%}}@media (min-width:768px) and (max-width:1199px){.About-3step ol li a{font-size:1.9vw}}@media (max-width:767px){.About-3step ol li a{height:4.24rem;left:0;right:0;top:75.7%;width:89%}}.About-3step a.more_btn_blk{background-size:11px 16px}@media (min-width:768px){.About-3step a.more_btn_blk{font-size:25px;height:63px;width:618px}}@media (min-width:768px) and (max-width:1199px){.About-3step a.more_btn_blk{font-size:2.5vw}}@media (max-width:767px){.About-3step a.more_btn_blk{background-size:8px 9.5px;font-size:16px;margin-top:0;width:84%}}.Why-3step{text-align:center}@media (min-width:768px){.Why-3step{margin-top:112px}}@media (max-width:767px){.Why-3step{margin-top:18%}}@media (min-width:768px){.Why-3step div.reason a.more_btn_blk{width:614px}}@media (max-width:767px){.Why-3step div.reason a.more_btn_blk{width:89%}}.Why-3step movie{display:block;height:56.7vw;margin:0 auto;max-width:1020px;width:100%}@media (max-width:767px){.Why-3step movie{margin-bottom:30px}}@media (min-width:1020px){.Why-3step movie{height:578px}}.Warranty{-webkit-align-items:center;align-items:center;border:5px solid #e7cf98;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin-left:auto;margin-right:auto;position:relative;text-align:center;width:calc(100% - 20px)}@media (min-width:768px){.Warranty{height:358px;margin:82px auto 0}}@media (min-width:1200px){.Warranty{width:1200px}}@media (min-width:768px) and (max-width:1199px){.Warranty{padding-left:4vw;padding-right:4vw}}@media (max-width:767px){.Warranty{margin-top:19%}}.Warranty:before{border:1px solid #e7cf98;content:"";height:calc(100% - 8px);left:4px;position:absolute;top:4px;width:calc(100% - 8px)}@media (max-width:767px){.Warranty div{padding:6% 2.9%}}.Warranty div a{position:relative;z-index:2}@media (min-width:768px){.Warranty div a{margin:30px auto 0;width:514px}}@media (max-width:767px){.Warranty div a{margin-top:5.6%}}.Smart-set{text-align:center}@media (min-width:768px){.Smart-set{margin-top:100px}}@media (max-width:767px){.Smart-set{margin-top:14.6%}}.Smart-set div.title{margin:0 auto;max-width:1200px;position:relative}@media (min-width:768px){.Smart-set div.title{margin-bottom:20px}}.Smart-set div.title span{bottom:0;color:#54585a;font-size:13px;position:absolute;right:0}@media screen and (max-width:767px){.Smart-set div.title span{bottom:1em;display:inline-block;font-size:9px;right:-62px;transform:scale(.7);white-space:nowrap}}.Smart-set div.item{background-color:#f6f1e9}@media (min-width:768px){.Smart-set div.item{padding-bottom:50px;padding-top:50px}}@media (max-width:767px){.Smart-set div.item{padding-bottom:10%;padding-top:10%}}.Smart-set div.item .container div{background-color:#fff;border-radius:5px;-webkit-box-shadow:5.416px 7.188px 13px 0 rgba(0,0,0,.23);-moz-box-shadow:5.416px 7.188px 13px 0 rgba(0,0,0,.23);box-shadow:5.416px 7.188px 13px 0 rgba(0,0,0,.23);margin-left:auto;margin-right:auto;max-width:1199px;position:relative;width:100%}@media (max-width:767px){.Smart-set div.item .container div{-webkit-box-shadow:4px 5px 7px 1px rgba(0,0,0,.23);-moz-box-shadow:4px 5px 7px 1px rgba(0,0,0,.23);box-shadow:4px 5px 7px 1px rgba(0,0,0,.23);padding:8% 4%}}.Smart-set div.item .container div a{left:0;margin:0 auto;overflow:hidden;position:absolute;right:0;text-indent:100%;white-space:nowrap;z-index:2}@media (min-width:768px){.Smart-set div.item .container div a{bottom:6%;height:16.5%;width:64.7%}}@media (max-width:767px){.Smart-set div.item .container div a{bottom:4.7%;height:13.4%;width:90%}}.For-parents{background-color:#dff2f2;margin-top:60px;text-align:center}@media (max-width:767px){.For-parents{margin-top:10%}}.Know-proactive{margin-top:65px}@media (max-width:767px){.Know-proactive{margin-top:10%}}.Know-proactive ul{margin:0;padding:0}.Know-proactive ul li{list-style:none}@media (min-width:768px){.Know-proactive ul li{float:left;margin-right:2%;width:49%}}@media (max-width:767px){.Know-proactive ul li{margin-top:3.9%}}@media (min-width:768px){.Know-proactive ul li:nth-of-type(2n+2){margin-right:0}}.Know-proactive ul li a{display:block;width:100%}.About-acne{margin-top:90px;text-align:center}@media (max-width:767px){.About-acne{margin-top:15.3%}.About-acne div.title img{height:39px;width:auto}}.About-acne .container{padding:0}.About-acne ul{border-top:1px solid #cfcfcf;margin-left:auto;margin-right:auto;margin-top:31px;max-width:1200px;padding-left:0;padding-right:0;width:100%}@media (max-width:767px){.About-acne ul{margin-top:5.4%}}.About-acne ul li{background-image:url(//46519912.fs1.hubspotusercontent-na1.net/hubfs/46519912/raw_assets/public/proactiv_jp/images/top/bana_arrow_pc.png);background-position:center right 1.8%;background-repeat:no-repeat;border-bottom:1px solid #cfcfcf;list-style:none}@media (max-width:767px){.About-acne ul li{background-size:.3em}}.About-acne ul li a{-webkit-align-items:center;align-items:center;color:#54585a;display:-webkit-flex;display:flex;height:100%;width:100%}.About-acne ul li a div.images{margin-right:2.7%;width:18.3%}@media (max-width:767px){.About-acne ul li a div.images{margin-right:3.7%;width:34.7%}}.About-acne ul li a div.text{padding-right:5%;text-align:left;width:78%}@media (min-width:768px){.About-acne ul li a div.text{font-size:20px}}@media (min-width:768px) and (max-width:1199px){.About-acne ul li a div.text{font-size:18px}}@media (max-width:767px){.About-acne ul li a div.text{font-size:11px;padding-right:2.7%;width:58.9%}}.About-acne ul li a div.text strong{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;font-weight:400;margin-bottom:.9em;position:relative}@media (min-width:768px){.About-acne ul li a div.text strong{font-size:25px;height:1.2em;line-height:1.2em}}@media (min-width:768px) and (max-width:1199px){.About-acne ul li a div.text strong{font-size:23px}}@media (max-width:767px){.About-acne ul li a div.text strong{font-size:13px;padding-left:.5em}}.About-acne ul li a div.text strong:before{background-color:#c6c6c6;border-radius:3px;content:"";display:inline-block}@media (min-width:768px){.About-acne ul li a div.text strong:before{height:30px;margin-right:12px;width:6px}}@media (max-width:767px){.About-acne ul li a div.text strong:before{height:80%;left:0;position:absolute;top:10%;width:3px}}@media (min-width:768px){.About-acne .more_btn_blk{margin-top:30px;width:514px}}@media (max-width:767px){.About-acne .more_btn_blk{width:89%}}.more_btn_blk{-webkit-align-items:center;align-items:center;background-color:#00afc1;background-image:url(../images/top/arrow.svg);background-position:center right 4.8%;background-repeat:no-repeat;background-size:9px 13px;border-radius:5px;color:#fff;cursor:pointer;display:-webkit-flex;display:flex;font-size:20px;height:53px;-webkit-justify-content:center;justify-content:center;margin:0 auto}@media (min-width:768px) and (max-width:1199px){.more_btn_blk{font-size:2.4vw}}@media (max-width:767px){.more_btn_blk{font-size:14px;height:4.24rem;margin-top:5%}}.more_btn_blk:focus,.more_btn_blk:hover{color:#fff}.patopmsg{margin:0;padding:0}@media (min-width:768px){.patopmsg{width:auto}}.wide_banner{margin:20px 10px 0}#html-174697562945 div.row-fluid-wrapper .block-top-campaign h3,.top-page-content .block-top-campaign h3{border-bottom:none;font-weight:700;margin:30px 0 0;text-align:center}#html-174697562945 div.row-fluid-wrapper .block-top-campaign h3 span,.top-page-content .block-top-campaign h3 span{color:#ed829b}#html-174697562945 div.row-fluid-wrapper .block-top-campaign h3:after,.top-page-content .block-top-campaign h3:after{border-color:#67c7c6 transparent transparent;border-style:solid;border-width:26px 56px 36px;content:"";left:45%;position:relative;top:14px}#html-174697562945 div.row-fluid-wrapper .block-top-campaign movie,.top-page-content .block-top-campaign movie{display:block;height:56.7vw;margin:0 auto 60px;max-width:1020px;width:100%}#html-174697562945 div.row-fluid-wrapper .block-top-campaign ul li a div.special,.top-page-content .block-top-campaign ul li a div.special{font-size:2.4rem;line-height:1.2em}#html-174697562945 div.row-fluid-wrapper .block-top-campaign ul li a div.special p,.top-page-content .block-top-campaign ul li a div.special p{margin-bottom:0}#html-174697562945 div.row-fluid-wrapper .block-top-campaign ul li a div.special .price,.top-page-content .block-top-campaign ul li a div.special .price{font-size:1.5rem;margin-top:5px;padding-left:2.4em;position:relative}#html-174697562945 div.row-fluid-wrapper .block-top-campaign ul li a div.special .price:before,.top-page-content .block-top-campaign ul li a div.special .price:before{background:url(/hubfs/45863450/2021-10/ico_60days.png) 50% no-repeat;background-size:cover;height:45px;left:-10px;position:absolute;top:-5px;width:45px}#html-174697562945 div.row-fluid-wrapper .block-top-campaign ul li a div.special .price span.pink span.digital,.top-page-content .block-top-campaign ul li a div.special .price span.pink span.digital{font-size:2.6rem}#html-174697562945 div.row-fluid-wrapper .block-top-campaign ul li a div.special span.pink,.top-page-content .block-top-campaign ul li a div.special span.pink{color:#ed829b;font-weight:700}.spOnly{display:none}@media (min-width:1020px){.wide_banner{margin:30px 0 0}#html-174697562945 div.row-fluid-wrapper .block-top-campaign ul li a div.text p.point_w,.top-page-content .block-top-campaign ul li a div.text p.point_w{background-color:#003e41;border-radius:12px;color:#fff;display:inline-block;font-size:68%;line-height:100%;margin:0 0 .5em;padding:.27em 1.06em}#html-174697562945 div.row-fluid-wrapper .block-region-content .block-top-campaign movie,.top-page-content .block-region-content .block-top-campaign movie{height:578px}}@media (max-width:767px){.spOnly{display:block}#html-174697562945 div.row-fluid-wrapper .block-top-campaign h3,.top-page-content .block-top-campaign h3{font-size:4vw;margin:5vw 0 3vw}#html-174697562945 div.row-fluid-wrapper .block-top-campaign h3:after,.top-page-content .block-top-campaign h3:after{border-color:#67c7c6 transparent transparent;border-style:solid;border-width:16px 26px 8px;content:"";left:42%;position:relative;top:8px}#html-174697562945 div.row-fluid-wrapper .block-top-campaign movie,.top-page-content .block-top-campaign movie{margin:0 auto}#html-174697562945 div.row-fluid-wrapper .block-top-campaign ul li a div.special,.top-page-content .block-top-campaign ul li a div.special{font-size:1.4rem;line-height:1.2em}#html-174697562945 div.row-fluid-wrapper .block-top-campaign ul li a div.special .price,.top-page-content .block-top-campaign ul li a div.special .price{font-size:1rem;margin-top:0;padding-left:0}#html-174697562945 div.row-fluid-wrapper .block-top-campaign ul li a div.special .price span.pink span.digital,.top-page-content .block-top-campaign ul li a div.special .price span.pink span.digital{font-size:1.8rem}#html-174697562945 div.row-fluid-wrapper .block-top-campaign ul li a div.special .price:before,.top-page-content .block-top-campaign ul li a div.special .price:before{background:none}}.About-3step ol li a{background-color:#00afc1}.About-3step a.more_btn_blk{font-size:20px}@media (max-width:767px){.pcOnly{display:none}.About-3step a.more_btn_blk{font-size:16px}}.more_btn_blk.--bgpink{background-color:#f26178}.title_pdg{padding-top:57px}.reason{margin-bottom:92px}.reason .more_btn_blk.--bgpink{font-size:20px}@media screen and (max-width:767px){.more_btn_blk.--size{font-size:calc(4.54586px + 3.57942vw)}.title_pdg{padding-top:0}.reason{margin-bottom:10px}.reason .more_btn_blk.--bgpink{font-size:16px}}.No1-proactive div.reason{padding:0 0 23px}.No1-proactive div.title{margin:auto}.No1-proactive div.title label div.more_btn_blk{-webkit-align-items:center;align-items:center;background-color:#00afc1;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:5px;color:#fff;cursor:pointer;display:-webkit-flex;display:flex;font-size:20px;font-weight:400;height:53px;-webkit-justify-content:center;justify-content:center;margin:0 auto;width:614px}label.open_btn{color:none;padding:20px 0;text-decoration:none}.No1-proactive div.title span{bottom:7em}.popup_wrap input{display:none}.popup_overlay{background:rgba(0,0,0,.7);display:flex;height:104%;justify-content:center;left:0;opacity:0;overflow:auto;position:fixed;top:0;transform:scale(0);transition:opacity .5s,transform 0s .5s;width:100%;z-index:9999}.popup_trigger{height:100%;position:absolute;width:100%}.popup_content{align-self:center;background:#fff;box-sizing:border-box;line-height:1.4em;padding:30px 30px 15px;position:relative;transition:.5s;width:90%}@media screen and (min-width:610px){.popup_content{width:auto}.popup_content p{display:block;height:90vh;margin:0 auto;max-height:100vh;position:relative;width:50vh}.popup_content img{height:100%;left:0;object-fit:contain;position:absolute}}.close_btn{cursor:pointer;font-size:30px;position:absolute;right:16px;top:14px}.popup_wrap input:checked~.popup_overlay{opacity:1;transform:scale(1);transition:opacity .5s}.open_btn{color:#63ccc9;cursor:pointer;text-decoration:underline}.open_btn,.open_btn:hover{transition:.3s ease}@media (min-width:768px){.No1-proactive div.title{margin:auto}.No1-proactive div.reason a.more_btn_blk{background-color:#f26178;width:614px}.No1-proactive div.title div.more_btn_blk{font-size:20px}}@media (max-width:767px){.No1-proactive div.title span{bottom:11.5em;display:inline-block;font-size:9px;right:-62px;transform:scale(.7);white-space:nowrap}.No1-proactive div.reason a.more_btn_blk{background-color:#f26178;background-size:8px 9.5px;font-size:16px;margin-top:0;width:84%}.No1-proactive div.title label div.more_btn_blk{background-size:8px 9.5px;font-size:16px;font-weight:400;margin-top:0;width:80vw}}.No1-proactive h2.block-title{display:none}.No1-proactive div.reason{background:#e0f7fa}.No1-proactive div.title span{bottom:6.2em;font-weight:500}@media (max-width:767px){.No1-proactive div.title span{bottom:10em;right:-58px}}.region-breadcrumb .breadcrumb{display:none}