@charset "utf-8";.common-banner.about{overflow:hidden}.common-banner.about .text{position:absolute;left:8.5%;bottom:2.6vw;height:12.5vw;transition:all .5s}.common-banner.about .text h1{position:static;margin-bottom:2vw}.common-banner.about .text h1 span{display:inline-block;line-height:2.5vw;font-size:2.5vw;transition:all .5s}.common-banner.about .text p{width:30vw;font-size:1.2vw;color:#777;transform:translateY(5vw);opacity:0;transition:all .5s}.common-banner.about:before{content:"";position:absolute;left:0;top:0;width:0;height:100%;background-image:linear-gradient(to right,rgba(0,0,0,.8),rgba(0,0,0,0));transition:all .5s}.common-banner.about:hover .text{transform:translateY(-18vw)}.common-banner.about:hover .text span{opacity:0}.common-banner.about:hover .text p{opacity:1;transform:translateY(0)}.common-banner.about:hover:before{width:100%}.main-about-sikary h2{margin-bottom:2vw;font-size:2.5vw;color:var(--main-color)}.main-about-sikary p{font-size:1.2vw;color:#777}.main-about-sikary .brand-value{padding:5vw 0 3vw}.main-about-sikary .brand-value ul{display:flex;flex-wrap:wrap;column-gap:1.8%;row-gap:1.55vw;font-size:0}.main-about-sikary .brand-value li{position:relative;width:27%;height:25vw;border-radius:1.5vw;overflow:hidden}.main-about-sikary .brand-value li img{width:100%;height:100%;object-fit:cover}.main-about-sikary .brand-value li .text{position:absolute;left:0;top:50%;width:100%;padding:3.7vw;transform:translateY(-50%);box-sizing:border-box;transition:all .5s}.main-about-sikary .brand-value li .text h3{font-size:2.5vw;color:#fff}.main-about-sikary .brand-value li .text h3 span{font-size:5.2vw;color:var(--main-color)}.main-about-sikary .brand-value li .text p{height:0;transform:translateY(5vw);opacity:0;transition:all .5s}.main-about-sikary .brand-value li:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0);transition:all .5s}.main-about-sikary .brand-value li.big{width:42.4%}.main-about-sikary .brand-value li:hover .text{top:0;transform:translateY(0)}.main-about-sikary .brand-value li:hover .text p{padding-top:1vw;transform:translateY(0);opacity:1}.main-about-sikary .brand-value li:hover:before{background-color:rgba(0,0,0,.6)}.main-about-sikary .mission{display:flex;justify-content:space-between;align-items:center;padding:3vw 0}.main-about-sikary .mission .text{width:51%}.main-about-sikary .mission .text span{display:block;line-height:6.5vw;margin-top:2vw;font-size:6.5vw;color:rgba(255,255,255,.05)}.main-about-sikary .mission .pic{width:41.5%;border-radius:1.5vw;overflow:hidden}.main-about-sikary .mission .pic img{width:100%;height:auto}.main-about-sikary .story{padding:3vw 0}.main-about-sikary .story .title{margin-bottom:3vw}.main-about-sikary .story .cont .item{display:flex;justify-content:space-between}.main-about-sikary .story .cont .item img{width:100%;height:auto}.main-about-sikary .story .cont .item .text{width:47%;box-sizing:border-box}.main-about-sikary .story .cont .item .text img{margin-bottom:3vw;border-radius:1.5vw}.main-about-sikary .story .cont .item .text p{position:relative;padding-left:4.7vw}.main-about-sikary .story .cont .item .text p i{position:absolute;left:0;top:0;line-height:4.5vw;font-size:5.2vw;opacity:.5}.main-about-sikary .story .cont .item .pic{width:50%;border-radius:1.5vw;overflow:hidden}.main-about-sikary .story .cont .item:nth-child(2n){flex-direction:row-reverse}.main-about-sikary .story .cont .item:nth-child(2n) .text{width:50%}.main-about-sikary .story .cont .item:nth-child(2n) .pic{width:47%}.main-about-sikary .story .cont .item:nth-child(2){margin-top:-3vw}.main-about-sikary .story .cont .item:nth-child(2) .text{padding-top:7vw}.main-about-sikary .story .cont .item:nth-child(3){align-items:flex-end;margin-top:-10vw}.main-about-sikary .story .cont .item:nth-child(3) .text{padding-bottom:3vw}.main-about-sikary .story .slogan{margin-top:3vw}.main-about-sikary .story .slogan ul{display:flex;justify-content:space-between;column-gap:.8vw}.main-about-sikary .story .slogan li{width:100%;font-size:1.2vw;padding:1vw;background-color:#1f1f1f;border-radius:1vw;color:#fff;text-align:center}.main-about-sikary .story .slogan li span{font-size:2.5vw;color:var(--main-color)}.main-about-sikary .reviews{padding:3vw 0 5vw}.main-about-sikary .reviews .slide ul{display:flex;flex-wrap:wrap;width:10000%}.main-about-sikary .reviews .slide li{position:relative;width:22.9vw;height:auto;aspect-ratio:3/2;margin-right:1vw;background-color:#141414;box-sizing:border-box;border-radius:1.5vw;text-align:center;overflow:hidden}.main-about-sikary .reviews .slide li img{width:100%;height:100%;object-fit:cover}.main-about-sikary .reviews .slide li .text{position:absolute;left:0;top:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:1vw;background-color:rgba(0,0,0,.6);box-sizing:border-box;opacity:0;transition:all .5s}.main-about-sikary .reviews .slide li .text p{transform:translateY(1vw);color:#fff;transition:all .5s;font-size:clamp(12px,1.2vw,18px)}.main-about-sikary .reviews .slide li .text p a{color:#ff5100;font-size:clamp(12px,1vw,18px);padding-top:10px}.main-about-sikary .reviews .slide li:hover .text{opacity:1}.main-about-sikary .reviews .slide li:hover .text p{transform:translateY(0)}.main-about-sikary .reviews .left{margin-bottom:2vw}@media only screen and (max-width:640px){.common-banner.about img{transition:all .5s}.common-banner.about .text{left:4%;bottom:4vw}.common-banner.about .text h1 span{line-height:20px;font-size:14px}.common-banner.about .text p{width:70vw;font-size:14px}.common-banner.about:hover img{width:200%;margin-left:-100%}.common-banner.about:hover .text{transform:translateY(-50vw)}.main-about-sikary h2{margin-bottom:20px;font-size:24px}.main-about-sikary p{padding-top:5px;font-size:14px}.main-about-sikary .brand-value{padding:40px 0 20px}.main-about-sikary .brand-value ul{column-gap:2%;row-gap:2vw}.main-about-sikary .brand-value li{width:49%;height:50vw;border-radius:10px}.main-about-sikary .brand-value li .text h3{font-size:18px}.main-about-sikary .brand-value li .text h3 span{font-size:30px}.main-about-sikary .brand-value li.big{width:100%}.main-about-sikary .mission{padding:20px 0}.main-about-sikary .mission h2{margin-bottom:10px}.main-about-sikary .story{padding:20px 0}.main-about-sikary .story h2{margin-bottom:10px}.main-about-sikary .story .cont .item{display:block;margin-top:20px}.main-about-sikary .story .cont .item .text{width:100%;margin-bottom:10px}.main-about-sikary .story .cont .item .text p{padding-left:30px}.main-about-sikary .story .cont .item .text p i{line-height:35px;font-size:30px}.main-about-sikary .story .cont .item .pic{width:100%}.main-about-sikary .story .cont .item:nth-child(2n) .text{width:100%}.main-about-sikary .story .cont .item:nth-child(2n) .pic{width:100%}.main-about-sikary .story .cont .item:nth-child(2){margin-top:20px}.main-about-sikary .story .cont .item:nth-child(2) .text{padding-top:0}.main-about-sikary .story .cont .item:nth-child(3){margin-top:20px}.main-about-sikary .story .cont .item:nth-child(3) .text{padding-bottom:0}.main-about-sikary .story .slogan ul{flex-wrap:wrap;column-gap:2%;row-gap:2vw}.main-about-sikary .story .slogan li{width:32%;box-sizing:border-box;font-size:14px}.main-about-sikary .story .slogan li span{font-size:24px}.main-about-sikary .reviews{padding:20px 0 40px}.main-about-sikary .reviews .slide li{width:45.8vw;height:auto;aspect-ratio:3/2}}