@charset "UTF-8";*{font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif}body{color:#333}h1,h2,h3,h4,h5,h6,p{line-height:1.6em}a img{opacity:1;-webkit-transition:opacity .4s;transition:opacity .4s}a:hover img{opacity:.8}a.opacity{opacity:1;-webkit-transition:opacity .4s;transition:opacity .4s}a.opacity:hover{opacity:.8}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.center-block{display:block;margin-left:auto;margin-right:auto}.center{text-align:center}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.f-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.f-jc-sb{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.f-jc-c{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.f-jc-fe{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.f-ai-c{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.f-ai-fs{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.f-ai-fe{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.f-ac-c{-ms-flex-line-pack:center;align-content:center}.base{width:100%;max-width:1170px;margin:0 auto;padding:0 15px}.wrap{position:relative;max-width:46.875rem;margin:0 auto;overflow:hidden}.fade-up{-webkit-transform:translateY(1.875rem);transform:translateY(1.875rem);opacity:0;visibility:hidden;-webkit-transition:opacity 1s,visibility 1s,-webkit-transform 1s;transition:opacity 1s,visibility 1s,-webkit-transform 1s;transition:transform 1s,opacity 1s,visibility 1s;transition:transform 1s,opacity 1s,visibility 1s,-webkit-transform 1s}.fade-up.is-active{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;visibility:visible}.fade-right{-webkit-transform:translateX(-1.875rem);transform:translateX(-1.875rem);opacity:0;visibility:hidden;-webkit-transition:opacity 1s,visibility 1s,-webkit-transform 1s;transition:opacity 1s,visibility 1s,-webkit-transform 1s;transition:transform 1s,opacity 1s,visibility 1s;transition:transform 1s,opacity 1s,visibility 1s,-webkit-transform 1s}.fade-right.is-active{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;visibility:visible}.fade-left{-webkit-transform:translateX(1.875rem);transform:translateX(1.875rem);opacity:0;visibility:hidden;-webkit-transition:opacity 1s,visibility 1s,-webkit-transform 1s;transition:opacity 1s,visibility 1s,-webkit-transform 1s;transition:transform 1s,opacity 1s,visibility 1s;transition:transform 1s,opacity 1s,visibility 1s,-webkit-transform 1s}.fade-left.is-active{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;visibility:visible}.ani-jump{animation:floating-y 1.5s ease-in-out infinite alternate-reverse}@-webkit-keyframes floating-y{0%{-webkit-transform:translateY(-.625rem);transform:translateY(-.625rem)}100%{-webkit-transform:translateY(.625rem);transform:translateY(.625rem)}}@keyframes floating-y{0%{-webkit-transform:translateY(-.625rem);transform:translateY(-.625rem)}100%{-webkit-transform:translateY(.625rem);transform:translateY(.625rem)}}.fv{position:relative}.fv__product{position:absolute;bottom:14.6875rem;right:1.875rem;width:24.625rem}.fv__btn{position:absolute;bottom:4.25rem;left:11.5625rem;width:23.875rem}.topic{position:relative;overflow:hidden}.topic__pic01{position:absolute;top:2.9375rem;left:-2.125rem;width:21rem}.topic__pic02{position:absolute;top:15rem;left:12.625rem;width:21rem;-webkit-transition-delay:.8s;transition-delay:.8s}.topic__pic03{position:absolute;top:1.6875rem;right:-1.5625rem;width:21rem;-webkit-transition-delay:.2s;transition-delay:.2s}.topic__pic04{position:absolute;top:31.875rem;left:-1.9375rem;width:21rem;-webkit-transition-delay:.2s;transition-delay:.2s}.topic__pic05{position:absolute;top:41.4375rem;left:9.625rem;width:21rem;-webkit-transition-delay:.4s;transition-delay:.4s}.topic__pic06{position:absolute;top:29.375rem;right:-5rem;width:21rem;-webkit-transition-delay:.6s;transition-delay:.6s}.milk{position:relative}.milk__product{position:absolute;top:28.75rem;left:7.4375rem;width:39.375rem}.milk__btn{position:absolute;bottom:7.1875rem;left:11.5625rem;width:23.875rem}.worries01{position:relative}.worries01__txt{position:absolute;bottom:2.25rem;left:1.75rem;width:22rem}.worries02{position:relative}.worries02__txt{position:absolute;bottom:1.5625rem;right:1.6875rem;width:24.125rem}.worries03{position:relative}.worries03__txt{position:absolute;bottom:2.5rem;left:1.75rem;width:20.625rem}.worries04{position:relative}.worries04__txt{position:absolute;bottom:3.8125rem;right:1.6875rem;width:23.75rem}.comparison{position:relative}.comparison__product01{position:absolute;bottom:44.375rem;left:1.875rem;width:19.78125rem}.comparison__product02{position:absolute;bottom:44.375rem;right:.9375rem;width:20.6875rem}.comparison__btn01{position:absolute;bottom:5.3125rem;left:3rem;width:17.375rem}.comparison__btn02{position:absolute;bottom:5.3125rem;right:3rem;width:17.375rem}.repair{position:relative}.repair__illust{position:absolute;bottom:6.5625rem;left:6.375rem;width:35.875rem}.approach{position:relative}.approach__pic{position:absolute;bottom:11.875rem;left:5.25rem;width:21.5625rem}.approach__txt{position:absolute;bottom:16rem;right:5.4375rem;width:15.875rem}.product{position:relative}.product__mist{position:absolute;top:0;left:.8125rem;width:28.5rem}.product__milk{position:absolute;top:11.75rem;right:5.125rem;width:17.6875rem}.product__btn01{position:absolute;bottom:13.6875rem;left:3rem;width:17.375rem}.product__btn02{position:absolute;bottom:13.6875rem;right:3rem;width:17.375rem}.how{position:relative}.how__tab{position:relative;height:5.5625rem}.webp .how__tab{background:url(../../img/img_how_bg.webp) no-repeat center center/cover}.no-webp .how__tab{background:url(../../img/img_how_bg.jpg.jpg) no-repeat center center/cover}.how__tab__milk,.how__tab__mist{position:absolute;top:0;width:23.875rem;cursor:pointer}.how__tab__milk .btn01,.how__tab__mist .btn01{display:none}.how__tab__milk.active,.how__tab__mist.active{z-index:2}.how__tab__milk.active .btn01,.how__tab__mist.active .btn01{display:block}.how__tab__milk.active .btn02,.how__tab__mist.active .btn02{display:none}.how__tab__mist{left:0}.how__tab__milk{right:0}.how__panel__milk,.how__panel__mist{position:relative;display:none}.how__panel__milk.active,.how__panel__mist.active{display:block}.how__panel__milk .movie,.how__panel__mist .movie{position:absolute;top:1.875rem;left:6.875rem;width:33.5rem;border-radius:2.0625rem;overflow:hidden}.how__panel__milk .movie video,.how__panel__mist .movie video{width:100%}.line__ttl{position:relative}.line__ttl .btn01{left:11.875rem;bottom:1.5rem}.line__ttl .btn02{bottom:1.5rem;right:11.6875rem}.line .btn01,.line .btn02,.line .btn03{position:absolute;width:10.6875rem}.line01{position:relative}.line01 .btn01{left:10.3125rem;bottom:1.5rem}.line01 .btn02{bottom:1.5rem;right:10.3125rem}.line02{position:relative}.line02 .btn01{left:3.875rem;bottom:1.3125rem}.line02 .btn02{bottom:1.3125rem;left:16.5625rem}.line02 .btn03{bottom:1.3125rem;right:3rem}.line03{position:relative}.line03 .btn01{bottom:2.9375rem;left:3rem}.line03 .btn02{bottom:2.9375rem;left:18.4375rem}.line03 .btn03{bottom:2.9375rem;right:3rem}.line04{position:relative}.line04 .btn01{bottom:6.9375rem;left:3.875rem}.line04 .btn02{bottom:6.9375rem;left:16.5625rem}.line04 .btn03{bottom:6.9375rem;right:3rem}.follow{position:fixed;bottom:-1px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);max-width:46.875rem;width:100%;z-index:999;opacity:0;visibility:hidden;-webkit-transition:.4s;transition:.4s}.follow.active{opacity:1;visibility:visible}@media (min-width:751px){html{font-size:16px}}@media (max-width:750px){html{font-size:2.1333333333vw}}@media only screen and (min-width:768px){.sp{display:none!important}}@media only screen and (max-width:767px){.pc{display:none!important}}
/*# sourceMappingURL=../maps/layout/base.min.css.map */