﻿.c_parallaxWrap{position:relative;overflow:hidden}section.c_lead{position:relative;z-index:2}section.c_lead .c_inner{position:relative;z-index:2;text-align:center;margin-top:60px;transform:skewY(-2deg)}@media only screen and (max-width: 770px){section.c_lead .c_inner{margin-top:0;padding-top:10px}}@media only screen and (min-width: 771px){section.c_lead .c_sectionTitle{max-width:660px;margin:0 auto}}@media only screen and (max-width: 770px){section.c_lead .c_sectionTitle{letter-spacing:-1px;font-size:23px}}section.c_lead .c_copy{max-width:700px;margin:0 auto}@media only screen and (min-width: 771px){section.c_lead .c_copy .c_font{margin-top:50px;font-size:30px}}@media only screen and (max-width: 770px){section.c_lead .c_copy .c_font{margin-top:20px}}section.c_lead .c_copy02{text-align:center;font-weight:600;padding:15px 0;margin-top:60px}@media only screen and (min-width: 771px){section.c_lead .c_copy02{font-size:24px}}@media only screen and (max-width: 770px){section.c_lead .c_copy02{font-size:12px;margin-top:30px}}section.c_lead .c_copy02 .c_img{position:relative;z-index:-1}section.c_lead .c_copy02 .c_text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-weight:600;width:100%}section.c_lead .c_dropWrap{position:absolute;top:0;left:0;width:100%;height:100%;background:url("/jp/uno/feature/acne_care/images/bg_drop01_a_pc.png");background-repeat:no-repeat;background-size:cover;background-position:center center;z-index:1}section.c_product{padding:100px 2% 80px;position:relative;z-index:2}@media only screen and (max-width: 770px){section.c_product{padding:40px 20px}}section.c_product .c_inner{position:relative;z-index:2}section.c_product .c_productWrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:0 auto}@media only screen and (min-width: 771px){section.c_product .c_productWrap{max-width:810px}}@media only screen and (max-width: 770px){section.c_product .c_productWrap{max-width:100%}}@media only screen and (min-width: 771px){section.c_product .c_sectionTitle{max-width:510px}}@media only screen and (max-width: 770px){section.c_product .c_sectionTitle{max-width:58%}}@media only screen and (min-width: 771px){section.c_product .c_itemImg{max-width:295px;margin-left:-20px}}@media only screen and (max-width: 770px){section.c_product .c_itemImg{max-width:43%;margin-right:-1%}}section.c_product .c_dropWrap{position:absolute;top:0;left:0;width:100%;height:100%;background:url("/jp/uno/feature/acne_care/images/bg_drop01_b_pc.png");background-repeat:no-repeat;background-size:cover;background-position:center center;z-index:1}@media only screen and (max-width: 770px){section.c_product .c_dropWrap{background:url("/jp/uno/feature/acne_care/images/bg_drop01_sp.png");background-repeat:no-repeat;background-size:cover;background-position:center center}}section.c_skinCheck{position:relative;z-index:2;padding-bottom:100px}section.c_skinCheck .js-anim{opacity:0;transform:translateY(60px);transition:.6s .6s ease-in}section.c_skinCheck .js-anim.is-open{transform:translateY(0);opacity:1}section.c_skinCheck .c_listTitle{background-color:#2eb9b2;text-align:center;padding:30px 0}@media only screen and (max-width: 770px){section.c_skinCheck .c_listTitle{padding:20px 0}}section.c_skinCheck .c_sectionTitle{max-width:670px;margin:0 auto}@media only screen and (max-width: 770px){section.c_skinCheck .c_sectionTitle{max-width:65%}}section.c_skinCheck .c_qu{display:flex;background-color:#eaf8f8;padding:30px 40px}@media only screen and (max-width: 770px){section.c_skinCheck .c_qu{padding:20px}}section.c_skinCheck .c_quUl{width:100%;flex-direction:column;display:flex;justify-content:center}section.c_skinCheck .c_quUl .c_quLi{width:100%;margin-bottom:5px}section.c_skinCheck .c_quUl .c_quLi:nth-child(n+2){background-color:#fff}section.c_skinCheck .c_quUl .c_quTitle{display:flex;font-weight:700;font-size:24px;margin-bottom:15px}@media only screen and (max-width: 770px){section.c_skinCheck .c_quUl .c_quTitle{font-size:14px}}section.c_skinCheck .c_quUl .c_quTitle .c_colorWhite{background-color:#000;display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-right:15px}@media only screen and (max-width: 770px){section.c_skinCheck .c_quUl .c_quTitle .c_colorWhite{margin-left:10px}}section.c_skinCheck .c_quUl .c_text{font-size:20px;margin-top:20px;font-weight:bold;width:80%}section.c_skinCheck .c_quUl .c_number{display:flex}section.c_skinCheck .c_quUl .c_number .c_colorWhite{background-color:#2eb9b2;display:flex;align-items:center;justify-content:center;width:36px;height:36px;line-height:36px;margin-right:20px}@media only screen and (max-width: 770px){section.c_skinCheck .c_quUl .c_number .c_colorWhite{margin-right:8px}}section.c_skinCheck .c_quUl .c_number .c_text{font-size:20px;margin-top:20px;font-weight:700}@media only screen and (max-width: 770px){section.c_skinCheck .c_quUl .c_number .c_text{font-size:14px}}section.c_skinCheck .c_quUl .c_checkBox_wrap{display:flex;justify-content:space-between;flex-wrap:wrap;max-width:360px;margin:0 auto;padding:20px 0 30px}section.c_skinCheck .c_quUl .c_checkBox_wrap .c_checkBox_list{width:48%}@media only screen and (max-width: 770px){section.c_skinCheck .c_quUl .c_checkBox_wrap{max-width:220px;padding:10px 0 10px}}section.c_skinCheck .c_quUl .c_checkBox_wrap input{position:absolute;left:-9999px}section.c_skinCheck .c_quUl .c_checkBox_wrap input:checked+label,section.c_skinCheck .c_quUl .c_checkBox_wrap input:not(:checked)+label{position:relative;width:100%;height:100%;display:flex;align-items:center;padding-left:32px;cursor:pointer;line-height:20px;padding:0 20px 0 50px;box-sizing:border-box}section.c_skinCheck .c_quUl .c_checkBox_wrap input+label:after{opacity:1;transform:translateY(-50%) scale(1)}section.c_skinCheck .c_quUl .c_checkBox_wrap input:not(:checked)+label{border-color:#999}section.c_skinCheck .c_quUl .c_checkBox_wrap input:checked+label{border-color:#0068b4}section.c_skinCheck .c_quUl .c_checkBox_wrap input:not(:checked)+label::after{opacity:0;transform:translateY(-50%) scale(0)}section.c_skinCheck .c_quUl .c_checkBox_wrap input:checked+label:after{opacity:1;transform:translateY(-50%) scale(1)}section.c_skinCheck .c_quUl .c_checkBox_wrap input:checked+label::before,section.c_skinCheck .c_quUl .c_checkBox_wrap input:not(:checked)+label::before{border:4px solid #999}section.c_skinCheck .c_quUl .c_checkBox_wrap input:checked+label::before,section.c_skinCheck .c_quUl .c_checkBox_wrap input:checked+label::after,section.c_skinCheck .c_quUl .c_checkBox_wrap input:not(:checked)+label::before,section.c_skinCheck .c_quUl .c_checkBox_wrap input:not(:checked)+label::after{content:"";position:absolute;left:20px;top:50%;transform:translateY(-50%);width:14px;height:14px;background:#fff}@media only screen and (max-width: 770px){section.c_skinCheck .c_quUl .c_checkBox_wrap input:checked+label::before,section.c_skinCheck .c_quUl .c_checkBox_wrap input:checked+label::after,section.c_skinCheck .c_quUl .c_checkBox_wrap input:not(:checked)+label::before,section.c_skinCheck .c_quUl .c_checkBox_wrap input:not(:checked)+label::after{width:12px;height:12px}}section.c_skinCheck .c_quUl .c_checkBox_wrap input:checked+label::before,section.c_skinCheck .c_quUl .c_checkBox_wrap input:checked+label::after{border:4px solid #0068b4}section.c_skinCheck .c_arrow{width:110px;margin:0 auto}@media only screen and (max-width: 770px){section.c_skinCheck .c_arrow{width:20%}}section.c_skinCheck .c_result .c_resultTitle{padding:15px 30px;font-size:22px;font-weight:bold}@media only screen and (max-width: 770px){section.c_skinCheck .c_result .c_resultTitle{font-size:14px}}section.c_skinCheck .c_result .c_resultTitle .c_centerAlign{display:block;text-align:center;margin-bottom:15px}section.c_skinCheck .c_result .c_resultTitle .c_leftAlign{width:420px;margin:0 auto;display:block}section.c_skinCheck .c_result .c_resultTitle .c_leftAlign span{display:block}section.c_skinCheck .c_result p{margin-top:15px;display:flex;justify-content:center;color:#2eb9b2;font-size:28px;font-weight:bold}@media only screen and (max-width: 770px){section.c_skinCheck .c_result p{font-size:18px}}section.c_skinCheck .c_result p .c_underLine{display:inline-block;position:relative}section.c_skinCheck .c_result p .c_underLine::after{content:"";position:absolute;bottom:-5px;left:0;display:block;width:100%;height:5px;background-color:#2eb9b2}section.c_skinCheck .c_result p .c_underLine span{font-size:26px}@media only screen and (max-width: 770px){section.c_skinCheck .c_result p .c_underLine span{font-size:16px}}section.c_care{position:relative;text-align:center;margin-top:60px;background-color:#eee;margin:0 auto;max-width:100%}@media only screen and (max-width: 770px){section.c_care{padding-bottom:60px}}section.c_care .js-anim{opacity:0;transform:translateY(60px);transition:all .6s ease-in .6s}section.c_care .js-anim.is-open{transform:translateY(0px);opacity:1}section.c_care p.c_colorWhite{background-color:#2eb9b2;padding:20px 30px;position:relative;max-width:640px;margin:20px auto 0;font-weight:bold;font-size:22px}@media only screen and (max-width: 770px){section.c_care p.c_colorWhite{font-size:12px;margin:20px 0 0;padding:20px 0}}section.c_care p.c_colorWhite span{font-size:42px}@media only screen and (max-width: 770px){section.c_care p.c_colorWhite span{font-size:21px}}section.c_care .c_arrow{width:100px;margin:0 auto}@media only screen and (max-width: 770px){section.c_care .c_arrow{width:20%}}section.c_care .c_careResult{text-align:center;font-weight:bold;font-size:32px;padding-bottom:60px}@media only screen and (max-width: 770px){section.c_care .c_careResult{line-height:.9;padding-bottom:30px}}section.c_care .c_careResult .c_green{font-size:42px;color:#2eb9b2;display:inline-block;margin:10px 0 40px;border-bottom:5px solid #2eb9b2}@media only screen and (max-width: 770px){section.c_care .c_careResult .c_green{line-height:1.6;margin:10px 0 20px;font-size:21px;border-bottom:3px solid #2eb9b2}}section.c_care .c_careResult .c_font{display:block;max-width:440px;margin:0 auto}@media only screen and (max-width: 770px){section.c_care .c_careResult .c_font{max-width:72%}}section.c_care .c_careTop .c_sectionTitle{padding:30px 2%;background-color:#000}section.c_care .c_careTop .c_sectionTitle .c_img{max-width:830px;margin:0 auto;display:block}@media only screen and (max-width: 770px){section.c_care .c_careTop .c_sectionTitle .c_img{max-width:75%}}section.c_care .c_careTop .c_inner{padding-top:50px;text-align:center}@media only screen and (max-width: 770px){section.c_care .c_careTop .c_inner{padding-top:30px}}section.c_care .c_careQ{text-align:center}section.c_care .c_careQ .c_top{position:sticky;top:0;max-width:960px;margin:0 auto;z-index:999}section.c_care .c_careQ .c_bgContainer{position:sticky;top:80px;max-width:960px;margin:0 auto;z-index:-1}@media only screen and (min-width: 771px)and (max-width: 960px){section.c_care .c_careQ .c_bgContainer{top:8.3333333333vw}}@media only screen and (max-width: 770px){section.c_care .c_careQ .c_bgContainer{max-width:100%;top:12vw}}section.c_care .c_careQ .c_bottom{position:relative}section.c_care .c_careQ .c_bottom::before,section.c_care .c_careQ .c_bottom::after{display:block;width:50%;height:100%;position:absolute;content:"";top:0;z-index:0;opacity:0;transition-duration:.8s;transition-property:opacity;transition-timing-function:ease}section.c_care .c_careQ .c_bottom.-active::before{opacity:1;left:0;background:linear-gradient(rgba(191, 221, 245, 0) 0%, rgba(191, 221, 245, 0.6) 15%, rgba(191, 221, 245, 0.8) 100%)}section.c_care .c_careQ .c_bottom.-active::after{opacity:1;right:0;background:linear-gradient(rgba(180, 231, 224, 0) 0%, rgba(180, 231, 224, 0.6) 15%, rgba(180, 231, 224, 0.8) 100%)}section.c_care .c_careQ .c_bottom .c_bottom img{opacity:1;transition:2s;transition-delay:2s}section.c_care .c_careQ .c_chart ul{text-align:center;font-size:20px;padding-top:0;padding-bottom:800px;margin-top:-200px;position:relative}@media only screen and (max-width: 770px){section.c_care .c_careQ .c_chart ul{padding-top:100px;padding-bottom:300px;max-width:100%}}section.c_care .c_careQ .c_chart ul .c_box{background-color:#000;padding:10px 20px;display:inline-block;font-size:22px}@media only screen and (max-width: 770px){section.c_care .c_careQ .c_chart ul .c_box{font-size:14.5px}}section.c_care .c_careQ .c_chart ul .c_chartList{display:flex;justify-content:space-between;align-items:center;min-height:200px}@media only screen and (max-width: 770px){section.c_care .c_careQ .c_chart ul .c_chartList{min-height:150px}}section.c_care .c_careQ .c_chart ul .c_chartList .c_right,section.c_care .c_careQ .c_chart ul .c_chartList .c_left{width:47.5%;font-weight:bold;font-size:20px}section.c_care .c_careQ .c_chart ul .c_chartList .c_right span,section.c_care .c_careQ .c_chart ul .c_chartList .c_left span{display:block;margin-bottom:5px}@media only screen and (max-width: 770px){section.c_care .c_careQ .c_chart ul .c_chartList .c_right,section.c_care .c_careQ .c_chart ul .c_chartList .c_left{width:46%}}section.c_care .c_careQ .c_chart ul .c_chartList .c_right small,section.c_care .c_careQ .c_chart ul .c_chartList .c_left small{display:block;line-height:1;margin-bottom:3px}@media only screen and (max-width: 770px){section.c_care .c_careQ .c_chart ul .c_chartList .c_right,section.c_care .c_careQ .c_chart ul .c_chartList .c_left{font-size:13.5px}}section.c_care .c_careQ .c_chart ul .c_chartList .c_img{width:5%;animation:scrollicon 2.4s ease infinite 1s}@media only screen and (max-width: 770px){section.c_care .c_careQ .c_chart ul .c_chartList .c_img{width:6.5%}}section.c_care .c_careQ .c_chart ul .c_chartList .c_img.js-anim{opacity:0;transition:.6s .6s ease-in}section.c_care .c_careQ .c_chart ul .c_chartList .c_img.js-anim.is-open{opacity:1}@keyframes scrollicon{0%{transform:translateY(0)}50%{opacity:1;transform:translateY(30px)}100%{opacity:0;transform:translateY(0)}}section.c_care .c_bottomBg{position:absolute;top:100%;left:0;width:100%}section.c_mechanism{padding-top:170px}@media only screen and (max-width: 770px){section.c_mechanism{padding-top:80px}}section.c_mechanism .c_flow{margin-top:50px;padding-bottom:200px;text-align:center}@media only screen and (max-width: 770px){section.c_mechanism .c_flow{margin-top:0;padding-bottom:50px}}section.c_mechanism .c_flow .c_sectionTitle{font-size:44px;font-weight:bold;border-bottom:3px solid #000;display:inline-block}@media only screen and (max-width: 770px){section.c_mechanism .c_flow .c_sectionTitle{font-size:23px}}section.c_mechanism .c_flow p.c_btn01{margin-top:60px}@media only screen and (max-width: 770px){section.c_mechanism .c_flow p.c_btn01{margin-top:35px}}section.c_mechanism .c_flow .c_mechanismList{display:none;margin-top:60px}p.c_btn01,p.c_btn02{line-height:1;display:inline-block;position:relative}p.c_btn01 .c_btnSpan01,p.c_btn02 .c_btnSpan01{display:block;padding:0 0 0 20px;border:solid 2px #000;position:relative}@media only screen and (max-width: 770px){p.c_btn01 .c_btnSpan01,p.c_btn02 .c_btnSpan01{padding:0 0 0 15px}}p.c_btn01 .c_btnSpan01:hover,p.c_btn02 .c_btnSpan01:hover{cursor:pointer}p.c_btn01 .c_btnSpan01::before,p.c_btn02 .c_btnSpan01::before{content:"";display:block;width:18px;height:100%;position:absolute;top:-2px;left:-2px;background:url("/jp/uno/feature/acne_care/images/btn_parts_click.png") repeat 0 center;border:solid 2px #000}@media only screen and (max-width: 770px){p.c_btn01 .c_btnSpan01::before,p.c_btn02 .c_btnSpan01::before{content:"";width:15px;border-left-width:0px}}p.c_btn01 .c_btnSpan01 .c_btnSpan02,p.c_btn02 .c_btnSpan01 .c_btnSpan02{display:block;padding:18px 56px 18px 12px;overflow:hidden;position:relative}p.c_btn01 .c_btnSpan01 .c_btnSpan02::before,p.c_btn02 .c_btnSpan01 .c_btnSpan02::before{content:"";display:block;width:100%;height:100%;position:absolute;background-color:rgba(0,0,0,.3);transition-duration:.08s;transition-timing-function:ease-in;top:100%;left:0}p.c_btn01 .c_btnSpan01 .c_btnSpan03,p.c_btn02 .c_btnSpan01 .c_btnSpan03{content:"";display:block;position:absolute;right:10px;top:25px;width:20px;height:2px;background-color:#000;transition:.6s}@media only screen and (max-width: 770px){p.c_btn01 .c_btnSpan01 .c_btnSpan03,p.c_btn02 .c_btnSpan01 .c_btnSpan03{width:15px;top:23px;right:8px}}p.c_btn01 .c_btnSpan01 .c_btnSpan04,p.c_btn02 .c_btnSpan01 .c_btnSpan04{content:"";display:block;position:absolute;right:19px;top:17px;width:2px;height:20px;background-color:#000;transition:.6s}@media only screen and (max-width: 770px){p.c_btn01 .c_btnSpan01 .c_btnSpan04,p.c_btn02 .c_btnSpan01 .c_btnSpan04{height:15px;right:15px;top:17px}}@media only screen and (max-width: 770px){p.c_btn01 .c_btnSpan01 img,p.c_btn02 .c_btnSpan01 img{height:13px;width:auto}}@media only screen and (max-width: 770px){p.c_btn02 .c_btnSpan01 .c_btnSpan02{padding:18px 28px 18px 5px}}p.c_btn01.-active .c_btnSpan01::before{background-position:18px center}p.c_btn01.-active .c_btnSpan01 .c_btnSpan02::before{top:0}p.c_btn01.-active .c_btnSpan01 .c_btnSpan03{opacity:0}p.c_btn01.-active .c_btnSpan01 .c_btnSpan04{transform:rotate(90deg)}.boxRipple canvas{transition-duration:1s;opacity:1}section.c_careMethods{background:linear-gradient(rgb(216, 242, 241) 0%, rgb(225, 245, 244) 13%, rgb(255, 255, 255) 40%, rgb(255, 255, 255) 100%)}section.c_careMethods .c_careTitle{background-color:#2ebab3}section.c_careMethods .c_careTitle .c_sectionTitle{max-width:660px;margin:0 auto;padding:30px 0px}section.c_careMethods .c_careTitle .c_sectionTitle span{font-size:60px}@media only screen and (max-width: 770px){section.c_careMethods .c_careTitle .c_sectionTitle{max-width:84%}}section.c_careMethods .c_img.c_inner{max-width:650px;padding-top:100px}@media only screen and (max-width: 770px){section.c_careMethods .c_img.c_inner{max-width:100%;padding-top:50px}}section.c_careMethods .c_ingredients{padding:90px 2% 40px}@media only screen and (max-width: 770px){section.c_careMethods .c_ingredients{padding:50px 0 30px}}section.c_careMethods .c_ingredients .c_font{max-width:830px;margin:0 auto}@media only screen and (max-width: 770px){section.c_careMethods .c_ingredients .c_font{max-width:81%}}section.c_careMethods .c_productImg{max-width:320px;margin:0 auto}@media only screen and (max-width: 770px){section.c_careMethods .c_productImg{max-width:50%}}section.c_careMethods .c_points{max-width:930px;margin:0 auto;background:url("/jp/uno/feature/acne_care/images/point_pc.png");background-repeat:no-repeat;background-size:cover;background-position:center center;height:100%;aspect-ratio:1864/548}@media only screen and (max-width: 770px){section.c_careMethods .c_points{max-width:100%;background:url("/jp/uno/feature/acne_care/images/point_sp.png");background-repeat:no-repeat;background-size:cover;background-position:center center;height:100%;aspect-ratio:1068/1062}}section.c_careMethods .c_beautician{position:relative;z-index:2;background-color:#ebebeb;padding:12px;max-width:760px;margin:60px auto 100px}section.c_careMethods .c_beautician.clearfix::after{content:"";display:block;clear:both}@media only screen and (max-width: 770px){section.c_careMethods .c_beautician{margin:0 auto}}section.c_careMethods .c_beautician .c_beauticianTitle{background-color:#2eb9b2;padding:10px 0;text-align:center}section.c_careMethods .c_beautician .c_beauticianTitle p{font-size:20px}@media only screen and (max-width: 770px){section.c_careMethods .c_beautician .c_beauticianTitle p{font-size:14px}}section.c_careMethods .c_beautician .c_beauticianWrap{padding:10px;display:flex}@media only screen and (max-width: 770px){section.c_careMethods .c_beautician .c_beauticianWrap{display:block;text-align:left}}section.c_careMethods .c_beautician .c_beauticianWrap .c_img{width:175px}@media only screen and (max-width: 770px){section.c_careMethods .c_beautician .c_beauticianWrap .c_img{display:inline-block;float:left;padding-right:10px;width:37%}}section.c_careMethods .c_beautician .c_beauticianWrap .c_text{width:calc(100% - 175px);font-size:18px;padding:10px 20px 0;text-align:left}@media only screen and (max-width: 770px){section.c_careMethods .c_beautician .c_beauticianWrap .c_text{width:63%}}@media only screen and (max-width: 770px){section.c_careMethods .c_beautician .c_beauticianWrap .c_text{font-size:13px;padding:0;display:inline}}section.c_reviews{position:relative;z-index:1;text-align:center;padding:200px 0;background:url("/jp/uno/feature/acne_care/images/review_bg_pc.png");background-repeat:repeat-y;background-size:cover;background-position:center center;margin:0 auto;height:80vh;display:flex;align-items:center}@media only screen and (max-width: 770px){section.c_reviews{padding:60px 0;background:url("/jp/uno/feature/acne_care/images/review_bg_sp.png");background-repeat:no-repeat;background-size:cover;background-position:center center;margin:60px auto 0;height:60vh;width:100%}}section.c_reviews .c_reviewsInner{max-width:860px;margin:0 auto}@media only screen and (max-width: 770px){section.c_reviews .c_reviewsInner{max-width:100%;padding:0 20px}}section.c_reviews .c_sectionTitle{max-width:470px;margin:0 auto;margin-bottom:25px}@media only screen and (max-width: 770px){section.c_reviews .c_sectionTitle{max-width:80%;margin-bottom:16px}}section.c_reviews .c_reviewsWrap{margin-top:50px}@media only screen and (max-width: 770px){section.c_reviews .c_reviewsWrap{margin-top:26px}}section.c_reviews .c_reviewsWrap ul{max-width:700px;margin:0 auto}@media only screen and (max-width: 770px){section.c_reviews .c_reviewsWrap ul{max-width:100%}}section.c_reviews .c_reviewsWrap ul li{display:flex;justify-content:space-between;align-items:flex-end}section.c_reviews .c_reviewsWrap ul li:nth-child(even){margin:30px 0}@media only screen and (max-width: 770px){section.c_reviews .c_reviewsWrap ul li:nth-child(even){margin:16px 0}}section.c_reviews .c_reviewsWrap ul li .c_comment{width:86%}@media only screen and (max-width: 770px){section.c_reviews .c_reviewsWrap ul li .c_comment{width:81%}}section.c_reviews .c_reviewsWrap ul li .c_icon{width:13%}@media only screen and (max-width: 770px){section.c_reviews .c_reviewsWrap ul li .c_icon{width:18%}}section.c_howto{margin-top:60px}@media only screen and (max-width: 770px){section.c_howto{margin-top:40px}}section.c_howto .c_howtoTitle{background-color:#000;font-size:34px;font-weight:700;padding:20px 0;text-align:center}@media only screen and (max-width: 770px){section.c_howto .c_howtoTitle{font-size:18.7px;padding:10px 0}}section.c_howto .c_howtoFlow{background-color:#4c4c4c;border-top:1px solid #fff;padding:30px}@media only screen and (max-width: 770px){section.c_howto .c_howtoFlow{padding:0 0 30px}}section.c_howto .c_howtoFlow p.c_lead{font-weight:bold;text-align:center;font-size:24px;margin-top:30px;background-color:#4c4c4c}@media only screen and (max-width: 770px){section.c_howto .c_howtoFlow p.c_lead{font-size:16.5px;margin-top:0;position:relative;width:100%}section.c_howto .c_howtoFlow p.c_lead::after{content:"";display:block;background:url("/jp/uno/feature/acne_care/images/shapeLine_sp.png");background-size:cover;background-repeat:no-repeat;position:absolute;top:10px;left:50%;transform:translateX(-50%);width:60%;height:100%;margin:0 auto}}section.c_howto .c_howtoWrap{display:flex;flex-wrap:wrap;justify-content:space-between}@media only screen and (max-width: 770px){section.c_howto .c_howtoWrap{padding:22px 16px 30px}}section.c_howto .c_howtoWrap ul .c_text{margin-top:12px}section.c_howto .c_howtoWrap ul .c_text p{font-size:16px}section.c_howto .c_howtoWrap ul .c_text p span{font-size:24px;font-weight:600;display:block;margin-bottom:5px}@media only screen and (max-width: 770px){section.c_howto .c_howtoWrap ul .c_text p span{margin-bottom:5px;display:block}}@media only screen and (max-width: 770px){section.c_howto .c_howtoWrap ul .c_text p{font-size:13.5px}section.c_howto .c_howtoWrap ul .c_text p span{font-size:18.5px}}section.c_howto .c_howtoWrap .c_howtoUl01{width:49%;display:flex;justify-content:space-between}@media only screen and (max-width: 770px){section.c_howto .c_howtoWrap .c_howtoUl01{width:100%}}section.c_howto .c_howtoWrap .c_howtoUl01 li{width:48%}section.c_howto .c_howtoWrap .c_howtoUl02{width:49%}@media only screen and (max-width: 770px){section.c_howto .c_howtoWrap .c_howtoUl02{margin-top:30px;width:100%}}section.c_howto .c_howtoWrap .c_step03 .c_imgWrap{display:flex;justify-content:space-between}section.c_howto .c_howtoWrap .c_step03 .c_imgWrap .c_img{width:48%}section.c_introduceProduct{padding:100px}@media only screen and (max-width: 770px){section.c_introduceProduct{padding:60px 0}}section.c_introduceProduct .c_inner{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;max-width:815px;margin:0 auto}@media only screen and (max-width: 770px){section.c_introduceProduct .c_inner{max-width:100%;flex-wrap:wrap}}section.c_introduceProduct .c_inner .c_sectionTitle{max-width:530px}@media only screen and (max-width: 770px){section.c_introduceProduct .c_inner .c_sectionTitle{max-width:92%;margin:0 auto}}section.c_introduceProduct .c_inner .c_productWrap{max-width:305px;margin-left:-20px;padding-right:70px}@media only screen and (max-width: 770px){section.c_introduceProduct .c_inner .c_productWrap{margin-top:10px;padding-right:0;max-width:70%;margin:0 auto}}section.c_introduceProduct .c_bgDrop{position:absolute;top:0;left:0;width:100%;height:100%;background:url("/jp/uno/feature/acne_care/images/bg_drop02_pc.png") center center/cover no-repeat;z-index:1}@media only screen and (max-width: 770px){section.c_introduceProduct .c_bgDrop{background:url("/jp/uno/feature/acne_care/images/bg_drop02_sp.png") center center/cover no-repeat}}section.c_introduceProduct .c_btn{margin-top:80px;display:flex;flex-wrap:wrap;justify-content:space-between;max-width:460px;margin:80px auto 0;position:relative;z-index:2}@media only screen and (max-width: 770px){section.c_introduceProduct .c_btn .c_btnLeft p.c_btn02 .c_btnSpan01 .c_btnSpan02{padding:18px 20px 18px 5px}}@media only screen and (max-width: 770px){section.c_introduceProduct .c_btn .c_btnRight p.c_btn02 .c_btnSpan01 .c_btnSpan02{padding:18px 30px 18px 5px}}@media only screen and (max-width: 770px){section.c_introduceProduct .c_btn{margin-top:40px}}section.c_introduceProduct .c_btn .c_btnInner{width:48%}section.c_introduceProduct .c_btn .c_btnInner .c_btnSpan01 img{height:auto}@media only screen and (max-width: 770px){section.c_introduceProduct .c_btn .c_btnInner{width:49%}}section.c_introduceProduct .c_btn p.c_btn02 .c_btnSpan03{content:"";display:block;width:10px;height:18px;position:absolute;top:50%;right:12px;margin-top:-9px;background:url("/jp/uno/feature/acne_care/images/icon_arrow_01.png") no-repeat left center;background-size:10px 18px}section.c_introduceProduct .c_btn p.c_btn02 .c_btnSpan04{top:21px}@media only screen and (max-width: 770px){section.c_introduceProduct .c_btn p.c_btn02 .c_btnSpan04{top:10px}}.c_imgWrap01{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}.c_imgWrap02,.c_imgWrap03{position:absolute;top:800px;left:0;z-index:1;width:100%;height:100%}@media only screen and (max-width: 770px){.c_imgWrap02,.c_imgWrap03{top:400px}}.c_imgWrap04,.c_imgWrap05{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}img{max-width:100%;height:auto}html,body,h1,h2,h3,ul,li,p,section{font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-weight:500}@media only screen and (min-width: 771px){.c_inner{max-width:960px;margin:0 auto}}@media only screen and (max-width: 770px){.c_inner{max-width:calc(100% - 40px);padding:0 20px}}.c_font{font-family:"游明朝","Yu Mincho",YuMincho,"Hiragino Mincho Pro",serif}.c_colorWhite{color:#fff}h2.js-anim,h3.js-anim,p.js-anim,li.js-anim{opacity:0;transition:all .6s ease-in .6s}h2.js-anim.is-open,h3.js-anim.is-open,p.js-anim.is-open,li.js-anim.is-open{opacity:1}div.js-anim,img.js-anim{opacity:0;transform:translateY(60px);transition:all .6s ease-in .6s}div.js-anim.is-open,img.js-anim.is-open{transform:translateY(0);opacity:1}@media only screen and (min-width: 771px){.c_pcNone{display:none !important}}@media only screen and (max-width: 770px){.c_spNone{display:none !important}}
