@charset "utf-8";


.sp-tag {display: none;}
.step-ls .item .box .desc {word-break: keep-all;}
.subpage .header--scrolled .header-dropdown .trigger {border-radius: 50px;}
.btn p {font-size: 18px;}
.equipment-owned .equi-nav .trigger span {min-height:70px;display: flex;align-items: center;  justify-content: center;}
#general-processing .key-tag .cont li .value {line-height: 1.4;}
.status-progress { border:1px solid #0077FF; color: #0077FF; }

@media screen and (min-width: 1400px) {
  .location .map-info {flex-direction: column;}
  .step-ls .item .box .num {flex-shrink: 0;}
  .visual .side_view_slide .swiper-slide .container {padding:138px 50px 153px;}
  .sec01-btnlist {margin-top: 360px;}
  .ceo-message .thumb {top:12px;}
  .tech-rnd-intro .wrap {padding-bottom: 108px;}
  .tech-partner .item {padding-inline:6rem 2rem;}
  .tech-partner .item .text-cont {width: 62%;}
  .tech-partner .item .tit {line-height: 1.4; font-size: 23px;}
  .biz-intro .biz-nav {top: -66px;}
  .biz-intro .biz-nav .button {width: auto;}
  .feature-content .wrapper {grid-template-columns: 1fr; gap:0;}
  .biz-layout .cont li {gap: 1rem;}
  .step-ls .item .box {padding:30px 30px 30px 14px;}
  #general-processing .key-tag .cont li {align-items: center;}
  #general-processing .key-tag .cont li .key {font-size: 16px;}
}
@media screen and (max-width: 1399px) {
  .feature-content .wrapper {grid-template-columns: 1fr; gap:0;}
  .biz-layout .cont li {gap: 1rem;}
  .ceo-message .thumb {top:156px;}
  .tech-rnd-intro .thumb {top:52px;}
  .tech-partner .item .tit {font-size: 18px;}
  .equipment-owned .equi-nav .trigger span {font-size: 14px; padding: .3rem 1rem; min-height: 52px;}
  .equipment-owned .equi-nav .trigger svg {width: 20px;}
  .biz-intro .biz-nav .button {width: auto; font-size: 15px;}
  .biz-intro .intro-icon .item .txt {font-size: 15px;}
  .feature-content .thumb-cont {margin-top: 0;}
  .step-ls .item .box .desc {font-size: 15px !important;}
  .feature-content .wrapper:has(.map-img) {padding-bottom: 0;}
  .process-content .process-step .trigger span {min-width: auto;}


}
@media screen and (max-width: 767px) {
  .btn p {font-size: 16px;}
  .order-item div {font-size: 13px;}
  .ceo-message .bot {padding-top: 0;}
  .equipment-owned .equi-wrap .item .thumb-cont .txt {font-size: 0.9rem; padding: .3rem .5rem; line-height: 1.3;}
  .biz-layout .cont li .key {width: 100%;}
  .biz-layout .cont li {gap: .2rem;}
  .process-content .process-step {gap: 1rem;}
  .process-content .process-step .wrap:first-child .trigger span {padding:.3rem .5rem; }
  .process-content .process-step .wrap { gap: 1rem;}
  #dyeing-process .process-content .process-step .trigger {width: 100%;}
  .process-content .process-step .trigger span {font-size: 12px !important; padding: .2rem .2rem; line-height: 1.2; min-height:45px ; display: flex;align-items: center; justify-content: center; border-radius: 10px; height: 100%;}
  .process-content .process-step .trigger::before {border-left: 4px solid transparent; border-right: 4px solid transparent;  border-top: 6px solid #666; transform: translate(5px,-50%) rotate(-90deg);}
  .step-ls .item .box .desc {font-size: 14px !important;}
  .faq-ls .item .question {font-size: 17px;}
  .footer .container .footer-content .footer-top .footer-top-left address {line-height: 1.3; padding-bottom: 1rem;}

}
@media screen and (max-width: 399px) {
  .biz-intro .biz-nav .button {font-size: 13px;}

}