*{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}table{border-collapse:collapse;border-spacing:0;font-weight:400}table caption,table th,table td{text-align:left;vertical-align:middle}table caption,table th{font-weight:300}table td{font-weight:200}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a{display:inline-block;color:#523f24;text-decoration:none}a:link,a:active,a:visited{color:#523f24}a:hover{cursor:pointer}a img{border:none}img{vertical-align:bottom;max-width:100%}ul{list-style:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}input,button,textarea,select{margin:0;border:none;outline:none;letter-spacing:.1em}img.cover,video.cover{object-fit:cover}h1{font-weight:400}h2,h3,h4,h5,h6{font-weight:500}p{margin:0}:placeholder-shown{color:#8a8a8a}::-webkit-input-placeholder{color:#8a8a8a}:-moz-placeholder{color:#8a8a8a;opacity:1}::-moz-placeholder{color:#8a8a8a;opacity:1}:-ms-input-placeholder{color:#8a8a8a}*:focus{outline:none}.pc{display:block}@media(max-width:767px){.pc{display:none}}@media(min-width:768px)and (max-width:1024px){.pc{display:none}}.pc-tab{display:block}@media(max-width:767px){.pc-tab{display:none}}@media(min-width:768px)and (max-width:1024px){.pc-tab{display:block}}.tab{display:none}@media(max-width:767px){.tab{display:none}}@media(min-width:768px)and (max-width:1024px){.tab{display:block}}.tab-sp{display:none}@media(max-width:767px){.tab-sp{display:block}}@media(min-width:768px)and (max-width:1024px){.tab-sp{display:block}}.sp{display:none}@media(max-width:767px){.sp{display:block}}@media(min-width:768px)and (max-width:1024px){.sp{display:none}}.fL{float:left}.fR{float:right}.flex{display:flex}.grid{display:grid}.varela{font-family:Varela,serif}.montserrat{font-family:Montserrat,serif}.center{text-align:center}.right{text-align:right}.left{text-align:left}.bold{font-weight:700}.is-fixed{display:none}.mT20{margin-top:2rem}.mT40{margin-top:4rem}.mT60{margin-top:6rem}.fs40{font-size:40px}html{font-size:62.5%;line-height:1}body{position:relative;color:#523f24;font-size:clamp(14px,14px + 2 * (100vw - 767px) / 599,16px);font-weight:500;line-height:1.875;letter-spacing:.1em;font-feature-settings:"palt";-webkit-text-size-adjust:100%;font-family:Zen Kaku Gothic New,serif;overflow-x:hidden}main{overflow-x:clip;overflow-y:initial}section{padding:100px 0 60px}@media(max-width:767px){section{padding:40px 0}}h2{margin-bottom:50px;font-size:clamp(30px,30px + 10 * (100vw - 767px) / 599,40px);text-align:center;font-weight:700;line-height:1.45}@media(max-width:767px){h2{margin-bottom:35px}}.sec-ttl{font-size:clamp(20px,20px + 10 * (100vw - 767px) / 599,30px);font-weight:300;margin-bottom:50px;line-height:1em}@media(max-width:767px){.sec-ttl{margin-bottom:30px}}.inner{max-width:1200px;width:92%;margin:0 auto}a:hover{opacity:.7}header{position:fixed;top:20px;left:50%;display:flex;justify-content:space-between;align-items:center;width:calc(100% - 30px);max-width:1260px;height:80px;padding:0 30px;background-color:#ffffffb3;transform:translate(-50%);z-index:9999}@media(min-width:768px)and (max-width:1024px){header{padding:0 20px}}@media(max-width:767px){header{top:10px;background-color:initial;padding:0 15px;height:50px}}header nav{padding:0 30px}@media(min-width:768px)and (max-width:1024px){header nav{padding:0 20px}}header .h-logo{color:#222;padding-top:5px;font-size:30px}@media(max-width:767px){header .h-logo{font-size:20px;text-shadow:0px 0px 10px white;padding-top:0}}header .nav-wrap{align-items:center;height:100%}@media(max-width:767px){header .nav-wrap{display:none}}header .nav-wrap .nav-list{letter-spacing:0;font-weight:500}header .nav-wrap .nav-list.nav-list{margin-left:30px}@media(min-width:768px)and (max-width:1024px){header .nav-wrap .nav-list.nav-list{margin-left:20px}}header .nav-wrap .nav-list.link-store{position:relative;margin-left:120px}@media(min-width:768px)and (max-width:1024px){header .nav-wrap .nav-list.link-store{margin-left:80px}}header .nav-wrap .nav-list.link-store:before{content:"";position:absolute;top:.875em;left:-100px;width:80px;height:1px;background-color:#ccc}@media(min-width:768px)and (max-width:1024px){header .nav-wrap .nav-list.link-store:before{left:-60px;width:40px}}.mainv{position:relative;width:100%;height:calc(100vh - 30px)}.mainv .catch{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);min-width:240px;color:#fff;text-align:center}.mainv .catch h1{color:#fff!important;font-size:clamp(40px,40px + 20 * (100vw - 767px) / 599,60px);text-shadow:0px 0px 16px rgba(0,0,0,.2)}.mainv .catch p{color:#fff!important;font-size:clamp(15px,15px + 5 * (100vw - 767px) / 599,20px);text-shadow:0px 0px 16px rgba(0,0,0,.2)}.mainv video{width:100%;height:100%;object-fit:cover}#concept{position:relative;padding:60px 0;overflow:hidden}@media(max-width:767px){#concept{padding:40px 0}}#concept .sec-ttl{text-align:center}#concept .flex{justify-content:space-between}@media(max-width:767px){#concept .flex{flex-wrap:wrap;justify-content:center}}#concept .ttl{font-size:clamp(25px,25px + 13 * (100vw - 767px) / 599,38px)}#concept p{margin-top:2.5em}#concept p+p{margin-top:2em}#concept .flex-left{padding-top:60px}@media(min-width:768px)and (max-width:1024px){#concept .flex-left{width:calc(50% - 20px);max-width:420px;padding-top:20px}}@media(max-width:767px){#concept .flex-left{padding:0 0 30px}}#concept .flex-right{width:calc(50% + 40px)}@media(min-width:768px)and (max-width:1024px){#concept .flex-right{width:50%}}@media(max-width:767px){#concept .flex-right{width:100%;max-width:640px;margin:0 auto}}#concept .flex-right .img01{position:relative;width:65.625%;max-width:420px;z-index:2}#concept .flex-right .img02{position:relative;width:62.5%;max-width:400px;margin:-60px 0 0 auto;z-index:1}#concept:before{content:"";position:absolute;bottom:18%;right:-40%;width:78%;aspect-ratio:1/1;background:#fffbe5;background:radial-gradient(circle,#fffbe5,#f5f5ea 42%,#fff 78%);z-index:-1}@media(max-width:767px){#concept:before{bottom:-15%;right:15%;width:120%}}#concept:after{content:"";position:absolute;bottom:-62%;left:3%;width:56%;aspect-ratio:1/1;background:#fffcde;background:radial-gradient(circle,#fffcde,#fff 78%);z-index:-2}@media(max-width:767px){#concept:after{top:-15%;bottom:inherit;left:inherit;right:-10%;width:80%}}#lineup .ttl{font-size:clamp(25px,25px + 13 * (100vw - 767px) / 599,38px);font-weight:300}@media(max-width:767px){#lineup .ttl{line-height:1.5em}}#lineup .sub-ttl{font-size:clamp(16px,16px + 10 * (100vw - 767px) / 599,26px)}#lineup .inner+.inner{margin-top:80px}@media(max-width:767px){#lineup .inner+.inner{margin-top:40px}}#lineup .flex{justify-content:space-between}@media(max-width:767px){#lineup .flex{flex-wrap:wrap;justify-content:center}}#lineup .flex-box{margin-top:50px;padding:0 60px}@media(min-width:768px)and (max-width:1024px){#lineup .flex-box{padding:0}}@media(max-width:767px){#lineup .flex-box{margin-top:30px;padding:0}}#lineup .flex-box .box-care{width:calc(50% - 20px);max-width:500px}@media(max-width:767px){#lineup .flex-box .box-care{width:100%}#lineup .flex-box .box-care+.box-care{margin-top:30px}}#lineup .flex-box .box-care .ttl{font-weight:300;font-size:clamp(20px,20px + 10 * (100vw - 767px) / 599,30px);line-height:1.2333333333;margin-top:1em}#lineup .flex-box .box-care p{margin-top:1.25em}@media(max-width:767px){#lineup .flex-box .box-care p{margin-top:.875em}}#lineup .flex-box .box-care .flex-box{padding:0}@media(max-width:767px){#lineup .flex-box .box-care .flex-box{gap:20px}}#lineup .btn{width:49%;padding:10px 0;text-align:center;font-weight:500;line-height:1.5;color:#523f24;border:1px solid #523F24;transition:all .5s ease}@media(max-width:767px){#lineup .btn{width:100%}}#lineup .video-wrap{width:100%;max-width:858px;margin:40px auto 0}@media(max-width:767px){#lineup .video-wrap{margin:20px auto 0}}#lineup video{width:100%;height:100%;object-fit:cover}#lineup .lineup-comb .flex-box{max-width:858px;margin:50px auto 0;padding:0}@media(max-width:767px){#lineup .lineup-comb .flex-box{gap:20px}}#lineup .step-box{margin-top:60px;padding:0 60px;flex-wrap:wrap;justify-content:space-between}@media(min-width:768px)and (max-width:1024px){#lineup .step-box{padding:0}}@media(max-width:767px){#lineup .step-box{margin-top:30px;padding:0;justify-content:center}}#lineup .step-box li{width:calc(50% - 20px);max-width:500px;margin-bottom:40px;padding:30px 40px 40px;color:#fff}@media(max-width:767px){#lineup .step-box li{width:100%;margin-bottom:20px;padding:20px}}#lineup .step-box li:last-child{margin-bottom:0}#lineup .step-box li.step01{background-color:#95cad6}#lineup .step-box li.step02{background-color:#b7a1c5}#lineup .step-box li.step03{background-color:#8ec8ba}#lineup .step-box li.step04{background-color:#f2a69c}#lineup .step-box li.step05{background-color:#a3bbe1}#lineup .step-box .step-ttl{color:#fff!important;font-weight:300;margin-bottom:1.25em}#lineup .step-box .step-ttl-l{position:relative;font-size:clamp(35px,35px + 15 * (100vw - 767px) / 599,50px);padding-right:1.14em;line-height:1em}#lineup .step-box .step-ttl-l:before{content:"";position:absolute;top:.125em;right:.4em;width:1px;height:1em;background-color:#fff;transform:rotate(45deg)}#lineup .step-box .step-ttl-s{font-size:clamp(16px,16px + 4 * (100vw - 767px) / 599,20px)}#lineup .step-box .img{margin-bottom:15px}#lineup .step-box .lead-ttl{font-size:clamp(20px,20px + 8 * (100vw - 767px) / 599,28px);letter-spacing:.05em}#lineup .step-box .treatment-ttl{font-size:clamp(18px,18px + 8 * (100vw - 767px) / 599,26px);letter-spacing:0;font-weight:300;margin-bottom:.25em}#link{padding:20px 0 60px}@media(max-width:767px){#link{padding:0 0 30px}}#link .flex{justify-content:space-evenly}@media(max-width:767px){#link .flex{flex-wrap:wrap;width:92%;margin:0 auto}}#link p{text-align:center}#link .link-box{position:relative;display:block;width:calc(50% - 30px);margin:40px auto 0}@media(max-width:767px){#link .link-box{width:100%;max-width:500px}}#link .link-box h3{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);color:#fff;font-weight:300;font-size:clamp(20px,20px + 10 * (100vw - 767px) / 599,30px);z-index:2;min-width:160px;text-align:center}#link .link-box img{filter:grayscale(100%);-webkit-filter:grayscale(100%);transition:all .5s ease}#link .link-box:hover{opacity:1}#link .link-box:hover img{filter:grayscale(0%);-webkit-filter:grayscale(0%)}#contact{padding:80px 0;background:url(//nanohana.pif-inc.com/cdn/shop/t/2/assets/contact-back.jpg?v=20180574451507582471775708822) no-repeat right/contain}@media(max-width:767px){#contact{position:relative;background:url(//nanohana.pif-inc.com/cdn/shop/t/2/assets/contact-back.jpg?v=20180574451507582471775708822) no-repeat right/cover;padding:40px 0}#contact:before{content:"";position:absolute;top:0;left:0;background-color:#fff;width:100%;height:100%;opacity:.7;z-index:1}}@media(max-width:767px){#contact .inner{position:relative;z-index:2}}#contact .sec-ttl{text-align:left}#contact p{margin:2.5em 0 3.75em}@media(max-width:767px){#contact p{margin:1.875em 0 2.5em}}#contact .btn{position:relative;width:260px;text-align:center;font-weight:500;line-height:50px;color:#523f24;border:1px solid #523F24;transition:all .5s ease}@media(max-width:767px){#contact .btn{max-width:200px}}#contact .btn:before{content:"";position:absolute;top:19px;right:20px;width:15px;height:12px;background:url(//nanohana.pif-inc.com/cdn/shop/t/2/assets/arr.svg?v=93770167209340675411775708817) no-repeat right/contain}#contact .btn:hover,#lineup .btn:hover{background-color:#eeedea;opacity:1}footer .inner{padding:10px 0 12px}footer .flex{justify-content:space-between;align-items:center}footer .logo{font-size:clamp(20px,20px + 6 * (100vw - 767px) / 599,26px);margin-bottom:10px;color:#222}@media(max-width:767px){footer .logo{margin-bottom:5px}}footer .sns{margin-right:100px}@media(max-width:767px){footer .sns{margin-right:20px}}footer .sns h3{font-size:14px;font-weight:500;letter-spacing:0}footer .sns .flex{justify-content:flex-start}footer .sns .flex div+div{margin-left:30px}footer .copy{background-color:#eeedea;line-height:1.5;font-size:12px;letter-spacing:0;padding:30px 0}@media(max-width:767px){footer .copy{padding:15px 0}}.product.grid{grid-template-columns:1fr 1fr}@media(max-width:767px){.product.grid{display:block}}.grid--2-col-tablet .grid__item{width:100%}@media(min-width:990px){.product--large:not(.product--no-media) .product__info-wrapper,.product--large:not(.product--no-media) .product__media-wrapper{width:100%!important;max-width:100%!important}}.product-grid{grid-template-columns:1fr 1fr 1fr 1fr;gap:10px}@media(max-width:767px){.product-grid{grid-template-columns:1fr 1fr}}.product-grid .grid__item{width:100%;max-width:100%}
/*# sourceMappingURL=/cdn/shop/t/2/assets/style.css.map */