aside{position:sticky;top:clamp(140px,8.0729vw,155px);right:0;width:clamp(10px,1.5625vw,30px);height:clamp(80px,8.28125vw,159px);margin:clamp(-159px,-8.28125vw,-80px) auto 0 0;background-color:var(--red);z-index:4;opacity:0}@media only screen and (max-width: 1023px){aside{width:10px;height:80px}}@media only screen and (max-width: 767px){aside{display:none}}.section1,.section3{max-width:1560px;width:calc(100% - 120px);margin:0 auto}@media only screen and (max-width: 1023px){.section1,.section3{width:calc(100% - 80px)}}@media only screen and (max-width: 767px){.section1,.section3{width:calc(100% - 40px)}}.section1{margin-bottom:80px;padding-top:80px}@media only screen and (max-width: 1023px){.section1{margin-bottom:65px;padding-top:90px}}@media only screen and (max-width: 767px){.section1{margin-bottom:50px;padding-top:80px}}.section2{position:sticky;top:0;z-index:1;margin:-10px auto 90px;background:var(--white)}.section2 .tab-block{max-width:1560px;width:calc(100% - 120px);margin:0 auto;padding:10px 0 8.5px}@media only screen and (max-width: 1023px){.section2{display:none}}.section2-anchor{position:sticky;top:0;z-index:2;margin:0 auto;background:var(--white)}.section2-anchor .tab-block{max-width:1560px;width:calc(100% - 120px);margin:-10px auto 90px;padding:10px 0}.section2-anchor .tab-block .category{display:block}@media only screen and (min-width: 1024px){.section2-anchor{display:none}}@media only screen and (max-width: 1023px){.section2-anchor{display:block}.section2-anchor .tab-block{width:calc(100% - 80px)}}@media only screen and (max-width: 767px){.section2-anchor .tab-block{width:calc(100% - 40px)}}.section2-unit{position:relative;z-index:3;background:var(--white)}.section2-unit .tab-block{max-width:1560px;width:calc(100% - 120px);margin:0 auto 20px;padding-bottom:20px;border-bottom:3px solid var(--red)}.section2-unit .tab-block a{display:block;position:relative}.section2-unit .tab-block a:after{content:"";position:absolute;width:calc(100% + 40px);height:calc(100% + 30px);top:0;left:0;margin:-15px 0 0 -20px}@media only screen and (min-width: 1024px){.section2-unit{display:none}}@media only screen and (max-width: 1023px){.section2-unit .tab-block{width:calc(100% - 80px)}}@media only screen and (max-width: 767px){.section2-unit .tab-block{width:calc(100% - 40px)}}.section3{padding-bottom:150px}.section3 .about-container{width:100%;display:flex;justify-content:space-between;gap:0 40px}.section3 .main-block{max-width:1020px;width:65.38462%}@media only screen and (max-width: 1200px){.section3 .main-block{width:75%}}@media only screen and (max-width: 1023px){.section3 .main-block{width:100%}}.section3 .aside-dist-block{width:15.3846%;position:sticky;top:100px;margin:0;align-self:flex-start;flex-shrink:0}.main-wrapper.show aside{animation:asideShow var(--trans-5) .3s linear forwards}.about_milestones-page .section2-unit{position:relative;z-index:2}@media only screen and (max-width: 1023px){.about_milestones-page .section2-unit{margin-bottom:20px;margin-top:0;order:1}.about_milestones-page .section2-unit .tab-block{width:100%;padding:0;margin:0;border:none}}@media only screen and (max-width: 767px){.about_milestones-page .section3{padding-bottom:100px}}@media only screen and (max-width: 1023px){.about_milestones-page .section3 .about-container{flex-direction:column-reverse}}@media only screen and (max-width: 1023px){.about_milestones-page .section3 .main-block{margin-top:80px}}.about_milestones-page .section3 .year-box{width:100%}.about_milestones-page .section3 .year-box .year-item{position:relative}.about_milestones-page .section3 .year-box .year-item:not(:last-child){padding-bottom:52px;margin-bottom:50px}.about_milestones-page .section3 .year-box .year-item:not(:last-child):after{content:"";position:absolute;width:100%;height:2px;left:0;bottom:0;background:var(--black-10)}@media only screen and (max-width: 1200px){.about_milestones-page .section3 .year-box .year-item:not(:last-child){padding-bottom:42px;margin-bottom:40px}}@media only screen and (max-width: 767px){.about_milestones-page .section3 .year-box .year-item:not(:last-child){padding-bottom:32px;margin-bottom:30px}}.about_milestones-page .section3 .year-box .year-title{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.about_milestones-page .section3 .year-box .year-title .year{font-size:5.3125rem;line-height:1.3;margin-top:-.14907425em;margin-bottom:-.14907425em;font-weight:600;color:var(--black-20);transition:color var(--trans-3) ease-in-out}@media only screen and (max-width: 767px){.about_milestones-page .section3 .year-box .year-title .year{font-size:3.4375rem;line-height:1.3;margin-top:-.14907425em;margin-bottom:-.14907425em}}.about_milestones-page .section3 .year-box .year-title .icon{width:60px;height:60px;display:flex;justify-content:center;align-items:center}.about_milestones-page .section3 .year-box .year-title .icon .more{width:26px;height:26px;position:relative}.about_milestones-page .section3 .year-box .year-title .icon .more:before,.about_milestones-page .section3 .year-box .year-title .icon .more:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--black-20);transition:background var(--trans-3) ease-in-out,opacity var(--trans-3) ease-in-out}.about_milestones-page .section3 .year-box .year-title .icon .more:before{width:100%;height:2px}.about_milestones-page .section3 .year-box .year-title .icon .more:after{width:2px;height:100%}@media only screen and (min-width: 1201px){.about_milestones-page .section3 .year-box .year-title:hover .year{color:var(--red)}.about_milestones-page .section3 .year-box .year-title:hover .icon .more:before,.about_milestones-page .section3 .year-box .year-title:hover .icon .more:after{background:var(--red)}}@media only screen and (max-width: 1200px){.about_milestones-page .section3 .year-box .year-title:active .year{color:var(--red)}.about_milestones-page .section3 .year-box .year-title:active .icon .more:before,.about_milestones-page .section3 .year-box .year-title:active .icon .more:after{background:var(--red)}}.about_milestones-page .section3 .year-box .year-title.active .year{color:var(--red)}.about_milestones-page .section3 .year-box .year-title.active .icon .more:before{background:var(--red)}.about_milestones-page .section3 .year-box .year-title.active .icon .more:after{opacity:0}.about_milestones-page .section3 .year-box .year-list{display:none}.about_milestones-page .section3 .year-box .list{padding-top:50px}.about_milestones-page .section3 .year-box .list .item:not(:last-child){margin-bottom:30px}.about_milestones-page .section3 .year-box .list .f-item._s{font-weight:600;margin-bottom:10px}.about_milestones-page .section3 .year-box .list .f-paragraph:not(:last-child){margin-bottom:6px}@media only screen and (max-width: 767px){.about_milestones-page .section3 .year-box .list{padding-top:30px}}.about_milestones-page .section3 .aside-block{width:15.3846%;min-width:240px;position:sticky;top:100px;margin:0;align-self:flex-start;flex-shrink:0;z-index:2}@media only screen and (max-width: 1023px){.about_milestones-page .section3 .aside-block{width:calc(100% + 80px);margin:0 0 0 -40px;padding:0 40px;top:0;background:var(--white)}}@media only screen and (max-width: 767px){.about_milestones-page .section3 .aside-block{width:calc(100% + 40px);margin:0 0 0 -20px;padding:0 20px}}
