.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-02-01{position:relative}#subpage-02-01 .subpage-banner .label{width:38.3333rem}@media(max-width: 767px){#subpage-02-01 .subpage-banner .label{width:80%}}#subpage-02-01 .subpage-banner .text{width:45.8333rem}@media(max-width: 767px){#subpage-02-01 .subpage-banner .text{width:80%;font-size:.9166rem}}#subpage-02-01 .page-1{padding-left:var(--size-padding-box);padding-right:var(--size-padding-box);margin-bottom:3.3333rem}@media(max-width: 767px){#subpage-02-01 .page-1{margin-bottom:8vw;padding-top:5vw}}#subpage-02-01 .page-1 .title-1{line-height:1.2;color:var(--color-main-2);font-size:2rem;font-weight:600;text-align:center}@media(max-width: 767px){#subpage-02-01 .page-1 .title-1{font-size:1.0833rem;font-weight:600;line-height:1.4;margin-bottom:1vw}}#subpage-02-01 .page-1 .title-2{color:var(--color-main);font-size:3rem;font-weight:600;text-align:center}@media(max-width: 767px){#subpage-02-01 .page-1 .title-2{font-size:1.5rem}}#subpage-02-01 .page-1 .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:1.5rem;margin-top:4.1666rem}@media(max-width: 767px){#subpage-02-01 .page-1 .list-box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:4vw;gap:4vw}}#subpage-02-01 .page-1 .list-box .item{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;height:auto}@media(min-width: 769px){#subpage-02-01 .page-1 .list-box .item{padding-top:2rem}}@media(min-width: 769px){#subpage-02-01 .page-1 .list-box .item:not(:first-child){padding-left:3.1666rem;border-left:1px solid #dcdcdc}}@media(max-width: 767px){#subpage-02-01 .page-1 .list-box .item:not(:first-child){padding-top:4vw;border-top:1px solid #dcdcdc}}#subpage-02-01 .page-1 .list-box .item .title{color:var(--color-main);font-size:2rem;font-weight:600}@media(min-width: 769px){#subpage-02-01 .page-1 .list-box .item .title{line-height:3.1666rem;min-height:6.3332rem}}@media(max-width: 767px){#subpage-02-01 .page-1 .list-box .item .title{font-size:1.1666rem}}#subpage-02-01 .page-1 .list-box .item .text{position:relative;height:13.5rem;line-height:2.7rem;margin-top:2.5rem;color:#1b1b1b;font-size:1.5rem}@media(max-width: 767px){#subpage-02-01 .page-1 .list-box .item .text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:2vw;height:auto;line-height:6vw;margin-top:2vw;font-size:1rem}}#subpage-02-01 .page-1 .list-box .item .text::before{content:"";width:5px;height:5px;border-radius:50%;background-color:var(--color-main)}@media(min-width: 769px){#subpage-02-01 .page-1 .list-box .item .text::before{position:absolute;left:-1.5rem;top:calc(1.35rem - 2.5px);z-index:5}}@media(max-width: 767px){#subpage-02-01 .page-1 .list-box .item .text::before{width:4px;height:4px;margin-top:calc(3vw - 2px)}}@media(min-width: 769px){#subpage-02-01 .page-1 .list-box .item .text p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-line-clamp:5;line-clamp:5}}@media(max-width: 767px){#subpage-02-01 .page-1 .list-box .item .text p{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}}#subpage-02-01 .page-2{padding-left:var(--size-padding-box);padding-right:var(--size-padding-box)}@media(min-width: 769px){#subpage-02-01 .page-2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:2.3333rem}}@media(max-width: 767px){#subpage-02-01 .page-2{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:3vw;grid-row-gap:4vw}}#subpage-02-01 .page-2 .item{overflow:hidden;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;border-radius:8px}@media(min-width: 769px){#subpage-02-01 .page-2 .item:hover .img{-webkit-transform:scale(1.025);-ms-transform:scale(1.025);transform:scale(1.025)}}@media(max-width: 767px){#subpage-02-01 .page-2 .item{position:relative;border-radius:6px}}#subpage-02-01 .page-2 .item .img{width:100%;height:19.5rem;border-radius:8px 8px 0 0;-webkit-transform-origin:50% 0%;-ms-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}@media(max-width: 767px){#subpage-02-01 .page-2 .item .img{border-radius:6px 6px 0 0;height:41vw}}#subpage-02-01 .page-2 .item .title{position:relative;z-index:5;width:100%;height:5rem;line-height:5rem;background-color:var(--color-main);color:#fff;font-size:1.5rem;text-align:center}@media(max-width: 767px){#subpage-02-01 .page-2 .item .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;left:0;bottom:0;z-index:5;width:100%;height:100%;line-height:1.6;padding:0 3vw 2vw;background-color:rgba(0,0,0,0);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(85%, var(--color-main)));background-image:linear-gradient(transparent 60%, var(--color-main) 85%);font-size:1.0833rem;text-align:left}}