.login-company-history[hidden]{display:none}
.company-introduction{background:#f4ece2;color:#3a242d;scroll-margin-top:90px}
.company-introduction-copy{max-width:1120px;margin:auto;padding:100px 32px 20px;text-align:center}
.company-introduction-copy h2{margin:0 auto 38px;font:600 clamp(32px,3.5vw,54px)/1.5 "Login Headline Serif","Noto Serif SC",serif;text-wrap:balance}
.company-introduction-copy h2 em{display:block;color:#a6535a;font-weight:400}
.company-introduction-description{max-width:920px;margin:0 auto;font-size:18px;line-height:2.2;color:#6a4f4f;white-space:pre-line;text-align:justify}
.company-introduction-vision{margin:40px auto 10px;padding:28px 24px;border-top:1px solid #d8c4b9;border-bottom:1px solid #d8c4b9;max-width:920px}
.company-introduction-vision>span{font-size:12px;letter-spacing:.25em;color:#95626a}
.company-introduction-vision p{margin:12px 0 0;font:500 clamp(18px,2vw,25px)/1.8 "Login Headline Serif",serif;color:#a6535a;text-wrap:balance}
.company-introduction .login-company-history{padding-top:65px}
@media(max-width:800px){.company-introduction-copy{padding:64px 24px 8px}.company-introduction-copy h2{font-size:30px;margin-bottom:28px}.company-introduction-description{font-size:16px;line-height:2}.company-introduction-vision{padding:22px 0;margin-top:28px}.company-introduction .login-company-history{padding-top:42px}}
.login-company-history{--history-progress:0%;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:8vw;padding:110px max(28px,7vw);background:#f4ece2;color:#3a242d;position:relative}
.company-history-index{align-self:start;position:sticky;top:110px;min-width:0}
.company-history-index h2{font:600 clamp(36px,4.5vw,68px)/1.35 "Login Headline Serif","Noto Serif SC",serif;margin:0 0 28px;letter-spacing:-.035em}
.company-history-index h2 em{color:#a6535a;font-weight:400}
.company-history-index>p:not(.ro-overline){font-size:15px;line-height:1.9;color:#79636a}
.company-history-index nav{display:flex;flex-wrap:wrap;gap:9px;margin:38px 0 22px}
.company-history-index nav a{padding:8px 13px;border:1px solid #c7afa5;border-radius:0;color:#805961;background:transparent;font-size:14px;transition:background .2s,color .2s}
.company-history-index nav a[aria-current]{background:#a6535a;border-color:#a6535a;color:#fff8ee}
.company-history-progress{display:block;width:100%;height:2px;background:#ddcdc1}
.company-history-progress i{display:block;width:var(--history-progress);height:100%;background:#a6535a;transition:width .4s}
.company-history-events{list-style:none;padding:0;margin:0;min-width:0}
.company-history-event{position:relative;display:grid;grid-template-columns:90px minmax(0,1fr);gap:28px;padding-bottom:76px;scroll-margin-top:100px}
.company-history-event::before{content:"";position:absolute;left:88px;top:22px;bottom:0;width:1px;background:#d5bcb2}
.company-history-event:last-child{padding-bottom:0}.company-history-event:last-child::before{display:none}
.company-history-marker{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding-top:5px}
.company-history-marker time{font:500 22px/1.2 "Login Headline Serif",serif;color:#95626a}
.company-history-marker span{position:absolute;left:82px;top:13px;width:13px;height:13px;border:3px solid #f4ece2;border-radius:50%;background:#c1a59c;box-shadow:0 0 0 1px #c1a59c}
.company-history-event.is-current .company-history-marker span{background:#a6535a;box-shadow:0 0 0 3px #a6535a22}
.company-history-event article{min-width:0;padding:0 0 26px;border-bottom:1px solid #d8c4b9}
.company-history-event figure{margin:0 0 24px;overflow:hidden;background:#e8ddd2}
.company-history-event img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .65s}
.company-history-event.is-current img{transform:scale(1.025)}
.company-history-event h3{font:600 clamp(22px,2.1vw,32px)/1.5 "Login Headline Serif",serif;margin:0 0 18px;color:#422934;overflow-wrap:anywhere}
.company-history-event article p{font-size:16px;line-height:2;color:#79636a;white-space:pre-line;overflow-wrap:anywhere;margin:0}
@media(max-width:800px){.login-company-history{grid-template-columns:1fr;padding:64px 24px;gap:48px}.company-history-index{position:static}.company-history-index h2{font-size:40px}.company-history-index nav{margin-top:25px}.company-history-event{grid-template-columns:64px minmax(0,1fr);gap:20px;padding-bottom:48px}.company-history-event::before{left:62px}.company-history-marker span{left:56px}.company-history-marker time{font-size:17px}.company-history-event article p{font-size:14px}.company-history-event h3{font-size:23px}.company-history-event figure{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.login-company-history *{transition:none!important;transform:none!important;scroll-behavior:auto!important}}