@media all and (-ms-high-contrast: none){.l-main *{transition:0 !important}}@media screen and (min-width: 768px){.l-main{padding-top:30px}}@media screen and (max-width: 767px){.l-main{padding-top:4vw}}@media screen and (min-width: 768px){.pc-none{display:none}}@media screen and (max-width: 767px){.pc-none{display:block}}@media screen and (min-width: 768px){.sp-none{display:block}}@media screen and (max-width: 767px){.sp-none{display:none}}.m-return-top{display:none}.oc--titile{text-align:center;letter-spacing:.04em}@media screen and (min-width: 768px){.oc--titile{margin-bottom:10px;font-size:.8125rem}}@media screen and (max-width: 767px){.oc--titile{margin-bottom:3.3vw;font-size:3.2vw}}.oc__step{display:flex;flex-wrap:nowrap;justify-content:center;position:relative;margin:0 auto}@media screen and (min-width: 768px){.oc__step{margin-bottom:26px}}@media screen and (max-width: 767px){.oc__step{width:84.26667vw;margin-bottom:5vw}}.oc__step:before{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;margin:auto;border:1px solid #878782;border-radius:50%;background-color:#fff;content:"";transition-duration:.3s;transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1)}@media screen and (min-width: 768px){.oc__step:before{width:20px;height:20px}}@media screen and (max-width: 767px){.oc__step:before{top:-.24vw;left:-.3vw;width:5.33334vw;height:5.33334vw}}@media screen and (min-width: 768px){[data-check="q1"] .oc__step:before{left:-222px}}@media screen and (max-width: 767px){[data-check="q1"] .oc__step:before{left:9.5vw}}@media screen and (min-width: 768px){[data-check="q2"] .oc__step:before{left:-148px}}@media screen and (max-width: 767px){[data-check="q2"] .oc__step:before{left:9.5vw}}@media screen and (min-width: 768px){[data-check="q3"] .oc__step:before{left:-74px}}@media screen and (max-width: 767px){[data-check="q3"] .oc__step:before{left:19.5vw}}@media screen and (min-width: 768px){[data-check="q4"] .oc__step:before{left:0}}@media screen and (max-width: 767px){[data-check="q4"] .oc__step:before{left:29.5vw}}@media screen and (min-width: 768px){[data-check="q5"] .oc__step:before{left:74px}}@media screen and (max-width: 767px){[data-check="q5"] .oc__step:before{left:39.2vw}}@media screen and (min-width: 768px){[data-check="q6"] .oc__step:before{left:148px}}@media screen and (max-width: 767px){[data-check="q6"] .oc__step:before{left:49.2vw}}@media screen and (min-width: 768px){[data-check="q7"] .oc__step:before{left:222px}}@media screen and (max-width: 767px){[data-check="q7"] .oc__step:before{left:59vw}}.oc__step li{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;position:relative;z-index:2;color:#585851;font-size:.8125rem;font-family:"Poppins",  sans-serif;line-height:1}@media screen and (min-width: 768px){.oc__step li{width:20px;height:20px;margin-inline:8.5px}}@media screen and (max-width: 767px){.oc__step li{width:5.33334vw;height:5.33334vw;margin-left:4.53334vw}}.oc__step li:before{display:block;position:absolute;top:50%;height:1px;content:"";background-color:#878782}@media screen and (min-width: 768px){.oc__step li:before{top:47%;right:-13px;width:8px}}@media screen and (max-width: 767px){.oc__step li:before{top:47%;right:-68%;width:2.13334vw}}.oc__step li:last-child:before{content:none}.oc__wrap{margin:0 auto;background-color:#fff}@media screen and (min-width: 768px){.oc__wrap{width:1100px;min-height:388px}}@media screen and (max-width: 767px){.oc__wrap{width:93.33334vw;min-height:76.26667vw}}.oc__inner{display:none;animation:ocInnerFadeOut 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 normal forwards}@media screen and (min-width: 768px){.oc__inner{padding:35px 0  50px}}@media screen and (max-width: 767px){.oc__inner{width:80vw;margin:0 auto;padding:8.2vw 0 10.4vw}}@keyframes ocInnerFadeIn{0%{opacity:0}100%{opacity:1}}@keyframes ocInnerFadeOut{0%{opacity:1}100%{opacity:0}}.oc-q-title{font-family:"Poppins", sans-serif;text-align:center;text-transform:uppercase;letter-spacing:.155em}@media screen and (min-width: 768px){.oc-q-title{margin-bottom:35px;font-size:1.5rem}}@media screen and (max-width: 767px){.oc-q-title{margin-bottom:7vw;font-size:5.33334vw}}.oc-q-text{line-height:1.5;letter-spacing:.04em}@media screen and (min-width: 768px){.oc-q-text{margin-bottom:45px;font-size:.8125rem;text-align:center}}@media screen and (max-width: 767px){.oc-q-text{margin-bottom:8.2vw;font-size:3.2vw;text-align:left}}.oc-q-ans{text-align:center}.oc-q-ans label{display:inline-block}@media screen and (min-width: 768px){.oc-q-ans label{margin-top:15px}}@media screen and (max-width: 767px){.oc-q-ans label{margin-top:3.2vw}}.oc-q-ans label:first-child{margin-top:0}.oc-q-ans label span{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;border:1px solid #c8c8c8;margin:0 auto;text-align:center;letter-spacing:.04em;background-color:#fff;box-sizing:border-box;cursor:pointer;transition-duration:.3s;transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1)}@media screen and (min-width: 768px){.oc-q-ans label span{width:600px;height:50px;border-radius:2px;font-size:.875rem;line-height:1.42858}}@media screen and (max-width: 767px){.oc-q-ans label span{width:80vw;height:14.66667vw;border-radius:0.53334vw;font-size:3.73334vw;line-height:1.428578}}@media screen and (min-width: 768px){.oc-q-ans label span:hover{opacity:.5}}.oc-q-ans input:checked+span{background-color:#f8f2f2}@media screen and (min-width: 768px){.oc-q-ans input:checked+span:hover{opacity:1}}.oc-q-ans input[type="radio"],.oc-q-ans input[type="checkbox"]{display:none}.oc-q__btn-group{display:flex;flex-wrap:nowrap;justify-content:space-between;margin:0 auto}@media screen and (min-width: 768px){.oc-q__btn-group{width:970px;padding-top:25px}}@media screen and (max-width: 767px){.oc-q__btn-group{width:93.33334vw;margin-bottom:5vw}}.oc-q__btn-group>div{position:relative}@media screen and (min-width: 768px){.oc-q__btn-group>div{width:300px;padding:25px 0 35px}}@media screen and (max-width: 767px){.oc-q__btn-group>div{width:37.2vw;padding:10vw 0 7vw}}.oc-q--btn-desc{position:absolute;top:0;right:0;left:0;margin:0 auto;color:#878782;font-family:"Poppins", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;letter-spacing:.04em;text-align:center;text-transform:uppercase;transition-duration:.3s;transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1)}@media screen and (min-width: 768px){.oc-q--btn-desc{margin-bottom:12px;font-size:.8125rem}}@media screen and (max-width: 767px){.oc-q--btn-desc{top:3.6vw;font-size:3.2vw}}.oc-q--btn-back,.oc-q--btn-next,.oc-q--btn-result{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;margin:0 auto;border:1px solid #c8c8c8;color:#3c3c3c;font-family:"Poppins", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;letter-spacing:.04em;text-transform:uppercase;background-color:#fff;transition-duration:.3s;transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);box-sizing:border-box;cursor:pointer}@media screen and (min-width: 768px){.oc-q--btn-back,.oc-q--btn-next,.oc-q--btn-result{width:130px;height:35px;border-radius:17.5px}.oc-q--btn-back:hover,.oc-q--btn-next:hover,.oc-q--btn-result:hover{color:#fff;border:1px solid #878782;background-color:#878782}}@media screen and (max-width: 767px){.oc-q--btn-back,.oc-q--btn-next,.oc-q--btn-result{width:29.33334vw;height:9.33334vw;border-radius:4.66667vw}}.oc-q--btn-back{display:none}[data-check="q2"] .oc-q--btn-back,[data-check="q3"] .oc-q--btn-back,[data-check="q4"] .oc-q--btn-back,[data-check="q5"] .oc-q--btn-back,[data-check="q6"] .oc-q--btn-back,[data-check="q7"] .oc-q--btn-back,[data-check="q8"] .oc-q--btn-back,[data-check="q9"] .oc-q--btn-back{display:block}.oc-q--btn-result{display:none;animation:ocInnerFadeOut 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 normal forwards}.oc-q--btn-error{position:absolute;top:0;margin:0 auto;color:#ff5e54;text-align:center;letter-spacing:.04em;transition-duration:.3s;transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1)}@media screen and (min-width: 768px){.oc-q--btn-error{right:0;left:0;font-size:.8125rem;background-color:#f8f5f5}}@media screen and (max-width: 767px){.oc-q--btn-error{top:1.4vw;right:4vw;width:85.33334vw;padding:1.2vw 3.2vw;font-size:3.2vw;text-align:center;box-sizing:border-box}}.oc-q--btn-error:before{display:inline-block;background:url(/contents/shared/images/icon_coution.svg) no-repeat 50% 50%;background-size:100% 100%;content:""}@media screen and (min-width: 768px){.oc-q--btn-error:before{width:16px;height:16px;margin-right:5px;vertical-align:-3px}}@media screen and (max-width: 767px){.oc-q--btn-error:before{width:4.26667vw;height:4.26667vw;margin-right:1.33334vw;vertical-align:-0.8vw}}@media screen and (min-width: 768px){.oc__inner .pc-none{display:none}.oc__inner .sp-none{display:block}}@media screen and (max-width: 767px){.oc__inner .pc-none{display:block}.oc__inner .sp-none{display:none}}[data-check="q1"] #q1.oc__inner{display:block;animation:ocInnerFadeIn 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 normal forwards}[data-check="q2"] #q2.oc__inner{display:block;animation:ocInnerFadeIn 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 normal forwards}[data-check="q3"] #q3.oc__inner{display:block;animation:ocInnerFadeIn 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 normal forwards}@media screen and (min-width: 768px){[data-check="q3"] #q3.oc__inner{padding-bottom:84px}}@media screen and (max-width: 767px){[data-check="q3"] #q3.oc__inner{padding-bottom:8.2vw}}@media screen and (min-width: 768px){[data-check="q3"] .oc-q-text{margin-bottom:67px}}[data-check="q3"] .oc-q-ans{position:relative;margin:0 auto}@media screen and (min-width: 768px){[data-check="q3"] .oc-q-ans{width:600px}}@media screen and (max-width: 767px){[data-check="q3"] .oc-q-ans:after{display:block;position:absolute;width:0;height:0;clear:both;content:""}}[data-check="q3"] .oc-q__col{display:flex;flex-wrap:wrap}@media screen and (min-width: 768px){[data-check="q3"] .oc-q__col{justify-content:flex-start;align-items:center;width:300px;margin-top:15px}}@media screen and (max-width: 767px){[data-check="q3"] .oc-q__col{width:45.33334vw;margin-top:2.8vw}}[data-check="q3"] .oc-q__col:first-child{margin-top:0}[data-check="q3"] .oc-q__col>span{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;cursor:auto}@media screen and (min-width: 768px){[data-check="q3"] .oc-q__col>span{width:90px;font-size:.875rem}}@media screen and (max-width: 767px){[data-check="q3"] .oc-q__col>span{width:100%;font-size:3.2vw;margin-bottom:2.8vw}}[data-check="q3"] .oc-q__col label{margin-top:0}[data-check="q3"] .oc-q__col label span{letter-spacing:.04em}@media screen and (min-width: 768px){[data-check="q3"] .oc-q__col label span{width:100px;height:35px}}@media screen and (max-width: 767px){[data-check="q3"] .oc-q__col label span{width:21.33334vw;height:9.33334vw}}[data-check="q3"] .oc-q__col>label:nth-child(2) input:checked+span{border-color:#c8c8c8;color:#3c3c3c;background-color:#d7ebff;opacity:1}@media screen and (min-width: 768px){[data-check="q3"] .oc-q__col>label:last-child{margin-left:10px}}@media screen and (max-width: 767px){[data-check="q3"] .oc-q__col>label:last-child{margin-left:2.66667vw}}[data-check="q3"] .oc-q__col>label:last-child input:checked+span{border-color:#c8c8c8;color:#3c3c3c;background-color:#fffab9;opacity:1}@media screen and (min-width: 768px){[data-check="q3"] .oc-q__col>label:nth-child(2) span:hover,[data-check="q3"] .oc-q__col>label:last-child span:hover{color:#9d9d9d;border-color:#e3e3e3;opacity:1}}.moisture-balance{z-index:0}@media screen and (min-width: 768px){.moisture-balance{position:absolute;right:0;bottom:-28px;width:240px}}@media screen and (max-width: 767px){.moisture-balance{float:right;position:-webkit-sticky;position:sticky;top:0;left:100vw;width:32vw}}@media screen and (min-width: 768px){.moisture-balance--illust{margin-bottom:6px}}@media screen and (min-width: 768px){.moisture-balance--desc{text-align:left}}[data-check="q3"] .oc-q__col>label:hover span:after,[data-check="q3"] .oc-q__col>label input:checked+span:after{display:block;position:absolute;background-repeat:no-repeat;background-position:50% 0;background-size:100% 100%;pointer-events:none;content:"";opacity:0;animation:moistureBalanceFadeOut 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 normal forwards}@media screen and (min-width: 768px){[data-check="q3"] .oc-q__col>label:hover span:after,[data-check="q3"] .oc-q__col>label input:checked+span:after{right:0;bottom:-5px;width:240px;height:240px}}@media screen and (max-width: 767px){[data-check="q3"] .oc-q__col>label:hover span:after,[data-check="q3"] .oc-q__col>label input:checked+span:after{top:0;right:0;width:32vw;height:32vw}}@keyframes moistureBalanceFadeOut{0%{display:block;opacity:1}99%{display:block;opacity:0}100%{display:none;opacity:0}}[data-check="q3"] .oc-q__col>label:hover span:after,[data-check="q3"] .oc-q__col>label input:checked+span:after{animation:moistureBalanceFadeIn 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 normal forwards}@keyframes moistureBalanceFadeIn{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}[data-check="q3"] .oc-q__col:nth-child(2)>label:nth-child(2) span:after{z-index:2;background-image:url("/counseling/check/assets/images/moisture_balance_dry1.png")}[data-check="q3"] .oc-q__col:nth-child(2)>label:nth-child(3) span:after{z-index:2;background-image:url("/counseling/check/assets/images/moisture_balance_oily1.png")}[data-check="q3"] .oc-q__col:nth-child(3)>label:nth-child(2) span:after{z-index:3;background-image:url("/counseling/check/assets/images/moisture_balance_dry2.png")}[data-check="q3"] .oc-q__col:nth-child(3)>label:nth-child(3) span:after{z-index:3;background-image:url("/counseling/check/assets/images/moisture_balance_oily2.png")}[data-check="q3"] .oc-q__col:nth-child(4)>label:nth-child(2) span:after{z-index:4;background-image:url("/counseling/check/assets/images/moisture_balance_dry3.png")}[data-check="q3"] .oc-q__col:nth-child(4)>label:nth-child(3) span:after{z-index:4;background-image:url("/counseling/check/assets/images/moisture_balance_oily3.png")}[data-check="q3"] .oc-q__col:nth-child(5)>label:nth-child(2) span:after{z-index:4;background-image:url("/counseling/check/assets/images/moisture_balance_dry4.png")}[data-check="q3"] .oc-q__col:nth-child(5)>label:nth-child(3) span:after{z-index:4;background-image:url("/counseling/check/assets/images/moisture_balance_oily4.png")}[data-check="q3"] .oc-q__col:nth-child(6)>label:nth-child(2) span:after{z-index:5;background-image:url("/counseling/check/assets/images/moisture_balance_dry5.png")}[data-check="q3"] .oc-q__col:nth-child(6)>label:nth-child(3) span:after{z-index:5;background-image:url("/counseling/check/assets/images/moisture_balance_oily5.png")}@media screen and (min-width: 768px){[data-check="q3"] .oc-q__col>label:hover span:after{z-index:6 !important}}[data-check="q3"] .oc-q__btn-group>div{position:relative}[data-check="q4"] #q4.oc__inner{display:block;animation:ocInnerFadeIn 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 normal forwards}@media screen and (min-width: 768px){[data-check="q4"] #q4.oc__inner{padding-bottom:57px}}@media screen and (max-width: 767px){[data-check="q4"] #q4.oc__inner{padding-bottom:8.2vw}}@media screen and (max-width: 767px){[data-check="q4"] .oc-q-text{margin-bottom:8.2vw}}[data-check="q4"] .oc-q-ans{margin:0 auto}@media screen and (min-width: 768px){[data-check="q4"] .oc-q-ans{display:flex;flex-wrap:wrap;justify-content:space-between;width:600px}}@media screen and (min-width: 768px){[data-check="q4"] .oc-q-ans label{margin-top:15px}[data-check="q4"] .oc-q-ans label:nth-child(-n+2){margin-top:0}}[data-check="q4"] .oc-q-ans label span{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center}@media screen and (min-width: 768px){[data-check="q4"] .oc-q-ans label span{width:280px;height:50px}}@media screen and (min-width: 768px){[data-check="q4"] .oc__inner{padding-bottom:57px}}[data-check="q5"] #q5.oc__inner{display:block;animation:ocInnerFadeIn 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 normal forwards}@media screen and (min-width: 768px){[data-check="q5"] #q5.oc__inner{padding-bottom:122px}}@media screen and (max-width: 767px){[data-check="q5"] #q5.oc__inner{padding-bottom:10vw}}@media screen and (max-width: 767px){[data-check="q5"] .oc-q-text{text-align:center}}[data-check="q6"] #q6.oc__inner{display:block;animation:ocInnerFadeIn 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 normal forwards}@media screen and (min-width: 768px){[data-check="q6"] #q6.oc__inner{padding-bottom:57px}}@media screen and (max-width: 767px){[data-check="q6"] #q6.oc__inner{padding-bottom:9vw}}@media screen and (min-width: 768px){[data-check="q6"] .oc-q-title{margin-bottom:39px}}@media screen and (min-width: 768px){[data-check="q6"] .oc-q-text{margin-bottom:33px;line-height:1.69231}}@media screen and (max-width: 767px){[data-check="q6"] .oc-q-text{margin-bottom:6vw;text-align:left}}[data-check="q6"] .oc-q-ans{margin:0 auto}@media screen and (min-width: 768px){[data-check="q6"] .oc-q-ans{display:flex;flex-wrap:wrap;justify-content:space-between;width:600px}}@media screen and (min-width: 768px){[data-check="q6"] .oc-q-ans label{margin-top:15px}[data-check="q6"] .oc-q-ans label:nth-child(-n+2){margin-top:0}}[data-check="q6"] .oc-q-ans label span{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center}@media screen and (min-width: 768px){[data-check="q6"] .oc-q-ans label span{width:280px;height:50px}}[data-check="q7"] #q7.oc__inner{display:block;animation:ocInnerFadeIn 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 normal forwards}@media screen and (min-width: 768px){[data-check="q7"] #q7.oc__inner{padding-bottom:65px}}@media screen and (max-width: 767px){[data-check="q7"] #q7.oc__inner{padding-bottom:8.4vw}}@media screen and (min-width: 768px){[data-check="q7"] .oc-q-title{margin-bottom:39px}}@media screen and (min-width: 768px){[data-check="q7"] .oc-q-text{margin-bottom:33px;line-height:1.69231}}@media screen and (max-width: 767px){[data-check="q7"] .oc-q-text{margin-bottom:6vw;text-align:left}}[data-check="q7"] .oc-q-ans{margin:0 auto}@media screen and (min-width: 768px){[data-check="q7"] .oc-q-ans{display:flex;flex-wrap:wrap;justify-content:space-between;width:600px}}@media screen and (min-width: 768px){[data-check="q7"] .oc-q-ans label{margin-top:15px}[data-check="q7"] .oc-q-ans label:nth-child(-n+2){margin-top:0}}[data-check="q7"] .oc-q-ans label span{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center}@media screen and (min-width: 768px){[data-check="q7"] .oc-q-ans label span{width:280px;height:50px}}[data-check="q7"] .oc-q--btn-next{display:none;animation:moistureBalanceFadeOut 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 normal forwards}[data-check="q7"] .oc-q--btn-result{display:block;animation:ocInnerFadeIn 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 normal forwards}[v-cloak]{display:none}