.service .banner{padding:50px 0 0 0}.service .banner .container{margin:0 auto;grid-column:var(--common-grid);width:100%}.service .banner .content-inner .unitSubtitle{margin-top:10px}.service .banner .content-inner .paragraphText-w{margin-top:50px;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}.service .common-category{margin-top:30px;padding:20px 0 0 0;grid-column:var(--common-grid);height:62px;border-top:1px solid rgba(0,0,0,0.2)}.service .common-category.fixed .category-container multipurpose-nav[m4-type=drag] .drag-container{padding:0 25px}.service .category-container{width:100%}.service .category-container multipurpose-nav[m4-type=drag]{padding:0}.service .category-container multipurpose-nav[m4-type=drag] .drag-container{padding:0;max-width:unset}.service .category-container multipurpose-nav[m4-type=drag] .drag-container .navigation .button{display:none}.service .category-container multipurpose-nav[m4-type=drag] .drag-container .wrapper{gap:10px 60px!important}@media only screen and (max-width:575px){.service .category-container .drag-container .wrapper{gap:10px 30px!important}}.service .banner .bottom{padding:90px 0 100px;grid-column:var(--small-grid)}.service .banner .bottom .item-outer{margin:-10px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.service .banner .bottom .item{padding:10px;width:25%}.service .banner .bottom .item[data-color=black]{color:#000}.service .banner .bottom .item[data-color=black] .plus-icon:after,.service .banner .bottom .item[data-color=black] .plus-icon:before{background:#000}.service .banner .bottom .item[data-color=white]{color:#fff}.service .banner .bottom .item[data-color=white] .plus-icon:after,.service .banner .bottom .item[data-color=white] .plus-icon:before{background:#fff}.service .banner .bottom a{padding:30px;position:relative;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:clamp(250px,18.23vw,350px);height:100%}@media only screen and (min-width:1201px) and (min-width:768px){.service .banner .bottom a:hover .icon{-webkit-transform:scale(1.5);transform:scale(1.5)}.service .banner .bottom a:hover .inner{-webkit-transform:translateY(-15px);transform:translateY(-15px)}.service .banner .bottom a:hover .plus-icon{opacity:1}}@media only screen and (min-width:1201px){.service .banner .bottom a:hover .bg img{-webkit-transform:scale(1.1);transform:scale(1.1)}}@media only screen and (max-width:1200px) and (min-width:768px){.service .banner .bottom a:active .icon{-webkit-transform:scale(1.5);transform:scale(1.5)}.service .banner .bottom a:active .inner{-webkit-transform:translateY(-15px);transform:translateY(-15px)}.service .banner .bottom a:active .plus-icon{opacity:1}}@media only screen and (max-width:1200px){.service .banner .bottom a:active .bg img{-webkit-transform:scale(1.1);transform:scale(1.1)}}.service .banner .bottom .bg{top:0;left:0;width:100%;height:100%;z-index:-1;position:relative;width:100%;overflow:hidden;position:absolute}.service .banner .bottom .bg:before{padding-bottom:97.2222222222%;display:block;content:""}.service .banner .bottom .bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0}.service .banner .bottom .bg img{-webkit-transition:-webkit-transform 0.3s ease-out;transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;transition:transform 0.3s ease-out,-webkit-transform 0.3s ease-out}.service .banner .bottom .inner{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;-webkit-transition:-webkit-transform 0.3s ease-out;transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;transition:transform 0.3s ease-out,-webkit-transform 0.3s ease-out}.service .banner .bottom .icon{width:60px;height:60px;-webkit-transition:-webkit-transform 0.3s ease-out;transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;transition:transform 0.3s ease-out,-webkit-transform 0.3s ease-out}.service .banner .bottom .content{margin-top:20px}.service .banner .bottom .ch{margin-top:10px}.service .banner .bottom .plus-icon{position:absolute;bottom:-30px;opacity:0;-webkit-transition:opacity 0.3s ease-out,-webkit-transform 0.3s ease-out;transition:opacity 0.3s ease-out,-webkit-transform 0.3s ease-out;transition:opacity 0.3s ease-out,transform 0.3s ease-out;transition:opacity 0.3s ease-out,transform 0.3s ease-out,-webkit-transform 0.3s ease-out}@media only screen and (max-width:1400px){.service .banner .bottom .item{width:50%}}@media only screen and (max-width:1200px){.service .banner .bottom{padding:40px 0 80px}}@media only screen and (max-width:767px){.service .banner .bottom .item{width:100%}}@media only screen and (max-width:767px) and (min-width:1201px){.service .banner .bottom a:hover .plus-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@media only screen and (max-width:767px) and (max-width:1200px){.service .banner .bottom a:active .plus-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@media only screen and (max-width:767px){.service .banner .bottom .plus-icon{margin-top:30px;width:15px;height:15px;position:relative;bottom:0;opacity:1}}.service section.cases-block{position:relative}.service section.cases-block .bg{top:0;left:0;width:100%;height:100%;z-index:-1;position:relative;width:100%;overflow:hidden;position:absolute}.service section.cases-block .bg:before{padding-bottom:36.4583333333%;display:block;content:""}.service section.cases-block .bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0}.service section.cases-block[data-color=white] .container{color:#fff}.service section.cases-block[data-color=white] .common-button.normal{color:#fff}.service section.cases-block[data-color=white] .common-button.normal>span{color:#fff}.service section.cases-block[data-color=white] .common-button.normal.disabled{pointer-events:none;color:rgba(255,255,255,0.2)}.service section.cases-block[data-color=white] .common-button.normal:after,.service section.cases-block[data-color=white] .common-button.normal:before{background:rgba(255,255,255,0.2)}.service section.cases-block[data-color=white] .common-button.normal span:after,.service section.cases-block[data-color=white] .common-button.normal span:before{background:rgba(255,255,255,0.2)}@media only screen and (min-width:1201px){.service section.cases-block[data-color=white] .common-button.dark:hover{border:1px solid rgba(255,255,255,0.2)}.service section.cases-block[data-color=white] .common-button.dark:hover>span{color:#fff}.service section.cases-block[data-color=white] .common-button.dark:hover i{color:#fff}}@media only screen and (max-width:1200px){.service section.cases-block[data-color=white] .common-button.dark:active{border:1px solid rgba(255,255,255,0.2)}.service section.cases-block[data-color=white] .common-button.dark:active>span{color:#fff}.service section.cases-block[data-color=white] .common-button.dark:active i{color:#fff}}.service section.cases-block[data-color=black] .container{color:#000}.service section.cases-block[data-color=black] .common-button.normal{color:#000}.service section.cases-block[data-color=black] .common-button.normal>span{color:#000}.service section.cases-block[data-color=black] .common-button.normal.disabled{pointer-events:none;color:rgba(0,0,0,0.2)}.service section.cases-block[data-color=black] .common-button.normal:after,.service section.cases-block[data-color=black] .common-button.normal:before{background:rgba(0,0,0,0.2)}.service section.cases-block[data-color=black] .common-button.normal span:after,.service section.cases-block[data-color=black] .common-button.normal span:before{background:rgba(0,0,0,0.2)}.service section.cases-block .container{padding:50px 25px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:675px;width:100%;height:100%;text-align:center;min-height:clamp(600px,36.45833vw,700px)}.service section.cases-block .content{margin-top:auto}.service section.cases-block .title-block p+p{margin-top:5px}.service section.cases-block .button-group{margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.service section.cases-block .button-group .common-button:first-child{margin-right:10px}@media only screen and (max-width:767px){.service section.cases-block .container{padding:40px 25px}}.service section.decoration-block{padding:100px 0 0}.service section.decoration-block .container{grid-column:var(--small-grid)}.service section.decoration-block .title-block{text-align:center}.service section.decoration-block .title-block span:first-child{margin-right:10px}.service section.decoration-block .block{padding:80px 0}.service section.decoration-block .block:not(:first-child){border-top:1px solid rgba(0,0,0,0.2)}.service section.decoration-block .block:last-child{padding:80px 0 0}.service section.decoration-block .list-title p+p{margin-top:15px}.service section.decoration-block .swiper-slide .photo img{-webkit-transform:scale(1);transform:scale(1)}.service section.decoration-block .decoration-swiper .swiper-inner{padding-top:30px;margin:0 -1.3542vw}.service section.decoration-block .decoration-swiper .photo{position:relative;width:100%;overflow:hidden}.service section.decoration-block .decoration-swiper .photo:before{padding-bottom:64.1025641026%;display:block;content:""}.service section.decoration-block .decoration-swiper .photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0}.service section.decoration-block .decoration-swiper .photo img{-webkit-transition:-webkit-transform 0.4s;transition:-webkit-transform 0.4s;transition:transform 0.4s;transition:transform 0.4s,-webkit-transform 0.4s}.service section.decoration-block .decoration-swiper .item{width:100%}@media only screen and (min-width:1201px){.service section.decoration-block .decoration-swiper .item:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}.service section.decoration-block .decoration-swiper .item:hover .date{color:#4179E9}}@media only screen and (max-width:1200px){.service section.decoration-block .decoration-swiper .item:active img{-webkit-transform:scale(1.05);transform:scale(1.05)}.service section.decoration-block .decoration-swiper .item:active .date{color:#4179E9}}.service section.decoration-block .decoration-swiper .swiper-slide{padding:0 min(26px,1.3542vw)}.service section.decoration-block .decoration-swiper .content{margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:left}.service section.decoration-block .decoration-swiper .text{margin-right:20px}.service section.decoration-block .decoration-swiper .date{margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:color 0.4s;transition:color 0.4s}.service section.decoration-block .decoration-swiper .date .day{font-size:clamp(1.875rem,1.823vw,2.1875rem);font-weight:500;line-height:0.9}.service section.decoration-block .decoration-swiper .date .ym{margin-top:10px;font-size:0.875rem;font-weight:600}.service section.decoration-block .bottom{margin-top:50px;display:-webkit-box;display:-ms-flexbox;display:flex}.service section.decoration-block .text-button{margin-left:auto}@media only screen and (min-width:1201px){.service section.decoration-block .text-button:hover{color:#4179E9}.service section.decoration-block .text-button:hover .icon:after,.service section.decoration-block .text-button:hover .icon:before{background:#4179E9}}@media only screen and (max-width:1200px){.service section.decoration-block .text-button:active{color:#4179E9}.service section.decoration-block .text-button:active .icon:after,.service section.decoration-block .text-button:active .icon:before{background:#4179E9}}@media only screen and (max-width:1200px){.service section.decoration-block{padding:80px 0 0}.service section.decoration-block .title-block{text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.service section.decoration-block .title-block span:first-child{margin-bottom:5px}.service section.decoration-block .block{padding:50px 0}.service section.decoration-block .block:last-child{padding:50px 0 0}}
/*# sourceMappingURL=service.css.map */