@-webkit-keyframes shine-loop{0%{left:-100%}10%{left:200%}100%{left:200%}}@keyframes shine-loop{0%{left:-100%}10%{left:200%}100%{left:200%}}.topFv{position:relative}.topFv__top{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;height:8rem;padding:1rem 0 0;position:absolute;top:0;left:0;z-index:2}@media screen and (min-width: 768px){.topFv__top{position:relative;height:10rem;background-color:#b2ecff}}.topFv__top:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;-webkit-mask-image:-webkit-radial-gradient(bottom center, ellipse 77% 1.2rem, transparent 67%, black 67%);mask-image:radial-gradient(ellipse 77% 1.2rem at bottom center, transparent 67%, black 67%);z-index:-1;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.topFv__top img{display:block;width:17rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}@media screen and (min-width: 768px){.topFv__top img{display:none}}.topFv__main{width:100%;height:31.6rem;position:relative;z-index:1;padding:10.2rem 0 0;overflow:hidden}@media screen and (min-width: 768px){.topFv__main{height:45.5rem;padding:6.4rem 0 0}}.topFv__main:before{content:"";display:block;width:100%;height:41.1rem;background:-webkit-gradient(linear, left top, left bottom, color-stop(54%, #b2ecff), to(#71dbff));background:-webkit-linear-gradient(top, #b2ecff 54%, #71dbff 100%);background:linear-gradient(180deg, #b2ecff 54%, #71dbff 100%);position:absolute;top:0;left:0;z-index:-3}@media screen and (min-width: 768px){.topFv__main:before{height:100%}}@-webkit-keyframes marquee{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes marquee{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.topFv__main--head{display:block;width:33.9rem;margin:0 auto;position:relative;z-index:3}@media screen and (min-width: 768px){.topFv__main--head{width:65rem}}.topFv__main--cloud{width:100%;height:18.1rem;--cloud-width: 56rem;background-image:url("../img/top/fv_cloud.svg");background-size:var(--cloud-width) auto;background-position:bottom 0 left 0;background-repeat:repeat-x;position:absolute;bottom:6.5rem;left:0;z-index:-2;pointer-events:none;-webkit-animation:cloud-scroll 70s linear infinite;animation:cloud-scroll 70s linear infinite}@media screen and (min-width: 768px){.topFv__main--cloud{--cloud-width: 144rem;height:24rem;background-image:url("../img/top/fv_cloud_pc.svg");bottom:17.8rem;-webkit-animation:cloud-scroll 150s linear infinite;animation:cloud-scroll 150s linear infinite}}@-webkit-keyframes cloud-scroll{0%{background-position:calc(var(--cloud-width)*-1) bottom}100%{background-position:0 bottom}}@keyframes cloud-scroll{0%{background-position:calc(var(--cloud-width)*-1) bottom}100%{background-position:0 bottom}}.topFv__main--city{--city-width: 140.5rem;width:100%;height:15rem;background-image:url("../img/top/fv_city.svg");background-size:var(--city-width) auto;background-position:bottom left 0;background-repeat:repeat-x;position:absolute;bottom:0;left:0;z-index:-1;-webkit-animation:city-scroll 90s linear infinite;animation:city-scroll 90s linear infinite}@media screen and (min-width: 768px){.topFv__main--city{--city-width: 146.9rem}}@-webkit-keyframes city-scroll{0%{background-position:calc(var(--city-width)*-1) bottom}100%{background-position:0 bottom}}@keyframes city-scroll{0%{background-position:calc(var(--city-width)*-1) bottom}100%{background-position:0 bottom}}.topFv__illust{width:100%;max-width:89.4rem;display:block;margin:-7rem auto 0;position:relative;z-index:2}@media screen and (min-width: 768px){.topFv__illust{margin:-27.1rem auto 0}}.topFv__medal{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:.4rem;width:100%;position:relative;z-index:3;margin:-0.8rem auto 0}@media screen and (min-width: 768px){.topFv__medal{gap:3rem;margin:-3.4rem auto 0}}.topFv__medal li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:8.7rem;height:8.7rem;background-image:url("../img/common/medal.svg");background-size:contain;background-position:center;background-repeat:no-repeat;text-align:center;font-size:1.4rem;line-height:1;font-weight:bold;color:#ea3300;padding:.4rem 0 0;border-radius:50%;-webkit-box-shadow:0 .1rem .6rem rgba(0,0,0,.16);box-shadow:0 .1rem .6rem rgba(0,0,0,.16)}@media screen and (min-width: 768px){.topFv__medal li{width:15rem;height:15rem;font-size:1.6rem;padding:0}}.topFv__medal li p{text-shadow:0 0 .2rem #fff000,0 0 .2rem #fff000,0 0 .2rem #fff000,0 0 .2rem #fff000,0 0 .2rem #fff000,0 0 .2rem #fff000}.topFv__medal li p:last-of-type{font-size:1.6rem;padding:.1rem 0}@media screen and (min-width: 768px){.topFv__medal li p:last-of-type{font-size:2.2rem;padding:0}}.topFv__medal li p.middle{font-size:1.9rem;line-height:2.2rem;position:relative}@media screen and (min-width: 768px){.topFv__medal li p.middle{font-size:2.7rem;line-height:3.3rem}}.topFv__medal li p.middle span{font-size:.75em}.topFv__medal li p.middle.always,.topFv__medal li p.middle.orders{font-size:2rem;top:.1rem}@media screen and (min-width: 768px){.topFv__medal li p.middle.always,.topFv__medal li p.middle.orders{font-size:2.7rem}}.topFv__medal li p.middle.rating{font-size:2.4rem;top:.2rem}@media screen and (min-width: 768px){.topFv__medal li p.middle.rating{font-size:3.1rem}}.topAbout{padding:4.8rem 0 6.4rem}@media screen and (min-width: 768px){.topAbout{padding:8.8rem 0 11.6rem}}.topAbout__wrap{width:100%;max-width:114rem;padding:0 3.2rem;margin:auto}@media screen and (min-width: 768px){.topAbout__wrap{padding:0 3rem}}.topAbout__wrap .wrap,.topAbout__wrap .container{width:auto;max-width:initial;padding:0;margin:0}.topAbout__head{font-size:2.6rem;font-weight:600;line-height:1.2;color:#ea6000;text-align:center;margin:0 -0.2rem}.topAbout__head br{display:none}@media screen and (min-width: 768px){.topAbout__head{font-size:2.8rem;line-height:1.3;margin:0}.topAbout__head br{display:inline}}.topAbout__head span{color:#5bb431}.topAbout__top{margin:2.1rem 0 0}@media screen and (min-width: 768px){.topAbout__top{display:grid;grid-template-columns:1fr 50rem;grid-template-rows:auto 1fr;grid-template-areas:"txt1 img" "txt2 img";gap:3rem 6.4rem;margin:4.8rem 0 0}}.topAbout__top p{grid-area:txt1;text-align:justify;line-height:1.4;letter-spacing:.03em}@media screen and (min-width: 768px){.topAbout__top p{line-height:1.6;letter-spacing:0}}.topAbout__top p:last-of-type{grid-area:txt2;margin:2rem 0 0}@media screen and (min-width: 768px){.topAbout__top p:last-of-type{margin:0}}.topAbout__top p span{display:inline;font-weight:700;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fff000), color-stop(90%, #fff000), color-stop(90%, transparent));background-image:-webkit-linear-gradient(top, transparent 60%, #fff000 60%, #fff000 90%, transparent 90%);background-image:linear-gradient(-180deg, transparent 60%, #fff000 60%, #fff000 90%, transparent 90%)}.topAbout__top picture{grid-area:img;display:block;height:17.5rem;border-radius:1rem;overflow:hidden;margin:2rem 0 0}@media screen and (min-width: 768px){.topAbout__top picture{height:27.9rem;margin:0}}.topAbout__top picture img{-o-object-fit:cover;object-fit:cover;height:100%}.topAbout__list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:3.6rem;padding:2.8rem 0 2.4rem;margin:3.2rem 0 0;border-top:.1rem solid #5bb431;border-bottom:.1rem solid #5bb431}@media screen and (min-width: 768px){.topAbout__list{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:4.8rem;padding:0;margin:5rem 0 0;border-top:none;border-bottom:none;border-right:.1rem solid #5bb431;border-left:.1rem solid #5bb431}}@media screen and (min-width: 768px){.topAbout__list--item{width:29.6rem}}.topAbout__list--item .title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;line-height:1.4;font-size:2rem;font-weight:700;color:#ea6000;text-align:center}.topAbout__list--item .title span{color:#5bb431}.topAbout__list--item picture{display:block;height:15rem;border-radius:1rem;overflow:hidden;margin:1.3rem 0 0}.topAbout__list--item picture img{-o-object-fit:cover;object-fit:cover;height:100%}.topAbout__list--item .txt{line-height:1.4;text-align:justify;margin:1.6rem 0 0}.topAbout .btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;height:5rem;border-radius:1rem;background-color:#5bb431;color:#fff;font-size:1.8rem;font-weight:700;position:relative;-webkit-box-shadow:0 .4rem 0 0 rgba(0,0,0,.25);box-shadow:0 .4rem 0 0 rgba(0,0,0,.25);margin:3.2rem auto 0}.topAbout .btn::after{font-family:"Font Awesome 5 Free";font-weight:900;content:"";font-size:1.2rem;position:absolute;top:calc(50% - .1rem);right:1rem;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media screen and (min-width: 768px){.topAbout .btn::after{right:1.4rem}}@media screen and (min-width: 768px){.topAbout .btn{max-width:36rem;font-size:2rem;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.topAbout .btn:hover{background-color:#70ce43}}@media screen and (min-width: 768px){.topAbout .btn{margin:6.2rem auto 0}}/*# sourceMappingURL=top.css.map */