.mainVisual .bg{background:url(/images/sub/reference/img-mainvisual.png) no-repeat;background-size:cover}.page-content-wrap{background-color:#f7f7f7}.page-content{padding:4.5rem 2rem}.page-content h3{display:block;text-align:center;font-size:2.1rem;font-weight:600;margin-bottom:3.7rem;color:#3c3c3c}.page-content .category{display:flex;flex-direction:row;font-size:1.1rem;flex-wrap:wrap}.page-content .category li{position:relative;display:flex;align-items:center;justify-content:center;flex-basis:25%;height:2.6rem;color:#3c3c3c;font-weight:600;cursor:pointer}.page-content .category li.active,.page-content .category li:hover{color:#ed6e00}.page-content .category li:after{content:"";position:absolute;display:block;top:50%;right:0;width:.1rem;height:1rem;margin-top:-.6rem;background:#727272}.page-content .category li:nth-child(4):after{display:none}.page-content .case-list{margin-top:1.5rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}.page-content .case-list .tool-area{aspect-ratio:398/397;flex-basis:calc(50% - .5rem);position:relative;overflow:hidden}.page-content .case-list .tool-area .hover-area{position:absolute;top:-100%;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(239,92,23,.7);transition:.3s}.page-content .case-list .tool-area .hover-area .content{color:#fff;display:flex;flex-direction:column;align-items:center}.page-content .case-list .tool-area .hover-area .content strong{font-size:1.1rem}.page-content .case-list .tool-area .hover-area .content span{font-size:1rem}.page-content .case-list .tool-area:hover .hover-area{position:absolute;top:0;height:100%;transition:.3s}.page-ref.page-ref-pc .mainVisual,.page-ref.page-ref-tab .mainVisual{height:42.9rem}.page-ref.page-ref-pc .mainVisual h2,.page-ref.page-ref-tab .mainVisual h2{font-size:4.3rem}.page-ref.page-ref-pc .inner,.page-ref.page-ref-tab .inner{width:120rem;margin:0 auto}.page-ref.page-ref-pc .navigation .icon-home,.page-ref.page-ref-tab .navigation .icon-home{border-left:1px solid #bcbec0}.page-ref.page-ref-pc .breadcrumb>div,.page-ref.page-ref-tab .breadcrumb>div{width:32.5rem;border-right:1px solid #bcbec0}.page-ref.page-ref-pc .breadcrumb .movePage,.page-ref.page-ref-tab .breadcrumb .movePage{position:relative;display:flex}.page-ref.page-ref-pc .breadcrumb .movePage .current button,.page-ref.page-ref-tab .breadcrumb .movePage .current button{display:flex;width:3rem;height:2rem;justify-content:center;line-height:2rem;position:absolute;top:2.5rem;right:1.2rem;align-items:center}.page-ref.page-ref-pc .breadcrumb .movePage .pageList,.page-ref.page-ref-tab .breadcrumb .movePage .pageList{position:absolute;top:calc(6.7rem - 1px);left:-1px;border:1px solid #bcbec0;width:calc(100% + 2px);background-color:#fff}.page-ref.page-ref-pc .breadcrumb .movePage .pageList li,.page-ref.page-ref-tab .breadcrumb .movePage .pageList li{display:flex;padding:0 2.2rem;align-items:center;height:5.4rem;border-top:1px solid #bcbec0}.page-ref.page-ref-pc .breadcrumb .movePage .pageList li:first-child,.page-ref.page-ref-tab .breadcrumb .movePage .pageList li:first-child{border-top:none}.page-ref.page-ref-pc .page-content,.page-ref.page-ref-tab .page-content{padding:11rem 2rem 8rem}.page-ref.page-ref-pc .page-content h3,.page-ref.page-ref-tab .page-content h3{font-size:4.2rem;margin-bottom:10rem}.page-ref.page-ref-pc .page-content .category li,.page-ref.page-ref-tab .page-content .category li{flex-basis:auto;font-size:1.6rem;padding:0 2.5rem}.page-ref.page-ref-pc .page-content .category li:first-child,.page-ref.page-ref-tab .page-content .category li:first-child{padding-left:0}.page-ref.page-ref-pc .page-content .category li:last-child:after,.page-ref.page-ref-tab .page-content .category li:last-child:after{display:none}.page-ref.page-ref-pc .page-content .category li:nth-child(4):after,.page-ref.page-ref-tab .page-content .category li:nth-child(4):after{content:"";position:absolute;display:block;top:50%;right:0;width:.1rem;height:1rem;margin-top:-.6rem;background:#727272}.page-ref.page-ref-pc .page-content .case-list,.page-ref.page-ref-tab .page-content .case-list{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:3.5rem;gap:2rem}.page-ref.page-ref-pc .page-content .case-list .tool-area,.page-ref.page-ref-tab .page-content .case-list .tool-area{flex-basis:calc(33.33% - 2rem);position:relative;overflow:hidden}.page-ref.page-ref-pc .page-content .case-list .tool-area img,.page-ref.page-ref-tab .page-content .case-list .tool-area img{width:100%}.page-ref.page-ref-pc .page-content .case-list .tool-area .hover-area .content strong,.page-ref.page-ref-tab .page-content .case-list .tool-area .hover-area .content strong{font-size:2.5rem}.page-ref.page-ref-pc .page-content .case-list .tool-area .hover-area .content span,.page-ref.page-ref-tab .page-content .case-list .tool-area .hover-area .content span{font-size:1.6rem}.page-ref.page-ref-pc .modal-area .modal-title,.page-ref.page-ref-tab .modal-area .modal-title{height:12rem}.page-ref.page-ref-pc .modal-area .modal-title button,.page-ref.page-ref-tab .modal-area .modal-title button{position:absolute;top:4.5rem;right:3rem;width:3rem;height:3rem}.page-ref.page-ref-pc .modal-area .modal-title strong,.page-ref.page-ref-tab .modal-area .modal-title strong{font-size:2.5rem}.page-ref.page-ref-pc .modal-area .modal-title span,.page-ref.page-ref-tab .modal-area .modal-title span{font-size:1.7rem}.page-ref.page-ref-pc .modal-area .modal-content,.page-ref.page-ref-tab .modal-area .modal-content{height:calc(100% - 12rem);padding:4.5rem 4.5rem 30rem;overflow-y:scroll;display:flex;flex-direction:column;gap:2rem}.page-ref.page-ref-pc .modal-area .modal-content img,.page-ref.page-ref-tab .modal-area .modal-content img{width:100%}.page-ref.page-ref-pc .modal-area .modal-info,.page-ref.page-ref-tab .modal-area .modal-info{position:absolute;left:0;bottom:0;width:100%;background:hsla(0,0%,88%,.93);padding:3.9rem 8rem}.page-ref.page-ref-pc .modal-area .modal-info .modal-info-name,.page-ref.page-ref-tab .modal-area .modal-info .modal-info-name{font-size:1.6rem}.page-ref.page-ref-pc .modal-area .modal-info .modal-info-name strong,.page-ref.page-ref-tab .modal-area .modal-info .modal-info-name strong{font-weight:800;font-size:1.8rem}.page-ref.page-ref-pc .modal-area .modal-info .modal-info-name p,.page-ref.page-ref-tab .modal-area .modal-info .modal-info-name p{font-size:1.4rem}.page-ref.page-ref-pc .modal-area .modal-info .modal-info-content dl:first-child,.page-ref.page-ref-pc .modal-area .modal-info .modal-info-content dl:nth-child(2),.page-ref.page-ref-tab .modal-area .modal-info .modal-info-content dl:first-child,.page-ref.page-ref-tab .modal-area .modal-info .modal-info-content dl:nth-child(2){width:20rem}.page-ref.page-ref-pc .modal-area .modal-info .modal-info-content dl:nth-child(3),.page-ref.page-ref-tab .modal-area .modal-info .modal-info-content dl:nth-child(3){width:40rem}.page-ref.page-ref-pc .modal-area .modal-info .modal-info-content dl dt,.page-ref.page-ref-tab .modal-area .modal-info .modal-info-content dl dt{font-size:1.8rem;flex-basis:8rem}.page-ref.page-ref-pc .modal-area .modal-info .modal-info-content dl dd,.page-ref.page-ref-tab .modal-area .modal-info .modal-info-content dl dd{flex-basis:calc(100% - 9rem);font-size:1.6rem}body.innosion .page-content .category li.active,body.innosion .page-content .category li:hover{color:#5fb971}.MainHeader.MainHeader-pc,.MainHeader.MainHeader-tab{transition-timing-function:cubic-bezier(.445,.05,.55,.95);transition-duration:.5s;transition:all .8s ease-out;transform:translate3d(0,-100px,0);padding:1.6rem 0 0;height:7.5rem;position:absolute}.MainHeader.MainHeader-pc.animate-header,.MainHeader.MainHeader-tab.animate-header{transform:translateZ(0)}.MainHeader.MainHeader-pc.fixed,.MainHeader.MainHeader-tab.fixed{position:fixed;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:50}.MainHeader.MainHeader-pc.fixed ul a,.MainHeader.MainHeader-tab.fixed ul a{color:#636466}.MainHeader.MainHeader-pc .gnb>ul,.MainHeader.MainHeader-tab .gnb>ul{height:6rem;padding-bottom:1rem}.MainHeader.MainHeader-pc .gnb>ul li,.MainHeader.MainHeader-tab .gnb>ul li{position:relative;width:9rem;text-align:start}.MainHeader.MainHeader-pc .gnb>ul li.active a,.MainHeader.MainHeader-pc .gnb>ul li:hover a,.MainHeader.MainHeader-tab .gnb>ul li.active a,.MainHeader.MainHeader-tab .gnb>ul li:hover a{color:#ed6d00}.MainHeader.MainHeader-pc .gnb>ul li.active:after,.MainHeader.MainHeader-pc .gnb>ul li:hover:after,.MainHeader.MainHeader-tab .gnb>ul li.active:after,.MainHeader.MainHeader-tab .gnb>ul li:hover:after{content:"";display:block;position:absolute;bottom:-1rem;left:0;width:100%;height:.3rem;background-color:#ed6d00}.MainHeader.MainHeader-pc .inner,.MainHeader.MainHeader-tab .inner{max-width:1200px;min-width:820px;width:100%;margin:0 auto;display:flex;justify-content:flex-end}.MainHeader.MainHeader-pc h1,.MainHeader.MainHeader-tab h1{position:absolute;left:50%;margin:1rem 0 0 -600px;display:flex;align-items:center}.MainHeader.MainHeader-pc h1 img,.MainHeader.MainHeader-tab h1 img{width:12.9rem;height:3.5rem}.MainHeader.MainHeader-pc h1.innosion,.MainHeader.MainHeader-tab h1.innosion{padding:0 0 1rem;bottom:0}.MainHeader.MainHeader-pc h1.innosion img,.MainHeader.MainHeader-tab h1.innosion img{width:auto;height:2.1rem}.MainHeader.MainHeader-tab h1{position:absolute;left:0;margin:1rem 0 0}