.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-10-01{position:relative}@media(max-width: 767px){#subpage-10-01 .subpage-banner .label{width:55%}}#subpage-10-01 .subpage-banner .text{width:58.25rem}@media(max-width: 767px){#subpage-10-01 .subpage-banner .text{width:70%}}#subpage-10-01 .page-1{padding-left:var(--size-padding-box);padding-right:var(--size-padding-box);margin:2rem 0 2.5rem}@media(max-width: 767px){#subpage-10-01 .page-1{padding:0;margin:5vw 0}}#subpage-10-01 .page-1>.title{line-height:1.4;color:var(--color-main);font-size:2.5rem;text-align:center}@media(max-width: 767px){#subpage-10-01 .page-1>.title{font-size:1.25rem;-webkit-animation-name:fadeInRight !important;animation-name:fadeInRight !important}}#subpage-10-01 .page-1>.text{-webkit-box-sizing:border-box;box-sizing:border-box;margin:2.3333rem 0;color:#1b1b1b;font-size:1.6666rem;text-align:center}@media(max-width: 767px){#subpage-10-01 .page-1>.text{padding-left:var(--size-padding-box);padding-right:var(--size-padding-box);width:100%;margin:3vw auto 5vw;font-size:.9166rem;-webkit-animation-name:fadeInRight !important;animation-name:fadeInRight !important}}#subpage-10-01 .page-1>.list-box>.item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:6.6666rem;padding-top:5rem;font-size:1.5rem}@media(min-width: 769px){#subpage-10-01 .page-1>.list-box>.item:not(:first-child){border-top:1px solid #e5e5e5}}@media(max-width: 767px){#subpage-10-01 .page-1>.list-box>.item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4vw;padding-top:5vw;font-size:1rem}}#subpage-10-01 .page-1>.list-box>.item .left{color:#1b1b1b}@media(min-width: 769px){#subpage-10-01 .page-1>.list-box>.item .left{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;height:auto;margin:auto 0}}@media(max-width: 767px){#subpage-10-01 .page-1>.list-box>.item .left{padding-left:var(--size-padding-box);padding-right:var(--size-padding-box);width:100%}#subpage-10-01 .page-1>.list-box>.item .left .text{font-size:.9166rem}}#subpage-10-01 .page-1>.list-box>.item .left .title{line-height:1.4;width:20.4166rem;margin-bottom:.5rem;color:var(--color-main);font-size:2rem;font-weight:600}@media(max-width: 767px){#subpage-10-01 .page-1>.list-box>.item .left .title{width:100%;margin-bottom:2vw;font-size:1rem}}#subpage-10-01 .page-1>.list-box>.item .left .label{margin-top:.5rem;line-height:1.6}#subpage-10-01 .page-1>.list-box>.item .left .label .item{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}@media(max-width: 767px){#subpage-10-01 .page-1>.list-box>.item .left .label .item{gap:2vw;font-size:.9166rem}}#subpage-10-01 .page-1>.list-box>.item .left .label .item::before{content:"";display:block;width:5px;height:5px;border-radius:50%;background-color:var(--color-main)}@media(max-width: 767px){#subpage-10-01 .page-1>.list-box>.item .left .label .item::before{width:3px;height:3px}}#subpage-10-01 .page-1>.list-box>.item .right{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;width:84.5833rem;height:auto;padding:4.3333rem 3rem 3.3333rem;border-radius:8px;background-color:#f9f8f9;color:var(--color-main)}@media(max-width: 767px){#subpage-10-01 .page-1>.list-box>.item .right{width:100%;padding:4vw 5vw}}#subpage-10-01 .page-1>.list-box>.item .right .list-img{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:3rem;width:100%}@media(max-width: 767px){#subpage-10-01 .page-1>.list-box>.item .right .list-img{gap:4vw;font-size:.8333rem}#subpage-10-01 .page-1>.list-box>.item .right .list-img.img-4{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:13.3333vw;-moz-column-gap:13.3333vw;column-gap:13.3333vw;row-gap:2vw}#subpage-10-01 .page-1>.list-box>.item .right .list-img.img-4 .item{width:26vw;height:22vw}}#subpage-10-01 .page-1>.list-box>.item .right .list-img .item{width:100%;line-height:1.5;color:var(--color-main);text-align:center}#subpage-10-01 .page-1>.list-box>.item .right .list-img .item .img{width:100%;height:15rem;margin-bottom:.8333rem;border-radius:8px}@media(max-width: 767px){#subpage-10-01 .page-1>.list-box>.item .right .list-img .item .img{height:17vw;margin-bottom:2vw;border-radius:4px}}#subpage-10-01 .page-1>.list-box>.item .right .list-text{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;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-sizing:border-box;box-sizing:border-box;gap:1.6666rem;width:100%;padding:0 2.5rem}@media(max-width: 767px){#subpage-10-01 .page-1>.list-box>.item .right .list-text{gap:2vw;padding:0}}#subpage-10-01 .page-1>.list-box>.item .right .list-text .item{-webkit-box-sizing:border-box;box-sizing:border-box;width:calc(16.6666% - 1.6666rem + .2777666667rem);line-height:4.8333rem;background-color:#fff;color:var(--color-main);text-align:center;font-size:2rem}@media(max-width: 767px){#subpage-10-01 .page-1>.list-box>.item .right .list-text .item{width:calc(16.6666% - 2vw + .3333333333vw);line-height:6vw;font-size:.8333rem}}#subpage-10-01 .page-1>.list-box>.item .right .list-text .item:last-child{-webkit-box-flex:1;-ms-flex:1;flex:1}