.card-nav-component{overflow:hidden}
.card-nav-component>.card-nav-wrap{width:100%;padding:40px 0;transition:all .35s;position:relative;box-sizing:border-box;box-shadow:0 4px 4px rgba(0,0,0,0.01)}
.card-nav-component>.card-nav-wrap.init-editor{height:30vw;background-image:url(card-nav/image/bg_default.png);background-size:100%;background-position:center;background-repeat:no-repeat;outline:1px solid rgba(128,128,128,0.1)}
@media screen and (min-width:391.98px) and (max-width:768px){.card-nav-component>.card-nav-wrap{margin-left:0;margin-right:0}
}
@media screen and (min-width:768.98px) and (max-width:991.98px){.card-nav-component>.card-nav-wrap>.card-nav-list>li{flex-basis:0}
}
@media screen and (min-width:991.98px) and (max-width:1200px){.card-nav-component>.card-nav-wrap{margin-left:40px;margin-right:40px;padding:80px 0;width:calc(100% - 80px)}
}
@media screen and (min-width:1200.98px) and (max-width:1599.98px){.card-nav-component>.card-nav-wrap{margin-left:40px;margin-right:40px;padding:80px 0;width:calc(100% - 80px)}
}
@media screen and (min-width:1600px) and (max-width:1920px){.card-nav-component>.card-nav-wrap{margin-left:80px;margin-right:80px;padding:80px 0;width:calc(100% - 160px)}
}
@media screen and (min-width:1920.98px){.card-nav-component>.card-nav-wrap{margin-left:auto;margin-right:auto;max-width:1760px;padding:80px 0;width:calc(100% - 160px)}
}
.card-nav-component>.card-nav-wrap>.card-nav-title{width:100%;text-align:center;font-weight:bold;padding:0 24px 16px 24px}
@media screen and (min-width:768.98px){.card-nav-component>.card-nav-wrap>.card-nav-title{padding:0 0 24px 0}
}
@media screen and (min-width:991.98px){.card-nav-component>.card-nav-wrap>.card-nav-title{padding:0 0 24px 0}
}
@media screen and (min-width:1600.98px){.card-nav-component>.card-nav-wrap>.card-nav-title{padding:0 0 40px 0}
}
.card-nav-component>.card-nav-wrap>.card-nav-title>.card-nav-title_content{font-size:32px;line-height:1.25;padding:0 16px}
@media screen and (min-width:768.98px){.card-nav-component>.card-nav-wrap>.card-nav-title>.card-nav-title_content{font-size:40px}
}
@media screen and (min-width:1200.98px){.card-nav-component>.card-nav-wrap>.card-nav-title>.card-nav-title_content{font-size:48px}
}
.card-nav-component>.card-nav-wrap>.card-nav-list{display:flex;flex-direction:row;justify-content:flex-start;width:auto;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;overflow:-moz-scrollbars-none;padding:0 16px}
.card-nav-component>.card-nav-wrap>.card-nav-list::-webkit-scrollbar{display:none}
.card-nav-component>.card-nav-wrap>.card-nav-list.is-centered{justify-content:center}
.card-nav-component>.card-nav-wrap>.card-nav-list>li{margin-left:16px;margin-right:0;cursor:pointer;display:flex;flex-direction:column;align-items:center}
@media screen and (min-width:991.98px){.card-nav-component>.card-nav-wrap>.card-nav-list>li{flex:1;max-width:calc((100% - 32px) / 5);border-radius:16px}
.card-nav-component>.card-nav-wrap>.card-nav-list>li:hover .card-nav-item_icon{background-position:right top !important}
.card-nav-component>.card-nav-wrap>.card-nav-list>li:hover .card-nav-item_embedded-img{transform:scale3d(1.1,1.1,1.1)}
}
.card-nav-component>.card-nav-wrap>.card-nav-list>li:first-child{margin-left:0}
@media screen and (min-width:768.98px){.card-nav-component>.card-nav-wrap>.card-nav-list>li{margin-left:16px}
.card-nav-component>.card-nav-wrap>.card-nav-list{padding:0}
}
@media screen and (min-width:991.98px){.card-nav-component>.card-nav-wrap>.card-nav-list>li{flex-direction:column-reverse;margin-left:8px;padding:0 4px 4px;background-color:white}
}
@media screen and (min-width:1200.98px){.card-nav-component>.card-nav-wrap>.card-nav-list>li{margin-left:16px}
}
@media screen and (min-width:1600.98px){.card-nav-component>.card-nav-wrap>.card-nav-list>li{padding:0 8px 8px}
}
html[dir=rtl] .card-nav-component>.card-nav-wrap>.card-nav-list>li{margin-left:0;margin-right:16px}
@media screen and (max-width:768.98px){html[dir=rtl] .card-nav-component>.card-nav-wrap>.card-nav-list>li{margin-left:16px;margin-right:0}
html[dir=rtl] .card-nav-component>.card-nav-wrap>.card-nav-list>li:first-child{margin-right:0}
html[dir=rtl] .card-nav-component>.card-nav-wrap>.card-nav-list>li:last-child{margin-left:0}
}
@media screen and (min-width:768.98px){html[dir=rtl] .card-nav-component>.card-nav-wrap>.card-nav-list>li{margin-left:16px;margin-right:0}
html[dir=rtl] .card-nav-component>.card-nav-wrap>.card-nav-list>li:first-child{margin-right:0}
html[dir=rtl] .card-nav-component>.card-nav-wrap>.card-nav-list>li:last-child{margin-left:0}
}
@media screen and (min-width:991.98px){html[dir=rtl] .card-nav-component>.card-nav-wrap>.card-nav-list>li{margin-left:8px}
}
@media screen and (min-width:1200.98px){html[dir=rtl] .card-nav-component>.card-nav-wrap>.card-nav-list>li{margin-left:16px}
}
.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_img{box-sizing:content-box;position:relative;background-color:white;border-radius:8px;overflow:hidden;display:flex;justify-content:center;width:100%}
@media screen and (max-width:768px){.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_img{width:31.795vw;display:flex;flex-direction:column;justify-content:flex-end;box-sizing:content-box}
}
@media screen and (min-width:768.98px) and (max-width:991.98px){.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_img{width:calc(16.22vw + -1px);padding:0}
}
@media screen and (min-width:991.98px){.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_img{border-radius:0 0 14px 14px}
}
@media screen and (max-width:991.98px){.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_img{border:1px solid white}
}
.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_img .card-nav-item_embedded-img{transition:transform 1s ease-in-out;width:100%;height:100%}
.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_img .card-nav-item_icon{position:absolute;width:100%;height:100%;bottom:0;right:0;opacity:.5;transition:width .6s ease-in-out,height .6s ease-in-out,background-color 1.5s ease-in-out,background-position 1s ease-in-out;background-size:16px;background-repeat:no-repeat;background-position:right 8px bottom 8px;background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0i6ZSa54K5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8Y2lyY2xlIGlkPSLmpK3lnIblvaIiIGN4PSI4IiBjeT0iOCIgcj0iOCIgZmlsbD0iIzMwMzAzMCIvPgogIDxnIGlkPSLnvJbnu4QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuMzkxIDUuMTg0KSI+CiAgICA8cmVjdCBpZD0i55+p5b2iIiB3aWR0aD0iNi4zNzMiIGhlaWdodD0iMS41OTMiIHJ4PSIwLjc5NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMy41ODUgNC41MDYpIHJvdGF0ZSgtNDUpIiBmaWxsPSIjZmZmIi8+CiAgICA8cmVjdCBpZD0i55+p5b2iLTIiIGRhdGEtbmFtZT0i55+p5b2iIiB3aWR0aD0iNi4zNzMiIGhlaWdodD0iMS41OTMiIHJ4PSIwLjc5NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNC41MDYgNS42MzMpIHJvdGF0ZSgtMTM1KSIgZmlsbD0iI2ZmZiIvPgogIDwvZz4KPC9zdmc+Cg==");border-radius:0 0 6px 0;overflow:hidden}
@media screen and (max-width:390px){.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_img .card-nav-item_icon{width:100%;height:100%}
}
html[dir=rtl] .card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_img .card-nav-item_icon{transform:rotateY(180deg)}
@media screen and (min-width:991.98px){html[dir=rtl] .card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_img .card-nav-item_icon{left:12px;right:auto}
}
@media screen and (min-width:991.98px){.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_img .card-nav-item_icon{width:40px;height:40px;right:12px;bottom:12px;border-radius:50%;background-color:#303030;background-position:right bottom;background-size:100%;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA0MCA4MCI+DQogIDxkZWZzPg0KICAgIDxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj4NCiAgICAgIDxyZWN0IGlkPSLnn6nlvaJfMiIgZGF0YS1uYW1lPSLnn6nlvaIgMiIgd2lkdGg9IjQwIiBoZWlnaHQ9IjgwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNDcgMTI3NC41KSIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjNzA3MDcwIiBzdHJva2Utd2lkdGg9IjEiLz4NCiAgICA8L2NsaXBQYXRoPg0KICA8L2RlZnM+DQogIDxnIGlkPSLokpnniYjnu4RfMzEiIGRhdGEtbmFtZT0i6JKZ54mI57uEIDMxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzQ3IC0xMjc0LjUpIiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+DQogICAgPGcgaWQ9Iue7hF83IiBkYXRhLW5hbWU9Iue7hCA3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3IC0xMSkiPg0KICAgICAgPGcgaWQ9Iue7hF82IiBkYXRhLW5hbWU9Iue7hCA2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOCAyMikiPg0KICAgICAgICA8ZyBpZD0i57uEXzQiIGRhdGEtbmFtZT0i57uEIDQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zOCAtODguNSkiPg0KICAgICAgICAgIDxnIGlkPSLnvJbnu4QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM3NCAxMzY5KSI+DQogICAgICAgICAgICA8cmVjdCBpZD0i55+p5b2iIiB3aWR0aD0iOCIgaGVpZ2h0PSIyIiByeD0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNC41IDUuNjU3KSByb3RhdGUoLTQ1KSIgZmlsbD0iI2ZmZiIvPg0KICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oi0yIiBkYXRhLW5hbWU9IuefqeW9oiIgd2lkdGg9IjgiIGhlaWdodD0iMiIgcng9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuNjU3IDcuMDcxKSByb3RhdGUoLTEzNSkiIGZpbGw9IiNmZmYiLz4NCiAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICAgIDwvZz4NCiAgICAgIDxnIGlkPSLnu4RfNSIgZGF0YS1uYW1lPSLnu4QgNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIwIC0yNi41KSI+DQogICAgICAgIDxnIGlkPSLnvJbnu4QtMiIgZGF0YS1uYW1lPSLnvJbnu4QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM3NCAxMzY5KSI+DQogICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oi0zIiBkYXRhLW5hbWU9IuefqeW9oiIgd2lkdGg9IjgiIGhlaWdodD0iMiIgcng9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuNSA1LjY1Nykgcm90YXRlKC00NSkiIGZpbGw9IiNmZmYiLz4NCiAgICAgICAgICA8cmVjdCBpZD0i55+p5b2iLTQiIGRhdGEtbmFtZT0i55+p5b2iIiB3aWR0aD0iOCIgaGVpZ2h0PSIyIiByeD0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS42NTcgNy4wNzEpIHJvdGF0ZSgtMTM1KSIgZmlsbD0iI2ZmZiIvPg0KICAgICAgICA8L2c+DQogICAgICA8L2c+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg==")}
}
.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_title{transition:all .3s}
@media screen and (max-width:768px){.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_title{max-width:31.795vw}
}
@media screen and (min-width:768px) and (max-width:991.98px){.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_title{max-width:calc(16.22vw + -1px)}
}
@media screen and (min-width:991.98px){.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_title{margin:16px 0}
}
@media screen and (min-width:1200.98px){.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_title{margin:24px 0}
}
.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_main-title,.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_sub-title{display:block;text-align:center;width:100%;word-wrap:break-word;overflow:hidden}
@media screen and (min-width:991.98px){.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_main-title,.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_sub-title{word-break:break-word}
}
.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_main-title{font-weight:700;font-size:12px;margin-top:8px;margin-bottom:4px;line-height:1.25}
@media screen and (min-width:991.98px){.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_main-title{font-size:13px}
.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_main-title{margin-top:0}
}
@media screen and (min-width:1200.98px){.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_main-title{font-size:18px}
}
@media screen and (min-width:1600.98px){.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_main-title{font-size:20px;margin-bottom:8px}
}
.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_sub-title{line-height:1.5;font-size:12px;font-weight:400;opacity:.6}
@media screen and (min-width:1200.98px){.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_sub-title{font-size:14px}
}
@media screen and (min-width:1600.98px){.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_sub-title{font-size:16px}
}
.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_img{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0)}
@media screen and (max-width:991.98px){.card-nav-component>.card-nav-wrap{padding:6.6666666667vw 0}
.card-nav-component>.card-nav-wrap>.card-nav-title{padding:0 2.6666666667vw 4vw 2.6666666667vw}
.card-nav-component>.card-nav-wrap>.card-nav-title>.card-nav-title_content{font-size:5.3333333333vw;line-height:1.25;padding:0}
.card-nav-component>.card-nav-wrap>.card-nav-list{padding:0 2.6666666667vw}
.card-nav-component>.card-nav-wrap>.card-nav-list>li{margin-left:2.6666666667vw}
.card-nav-component>.card-nav-wrap>.card-nav-list>li:first-child{margin-left:0}
.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_img{width:20.6666666667vw}
.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_img .card-nav-item_icon{background-size:2.6666666667vw;background-position:right 1.3333333333vw bottom 1.3333333333vw}
.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_title{max-width:20.6666666667vw}
.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_main-title{font-size:2vw;margin-top:1.3333333333vw;line-height:1.25;margin-bottom:.6666666667vw}
.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_sub-title{font-size:2vw;line-height:1.6;font-weight:300}
}
@media screen and (max-width:599.98px){.card-nav-component>.card-nav-wrap{padding:10.2564102564vw 0}
.card-nav-component>.card-nav-wrap>.card-nav-title{padding:0 4.1025vw 6.1538vw 4.1025vw}
.card-nav-component>.card-nav-wrap>.card-nav-title>.card-nav-title_content{font-size:8.205vw;padding:0}
.card-nav-component>.card-nav-wrap>.card-nav-list{padding:0 4.1025vw}
.card-nav-component>.card-nav-wrap>.card-nav-list>li{margin-left:4.1025vw}
.card-nav-component>.card-nav-wrap>.card-nav-list>li:first-child{margin-left:0}
.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_img{width:31.794vw}
.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_img .card-nav-item_icon{background-size:4.1025vw;background-position:right 2.0512vw bottom 2.0512vw}
.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_title{max-width:31.794vw}
.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_main-title{font-size:3.0769230769vw;margin-top:2.0512vw;margin-bottom:1.0256410256vw}
.card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_sub-title{font-size:3.076vw;font-weight:300}
}