.home section{position:relative}#kv{position:relative;width:100%;height:100vh;background:url(/cdn/shop/files/quatro_img_kv.jpg) no-repeat 50% 50% / cover}#kv .txt{position:absolute;top:50%;left:50%;font-size:22.75vw;line-height:100%;color:#fff;font-weight:700;font-family:Helvetica;opacity:.64;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#kv .ttl{display:flex}#kv .ttl .letter{position:relative;display:block;overflow:hidden}#kv .ttl .letter span{display:inline-block;transform:translate(100%);transition:all .75s cubic-bezier(.19,1,.22,1) .5s}body.init #kv .ttl .letter span{transform:translate(0)}#kv .btn-scroll{position:absolute;bottom:0;left:50%;width:12px;height:150px;text-decoration:none;z-index:1100;-webkit-transform:translate(-50%,0);transform:translate(-50%)}#kv .btn-scroll .txt{color:#a5a5a5;font-size:16px;font-family:Helvetica}#kv .btn-scroll .bar{overflow:hidden;display:block;position:absolute;bottom:0;left:0;width:12px;height:52px;content:""}#kv .btn-scroll span span{position:absolute;bottom:0;left:50%;display:block;width:1px;height:100px;border-left:1xp solid #A5A5A5;margin-left:-1px;border-left:1px solid #A5A5A5;border-bottom:1px solid #A5A5A5;-webkit-animation:sdb 1.5s infinite;animation:sdb 1.5s infinite;box-sizing:border-box}@-webkit-keyframes sdb{0%{-webkit-transform:translate(0,0);opacity:0}50%{opacity:1}to{-webkit-transform:translate(0,0);opacity:0}}@keyframes sdb{0%{transform:translateY(-200px);transform-origin:bottom;opacity:1}50%{transform:scale(1);transform-origin:top;opacity:1}75%{opacity:1}to{transform:translateY(100px);opacity:0}}@media screen and (max-width:640px){#kv .btn-scroll .txt{font-size:14px}}.home .bg-dot{position:relative;padding:75px 0 90px}.home .bg-dot .bg{position:absolute;top:0;left:0;width:100%;height:70%;content:"";background:url(/cdn/shop/files/quatro_bg_dot.png) repeat 0 20px;opacity:.7}@media screen and (max-width:960px){.home .bg-dot{padding:7.5% 0 9%}}.h-section01{z-index:10}@media(min-width:1201px){.h-section01 .column02{display:flex;align-items:center}.h-section01 .column02 .img-column{position:relative;width:61.8%;z-index:10}.h-section01 .column02 .txt-column{flex:1}.h-section01 .column02 .txt-inner{padding:0 21.3% 0 14.3%}}@media screen and (max-width:1500px){.h-section01 .column02 .txt-inner{padding-right:15%}}@media screen and (max-width:1200px){.h-section01 .column02 .img-column{width:94%}.h-section01 .column02 .txt-inner{padding:30px 6% 0}}.h-section02{z-index:10}.h-section02 .column02 .img-column{position:relative}.h-section02 .column02 .img01{width:87.1%}.h-section02 .column02 .img02{position:absolute;top:0;left:47.3%;width:47.3%}.h-section02 .column02 .img03{position:absolute;top:-7%;left:94.5%;width:47.3%}@media(min-width:1201px){.h-section02 .column02{display:flex;align-items:flex-end}.h-section02 .column02 .img-column{width:61.8%;padding:0 0 7.8%}.h-section02 .column02 .txt-column{flex:1}.h-section02 .column02 .txt-inner{padding:0 21.3% 0 14.3%}}@media screen and (max-width:1500px){.h-section02 .column02{margin-top:8%}.h-section02 .column02 .txt-inner{padding-right:15%}}@media screen and (max-width:1200px){.h-section02 .column02 .txt-inner{padding:30px 6% 0}.h-section02 .column02 .img-column{width:94%;margin-left:auto}.h-section02 .column02 .img01{width:60%}.h-section02 .column02 .img02{position:absolute;top:-5%;left:45%;width:30%}.h-section02 .column02 .img03{position:absolute;top:auto;bottom:-5%;left:auto;right:0;width:30%}}.h-section03{max-width:990px;width:100%;margin:0 auto;z-index:20}.h-section04{padding:90px 0;z-index:10}.h-section04 .bg{display:block;position:absolute;top:-155px;left:0;width:100%;height:-webkit-calc(100% + 310px);height:calc(100% + 310px);content:"";background:#f9f9f9;z-index:1}.h-section04 .column02{position:relative;max-width:1240px;width:90%;margin:0 auto;z-index:15}.h-section04 .txt-column p span{font-size:90%}@media(min-width:961px){.h-section04 .column02{display:flex;flex-flow:row-reverse;align-items:center}.h-section04 .column02 .img-column{width:49.2%}.h-section04 .column02 .txt-column{flex:1;padding:0 5% 0 0}}@media screen and (max-width:960px){.h-section04{padding:9% 0}.h-section04 .column02 .img-column{margin:0 0 30px}.h-section04 .bg{height:140%}}.h-section05{padding:90px 0;z-index:15}@media screen and (max-width:960px){.h-section05{padding:5% 0 9%}}@keyframes zoom{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes zoom2{0%{transform:scale(1)}to{transform:scale(1.1)}}.h-section05 .slider-parent{position:relative;width:80%;margin:0 0 30px auto}.h-section05 .img-slider .img{position:relative}.h-section05 .img-slider img{width:100%}.h-section05 .img-slider .img01{width:77.2%;margin:0 0 0 auto}.h-section05 .img-slider .img01 img{opacity:0;transition:all .3s .2s;animation:zoom 5s}.h-section05 .img-slider .img01 .current img{opacity:1;animation:zoom2 12s}.h-section05 .img-slider .img02{width:29.6%;position:absolute;top:50%;left:0;-webkit-transform:translate(0,-50%);transform:translateY(-50%);overflow:visible}.h-section05 .img-slider .img02 p{position:absolute;bottom:0;margin-bottom:-60px;width:200%;opacity:0;transition:all .3s}.h-section05 .img-slider .img02 .swiper-slide-thumb-active p{opacity:1;transition:all .3s}@media screen and (max-width:960px){.h-section05 .slider-parent{margin-bottom:50px}}.h-section05 .pager{position:absolute;bottom:0;left:0;margin-bottom:-60px;width:100%;height:30px}.h-section05 .pager .slider-thumbnail li{opacity:0!important}.h-section05 .pager .slider-thumbnail .swiper-slide-thumb-active{opacity:1!important}.h-section05 .pager .slider-thumbnail p{display:inline-block;margin:0}.h-section05 .button-prev,.h-section05 .button-next{width:11px;height:20px;background:none;top:auto;margin:0}.h-section05 .button-prev{left:-30px;bottom:0}.h-section05 .button-next{right:auto;left:180px;bottom:0}.h-section05 .button-prev,.h-section05 .button-next{position:absolute;display:block;height:20px;outline:none;cursor:pointer;z-index:1}.h-section05 .button-prev:after{content:"";display:block;position:absolute;top:0;left:0;width:12px;height:12px;border-bottom:1px solid #3f3a39;border-left:1px solid #3f3a39;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.h-section05 .button-next:after{content:"";display:block;position:absolute;top:0;left:0;width:12px;height:12px;border-top:1px solid #3f3a39;border-right:1px solid #3f3a39;-webkit-transform:rotate(45deg);transform:rotate(45deg)}@media screen and (max-width:960px){.h-section05 .slider-parent{width:90%}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/quatro_contents.css.map */