.bgGray{background:#f3f3f3}.flowUp{opacity:0;transform:translateY(80px);transition:opacity 1s, transform .75s}.flowUp.flowActive{opacity:1;transform:translateY(0)}.fvHeader{height:1566px;background:url("../../images/content/home/fv_bg.jpg") top center/100% no-repeat;padding:133px 0 0;margin-bottom:50px;text-align:center}.fvHeader .logo{margin-bottom:30px}.fvHeader .copy{margin-bottom:322px}.fvHeader .items{display:flex;justify-content:space-between;width:340px;height:416px;margin:0 auto}.fvHeader .desc{margin:30px 0 35px}.note{font-size:1.2rem;position:relative;z-index:10}.section01{overflow:hidden}.section01 .itemVox{position:relative}.section01 .itemVox::before{content:'';position:absolute;z-index:1;top:0;width:0;height:0;border-style:solid;border-width:770px 490px 0 490px;border-color:#fff transparent transparent transparent}.section01 .itemVox:nth-child(odd){padding:50px 0 115px}.section01 .itemVox:nth-child(odd)::before{left:0}.section01 .itemVox:nth-child(even)::before{top:50px;right:-5px;border-width:710px 450px 0 450px}.section01 .itemVox .inner{padding:0 0 0 20px;display:flex;position:relative;z-index:2}.section01 .itemVox .title{position:relative}.section01 .itemVox .title::before{content:'';position:absolute;z-index:2;top:0;width:0;height:0;border-style:solid;border-width:500px 320px 0 320px;border-color:#b482b7 transparent transparent transparent;opacity:0;transition:opacity .2s}.section01 .itemVox .title .copy{opacity:0;transition:opacity .5s .2s, transform .5s .2s}.section01 .itemVox .title .copy,.section01 .itemVox .title .name,.section01 .itemVox .title .img{position:relative;z-index:3}.section01 .itemVox .title.flowActive::before,.section01 .itemVox .title.flowActive .copy{opacity:1}.section01 .itemVox .title.flowActive .copy{transform:translateX(0) !important}.section01 .itemVox.bleach .title{padding:50px 0 0}.section01 .itemVox.bleach .title::before{left:-205px}.section01 .itemVox.bleach .title .copy{margin-bottom:70px;transform:translateX(-400px)}.section01 .itemVox.bleach .title .name{padding-left:10px}.section01 .itemVox.bleach .img{margin-top:8px;margin-left:-50px}.section01 .itemVox.ash .inner{flex-direction:row-reverse}.section01 .itemVox.ash .title{padding:30px 50px 0 0;text-align:right}.section01 .itemVox.ash .title::before{right:-185px}.section01 .itemVox.ash .title .copy{margin-bottom:55px;transform:translateX(400px)}.section01 .itemVox.ash .title .name{padding-right:30px}.section01 .itemVox.ash .img{margin-left:-50px}.section01 .note{font-size:1.6rem}.section01 .note.top{padding-left:20px;margin-bottom:1em}.section01 .note.bottom{padding:40px 0 130px 285px}.section02{padding:30px 0 40px}.section02 .itemVox{position:relative}.section02 .itemVox .circle{padding:115px 0 0 25px;position:relative;z-index:2}.section02 .itemVox .circle::before{content:'';position:absolute;top:0;z-index:1;background:#9798ca;width:500px;height:500px;border-radius:100%}.section02 .itemVox .circle .title,.section02 .itemVox .circle .desc{position:relative;z-index:2}.section02 .itemVox .circle .title{margin-bottom:20px}.section02 .itemVox .circle .desc{font-weight:bold;line-height:1.5}.section02 .itemVox .circle.main::before{opacity:0;transition:opacity .2s}.section02 .itemVox .circle.main .title{transform:translateX(-400px);opacity:0;transition:opacity .5s .2s, transform .5s .2s}.section02 .itemVox .circle.main .desc{font-size:2.8rem}.section02 .itemVox .circle.main.flowActive::before,.section02 .itemVox .circle.main.flowActive .title{opacity:1}.section02 .itemVox .circle.main.flowActive .title{transform:translateX(0) !important}.section02 .itemVox .img{position:absolute;z-index:1}.section02 .itemVox.time{padding-top:20px;margin-bottom:60px}.section02 .itemVox.time .circle{height:500px}.section02 .itemVox.time .circle::before{left:-65px}.section02 .itemVox.time .img{width:770px;top:0;left:50px}.section02 .itemVox.time .desc{padding-left:.2em}.section02 .itemVox.what .circle{padding-top:20px;height:360px}.section02 .itemVox.what .circle::before{width:355px;height:360px;right:-27px;margin-left:auto}.section02 .itemVox.what .title{padding-left:455px;margin-bottom:15px}.section02 .itemVox.what .img{width:770px;top:0;left:50px}.section02 .itemVox.what .desc{text-align:right;padding-right:35px}.section02 .itemVox.amino{margin:-60px 0 60px}.section02 .itemVox.amino .circle{padding-top:100px}.section02 .itemVox.amino .circle::before{width:485px;height:485px;left:-95px}.section02 .itemVox.amino .circle .title{margin-bottom:25px}.section02 .itemVox.amino .img{top:90px;right:15px}.section02 .note.bottom{font-size:1.7rem;padding:95px 0 0 145px}.section03{background:#fff;padding:50px 0}.section03 .itemVox{position:relative;overflow:hidden}.section03 .itemVox::before,.section03 .itemVox::after{content:'';position:absolute;z-index:4;width:0;height:0;border-style:solid}.section03 .itemVox::before{top:0;left:0;border-width:162px 190px 0 0;border-color:#fff transparent transparent transparent}.section03 .itemVox::after{right:0;bottom:0;border-width:0 0 138px 165px;border-color:transparent transparent #fff transparent}.section03 .itemVox .title{position:absolute;z-index:3;width:420px;height:410px;background:#b482b7;padding:110px 0 0 85px}.section03 .itemVox .name{position:absolute;z-index:3;left:80px;bottom:135px}.section03 .itemVox .layer01{position:relative;z-index:1;width:100%;height:100%}.section03 .itemVox .layer01 .model{position:absolute;opacity:0;transform:translate(-450px, 80px);transition:opacity 1s, transform .4s}.section03 .itemVox .layer01.flowActive .model{opacity:1;transform:translate(0, 0)}.section03 .itemVox .layer02{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%}.section03 .itemVox .layer02::after{content:'';position:absolute;z-index:1;bottom:0;left:50%;background:#e7ebef;width:100%;height:100%;transform:skew(-45.75deg, 0deg)}.section03 .itemVox .layer02 .model{position:absolute;z-index:2;opacity:0;transform:translate(450px, 80px);transition:opacity 1s .2s, transform .7s .2s}.section03 .itemVox .layer02.flowActive .model{opacity:1;transform:translate(0, 0)}.section03 .itemVox .note{position:absolute;z-index:2;font-size:1.9rem}.section03 .itemVox.bleach{height:731px;margin-bottom:30px}.section03 .itemVox.bleach .title{right:0}.section03 .itemVox.bleach .layer01{background:#f3f3f4}.section03 .itemVox.bleach .layer01 .model{top:100px;left:-185px}.section03 .itemVox.bleach .layer02 .model{bottom:-100px;right:0}.section03 .itemVox.bleach .note{bottom:2px;left:40px}.section03 .itemVox.ash{height:724px}.section03 .itemVox.ash::before{border-width:152px 152px 0 0}.section03 .itemVox.ash::after{border-width:0 0 200px 200px}.section03 .itemVox.ash .title{left:0;bottom:0;width:415px;height:400px;padding:90px 0 0 55px}.section03 .itemVox.ash .name{top:128px;right:130px;left:auto}.section03 .itemVox.ash .note{top:10px;right:40px}.section03 .itemVox.ash .layer01{background:#d3d5d4}.section03 .itemVox.ash .layer01 .model{top:0;left:30px}.section03 .itemVox.ash .layer02::after{left:50.1%;background:#f1eeea;transform:skew(-46deg, 0deg)}.section03 .itemVox.ash .layer02 .model{right:-140px;bottom:-80px}.section04{min-height:960px;background:url("../../images/content/home/bottom_bg.png") top 70px center/100% no-repeat;padding-top:70px;position:relative}.section04 .logo{position:absolute;top:92px;left:29px}.section04 .logo img{width:320px}.section04 .inner{display:flex;justify-content:space-between}.section04 .itemVox{text-align:center}.section04 .itemVox.shampoo{width:350px;padding-top:170px}.section04 .itemVox.shampoo .img{margin-bottom:12px}.section04 .itemVox.shampoo .title{margin-bottom:35px}.section04 .itemVox.treatment{width:345px;padding-top:25px}.section04 .itemVox.treatment .title{margin-bottom:15px}.section04 .itemVox.treatment .img{margin-bottom:30px}.foot{padding:0px 0 70px;position:relative}.foot::before{content:'';position:absolute;top:55px;left:50%;margin-left:-205px;z-index:1;width:410px;height:380px;background:#fff}.foot .itemVox{padding:0 0 70px 340px;margin-bottom:20px;position:relative;z-index:2}.foot .itemVox .title{width:300px;background:#b482b7;text-align:center;padding:15px 0 60px}.foot .itemVox .note{font-size:1.7rem;font-weight:bold;padding:5px 0 0 50px;margin-bottom:155px}.foot .itemVox .push{padding-left:60px}.foot .itemVox .img{position:absolute;top:120px;left:90px}.foot .shopVox{text-align:center}.foot .shopVox .title{margin-bottom:30px}.foot .shopVox .links li:not(:last-child){margin-bottom:50px}.foot .shopVox .links li img{filter:drop-shadow(0px 30px 20px rgba(112,27,124,0.1))}