.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.6rem; font-weight:600; line-height: 1.2; letter-spacing: -0.128rem; margin-bottom: 2rem;}
.timeline-item p { display:inline-block; font-size:2.3rem; font-weight:400; line-height:1.2; letter-spacing: -0.128rem; color: #24252b;margin:0 auto; padding: 0 2.5rem; }
.timeline-item:nth-child(4) p{ text-align:left; padding-left: 5.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;}


}