.btn[data-v-bc86672c]{width:200px;max-width:100%;height:60px;display:flex;justify-content:center;align-items:center;padding:5px 15px;border-radius:6px;background-color:var(--color);cursor:pointer;transition:.6s;backface-visibility:hidden}.btn span[data-v-bc86672c]{position:relative;display:flex;flex-direction:column;display:-webkit-box}.btn span[data-v-bc86672c],.btn span span[data-v-bc86672c]{overflow:hidden;-webkit-line-clamp:1;backface-visibility:hidden}.btn span span[data-v-bc86672c]{font-family:Helvetica-Bold;transition:.6s;color:var(--color);display:-webkit-box;-webkit-box-orient:vertical;will-change:transform}.btn span span[data-v-bc86672c]:first-child{position:absolute;top:0;left:0}.btn span span[data-v-bc86672c]:last-child{display:-webkit-box;transform:translateY(100%)}@media(min-width:1024px){.btn[data-v-bc86672c]:hover{background-color:var(--color-hover)}.btn:hover span span[data-v-bc86672c]{color:var(--color-hover)}.btn:hover span span[data-v-bc86672c]:first-child{animation-duration:.6s;animation-name:btnAnimFirst-bc86672c;animation-fill-mode:forwards;will-change:transform}@keyframes btnAnimFirst-bc86672c{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.btn:hover span span[data-v-bc86672c]:last-child{animation-duration:.6s;animation-name:btnAnimLast-bc86672c;animation-fill-mode:forwards;will-change:transform}@keyframes btnAnimLast-bc86672c{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.silk-fest{position:relative;width:100%;height:885px;opacity:0;transition:1s linear}.silk-fest.fullHeight{height:calc(100vh - 200px)}.silk-fest.in-viewport{opacity:1}.silk-fest .content{position:relative;width:100%;height:calc(100% - 80px);overflow:hidden;cursor:pointer;background:#75cede;background:radial-gradient(circle,#75cede 10%,#004f85 100%)}.kinesis,.layer-1{position:absolute;top:0;left:0;width:100%;height:100%}.layer-1{z-index:1}.layer-2{left:0;width:100%;z-index:2}.layer-2,.layer-3,.layer-4{position:absolute;top:0;height:100%}.layer-3,.layer-4{left:50%;transform:translateX(-50%);width:1110px;z-index:3}.layer-2{transform:translateY(60%)}.layer-2,.layer-3{transition:.6s cubic-bezier(0,0,0,.99) .2s;opacity:0}.layer-3{transform:translate(-50%,80%);z-index:3}.layer-4{transition:.6s cubic-bezier(0,0,0,.99) .2s;transform:translate(-50%,100%);opacity:0;z-index:4}.silk-fest.in-viewport .layer-2,.silk-fest.in-viewport .layer-3,.silk-fest.in-viewport .layer-4{opacity:1;transform:translate(-50%)}.silk-fest.in-viewport .layer-2{opacity:1;transform:translate(0)}.layer-2 .img-absolute,.layer-3 .img-absolute,.layer-4 .img-absolute{-o-object-fit:contain;object-fit:contain}.silk-fest .info{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);max-width:635px;z-index:4;text-align:center}.silk-fest .txt-wrap{overflow:hidden}.silk-fest .info .ttl{font-size:55px;font-family:Helvetica-Bold;color:#fff;text-transform:uppercase;text-shadow:1px 1px 0 hsla(0,0%,100%,.5);transition:.6s .3s;backface-visibility:hidden;transform:translateY(100%)}.silk-fest.in-viewport .info .ttl{transform:translateY(0)}.silk-fest .info p{font-size:16px;font-family:Helvetica-Bold;transition:1s .4s;backface-visibility:hidden;opacity:0;margin-top:10px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.silk-fest.in-viewport .info p{opacity:1}.silk-fest .info .btn{margin:26px auto 0;background-color:#fff}.silk-fest .info .btn-wrap{transition:.6s linear .4s;opacity:0;transform:scale(.5);backface-visibility:hidden}.silk-fest.in-viewport .info .btn-wrap{opacity:1;transform:scaleX(1)}@media(min-width:1024px){.silk-fest .info .btn:hover{background-color:#75cede}}.silk-fest .progressbar{position:absolute;left:0;bottom:0;width:100%;height:5px;overflow:hidden;z-index:25}.silk-fest .progressbar span{display:block;width:100%;height:100%;background-color:#d26dab;opacity:0}.silk-fest.in-viewport .progressbar span{animation-name:silkProgressbarAnim;animation-duration:var(--animation-duration);animation-delay:1s;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes silkProgressbarAnim{0%{transform:translateX(-100%);opacity:1}95%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(0)}}.silk-fest .bottom{display:flex;justify-content:center;align-items:center;height:80px}.silk-fest .scroll{position:relative;width:20px;height:40px;border:1px solid #c4c4c4;border-radius:10px;background-color:#fff;cursor:pointer;transition:.6s;z-index:10}.silk-fest .scroll.hide{opacity:0;pointer-events:none}.silk-fest .scroll .dot{position:absolute;top:8px;left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background-color:#979797;transition:.6s;backface-visibility:hidden;animation-name:festDotAnim;animation-duration:3s;animation-iteration-count:infinite}@keyframes festDotAnim{0%{transform:translateY(0)}50%{transform:translateY(16px)}to{transform:translateY(0)}}@media(min-width:1024px){.silk-fest .scroll:hover{border-color:#75cede}}@media(max-width:1365px){.layer-2,.layer-3{width:calc(100% - 90px)}}@media(max-width:1023px){.silk-fest .info .ttl{font-size:34px}.silk-fest .info p{font-size:13px}}@media(max-width:767px){.layer-2,.layer-3{width:calc(100% - 32px)}.silk-fest .info{width:100%;bottom:30px}.silk-fest{height:600px}.silk-fest.fullHeight{height:calc(100vh - 140px)}}@media(min-width:1024px) and (max-height:1100px){.silk-fest.fullHeight{height:calc(100vh - 160px)}}@media(max-width:767px) and (max-height:600px){.silk-fest.fullHeight{height:600px}}@media(min-width:1024px) and (max-height:834px){.silk-fest .bottom{height:60px}.silk-fest .content{height:calc(100% - 60px)}}