.secFv{width:calc(100% - var(--vw)*9.44);height:100vh;position:relative}.secFv--logo{position:absolute;top:50%;left:45%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:calc(var(--vw)*31.81)}.secFv--scroll{position:absolute;top:52%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:calc(var(--vw)*8.75)}.secFv--scroll .text{font-size:clamp(14px,var(--vw)*.97,var(--vw)*.97);color:var(--c-white);-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;padding-left:calc(var(--vw)*.9)}.secFv--scroll .scrollBar{position:absolute;left:0;top:0;width:3px;height:100%;overflow:hidden}.secFv--scroll .scrollBar::before,.secFv--scroll .scrollBar::after{content:"";position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:var(--c-white)}.secFv--scroll .scrollBar::before{top:0;width:1px;height:100%}.secFv--scroll .scrollBar::after{top:0;width:100%;height:50%;-webkit-animation:scroll_bar 2s infinite cubic-bezier(0.25, 1, 0.5, 1) both;animation:scroll_bar 2s infinite cubic-bezier(0.25, 1, 0.5, 1) both;z-index:0}@-webkit-keyframes scroll_bar{0%{top:0}50%{top:100%}51%{top:auto;bottom:100%}80%{top:auto;bottom:50%}100%{top:0;bottom:auto}}@keyframes scroll_bar{0%{top:0}50%{top:100%}51%{top:auto;bottom:100%}80%{top:auto;bottom:50%}100%{top:0;bottom:auto}}@media screen and (max-width: 768px){.secFv{width:calc(100% - 5.3333333333vw);height:100vh;min-height:var(--dh);max-height:var(--dh);margin-left:auto}.secFv::before{content:"";position:absolute;left:0;top:0;width:1px;height:0;background:var(--c-border);-webkit-transition:height 1s;transition:height 1s}.secFv--logo{left:50%;width:61.0666666667vw}.secFv--scroll{top:auto;bottom:4%;right:auto;left:calc(50% + 1.7333333333vw);-webkit-transform:translateX(-50%);transform:translateX(-50%);width:4.2666666667vw;height:22.9333333333vw}.secFv--scroll .text{font-size:2.4vw;padding-left:1.8666666667vw}.loading--lottie{left:50%}}.secWorksArchive{border-top:1px solid var(--c-border)}.secBanner{border-top:1px solid var(--c-border)}.secBanner--in{width:calc(100% - var(--vw)*9.44);padding:calc(var(--vw)*3.47);border-right:1px solid var(--c-border)}.secBanner--banner{display:block;position:relative}.secBanner--banner--textBox{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;padding:0 calc(var(--vw)*4.31);color:var(--c-white);z-index:1}.secBanner--banner--titleEn{font-size:clamp(42px,var(--vw)*2.92,var(--vw)*2.92);letter-spacing:.04em}.secBanner--banner .common--btn{margin-top:calc(var(--vw)*2.78)}.secBanner--banner--bg{height:calc(var(--vw)*31.11)}.secBanner--banner .img{height:100%;position:relative;z-index:0}.secBanner--banner .img::before,.secBanner--banner .img::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%}.secBanner--banner .img::before{background:var(--c-black);opacity:.5;z-index:2}.secBanner--banner .img::after{background:var(--archive-over-img);opacity:.02;z-index:1}.secBanner--banner .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 769px){.secBanner--banner:hover .img::before{opacity:0}.secBanner--banner:hover .img::after{opacity:0}.secBanner--banner:hover .img img{-webkit-filter:grayscale(0);filter:grayscale(0)}.secBanner--banner .img::before,.secBanner--banner .img::after{-webkit-transition:opacity .4s;transition:opacity .4s}.secBanner--banner .img img{-webkit-filter:grayscale(1);filter:grayscale(1);-webkit-transition:-webkit-filter .4s;transition:-webkit-filter .4s;transition:filter .4s;transition:filter .4s, -webkit-filter .4s}}@media screen and (max-width: 768px){.secBanner--in{width:calc(100% - 5.3333333333vw);margin-left:auto;padding:0;border-right:none;border-left:1px solid var(--c-border)}.secBanner--banner{display:block;padding:5.3333333333vw}.secBanner--banner--textBox{padding:0 calc(var(--vw)*4.31)}.secBanner--banner--titleEn{font-size:5.3333333333vw;letter-spacing:0;text-align:center}.secBanner--banner .common--btn{margin:3.7333333333vw auto 0}.secBanner--banner--bg{height:48vw}.secBanner--banner .img::before,.secBanner--banner .img::after{content:none}}/*# sourceMappingURL=top.css.map */