@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}html{font-size:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;overflow-x:hidden}body{margin:0;padding:0;line-height:1.5;font-family:sans-serif;color:#000;background-color:#fff}img,video{max-width:100%;height:auto;display:block;width:100%}ul,ol{list-style:none;padding:0;margin:0}h1,h2,h3,h4,h5,h6,p{margin:0;font-weight:400}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit;background:none;border:none;padding:0;margin:0;appearance:none;-webkit-appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}a,button{transition:all .3s ease}a:hover,button:hover{opacity:.7}body{font-size:16px;background-color:transparent;font-family:Noto Sans JP,sans-serif,sans-serif;width:100vw;height:100dvh;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){body{scroll-behavior:auto}}main{width:375px;margin:auto;position:relative}main:before{width:375px;margin:auto;content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;background-image:url(../images/noise.webp);background-repeat:repeat;background-size:200px 200px;opacity:.1;mix-blend-mode:overlay}#scale-root{width:375px;transform-origin:top}.page-top{position:fixed;inset:auto 14px 14px auto;z-index:2000;transform:translateZ(0);width:52px;height:52px;border:none;background:transparent;padding:0;opacity:.8}.hamburger{position:fixed;inset:14px 14px auto auto;z-index:3000;width:48px;height:48px;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:120px;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:background .2s ease;gap:5px}.hamburger__line{display:block;width:22px;height:2px;background:#fff;transition:transform .22s ease,opacity .22s ease}.drawer-overlay{position:fixed;inset:0;z-index:2500;background:#0000008c;opacity:0;transition:opacity .24s ease;will-change:opacity}.drawer{position:fixed;inset:0 0 0 auto;z-index:2600;width:90vw;background:#0a0a0aeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;transform:translate3d(100%,0,0);will-change:transform;transition:transform .32s cubic-bezier(.22,1,.36,1)}.drawer__inner{height:100%;padding:16px;display:flex;flex-direction:column;gap:16px}.drawer__close{align-self:flex-end;width:40px;height:40px;border:none;border-radius:10px;background:#ffffff1f;color:#fff;font-size:22px;line-height:1;cursor:pointer}.drawer__list{padding-top:50px;margin:0;display:flex;flex-direction:column;gap:14px}.drawer__list a{display:block;color:#fff;font-size:16px;font-weight:900}body.is-drawer-open{overflow:hidden}body.is-drawer-open .drawer[hidden]{display:block}body.is-drawer-open .drawer{transform:translateZ(0)}body.is-drawer-open .drawer-overlay[hidden]{display:block}body.is-drawer-open .drawer-overlay{opacity:1}body.is-drawer-open .hamburger{background:#000000b3}body.is-drawer-open .hamburger__line{transition:transform .22s ease,opacity .22s ease}body.is-drawer-open .hamburger__line:nth-child(1){transform:translateY(7px) rotate(45deg)}body.is-drawer-open .hamburger__line:nth-child(2){opacity:0}body.is-drawer-open .hamburger__line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (prefers-reduced-motion: reduce){.drawer{transition:none}}.CTA-btn{display:block;width:216px;box-shadow:4px 4px #ecc8a3;border-radius:100px}.app-links{width:100%;display:flex;gap:20px;justify-content:center}.app-links .app-logo{width:85px}.app-links .links{display:flex;flex-direction:column;gap:8px}.app-links .links a{width:128px;display:block}.middle-cta{width:100%;height:206px;background-image:url(../images/middle-cta_bg.webp);background-size:cover;color:#fff;position:relative;padding:16px}.middle-cta p{font-weight:900;letter-spacing:-.07em;font-size:27px;line-height:1.2}.middle-cta p .another{font-family:Zen Antique Soft,serif;font-weight:400}.middle-cta .CTA-btn{position:absolute;right:14px;bottom:16px}.fv{width:100%;position:relative;isolation:isolate;z-index:2}.fv .main-view{position:relative;z-index:1;overflow:hidden}.fv .main-view:before{content:"";position:absolute;inset:0;background-image:url(../images/fv_bg.webp);background-size:cover;background-position:center;clip-path:polygon(0 0,100% 0,100% 78%,0 100%);z-index:0;pointer-events:none;height:630px}.fv .main-view>*{position:relative;z-index:1}.fv .main-view p{color:#fff;font-family:Noto Sans JP,sans-serif;font-size:28px;letter-spacing:-.062em;font-weight:900;line-height:1.1}.fv .main-view .fv-catch{position:absolute;z-index:0;top:13px;left:0;width:320px}.fv .main-view .fv-vocal{position:absolute;width:50.6%;transform:translate(110%,28%)}.fv .main-view .cta-container{display:flex;flex-direction:column;gap:10px;padding-top:97%;padding-left:10px;z-index:2;position:relative}.fv .main-view .partition{position:relative;transform:translateY(-47%);z-index:1}.fv .sub-view{background-image:url(../images/fv_sub_bg.webp);background-size:cover;padding:80px 0;z-index:0;position:relative;margin-top:-270px;overflow:hidden}.fv .sub-view h2{font-family:Josefin Sans,sans-serif;font-size:58px;font-weight:700;letter-spacing:-.09em;white-space:nowrap;text-align:center}.fv .sub-view .sub-view-icon{width:40%;position:absolute;top:116px}.fv .sub-view .lead-group .lead-1{font-size:24px;font-weight:900;line-height:1.3;letter-spacing:-.09em;padding-left:40%;padding-top:5px}.fv .sub-view .lead-group .lead-2{font-size:38px;font-weight:900;line-height:1.3;letter-spacing:-.09em;padding-left:34%;padding-top:1px}.fv .sub-view .lead-3{text-align:center;font-size:16px;font-weight:900;line-height:1.5;letter-spacing:-.09em;padding-top:46px;padding-bottom:40px}.fv .sub-view .cta-group{display:flex;flex-direction:column;gap:20px}.fv .sub-view .CTA-btn{box-shadow:4px 4px #910000;margin:auto}.problem{background-image:url(../images/problem_bg.webp);color:#fff;padding:60px 14px;display:flex;flex-direction:column;gap:40px}.problem h2{position:relative}.problem h2 .size-1{font-family:Zen Antique Soft,serif;font-size:70px;letter-spacing:-.07em;line-height:1;position:relative}.problem h2 .size-1:before{content:"セッション";font-size:14px;font-family:Noto Sans JP,sans-serif;letter-spacing:-.07em;font-weight:800;position:absolute;top:2px;left:33%}.problem h2 .size-2{font-size:20px;font-weight:900;letter-spacing:-.07em;position:absolute;top:5px;left:135px}.problem h2 .size-3{font-family:Zen Antique Soft,serif;font-size:40px;letter-spacing:-.07em;white-space:nowrap;position:absolute;top:20px;left:140px}.problem .reason{display:flex;flex-direction:column;gap:24px}.problem .reason article{display:flex;gap:10px;align-items:center}.problem .reason article:nth-child(2n){flex-direction:row-reverse}.problem .reason article h3{min-width:150px}.problem .reason article p{font-size:14px;letter-spacing:-.07em;font-weight:500;line-height:1.4}.problem .question-text{text-align:center;line-height:1.3;letter-spacing:-.07em;font-size:22px;font-weight:600}.problem .question-text span{font-family:Zen Antique Soft,serif;font-size:42px;font-weight:400}.feature{background-image:url(../images/answer_bg.webp);background-size:cover;padding:60px 0;display:flex;flex-direction:column;gap:40px}.feature .feature-title{display:flex;flex-direction:column;gap:16px;padding:0 14px}.feature .feature-title h2{font-size:46px;font-weight:900;letter-spacing:-.07em;line-height:1.2;padding-bottom:17px;border-bottom:4px solid #000}.feature .feature-title h2 .another{font-family:Zen Antique Soft,serif;font-weight:400;font-size:52px}.feature .feature-title h2 .another.red{color:#a50e0e}.feature .feature-title p{font-weight:800;line-height:1.2}.feature .feature-points{color:#fff;display:flex;flex-direction:column;gap:40px;padding:0 14px}.feature .feature-points .feature-item .feature-title{display:flex;flex-direction:row;justify-content:space-between;width:100%;padding:0}.feature .feature-points .feature-item .feature-title h3{background-color:#000;display:flex;flex-direction:column;font-weight:900;letter-spacing:-.07em;width:fit-content;padding:4px 0 4px 4px;line-height:1.1;height:fit-content}.feature .feature-points .feature-item .feature-title .feature-number{color:#000;letter-spacing:-.022em;display:flex;flex-direction:column;line-height:1}.feature .feature-points .feature-item .feature-title .feature-number .top{font-size:16px}.feature .feature-points .feature-item .feature-title .feature-number .bottom{margin-top:-6px;font-size:60px}.feature .feature-points .feature-item:nth-of-type(2n) .feature-title{flex-direction:row-reverse}.feature .feature-points .feature-item .feature-image{margin-top:-40px}.feature .feature-points .feature-item .feature-image img{width:180px;float:right;margin-left:10px}.feature .feature-points .feature-item .feature-image p{padding-top:60px;font-weight:600;font-size:14px;line-height:1.6}.feature .feature-points .feature-item:nth-of-type(2n) .feature-image img{float:left;margin-left:0;margin-right:10px}.feature .feature-points .feature-item.item-01 h3 .top{font-size:17px}.feature .feature-points .feature-item.item-01 h3 .bottom{font-size:33px}.feature .feature-points .feature-item.item-02 h3 .top{font-size:16px}.feature .feature-points .feature-item.item-02 h3 .bottom{font-size:29px}.feature .feature-points .feature-item.item-03 h3 .top{font-size:19px}.feature .feature-points .feature-item.item-03 h3 .bottom{font-size:28px}.feature .sub-feature{width:95%;padding:20px 14px;background:#fffc;display:flex;flex-direction:column;gap:32px;margin:auto}.feature .sub-feature h3{font-size:22px;text-align:center;font-weight:900;line-height:1.8;letter-spacing:-.022em}.feature .sub-feature h3 span{position:relative}.feature .sub-feature h3 span:before{content:"セッション";position:absolute;font-size:10px;font-weight:500;white-space:nowrap;top:-10px}.feature .sub-feature .sub-feature-group{padding:0 24px;display:flex;flex-direction:column;gap:50px}.feature .sub-feature .sub-feature-group article{display:flex;flex-direction:row;gap:10px;align-items:center}.feature .sub-feature .sub-feature-group article:nth-of-type(2n){flex-direction:row-reverse}.feature .sub-feature .sub-feature-group article img{width:94px;height:94px;box-shadow:2px 2px 4px #3f3f3f40;border-radius:100px}.feature .sub-feature .sub-feature-group article .text-container{display:flex;flex-direction:column;gap:8px}.feature .sub-feature .sub-feature-group article .text-container h4{color:#fff;background:#01b0ad;width:fit-content;padding:0 5px;font-weight:900}.feature .sub-feature .sub-feature-group article .text-container p{font-size:12px;font-weight:600}.feature .sub-feature .note{text-align:right;font-size:10px;font-weight:500}.feature .swiper .swiper-wrapper{transition-timing-function:linear}.feature .swiper .swiper-wrapper .swiper-slide{width:185px}.feature .swiper .swiper-wrapper .swiper-slide:first-of-type{margin-left:10px}.feature .swiper{width:100%}.feature .swiper .swiper-wrapper{display:flex;transition-timing-function:linear}.feature .swiper .swiper-slide{width:185px}body#membo .step{background-image:url(../images/step_bg.webp);background-size:cover;padding:60px 0;overflow:hidden;display:flex;flex-direction:column;gap:40px}body#membo .step .section-title{display:flex;flex-direction:column;gap:10px;padding:0 14px}body#membo .step .section-title h2{font-size:26px;font-weight:900;line-height:1.2}body#membo .step .section-title p{font-size:14px;font-weight:900;line-height:1.5;letter-spacing:-.022em}body#membo .step .container{display:flex;flex-direction:column;gap:20px}body#membo .step .tabs{display:flex;gap:8px;padding:0 14px}body#membo .step .tabs button{font-weight:900;width:110px;height:32px;padding:5px 14px;display:flex;align-items:center;justify-content:center;border-radius:40px;background:transparent;border:1px solid #000;cursor:pointer;transition:all .3s ease}body#membo .step .tabs button.active{background:#000;color:#fec715}body#membo .step .tab-panels{display:flex;gap:14px;align-items:flex-start;justify-items:center;position:relative;flex-direction:column}body#membo .step .tab-panels .card-group{display:none;gap:8px;overflow-x:auto;overflow-y:hidden;width:100%;padding:0 14px;box-sizing:border-box;scroll-padding-left:14px;scroll-padding-right:14px;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x mandatory;touch-action:pan-x}body#membo .step .tab-panels .card-group::-webkit-scrollbar{display:none}body#membo .step .tab-panels .card-group.active{display:flex}body#membo .step .tab-panels .tab-card{width:343px;height:460px;background-color:#fff;border-radius:12px;padding:28px 20px;display:flex;flex-direction:column;gap:10px;box-shadow:2px 2px 4px #00000026;flex:0 0 auto;margin-bottom:8px;scroll-snap-align:start;scroll-snap-stop:always}body#membo .step .tab-panels .tab-card h3{text-align:center;font-weight:900;letter-spacing:-.07em;color:#fec715;width:100%;background-color:#000;border-radius:7px;padding:5px 14px}body#membo .step .tab-panels .tab-card .step-text{display:flex;flex-direction:column;gap:4px}body#membo .step .tab-panels .tab-card .step-text span{font-size:14px;font-weight:900;letter-spacing:-.022em;background-color:#fec715;border-radius:12px;width:fit-content;padding:0 5px}body#membo .step .tab-panels .tab-card .step-text h4{font-weight:900;letter-spacing:-.07em}body#membo .step .tab-panels .tab-card .step-text p{font-size:14px;font-weight:400}body#membo .step .prev,body#membo .step .next{width:40px;cursor:pointer}body#membo .step .change-button{position:absolute;width:100%;display:flex;justify-content:space-between;top:150px;padding:0 8px;z-index:100}.environment{display:flex;flex-direction:column;gap:40px;padding:60px 14px;background-image:url(../images/environment_bg.webp);background-size:cover}.environment .section-title{display:flex;flex-direction:column;gap:10px;text-align:right}.environment .section-title h2{font-size:26px;font-weight:900;line-height:1.2;color:#47a0ff}.environment .section-title p{font-size:14px;font-weight:900;line-height:1.5;letter-spacing:-.022em}.environment .container{display:flex;flex-direction:column;gap:16px}.environment .container h3{font-weight:900;font-size:18px;letter-spacing:-.022em;width:100%;border-bottom:1px solid currentColor;padding:2px}.environment .container .attempt,.environment .container .faq{display:flex;flex-direction:column;gap:16px}.environment .container .attempt .group,.environment .container .faq .group{display:flex;flex-direction:column;gap:8px}.environment .container .attempt article,.environment .container .faq article{display:flex;background-color:#e7f2f5;padding:20px 14px;gap:16px;align-items:center}.environment .container .attempt article:nth-of-type(2n),.environment .container .faq article:nth-of-type(2n){flex-direction:row-reverse}.environment .container .attempt article img,.environment .container .faq article img{width:80px;height:80px;border-radius:80px;box-shadow:2px 2px 4px #3f3f3f40}.environment .container .attempt article .text-container,.environment .container .faq article .text-container{display:flex;flex-direction:column;gap:8px}.environment .container .attempt article .text-container h4,.environment .container .faq article .text-container h4{font-weight:900;font-size:16px;line-height:1.2;letter-spacing:-.022em;background-color:#47a0ff;padding:2px 5px;width:fit-content;color:#fff}.environment .container .attempt article .text-container p,.environment .container .faq article .text-container p{font-size:13px;font-weight:500;line-height:1.8}.environment .container .faq ul{display:flex;flex-direction:column;gap:10px}.environment .container .faq li{background-color:#e7f2f5;height:max-content}.environment .container .faq details{overflow:hidden;background-color:#e7f2f5}.environment .container .faq summary{cursor:pointer;padding:14px;font-weight:900;font-size:14px;line-height:1.4;letter-spacing:-.022em;display:flex;align-items:center;justify-content:space-between;gap:12px;-webkit-user-select:none;user-select:none}.environment .container .faq summary:before{content:"Q";font-size:24px;font-family:Josefin Sans,sans-serif;color:#47a0ff;font-weight:500;line-height:1}.environment .container .faq summary::-webkit-details-marker{display:none}.environment .container .faq summary:after{content:"";width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .3s ease;flex:0 0 auto;margin-left:auto}.environment .container .faq details[open]>summary:after{transform:rotate(-135deg)}.environment .container .faq details>p{overflow:hidden;height:0;transition:height .3s ease;margin:0;padding:0 14px 14px;font-size:14px;font-weight:500;line-height:1.8;display:flex;gap:14px;box-sizing:content-box}.environment .container .faq details>p:before{content:"A";font-size:24px;font-family:Josefin Sans,sans-serif;color:#47a0ff;font-weight:500;line-height:1.4}.environment .container .faq details[open]>p{padding-bottom:14px}.origin{background-image:url(../images/origin_bg.webp);background-size:cover;color:#fff;padding:60px 0;display:flex;flex-direction:column;gap:26px}.origin h2{font-weight:900;line-height:1;letter-spacing:-.07em;font-family:Josefin Sans,sans-serif;display:flex;flex-direction:column;padding:0 14px;width:100%}.origin h2 .sub{font-size:26px}.origin h2 .main{font-size:54px}.origin p{width:100%;font-size:13px;font-weight:500;line-height:1.8;padding:0 14px}.origin .swiper .swiper-wrapper{transition-timing-function:linear}.origin .swiper .swiper-wrapper .swiper-slide{width:80px}.origin .swiper{width:100%}.origin .swiper .swiper-wrapper{display:flex;transition-timing-function:linear}.origin .swiper .swiper-slide{width:185px}.last-cta{background-image:url(../images/last-cta_bg.webp);color:#fff;padding:60px 14px 20px;text-align:center;display:flex;flex-direction:column;gap:20px;align-items:center}.last-cta p{font-weight:900;line-height:1.8}.last-cta .cta-group{display:flex;flex-direction:column;gap:20px}.last-cta .copyright{padding-top:40px}
