p{word-break:break-all;letter-spacing: 0.1em;}
.service-item{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.service-item h1{margin-top: 104px;color: #333333;}
.service-txt{width: 600px;max-width: calc(95vw - 24px);}
.service-txt p{color: #333333;font-size: 16px;}
.filter-buttons{margin: 24px 0 32px 0;}
.filter-buttons button{border: 0px transparent;background: transparent;font-size: 18px;padding: 0 32px;letter-spacing: 0.1em;transition: 0.5s;color: #333333;}
.filter-buttons button:hover{color: #F8B500;}
@media screen and (max-width:800px) {
    .service-item h1{margin-top: 48px;font-size: 28px;}
}

@media screen and (max-width:576px) {
    .dropdown .btn,p,.portfolio-item span{font-size: 15px;}
}


/* dropdown */
.dropdown{border: 1px solid #333333;border-radius: 4px;padding: 0px;margin: 16px 0;width: 600px;max-width: calc(95vw - 24px);}
.dropdown .btn{width: 100%;display: flex;justify-content: space-between;align-items: center;padding: 8px 24px;}
.dropdown .btn:focus{border: 0px transparent;}
.dropdown-menu{width: 100%;}
.dropdown-item{padding: 24px 24px;font-size: 16px;letter-spacing: 0.05em;}
@media screen and (max-width:800px) {.dropdown{margin:24px 0;}}
#sticky-element {top: 75px;position: sticky;background-color: #fff;z-index: 995;width: 100vw;display: flex;justify-content: center;align-items: center;}
#sticky-element-filter {top: 75px;text-align: center; position: sticky;background-color: #fff;z-index: 994;width: 100vw;}



/* 下方portfolio */
.portfolio-item{margin-top: 48px;}
.portfolio-item .row{width: 95vw;margin: 0 auto;}
.portfolio-item img{ width: 100%;border-radius: 4px;overflow: hidden;transition: 0.5s;}
.portfolio-img{overflow: hidden;position: relative;}
.portfolio-item span{font-size: 16px;font-weight: bold;letter-spacing: 0.1em;line-height: 160%;}
.portfolio-item p{ margin-top: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;line-height: 1.4em;-webkit-line-clamp: 3;}

.portfolio-img::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(238, 118, 22,0.4); opacity: 0;transition: opacity 0.3s ease-in-out;border-radius: 8px;}
.portfolio-img:hover::before {opacity: 1;}
img[alt="zoomIn"]{width: 50px;height: 50px;opacity: 0;position: absolute;top:calc(50% - 25px);left:calc(50% - 25px) ;}
.portfolio-img:hover img[alt="zoomIn"]{opacity: 1;z-index: 995;}




  