*{margin:0 auto}html{color:#222;max-width:1440px;padding:0 5%;font-family:Inter,Noto Sans JP,sans-serif}body{background:#fefaf6}.header{justify-content:flex-start;height:100px;display:flex}.header__logo-svg{width:auto;height:65px;margin-top:17.5px;margin-bottom:17.5px;margin-left:0;display:inline-block}.header__logo-svg img{width:auto;height:100%}.header.no-display{display:none}main section{margin-bottom:100px}main .hero{background:#f7f1e9;border-radius:20px;height:calc(100dvh - 150px);min-height:570px;max-height:900px;position:relative}main .hero__mock-img--pc{z-index:1;width:55%;height:auto;position:absolute;top:57.5%;right:50px;transform:translateY(-50%)}main .hero__mock-img--pc img{width:100%;height:auto}@media screen and (width<=599px){main .hero__mock-img--pc{width:calc(100% - 40px);left:20px;transform:none}}main .hero__mock-img--sm{z-index:2;height:auto;position:absolute}main .hero__mock-img--sm img{width:100%;height:auto}@media screen and (width>=600px){main .hero__mock-img--sm{width:15%;top:50%;right:50%;transform:translateY(-25%)}}@media screen and (width<=599px){main .hero__mock-img--sm{width:25%;bottom:25%;left:25px}}main .hero__catch{z-index:3;letter-spacing:.05rem;z-index:3;background:#f7f1e980;width:calc(100% - 50px);height:auto;font-size:40px;font-weight:500;line-height:1.5;position:absolute;top:50px;left:50px}@media screen and (width<=599px){main .hero__catch{font-size:30px;line-height:1.25;top:30px;left:20px}main .hero__catch span{display:block}}main .hero__get-now-btn{z-index:3;cursor:pointer;background:#f7f1e9;border:1px solid #eadbc8;border-radius:10px;height:auto;padding:15px 30px;font-size:18px;font-weight:500;transition:all .2s;position:absolute;bottom:50px;left:50px}main .hero__get-now-btn:hover{background:#eadbc8;border-color:#dac0a3}@media screen and (width<=599px){main .hero__get-now-btn{bottom:30px;left:20px}}main .hero__caption{z-index:3;font-size:14px;position:absolute;top:185px;left:50px}@media screen and (width<=599px){main .hero__caption{line-height:1.5;top:195px;left:20px}main .hero__caption span{display:block}}main .point-card-wrapper{gap:30px;display:flex}@media screen and (width<=599px){main .point-card-wrapper{flex-direction:column}}main .point-card-wrapper__card{cursor:pointer;background:#f7f1e9;border:1px solid #eadbc8;border-radius:20px;width:100%;padding:30px;transition:all .2s}main .point-card-wrapper__card:hover{background:#eadbc8;border-color:#dac0a3}@media screen and (width<=599px){main .point-card-wrapper__card{padding:20px}}main .point-card-wrapper__title{word-break:keep-all;overflow-wrap:break-word;font-size:24px;font-weight:500;line-height:1.5}main .point-card-wrapper span{margin-bottom:30px;font-size:40px}main .feature__title{font-size:30px;font-weight:500}@media screen and (width<=599px){main .feature__title{line-height:1.5}}main .feature__flexbox{gap:50px;margin-top:30px;display:flex}@media screen and (width<=599px){main .feature__flexbox{display:block}}main .feature__flexbox--reverse{flex-direction:row-reverse;gap:50px;margin-top:30px;display:flex}@media screen and (width<=599px){main .feature__flexbox--reverse{flex-direction:column}}main .feature__text-wrapper{width:100%}main .feature__text{margin-top:15px;line-height:1.75}main .feature__supabase{width:150px;margin-top:30px;margin-left:0}main .feature__supabase img{width:100%}main .feature__img-wrapper{width:100%;height:400px}@media screen and (width<=599px){main .feature__img-wrapper{height:300px}}main .feature__img-wrapper{position:relative}main .feature__mock-img--sm{z-index:2;width:20%;height:auto;position:absolute;top:60%;transform:translateY(-50%)}main .feature__mock-img--sm img{width:100%;height:auto}main .feature__mock-img--pc{z-index:1;width:90%;height:auto;position:absolute;top:50%;right:0;transform:translateY(-50%)}main .feature__mock-img--pc img{width:100%;height:auto}main .splide__arrow{background:#f7f1e9;border:1px solid #eadbc8;transition:all .2s}main .splide__arrow:hover{background:#eadbc8;border-color:#dac0a3}main .splide__arrow span{font-size:20px}main .splide__pagination__page{background:#999}main .splide__pagination__page.is-active{opacity:1;background:#102c57}main .splide__track{background:#f7f1e9;border:1px solid #eadbc8;border-radius:15px;width:100%;height:100%;position:relative}main .splide__track img{-o-object-fit:contain;object-fit:contain;border-radius:5px;width:100%;position:absolute;top:45%;left:0;transform:translateY(-50%)}main .get-app{background:#f7f1e9;border-radius:20px;width:100%;height:200px;position:relative}main .get-app__btn{z-index:3;cursor:pointer;border:1px solid #eadbc8;border-radius:10px;min-width:188px;height:auto;padding:15px 30px;font-size:18px;font-weight:500;transition:all .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}main .get-app__btn:hover{background:#eadbc8;border-color:#dac0a3}footer{color:#999;height:100px}@media screen and (width<=599px){footer{height:auto;margin-bottom:30px}}footer .footer__copy{font-size:14px;line-height:100px}@media screen and (width<=599px){footer .footer__copy{margin-bottom:30px;line-height:1}}footer .footer__nav-list{text-align:right;margin-top:-100px;line-height:100px}@media screen and (width<=599px){footer .footer__nav-list{text-align:left;margin-top:0;line-height:2}}footer .footer__nav-list-item{margin-left:15px;display:inline-block}@media screen and (width<=599px){footer .footer__nav-list-item{margin-left:0;margin-right:15px}}footer .footer__nav-list-item a{padding:14px 0;font-size:14px}footer .footer__nav-list-item a:hover{color:#102c57;text-underline-offset:5px;font-weight:500;text-decoration:underline}