.context-concept-use .breadcrumbs{border-bottom:none}.context-concept-use .block-content article .content,.context-concept-use h1.page-header{display:none}.context-concept-use .content p,.context-concept-use .region-content p{font-size:18px;line-height:32px}.context-concept-use .content p b,.context-concept-use .region-content p b{color:#ed829b}.context-concept-use .content p.use-read,.context-concept-use .region-content p.use-read{margin-bottom:70px;margin-top:80px;text-align:center}.context-concept-use .content p.use-read strong,.context-concept-use .region-content p.use-read strong{color:#64ccc9;display:block;font-size:28px;font-weight:400;line-height:48px;margin-bottom:.7em}.context-concept-use .content h2:after,.context-concept-use .content h3:after,.context-concept-use .region-content h2:after,.context-concept-use .region-content h3:after{display:none}.context-concept-use .content iframe,.context-concept-use .region-content iframe{display:block;height:55.8vw;margin:0 auto;max-width:1000px;width:100%}.context-concept-use .content ol,.context-concept-use .content ul,.context-concept-use .region-content ol,.context-concept-use .region-content ul{list-style:none;margin:0;padding:0}.context-concept-use .content ol.use_step,.context-concept-use .region-content ol.use_step{margin-left:auto;margin-right:auto;margin-top:100px;max-width:1000px}.context-concept-use .content ol.use_step>li:after,.context-concept-use .region-content ol.use_step>li:after{background-image:url(/hubfs/45863450/2021-04/use_arrow.gif);background-position:50%;background-repeat:no-repeat;background-size:50px 30px;content:"";display:block;height:110px;width:100%}.context-concept-use .content ol.use_step>li:last-of-type:after,.context-concept-use .region-content ol.use_step>li:last-of-type:after{display:none}.context-concept-use .content ol.use_step li .use_step_inner,.context-concept-use .region-content ol.use_step li .use_step_inner{background-image:url(/hubfs/45863450/2021-04/bg_pc.gif);padding-bottom:4%}.context-concept-use .content ol.use_step li .use_step_inner .use_step_item,.context-concept-use .region-content ol.use_step li .use_step_inner .use_step_item{position:relative}.context-concept-use .content ol.use_step li .use_step_inner dl,.context-concept-use .region-content ol.use_step li .use_step_inner dl{background-color:#dff2f2;display:-webkit-flex;display:flex}.context-concept-use .content ol.use_step li .use_step_inner dl dt img,.context-concept-use .region-content ol.use_step li .use_step_inner dl dt img{width:auto}.context-concept-use .content ol.use_step li .use_step_inner dl dd picture,.context-concept-use .region-content ol.use_step li .use_step_inner dl dd picture{display:block;margin-bottom:4%;width:auto}.context-concept-use .content ol.use_step li .use_step_inner .use_details,.context-concept-use .region-content ol.use_step li .use_step_inner .use_details{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;padding:2% 10%}.context-concept-use .content ol.use_step li .use_step_inner .use_details p,.context-concept-use .region-content ol.use_step li .use_step_inner .use_details p{font-size:24px;margin:0 2em 0 0}.context-concept-use .content ol.use_step li .use_step_inner .use_details p img,.context-concept-use .region-content ol.use_step li .use_step_inner .use_details p img{display:block;margin-bottom:.8em;width:104px}.context-concept-use .content ol.use_step li .use_step_inner .use_details>img,.context-concept-use .region-content ol.use_step li .use_step_inner .use_details>img{width:120px}.context-concept-use .content ol.use_step li .use_step_inner .how-to-use,.context-concept-use .region-content ol.use_step li .use_step_inner .how-to-use{border-top:1px solid #64ccc9;counter-reset:my-counter;margin-left:auto;margin-right:auto;padding-bottom:3.5%;padding-top:3.5%;width:80%}.context-concept-use .content ol.use_step li .use_step_inner .how-to-use li,.context-concept-use .region-content ol.use_step li .use_step_inner .how-to-use li{padding-left:1.4em;position:relative}.context-concept-use .content ol.use_step li .use_step_inner .how-to-use li:before,.context-concept-use .region-content ol.use_step li .use_step_inner .how-to-use li:before{align-items:center;background-color:#64ccc9;border-radius:50%;box-sizing:border-box;color:#fff;content:counter(my-counter);counter-increment:my-counter;display:flex;font-size:80%;height:1.4em;justify-content:center;left:0;position:absolute;top:.5em;width:1.4em}.context-concept-use .content ol.use_step li .use_step_inner .use-point,.context-concept-use .region-content ol.use_step li .use_step_inner .use-point{background-color:#fff;margin-left:auto;margin-right:auto;padding:4%;width:80%}.context-concept-use .content ol.use_step li .use_step_inner .use-point li span,.context-concept-use .region-content ol.use_step li .use_step_inner .use-point li span{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.context-concept-use .content ol.use_step li .use_step_inner .use-point li span img,.context-concept-use .region-content ol.use_step li .use_step_inner .use-point li span img{height:90px;width:90px}.context-concept-use .content ol.use_step li .use_step_inner .use-point li span strong,.context-concept-use .region-content ol.use_step li .use_step_inner .use-point li span strong{border-bottom:2px dashed #b9b9b9;border-top:2px dashed #b9b9b9;color:#64ccc9;font-size:24px;line-height:130%;padding:.605em .8em;width:609px}.context-concept-use .content ol.use_step li .use_step_inner .use-point li p,.context-concept-use .region-content ol.use_step li .use_step_inner .use-point li p{margin-bottom:4%;margin-top:4%}.context-concept-use .content ol.use_step li .use_step_inner .use-point li p>strong,.context-concept-use .region-content ol.use_step li .use_step_inner .use-point li p>strong{color:#ed829b}.context-concept-use .content ol.use_step li .use_step_inner .use-point li:last-of-type p,.context-concept-use .region-content ol.use_step li .use_step_inner .use-point li:last-of-type p{margin-bottom:0}.context-concept-use .content p.small-text,.context-concept-use .region-content p.small-text{font-size:14px;margin:0 auto;max-width:1000px;padding:0;text-align:right}.context-concept-use .content p.small-text+picture,.context-concept-use .region-content p.small-text+picture{display:block;margin-top:8.4%}.context-concept-use .content .all-item,.context-concept-use .region-content .all-item{background-color:#ededed;border-radius:10px;margin-top:12%;padding:5.5%;text-align:center}.context-concept-use .content .all-item p,.context-concept-use .region-content .all-item p{display:block;font-size:21px}.context-concept-use .content .all-item a.more_btn_blk,.context-concept-use .region-content .all-item a.more_btn_blk{background-color:#f26178;border-radius:50px;color:#fff;display:block;font-size:20px;height:auto;line-height:82px;margin:0;width:100%}.context-concept-use .content .video_wrap iframe,.context-concept-use .region-content .video_wrap iframe{height:450px}.context-concept-use .dnd_area-row-0-background-gradient .content h2,.context-concept-use .dnd_area-row-0-background-gradient .content h3,.context-concept-use .dnd_area-row-0-background-gradient .region-content h2,.context-concept-use .dnd_area-row-0-background-gradient .region-content h3,.context-concept-use .main-container .content h2,.context-concept-use .main-container .content h3,.context-concept-use .main-container .region-content h2,.context-concept-use .main-container .region-content h3{border:none;margin:0;padding:0}.context-concept-use .dnd_area-row-0-background-gradient>.more_btn_blk,.context-concept-use .main-container>.more_btn_blk{max-width:630px}.context-concept-use .dnd_area-row-0-background-gradient ul.about_support,.context-concept-use .main-container ul.about_support{list-style:none;margin:2% auto 8.4%;max-width:830px;padding:15px}.context-concept-use .dnd_area-row-0-background-gradient ul.about_support li,.context-concept-use .main-container ul.about_support li{background-color:#fff;border:1px solid #b5b5b5;border-radius:7px;padding:12px;position:relative;text-align:left}.context-concept-use .dnd_area-row-0-background-gradient ul.about_support li a,.context-concept-use .main-container ul.about_support li a{border:1px solid #b5b5b5;border-radius:30px;color:#54585a;position:relative;text-align:center;z-index:2}.context-concept-use .dnd_area-row-0-background-gradient ul.about_support li picture,.context-concept-use .main-container ul.about_support li picture{margin-bottom:0}.dnd_area-row-0-background-gradient .main-img,.main-container .main-img{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);text-align:center;width:100vw}.dnd_area-row-0-background-gradient .main-img picture,.main-container .main-img picture{max-width:1300px}.bc-player-default_default{height:100%;width:100%}.stamp_wrap{margin:5% 0}.stamp_wrap picture{display:block;margin:2% 0;text-align:center}body.role-anonymous .stamp_wrap{display:none!important}.video_wrap{margin:40px auto 0;width:800px}.video_wrap .share_button a{-webkit-align-items:center;align-items:center;background-color:#00b900;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;height:53px;-webkit-justify-content:center;justify-content:center;margin:30px auto;max-width:630px}@media screen and (max-width:767px){.context-concept-use .content p,.context-concept-use .region-content p{font-size:14px;line-height:23px}.context-concept-use .content p.use-read,.context-concept-use .region-content p.use-read{margin-bottom:37px;margin-top:30px}.context-concept-use .content p.use-read strong,.context-concept-use .region-content p.use-read strong{font-size:18px;line-height:167%}.context-concept-use .content movie,.context-concept-use .region-content movie{margin-top:5.0765%}.context-concept-use .content ol.use_step,.context-concept-use .region-content ol.use_step{margin-top:14%}.context-concept-use .content ol.use_step>li:after,.context-concept-use .region-content ol.use_step>li:after{background-size:15% auto;height:0;padding-top:19.75%}.context-concept-use .content ol.use_step li .use_step_inner,.context-concept-use .region-content ol.use_step li .use_step_inner{background-image:url(/hubfs/45863450/2021-04/bg_sp.gif);padding-bottom:6%}.context-concept-use .content ol.use_step li .use_step_inner .use_step_item>picture,.context-concept-use .region-content ol.use_step li .use_step_inner .use_step_item>picture{display:block;margin:0 auto;width:90.145%}.context-concept-use .content ol.use_step li .use_step_inner dl,.context-concept-use .region-content ol.use_step li .use_step_inner dl{padding:5.1%}.context-concept-use .content ol.use_step li .use_step_inner dl dt,.context-concept-use .region-content ol.use_step li .use_step_inner dl dt{flex-basis:30%;position:relative}.context-concept-use .content ol.use_step li .use_step_inner dl dt img,.context-concept-use .region-content ol.use_step li .use_step_inner dl dt img{height:100%;position:absolute}.context-concept-use .content ol.use_step li .use_step_inner dl dd,.context-concept-use .region-content ol.use_step li .use_step_inner dl dd{flex-basis:70%;font-size:12px;line-height:18px;padding-top:1%}.context-concept-use .content ol.use_step li .use_step_inner .use_details,.context-concept-use .region-content ol.use_step li .use_step_inner .use_details{-webkit-justify-content:space-between;justify-content:space-between;padding:4% 5%}.context-concept-use .content ol.use_step li .use_step_inner .use_details p,.context-concept-use .region-content ol.use_step li .use_step_inner .use_details p{font-size:16px}.context-concept-use .content ol.use_step li .use_step_inner .use_details p img,.context-concept-use .region-content ol.use_step li .use_step_inner .use_details p img{width:50%}.context-concept-use .content ol.use_step li .use_step_inner .use_details>img,.context-concept-use .region-content ol.use_step li .use_step_inner .use_details>img{max-width:71px;width:25%}.context-concept-use .content ol.use_step li .use_step_inner .how-to-use,.context-concept-use .region-content ol.use_step li .use_step_inner .how-to-use{width:89%}.context-concept-use .content ol.use_step li .use_step_inner .how-to-use li,.context-concept-use .region-content ol.use_step li .use_step_inner .how-to-use li{padding-left:1.3em}.context-concept-use .content ol.use_step li .use_step_inner .how-to-use li:before,.context-concept-use .region-content ol.use_step li .use_step_inner .how-to-use li:before{font-size:70%;top:.25em}.context-concept-use .content ol.use_step li .use_step_inner .use-point,.context-concept-use .region-content ol.use_step li .use_step_inner .use-point{padding:6%;width:89%}.context-concept-use .content ol.use_step li .use_step_inner .use-point li span img,.context-concept-use .region-content ol.use_step li .use_step_inner .use-point li span img{height:18.5%;max-width:55px;width:18.5%}.context-concept-use .content ol.use_step li .use_step_inner .use-point li span strong,.context-concept-use .region-content ol.use_step li .use_step_inner .use-point li span strong{border-width:1px;font-size:14px}.context-concept-use .content ol.use_step li .use_step_inner .use-point li p,.context-concept-use .region-content ol.use_step li .use_step_inner .use-point li p{margin-bottom:7%;margin-top:7%}.context-concept-use .content p.small-text,.context-concept-use .region-content p.small-text{font-size:10px}.context-concept-use .content p.small-text+picture,.context-concept-use .region-content p.small-text+picture{margin-top:50px}.context-concept-use .content .all-item p,.context-concept-use .region-content .all-item p{font-size:18px;margin:.8em auto .4em;padding:0}.context-concept-use .content .all-item a.more_btn_blk,.context-concept-use .region-content .all-item a.more_btn_blk{font-size:16px;line-height:41px}.context-concept-use .content .video_wrap iframe,.context-concept-use .region-content .video_wrap iframe{height:50vw}.context-concept-use .dnd_area-row-0-background-gradient>.more_btn_blk,.context-concept-use .main-container>.more_btn_blk{text-indent:-1em;width:93%}.context-concept-use .dnd_area-row-0-background-gradient ul.about_support,.context-concept-use .main-container ul.about_support{margin-bottom:47.5px;margin-top:20px;padding:0}.context-concept-use .dnd_area-row-0-background-gradient ul.about_support li,.context-concept-use .main-container ul.about_support li{padding:5.64%}.context-concept-use .dnd_area-row-0-background-gradient ul.about_support li a,.context-concept-use .main-container ul.about_support li a{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;font-size:16px;height:4.3rem;-webkit-justify-content:center;justify-content:center;margin:6.5% 0 0;width:100%}.stamp_wrap picture{margin:7% 0}.video_wrap{margin:20px auto 0;width:90%}.video_wrap .share_button a{font-size:14px;height:4.24rem;margin-bottom:20px;margin-top:20px;text-indent:-1em;width:93%}}@media screen and (max-width:370px){.context-concept-use .content p.use-read strong,.context-concept-use .region-content p.use-read strong{font-size:4.3vw}}@media (min-width:1020px){.context-concept-use .content iframe,.context-concept-use .region-content iframe{height:558px}}@media screen and (min-width:768px){.context-concept-use .content ol.use_step li .use_step_inner .use_step_item,.context-concept-use .region-content ol.use_step li .use_step_inner .use_step_item{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.context-concept-use .content ol.use_step li .use_step_inner .use_step_item>picture,.context-concept-use .region-content ol.use_step li .use_step_inner .use_step_item>picture{flex-basis:35.7%}.context-concept-use .content ol.use_step li .use_step_inner dl,.context-concept-use .region-content ol.use_step li .use_step_inner dl{flex-basis:64.3%;margin-bottom:0;padding-left:4%}.context-concept-use .content ol.use_step li .use_step_inner dl dt,.context-concept-use .region-content ol.use_step li .use_step_inner dl dt{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.context-concept-use .content ol.use_step li .use_step_inner dl dt img,.context-concept-use .region-content ol.use_step li .use_step_inner dl dt img{height:80%}.context-concept-use .content ol.use_step li .use_step_inner dl dd,.context-concept-use .region-content ol.use_step li .use_step_inner dl dd{font-size:20px;padding-top:8.5%}.context-concept-use .content ol.use_step li .use_step_inner dl dd picture,.context-concept-use .region-content ol.use_step li .use_step_inner dl dd picture{margin-bottom:7%}.context-concept-use .content .all-item,.context-concept-use .region-content .all-item{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-top:9.6%;padding:3.4%}.context-concept-use .content .all-item img,.context-concept-use .region-content .all-item img{flex-basis:60%;padding-right:4%;width:60%}.context-concept-use .content .all-item div,.context-concept-use .region-content .all-item div{flex-basis:40%}.context-concept-use .content .all-item a.more_btn_blk,.context-concept-use .region-content .all-item a.more_btn_blk{background-position:center right 6.8%;background-size:14px 20px}.context-concept-use .dnd_area-row-0-background-gradient ul.about_support li a,.context-concept-use .main-container ul.about_support li a{-webkit-align-items:center;align-items:center;border-radius:50px;bottom:0;display:-webkit-flex;display:flex;font-size:28px;height:0;-webkit-justify-content:center;justify-content:center;margin:4% 5%;padding:4.92% 0;position:absolute;right:0;width:59%}}@media screen and (max-width:1000px) and (min-width:769px){.context-concept-use .content ol.use_step li .use_step_inner dl dd,.context-concept-use .region-content ol.use_step li .use_step_inner dl dd{font-size:2vw;line-height:2.5px}}@media screen and (max-width:1199px) and (min-width:768px){.context-concept-use .content .all-item p,.context-concept-use .region-content .all-item p{font-size:2.33vw}.context-concept-use .content .all-item a.more_btn_blk,.context-concept-use .region-content .all-item a.more_btn_blk{font-size:2.33vw;line-height:5.9vw}}@media screen and (max-width:350px){.context-concept-use .dnd_area-row-0-background-gradient>.more_btn_blk,.context-concept-use .main-container>.more_btn_blk{background-position:center right 3vw;font-size:4.1vw;width:100%}}