@charset 'utf-8';*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#4FBF7C;--secondary-color:#2F8F5F;--accent-color:#E08A94;--accent-color2:#E3F3EA;--gradient-color:linear-gradient(135deg,#4FBF7C 0%,#2F8F5F 100%);--text-color:#333;--text-color2:#F9FFF9;--background-color:#fffbf0}ul,ol{list-style-type:none}a{color:inherit;text-decoration:none}html{font-size:62.5%}body{font-size:2rem;background-color:var(--background-color);color:var(--text-color);font-family:"Klee One",sans-serif;font-weight:400;font-style:normal}body.is-open{overflow:hidden}img{max-width:100%;height:auto}#loading{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--background-color);z-index:9999;transition:opacity 0.8s ease-out;pointer-events:none}#loading.is-completed{opacity:0}.header,main,.footer__content{opacity:0;-webkit-filter:blur(15px) brightness(2.5);filter:blur(15px) brightness(2.5);transition:opacity 1.5s ease-out,-webkit-filter 1.5s ease-out,filter 1.5s ease-out;will-change:opacity,filter}body.is-loaded .header,body.is-loaded main,body.is-loaded .footer__content{opacity:1;-webkit-filter:none;filter:none;will-change:auto}.header{position:absolute;top:0;left:0;width:100%;z-index:1000}.header__inner{margin:0 auto;display:flex;justify-content:center;align-items:center;width:90%}.header__nav{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center;clip-path:circle(0% at calc(100% - 7.5%) 4.8rem);-webkit-clip-path:circle(0% at calc(100% - 7.5%) 4.8rem);transition:clip-path 0.5s cubic-bezier(.65,0,.35,1);transition-delay:0.2s;pointer-events:none}.header__nav::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--primary-color);z-index:-2}.header__nav::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--background-color);z-index:-1;clip-path:circle(0% at calc(100% - 7.5%) 4.8rem);-webkit-clip-path:circle(0% at calc(100% - 7.5%) 4.8rem);transition:clip-path 0.5s cubic-bezier(.65,0,.35,1)}.header__nav__logo{position:absolute;top:5rem;left:50%;transform:translateX(-50%) translateY(-20px);width:15rem;opacity:0;transition:all 0.6s cubic-bezier(.23,1,.32,1);z-index:1}.header__nav__logo img{width:100%}.header__nav.is-active{clip-path:circle(150% at calc(100% - 7.5%) 4.8rem);-webkit-clip-path:circle(150% at calc(100% - 7.5%) 4.8rem);pointer-events:auto;transition-delay:0s}.header__nav.is-active::after{clip-path:circle(150% at calc(100% - 7.5%) 4.8rem);-webkit-clip-path:circle(150% at calc(100% - 7.5%) 4.8rem);transition-delay:0.2s}.header__nav.is-active .header__nav__logo{opacity:1;transform:translateX(-50%) translateY(0);transition-delay:0.3s}.header__nav__list{display:flex;flex-direction:column;gap:3rem;align-items:center}.header__nav__item{opacity:0;transform:translateY(20px);transition:all 0.6s cubic-bezier(.23,1,.32,1)}.header__nav.is-active .header__nav__item{opacity:1;transform:translateY(0)}.header__nav.is-active .header__nav__item:nth-child(1){transition-delay:0.4s}.header__nav.is-active .header__nav__item:nth-child(2){transition-delay:0.5s}.header__nav.is-active .header__nav__item:nth-child(3){transition-delay:0.6s}.header__nav.is-active .header__nav__item:nth-child(4){transition-delay:0.7s}.header__nav.is-active .header__nav__item:nth-child(5){transition-delay:0.8s}.header__nav__item a{display:flex;flex-direction:column;align-items:center;font-size:2rem;color:var(--text-color);transition:color 0.3s}.header__nav__sns a{flex-direction:row;background-color:var(--accent-color);color:var(--text-color2);padding:1rem 4rem;border-radius:9999px;font-size:1.6rem;transition:background-color 0.3s,color 0.3s}.header__nav__sns a:hover{opacity:.8;color:var(--text-color2)}.header__nav__entry a{flex-direction:row;background-color:var(--primary-color);color:var(--text-color2);padding:1rem 4rem;border-radius:9999px;font-size:1.6rem;transition:background-color 0.3s,color 0.3s}.header__nav__entry a:hover{opacity:.8;color:var(--text-color2)}.wave-char{display:inline-block}.header__nav__item:not(.header__nav__sns):not(.header__nav__entry) a:hover .wave-char{animation:wave 0.3s ease-in-out;animation-delay:calc(var(--i) * 0.05s)}@keyframes wave{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.nav__en{font-size:1.6rem;color:var(--primary-color);transform:scale(1,.7);text-align:left}.header__hamburger{display:block;width:5rem;height:3.5rem;position:relative;background:none;border:none;cursor:pointer;z-index:1001;position:fixed;top:3rem;right:5%}.header__hamburger span:not(.header__hamburger__text){display:block;width:100%;height:2px;background:var(--text-color);position:absolute;left:0;transition:all 0.3s ease}.header__hamburger__text{position:absolute;bottom:-2rem;left:50%;transform:translateX(-50%);font-size:1rem;text-transform:uppercase;color:var(--text-color);letter-spacing:.1em}.header__hamburger.is-active .header__hamburger__text::before{content:"close"}.header__hamburger:not(.is-active) .header__hamburger__text::before{content:"menu"}.header__hamburger__text{font-size:0}.header__hamburger__text::before{font-size:1rem}.header__hamburger span:nth-child(1){top:.5rem}.header__hamburger span:nth-child(2){top:1.5rem;transform:translateY(-50%)}.header__hamburger span:nth-child(3){top:2.5rem}.header__hamburger.is-active span:nth-child(1){top:1.5rem;transform:translateY(-50%) rotate(45deg)}.header__hamburger.is-active span:nth-child(2){opacity:0}.header__hamburger.is-active span:nth-child(3){top:1.5rem;transform:translateY(-50%) rotate(-45deg)}.fv__content{width:100%;height:100vh;position:relative}.fv__logo{position:absolute;top:37%;left:5rem;width:13rem;height:13rem}.fv__logo img{width:100%;height:100%;object-fit:cover}.fv__sub__bg{position:absolute;top:-11%;left:-7%;width:38%;height:40%;z-index:11;background:var(--gradient-color);-webkit-mask-image:url(../img/fv/fv-bg-sub.webp);mask-image:url(../img/fv/fv-bg-sub.webp);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;transform:rotate(-20deg);pointer-events:none}.fv__sub{position:absolute;top:-11%;left:-8%;width:38%;height:38%;z-index:12;-webkit-mask-image:url(../img/fv/fv-bg-sub.webp);mask-image:url(../img/fv/fv-bg-sub.webp);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;transform:rotate(-20deg);pointer-events:none}.fv__sub img{width:100%;height:100%;object-fit:cover}.fv__bg{position:absolute;top:16%;left:0;width:100%;height:105%;margin-top:-2rem;background:var(--gradient-color);z-index:5;-webkit-mask-image:url(../img/fv/fv-bg.webp);mask-image:url(../img/fv/fv-bg.webp);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:right bottom;mask-position:right bottom;clip-path:url(#fv-mask)}.fv__img__container{position:absolute;top:15%;left:0;transform:none;width:100%;height:100%;z-index:10;-webkit-mask-image:url(../img/fv/fv-bg.webp);mask-image:url(../img/fv/fv-bg.webp);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:right bottom;mask-position:right bottom;clip-path:url(#fv-mask)}.fv__img__container img{width:100%;height:100%;object-fit:cover}.fv__catch{position:absolute;top:5%;right:7rem;transform:translateY(-50%);width:100%;z-index:15}.fv__catch img{position:absolute;width:10rem;height:auto}.fv__catch01{top:0;right:0}.fv__catch02{top:9rem;right:10rem}.abt__content{position:relative;margin-top:30rem;overflow:hidden;z-index:1}.abt__container{width:90%;margin:0 auto}.abt__upper__container,.abt__lower__container{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:5rem;position:relative;gap:5%}.abt__upper__img,.abt__lower__img{overflow:hidden;width:47%;max-width:800px;flex-shrink:0;z-index:2}.abt__upper__bg,.abt__lower__bg{position:absolute;width:47%;max-width:800px;height:100%;z-index:1}.abt__upper__bg{background:var(--primary-color)}.abt__lower__bg{background:var(--accent-color)}.abt__upper__img{-webkit-mask-image:url(../img/about/about-bg.webp);mask-image:url(../img/about/about-bg.webp);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:left center;mask-position:left center;clip-path:url(#about-mask-left)}.abt__upper__bg{top:-5%;left:-5%;-webkit-mask-image:url(../img/about/about-bg.webp);mask-image:url(../img/about/about-bg.webp);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:left center;mask-position:left center;clip-path:url(#about-mask-left)}.abt__upper__img img,.abt__lower__img img{width:100%;height:140%;object-fit:cover;will-change:transform;margin-top:-15%}.abt__upper__text,.abt__lower__text{width:45%;line-height:2.5;text-align:justify}.abt__upper__text .abt__label{font-size:1.6rem;margin-top:-10rem;margin-bottom:10rem}.abt__catch{margin-bottom:10rem;margin-top:-10rem;margin-left:-1.2rem}.abt__lower__img{-webkit-mask-image:url(../img/about/about-bg.webp);mask-image:url(../img/about/about-bg.webp);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:right center;mask-position:right center;clip-path:url(#about-mask-right);z-index:2}.abt__lower__bg{top:5%;right:-5%;-webkit-mask-image:url(../img/about/about-bg.webp);mask-image:url(../img/about/about-bg.webp);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:right center;mask-position:right center;clip-path:url(#about-mask-right)}.member__top__bg{margin-top:10rem}.member__content{margin-top:-1rem;padding-bottom:20rem;background:linear-gradient(#4FBF7C 0%,#2F8F5F 100%);;color:var(--text-color2)}.member__header{text-align:center}.member__label{font-size:1.6rem}.member__catch{width:40%;margin:0 auto}.member__list{display:flex;flex-wrap:wrap;width:90%;margin:8rem auto 0;border:2px dashed var(--accent-color2)}.member__item{display:flex;flex-direction:column;width:33.33%;padding:6rem 4rem;box-sizing:border-box;border-right:2px dashed var(--accent-color2);border-bottom:2px dashed var(--accent-color2);text-align:center}.member__item:nth-child(3n){border-right:none}.member__item:nth-child(n+4){border-bottom:none}.member__img{position:relative;width:100%;max-width:300px;margin:0 auto;aspect-ratio:1 / 1;overflow:hidden}.member__img img{width:100%;height:100%;object-fit:cover}.member__comment{position:absolute;bottom:0;left:0;width:100%;background:var(--accent-color);color:var(--text-color2);padding:1.5rem;opacity:0;transition:opacity 0.3s;font-size:1.6rem;line-height:1.6;text-align:left}.member__img:hover .member__comment{opacity:1}.member__text{display:grid;width:100%;max-width:300px;margin:0 auto;grid-template-columns:5.5rem 1fr;gap:.8rem 3rem;margin-top:2rem;text-align:left;font-size:1.6rem}.member-instagram{margin-top:auto;padding-top:2rem;width:100%;display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.member-instagram a{font-size:1.4rem;color:var(--primary-color);position:relative;display:inline-block;transition:color 0.3s;letter-spacing:.05em;background-color:var(--text-color2);padding:.5rem 1.5rem;border-radius:2rem}.member-instagram a:hover{background-color:var(--accent-color);color:#fff}.slider__content{width:100%;margin-top:-30rem;position:relative;z-index:-1;overflow:hidden;padding-bottom:10rem}.slide-bg-back{position:absolute;top:45%;left:10%;width:100%}.slide-bg-back img{width:100%;height:auto}.slide-bg{position:relative;width:100%;-webkit-mask-image:url(../img/slide/slide-bg.webp);mask-image:url(../img/slide/slide-bg.webp);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% auto;mask-size:100% auto;-webkit-mask-position:bottom center;mask-position:bottom center;clip-path:url(#slide-mask)}.slider{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%)}.slider img{width:auto;height:40vw;max-width:none}.activity__content{background:var(--background-color);color:var(--text-color);position:relative;margin-top:10rem}.activity__label{font-size:1.6rem;margin-left:7rem;color:var(--text-color)}.activity__catch{width:30%;margin-top:2rem;margin-bottom:5rem;margin-left:6rem}.activity__container{width:100%}.activity__wrapper{display:block;width:60%;margin:5rem 0 0 auto;padding-right:5%}.activity__year-nav{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:3rem;margin-left:7rem;margin-bottom:3rem;z-index:10}.activity__year-display{font-size:8rem;line-height:1;color:var(--primary-color);letter-spacing:.05em}.activity__year-btn{background:none;border:1px solid var(--primary-color);width:4rem;height:4rem;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all 0.3s ease;padding:0}.activity__year-btn:hover{background:var(--primary-color)}.activity__year-btn__arrow{width:1rem;height:1rem;border-top:2px solid var(--primary-color);border-right:2px solid var(--primary-color);transition:all 0.3s ease}.activity__year-btn:hover .activity__year-btn__arrow{border-color:var(--text-color2)}.activity__year-btn.prev .activity__year-btn__arrow{transform:rotate(-135deg);margin-left:.4rem}.activity__year-btn.next .activity__year-btn__arrow{transform:rotate(45deg);margin-right:.4rem}.activity__list-group{list-style:none;padding:0;margin:0;display:none;opacity:0;transition:opacity 0.6s ease}.activity__list-group.is-active{display:block;opacity:1}.activity__item{border-top:1px solid var(--text-color);padding:2.5rem 0;display:flex;gap:4rem;align-items:baseline}.activity__list-group.is-active .activity__item:last-child{border-bottom:1px solid var(--text-color)}.activity__date{font-size:1.6rem;color:var(--text-color);min-width:8rem}.activity__desc{font-size:1.6rem;line-height:1.6}.form__content{margin-top:10rem;margin-bottom:10rem}.entry-button__container{display:flex;justify-content:center;position:relative;padding:25rem 0 10rem}.form__circle-text{position:absolute;top:12rem;right:20%;max-width:200px;z-index:3;pointer-events:none}.form__circle-text img{width:100%;height:auto;object-fit:contain;animation:rotate-infinitely 15s linear infinite}@keyframes rotate-infinitely{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.form__human{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10rem;z-index:12}.form__human img{width:100%;height:auto;display:block;animation:none}.entry-button{display:inline-flex;align-items:center;justify-content:center;background:var(--primary-color);color:var(--text-color2);padding:6rem 30rem;border-radius:9999px;font-size:3.2rem;position:relative;z-index:1;letter-spacing:.1em;text-decoration:none;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:transform 0.3s ease,box-shadow 0.3s ease}.entry-button:hover{box-shadow:0 15px 30px rgba(0,0,0,.3)}.entry-button__text{z-index:10}.footer__content{position:relative}.footer__bg-back{position:absolute;bottom:0;left:0;width:40%;z-index:-1}.footer__bg-back img{width:100%;height:auto;display:block}.footer__container{width:100%;max-width:1200px;margin-left:auto}.footer__mask{width:100%;position:relative;-webkit-mask-image:url(../img/footer/footer-bg.webp);mask-image:url(../img/footer/footer-bg.webp);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:right bottom;mask-position:right bottom;clip-path:url(#footer-mask)}.footer__mask img{width:100%;height:auto;display:block}@media (min-width:769px){.header:not(.is-scrolled) .header__nav{position:static;width:auto;height:auto;background:transparent;display:block;transition:none;clip-path:none;-webkit-clip-path:none;pointer-events:auto}.header:not(.is-scrolled) .header__nav::before,.header:not(.is-scrolled) .header__nav::after{display:none}.header:not(.is-scrolled) .header__nav__logo{display:none}.header:not(.is-scrolled) .header__nav__list{flex-direction:column;gap:2rem;align-items:flex-start;position:absolute;left:7rem;top:46rem}.header:not(.is-scrolled) .header__nav__item{opacity:1;transform:none}.header:not(.is-scrolled) .header__nav__item a{align-items:flex-start;text-align:left}.header:not(.is-scrolled) .header__hamburger{display:none}}@media (max-width:768px){html{font-size:50%}body{font-size:1.6rem}.header__hamburger{width:4.5rem;height:3rem;top:2rem}.header__nav__list{gap:2rem}.fv__logo{width:15rem;height:15rem;left:50%;top:15%;transform:translateX(-50%) rotate(0deg)}.fv__logo__bg{width:25rem;height:25rem;left:0;transform:none}.fv__bg,.fv__img__container{top:10%;-webkit-mask-position:center bottom;mask-position:center bottom}.fv__catch{right:3rem;top:37%}.fv__catch img{width:7rem}.fv__catch02{top:4rem;right:7rem}.fv__sub__bg{top:-34%;left:-16%;width:80%;height:80%}.fv__sub{top:-35%;left:-18%;width:80%;height:80%}.fv__bg{top:45%;left:50%;transform:translate(-50%,-50%)}.fv__img__container{top:43%;left:50%;transform:translate(-50%,-50%)}.fv__img__container img{object-position:-50rem 10rem}.abt__content{margin-top:0}.abt__upper__container,.abt__lower__container{flex-direction:column;gap:3rem;margin-bottom:10rem}.abt__upper__img,.abt__lower__img,.abt__upper__bg,.abt__lower__bg,.abt__upper__text,.abt__lower__text{width:100%;text-align:center}.abt__upper__text{display:contents}.abt__upper__container .abt__label{order:1;margin-top:0;margin-bottom:0;text-align:center}.abt__upper__container .abt__catch{order:2;margin-top:0;margin-bottom:5rem;text-align:center;margin-left:0}.abt__upper__img{order:3}.abt__upper__text p{order:4}.abt__catch img{margin:0 auto}.abt__upper__img,.abt__upper__bg{-webkit-mask-position:center;mask-position:center;top:0;left:0}.abt__upper__bg{top:-5rem;left:-5rem;height:100%}.abt__lower__img,.abt__lower__bg{order:-1;-webkit-mask-position:center;mask-position:center;top:0;right:0}.abt__lower__bg{top:-5rem;right:-5rem;height:100%}.member__list{border:1.5px dashed var(--accent-color2)}.member__item:nth-child(n){width:100%;border-right:none;border-bottom:1.5px dashed var(--accent-color2)}.member__item:last-child{border-bottom:none}.member__catch{width:70%}.slider__content{margin-top:-10rem;padding-bottom:5rem}.slide-bg{mask-size:cover;-webkit-mask-size:cover}.slide-bg-back{top:30%;left:-10%;width:150%}.slider{top:15%}.slider img{height:70vw}.member-instagram a:hover{background-color:var(--text-color2);color:var(--primary-color)}.member__comment{opacity:1;transition:none}.activity__label{margin-left:3rem}.activity__catch{width:60%;margin-left:3rem}.activity__year-nav{margin-left:3rem;gap:2rem}.activity__year-display{font-size:6rem}.activity__wrapper{width:90%;margin-right:auto;margin-left:auto;padding-right:0}.activity__item{gap:2rem}.form__content{margin-top:0}.form__kv{display:none}.entry-button{padding:5rem 0;width:90%;justify-content:center;font-size:2.2rem}.form__circle-text{top:15rem;right:5%;width:15rem}.footer__bg-back{width:60%}.footer__mask{-webkit-mask-position:center bottom;mask-position:center bottom}}