@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Zen+Dots&display=swap);*{box-sizing:border-box}html{font-family:Noto Sans JP,sans-serif}body{background-color:#fff;margin:0}.section-one{background-color:#f1f3f5;display:flex;justify-content:space-around;width:100%}.section-one__first,.section-one__first--about{display:flex;flex-direction:column;justify-content:center}.section-one__first--about{margin-left:10rem;margin-right:2rem;width:40%}.section-one__first h2{color:#333;font-size:14px;line-height:0px}.section-one__first h1{color:#000;font-size:48px;line-height:3rem;margin-top:.5rem}.section-one__first p{color:#757575}.store-icons{align-items:center;display:flex;margin-left:-1.5rem;margin-top:-2rem;width:100%}.store-icons img:first-child{height:180px;width:220px}.store-icons img:nth-child(2){height:130px;width:190px}.section-one__second,.section-one__second--mobile{align-items:center;display:flex;justify-content:center}.section-one__second--mobile{height:100%;width:100%}.section-one__second--mobile img{height:90%;object-fit:contain;width:100%}.section-one__second--pc{align-items:center;display:flex;justify-content:center}.section-one__second--pc img{object-fit:contain;width:80%}.section-one__second img{height:90%;object-fit:contain;width:100%}.brand-what{color:#4db588;font-size:28px;text-transform:uppercase}.button{margin-top:-2rem}.button button{padding:15px 28px}.button button,.buttonn button{align-items:center;background-color:#fff;border:none;border-radius:10px;box-shadow:0 0 12px 0 rgba(0,0,0,.15);color:#333939;cursor:pointer;display:flex;font-size:15px;font-weight:700}.buttonn button{padding:15px 25px}.button a{text-decoration:none}.button-arrow__right{color:#333939;font-size:18px;margin-left:.5rem}.section-two__first{align-items:center;display:flex;justify-content:space-evenly;list-style:none;padding:0;text-align:center}.section-two__first h2{color:#333;font-size:3em;margin-top:4rem}.section-two__first p{color:#000;font-size:1.3em;font-weight:700;margin-bottom:4rem;margin-top:-2rem}.section-two__second h2{color:#333;font-size:2.25em;text-align:center}.section-two__cards{display:flex;justify-content:space-evenly;list-style:none;padding-left:0}.section-two__cards h2{color:#fff;font-size:2.25em;margin:0;text-align:left}.section-two__cards p{color:#fff;font-size:1em;margin-bottom:3rem;text-align:left}.section-two__cards li{background-color:#4db588;border-radius:12px;margin-bottom:1rem;margin-top:1rem;padding:20px;width:20%}.section-two__cards li:first-child{background-image:linear-gradient(141.3deg,#4abbf3 2%,#0148fd 76.41%)}.section-two__cards li:nth-child(2){background-image:linear-gradient(141.3deg,#ff7b1c 2%,#e64c3c 76.41%)}.section-two__cards li:nth-child(3){background-image:linear-gradient(141.3deg,#51d55e 2%,#1db66c 76.41%)}.section-two__cards-2{align-items:center;display:flex;justify-content:space-around;list-style:none;margin:0;padding-left:0}.section-two__cards-2 h2{color:#333;font-size:1.31em}.section-two__cards-2 p{color:#333;font-size:1em}.section-two__cards-2 li{border-radius:12px;margin-bottom:4rem;margin-top:1rem;padding:20px;text-align:center;width:18%}.section-three__cards{align-items:center;display:flex;justify-content:space-evenly;list-style:none;margin:0;padding:0 0 3.5rem}.section-three__cards li h2{padding:0 0 1rem;text-align:left}.section-three{background-color:#f0f3f5}.section-three h2{color:#333;font-size:2.25em;padding-bottom:2rem;padding-top:2.5rem;text-align:center}.section-three__cards img{border-radius:12px;height:351px;width:100%}.section-three__cards li:first-child,.section-three__cards li:nth-child(2){width:45%}.section-three__cards h2,.section-three__cards--about h2{color:#333;font-size:2.25em;line-height:1.2em;margin:0}.section-three__cards p,.section-three__cards--about p{color:#333;font-size:1em}.section-three__cards--about{align-items:center;display:flex;justify-content:space-evenly;list-style:none;margin:0;padding:0 0 3.5rem}.section-three__cards--about li h2{padding:0 0 1rem;text-align:left}.section-three__cards--about img{border-radius:12px;height:351px;width:100%}.section-three__cards--about li:first-child,.section-three__cards--about li:nth-child(2){width:45%}.section-three__words{color:#4db588}.section-fourth h2{color:#333;font-size:2.25em;margin:0;padding-top:3.5rem;text-align:center}.section-fourth__cards{align-items:center;display:flex;justify-content:space-evenly;list-style:none;margin:0;padding:0 0 3.5rem;text-align:center}.section-fourth__cards h3{color:#333;font-size:1.31em}.section-fourth__cards p{color:#333;font-size:1em}.icon-bank,.icon-star,.icon-user,.icon-world{color:#4db588;margin-right:.25rem}.icon-advanced,.icon-lock,.icon-userDriven{border-radius:50%;box-shadow:0 4px 12px 0 rgba(0,0,0,.15);font-size:9em;padding:1rem}.icon-advanced{color:#1db66c}.icon-userDriven{color:#e64c3c}.icon-lock{color:#0148fd}.icon-chart,.icon-data,.icon-question,.icon-time{border-radius:16px;box-shadow:0 4px 12px 0 rgba(0,0,0,.15);font-size:5em;margin-top:4rem;padding:1rem}.icon-question{color:#e64c3c}.icon-data{color:#4abbf3}.icon-time{color:#ff7b1c}.icon-chart{color:#4db588}.section-about{margin-top:4rem}.section-about__2{margin-bottom:4rem}.about-cards{display:flex;flex-direction:column;gap:1.5rem;justify-content:center;list-style:none;padding:0}.about-cards li{background-color:#f1f3f5;border-radius:12px 12px 12px 12px;display:flex;gap:1.5rem}.about-cards li h2{font-size:2em}.support-cards{display:flex;flex-direction:column;list-style:none;margin:3rem auto;padding-left:0}.support-cards h3{font-size:1.75em;margin-top:.5rem}.support-cards li{border-radius:12px 12px 12px 12px;box-shadow:0 0 10px 0 rgba(0,0,0,.15);margin:10px;padding:20px}.support-cards li:first-child:first-line{color:#01c187;font-size:40px}.support-cards li:nth-child(2):first-line{color:#0076ff;font-size:40px}.support-cards li:nth-child(3):first-line{color:#000;font-size:40px}.support-cards button{background-color:#00c18700;border-radius:50px 50px 50px 50px;border-style:solid;border-width:1px;cursor:pointer;line-height:1;padding:15px 20px}.green{border-color:#01c187;color:#01c187}.blue{border-color:#0076ff;color:#0076ff}.dark{border-color:#000;color:#000}@media (min-width:820px){.section-one__second--mobile{display:none}.support-cards{flex-direction:row}.support-cards li{width:33.33%}.about-cards{flex-direction:row;margin-bottom:3rem;margin-top:3rem}.about-cards li{align-items:center;justify-content:center;padding:.5rem 2rem}}@media (min-width:1240px){.section-one__first{margin-left:10rem;width:40%}.section-one__second--pc{display:block;width:40%}.section-three__cards li:first-child,.section-three__cards li:nth-child(2){width:30%}.about-cards{justify-content:space-evenly;margin-left:0;margin-right:0}.about-cards li{justify-content:flex-start;width:45%}.about-cards li p{padding:.5rem 2rem}.container{margin-left:10rem;margin-right:10rem}.support-cards{max-width:80%}}@media (min-width:2560px){.section-one__first{margin-left:23rem}.section-one__second{margin-right:23rem}.section-three__cards{justify-content:space-evenly}.section-one__second--pc{display:block;margin-right:23rem}.section-one__first--about{margin-left:23rem}.section-three__cards li:first-child,.section-three__cards li:nth-child(2){width:30%}}@media (max-width:810px){.section-one{height:auto;padding-top:2rem}.section-one__first{align-items:center;width:100%}.section-one__second--pc{display:none}.section-one p,.section-one__first h1,.section-one__first h2,.store-icons{margin-left:0}.section-one__first--about{margin-left:2rem}.store-icons{justify-content:center}.section-one__second{display:none}.button{margin-bottom:2rem;margin-left:0}.section-two__first{gap:50px;margin-left:0;margin-right:0}.section-two__cards li,.section-two__cards-2 li{width:28%}.section-three__cards{gap:20px;padding-left:1rem;padding-right:1rem}.section-three__cards--about{flex-direction:column}.section-three__cards--about li:first-child,.section-three__cards--about li:nth-child(2){width:95%}.about-cards{justify-content:center;margin-left:1rem;margin-right:1rem}.about-cards li{align-items:center;gap:2rem;padding:.5rem 2rem}.section-fourth__cards{gap:25px}}@media (max-width:580px){.section-one{flex-direction:column;gap:10px;height:auto;padding-top:.5rem}.section-one__first{margin-top:1rem;text-align:center;width:100%}.section-one__first h2{line-height:1rem;margin-left:0}.section-one__first h1{margin-left:0}.section-one__first--about{margin-left:1rem;margin-right:1rem;width:90%}.section-one__second{display:none}.store-icons{justify-content:center;margin-left:0}.store-icons img:first-child{height:150px;width:150px}.store-icons img:nth-child(2){height:105px;width:130px}.section-one__second{margin-right:0}.button{margin-bottom:2rem;margin-left:0}.section-two__first{flex-direction:column;gap:0;margin:0;padding-left:0}.section-two__first h2{margin-top:0}.section-two__first p{margin-bottom:1rem}.button{display:flex;justify-content:center;width:100%}.section-two__cards{align-items:center;flex-direction:column;gap:0}.section-two__cards li{margin-bottom:0;width:90%}.section-two__cards-2{flex-direction:column;gap:0}.section-two__cards-2 li{margin-bottom:0;margin-top:0;width:90%}.section-three__cards{flex-direction:column;gap:20px;padding-bottom:2rem;padding-left:0;padding-right:0}.section-three__cards li:first-child{margin-left:0;width:90%}.section-three__cards li:nth-child(2){margin-right:0;padding:0;width:90%}.section-fourth__cards{flex-direction:column;gap:0;padding:0 0 1rem}.section-fourth h2{padding-top:1rem}.icon-chart,.icon-data,.icon-question,.icon-time{margin-top:2rem}}@media (max-width:400px){.section-one__first h2{line-height:1rem}}@media (max-width:375px){.section-one__first h1{font-size:2em}.store-icons{margin-top:-4rem}}.footer{align-items:center;background-color:#f6f6f6;color:#333;display:flex;flex-direction:column;font-size:.75em;justify-content:center;padding:0 20px 30px}.footer a{color:#4db588;text-decoration:none}.footer-store__icons{align-items:center;display:flex;justify-content:center;margin-left:0;width:100%}.footer-store__icons img:first-child{height:180px;max-width:100%}.footer-store__icons img:nth-child(2){height:130px;max-width:100%}@media (max-width:580px){.footer-store__icons{display:none}.footer{padding-top:30px}}.nav-list{background-color:#fff;box-shadow:0 4px 12px 0 rgba(0,0,0,.1);height:5rem;justify-content:space-between;list-style:none;margin:0;padding:0;position:relative;width:100%}.nav-list,.nav-list__brand{align-items:center;display:flex}.nav-list__brand{font-size:30px;height:100%;justify-content:center;margin-left:2rem}.nav-list__brand a{align-items:center;color:#333939;display:flex;font-family:Comfortaa,cursive;font-weight:700;text-decoration:none}.nav-list__brand img{width:4rem}.icon{font-size:30px}.icon,.icon-part{color:#4db588}.nav-list__links{display:flex;justify-content:space-around;margin-right:2rem;width:40%}.nav-list__links a{color:#333939;font-size:1.125em;font-weight:700;text-decoration:none;text-transform:uppercase}.nav-list__links a:hover{border-bottom:3px double #4db588;color:#4db588}@media (min-width:1240px){.nav-list__brand{margin-left:10rem}.nav-list__links{margin-right:10rem}}@media (min-width:2560px){.nav-list__brand{margin-left:23rem}.nav-list__links{margin-right:23rem}}@media (max-width:810px){.nav-list{display:flex;flex-direction:column;height:6.3rem}.nav-list__brand{margin-left:0}.nav-list__links{display:flex;justify-content:space-evenly;margin-right:0;width:100%}}@media (max-width:580px){.nav-list{display:flex}.nav-list__brand{font-size:1.5em;margin:0}.nav-list__links{margin-right:0;width:100%}.nav-list__links a{font-size:.7em}}.expense-item{align-items:center;background-color:#fff;border-radius:5px;box-shadow:0 1px 8px rgba(0,0,0,.25);display:flex;justify-content:space-between;margin:1rem 0;padding-right:.5rem}.expense-item__description{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:1rem;justify-content:flex-start}.expense-item h2{color:#333;flex:1 1;font-size:1rem;margin:0 1rem}.expense-item__price{background-color:#333;border-radius:5px;color:#fff;font-size:1rem;font-weight:700;padding:.5rem}@media (min-width:580px){.expense-item__description{align-items:center;flex:1 1;flex-direction:row;justify-content:flex-start}.expense-item__description h2{font-size:1.25rem}.expense-item__price{font-size:1.25rem;padding:.5rem 1.5rem}}.expense-date{align-items:center;background-color:#333939;border:none;border-bottom-left-radius:5px;border-top-left-radius:5px;color:#fff;display:flex;flex-direction:column;height:5.5rem;justify-content:center;width:5.5rem}.expense-date__month{font-size:.75rem;font-weight:700}.expense-date__year{font-size:.75rem}.expense-date__day{font-size:1.5rem;font-weight:700}.expenses-filter{color:#333;font-weight:700;padding:0 1rem}.expenses-filter__control{align-items:center;display:flex;justify-content:space-between;margin:1rem 0;width:100%}.expenses-filter label{font-weight:700;margin-bottom:.5rem}.expenses-filter select{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;font:inherit;font-weight:700;outline:none;padding:.5rem 3rem}.chart-bar{align-items:center}.chart-bar,.chart-bar__inner{display:flex;flex-direction:column;height:100%}.chart-bar__inner{background-color:#333;border:1px solid #333;border-radius:5px;justify-content:flex-end;overflow:hidden;width:100%}.chart-bar__fill{background-color:#4db588;transition:all .3s ease-out;width:100%}.chart-bar__label{font-size:.6em;font-weight:700;text-align:center}.chart{background-color:#fff;border:2px solid #333;border-radius:5px;display:flex;height:12rem;justify-content:space-around;padding:1rem;text-align:center}.expenses{background-color:#f0f3f5;border-radius:10px;box-shadow:0 1px 8px rgba(0,0,0,.25);margin:2rem auto;max-width:95%;padding:1rem;width:50rem}.expenses-error{align-items:center;display:flex;font-size:1.2em;font-weight:700;justify-content:center}.new-expense__controls{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;text-align:left}.new-expense__control label{display:block;font-weight:700;margin-bottom:.5rem}.new-expense__control input{border:2px solid #333;border-left-width:10px;color:#4db588;font:inherit;max-width:100%;outline:none;padding:.5rem;width:100%}.new-expense__actions{align-items:center;display:flex;gap:.5rem;justify-content:center}@media (min-width:580px){.new-expense__actions{display:block;text-align:right}.new-expense__control input{width:20rem}}.new-expense{background-color:#f0f3f5;border-radius:5px;margin:0 auto;max-width:100%;padding:1rem;text-align:center;width:50rem;z-index:9999}hr{margin-top:1rem}.new-expense button{background-color:#fff;border:2px solid #333939;border-radius:10px;box-shadow:0 0 12px 0 rgba(0,0,0,.15);color:#333939;cursor:pointer;font-weight:700;padding:.5rem 2rem;text-transform:uppercase}.new-expense button:active,.new-expense button:hover{background-color:#4db588;border:2px solid #333;color:#fff}.new-expense button.alternative{background-color:#fff;border:2px solid #333;color:#333}.new-expense button.alternative:hover{background-color:#e64c3c;color:#fff}@media (min-width:580px){.new-expense button{font:inherit;font-weight:700;margin-right:1rem}}
/*# sourceMappingURL=main.3403bcd4.css.map*/