header nav.top{transform:translateY(-100%);animation:slideDown .4s ease-in-out .3s forwards}body{position:relative;z-index:1}.main-visual{position:fixed;z-index:1;width:100%;height:100%;display:flex;align-items:flex-end;overflow:hidden}.main-visual h1{color:#fff;font-size:5vmax;position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;text-align:center}.main-visual .bg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.main-visual ul{width:100%;height:100px;display:flex;justify-content:center;background-color:rgba(0,0,0,.2);padding:10px 0;transform:translateY(100%);animation:slideUp .4s ease-in-out .3s forwards}.main-visual ul li{width:100%;max-width:280px;height:100%;border-left:1px solid #c9c9c9}.main-visual ul li:last-of-type{border-right:1px solid #c9c9c9}.main-visual ul li a{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 20px;color:#fff;font-weight:bold;font-size:2.4rem;transition:.4s}.main-visual ul li a span{font-size:1.4rem;margin-bottom:3px;font-family:var(--ff-en)}.main-visual ul li a:hover{opacity:.5}.main-visual .vplay-btn{position:absolute;bottom:20px;right:40px;z-index:4;width:175px;height:auto;padding:16px;border:1px solid #c9c9c9;border-radius:5px;background-color:hsla(0,0%,100%,.2);transition:.4s;opacity:0;animation:fadeIn .4s ease-in-out .6s forwards}.main-visual .vplay-btn>div{position:relative;z-index:1;width:100%;height:100%;overflow:hidden}.main-visual .vplay-btn>div::before{content:"";width:100%;height:100%;background-color:rgba(0,0,0,.2);position:absolute;top:0;left:0;z-index:2;transition:.4s}.main-visual .vplay-btn p{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;font-family:var(--ff-en);display:flex;justify-content:center;align-items:center;gap:8px;z-index:3;transition:.4s}.main-visual .vplay-btn p i{width:10px;height:10px;background-color:#fff;clip-path:polygon(0 0, 0% 100%, 100% 50%);transition:.4s}.main-visual .vplay-btn img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:.4s}.main-visual .vplay-btn:hover{border-color:var(--main-color)}.main-visual .vplay-btn:hover>div::before{background-color:rgba(0,0,0,.6)}.main-visual .vplay-btn:hover p{color:var(--main-color)}.main-visual .vplay-btn:hover p i{background-color:var(--main-color)}.main-visual .vplay-btn:hover img{transform:scale(1.1)}.main-visual-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-3}.main-visual-bg::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);z-index:2}.main-visual-bg video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.logo-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--main-color);z-index:-2;--opacity: 0;opacity:var(--opacity)}.logo-mask{--size: 300;--opacity: 0;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:-1;opacity:var(--opacity);-webkit-mask-image:url("../img/top/logo.svg");-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:max(100px,var(--size)*1%);mask-image:url("../img/top/logo.svg");mask-repeat:no-repeat;mask-position:center;mask-size:max(100px,var(--size)*1%);transition:none}body.close-main .logo-mask{opacity:0;transition:.4s}body.close-main .block1 .mask{opacity:1;visibility:visible;transition:.4s;transition-delay:.4s}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}100%{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}@media screen and (max-width: 1400px){.main-visual .vplay-btn{bottom:120px}}.main-scroll{position:relative;z-index:10;width:100%;height:100vh;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.block1{padding-bottom:var(--vw100)}.block1 .mask{opacity:0;visibility:hidden;transition:none;transition-delay:0}.block1 .logo{margin:-50px auto 0}.block1 h2{color:#fff;font-size:4rem;text-align:center}.block1 h2 span{display:block;font-family:var(--ff-en);font-size:3rem}.block1 .content{opacity:0;visibility:hidden;transition:.4s;overflow:hidden}.block1 .content.active{opacity:1;visibility:visible}.block1 .box01{display:grid;grid-template-columns:48% 52%;padding-top:var(--vw80)}.block1 .box01 .img-box{padding-left:25%}.block1 .box01 .img-box picture{width:100%;max-width:200px;aspect-ratio:200/240;overflow:hidden}.block1 .box01 .img-box picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.block1 .box01 p{padding-top:var(--vw80);color:#fff;font-weight:bold}.block1 .sub-visual{position:relative;z-index:1}.block1 .sub-visual .line-anime{margin-left:-120px;transform:rotate(-45deg)}.block1 .sub-visual .img01{width:100%;max-width:400px;aspect-ratio:400/480;margin-top:-160px;position:relative;z-index:2}.block1 .sub-visual .img02{width:100%;max-width:370px;aspect-ratio:370/320;position:relative;z-index:2;margin-top:-185px;margin-left:auto;margin-right:150px}.block1 .sub-visual .loop-area{position:absolute;bottom:220px;left:0}.block1 .sub-visual .loop_wrap,.block1 .sub-visual .loop_wrap2{width:100%;height:auto;overflow:hidden;display:flex;align-items:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.block1 .sub-visual .loop_wrap p,.block1 .sub-visual .loop_wrap2 p{font-size:15rem;line-height:1;flex:0 0 auto;white-space:nowrap;color:#1fb363;font-family:var(--ff-en)}.block1 .sub-visual .loop_wrap p:nth-of-type(odd){animation:loop 160s -80s linear infinite}.block1 .sub-visual .loop_wrap p:nth-of-type(even){animation:loop2 160s linear infinite}.block1 .sub-visual .loop_wrap2{margin-top:var(--vw40)}.block1 .sub-visual .loop_wrap2 p:nth-of-type(odd){animation:loop 160s -80s linear infinite reverse}.block1 .sub-visual .loop_wrap2 p:nth-of-type(even){animation:loop2 160s linear infinite reverse}.block2{padding-top:var(--vw200);position:relative;z-index:1;background-color:#edfcec;overflow:hidden}.block2 .content{width:calc(100% - 30px);max-width:600px;margin:0 auto;background-color:var(--main-color);padding:var(--vw100) var(--vw80);border-radius:10px;position:relative;z-index:1;color:#fff;font-size:1.6rem;font-weight:bold;display:flex;flex-direction:column;align-items:flex-start;gap:var(--vw60);transition:.4s;opacity:0;visibility:hidden;transform:translateY(20px)}.block2 .content::before{content:"";width:calc(100% - 24px);height:calc(100% - 24px);border:1px solid #fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:-1;border-radius:6px}.block2 .content .ttl{color:#fff;transition-delay:.4s}.block2 .content .ttl p{color:#fff}.block2 .content .ttl p::before{background-color:#fff}.block2 .content>p{transition-delay:.6s}.block2 .content .btn-area{transition-delay:.8s}.block2 .content .ttl,.block2 .content>p,.block2 .content .btn-area{opacity:0;visibility:hidden;transition-duration:.6s;transform:translateX(10px)}.block2 .loop_wrap{position:absolute;top:50%;left:0;transform:translateY(-60%);z-index:-1;width:100%;height:auto;overflow:hidden;display:flex;gap:16px;align-items:center;margin-top:var(--vw30);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.block2 .loop_wrap>div{display:flex;flex:0 0 auto;gap:16px;align-items:flex-start;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.block2 .loop_wrap>div:first-of-type{animation:loop 160s -80s linear infinite}.block2 .loop_wrap>div:first-of-type picture:nth-of-type(odd){margin-top:100px}.block2 .loop_wrap>div:last-of-type{animation:loop2 160s linear infinite}.block2 .loop_wrap>div:last-of-type picture:nth-of-type(even){margin-top:100px}.block2 .loop_wrap>div picture{width:14.2857142857vw;min-width:240px;height:auto}.block2 .loop_wrap>div picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.block2 .w1200{position:relative;z-index:1;display:flex;justify-content:space-between;margin-bottom:-120px}.block2 .w1200>div{display:flex}.block2 .w1200>div img:first-of-type{margin-top:80px}.block2.active .content{opacity:1;visibility:visible;transform:translateY(0)}.block2.active .content .ttl,.block2.active .content>p,.block2.active .content .btn-area{opacity:1;visibility:visible;transform:translateX(0)}.block3{margin-top:-1px;background-color:#fff;padding:var(--vw160) 0 var(--vw140);position:relative;z-index:1;overflow:hidden}.block3 .line-anime{position:absolute;top:0;right:0;transform:rotate(145deg)}.block3 .line-anime .line-area{margin-left:0;margin-right:auto}.block3 .ttl{opacity:0;visibility:hidden;transition-delay:.4s;transition-duration:.6s;transform:translateX(10px)}.block3 .content{display:grid;grid-template-columns:repeat(3, 1fr);gap:18px;margin-top:var(--vw60)}.block3 .content .box{opacity:0;visibility:hidden;transition:.4s;transform:translateY(20px)}.block3 .content .box:first-of-type{transition-delay:.6s}.block3 .content .box:nth-of-type(2){transition-delay:.8s;margin-top:var(--vw60)}.block3 .content .box:last-of-type{transition-delay:1s}.block3 .content .box picture{width:100%;aspect-ratio:388/560;height:auto;position:relative;z-index:1;border-radius:10px;overflow:hidden;margin-bottom:15px}.block3 .content .box picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:.4s}.block3 .content .box picture i{width:56px;height:auto;aspect-ratio:1;background-color:var(--main-color);border-radius:50%;position:absolute;bottom:20px;right:20px;display:flex;justify-content:center;align-items:center;transition:.4s}.block3 .content .box picture i svg path{fill:#fff}.block3 .content .box p{font-size:2.2rem;font-weight:bold;letter-spacing:.05em;transition:.4s}.block3 .content .box:hover picture img{transform:scale(1.05)}.block3 .content .box:hover picture i{background-color:var(--sub-color)}.block3 .content .box:hover p{color:var(--main-color)}.block3 .btn-area{margin-top:var(--vw60);justify-content:flex-end;opacity:0;visibility:hidden;transform:translateY(20px);transition-delay:1s}.block3.active .line-area svg{transform:rotate(0)}.block3.active .ttl{opacity:1;visibility:visible;transform:translateX(0)}.block3.active .content .box{opacity:1;visibility:visible;transform:translateY(0)}.block3.active .btn-area{opacity:1;visibility:visible;transform:translateY(0)}.block4{margin-top:-1px;background-color:#edfcec;padding-top:var(--vw100);padding-bottom:var(--vw80)}.block4 .ttl{opacity:0;visibility:hidden;transform:translateX(20px);transition-duration:.6s}.block4 .content{display:flex;flex-direction:column;gap:24px;margin-top:var(--vw60);margin-bottom:var(--vw120)}.block4 .content a{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--vw40);background-color:var(--main-color);border-radius:10px;color:#fff;opacity:0;visibility:hidden;transform:translateX(20px);transition-duration:.6s}.block4 .content a:first-of-type{transition-delay:.2s}.block4 .content a:last-of-type{transition-delay:.4s}.block4 .content a picture{width:51%;height:auto;aspect-ratio:620/280;border-radius:10px;overflow:hidden}.block4 .content a picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:.4s}.block4 .content a .t-box{width:36%;display:flex;justify-content:space-between;align-items:center}.block4 .content a .t-box>div{width:calc(100% - 130px);display:flex;flex-direction:column;gap:var(--vw40)}.block4 .content a .t-box h3{font-size:3rem}.block4 .content a .t-box p{font-size:1.6rem;font-weight:bold}.block4 .content a .t-box i{background-color:#fff;display:flex;justify-content:center;align-items:center;width:56px;aspect-ratio:1;border-radius:50%;transition:.4s}.block4 .content a .t-box i svg path{fill:var(--main-color);transition:.4s}.block4 .content a:hover picture img{transform:scale(1.05)}.block4 .content a:hover .t-box i{background-color:var(--sub-color)}.block4 .content a:hover .t-box i svg path{fill:#fff}.block4 .loop_wrap,.block4 .loop_wrap2{width:100%;height:auto;overflow:hidden;display:flex;align-items:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.block4 .loop_wrap>div,.block4 .loop_wrap2>div{display:flex;flex:0 0 auto;align-items:center;gap:16px;padding-right:16px}.block4 .loop_wrap>div p,.block4 .loop_wrap2>div p{font-size:8rem;line-height:1;color:#aec9b1;font-family:var(--ff-en)}.block4 .loop_wrap>div picture,.block4 .loop_wrap2>div picture{width:220px;height:104px}.block4 .loop_wrap>div picture img,.block4 .loop_wrap2>div picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.block4 .loop_wrap>div:nth-of-type(odd){animation:loop 160s -80s linear infinite}.block4 .loop_wrap>div:nth-of-type(even){animation:loop2 160s linear infinite}.block4 .loop_wrap2{margin-top:var(--vw40)}.block4 .loop_wrap2>div:nth-of-type(odd){animation:loop 160s -80s linear infinite reverse}.block4 .loop_wrap2>div:nth-of-type(even){animation:loop2 160s linear infinite reverse}.block4.active .ttl{opacity:1;visibility:visible;transform:translateX(0)}.block4.active .content a{opacity:1;visibility:visible;transform:translateX(0)}@media screen and (max-width: 1200px){.block1 .sub-visual .img02{margin-right:40px}.block4 .content a .t-box{width:46%}}@media screen and (max-width: 1024px){.block4 .content{flex-direction:row}.block4 .content a{flex-direction:column;justify-content:flex-start;padding:20px;gap:20px}.block4 .content a picture{width:100%}.block4 .content a .t-box{width:100%;align-items:flex-start}.block4 .content a .t-box>div{width:calc(100% - 70px);gap:15px}}@media screen and (max-width: 768px){.main-visual ul{display:none}.main-visual .vplay-btn{bottom:20px;right:15px}.block1 .logo{width:70px;margin-bottom:40px}.block1 h2{font-size:3.4rem}.block1 h2 span{font-size:2rem}.block1 .box01{display:block}.block1 .box01 .img-box{width:55%;padding-left:0;margin-left:auto;margin-right:0}.block1 .sub-visual{margin-top:20px;padding-top:120px}.block1 .sub-visual .line-anime{display:none}.block1 .sub-visual .img01{width:56%;margin-top:0}.block1 .sub-visual .img02{width:52%;margin-right:0;margin-top:8px}.block1 .sub-visual .loop-area{bottom:unset;top:0}.block1 .sub-visual .loop_wrap p,.block1 .sub-visual .loop_wrap2 p{font-size:6rem}.block2{padding-top:var(--vw100)}.block2 .content{padding:40px;gap:20px}.block2 .loop_wrap{position:static;transform:translateY(0);margin-top:40px}.block2 .loop_wrap>div:first-of-type picture:nth-of-type(odd){margin-top:60px}.block2 .loop_wrap>div:last-of-type picture:nth-of-type(even){margin-top:60px}.block2 .loop_wrap>div picture{min-width:135px}.block2 .w1200{margin-top:-100px}.block3 .content{grid-template-columns:1fr;place-items:center;gap:40px}.block3 .content .box{max-width:280px}.block3 .content .box:nth-of-type(2){margin-top:0}.block3 .content .box picture{aspect-ratio:280/350}.block3 .content .box p{font-size:1.5rem}.block3 .btn-area{justify-content:center;margin-top:40px}.block4 .content{flex-direction:column}.block4 .content a{overflow:hidden;aspect-ratio:290/210;position:relative;z-index:1;justify-content:flex-end}.block4 .content a::before{content:"";width:100%;height:100%;background-color:#000;opacity:.2;position:absolute;top:0;left:0;z-index:-1}.block4 .content a picture{position:absolute;top:0;left:0;z-index:-2;width:100%;height:100%;aspect-ratio:unset}.block4 .content a .t-box{align-items:flex-end}.block4 .content a .t-box h3{font-size:2.7rem;line-height:1.5}.block4 .content a .t-box p{display:none}.block4 .content a .t-box i{width:40px}.block4 .content a .t-box i svg{width:10px;height:10px}.block4 .content a:nth-of-type(2) picture img{-o-object-position:-30px;object-position:-30px}}/*# sourceMappingURL=top.min.css.map */