@media screen and (min-width:320px) and (max-width:768px){.m-container{padding:0 20px}.m-menu{width:100%;height:calc(100vh);background:var(--white);position:absolute;top:0;left:0;z-index:9999}.btn-m-menu,.m-menu{display:block!important}.m-menu-list{height:calc(100vh)}.m-menu-list li{border-bottom:1px solid var(--gray200);text-align:left!important}.m-menu-list li button{font-size:16px;width:100%;border-radius:0!important}.btn-menu,.m-menu-list li button{color:var(--gray900);text-align:left!important}.close-box{height:44px;display:block!important}.m-menu-close{position:absolute;right:0}}.w-full-bg{background:var(--white)}.m-menu{display:block}.btn-m-menu,.close-box,.m-menu-list{display:none}.main-container h5{padding-bottom:8px}.kok-banner{display:flex;position:relative;width:860px;margin:-60px auto 0;border-radius:16px;background:var(--white);box-shadow:4px 4px 25px rgba(0,0,0,.2);padding:55px 60px;cursor:pointer;z-index:2}.banner-bg{background:linear-gradient(189deg,#dedbff 15%,#fff 55%)}.main-banner{width:1200px;height:460px;margin:0 auto;display:flex;background:url(/_next/static/media/img_main_banner02.7ec2d22b.svg) no-repeat 100% 100%}.main-title{position:relative}.roll-text{color:var(--orange100);text-decoration:none;font-weight:800;max-width:200px;display:inline-block;position:absolute;top:117px;left:280px}.main-banner h1{font-size:40px;font-weight:700;padding-top:120px}.main-banner .sub-text{font-size:20px;font-weight:600;color:var(--gray500);padding-top:24px}.main-button-box{padding-top:40px;display:flex;flex-direction:row;justify-content:center}.main-banner-box:first-child{margin-right:28px}.main-banner-box{background:var(--white);width:560px;height:120px;padding:10px 20px;box-shadow:4px 4px 16px rgba(0,0,0,.1);cursor:pointer}.banner-text01{padding-top:20px;padding-left:20px}.banner-text01 h4{font-size:23px;font-weight:700}.banner-text01 h5{font-size:16px;font-weight:500;color:var(--gray500);padding-top:8px}.main-banner-box:hover .banner-text01 h4{color:var(--primary600)}.main-search,.search{background:#f6f6f6}.search{margin:90px auto 60px;width:640px;border:1px solid #d9d9d9;border-radius:30px;height:60px;padding:8px 20px}.search>input{padding:0 0 0 12px;border:0;font-size:large}.search .search-btn{width:36px;height:36px;border:0}.search .search-btn,.search .search-btn:hover{background:url(/_next/static/media/ico_category_search.2fbdfa26.svg) no-repeat center 4px}.category{flex-wrap:wrap;width:860px;gap:28px;margin:0 auto}.category .category-icon{width:120px;height:120px;cursor:pointer;text-align:center;vertical-align:bottom;color:var(--title)}.category p{text-align:center;margin-top:80px;font-size:1.125rem;line-height:1.75rem}.category .category-icon:hover{background-color:var(--transparent);color:var(--primary700);transform:translateY(-8px);transition:all .3s ease 0s}.category .icon01{background:url(/_next/static/media/category_it.36af20ee.svg) no-repeat center 16px}.category .icon02{background:url(/_next/static/media/category_design.901e1df6.svg) no-repeat center 16px}.category .icon03{background:url(/_next/static/media/category_marketing.0d607321.svg) no-repeat center 16px}.category .icon04{background:url(/_next/static/media/category_health.3fa2e7ae.svg) no-repeat center 16px}.category .icon05{background:url(/_next/static/media/category_space.3dd36455.svg) no-repeat center 16px}.category .icon06{background:url(/_next/static/media/category_special.4a0ced57.svg) no-repeat center 16px}.category .icon07{background:url(/_next/static/media/category_rental.5b414deb.svg) no-repeat center 16px}.category .icon08{background:url(/_next/static/media/category_law.00324420.svg) no-repeat center 16px}.category .icon09{background:url(/_next/static/media/category_travel.1fe8b555.svg) no-repeat center 16px}.category .icon10{background:url(/_next/static/media/category_solution.1905844b.svg) no-repeat center 16px}.category .icon11{background:url(/_next/static/media/category_mobility.d226ba2e.svg) no-repeat center 16px}.category .icon12{background:url(/_next/static/media/category_farewell.8bac7498.svg) no-repeat center 16px}.category .icon17{background:url(/_next/static/media/ico-category-dress.a1cfb1bc.svg) no-repeat center 16px}.process{background:var(--primary50);margin-top:100px;padding:80px 0 100px}.process h5{font-size:20px;color:var(--gray500)}.process h2{font-size:32px}.process .point{color:var(--orange100)}.process .process-box{flex-direction:column;margin:50px auto 0;width:1100px}.process .process-icon{height:120px;background:url(/_next/static/media/img_process.5da89806.svg) no-repeat 50%;background-size:100%}.process .process-text{gap:125px;margin:20px auto 0;justify-content:center}.process .process-text>p{font-size:1rem;line-height:1.75rem;font-weight:600;text-align:center}.strongpoint{padding:120px 0}.strongpoint h5{font-size:20px;color:var(--gray500)}.strongpoint h2{color:var(--gray900);font-size:32px;font-weight:700}.strongpoint h2 span{font-size:32px;color:#9500ff}.strongpoint .strongpoint-list{flex-direction:column;gap:36px;padding:0;margin-top:80px}.strongpoint-content{border-bottom:1px solid var(--gray200);padding:10px 0 30px}.strongpoint-illust{width:550px}.strongpoint-dis{font-size:20px;font-weight:700;padding-top:70px;color:var(--gray700)}.barobutton{background:linear-gradient(90deg,#6459f9,#5047c7);height:160px;padding:32px 0;overflow:hidden;cursor:pointer}.barobutton .baroarrow{background:url(/_next/static/media/img_baroarrow.0c79282c.svg) no-repeat 100%;width:240px;height:16px;margin-top:-4px}.barobutton:hover .baroarrow{transform:translate(12px);transition:all .3s ease 0s}.barobutton .barobox{position:relative;color:var(--white)}.barobutton .barobox h3{font-size:28px;padding:0}.barobutton .barobox h2{font-size:32px;padding:0}.barobutton .baro-image{background:url(/_next/static/media/img_kok.6d0da0b0.png) no-repeat 50%;width:240px;height:220px;position:absolute;right:40px;top:-50px}.partner{margin-top:80px;margin-bottom:80px}.partner h5{color:var(--gray500);font-size:20px}.partner-btn{margin-top:32px}.partner-btn-tab+.partner-btn-tab{margin-left:12px}.partner-btn>.partner-btn-tab{background-color:var(--white);color:var(--body);font-size:1rem;line-height:1.5rem;border:1px solid var(--border-gray);border-radius:4px;width:100px;height:36px}.partner-btn>.partner-btn-tab:focus,.partner-btn>.partner-btn-tab:hover{border:1px solid var(--primary700);color:var(--white);background-color:var(--primary700)}.partner-btn-tab{background-color:var(--white);color:var(--body);font-size:1rem;line-height:1.5rem;border:1px solid var(--border-gray);border-radius:4px;width:100px;height:36px}.partner-btn-tab:hover{border:1px solid var(--primary700);color:var(--white)}.partner-btn-tab.on,.partner-btn-tab:focus{border:1px solid var(--primary700);color:var(--white);background-color:var(--primary700)}.partner-content{flex-wrap:wrap;flex-direction:row;justify-content:flex-start;margin:24px 0 0}.partner-content .item{width:282px;margin-right:24px;cursor:pointer;border:1px solid var(--gray200);padding:28px}.partner-content .item:hover{border:1px solid var(--primary600)}.partner-content .item:last-child{margin:0}.partner-content .item .compony-logo{height:120px;display:flex;align-items:center;justify-content:center}.partner-content .item .compony-logo img{margin:0 auto}.partner-guide{border-top:1px solid var(--border-gray);justify-content:space-between;align-items:center;padding-top:12px}.partner-guide .company{font-size:18px}.partner-guide .starpoint{background:url(/_next/static/media/ico_star.8b3a1f9c.svg) no-repeat 50%;height:26px;width:26px}.partner-chip-box{gap:4px;margin-top:12px;padding-bottom:24px}.partner-chip{background:var(--primary50);color:var(--primary600);font-size:14px;padding:2px 10px}.partner-detail{margin-bottom:16px;display:flex}.partner-detail .title{width:110px;color:var(--caption)}.partner-detail .script{color:var(--secondary800)}.review-box{margin-top:32px;margin-bottom:200px;width:100vw;background:var(--white)}.review .review-slide-btn{display:flex;justify-content:space-between}.review h5{color:var(--gray500);font-size:20px}.review h2{font-size:32px}.review .swiper-button{margin-top:8px;display:flex;gap:12px}.review .swiper-button-prev3{cursor:pointer;border:1px solid var(--gray200);position:relative;width:40px;height:40px;border-radius:36px;color:var(--caption);margin:0;left:0;top:0;display:flex;justify-content:center;align-items:center}.review .swiper-button-prev3:after{content:"<";font-size:18px}.review .swiper-button-prev3:hover:after{color:var(--primary700)}.review .swiper-button-prev3:hover{border:1px solid var(--primary700)}.review .swiper-button-next3{cursor:pointer;border:1px solid var(--gray200);position:relative;width:40px;height:40px;border-radius:36px;color:var(--caption);margin:0;right:0;top:0;display:flex;justify-content:center;align-items:center}.review .swiper-button-next3:after{content:">";font-size:18px}.review .swiper-button-next3:hover:after{color:var(--primary700)}.review .swiper-button-next3:hover{border:1px solid var(--primary700)}.review .review-card{border:1px solid var(--gray200);border-radius:16px;width:282px;height:382px;overflow:hidden}.review .review-logo{width:100%;height:180px}.review .review-dis{padding:30px;height:calc(100% - 180px);background-color:var(--gray50);display:flex;flex-direction:column}.review .review-company{font-size:1.125rem;line-height:1.75rem}.review .review-person{font-size:.875rem;line-height:1.25rem;color:var(--body);margin-top:6px}.review .review-text{font-size:1rem;line-height:1.5rem;margin-top:16px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3}.qna-container{background:var(--gray50)}.qna{padding:120px 0}.qna h2{font-size:32px;font-weight:700}.qna h2 span{color:var(--primary600)}.qna .qna-list{flex-direction:column;gap:24px;margin-top:32px}.qna details{padding:0 20px;border:1px solid var(--gray200);background-color:var(--white);border-radius:16px}.qna summary::-moz-details-marker,.qna summary::-moz-marker,.qna summary::-ms-details-marker,.qna summary::-ms-marker,.qna summary::-webkit-details-marker,.qna summary::-webkit-marker,.qna summary::marker{font-size:0;display:none}.qna summary{list-style-type:none;padding:24px 50px 24px 10px;display:flex;align-items:center;gap:16px;position:relative;cursor:pointer}.qna summary span{font-size:1.125rem;line-height:1.75rem;font-weight:500}.qna summary b{font-size:2rem;line-height:2.5rem;font-weight:700}.qna summary:after{content:">";position:absolute;width:36px;height:36px;top:26px;right:0;font-size:1.125rem;text-align:center;line-height:36px;transform:rotate(90deg);transition:.3s ease}.qna details div{border-top:1px solid var(--gray200);display:flex;padding:24px 10px;gap:16px;align-items:top}.qna details div b{font-size:2rem;line-height:2.5rem;font-weight:700;color:var(--primary700)}.qna details div span{font-size:1.125rem;line-height:1.75rem;font-weight:500;color:var(--gray900)}.demo-details-juqery-accordion{padding:0 20px;border:1px solid var(--gray200);background-color:var(--white);border-radius:16px}.reference{padding:160px 0 200px}.reference h2{font-weight:700;font-size:32px;margin-bottom:64px;text-align:center}.reference span{color:var(--error)}.reference .reference-wrap{display:flex;overflow:hidden;width:100%}.reference .reference-wrap .swiper-wrapper{transition-timing-function:linear}.reference-logo{border:1px solid var(--gray200);border-radius:12px;height:140px;display:flex;justify-content:center}.reference-logo img{-o-object-fit:contain;object-fit:contain;width:120px!important;margin:auto;display:block}.reference-list{position:relative}.reference-nodata{width:1280px;margin-left:0}.reference .reference-list ul{display:flex}.reference .reference-list li{margin-left:24px;width:260px;height:120px;border:1px solid var(--gray200);border-radius:16px;display:flex;justify-content:center;align-items:center}.main_anvil{background:url(/_next/static/media/img_anvil.95a09e77.svg) no-repeat center 25%;text-align:center;height:342px}.anvil_title{font-size:18px;font-weight:600;padding-top:200px}.anvil_sub{color:var(--gray500);font-size:12px}.direct-banner{background:linear-gradient(90deg,#6459f9,#5047c7)}.direct-banner-box{margin:0 auto;padding:68px 0;display:flex;align-items:center;justify-content:space-between}.direct-title{font-size:40px;font-weight:700;color:var(--white)}.main-dreict01{display:flex;justify-content:space-between;align-items:center;background:var(--white);border-radius:16px;width:520px;height:90px;padding:30px 32px;box-shadow:0 4px 8px rgba(0,0,0,.4);margin-bottom:24px}.main-dreict01 h2{font-size:20px;font-weight:700;padding-bottom:10px}.main-dreict01 p{color:var(--gray500)}@media screen and (min-width:320px) and (max-width:1440px){.main-banner{width:100%;height:auto;margin:0 auto;display:flex;flex-direction:column;background-image:none;padding:0 28px}.main-title{position:relative}.roll-text{color:var(--orange100);text-decoration:none;font-weight:800;max-width:150px;display:inline-block;position:absolute;top:58px;left:165px}}@media screen and (min-width:320px) and (max-width:1020px){.direct-banner-box{margin:0 auto;padding:48px 28px;display:flex;flex-direction:column}.direct-title{font-size:24px;font-weight:700;color:var(--white);margin-bottom:28px}.main-dreict01{width:100%;height:60px;margin-bottom:16px;padding:20px 14px}.main-dreict01 h2{font-size:16px;font-weight:700;padding-top:4px}.direct-more,.main-dreict01 p{display:none}.main-container{width:100%}.animate-rocket img{width:70%}.kok-banner{display:block;position:relative;width:100%;margin:28px 20px 0 0;border-radius:12px;box-shadow:0 0 0;padding:20px 28px}.main-banner{width:100%;height:auto;margin:0 auto;display:flex;flex-direction:column;background-image:none;padding:0 28px}.main-banner h1{font-size:24px;font-weight:700;padding-top:60px}.main-banner .sub-text{font-size:16px;font-weight:600;color:var(--gray500);padding-top:24px}.main-button-box{display:flex;flex-direction:column;padding-top:20px}.main-button-box .main-banner-box:first-child{margin-right:0;margin-bottom:12px}.main-banner-box{background:var(--white);width:100%;height:44px;padding:0;box-shadow:4px 4px 16px rgba(0,0,0,.1);cursor:pointer;justify-items:center}.banner-icon01{display:block}.banner-text01{padding:10px;text-align:center}.banner-text01 h4{font-size:16px;font-weight:700}.banner-text01 h5{display:none}.main-banner-box:hover .banner-text01 h4{color:var(--primary600)}.search{margin:60px auto 40px;width:90%}.search input::-moz-placeholder{font-size:16px}.search input::placeholder{font-size:16px}.category{flex-wrap:wrap;gap:8px;margin:0 auto;width:100%}.category p{text-align:center;margin-top:66px;font-size:1rem;line-height:1.5rem}.category .category-icon{width:108px;height:108px;cursor:pointer}.category .category-icon:hover{color:var(--primary700);transform:translateY(-4px);transition:all .3s ease 0s}.process{background:var(--primary50);margin-top:60px;padding:60px;width:100%}.process .process-box{flex-direction:row;margin:24px auto 0;width:240px}.process .process-icon{width:64px;height:368px;background:url(/_next/static/media/img_process_M.8a30c25d.svg) no-repeat 50%}.process .process-text{gap:45px;margin-top:0;flex-direction:column}.process .process-text>p{width:160px;font-size:1.125rem;line-height:1.75rem;font-weight:600;text-align:left;margin-left:16px}.barobutton{width:100%}.barobutton .barobox{position:relative;padding:0 16px}.barobutton .baro-image{display:none}.strongpoint{width:100%;padding:60px 0}.strongpoint h2{font-size:24px}.strongpoint-content{display:flex;flex-direction:column}.strongpoint .strongpoint-list{flex-direction:column;gap:36px;padding:0 16px;margin-top:40px;max-width:100%!important}.strongpoint-list h2{font-weight:700}.strongpoint-illust{width:100%}.strongpoint-dis{font-size:20px;font-weight:400;padding-top:0}.partner{width:100%}.partner-btn{max-width:320px;height:36px!important;overflow:hidden}.partner-content .item{width:282px;margin:24px 0;background:var(--white)}.review .swiper-button{display:none}.m-container{padding:0 20px}.m-menu,.qna-container,.reference,.review{width:100%}.m-menu{height:calc(100vh);background:var(--white);position:absolute;top:0;left:0;display:none!important;z-index:9999}.btn-m-menu{display:block!important}.m-menu-list{height:calc(100vh)}.m-menu-list li{border-bottom:1px solid var(--gray200);text-align:left!important}.m-menu-list li button{font-size:16px;width:100%;border-radius:0!important}.btn-menu,.m-menu-list li button{color:var(--gray900);text-align:left!important}.close-box{height:44px;display:block!important}.m-menu-close{position:absolute;right:0}.reference-logo{border:0;border-radius:12px;height:140px;display:flex;justify-content:center}.reference-nodata{width:100%}.reference-nodata img{width:260px;margin:0 auto}}