.c-section{font-size:62.5%}@media screen and (max-width:1440px){.c-section{font-size:.7320644217vw}}@media screen and (max-width:767px){.c-section{font-size:2.6666666667vw}}.c-section h1,.c-section h2,.c-section h3,.c-section h4,.c-section h5,.c-section h6,.c-section p,.c-section address,.c-section ul,.c-section ol,.c-section li,.c-section dl,.c-section dt,.c-section dd,.c-section table,.c-section th,.c-section td,.c-section img,.c-section form,.c-section button{margin:0;padding:0;border:none;list-style-type:none;font-style:normal;font-family:Helvetica,sans-serif;color:#000;word-break:break-word;font-weight:400;line-height:1.5;text-align:left}@media screen and (min-width:768px){.c-section .sp{display:none!important}}@media screen and (max-width:767px){.c-section .pc{display:none!important}}.c-section .p-diagnosis__question,.c-section .p-diagnosis__result{transition:opacity .3s ease,transform .3s ease}.c-section .p-diagnosis__question.is-hidden,.c-section .p-diagnosis__result.is-hidden{display:none;opacity:0}.c-section .p-diagnosis__question.is-visible,.c-section .p-diagnosis__result.is-visible{display:block;opacity:1;transform:translateY(0)}.c-section .p-diagnosis__question.is-exiting,.c-section .p-diagnosis__result.is-exiting{opacity:0;transform:translateY(-.8em);pointer-events:none}.c-section .p-diagnosis{background-color:#f5f5f0;color:#000}.c-section .p-diagnosis__quiz{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:17em 2em}.c-section .p-diagnosis__quiz.is-hidden{display:none}.c-section .p-diagnosis__intro{text-align:center;margin-bottom:9em}.c-section .p-diagnosis__intro-ttl{font-size:1.6em;line-height:1.8;margin-bottom:.8em;text-align:center}@media screen and (max-width:767px){.c-section .p-diagnosis__quiz{padding:5em 1em}.c-section .p-diagnosis__intro-ttl{margin-bottom:1.5em}}.c-section .p-diagnosis__intro-sub{font-size:1.3em;line-height:1.6;text-align:center}.c-section .p-diagnosis__questions{width:100%;max-width:70em;text-align:center;display:flex;align-items:center;justify-content:center}.c-section .p-diagnosis__question{width:100%}.c-section .p-diagnosis__q-num{font-size:4em;font-weight:400;line-height:1;margin-bottom:.3em;text-align:center}@media screen and (max-width:767px){.c-section .p-diagnosis__q-num{margin-bottom:.6em}}.c-section .p-diagnosis__q-text{font-size:1.8em;text-align:center;font-weight:700;line-height:1.5;margin-bottom:5em}.c-section .p-diagnosis__answers{display:flex;justify-content:center;gap:4em}@media screen and (max-width:767px){.c-section .p-diagnosis__answers{flex-direction:column;align-items:center;gap:2em}}.c-section .p-diagnosis__answer-btn{display:block;width:12.5em;padding:.8em 2em;background:#fff;border-radius:10em;font-size:1.6em;font-weight:400;letter-spacing:.1em;color:#000;text-align:center;cursor:pointer;transition:background .3s ease,color .3s ease}@media screen and (min-width:768px){.c-section .p-diagnosis__answer-btn:hover{background:#000;color:#fff}}@media screen and (max-width:767px){.c-section .p-diagnosis__answer-btn{padding:.6em 2em}}.c-section .p-diagnosis__back{margin-top:4em;display:block;background:none;border:none;font-size:1.3em;color:#000;cursor:pointer;text-decoration:underline;text-underline-offset:.3em;opacity:.7;transition:opacity .3s ease}@media screen and (min-width:768px){.c-section .p-diagnosis__back:hover{opacity:1}}.c-section .p-diagnosis__result{background-color:#f5f5f0}.c-section .p-diagnosis__result-inner{max-width:120em;width:calc(100% - 8em);margin:0 auto;padding:8em 0 10em}@media screen and (max-width:767px){.c-section .p-diagnosis__result-inner{width:calc(100% - 4em);padding:5em 0 8em}}.c-section .p-diagnosis__result-top{display:flex;align-items:flex-start;justify-content:space-between}@media screen and (max-width:767px){.c-section .p-diagnosis__result-top{flex-direction:column;gap:6em}}.c-section .p-diagnosis__result-images{width:45em;display:flex;justify-content:space-between}@media screen and (max-width:767px){.c-section .p-diagnosis__result-images{flex-direction:row;flex:none;width:100%;gap:2em}}.c-section .p-diagnosis__result-img-item{text-align:center;text-decoration:none;color:#000;display:flex;flex-direction:column;justify-content:flex-end}.c-section .p-diagnosis__result-img-item:first-child{width:23em}@media screen and (max-width:767px){.c-section .p-diagnosis__result-img-item:first-child{width:auto}.c-section .p-diagnosis__result-img-item:first-child .p-diagnosis__result-img-box{width:23em}}.c-section .p-diagnosis__result-img-item:nth-child(2){width:17.5em}.c-section .p-diagnosis__result-img-item:nth-child(2) .p-diagnosis__result-img-box{margin-bottom:3.3em}@media screen and (max-width:767px){.c-section .p-diagnosis__result-img-item:nth-child(2){width:auto}.c-section .p-diagnosis__result-img-item:nth-child(2) .p-diagnosis__result-img-box{margin-bottom:0;width:17em;top:6em}}@media screen and (max-width:767px){.c-section .p-diagnosis__result-img-item{flex:1;padding-top:28em;position:relative}}@media screen and (min-width:768px){.c-section .p-diagnosis__result-img-item:hover .p-diagnosis__result-img-box img{transform:scale(1.04)}}.c-section .p-diagnosis__result-img-box{width:100%;margin-bottom:2.3em;overflow:hidden}@media screen and (max-width:767px){.c-section .p-diagnosis__result-img-box{position:absolute;top:0;left:50%;transform:translate(-50%)}}.c-section .p-diagnosis__result-img-box img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.c-section .p-diagnosis__result-img-label{font-size:1.2em;line-height:1.6;margin-bottom:.4em;text-align:center;font-weight:300}.c-section .p-diagnosis__result-img-label span{font-size:1.167em}.c-section .p-diagnosis__result-img-price{font-size:1.4em;text-align:center;font-weight:300}.c-section .p-diagnosis__result-img-price span{font-size:.8em}.c-section .p-diagnosis__result-content{width:50em;min-width:0}@media screen and (max-width:767px){.c-section .p-diagnosis__result-content{width:100%;text-align:center}}.c-section .p-diagnosis__result-recommend-label{display:inline-block;font-size:1.3em;background:#fff;padding:.5em 1.2em;border-radius:10em;margin-bottom:1.6em;border:1px solid #707070}.c-section .p-diagnosis__result-catch{font-size:1.6em;line-height:1.7;margin-bottom:1em}@media screen and (max-width:767px){.c-section .p-diagnosis__result-catch{text-align:center}}.c-section .p-diagnosis__result-name{font-size:2.1em;line-height:1.2;padding-bottom:1.2em;margin-bottom:1.2em;font-weight:300;border-bottom:1px solid #D1D1D1}@media screen and (max-width:767px){.c-section .p-diagnosis__result-name{text-align:center;padding-bottom:1.8em;margin-bottom:1.8em}}.c-section .p-diagnosis__result-size-label{font-size:1.3em;margin-bottom:1em}@media screen and (max-width:767px){.c-section .p-diagnosis__result-size-label{text-align:center}}.c-section .p-diagnosis__result-sizes{display:flex;gap:1em;margin-bottom:2.4em}@media screen and (max-width:767px){.c-section .p-diagnosis__result-sizes{justify-content:center}}.c-section .p-diagnosis__result-size-btn{display:inline-block;text-decoration:none;padding:.6em 1.8em;background:#000;color:#fff;border:.1em solid #000000;border-radius:1.818em;font-size:1.1em;cursor:pointer;transition:background .3s ease,color .3s ease}@media screen and (min-width:768px){.c-section .p-diagnosis__result-size-btn:hover{background:#fff;color:#000}}.c-section .p-diagnosis__result-hair-type{font-size:1.5em;line-height:1.7;margin-bottom:2.4em;font-weight:500}@media screen and (max-width:767px){.c-section .p-diagnosis__result-hair-type{text-align:center}}.c-section .p-diagnosis__result-usage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1em;margin-bottom:2.8em}@media screen and (max-width:767px){.c-section .p-diagnosis__result-usage-grid{margin-left:1em;margin-right:1em;margin-bottom:5em;grid-template-columns:repeat(1,1fr)}}.c-section .p-diagnosis__result-usage-item{padding:1.5em;background:#fff;border-radius:.8em}@media screen and (max-width:767px){.c-section .p-diagnosis__result-usage-item{display:flex;align-items:center;padding:1em 2em}}.c-section .p-diagnosis__result-usage-ttl{font-size:1.6em;margin-bottom:.5em}@media screen and (max-width:767px){.c-section .p-diagnosis__result-usage-ttl{width:4em;margin-bottom:0}}.c-section .p-diagnosis__result-usage-txt{font-size:1.3em;line-height:1.6}.c-section .p-diagnosis__result-texturemap{margin-bottom:2.8em}@media screen and (max-width:767px){.c-section .p-diagnosis__result-texturemap{margin-left:1em;margin-right:1em}}.c-section .p-diagnosis__result-texturemap img{width:100%;height:auto;display:block}.c-section .p-diagnosis__result-desc{font-size:1.3em;line-height:1.8;margin-bottom:.6em}.c-section .p-diagnosis__result-note{font-size:1.1em;opacity:.7;margin-bottom:2.4em;line-height:1.6}.c-section .p-diagnosis__result-fragrance{margin-top:4em;border-top:1px solid #D1D1D1;border-bottom:1px solid #D1D1D1;padding:4em 0;display:flex;gap:3em;align-items:flex-start;justify-content:space-between}@media screen and (max-width:767px){.c-section .p-diagnosis__result-fragrance{flex-direction:column;gap:2em;align-items:center}}.c-section .p-diagnosis__result-fragrance img{width:21em}.c-section .p-diagnosis__result-fragrance-text{width:25em}@media screen and (max-width:767px){.c-section .p-diagnosis__result-fragrance-text{width:100%}}.c-section .p-diagnosis__result-fragrance-name{font-size:1.3em;margin-bottom:1em}.c-section .p-diagnosis__result-fragrance-desc{font-size:1.3em;line-height:1.8}.c-section .p-diagnosis__result-pyramid-label{font-size:1em;font-weight:700;white-space:nowrap}.c-section .p-diagnosis__result-pyramid-note{font-size:1em;line-height:1.4;white-space:nowrap}@media screen and (max-width:767px){.c-section .p-diagnosis__result-pyramid-note{white-space:normal}}.c-section .p-diagnosis__result-ingredients{display:grid;grid-template-columns:9em 1fr;gap:1em 2em;margin-bottom:4em;padding:4em 0;align-items:baseline;border-bottom:1px solid #D1D1D1}@media screen and (max-width:767px){.c-section .p-diagnosis__result-ingredients{padding:3em 0}}@media screen and (max-width:767px){.c-section .p-diagnosis__result-ingredients{gap:.6em 1.5em}}.c-section .p-diagnosis__result-ingredients dt{font-size:1.3em;line-height:1.7;text-align:left}.c-section .p-diagnosis__result-ingredients dd{font-size:1.3em;text-indent:-1em;line-height:1.7;text-align:left}@media screen and (max-width:767px){.c-section .p-diagnosis__result-ingredients dd{padding-bottom:1em}}.c-section .p-diagnosis__result-usage-guide{font-size:1.3em;padding:1.6em 2em;border:.1em solid rgba(0,0,0,.3);border-radius:.4em;line-height:1.6}.c-section .p-diagnosis__result-sizes-bottom{display:flex;gap:1em;border-bottom:.1em solid rgba(0,0,0,.3);padding-bottom:4em}.c-section .p-diagnosis__result-sticky-bar{display:none;position:fixed;bottom:0;left:0;width:100%;background:#fff;padding:1.2em 2em;gap:1em;justify-content:center;align-items:center;z-index:100;box-sizing:border-box;box-shadow:0 -1px 6px #00000014}.c-section .p-diagnosis__result-sticky-bar.is-active{display:flex}.c-section .p-diagnosis__result-sticky-bar .p-diagnosis__result-size-btn{flex:1;max-width:16em;text-align:center}.c-section .p-diagnosis__result-others{padding-top:12em}@media screen and (max-width:767px){.c-section .p-diagnosis__result-others{padding-top:3em}}.c-section .p-diagnosis__result-others-ttl{font-size:1.6em;padding-bottom:1.4em;margin-bottom:3em;border-bottom:.1em solid rgba(0,0,0,.2)}.c-section .p-diagnosis__result-others-list{display:flex;justify-content:center;gap:3.5em;overflow-x:auto;padding-bottom:1em}@media screen and (max-width:767px){.c-section .p-diagnosis__result-others-list{gap:1.6em;justify-content:flex-start}}.c-section .p-diagnosis__result-others-item{flex:0 0 auto;width:16em;text-align:center;text-decoration:none;color:#000}@media screen and (min-width:768px){.c-section .p-diagnosis__result-others-item:hover .p-diagnosis__result-others-img img{transform:scale(1.04)}}.c-section .p-diagnosis__result-others-img{width:80%;margin-left:auto;margin-right:auto;aspect-ratio:1/1.5;margin-bottom:.8em;overflow:hidden}.c-section .p-diagnosis__result-others-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.c-section .p-diagnosis__result-others-name{font-size:1.4em;text-align:center;font-weight:300}.c-section .p-diagnosis__result-recommend{margin-top:5em;padding-top:6em;margin-bottom:6em}@media screen and (max-width:767px){.c-section .p-diagnosis__result-recommend{margin-top:0;margin-bottom:0}}.c-section .p-diagnosis__result-recommend-ttl{font-size:2em;font-weight:300;padding-bottom:.7em;border-bottom:.1em solid rgba(0,0,0,.2);margin-bottom:1em}.c-section .p-diagnosis__result-recommend-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1em}@media screen and (max-width:767px){.c-section .p-diagnosis__result-recommend-grid{grid-template-columns:repeat(2,1fr);gap:2em 1.6em}}.c-section .p-diagnosis__result-recommend-card{text-decoration:none;color:#000}@media screen and (min-width:768px){.c-section .p-diagnosis__result-recommend-card:hover .p-diagnosis__result-recommend-card-img img{transform:scale(1.04)}}.c-section .p-diagnosis__result-recommend-card-img{width:100%;margin-bottom:1.2em;overflow:hidden}.c-section .p-diagnosis__result-recommend-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.c-section .p-diagnosis__result-recommend-card-name{font-size:1.6em;line-height:1.5;font-weight:300;margin-bottom:.4em}.c-section .p-diagnosis__result-recommend-card-price{font-size:1.4em;color:#000;font-weight:300}.c-section .p-diagnosis__result-recommend-card-price span{font-size:.85em;opacity:.7}.c-section .p-diagnosis__result-share{padding-top:4em;padding-bottom:8em}.c-section .p-diagnosis__result-share-ttl{font-size:2em;font-weight:300;padding-bottom:.7em;margin-bottom:1em;border-bottom:.1em solid rgba(0,0,0,.2)}.c-section .p-diagnosis__result-share-icons{display:flex;gap:1.5em;align-items:center;margin-top:3em;justify-content:center}.c-section .p-diagnosis__result-share-icon,.c-section .p-diagnosis__result-share-icon-insta{display:inline-flex;text-decoration:none;transition:opacity .3s ease}@media screen and (min-width:768px){.c-section .p-diagnosis__result-share-icon:hover,.c-section .p-diagnosis__result-share-icon-insta:hover{opacity:.7}}.c-section .p-diagnosis__result-share-icon img,.c-section .p-diagnosis__result-share-icon-insta img{width:2.5em;height:2.5em}.c-section .p-diagnosis__result-back{display:inline-block;background:none;border:none;font-size:1.3em;color:#000;cursor:pointer;text-decoration:underline;text-underline-offset:.3em;opacity:.7;margin-bottom:3em;transition:opacity .3s ease}@media screen and (min-width:768px){.c-section .p-diagnosis__result-back:hover{opacity:1}}.p-diagnosis__result-share-card{display:flex;vertical-align:baseline;justify-content:center;align-items:center}@media screen and (max-width:767px){.p-diagnosis__result-share-card{flex-direction:column}}.p-diagnosis__result-share-card-left{width:calc(40% - 3em);margin-right:3em}@media screen and (max-width:767px){.p-diagnosis__result-share-card-left{width:100%;margin-right:0}}.p-diagnosis__result-share-card-right{width:50%;font-size:1.4em;background:#fff;padding:1em;border-radius:.8em}@media screen and (max-width:767px){.p-diagnosis__result-share-card-right{width:100%;margin-top:1em;font-size:1.3em}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/diagnosis.css.map */