@charset "utf-8";
.page-greetings {display: flex; gap: 20px var(--space-60); padding-right: clamp(0px, calc(10 / var(--inner) * 100vw), 20px);}
.page-greetings h2 {width: fit-content; margin-bottom: var(--space-45); font-size: var(--font-size-32); line-height: 1.5em; background: linear-gradient(to right, var(--fifth-color), var(--primary-color)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.page-greetings .desc .dark-color {font-size: var(--font-size-18); font-weight: 500;}
.greetings-sign {margin-top: var(--space-80); font-size: var(--font-size-18); font-weight: 700; line-height: 1.5em; color: var(--dark-color);}
.greeting-img {width: 50%;}

.page-certifications ul {display: flex; flex-wrap: wrap; gap: clamp(25px, calc(55 / var(--inner) * 100vw), 55px) 0; margin: 0 calc(clamp(5px, calc(12 / var(--inner) * 100vw), 12px) * -1);}
.page-certifications li {width: 25%; padding: 0 clamp(5px, calc(12 / var(--inner) * 100vw), 12px); text-align: center; color: var(--dark-color); font-size: var(--font-size-18);}
.cert-tit {margin-top: var(--space-24);}

.page-business-overview h2 {margin-bottom: var(--space-24); font-size: var(--font-size-24); font-weight: 600; color: var(--primary-color);}
.page-business-overview .sec:not(:last-child) {margin-bottom: var(--space-100);}
.page-business-overview .sec-photo {gap: var(--space-24);}

.sec-rnd {display: flex; justify-content: space-between; gap: 20px var(--space-80); align-items: center; font-size: var(--font-size-20); line-height: 1.5em; font-weight: 600; letter-spacing: -.04em;}
.sec-rnd:nth-child(even) {flex-direction: row-reverse;}
.sec-rnd:not(:last-child) {margin-bottom: var(--space-80);}
.sec-rnd .txt {max-width: 640px;}
.sec-rnd .img {max-width: 50%;}
.sec-rnd:nth-child(2) .txt {max-width: 574px;}

.product-desc-visual img{width:100%;max-width:1400px;height:auto;display:block;margin:0 auto var(--space-100);}
.product-section{background:#fff;border-radius:16px;margin-bottom:48px; padding-left: 56px;}
.product-section-header{display:flex;align-items:center;gap:16px;margin-bottom:var(--space-24);margin-left: -56px;}
.product-section-icon{width:40px;height:40px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;}
.product-section-title{font-size:var(--font-size-22);font-weight:600;color:var(--primary-color);}
.product-section-text{color:#454545;font-size:var(--font-size-16);line-height:1.7;margin-bottom:var(--space-24);}
.product-section-list{list-style:none;padding:0;margin:0;}
.product-section-list li{position: relative; display:flex;align-items:flex-start;gap:10px; padding-left: 20px; font-size:var(--font-size-20);color:#454545;font-weight:600;line-height:1.5;margin-bottom:12px;}
.product-section-list li:before {position: absolute; content: ''; left: 0; top: 50%; margin-top: -5px; width: 10px; height: 10px; background: var(--primary-color); border-radius: 50%;}
.product-section-list .red{min-width: max-content; color:var(--primary-color);}
.product-desc-img{margin:32px 0 0 0;text-align:center;}
.product-desc-img img{max-width:100%;height:auto;}
@media (max-width:600px){
.product-section-header{gap:8px;}
.product-section-icon{width:28px;height:28px;font-size:16px;}
}


.history-wrap{max-width:1400px;margin:0 auto;}
.history-header{position: relative; display:flex;align-items:center;padding-bottom:clamp(20px, calc(50 / var(--inner) * 100vw), 50px); margin-bottom: clamp(30px, calc(60 / var(--inner) * 100vw), 60px); border-bottom: 1px solid #ddd;}
.history-header-img {position: absolute; right: 0; bottom: 0; width: clamp(150px, calc(350 / var(--inner) * 100vw), 350px); transform: translateY(50%);}
.history-header-texts{display:flex;flex-direction:column;gap:34px;}
.history-header-title{color:var(--primary-color);font-size:var(--font-size-32);font-weight:600;text-transform:capitalize;line-height:32px;}
.history-header-desc{font-size:var(--font-size-18);font-weight:400;text-transform:capitalize;line-height:28px;}
.history-timeline{position:relative;}
.history-period-group{display:flex;gap:var(--space-80);position:relative;}
.history-period-title{width: 142px; font-size:var(--font-size-42);font-weight:700;text-transform:uppercase; color: var(--dark-color);}
.history-period-list{display:flex;flex-direction:column;gap:42px; border-left: 1px solid #ddd; padding-left: var(--space-80);}
.history-year-group{display:flex;flex-direction:column;gap:8px;}
.history-year-group:last-child {padding-bottom: var(--space-80);}
.history-year{position: relative;color:var(--dark-color);font-size:var(--font-size-26);font-weight:700;text-transform:uppercase;line-height:32px;}
.history-year:before {position: absolute; content: ''; top: 50%; left: calc(var(--space-80) * -1); transform: translate(-50%, -50%); width:11px;height:11px;background:var(--primary-color);border-radius:50%;}
.history-event{font-size:16px;font-weight:400;text-transform:capitalize;line-height:32px;}
@media (max-width:600px){.history-wrap{padding:12px 2vw;}
.history-header-img img{width:120px;height:120px;}
.history-timeline{padding-left:30px;}
.history-period-list{margin-left:20px;}
.history-event{font-size:11px;}} 

.process-wrap {text-align: center;}
.process-row{display:flex;justify-content:center;gap:clamp(12px, calc(25 / var(--inner) * 100vw), 56px);margin-bottom:var(--space-100);}
.process-box{flex:1; max-width: 232px; display:flex;flex-direction:column;align-items:center;gap:14px;background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,0.03);}
.process-title{width:100%;padding:16px 20px;background:var(--primary-color);color:#fff;font-size:18px;font-weight:700;text-transform:uppercase;line-height:18px;border-radius:12px 12px 0 0;text-align:center;}
.process-desc{width:100%; flex:1;color:#454545;font-size:16px;font-weight:400;text-transform:capitalize;line-height:26px;padding:0 10px 10px 10px;display:flex;align-items:center;justify-content:center;}
.color-primary .process-title{background:var(--primary-color);}
.color-third .process-title{background:var(--third-color);}
.color-dark .process-title{background:var(--dark-color);}
.process-arrow{width:40px;display:flex;align-items:center;justify-content:center; background: url('/images/sub/process-arrow.png') no-repeat center; background-size: contain;}
.process-arrow.only-responsive {display: none;}
@media (max-width:600px){}