:root{--color-white:#fff;--color-pink:#f58a9b;--color-red:#e64c37;--color-orange:#f3a33a;--color-yellow:#f4d95f;--color-blue:#3cd4da;--color-yellowgreen:#adecba;--color-green:#2cbd9e;--color-brown:#6a5033;--color-brown2:#8b7660;--color-beige:#f5e8d6;--color-red-title:#cc3928;--color-orange-title:#b3620a;--color-yellow-title:#b38900;--color-blue-title:#1a7b8b;--color-green-title:#017a62;--color-pink-title:#d76579;--font-braah:"Braah One",sans-serif;--font-zenmaru:"Zen Maru Gothic",serif;--delay:0;--duration:800ms;--iterations:1}html{color:var(--color-brown);background:repeating-linear-gradient(-45deg,#f9f1e4,#f9f1e4 24px,#f5e8d6 24px,#f5e8d6 36px);background-color:#f5e8d6;scroll-behavior:smooth;scroll-padding-top:50px}a{color:#004BB1;transition:all 0.3s;&:hover{opacity:.5}}.fz-small{font-size:14px}.space-10{height:10px}.space-20{height:20px}.space-30{height:30px}.space-70{height:70px}.space-100{height:100px}@media (max-width:700px){.sp-space-50{height:50px}.sp-space-60{height:60px}}#header{opacity:0;width:100%;z-index:999;margin-top:50px}#header.DownMove{position:fixed;width:100%;animation:DownAnime 0.5s forwards}@keyframes DownAnime{from{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.logo{position:absolute;top:6px;left:20px}.logo img{width:30px}.menu{width:100%;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);overflow:hidden}.menu ul{display:flex;justify-content:center;align-items:center;height:50px;padding:0;margin:0;list-style:none}.menu li{padding:0}.menu a{padding:100% 10px;text-decoration:none;color:var(--color-brown);transition:background-color 0.3s;&:hover{opacity:1;color:var(--color-white);background-color:var(--color-brown)}}@media (min-width:701px){.menu a{padding:100% 20px}}.mv-wrapper{position:relative;height:100vh;margin-top:-50px}.mv{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);width:330px;height:158px}@media (min-width:701px){.mv{width:610px;height:306px}}.mv-inner{position:relative}.mv-icon{position:absolute;top:-20px;right:-10px;transform:translate(-50%,-50%);img{width:50px;height:auto}}@media (min-width:701px){.mv-icon{top:0;img{width:86px}}}.mv-logo{position:absolute;top:-40px;left:0;color:var(--color-brown);font-family:var(--font-braah);font-size:110px;white-space:nowrap}@media (min-width:701px){.mv-logo{font-size:200px}}.mv-logo.mv-anime1{span{display:inline-block;opacity:0;transform:translate(0,-500px) rotate(270deg) scale(0);animation:revolveDrop 1.0s forwards;&:nth-of-type(2){animation-delay:0.2s}&:nth-of-type(3){animation-delay:0.4s}&:nth-of-type(4){animation-delay:0.6s}&:nth-of-type(5){animation-delay:0.8s}}}@keyframes revolveDrop{30%{transform:translate(0,-50px) rotate(180deg) scale(1)}60%{transform:translate(0,20px) scale(.8) rotate(0deg)}100%{transform:translate(0) scale(1) rotate(0deg);opacity:1}}.mv-catch{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:inline-block;padding:0 10px;color:var(--color-brown);font-family:var(--font-zenmaru);font-size:16px;white-space:nowrap;span{position:relative;&::before{content:'';position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:100%;height:10px;background:linear-gradient(to right,var(--color-red) 0%,var(--color-red) 20%,var(--color-orange) 20%,var(--color-orange) 40%,var(--color-blue) 40%,var(--color-blue) 60%,var(--color-green) 60%,var(--color-green) 80%,var(--color-pink) 80%,var(--color-pink) 100%);z-index:-10}}}@media (min-width:701px){.mv-catch{bottom:60px;font-size:28px}}.google-play-badge{position:absolute;width:120px;bottom:-60px;left:50%;transform:translateX(-50%)}@media (min-width:701px){.google-play-badge{width:180px}}.apple-badge{position:absolute;width:120px;bottom:-130px;left:50%;transform:translateX(-50%)}@media (min-width:701px){.apple-badge{width:180px}}.main{margin-top:62px;z-index:99}.container.bg-round{padding:50px 20px;background-color:var(--color-white);border-radius:50px;box-shadow:0 5px 10px 2px rgba(123,120,120,.3)}@media (min-width:1040px){.container.bg-round{padding:50px 90px 70px}}.container{margin:0 20px}@media (min-width:1040px){.container{width:1040px;margin:0 auto}}.title{padding-bottom:20px;text-align:center;font-family:var(--font-zenmaru);font-size:30px;font-weight:700;span{line-height:0;font-family:var(--font-braah);font-size:54px}}@media (min-width:1040px){.title{padding-bottom:40px}}.content p{margin-bottom:1.5em}@media (min-width:1040px){.content p{text-align:center}}#function{background-color:var(--color-beige)}#about img{display:block;margin:0 auto 20px}@media (min-width:1040px){#about img{width:80%;margin:0 auto 50px}}@media (min-width:699px){.card{display:flex;justify-content:center;flex-wrap:wrap;margin:0 -1% -2%}}.card li{position:relative;margin:0 0 10%;border-radius:50px;background-color:var(--color-white);overflow:hidden;box-shadow:0 5px 10px 2px rgba(123,120,120,.3);.function-title{margin:10px 30px;font-size:20px;font-weight:700}&:nth-of-type(1){.function-title{color:var(--color-red-title)}}&:nth-of-type(2){.function-title{color:var(--color-orange-title)}}&:nth-of-type(3){.function-title{color:var(--color-blue-title)}}&:nth-of-type(4){.function-title{color:var(--color-yellow-title)}}&:nth-of-type(5){.function-title{color:var(--color-green-title)}}&:nth-of-type(6){.function-title{color:var(--color-pink-title)}}}@media (min-width:1041px){.card li{width:31%;min-height:300px;margin:0 1% 2%}}@media (max-width:1040px){.card li{&:last-of-type{margin:0}}}.function-description{margin:0 30px 40px}#contact .btn{position:relative;display:block;width:300px;margin:0 auto;padding:20px 40px;text-align:center;color:#fff;font-weight:700;border-radius:50px;background-color:var(--color-red-title);&::after{content:'';position:absolute;top:50%;right:20px;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent var(--color-white)}}footer{background-color:var(--color-brown)}.footer-sns{padding-top:30px}.footer-sns ul{display:flex;justify-content:space-between;width:160px;margin:0 auto;color:var(--color-white)}.footer-sns img{width:30px}.vendor-no{font-size:12px;padding:10px 20px 2px;text-align:center;color:var(--color-white)}.copyright{padding:0 20px 10px;text-align:center;color:var(--color-white)}