.sub-visual .visual-section { height:70vh;background: url("../images/benner-sub04-customer.jpg") 50% 13%/cover no-repeat;}

#section-02 .business-list{ margin-top:0rem; max-width:1280px; display:flex; gap:50px; grid-template-columns: repeat(1, 1fr); position:relative;}
#section-03 .business-list{ margin-top:0rem; max-width:1280px; grid-template-columns: repeat(1, 1fr); position:relative;}
#section-04 .business-list{ margin-top:0rem; max-width:1280px; grid-template-columns: repeat(1, 1fr); position:relative;}
.contact-box {flex:1; background:#fff;border-radius:20px;padding:7rem 6rem;box-shadow:0 10px 30px rgba(0, 0, 0, .05);}
.contact-label {display: inline-block; background:#0c5adb;color:#fff; padding:1rem 3rem 1rem 3rem;border-radius:30px;font-size:2.8rem; font-weight:600}
.contact-box h3 {margin:7rem 0rem 1rem 0rem;font-size:3.3rem;}
.contact-box ul {list-style:none;}
.contact-box li {font-size:2.3rem; margin-bottom:12px;color:#111;}
.contact-box li a{color:#111;}
.contact-box strong {display:inline-block;width:50px;color:#555;}
.contact-box strong img{ width:25px; height:25px}
/* =====================PROCESS===================== */
.timeline {position:relative;display:flex;justify-content:space-between; }
.timeline-line {position:absolute;top:65px;left:0%;width:100%; height:1px; background-color: rgba(15, 15, 52, 0.3) ; }
.timeline-item {width:23%; padding:4rem 0px 4rem 0px;text-align:center; position:relative; z-index:2; border-radius:30px;background-color: rgba(255, 255, 255, 1.0) ;box-shadow:0 10px 30px rgba(0, 0, 0, .05); }
.timeline-item .circle { margin-bottom:4rem; text-align:center; }
.timeline-item .circle span{display:block; margin:0 auto;  margin-bottom:2rem;width:4rem; height:4rem; line-height:4rem; color:#fff; font-weight:700;font-size:1.8rem; border-radius:50%;background:#0f0f34; }
.timeline-item .circle img{ width:9rem; height:9rem}
.timeline-item h4 {font-size:2.8rem; font-weight:700; line-height: 1.9; letter-spacing: -0.128rem;}
.timeline-item p { display:inline-block; font-size:2.3rem; font-weight:500; line-height:1.4; letter-spacing: -0.128rem; color: #24252b;margin:0 auto }
.timeline-item:nth-child(4) p{ text-align:left; }


.faq-tab {display:flex;justify-content:center;gap:10px;margin-bottom:50px;}
.tab-btn {min-width:25rem;height:7rem;  font-size:2.2rem;font-weight: 700;line-height:1.4;letter-spacing:-0.056rem; color: #24252b; border:1px solid #bcbcbc;background:#fff; border-radius:10px;cursor:pointer;transition:all .3s ease;}
.tab-btn.active {border:1px solid #0f0f34;background:#0f0f34; color:#fff;}
.faq-content {display:none;}
.faq-content.active {display:block;}
.faq-item {border-top:1px solid #e5e5e5;}
.faq-item:last-child {border-bottom:1px solid #e5e5e5;}
.faq-question {width:100%; border:none; background:#fff; padding:25px 70px 25px 0px; text-align:left; font-size:2.2rem;font-weight:600; letter-spacing:-0.056rem; color: #24252b;cursor:pointer;position:relative;   }
.faq-question span {display:inline-block;width:160px; margin-right:40px;  padding:1rem 0;color:#0c5adb;text-align:center; font-size:1.6rem; font-weight:400;background-color:#f1f8fe; border-radius:3rem;}
.faq-question::after {content:"+";position:absolute;right:30px;top:50%;transform:translateY(-50%);font-size:28px;font-weight:300;transition:.3s;}
.faq-item.active .faq-question::after {transform:translateY(-50%) rotate(45deg);}
.faq-answer {max-height:0;overflow:hidden;transition:max-height .35s ease;  }
.faq-answer-inner {padding:40px 40px 40px 205px; color:#24252b; font-size:2.0rem;font-weight:400;line-height:1.4; letter-spacing:-0.01rem; background:#f7f7f7; border-radius:1rem; margin-bottom:1.5rem;}
 
@media (max-width: 768px) {
#section-02 .business-list {flex-direction:column;}
.contact-box {padding:2.5rem 2.5rem;}
.contact-label { padding:0.5rem 2.5rem;border-radius:30px;font-size:2.0rem; font-weight:600}
.contact-box h3 {margin:2.5rem 0rem 1rem 0rem;font-size:2.2rem;}
.contact-box li {font-size:1.8rem; margin-bottom:8px;color:#111;}
.contact-box strong {display:inline-block;width:30px;color:#555;}
.contact-box strong img{ width:20px; height:20px}

.timeline {flex-direction:column;gap:20px;}
.timeline-line {width:1px;height:80%;left:50%; margin:0 auto;}
.timeline-item {display:block; width:100%; padding:2rem 0px 2rem 0px; gap:20px;  }
.timeline-item .circle { margin-bottom:0.5rem;  }
.timeline-item .circle span{margin-bottom:1rem;width:3.5rem; height:3.5rem; line-height:3.5rem;font-size:1.6rem; }
.timeline-item .circle img{  }
.timeline-item h4 {font-size:2.4rem;}
.timeline-item p { font-size:2.0rem;}

.faq-tab {gap:0.5rem; margin-bottom:1rem;}
.tab-btn {flex:1;min-width:auto; height:4.5rem; line-height:4.5rem; font-size:1.8rem;}
.faq-question {padding:1rem 3.5rem 1rem 0rem; font-size:1.6rem;font-weight:500; line-height:1.4;}
.faq-question span {display:block; width:160px; margin-right:0px;  padding:0rem 0rem; color:#0c5adb;text-align:left; font-size:1.4rem; font-weight:400; background-color:#fff; border-radius:0rem;}
.faq-question::after {right:15px;font-size:22px;}
.faq-answer-inner {padding:1.5rem 1rem;font-size:1.5rem;font-weight:400;}
}