.comp-sop-content{overflow:hidden}.comp-sop-next-prev{position:absolute;right:70px;bottom:0}.comp-sop-next-prev .btn-previous{margin-right:10px}.comp-sop-main-link{position:absolute;right:20px;bottom:50px}.comp-sop-container{width:calc(100vw - 50px);height:calc(((100vw - 100px) / 3) * (765 / 720)) !important}.comp-sop-container .splide__list{-moz-align-items:flex-start;-ms-align-items:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.comp-sop-container .splide__slide{margin:0 40px 0 0;width:calc((100vw - 100px) / 4) !important;height:calc(((100vw - 100px) / 4) * (765 / 720)) !important}.comp-sop-container .splide__slide>div{position:absolute;top:0;right:0;bottom:0;width:calc((100vw - 100px) / 4) !important;height:calc(((100vw - 100px) / 4) * (765 / 720)) !important;-webkit-transition:width 2s,height 2s;transition:width 2s,height 2s}.comp-sop-container .splide__slide>div:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,0.5)));background:linear-gradient(180deg,transparent,rgba(0,0,0,0.5))}.comp-sop-container .splide__slide.is-prev>div{left:0;right:unset}.comp-sop-container .splide__slide.active{width:calc((100vw - 100px) / 3) !important;height:calc(((100vw - 100px) / 3) * (765 / 720)) !important}.comp-sop-container .splide__slide.active>div{width:calc((100vw - 100px) / 3) !important;height:calc(((100vw - 100px) / 3) * (765 / 720)) !important}.comp-sop-container .splide__slide.active .comp-sop-slide-text{opacity:1}.comp-sop-container .splide__slide.active .comp-sop-slide-title h4{opacity:0}.comp-sop-container .splide__slide.active .comp-sop-slide-title h4.hover{opacity:1}.comp-sop-container .splide__slide img{width:100%;height:auto}.comp-sop-container .splide__slide h4{z-index:2;-webkit-transition:opacity .3s;transition:opacity .3s}.comp-sop-container .splide__slide h4{font-size:35px}@media screen and (min-width:1200px){.comp-sop-container .splide__slide h4{font-size:calc(4.1666666667vw - 15px)}}
@media screen and (min-width:1560px){.comp-sop-container .splide__slide h4{font-size:50px}}.comp-sop-container .splide__slide h4{line-height:35px}@media screen and (min-width:1200px){.comp-sop-container .splide__slide h4{line-height:calc(4.1666666667vw - 15px)}}@media screen and (min-width:1560px){.comp-sop-container .splide__slide h4{line-height:50px}}.comp-sop-container .splide__slide a{z-index:1}.comp-sop-container .splide__slide a:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,0.5)));background:linear-gradient(180deg,transparent,rgba(0,0,0,0.5))}.comp-sop-slide-text{position:absolute;top:25px;left:25px;width:285px;z-index:2;opacity:0;-webkit-transition:opacity 1s;transition:opacity 1s}.comp-sop-slide-title{position:absolute;bottom:15px;left:25px;z-index:2}.comp-sop-slide-title h4.hover{position:absolute;top:0;left:0;opacity:0}@media only screen and (max-width:1199px){.comp-sop-next-prev{right:50px}.comp-sop-container{width:calc(100vw - 15px);height:calc(((100vw - 30px) / 3) * (765 / 720)) !important}.comp-sop-container .splide__slide{margin:0 30px 0 0;width:calc((100vw - 30px) / 4) !important;height:calc(((100vw - 30px) / 4) * (765 / 720)) !important}.comp-sop-container .splide__slide>div{width:calc((100vw - 30px) / 4) !important;height:calc(((100vw - 30px) / 4) * (765 / 720)) !important}.comp-sop-container .splide__slide.active{width:calc((100vw - 30px) / 3) !important;height:calc(((100vw - 30px) / 3) * (765 / 720)) !important}.comp-sop-container .splide__slide.active>div{width:calc((100vw - 30px) / 3) !important;height:calc(((100vw - 30px) / 3) * (765 / 720)) !important}.comp-sop-slide-text{top:20px;left:20px;width:285px}.comp-sop-slide-title{bottom:10px;left:15px}}@media only screen and (max-width:979px){.comp-sop-next-prev{display:none}.comp-sop-container{width:95vw;height:calc(95vw * (10 / 12) * (765 / 720)) !important}.comp-sop-container .splide__slide{margin:0 15px 0 0;width:calc(95vw * (10 / 12)) !important;height:calc(95vw * (10 / 12) * (765 / 720)) !important}
.comp-sop-container .splide__slide>div{width:calc(95vw * (10 / 12)) !important;height:calc(95vw * (10 / 12) * (765 / 720)) !important}.comp-sop-container .splide__slide.active{width:calc(95vw * (10 / 12)) !important;height:calc(95vw * (10 / 12) * (765 / 720)) !important}.comp-sop-container .splide__slide.active>div{width:calc(95vw * (10 / 12)) !important;height:calc(95vw * (10 / 12) * (765 / 720)) !important}.comp-sop-slide-title{bottom:10px;left:10px}.comp-sop-slide-text{right:20px;width:auto}}