﻿.case-card__accordion{margin-bottom:32px;border:1px solid #d6d6d6;border-radius:8px;overflow:hidden}.case-card__accordion-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 20px;background-color:#fff;border:none;cursor:pointer;font-size:15px;font-weight:700;color:#333;transition:all .3s ease}.case-card__accordion-trigger:hover{background-color:#f2f9fc}.case-card__accordion-trigger .case-card__accordion-icon{width:10px;height:10px;transform:rotate(90deg);transition:transform .3s ease;flex-shrink:0}.case-card__accordion-trigger[aria-expanded=true] .case-card__accordion-icon{transform:rotate(-90deg)}.case-card__filter{display:none;gap:16px;padding:20px;border-top:1px solid #d6d6d6;flex-wrap:wrap;background-color:#fff}.case-card__filter.is-open{display:flex}@media screen and (max-width: 768px){.case-card__filter{flex-direction:column;gap:12px}}.case-card__filter .case-card__filter-item{display:flex;flex-direction:column;gap:6px;flex:1;min-width:180px}@media screen and (max-width: 768px){.case-card__filter .case-card__filter-item{min-width:0}}.case-card__filter .case-card__filter-label{font-size:13px;font-weight:700;color:#5b5b5b}.case-card__filter .case-card__filter-select{appearance:none;background-color:#fff;background-image:url("../img/icon/arrow05-down.svg");background-repeat:no-repeat;background-position:right 12px center;border:1px solid #d6d6d6;border-radius:8px;padding:10px 36px 10px 14px;font-size:14px;color:#333;cursor:pointer;transition:all .3s ease;width:100%}.case-card__filter .case-card__filter-select:hover,.case-card__filter .case-card__filter-select:focus{border-color:#0098d0;outline:none}.case-card__no-results{font-size:15px;color:#5b5b5b;text-align:center;padding:40px 0;width:100%}.case-card__items{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:16px}.case-card__items.flex-start{justify-content:flex-start}@media screen and (max-width: 768px){.case-card__items{flex-direction:column}}.case-card__items .case-card__item{width:calc(33.333% - 10.667px);display:flex;flex-direction:column;justify-content:space-between;gap:16px;background-color:#fff;padding:16px;border-radius:8px;transition:all .3s ease}@media screen and (max-width: 768px){.case-card__items .case-card__item{width:100%;flex-direction:row;justify-content:flex-start;align-items:center}}@media screen and (max-width: 576px){.case-card__items .case-card__item{flex-direction:column}}.case-card__items .case-card__item:hover{background-color:#fff1e5;transform:translateY(-8px)}.case-card__items .case-card__item .case-card__item-img{aspect-ratio:1.91/1;background-color:#fff;border-radius:8px;overflow:hidden;flex-shrink:0}@media screen and (max-width: 768px){.case-card__items .case-card__item .case-card__item-img{flex-shrink:0;align-self:flex-center;width:160px;min-width:160px}}.case-card__items .case-card__item .case-card__item-img img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 576px){.case-card__items .case-card__item .case-card__item-img{width:100%}}.case-card__items .case-card__item .case-card__item-body{display:flex;flex-direction:column;justify-content:space-between;gap:16px;height:100%}@media screen and (max-width: 768px){.case-card__items .case-card__item .case-card__item-body{width:100%}}.case-card__items .case-card__item .case-card__item-body .case-card__item-meta{display:flex;gap:8px;align-items:center}.case-card__items .case-card__item .case-card__item-body .case-card__item-meta span{padding:8px 16px;font-size:12px;font-weight:700;background-color:#f5f7f9;border-radius:16px}.case-card__items .case-card__item .case-card__item-body .case-card__item-title{font-size:16px;font-weight:700;line-height:2}.case-card__items .case-card__item .case-card__item-body .case-card__item-btn{text-align:right;font-size:14px;font-weight:700;color:#0098d0}.case-card__items .case-card__item .case-card__item-body .case-card__item-btn img{margin-left:4px}.case-card:not(.bg__off-white) .case-card__item{background-color:#f5f7f9;box-shadow:0 4px 8px rgba(25,21,21,.1)}.case-card__btn{text-align:center;margin-top:40px}.features-card__items{display:flex;gap:24px;justify-content:space-between;align-items:stretch}@media screen and (max-width: 992px){.features-card__items{gap:16px}}@media screen and (max-width: 768px){.features-card__items{flex-direction:column}}.features-card__items .features-card__item{width:calc(33.333% - 16px);background-color:#fff;padding:24px;border-radius:8px;position:relative;overflow:hidden}@media screen and (max-width: 992px){.features-card__items .features-card__item{width:calc(33.333% - 10.667px);padding:24px 16px}}@media screen and (max-width: 768px){.features-card__items .features-card__item{width:100%}}.features-card__items .features-card__item .features-card__item-point{position:absolute;top:0;left:0;background-color:#0098d0;font-family:"Roboto",sans-serif;color:#fff;padding:4px 16px 4px 8px;font-size:14px;font-weight:600;letter-spacing:1px;clip-path:polygon(0 0, 100% 0, 85% 100%, 0% 100%)}.features-card__items .features-card__item .features-card__item-img{width:120px;height:120px;margin:0 auto 8px}.features-card__items .features-card__item .features-card__item-img svg{width:100%;height:100%;object-fit:contain}.features-card__items .features-card__item .features-card__item-txt .features-card__item-title{font-size:20px;font-weight:700;line-height:1.5;text-align:center;margin-bottom:16px}@media screen and (max-width: 768px){.features-card__items .features-card__item .features-card__item-txt .features-card__item-title br{display:none}}.features-card__items .features-card__item .features-card__item-txt .features-card__item-desc{line-height:2}.features-card__items .features-card__item .features-card__item-img #star,.features-card__items .features-card__item .features-card__item-img #baloon{transform-box:fill-box;transform-origin:center;animation:feature-pulse 3s ease-in-out infinite}.features-card__items .features-card__item .features-card__item-img #strong{transform-box:fill-box;transform-origin:center;animation:feature-strong-pulse 3s ease-in-out infinite}@keyframes feature-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes feature-strong-pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}@media(prefers-reduced-motion: reduce){.features-card__items .features-card__item .features-card__item-img #star,.features-card__items .features-card__item .features-card__item-img #baloon,.features-card__items .features-card__item .features-card__item-img #strong{animation:none}}.sub .sub__header{background:url("../img/top/noise.svg") repeat,linear-gradient(225deg, #ffffff 0%, #ffffff 20%, #0098d0 100%),linear-gradient(225deg, #ffffff 0%, #ffffff 20%, #0098d0 100%);background-blend-mode:overlay,multiply,normal;background-size:160px 160px,100% 100%,100% 100%;height:240px}@media screen and (max-width: 1200px){.sub .sub__header{background:url("../img/top/noise.svg") repeat,linear-gradient(225deg, #ffffff 0%, #ffffff 4%, #0098d0 100%),linear-gradient(225deg, #ffffff 0%, #ffffff 4%, #0098d0 100%)}}.sub .sub__header .container{height:100%}.sub .sub__header .sub__header-inner{display:flex;align-items:center;height:100%}@media screen and (max-width: 1200px){.sub .sub__header .sub__header-inner{justify-content:center}}.sub .sub__header .sub__header-inner .sub__header-title{font-size:40px;font-weight:700;color:#fff;text-shadow:0 0 16px #014b82;display:flex;flex-direction:column}@media screen and (max-width: 1200px){.sub .sub__header .sub__header-inner .sub__header-title{font-size:36px;text-align:center}}@media screen and (max-width: 992px){.sub .sub__header .sub__header-inner .sub__header-title{font-size:32px}}@media screen and (max-width: 768px){.sub .sub__header .sub__header-inner .sub__header-title{font-size:28px}}.sub .sub__header .sub__header-inner .sub__header-title .sub__header-sub{font-size:18px;font-weight:500;color:#fff;text-shadow:0 0 16px #014b82}.sub .section__head .section__head-title{font-size:32px}@media screen and (max-width: 1200px){.sub .section__head .section__head-title{font-size:28px}}@media screen and (max-width: 768px){.sub .section__head .section__head-title{font-size:24px}}.sub .section__head .section__head-en{font-size:16px}@media screen and (max-width: 480px){.sub .section__head .section__head-en{font-size:14px}}.breadcrumbs{background-color:#eaeaea;padding:4px 0}.breadcrumbs .breadcrumbs__list{display:flex;align-items:center;gap:16px;list-style:none}.breadcrumbs .breadcrumbs__list .breadcrumbs__item{font-size:14px}.breadcrumbs .breadcrumbs__list .breadcrumbs__item:before{content:"»";margin-right:8px;color:#474747}.breadcrumbs .breadcrumbs__list .breadcrumbs__item:first-child:before{display:none}.breadcrumbs .breadcrumbs__list .breadcrumbs__item span,.breadcrumbs .breadcrumbs__list .breadcrumbs__item a{color:#474747;transition:all .3s ease}.breadcrumbs .breadcrumbs__list .breadcrumbs__item a:hover{color:#0098d0}.process__steps{display:flex;justify-content:center;gap:24px;margin-top:80px;flex-wrap:wrap}@media screen and (max-width: 992px){.process__steps{gap:64px 16px}}.process__steps .process__step{display:flex;flex-direction:column;align-items:center;position:relative;padding:40px 16px;background-color:#f5f7f9;border-radius:8px;width:calc(25% - 18px)}@media screen and (max-width: 992px){.process__steps .process__step{width:calc(50% - 8px)}}@media screen and (max-width: 576px){.process__steps .process__step{width:100%}}.process__steps .process__step .process__step-head{width:72px;height:72px;background-color:#0098d0;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-family:"Roboto",sans-serif;font-size:12px;font-weight:700;margin-top:-80px;line-height:1}.process__steps .process__step .process__step-head span{font-size:26px;font-weight:700;color:#fff}.process__steps .process__step .process__step-img{width:144px}.process__steps .process__step .process__step-img img,.process__steps .process__step .process__step-img svg{width:100%;height:100%;object-fit:contain;display:block}.process__steps .process__step .process__step-title{text-align:center;font-size:20px;font-weight:700;margin-top:8px}.process__steps .process__step .process__step-desc{text-align:center;margin-top:8px}.process__steps.about{gap:64px 24px}@media screen and (max-width: 992px){.process__steps.about{gap:64px 16px}}.process__steps.about .process__step{width:calc(50% - 12px);padding:40px 24px 24px}@media screen and (max-width: 992px){.process__steps.about .process__step{width:calc(50% - 8px);padding:40px 16px 24px}}@media screen and (max-width: 576px){.process__steps.about .process__step{width:100%}}.process__steps.about .process__step-desc{text-align:left;font-size:14px}.process__step-img.step01 #pencil{transform-box:fill-box;transform-origin:70% 90%;animation:step01-pencil-wiggle 2.6s ease-in-out infinite}.process__step-img.step01 #baloon01,.process__step-img.step01 #baloon02{transform-box:fill-box;transform-origin:center;animation:step01-balloon-pulse 3.6s ease-in-out infinite}.process__step-img.step01 #baloon02{animation-delay:1.8s}.process__step-img.step02 #glass{transform-box:fill-box;transform-origin:35% 60%;animation:step02-glass-move 3.4s ease-in-out infinite}.process__step-img.step02 #caution{transform-box:fill-box;transform-origin:center;animation:step02-caution-pulse 2s ease-in-out infinite}.process__step-img.step03 #bulb{transform-box:fill-box;transform-origin:center;animation:step03-bulb-float 3.2s ease-in-out infinite}.process__step-img.step03 #gear01,.process__step-img.step03 #gear02{transform-box:fill-box;transform-origin:center;animation:step03-gear-rotate 12s linear infinite}.process__step-img.step03 #gear02{animation-direction:reverse}.process__step-img.step04 #rec01,.process__step-img.step04 #rec02,.process__step-img.step04 #rec03,.process__step-img.step04 #rec04{transform-box:fill-box;transform-origin:50% 100%;animation-duration:4.8s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.process__step-img.step04 #rec01{animation-name:step04-bar-grow-01}.process__step-img.step04 #rec02{animation-name:step04-bar-grow-02}.process__step-img.step04 #rec03{animation-name:step04-bar-grow-03}.process__step-img.step04 #rec04{animation-name:step04-bar-grow-04}.process__step-img.step04 #arrow{transform-box:fill-box;transform-origin:center;animation:step04-arrow-pulse 2.4s ease-in-out infinite}@keyframes step01-pencil-wiggle{0%{transform:translate(-0.7px, -0.7px) rotate(-4deg)}50%{transform:translate(0.7px, 0.7px) rotate(4deg)}100%{transform:translate(-0.7px, -0.7px) rotate(-4deg)}}@keyframes step01-balloon-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes step02-glass-move{0%{transform:translate(0, 0)}25%{transform:translate(2.8px, -2.2px)}50%{transform:translate(5px, 0)}75%{transform:translate(2.8px, 2.2px)}100%{transform:translate(0, 0)}}@keyframes step02-caution-pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}@keyframes step03-bulb-float{0%{transform:translate(0, 0)}50%{transform:translate(3px, -3px)}100%{transform:translate(0, 0)}}@keyframes step03-gear-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes step04-bar-grow-01{0%{transform:scaleY(0);opacity:0}10%{transform:scaleY(1);opacity:1}95%{transform:scaleY(1);opacity:1}100%{opacity:0}}@keyframes step04-bar-grow-02{0%{transform:scaleY(0);opacity:0}25%{transform:scaleY(1);opacity:1}95%{transform:scaleY(1);opacity:1}100%{opacity:0}}@keyframes step04-bar-grow-03{0%{transform:scaleY(0);opacity:0}40%{transform:scaleY(1);opacity:1}95%{transform:scaleY(1);opacity:1}100%{opacity:0}}@keyframes step04-bar-grow-04{0%{transform:scaleY(0);opacity:0}55%{transform:scaleY(1);opacity:1}95%{transform:scaleY(1);opacity:1}100%{opacity:0}}@keyframes step04-arrow-pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}@media(prefers-reduced-motion: reduce){.process__steps .process__step-img.step01 #pencil{animation:none}.process__steps .process__step-img.step01 #baloon01,.process__steps .process__step-img.step01 #baloon02{animation:none}.process__steps .process__step-img.step02 #glass,.process__steps .process__step-img.step02 #caution{animation:none}.process__steps .process__step-img.step03 #bulb,.process__steps .process__step-img.step03 #gear01,.process__steps .process__step-img.step03 #gear02{animation:none}.process__steps .process__step-img.step04 #rec01,.process__steps .process__step-img.step04 #rec02,.process__steps .process__step-img.step04 #rec03,.process__steps .process__step-img.step04 #rec04,.process__steps .process__step-img.step04 #arrow{animation:none}}.productivity__overview .productivity__overview-txt{opacity:0;transform:translateX(-24px)}.productivity__overview-img #fomula__body,.productivity__overview-img #arrow01,.productivity__overview-img #arrow02,.productivity__overview-img #detail{opacity:0}.productivity__overview-img #fomula__body{transform-box:fill-box;transform-origin:50% 100%;transform:translateY(16px)}.productivity__overview-img #arrow01,.productivity__overview-img #arrow02,.productivity__overview-img #detail{transform-box:fill-box;transform-origin:50% 0%;transform:translateY(-16px)}.productivity__overview.is-visible .productivity__overview-img #fomula__body{animation:productivity-fomula-in .5s ease forwards;animation-delay:0s}.productivity__overview.is-visible .productivity__overview-img #arrow01,.productivity__overview.is-visible .productivity__overview-img #arrow02{animation:productivity-arrow-in .5s ease forwards;animation-delay:1s}.productivity__overview.is-visible .productivity__overview-img #detail{animation:productivity-detail-in .5s ease forwards;animation-delay:1.5s}.productivity__overview.is-visible .productivity__overview-txt{animation:productivity-text-in .5s ease forwards;animation-delay:2s}@keyframes productivity-fomula-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes productivity-arrow-in{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes productivity-detail-in{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes productivity-text-in{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}@media(prefers-reduced-motion: reduce){.productivity__overview .productivity__overview-txt{opacity:1;transform:none;animation:none}.productivity__overview-img #fomula__body,.productivity__overview-img #arrow01,.productivity__overview-img #arrow02,.productivity__overview-img #detail{opacity:1;transform:none;animation:none}}.overview .overview__wrap{display:flex;justify-content:space-between;align-items:flex-start;gap:80px}.overview .overview__wrap .overview__txt .overview__img{display:none}@media screen and (max-width: 992px){.overview .overview__wrap .overview__txt .overview__img{display:block;width:100%;height:200px;margin-bottom:24px}.overview .overview__wrap .overview__txt .overview__img img{width:100%;height:100%;object-fit:cover;border-radius:16px}}.overview .overview__wrap .overview__txt .overview__desc-txt{margin-bottom:24px;line-height:2}.overview .overview__wrap .overview__img{width:480px;flex-shrink:0}@media screen and (max-width: 992px){.overview .overview__wrap .overview__img{display:none}}.overview .overview__wrap .overview__img img{width:100%;height:100%;object-fit:cover;border-radius:16px}
