@charset "utf-8";
/* CSS Document */

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@100..900&display=swap");a,a:visited{text-decoration:none;font-color:#0a132f}h1,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem;font-weight:300}h1{font-size:4rem;line-height:1.2;letter-spacing:-0.1rem}h3{font-size:3rem;line-height:1.3;letter-spacing:-0.1rem}h4{font-size:2.4rem;line-height:1.35;letter-spacing:-0.08rem}h5{font-size:1.8rem;line-height:1.5;letter-spacing:-0.05rem}h6{font-size:1.5rem;line-height:1.6;letter-spacing:0}@media (min-width: 550px){h1{font-size:5rem}h3{font-size:3.6rem}h4{font-size:3rem}h5{font-size:2.4rem}h6{font-size:1.5rem}}p{font-size:1.7rem}html{font-size:62.5%}body{justify-content:center;align-items:center;margin:0;font-family:"Noto Sans JP", sans-serif}#wrapper{width:100%;max-width:750px;position:relative;margin:0 auto;box-shadow:0px 5px 15px 0px rgba(0,0,0,0.35)}#wrapper .container{position:relative;width:100%;padding:1em;justify-content:center;display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 auto;max-width:750px;margin:0 auto;box-sizing:border-box}.row{flex-direction:row;position:relative;display:flex;justify-content:center;width:100%;flex-wrap:wrap}img{width:100%}.accordion{cursor:pointer;padding:15px 50px 15px 40px;text-align:left;font-size:1.6rem;position:relative;transition:background-color 0.3s, border-color 0.3s;border-bottom:1px solid}.accordion::before{content:"+";font-size:2.4rem;font-weight:bold;position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#ffffff;width:30px;height:30px;text-align:center;line-height:30px;transition:background-color 0.3s}.panel{max-height:0;overflow:hidden;padding:0 15px;background-color:#f0f0f0;transition:max-height 0.3s ease, padding 0.3s ease}.panel.open{max-height:500px;padding:15px 15px}.panel p{font-size:1.4rem;color:#0a132f;text-align:center}.panel p::after{position:absolute;top:-15px;left:1.2em;width:30px;height:15px;clip-path:polygon(50% 0, 0 100%, 100% 100%);content:""}.panel img{max-width:120px;display:block;margin:10px auto}.reduLine{background:linear-gradient(to bottom, transparent 50%, #f3c4c1 50%);font-weight:500}.yellowuLine{background:linear-gradient(to bottom, transparent 50%, #f6d660 50%);font-weight:500}.accent-red{font-weight:500;color:#f04762}.accent-yellow{font-weight:500;color:#f6d660}.fixed-gif{position:absolute;top:min(40vw, 300px);left:0px;width:40vw;height:40vw;max-height:300px;max-width:300px;background-image:url("https://www.cac-cosme.co.jp/freepage/trial25/img/awa.gif");background-size:cover;background-repeat:no-repeat;border-radius:50%;box-shadow:0px 4px 6px rgba(0,0,0,0.2);border:2px solid white;will-change:transform;transform:translateZ(0)}.hero{position:relative}#lead{background-color:#f0f0f0}#lead .container{display:flex;flex-wrap:wrap;justify-content:center;gap:0;flex-direction:row;padding:1em}@media (min-width: 400px){#lead .container{gap:1rem}}#lead .container span::after{content:"※";font-size:0.7em;position:relative}#lead .ten-ten{color:#C85F7E;-webkit-text-emphasis:filled;text-emphasis:filled}.sechead{text-align:center}.sechead h5{padding-top:30px;margin-bottom:0;font-size:clamp(1.5rem, 4vw, 3rem)}.sechead h4{font-weight:400;font-size:clamp(1.9rem, 5.5vw, 4rem);margin-bottom:0}.item{position:relative;width:30vw;height:30vw;max-width:200px;max-height:200px;display:flex;align-items:center;justify-content:center}.icon{position:absolute;width:100%;height:100%}.text-bg{position:absolute;width:70%;height:70%;background-color:#f0f0f0;border-radius:50%;z-index:2;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;font-size:min(4vw, 24px)}svg{width:100%;height:100%;max-width:200px;max-height:200px}svg line{stroke-width:1}svg circle{stroke-width:1}/*#trial{background-color:#f0f0f0}*/#trial h2{font-weight:500;position:relative;margin:30px;text-align:center}@media (min-width: 480px){#trial h2{font-size:29px}}#trial h2::before,#trial h2::after{position:absolute;z-index:0;bottom:-10px;display:block;content:"";border:1em solid #d90606}#trial h2::before{left:-30px;border-left-width:15px;border-left-color:transparent}#trial h2::after{right:-30px;border-right-width:15px;border-right-color:transparent}#trial h2 span{position:relative;z-index:1;display:block;padding:1rem 2rem;color:#fff;background:#fa4141}#trial h2 span::before,#trial h2 span::after{position:absolute;bottom:-10px;display:block;width:10px;content:"";border-style:solid;border-color:#b70505 transparent transparent transparent}#trial h2 span::before{left:0;border-width:10px 0 0 10px}#trial h2 span::after{right:0;border-width:10px 10px 0 0}#trial h2 span:before{left:0;border-width:10px 0 0 10px}#trial h2 span:after{right:0;border-width:10px 10px 0 0}#trial p{font-size:1.6rem;margin-bottom:10px;text-align:left}#trial img{max-width:100%;height:auto;text-align:center;filter:drop-shadow(0px 0px 5px #fff)}#trial .return-text{font-size:2.4rem}#trial .trial-box{background-color:#fff;border:1rem solid #a4c2dd;box-shadow:0px 5px 15px 0px rgba(0,0,0,0.35);justify-content:center;padding:1em;display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 auto}#trial .trial-box img{max-width:100%}#trial .trial-box .washing-powder-grid{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(8, auto);gap:5px;justify-items:center;align-items:center;max-width:300px;margin:10px auto}#trial .trial-box .washing-powder-item{width:100%;max-width:80px}#trial .trial-box .washing-powder-item img{width:100%;height:auto;display:block}.long{height:80%;width:10%;background-color:#000;justify-content:center}.return{max-width:600px;background:radial-gradient(circle at 0 100%, transparent 14px, #a4c2dd 15px),radial-gradient(circle at 100% 100%, transparent 14px, #a4c2dd 15px),radial-gradient(circle at 100% 0, transparent 14px, #a4c2dd 15px),radial-gradient(circle at 0 0, transparent 14px, #a4c2dd 15px);background-position:bottom left, bottom right, top right, top left;background-repeat:no-repeat;background-size:50% 50%;position:relative;color:#fff;text-align:center;font-size:1.5rem;font-weight:bold}.return::before{content:"";position:absolute;top:4px;left:4px;right:4px;bottom:4px;background:transparent;border:2px solid white;border-radius:14px}.return-text{padding:20px;color:#fff;display:inline-block;position:relative;z-index:1}.square{display:inline-flex;width:4rem;height:4rem;justify-content:center;align-items:center;border:2px solid white;text-align:center;margin:1px;font-weight:bold;font-family:"Noto Serif JP", serif;font-size:4rem;line-height:1}.square.ten{letter-spacing:-0.4rem;padding-left:0.2rem}.inverted{background-color:white;color:#a4c2dd}.cta-button{background:linear-gradient(90deg, #f04762, #ff758c);color:#fff;padding:16px 32px;font-size:18px;font-weight:bold;border:none;border-radius:50px;cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;height:auto;width:100%;max-width:300px;display:block;margin:0 auto}.cta-button:active{transform:translateY(3px);box-shadow:0 6px 10px rgba(0,0,0,0.2)}@media (max-width: 768px){.cta-button{padding:14px 28px;font-size:16px}}@media (max-width: 480px){.cta-button{padding:12px 24px;font-size:14px;max-width:100%}}#skincare-theory p{text-align:left}.bg_image{background-image:url("https://as2.ftcdn.net/v2/jpg/04/87/53/89/1000_F_487538992_6oTmvmIXbQtK0O9FssK7NQZtiubCdOlq.jpg")}#washing-powder-points{color:#FFF}#washing-powder-points .container{background-color:#a4c2dd}#washing-powder-points h2{font-weight:500}#washing-powder-points p{text-align:left}#washing-powder-points h3{position:relative;padding:1em 1em;text-align:center;font-weight:400}#washing-powder-points h3:before,#washing-powder-points h3:after{position:absolute;content:''}#washing-powder-points h3:after{top:0;left:0;width:50px;height:50px;border-top:2px solid #FFF;border-left:2px solid #FFF}#washing-powder-points h3:before{right:0;bottom:0;width:50px;height:50px;border-right:2px solid #FFF;border-bottom:2px solid #FFF}#ingredient{background-color:#f0f0f0}#ingredient h2{font-weight:500}#ingredient p{text-align:left}#ingredient span{color:#f77545;font-weight:bold}#ingredient .accordion{background-color:#a4c2dd;color:#fff}#ingredient .accordion.active{background-color:#a4c2dd}#ingredient .accordion.active::before{content:"-"}#history{position:relative;z-index:0;padding:20px}#history::before{content:'';background-image:url("https://as2.ftcdn.net/v2/jpg/04/88/46/73/1000_F_488467311_NSb4xAdZSEWvvsdMgi0EBYiEN2EnPeuO.jpg");position:absolute;top:0;left:0;width:100%;height:100%;filter:blur(3px) sepia(10%) grayscale(20%);z-index:-1}#history p{margin-top:0}#QA{margin:0 auto}#QA h2{margin:3em 1em 1em 1em}#QA h2 span{font-size:3rem;margin:0 0.5rem}#QA p{margin:0;text-align:left}#QA .Qa-box dt,#QA .Qa-box dd{display:flex;align-items:baseline;margin:0;background:#fff}#QA .Qa-box dt{background:#f0f0f0;cursor:pointer}#QA .Qa-box dt p{padding-left:15px;font-weight:bold;width:100%}#QA .Qa-box dt::before{content:"Q";display:flex;justify-content:center;color:#fff;background:#a4c2dd;width:3.5rem;height:3.5rem}#QA .Qa-box dd p{padding-left:15px;width:100%}#QA .Qa-box dd::before{content:"A";display:flex;justify-content:center;align-items:center;color:#fff;background:#f3c4c1;width:3rem;height:3rem;font-size:2rem}.recommend-section ul{list-style:none;padding:0}.recommend-section ul li{position:relative;padding-left:2rem;margin-bottom:1rem;color:#0a132f}.recommend-section ul li::before{content:"\2713";position:absolute;left:0;top:0.2rem;color:#b0cc92;font-weight:bold}#history h2{font-weight:500}#history img{filter:drop-shadow(0px 0px 5px #777)}#step{color:#fff}#step p{text-align:left}#step .container{background-color:#a4c2dd;position:relative;overflow:hidden;padding:2em;filter:drop-shadow(0px 0px 5px #fff)}#step .secheader img{width:2rem}#step .secheader h2{position:relative;padding:1.5rem;text-align:center;background:#fff;color:#0a132f;font-weight:500}#step .secheader p{color:#0a132f}.step{position:relative;margin-bottom:50px;padding-bottom:20px}.step p{margin:0;font-size:1.6rem}.step img{width:90vw;max-width:600px}.stephead{width:100%;margin:3em 0}.head-img{width:30vw;max-width:300px}.arrow{position:absolute;left:50%;transform:translateX(-50%);width:0;height:0}.arrow::before,.arrow::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:0;height:0;border-style:solid}.arrow::before{border-width:60px 400px 0 400px;border-color:#fff transparent transparent transparent}.arrow::after{top:-2px;border-width:60px 400px 0 400px;border-color:#a4c2dd transparent transparent transparent}.original-gradient{height:100%;width:auto;background-image:linear-gradient(0deg, #fff, #a4c2dd 10%, rgba(238,241,245,0))}#uservoice p{padding:0;margin:0}.ph-scale{display:flex;justify-content:center;align-items:flex-end;gap:clamp(5px, 2vw, 2rem);margin-top:20px;position:relative;flex-wrap:nowrap;max-width:100%}.ph-item{text-align:center;font-size:1rem;position:relative;min-width:20px}.ph-item .icon{width:clamp(5px, 6vw, 45px);height:auto;display:block;margin:0 auto;filter:drop-shadow(0px 0px 4px #fff)}.ph-label{top:5px;color:#fff;font-size:1.5rem}.ph-scale-container{width:100%;display:flex;justify-content:center}.acid-alkali-labels{display:flex;justify-content:space-between;width:100%;max-width:600px;margin:5px auto 0;font-size:1.2rem;font-weight:bold}@media (max-width: 480px){.ph-scale{gap:1px}.ph-item{font-size:.8rem;min-width:18px}.ph-label{font-size:.8rem}.acid-alkali-labels{font-size:1rem}}.ph-0 svg{color:#ffb6c1}.ph-1 svg{color:#ffa07a}.ph-2 svg{color:#ffd700}.ph-3 svg{color:#ffe4b5}.ph-4 svg{color:#ffff99}.ph-5 svg{color:#c5e1a5}.ph-6 svg{color:#a5d6a7}.ph-7 svg{color:#b2dfdb}.ph-8 svg{color:#add8e6}.ph-9 svg{color:#87ceeb}.ph-10 svg{color:#87cefa}.ph-11 svg{color:#6495ed}.ph-12 svg{color:#6a5acd}.ph-13 svg{color:#9370db}.ph-14 svg{color:#d8bfd8}.column,.columns{float:left;box-sizing:border-box;width:100%;margin-left:4%}.column:first-child,.columns:first-child{margin-left:0}.one.column,.one.columns{width:4.66666666667%}.two.columns{width:13.3333333333%}.three.columns{width:22%}.four.columns{width:30.6666666667%}.five.columns{width:39.3333333333%}.six.columns{width:48%}.seven.columns{width:56.6666666667%}.eight.columns{width:65.3333333333%}.nine.columns{width:74%}.ten.columns{width:82.6666666667%}.eleven.columns{width:91.3333333333%}.twelve.columns{width:100%;margin-left:0}.one-third.column{width:30.6666666667%}.two-thirds.column{width:65.3333333333%}.one-half.column{width:48%}.offset-by-one.column,.offset-by-one.columns{margin-left:8.66666666667%}.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}.offset-by-three.column,.offset-by-three.columns{margin-left:26%}.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}.offset-by-six.column,.offset-by-six.columns{margin-left:52%}.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}.offset-by-nine.column,.offset-by-nine.columns{margin-left:78%}.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}#return{text-align:left;font-size:1.6rem}#return dd{margin-inline-start:0px}.btn-img{max-width:100%;vertical-align:middle}.ecbn-selection-description span{position:relative;padding:1.5rem;text-align:center}.ecbn-selection-content--active::after{content:"※PR投稿を含みます";position:relative;font-size:1.2rem;color:#3d3b3b;}.ecbn-selection-image-loading-more{display:none;}.ecbn-selection-page-wrapper .ecbn-selection-title{margin-top:30px;}.ecbn-selection-page-wrapper .ecbn-selection-footer2{margin-bottom:3em;} main{margin-bottom:5em;}