.main-wrapper.show aside{animation:asideShow var(--trans-5) .3s linear forwards}.about-page aside{position:sticky;top:clamp(145px,15.1041vw,290px);right:0;width:clamp(25px,3.125vw,60px);height:clamp(180px,18.75vw,360px);margin:clamp(-360px,-18.75vw,-180px) 0 0 auto;background-color:var(--red);z-index:2;opacity:0}@media only screen and (max-width: 1023px){.about-page aside{width:10px;height:180px}}@media only screen and (max-width: 767px){.about-page aside{display:none}}.about-page .section1,.about-page .section3{max-width:1560px;width:calc(100% - 120px);margin:0 auto}@media only screen and (max-width: 1023px){.about-page .section1,.about-page .section3{width:calc(100% - 80px)}}@media only screen and (max-width: 767px){.about-page .section1,.about-page .section3{width:calc(100% - 40px)}}.about-page .section1{margin-bottom:80px;padding-top:100px}@media only screen and (max-width: 1023px){.about-page .section1{margin-bottom:65px;padding-top:90px}}@media only screen and (max-width: 767px){.about-page .section1{margin-bottom:50px;padding-top:80px}}.about-page .section2{position:sticky;top:0;z-index:1;margin:-10px auto 90px;background:var(--white)}.about-page .section2 .dist-block{max-width:1560px;width:calc(100% - 120px);margin:0 auto;padding:10px 0}@media only screen and (max-width: 1023px){.about-page .section2{margin-bottom:80px}.about-page .section2 .dist-block{width:calc(100% - 80px)}}@media only screen and (max-width: 767px){.about-page .section2{margin-bottom:75px}.about-page .section2 .dist-block{width:calc(100% - 40px);padding:10px 0 5px}}.about-page .section3{padding-bottom:200px}@media only screen and (max-width: 1200px){.about-page .section3{padding-bottom:175px}}@media only screen and (max-width: 767px){.about-page .section3{padding-bottom:150px}}.about-page .section3 .about-wrap{width:100%;display:grid;grid-template-columns:repeat(26,1fr);grid-row-gap:100px}@media only screen and (max-width: 1023px){.about-page .section3 .about-wrap{grid-template-columns:repeat(16,1fr);grid-row-gap:75px}}@media only screen and (max-width: 767px){.about-page .section3 .about-wrap{grid-template-columns:repeat(1,1fr);grid-row-gap:50px}}.about-page .section3 .about-box{position:relative;display:grid;height:max-content}.about-page .section3 .about-box .title-box{position:absolute;width:100%;height:100%;bottom:0;left:0;padding:45px;z-index:1;pointer-events:none;display:flex;flex-direction:column}.about-page .section3 .about-box .title-box:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;opacity:0;transition:opacity var(--trans-5) ease;border-radius:5px}.about-page .section3 .about-box .title-box.active:before{opacity:1}.about-page .section3 .about-box .title-box[color-type=white]{color:var(--white)}.about-page .section3 .about-box .title-box[color-type=white]:before{background:var(--black-50)}.about-page .section3 .about-box .title-box[color-type=black]{color:var(--black)}.about-page .section3 .about-box .title-box[color-type=black]:before{background:var(--white-50)}.about-page .section3 .about-box .title-box .f-dist-subtitle{margin-top:auto;font-weight:500}.about-page .section3 .about-box .title-box .inner{display:none;padding-top:15px}.about-page .section3 .about-box .title-box .inner .f-paragraph{opacity:0;transition:opacity var(--trans-3) .3s linear}.about-page .section3 .about-box .title-box .inner .f-paragraph.show{opacity:1}@media only screen and (max-width: 1200px){.about-page .section3 .about-box .title-box{padding:30px}}.about-page .section3 .about-box .more-btn{position:absolute;top:0;right:0;z-index:2;border-radius:0 0 0 5px;transform:translate3d(100%,-100%,0);opacity:0;pointer-events:none;transition:transform var(--trans-5) ease,opacity var(--trans-5) ease}.about-page .section3 .about-box .img-box{width:100%}.about-page .section3 .about-box .img-box .img{display:block;border-radius:5px;overflow:hidden;pointer-events:auto}.about-page .section3 .about-box .img-box .img img{border-radius:5px}.about-page .section3 .about-box.large{grid-column-end:span 12}.about-page .section3 .about-box.large .img{position:relative;width:100%}.about-page .section3 .about-box.large .img:after{content:"";display:block;width:100%;height:100%;padding-bottom:91.6666%}.about-page .section3 .about-box.large .img img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.about-page .section3 .about-box.small{grid-column-end:span 9}.about-page .section3 .about-box.small .img{position:relative;width:100%}.about-page .section3 .about-box.small .img:after{content:"";display:block;width:100%;height:100%;padding-bottom:100%}.about-page .section3 .about-box.small .img img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.about-page .section3 .about-box:nth-child(2){grid-column-start:14}.about-page .section3 .about-box:nth-child(3){grid-column-start:5}.about-page .section3 .about-box:nth-child(4){grid-column-start:15}@media only screen and (min-width: 1201px){.about-page .section3 .about-box:hover .more-btn{opacity:1;pointer-events:auto;transform:translate3d(1px,-1px,0)}}@media only screen and (max-width: 1200px){.about-page .section3 .about-box:active .more-btn{opacity:1;pointer-events:auto;transform:translate3d(1px,-1px,0)}}@media only screen and (max-width: 1200px){.about-page .section3 .about-box .img-box .img{border-radius:5px 0 5px 5px}.about-page .section3 .about-box .more-btn{opacity:1;pointer-events:auto;transform:translate3d(1px,-1px,0)}}@media only screen and (max-width: 1023px){.about-page .section3 .about-box.large{grid-column-end:span 8}.about-page .section3 .about-box.small{grid-column-end:span 6}.about-page .section3 .about-box:nth-child(2){grid-column-start:10}.about-page .section3 .about-box:nth-child(3){grid-column-start:2}.about-page .section3 .about-box:nth-child(4){grid-column-start:9}}@media only screen and (max-width: 767px){.about-page .section3 .about-box.large{grid-column-end:span 1}.about-page .section3 .about-box.large .img{position:relative;width:100%}.about-page .section3 .about-box.large .img:after{content:"";display:block;width:100%;height:100%;padding-bottom:91.3432%}.about-page .section3 .about-box.large .img img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.about-page .section3 .about-box.small{grid-column-end:span 1}.about-page .section3 .about-box:nth-child(2){grid-column-start:1}.about-page .section3 .about-box:nth-child(3){grid-column-start:1}.about-page .section3 .about-box:nth-child(4){grid-column-start:1}}