.history-area>section[data-v-47ed3504]{max-width:calc(var(--max-width) + var(--gutter) * 2);grid-template-columns:max-content minmax(0,1fr);column-gap:30px;margin:0 auto;padding-top:80px;display:grid}.history-area>section .title-box[data-v-47ed3504]{align-self:start;min-width:0;position:sticky;top:150px}.history-area>section .title-box h2[data-v-47ed3504]{font-size:clamp(32px,3vw,48px);font-weight:var(--font-weight-400);line-height:var(--line-height-130);word-break:keep-all;white-space:nowrap;color:var(--black-color);margin-bottom:24px}.history-area>section .title-box h2 b[data-v-47ed3504]{font-weight:var(--font-weight-700)}.history-area>section .title-box p[data-v-47ed3504]{font-size:clamp(14px,1.125vw,18px);font-weight:var(--font-weight-400);line-height:var(--line-height-150);word-break:keep-all;color:var(--black-color-70)}.history-area>section>ol[data-v-47ed3504]{--history-indent:clamp(56px, 6vw, 96px);--history-line-center:-6px;--history-line-width:2px;--history-dot-size:12px;--history-line-top:0px;--history-line-height:0px;--history-progress:0;padding-inline:var(--history-indent) clamp(0px, calc(17.36vw - 177.77px), 100px);width:fit-content;min-width:0;max-width:100%;margin-left:auto;position:relative}.history-area>section>ol[data-v-47ed3504]:before,.history-area>section>ol[data-v-47ed3504]:after{content:"";left:var(--history-line-center);top:var(--history-line-top);width:var(--history-line-width);height:var(--history-line-height);pointer-events:none;border-radius:1px;position:absolute}.history-area>section>ol[data-v-47ed3504]:before{background-color:var(--black-color-20);transform:translate(-50%)}.history-area>section>ol[data-v-47ed3504]:after{background-color:var(--black-color-80);transform:translateX(-50%) scaleY(var(--history-progress));transform-origin:top;will-change:transform;transition:transform .28s cubic-bezier(.16,1,.3,1)}.history-area>section>ol>li[data-v-47ed3504]{grid-template-columns:217px minmax(0,380px);column-gap:clamp(24px,3vw,48px);display:grid;position:relative}.history-area>section>ol>li[data-v-47ed3504]:not(:last-child){margin-bottom:48px}.history-area>section>ol>li .year-box h3[data-v-47ed3504]:before{content:"";z-index:1;left:calc(var(--history-line-center) - var(--history-indent));background-color:var(--black-color-20);width:var(--history-dot-size);height:var(--history-dot-size);border-radius:50%;transition:background-color .3s;position:absolute;top:50%;transform:translate(-50%,-50%)}.history-area>section>ol>li.is-active .year-box h3[data-v-47ed3504]:before{background-color:var(--black-color-80)}.history-area>section>ol>li .year-box[data-v-47ed3504]{min-width:217px}.history-area>section>ol>li .year-box h3[data-v-47ed3504]{font-size:var(--font-size-36);font-weight:var(--font-weight-700);line-height:var(--line-height-130);color:var(--black-color);margin-bottom:16px;position:relative}.history-area>section>ol>li .year-box ul li[data-v-47ed3504]{font-size:var(--font-size-15);font-weight:var(--font-weight-400);line-height:var(--line-height-150);word-break:keep-all;overflow-wrap:break-word;color:var(--black-color-80);padding-left:20px;position:relative}.history-area>section>ol>li .year-box ul li[data-v-47ed3504]:not(:last-child){margin-bottom:12px}.history-area>section>ol>li .year-box ul li[data-v-47ed3504]:before{content:"";background-color:#9ca1ab;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.history-area>section>ol>li>img[data-v-47ed3504]{aspect-ratio:380/200;object-fit:cover;border-radius:20px;width:100%;min-width:0;max-width:380px;margin-left:auto}@media screen and (width<=1024px){.history-area>section[data-v-47ed3504]{grid-template-columns:1fr;padding-top:20px}.history-area>section .title-box[data-v-47ed3504]{text-align:center;margin-bottom:40px;position:static}.history-area>section .title-box h2[data-v-47ed3504]{font-size:var(--font-size-24);white-space:normal;margin-bottom:10px}.history-area>section .title-box p[data-v-47ed3504]{font-size:var(--font-size-14)}.history-area>section>ol[data-v-47ed3504]{--history-indent:17px;--history-line-center:.5px;--history-line-width:1px;--history-dot-size:6px;padding-left:var(--history-indent);width:100%}.history-area>section>ol.is-wrapped[data-v-47ed3504]{width:min(397px,100%);margin-inline:auto}.history-area>section>ol>li[data-v-47ed3504]{flex-wrap:wrap;gap:10px;min-height:0;display:flex}.history-area>section>ol>li[data-v-47ed3504]:not(:last-child){margin-bottom:32px}.history-area>section>ol>li .year-box[data-v-47ed3504]{flex:179px;min-width:179px}.history-area>section>ol>li .year-box h3[data-v-47ed3504]{font-size:var(--font-size-28);margin-bottom:4px}.history-area>section>ol>li .year-box ul li[data-v-47ed3504]{font-size:var(--font-size-13);padding-left:8px}.history-area>section>ol>li .year-box ul li[data-v-47ed3504]:not(:last-child){margin-bottom:4px}.history-area>section>ol>li .year-box ul li[data-v-47ed3504]:before{width:2px;height:2px;left:1px}.history-area>section>ol>li>img[data-v-47ed3504]{border-radius:12px;flex:0 0 min(380px,100%);width:min(380px,100%);margin-inline:auto}}
