*{box-sizing:border-box}body{color:#5b4a7a;scroll-behavior:smooth;background:linear-gradient(192.13deg,#ffa5fd -1.4%,#fff5d9 99.14%) 0 0/cover no-repeat;width:100%;height:100%;margin:0}.container{justify-content:center;width:100%;height:100vh;display:flex}.flex{display:flex}section{opacity:0;padding-top:120px;padding-bottom:30px;transition:opacity 1s,transform 1s;transform:translateY(50px)}section.show{opacity:1;transform:translateY(0)}h2{color:var(--Fill-Primary,#5b4a7a);text-align:center;text-shadow:0 8px 20px #0000001a;margin-bottom:24px;font-family:Mochiy Pop One;font-size:28px;font-style:normal;font-weight:400;line-height:150%}.ttl{flex-direction:column;justify-content:center;align-items:center;padding:0 10%;display:flex}.ttl p{color:var(--Fill-Primary,#5b4a7a);text-align:center;text-shadow:0 8px 20px #0000001a;font-family:Noto Sans JP;font-size:16px;font-style:normal;font-weight:400;line-height:180%}.ttl .attention{margin-top:24px}.ttl .attention p{color:#7284ff;text-align:center;font-family:Noto Sans JP;font-size:13px;font-style:normal;font-weight:700;line-height:180%}.logoBox{flex-direction:column;justify-content:center;align-items:center;width:auto;max-width:350px;padding-right:10%;display:flex}.logoBox .PC-icon{width:80px;margin-bottom:20px}.logoBox .PC-icon img{width:80px}.logoBox .logo{width:190px;margin-bottom:60px}.logoBox .QR{flex-direction:column;justify-content:center;align-items:center;width:auto;display:flex}.logoBox .QR p{color:#5b4a7a;opacity:.5;margin-bottom:20px;font-family:Mochiy Pop One;font-size:14px;font-weight:700}.logoBox .QR img{border-radius:20px;width:120px;height:120px}.mainBox{background-color:#fff;flex:1;max-width:443px}.menuBox{flex-direction:column;justify-content:center;align-items:center;width:350px;max-width:350px;padding-left:10%;display:flex}.menuBox header{width:300px}.menuBox header .nav{margin-bottom:80px}.menuBox header .nav ul li{margin-bottom:16px}.menuBox header .nav ul li a{font-family:Mochiy Pop One;font-weight:700;font-style:Regular;font-size:16px;line-height:150%}.menuBox header .snsBox .SNS img{width:28px;margin-right:20px}.SNS{display:flex}.legalBox li{color:var(--Fill-Secondary,#5b4a7ab3);opacity:.7;margin-top:16px;font-size:12px;font-style:normal;font-weight:400;line-height:180%}.mainBox{scrollbar-width:none;background:0 0;width:100%;min-width:393px;max-width:410px;overflow:hidden auto}.mainBox::-webkit-scrollbar{display:none}.mainBox{-ms-overflow-style:none}.mainBox .content{flex-direction:column;justify-content:center;align-items:center;padding:70px 0;display:flex}.mainBox .content #TOP{text-align:center;z-index:0;background-image:url(/images/topBg.png);background-position:top;background-repeat:no-repeat;background-size:cover;border-radius:24px 24px 0 0;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:auto;padding-top:140px;padding-bottom:0;display:flex;position:relative;overflow:hidden}.mainBox .content #TOP:before{content:"";z-index:-1;will-change:transform;background-image:url(/images/cards.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;animation:4s ease-in-out forwards scaleUpDown;position:absolute;top:-60px;left:0;transform:scale(.7)}.mainBox .content #TOP .title{margin-bottom:32px}.mainBox .content #TOP .title img{width:210px}.mainBox .content #TOP p{color:var(--White-Primary,#fff);text-align:center;letter-spacing:1px;margin-bottom:12px;font-family:Mochiy Pop One;font-size:18px;font-style:normal;font-weight:400;line-height:150%}.mainBox .content #TOP .topUracchi{z-index:3;width:100%;margin-top:20px;position:relative}.mainBox .content #TOP .topUracchi img{width:100%}.mainBox .content #TOP .topUracchi .more{position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.mainBox .content #TOP .topUracchi .more p{color:var(--Fill-Quaternary,#5b4a7a4d);text-align:center;z-index:4;margin-bottom:0;font-family:Noto Sans JP;font-size:20px;font-style:normal;font-weight:900;line-height:normal}.mainBox .content #TOP .topUracchi .more img{width:16px}.mainBox .content #intro{z-index:3;background-color:#fff;padding-top:60px;position:relative}.mainBox .content #intro .ttl{margin-bottom:0}.mainBox .content #intro .introImage{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.mainBox .content #intro .introImage .comment{z-index:2;margin-left:65px}.mainBox .content #intro .introImage .comment img{opacity:0;width:203px;height:auto;transform:translateY(20px)}.mainBox .content #intro .introImage .comment .animate{opacity:1;animation:1.5s forwards bounceOnce}.mainBox .content #intro .introImage .front{z-index:1;margin-top:-45px}.mainBox .content #intro .introImage .front img{width:220px;height:auto}.mainBox .content #judgment{background-color:#fff;width:100%;padding-bottom:120px}.mainBox .content #judgment .ttl{margin-bottom:48px}.mainBox .content #judgment .carousel{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;padding:0 5%;display:flex;position:relative;overflow-x:scroll}.mainBox .content #judgment .carousel::-webkit-scrollbar{display:none}.mainBox .content #judgment .carousel-item{scroll-snap-align:center;flex:0 0 80%;justify-content:center;align-items:center;margin:0 5px;display:flex}.mainBox .content #judgment .carousel-item img{width:100%;height:auto;margin:0 auto;display:block}.mainBox .content #support{background:linear-gradient(160deg,#7164ff 2.01%,#ffa6e7 58.45%,#ffef95 94.44%);width:100%;padding:80px 0}.mainBox .content #support .ttl{width:100%}.mainBox .content #support .ttl h2{color:#fff}.mainBox .content #support .ttl p{color:#fff;width:90%;margin-bottom:48px}.mainBox .content #support .scroll-container{width:100%;margin-bottom:-3px;position:relative;overflow:hidden}.mainBox .content #support .scroll-container .scroll-inner{width:2070px;animation:20s linear infinite scroll-right;display:flex}.mainBox .content #support .scroll-container .scroll-inner img{width:210px;margin-right:-3px}.mainBox .content #support .scroll-container .scroll-inner.reverse{animation:20s linear infinite scroll-left}.mainBox .content #support .scroll-container .last{--start-x:70px}.mainBox .content #recommend{background-color:#fff;width:100%}.mainBox .content #recommend .ttl{padding-bottom:68px}.mainBox .content #recommend .Box{width:100%;height:auto;position:relative;overflow:visible}.mainBox .content #recommend .Box div{opacity:0;transform:translateY(-100px)}.mainBox .content #recommend .Box div img{width:100%;display:block}.mainBox .content #recommend .Box div.animate{animation:1s forwards drop}.mainBox .content #recommend .Box .rec1{z-index:2;width:70%;padding-left:5px;position:relative;transform:translateY(0)}.mainBox .content #recommend .Box .rec1.animate{animation:2s 2.2s forwards drop}.mainBox .content #recommend .Box .rec2{z-index:2;width:100%;margin-top:-10px;padding-left:30%;padding-right:5px;position:relative}.mainBox .content #recommend .Box .rec2.animate{animation:2s 2s forwards drop}.mainBox .content #recommend .Box .rec3{z-index:2;width:100%;padding-left:40%;padding-right:30px;position:relative}.mainBox .content #recommend .Box .rec3.animate{animation:1.8s 1.8s forwards drop}.mainBox .content #recommend .Box .rec4{z-index:2;width:80%;padding-left:5px;position:relative}.mainBox .content #recommend .Box .rec4.animate{animation:1.2s 1.2s forwards drop}.mainBox .content #recommend .Box .rec5{z-index:2;width:100%;padding-left:25%;padding-right:10px;position:relative}.mainBox .content #recommend .Box .rec5.animate{animation:.8s 1.1s forwards drop}.mainBox .content #recommend .Box .vec1{z-index:0;position:absolute;top:0;right:0}.mainBox .content #recommend .Box .vec1.animate{animation:2.3s 2.3s forwards drop}.mainBox .content #recommend .Box .vec2{z-index:0;width:80px;position:absolute;top:25%;left:10px}.mainBox .content #recommend .Box .vec2.animate{animation:2s 2s forwards drop}.mainBox .content #recommend .Box .vec3{z-index:0;width:60px;position:absolute;top:60%;right:0}.mainBox .content #recommend .Box .vec3.animate{animation:1s 1s forwards drop}.mainBox .content #recommend .Box .vec4{z-index:0;width:40px;position:absolute;bottom:0;left:20px}.mainBox .content #recommend .Box .vec4.animate{animation:.2s .5s forwards drop}.mainBox .content #voice{background-color:#fff;padding:60px 10% 120px}.mainBox .content #voice h2{margin-bottom:48px}.mainBox .content #voice .box{border-radius:var(--24,24px);background:var(--Fill-Septenary,#5b4a7a0d);margin-bottom:20px;padding:10% 7%}.mainBox .content #voice .box .user img{width:54px;height:54px}.mainBox .content #voice .box p{color:var(--Fill-Primary,#5b4a7a);margin-top:20px;font-family:Noto Sans JP;font-size:14px;font-style:normal;font-weight:700;line-height:150%}.mainBox .content #about{background:linear-gradient(192deg,#ffa5fd -1.4%,#fff5d9 99.14%) 0 0/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;margin-bottom:0;padding:80px 0;display:flex}.mainBox .content #about .slide{width:123px;height:123px;margin-bottom:24px;position:relative;overflow:hidden}.mainBox .content #about .slide img{opacity:0;object-fit:cover;width:123px;height:123px;transition:opacity .5s;position:absolute;top:0;left:0}.mainBox .content #about .slide .active{opacity:1}.mainBox .content #about .ttl p{text-align:left}.mainBox .content #about .ttl span{margin-top:24px}.mainBox .content #about .ttl span p{font-size:12px}.mainBox .content #question{background-color:#fff;width:100%;padding:120px 10% 60px}.mainBox .content #question details{color:var(--Fill-Primary,#5b4a7a);border-bottom:1px solid var(--Fill-Quaternary,#5b4a7a4d);font-family:Noto Sans JP;font-size:15px;font-style:normal;font-weight:700;line-height:150%}.mainBox .content #question details summary{grid-template-columns:1fr 24px;align-items:center;gap:6px;padding:30px 0;list-style-type:none;display:grid}.mainBox .content #question details summary::-webkit-details-marker{display:none}.mainBox .content #question details summary::marker{content:""}.mainBox .content #question details summary .icon{border-bottom:2px solid;border-right:2px solid;width:10px;height:10px;transition:transform .4s;display:inline-block;transform:rotate(45deg)}.mainBox .content #question details p{color:var(--Fill-Primary,#5b4a7a);padding-bottom:32px;font-family:Noto Sans JP;font-size:14px;font-style:normal;font-weight:400;line-height:180%}.mainBox .content #question details[open] .icon{transform:rotate(-135deg)}.mainBox .content #question .first-detail{border-top:1px solid var(--Fill-Quaternary,#5b4a7a4d);margin-top:48px}footer{background-color:#fff;border-radius:0 0 24px 24px;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:80px 10%;display:flex}footer p{color:var(--Fill-Primary,#5b4a7a);text-shadow:0 8px 20px #0000001a;margin-bottom:20px;font-family:Noto Sans JP;font-size:16px;font-style:normal;font-weight:700;line-height:100%}footer .SNS{margin:64px 0;display:flex}footer .SNS img{width:48px;height:48px;margin:0 10px}footer .legalBox ul{text-align:center}footer .legalBox ul li{color:var(--Fill-Secondary,#5b4a7ab3);text-align:center;margin-bottom:20px;font-family:Noto Sans JP;font-style:normal;font-weight:400;line-height:180%}@media (width<=450px){.logoBox,.menuBox{flex:0 0 0;width:0;display:none}.mainBox{width:100%}.mainBox .content{padding:0}.mainBox .content #TOP{border-radius:0}}@keyframes bounceOnce{0%{transform:translateY(0)}30%{transform:translateY(-15px)}60%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes scroll-right{0%{transform:translate(0)}to{transform:translate(-1035px)}}@keyframes scroll-left{0%{transform:translate(-1035px)}to{transform:translate(0)}}@keyframes scaleUpDown{0%{transform:scale(.7)}to{transform:scale(1.2)}}@keyframes drop{0%{opacity:0;transform:translateY(-100px)}50%{opacity:1}to{opacity:1;transform:translateY(0)}}.slide-up{opacity:0;animation:2.2s ease-out forwards slideUp;transform:translateY(100%)}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}