.brief-history {
    max-width:1180px;
    margin:0 auto;
    padding:138px 24px 96px;
    color:#14141C;
}
 
.brief-history .intro {
    margin-bottom:56px;
}
 
.brief-history .tag {
    display:inline-block;
    background:#E85A1B;
    color:#fff;
    font-size:13px;
    font-weight:700;
    letter-spacing:.08em;
    padding:6px 14px;
    border-radius:3px;
    margin-bottom:22px;
}
 
.brief-history .intro h1 {
    font-size:clamp(28px,4vw,42px);
    line-height:1.15;
    font-weight:800;
    margin:0 0 14px;
    color:#14141C;
}
 
.brief-history .intro p {
    max-width:1180px;
    color:#6B7280;
    font-size:17px;
    line-height:1.6;
    margin:0;
}
 
.brief-history .callout {
    border-left:3px solid #E85A1B;
    background:linear-gradient(90deg,rgba(232,90,27,.06),rgba(232,90,27,0));
    padding:16px 22px;
    font-size:16px;
    line-height:1.65;
    color:#3A3F4B;
    border-radius:0 6px 6px 0;
    margin-bottom:52px;
}
 
.brief-history .history {
    position:relative;
}
 
.brief-history .year {
    margin-bottom:8px;
}
 
.brief-history .label {
    display:flex;
    align-items:center;
    gap:16px;
    margin:38px 0 18px;
}
 
.brief-history .label span {
    width:58px;
    text-align:right;
    font-size:23px;
    font-weight:800;
    color:#14141C;
    order:1;
}
 
.brief-history .label:before {
    content:"";
    width:11px;
    height:11px;
    border-radius:50%;
    background:#E85A1B;
    box-shadow:0 0 0 4px rgba(232,90,27,.14);
    flex-shrink:0;
    order:2;
}
 
.brief-history .label:after {
    content:"";
    height:1px;
    flex:1;
    background:#E7E7EC;
    order:3;
}
 
.brief-history .item {
    display:flex;
    gap:16px;
    align-items:center;
    margin-bottom:14px;
}
 
.brief-history .month {
    width:58px;
    flex-shrink:0;
    text-align:right;
    font-size:14px;
    font-weight:700;
    color:#0E9E7A;
    letter-spacing:.02em;
}
 
.brief-history .item .dot {
    width:6px;
    height:6px;
    border-radius:50%;
    background:#C9CBD3;
    flex-shrink:0;
    align-self:center;
}
 
.brief-history .text {
    margin:0;
    font-size:16px;
    line-height:1.5;
    color:#3A3F4B;
    padding-bottom:2px;
}
 
.brief-history .text b {
    color:#14141C;
    font-weight:600;
}
 
.brief-history .back-link {
    display:block;
    font-size:35px;
    font-weight:600;
    color:#E85A1B;
    text-decoration:none;
    margin-bottom:24px;
}

 
@media(max-width:768px){
 
    .brief-history {
        padding:150px 20px 70px;
    }
 
    .brief-history .intro h1 {
        font-size:31px;
    }
 
    .brief-history .history:before {
        left:50px;
    }
 
    .brief-history .label span {
        width:35px;
        font-size:21px;
    }
 
    .brief-history .month {
        width:35px;
    }
 
    .brief-history .item {
        gap:10px;
    }
 
}