.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-01{position:relative}@media(min-width: 769px){#subpage-01-01 .subpage-banner .title{width:58.3333rem}}#subpage-01-01 .page-1{padding-left:var(--size-padding-box);padding-right:var(--size-padding-box);margin-bottom:3.8333rem}@media(max-width: 767px){#subpage-01-01 .page-1{padding-top:8vw;margin-bottom:8vw}}#subpage-01-01 .page-1 .column{font-size:1.8333rem;color:var(--color-main);margin-bottom:2vw;text-transform:uppercase}#subpage-01-01 .page-1 .title{margin:.25rem 0 1.5rem;font-size:2.5rem;color:var(--color-main);line-height:1.4}@media(max-width: 767px){#subpage-01-01 .page-1 .title{margin:1vw 0;font-size:1.5rem}}#subpage-01-01 .page-1 .text{width:71.6666rem;color:#1b1b1b;font-size:1.6666rem;font-weight:200}@media(max-width: 767px){#subpage-01-01 .page-1 .text{width:100%;font-size:1.0833rem}}#subpage-01-01 .page-2{padding-left:var(--size-padding-box);padding-right:var(--size-padding-box);display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:3rem;grid-row-gap:3.1666rem;margin-bottom:4.1666rem}@media(max-width: 767px){#subpage-01-01 .page-2{grid-template-columns:repeat(1, 1fr);grid-row-gap:6vw;margin-bottom:0}}#subpage-01-01 .page-2 .item{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-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;height:auto;border:1px solid #c8c8c8;border-radius:8px;font-size:1.5rem}@media(min-width: 769px){#subpage-01-01 .page-2 .item{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}#subpage-01-01 .page-2 .item:hover{-webkit-transform:translateY(-0.5rem);-ms-transform:translateY(-0.5rem);transform:translateY(-0.5rem)}#subpage-01-01 .page-2 .item:hover .img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}#subpage-01-01 .page-2 .item:hover .intro-box .text{color:#333}#subpage-01-01 .page-2 .item:hover .intro-box .more-box:not(.more-2) .icon{-webkit-transform:translateX(0.5rem);-ms-transform:translateX(0.5rem);transform:translateX(0.5rem)}}@media(max-width: 767px){#subpage-01-01 .page-2 .item{font-size:1.1666rem}}#subpage-01-01 .page-2 .item .img-box{height:27.1666rem;border-radius:8px}@media(max-width: 767px){#subpage-01-01 .page-2 .item .img-box{height:55vw}}#subpage-01-01 .page-2 .item .img-box .img{-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0}#subpage-01-01 .page-2 .item .intro-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;padding:2.8333rem 2rem 4rem}@media(max-width: 767px){#subpage-01-01 .page-2 .item .intro-box{padding:5vw 4vw}}#subpage-01-01 .page-2 .item .intro-box .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:1.5rem;color:var(--color-main);font-size:1.6666rem;font-weight:bold}@media(max-width: 767px){#subpage-01-01 .page-2 .item .intro-box .title{margin-bottom:3vw;font-size:1.3333rem}}#subpage-01-01 .page-2 .item .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;margin-bottom:2.3333rem;color:#737171;-webkit-transition:color .3s;transition:color .3s}@media(max-width: 767px){#subpage-01-01 .page-2 .item .intro-box .text{margin-bottom:2vw;color:#313131}}#subpage-01-01 .page-2 .item .intro-box .more-box{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;gap:1rem;margin-top:auto;color:#e0070e;font-weight:bold}@media(max-width: 767px){#subpage-01-01 .page-2 .item .intro-box .more-box{gap:2vw}}#subpage-01-01 .page-2 .item .intro-box .more-box .icon{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}@media(max-width: 767px){#subpage-01-01 .page-2 .item .intro-box .more-box .icon{width:2.5vw}}