.worksDetail{display:flex;flex-direction:column;padding-right:25px;padding-bottom:200px;padding-left:25px;background-color:#fff}@media screen and (max-width: 769px){.worksDetail{flex-direction:column-reverse;padding:65px 0 100px}}@media screen and (max-width: 769px){.worksDetail .underLayer{margin-top:0}}.worksDetail .main{max-width:1240px;padding:0 20px;margin:0 auto;color:#444}.worksDetail .backPage{margin-top:120px}@media screen and (max-width: 769px){.worksDetail .main{padding:0}.worksDetail .backPage{margin-top:60px;padding:0 15px}}.worksDetail .backPage a{display:inline-flex;gap:10px;align-items:center;font-size:14px;font-weight:bold;color:#2f4057}.worksDetail .backPage a::before{display:block;width:24px;height:21px;content:"";background:url(../image/common/link_arrow_left_grey.svg) left center no-repeat;background-size:24px auto}.worksDetail .breadcrumbList{margin-top:130px}@media screen and (max-width: 769px){.worksDetail .breadcrumbList{margin-top:100}}.worksDetail .breadcrumbList ul{display:flex;flex-wrap:wrap;gap:0 10px;max-width:1000px;margin:0 auto}.worksDetail .breadcrumbList ul li{display:flex;gap:10px;align-items:center}.worksDetail .breadcrumbList ul li a{color:#1a50b3}.worksDetail .breadcrumbList ul li::after{display:block;width:4px;height:8px;content:"";background:url(../image/common/icon_breadcrumblist_arrowt.svg) left center no-repeat;background-size:4px 8px}.worksDetail .breadcrumbList ul li.active a{color:#222}.worksDetail .breadcrumbList ul li.active::after{content:none}.worksDetail .works{display:flex;gap:55px;justify-content:space-between;margin-bottom:24px}@media screen and (max-width: 769px){.worksDetail .works{gap:20px}}@media screen and (max-width: 769px){.worksDetail .works{flex-direction:column-reverse;margin-bottom:40px}}.worksDetail .works .left{max-width:485px;width:100%;margin-top:100px}@media screen and (max-width: 769px){.worksDetail .works .left{max-width:100%}}@media screen and (min-width: 770px)and (max-width: 1024px){.worksDetail .works .left{margin-top:30px}}@media screen and (min-width: 1025px)and (max-width: 1200px){.worksDetail .works .left{margin-top:50px}}@media screen and (min-width: 1201px)and (max-width: 1439px){.worksDetail .works .left{margin-top:80px}}.worksDetail .works .left .imageWrap img{width:auto}#HAKOBIT.serviceLogo .imageWrap img{width:259px}@media screen and (max-width: 769px){#HAKOBIT.serviceLogo .imageWrap img{width:224px}}#SmartTagCamera.serviceLogo .imageWrap img{width:444px}@media screen and (max-width: 769px){#SmartTagCamera.serviceLogo .imageWrap img{width:100%;max-width:444px}}#EBiS30.serviceLogo .imageWrap img{width:214px}@media screen and (max-width: 769px){#EBiS30.serviceLogo .imageWrap img{width:155px}}#PetPlus.serviceLogo .imageWrap img{width:210px}@media screen and (max-width: 769px){#PetPlus.serviceLogo .imageWrap img{width:166px}}#DAYGOnavi.serviceLogo .imageWrap img{width:345px}@media screen and (max-width: 769px){#DAYGOnavi.serviceLogo .imageWrap img{width:271px}}.worksDetail .works .left .serviceLogo .serviceLogoText{color:var(--black, #444);font-family:YuGothic;font-size:32px;font-style:normal;font-weight:700;line-height:150%;letter-spacing:2.24px}@media screen and (max-width: 769px){.worksDetail .works .left .serviceLogo .serviceLogoText{font-size:24px}}@media screen and (max-width: 769px){.worksDetail .works .left{margin-top:0;padding:0 15px}}.worksDetail .works .left .tagList{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.worksDetail .works .left .tagList>li{padding:3px 13px;font-family:"Yu Gothic";font-size:12px;color:#aaa;border:1px solid #eee;border-radius:50px}.worksDetail .works .left .serviceLogo{margin-bottom:30px}.worksDetail .works .left .serviceName{margin-bottom:16px;font-size:24px;font-weight:bold}.worksDetail .works .left .category{display:flex;gap:5px;align-items:center;margin-bottom:12px;font-size:14px;font-weight:bold;color:#444}.worksDetail .works .left .category::before{width:11px;height:11px;content:"";background-color:#379ad6;border-radius:100px}.worksDetail .works .left .serviceLink{display:inline-block;padding:2px;margin-top:24px;text-align:left}@media screen and (max-width: 769px){.worksDetail .works .left .serviceLink{text-align:right}}.worksDetail .works .arrowLink a[target=_blank]{padding:0 35px 0 90px;background-image:url(../image/common/icon_visit.png);background-repeat:no-repeat;background-position:98% 1px;background-size:16px auto}@media screen and (max-width: 769px){.worksDetail .works .arrowLink a[target=_blank]{padding:0 31px 0 70px}}.worksDetail .works .right .imageWrap{max-width:660px;height:auto}@media screen and (max-width: 769px){.worksDetail .works .right .imageWrap{min-height:auto}}@media screen and (max-width: 769px){.worksDetail .works .right .imageWrap{width:100%;max-width:none;height:auto}}.worksDetail .works .right .imageWrap img{width:100%;height:100%;min-width:375px}.worksDetail .title{font-size:20px;font-weight:bold;color:#444}@media screen and (max-width: 769px){.worksDetail .title{font-size:18px;padding:0 15px}}.worksDetail .text{margin-top:24px;margin-bottom:80px;font-size:16px}@media screen and (max-width: 769px){.worksDetail .text{font-size:16px;padding:0 15px;margin-bottom:40px}}@media screen and (max-width: 769px){.worksDetail .cardArea{margin-top:40px}}.worksDetail .cardArea .title{margin-bottom:24px;font-size:20px;font-weight:bold;text-align:center}@media screen and (max-width: 769px){.worksDetail .cardArea .title{font-size:18px;margin-bottom:30px}}.worksDetail .cardArea .imageWrap{width:100%;height:auto;margin-bottom:20px;border:1px solid #eee}.worksDetail .cardArea .imageWrap img{width:100%;height:100%}.worksDetail .cardArea .cardWrap{display:flex;flex-wrap:wrap;gap:30px}.worksDetail .cardArea .sp_slider{display:none}@media screen and (max-width: 769px){.worksDetail .cardArea .cardWrap{flex-direction:column;flex-wrap:nowrap;margin-top:20px;padding:0 15px}.worksDetail .cardArea .cardWrap.sp-hidden{display:none}.worksDetail .cardArea .sp_slider{display:block;padding:0 15px;position:relative;overflow:hidden}.worksDetail .cardArea .sp_slider .slider img{width:100%;aspect-ratio:345/200;height:auto;margin:0 auto}.worksDetail .cardArea .sp_slider .arrow_box{display:flex;position:relative;justify-content:center;align-items:center;margin-top:20px;width:100%;height:32px}.worksDetail .cardArea .sp_slider .arrow_box .sliderButton{width:32px;height:32px}.worksDetail .cardArea .sp_slider .arrow_box .sliderButton.-prev{position:absolute;left:40px}.worksDetail .cardArea .sp_slider .arrow_box .sliderButton.-next{position:absolute;right:40px}.worksDetail .cardArea .sp_slider .arrow_box .sliderPosition_box{display:flex;align-items:center}.worksDetail .cardArea .sp_slider .arrow_box .sliderPosition_box .sliderDots{display:flex;gap:18px;list-style:none;margin:0;padding:0}.worksDetail .cardArea .sp_slider .arrow_box .sliderPosition_box .sliderDots .sliderDot{width:10px;height:10px;border-radius:50%;background-color:#eee;cursor:pointer;transition:background-color .3s ease}.worksDetail .cardArea .sp_slider .arrow_box .sliderPosition_box .sliderDots .sliderDot.active{background-color:#379ad6}}.worksDetail .cardArea .card{display:flex;flex:1;flex-direction:column}.worksDetail .cardArea .cardTitle{margin-bottom:8px;font-size:16px;font-weight:bold}.worksDetail .cardArea .cardText{flex:1;font-size:16px}.worksDetail .cardArea .cardNote{margin-top:8px;font-size:12px;color:#666}.worksDetail .cardArea .cardNote p{position:relative;padding-left:calc(1em + 4px)}.worksDetail .cardArea .cardNote p:before{position:absolute;top:0;left:0;display:inline-block;content:"※"}.worksDetail .cardArea .cardLink{height:29px;margin-top:4px;font-size:16px}.worksDetail .cardArea .cardLink a{gap:8px;text-decoration:none;background-image:linear-gradient(#379ad6, #379ad6);background-repeat:repeat-x;background-position:0 100%;background-size:0% 1px;transition:background-size .2s ease}.worksDetail .cardArea .cardLink a:hover{background-size:100% 1px}.worksDetail .cardArea .cardLink::after{display:inline-block;width:12px;height:12px;margin-left:8px;content:"";background:url(../image/common/icon_link_target_blue.png) left center no-repeat;background-size:12px auto}.linkText a{display:inline-block;overflow:hidden;vertical-align:bottom;-webkit-perspective:1000px;perspective:1000px;-webkit-perspective-origin:50% 50%;perspective-origin:50% 50%}.linkText a span{position:relative;display:inline-block;transition:.4s;-webkit-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.linkText a:hover span{-webkit-transform:translate3d(0, 0, -30px) rotateX(90deg);transform:translate3d(0, 0, -30px) rotateX(90deg)}.linkText a span:after{position:absolute;top:0;left:0;display:inline-block;content:attr(data-text);-webkit-transform:translate3d(0, 105%, 0) rotateX(-90deg);transform:translate3d(0, 105%, 0) rotateX(-90deg);-webkit-transform-origin:50% 0%;transform-origin:50% 0%}#service .serviceItem .serviceItem__text .serviceItem__button{flex-direction:column;align-items:center;width:279px;margin-top:30px;margin-left:10px;border:1.5px solid #379ad6;border-radius:100px;transition:background-color .5s ease}#service .serviceItem .serviceItem__text .serviceItem__button a{position:relative;display:flex;align-items:center;justify-content:center;padding:8px 70px 6px 50px}