.subpage-banner{--color-bg: var(--color-main);overflow:hidden;position:relative;width:100%;height:58.3333rem;color:#fff}@media(max-width: 767px){.subpage-banner{height:73.3333vw}}.subpage-banner .img{width:100%;height:100%}.subpage-banner.light{--color-bg: #fff;color:var(--color-main)}.subpage-banner::after{content:"";pointer-events:none;position:absolute;left:0;top:0;width:60%;height:100%;background-image:-webkit-gradient(linear, left top, right top, color-stop(40%, var(--color-bg)), to(transparent));background-image:linear-gradient(90deg, var(--color-bg) 40%, transparent)}@media(max-width: 767px){.subpage-banner::after{width:100%;background-image:-webkit-gradient(linear, left top, right top, color-stop(20%, var(--color-bg)), to(transparent));background-image:linear-gradient(90deg, var(--color-bg) 20%, transparent)}}.subpage-banner .intro-box{position:absolute;left:var(--size-margin-box);top:50%;z-index:5;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}@media(max-width: 767px){.subpage-banner .intro-box{width:calc(100% - var(--size-margin-box)*2)}}.subpage-banner .intro-box .title{line-height:1;margin-bottom:3.8333rem;font-size:6.9583rem;font-weight:600;font-family:"FRAMDCN"}@media(min-width: 769px){.subpage-banner .intro-box .title.max{font-size:8.3333rem}}@media(max-width: 767px){.subpage-banner .intro-box .title{width:70%;font-size:2.5rem;margin-bottom:4vw}}.subpage-banner .intro-box .label{width:50rem;margin-bottom:3.1666rem;font-size:2rem;font-weight:500;text-transform:capitalize}@media(max-width: 767px){.subpage-banner .intro-box .label{width:100%;line-height:1.4;margin-bottom:4vw;font-size:1.25rem}}.subpage-banner .intro-box .text{width:50rem;line-height:1.6;font-size:1.6666rem}@media(max-width: 767px){.subpage-banner .intro-box .text{width:70%;font-size:1rem}}.subpage-banner .intro-box .text span{color:var(--color-main-2);font-weight:bold}.subpage-route{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;margin:3rem 0;margin-left:var(--size-margin-box)}@media(max-width: 767px){.subpage-route{display:none !important}}.subpage-route::before{content:"";width:2px;height:1.5rem;margin-right:1rem;background-color:var(--color-main)}.subpage-route .item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:70%;line-height:1.5;color:var(--color-main);font-size:1.5rem;font-weight:bold;text-transform:capitalize}.subpage-route .icon{margin:0 .8333rem}.solution-box{display:block;position:relative;width:calc(100% - var(--size-margin-box)*2);margin:6.3333rem auto}@media(max-width: 767px){.solution-box{margin:8vw auto}}.solution-box .bg{width:100%}@media(max-width: 767px){.solution-box .bg{border-radius:8px}}.solution-box .absolute{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;left:3.6666rem;top:0;z-index:5;width:70%;height:100%;color:#fff}@media(max-width: 767px){.solution-box .absolute{width:calc(100% - 8vw);left:4vw}}.solution-box .absolute .title{margin-bottom:1.6666rem;font-size:2rem}@media(max-width: 767px){.solution-box .absolute .title{font-size:11px;margin-bottom:.5vw}}.solution-box .absolute .text{width:41.25rem;font-size:1.5rem}@media(max-width: 767px){.solution-box .absolute .text{width:80%;font-size:10px}}.subpage-details-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:2.6666rem;margin-top:2rem;border-top:1px solid #dcdcdc}.subpage-details-pagination .item{text-transform:capitalize}.subpage-details-pagination .item:hover .title{color:var(--color-main)}.subpage-details-pagination .item.prev{margin-right:auto}.subpage-details-pagination .item.prev .btn{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.subpage-details-pagination .item.prev .title{padding-left:2.7499rem}.subpage-details-pagination .item.next{margin-left:auto}.subpage-details-pagination .item.next .btn{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.subpage-details-pagination .item.next .title{text-align:right;padding-right:2.7499rem}.subpage-details-pagination .item .btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1.8333rem;line-height:1.2;margin-bottom:.8333rem;color:var(--color-main);font-size:1.6666rem}.subpage-details-pagination .item .btn .icon{width:.9166rem}.subpage-details-pagination .item .title{-webkit-box-sizing:border-box;box-sizing:border-box;width:34.6666rem;line-height:1.4;color:#737171;font-size:1.3333rem;-webkit-transition:color .3s;transition:color .3s}#subpage-01-02{position:relative}@media(max-width: 767px){#subpage-01-02 .subpage-banner .text{width:75%;font-size:.9166rem}}#subpage-01-02 table{width:100%;border:1px solid #dcdcdc;border-collapse:collapse;color:var(--color-main);font-size:1.5rem}@media(max-width: 767px){#subpage-01-02 table{font-size:1.0833rem}}#subpage-01-02 table thead th{font-weight:600}#subpage-01-02 table tbody tr:nth-child(odd) td{background-color:#fbfbfb}#subpage-01-02 table tbody tr td{border-top:1px solid #dcdcdc}#subpage-01-02 table th,#subpage-01-02 table td{-webkit-box-sizing:border-box;box-sizing:border-box;padding:1.25rem 2rem;text-align:left;vertical-align:top;word-break:break-word}@media(max-width: 767px){#subpage-01-02 table th,#subpage-01-02 table td{font-size:1.0833rem;padding:2vw 3vw}}#subpage-01-02 table th:first-child,#subpage-01-02 table th:first-child,#subpage-01-02 table td:first-child,#subpage-01-02 table td:first-child{width:13.3333rem}@media(max-width: 767px){#subpage-01-02 table th:first-child,#subpage-01-02 table th:first-child,#subpage-01-02 table td:first-child,#subpage-01-02 table td:first-child{width:50%}}#subpage-01-02 table th:last-child,#subpage-01-02 table th:last-child,#subpage-01-02 table td:last-child,#subpage-01-02 table td:last-child{-webkit-box-flex:1;-ms-flex:1;flex:1}#subpage-01-02 table th{width:13.3333rem;font-weight:400;border-bottom:1px solid #dcdcdc}#subpage-01-02 .item-title{margin-bottom:2.8333rem;color:var(--color-main);font-size:2.5rem;font-weight:600;text-transform:uppercase}@media(max-width: 767px){#subpage-01-02 .item-title{margin-bottom:2vw;font-size:1.6666rem}}#subpage-01-02 .page-1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:3.5rem var(--size-padding-box);background-color:#fafafa}@media(max-width: 767px){#subpage-01-02 .page-1{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4vw;padding-top:6vw;padding-bottom:8vw}}#subpage-01-02 .page-1 .item{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;height:auto;min-width:0;color:var(--color-main)}@media(min-width: 769px){#subpage-01-02 .page-1 .item{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}#subpage-01-02 .page-1 .item:not(:first-child){border-left:1px solid #dcdcdc}}@media(max-width: 767px){#subpage-01-02 .page-1 .item{width:100%}}#subpage-01-02 .page-1 .item .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:1rem;font-size:1.6666rem;font-weight:600}@media(max-width: 767px){#subpage-01-02 .page-1 .item .title{font-size:1.25rem;margin-bottom:1vw}}#subpage-01-02 .page-1 .item .text{padding:0 1rem;font-size:1.5rem}@media(max-width: 767px){#subpage-01-02 .page-1 .item .text{font-size:1rem;line-height:1.4;padding:0}}#subpage-01-02 .page-2{padding-left:var(--size-padding-box);padding-right:var(--size-padding-box)}@media(min-width: 769px){#subpage-01-02 .page-2 .list-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:2.3333rem}}@media(max-width: 767px){#subpage-01-02 .page-2 .list-box{display:grid;grid-template-columns:repeat(2, 1fr);gap:3vw}}#subpage-01-02 .page-2 .list-box .item{overflow:hidden;position:relative;min-width:0;height:34.5833rem;border-radius:12px}@media(min-width: 769px){#subpage-01-02 .page-2 .list-box .item{-webkit-box-flex:1;-ms-flex:1;flex:1}#subpage-01-02 .page-2 .list-box .item:hover .img{-webkit-transform:scale(1.025);-ms-transform:scale(1.025);transform:scale(1.025)}}@media(max-width: 767px){#subpage-01-02 .page-2 .list-box .item{width:100%;height:47.5vw;border-radius:6px}}#subpage-01-02 .page-2 .list-box .item .img{width:100%;max-height:100%;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}#subpage-01-02 .page-2 .list-box .item::after{content:"";position:absolute;left:0;bottom:0;z-index:5;width:100%;height:55%;background-image:-webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(25%, var(--color-main)));background-image:linear-gradient(transparent, var(--color-main) 25%)}@media(max-width: 767px){#subpage-01-02 .page-2 .list-box .item::after{height:65%;background-image:-webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, var(--color-main)));background-image:linear-gradient(transparent, var(--color-main) 40%)}}#subpage-01-02 .page-2 .list-box .item .info-box{position:absolute;left:0;bottom:0;z-index:10;width:100%;padding:3.3333rem 2.5rem;color:#fff}@media(max-width: 767px){#subpage-01-02 .page-2 .list-box .item .info-box{padding:3vw 3vw 5vw}}#subpage-01-02 .page-2 .list-box .item .info-box .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:1rem;font-size:2rem}@media(max-width: 767px){#subpage-01-02 .page-2 .list-box .item .info-box .title{font-size:13px;margin-bottom:1vw}}#subpage-01-02 .page-2 .list-box .item .info-box .text{line-height:2;font-size:1.5rem}@media(min-width: 769px){#subpage-01-02 .page-2 .list-box .item .info-box .text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}}@media(max-width: 767px){#subpage-01-02 .page-2 .list-box .item .info-box .text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;line-height:1.6;font-size:10px}}#subpage-01-02 .page-3{padding-left:var(--size-padding-box);padding-right:var(--size-padding-box);overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:4.6666rem}@media(max-width: 767px){#subpage-01-02 .page-3{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:6.6666vw}}#subpage-01-02 .page-3 .item-title{margin-bottom:2rem}@media(max-width: 767px){#subpage-01-02 .page-3 .item-title{margin-bottom:4vw}}#subpage-01-02 .page-3 .left{width:44.6666rem}@media(max-width: 767px){#subpage-01-02 .page-3 .left{width:100%;margin-bottom:5vw}}#subpage-01-02 .page-3 .right{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;margin-left:9.1666rem}@media(max-width: 767px){#subpage-01-02 .page-3 .right{width:100%;margin:0}}#subpage-01-02 .page-3 .right .product-swiper-box{position:relative;width:100%}@media(max-width: 767px){#subpage-01-02 .page-3 .right .product-swiper-box .swiper-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;right:auto;left:0;bottom:calc(3.3333vw - var(--swiper-pagination-bullet-size)/2)}}#subpage-01-02 .page-3 .right .product-swiper-box .product-swiper{-webkit-box-sizing:border-box;box-sizing:border-box;height:37.0833rem;padding-bottom:3.6666rem}@media(max-width: 767px){#subpage-01-02 .page-3 .right .product-swiper-box .product-swiper{height:97vw;padding:1px;padding-bottom:10.5vw}}#subpage-01-02 .page-3 .right .product-swiper-box .product-swiper .swiper-slide{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:1px solid #c8c8c8;border-radius:8px;font-size:1.5rem}@media(min-width: 769px){#subpage-01-02 .page-3 .right .product-swiper-box .product-swiper .swiper-slide{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}#subpage-01-02 .page-3 .right .product-swiper-box .product-swiper .swiper-slide:hover .img{-webkit-transform:scale(1.025);-ms-transform:scale(1.025);transform:scale(1.025)}}@media(max-width: 767px){#subpage-01-02 .page-3 .right .product-swiper-box .product-swiper .swiper-slide{width:100%;font-size:1.1666rem}}#subpage-01-02 .page-3 .right .product-swiper-box .product-swiper .swiper-slide .img-box{height:20.8333rem;border-radius:8px}@media(max-width: 767px){#subpage-01-02 .page-3 .right .product-swiper-box .product-swiper .swiper-slide .img-box{height:53vw}}#subpage-01-02 .page-3 .right .product-swiper-box .product-swiper .swiper-slide .intro-box{-webkit-box-sizing:border-box;box-sizing:border-box;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-flex:1;-ms-flex:1;flex:1;min-height:0;line-height:1.4;padding:1.3333rem 2rem 0}@media(max-width: 767px){#subpage-01-02 .page-3 .right .product-swiper-box .product-swiper .swiper-slide .intro-box{padding:5vw 4vw}}#subpage-01-02 .page-3 .right .product-swiper-box .product-swiper .swiper-slide .intro-box .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.75rem;color:var(--color-main);font-size:1.5rem;font-weight:bold}@media(max-width: 767px){#subpage-01-02 .page-3 .right .product-swiper-box .product-swiper .swiper-slide .intro-box .title{margin-bottom:3vw;font-size:1.3333rem}}#subpage-01-02 .page-3 .right .product-swiper-box .product-swiper .swiper-slide .intro-box .text{width:90%;color:#1b1b1b;font-size:1.3333rem}@media(min-width: 769px){#subpage-01-02 .page-3 .right .product-swiper-box .product-swiper .swiper-slide .intro-box .text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}}@media(max-width: 767px){#subpage-01-02 .page-3 .right .product-swiper-box .product-swiper .swiper-slide .intro-box .text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;margin-bottom:2vw;color:#313131}}#subpage-01-02 .page-3 .right .product-swiper-box .swiper-button{--swiper-navigation-color: #fff;--swiper-navigation-size: 2rem;top:5.8333rem;width:4.1666rem;height:4.1666rem;margin-top:0;border-radius:50%;background-color:var(--color-main);font-weight:bold}@media(min-width: 769px){#subpage-01-02 .page-3 .right .product-swiper-box .swiper-button.swiper-button-next{right:auto;left:calc(100% + 1.25rem)}#subpage-01-02 .page-3 .right .product-swiper-box .swiper-button.swiper-button-prev{left:auto;right:calc(100% + 1.25rem)}}@media(max-width: 767px){#subpage-01-02 .page-3 .right .product-swiper-box .swiper-button{--swiper-navigation-size: 3vw;top:auto;bottom:0;width:6.6666vw;height:6.6666vw}#subpage-01-02 .page-3 .right .product-swiper-box .swiper-button.swiper-button-next{left:auto;right:0}#subpage-01-02 .page-3 .right .product-swiper-box .swiper-button.swiper-button-prev{left:auto;right:12.6666vw}}#subpage-01-02 .page-4{padding-left:var(--size-padding-box);padding-right:var(--size-padding-box);margin-top:2.5rem}@media(max-width: 767px){#subpage-01-02 .page-4{margin-top:8vw}}#subpage-01-02 .page-4 .item-title{margin-bottom:2rem}@media(max-width: 767px){#subpage-01-02 .page-4 .item-title{margin-bottom:2vw}}