@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP");body{position:relative;width:100%;height:100%;z-index:0}body .pc{display:none}body:before{content:"";pointer-events:none;display:block;position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;background:url(../images/mv_sp.png) no-repeat top center;background-size:100%}body:after{content:"";pointer-events:none;display:block;position:fixed;z-index:-2;top:0;left:0;width:100%;height:100%;background:url(../images/bg_sp.jpg) no-repeat;background-size:cover}@media screen and (min-width: 751px){body:before{background:url(../images/mv_pc.jpg) no-repeat top center,url(../images/mv_pc_bottom.png) no-repeat top 900px center;background-size:auto}body:after{background:url(../images/bg_pc.jpg) no-repeat;background-size:cover}}@media screen and (min-width: 768px){body .pc{display:inline-block}body .sp{display:none}}#wrapper{color:#fff;font-family:"Noto Sans JP", "Open Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;font-size:1.6rem;font-weight:500;letter-spacing:0.02em}#wrapper a{text-decoration:underline;transition:0.2s}#wrapper a:link,#wrapper a:visited{color:#fff}#wrapper a:hover{color:#ffb723}#mv{overflow:hidden;width:100%;margin-bottom:10%;padding-top:50%;letter-spacing:0.05em}#mv h2{width:80%;margin:0 auto 5% auto}#mv .present{transform:scale(1.2);margin-bottom:5%}#mv .txt{width:90%;margin:0 auto;text-shadow:1.5px 1.5px 0px rgba(7,135,208,0.4),-1.5px -1.5px 0px rgba(255,0,186,0.4);text-align:center;font-size:1.5rem;font-weight:600;font-style:italic}#mv .txt span{font-size:1.8rem}@media screen and (min-width: 751px){#mv{overflow:hidden;position:relative;background-size:auto;margin:0 auto 60px auto;padding-top:550px}#mv h2{position:absolute;top:100px;right:50%;width:650px;margin:0;transform:translateX(90%)}#mv .present{transform:scale(1);margin:0 auto 0 auto;text-align:center}#mv .txt{font-size:3rem}#mv .txt span{font-size:4rem}}#mainCol{width:90%;margin:0 auto;padding:0 0 20% 0;text-align:center;font-size:1.2rem}#mainCol #snsCol{display:flex;flex:none;justify-content:center;align-items:center}#mainCol #snsCol li{width:6vw;margin:0 1.3vw}#mainCol #appCol{display:flex;flex:none;justify-content:center;align-items:center}#mainCol #appCol .badge-apple{width:32vw;max-width:247px}#mainCol #appCol .badge-google{width:46vw;max-width:350px}#mainCol #bnrCol{margin:15% 0 0 0}#mainCol #bnrCol li{position:relative;margin:0 0 6% 0;font-size:1.2rem}#mainCol #bnrCol li .date{position:absolute;top:-20%;left:0;transform:skewX(-15deg);background:rgba(255,56,196,0.8);line-height:1;padding:0.5em 0.8em}#mainCol #bnrCol li .date span{transform:skewX(15deg)}#mainCol #footerCol{margin:15% 0 0 0}#mainCol #footerCol li{position:relative;margin:2% 0 0 0}#mainCol #footerCol li .date{position:absolute;top:-20%;left:50%;transform:skewX(-15deg);background:rgba(255,56,196,0.8);line-height:1;padding:0.3em 0.5em 0.5em;margin-left:max(-45%,-200px);z-index:10}@media screen and (min-width: 751px){#mainCol #footerCol li .date{left:0;margin-left:0}}#mainCol #footerCol li .date span{transform:skewX(15deg)}#mainCol .copyright{margin:5% 0 0 0;font-size:1rem}@media screen and (min-width: 751px){#mainCol{width:100%;padding:0 0 100px 0;font-size:1.5rem}#mainCol #snsCol li{width:42px;margin:0 10px}#mainCol #appCol .badge-apple{width:164px}#mainCol #appCol .badge-google{width:232px}#mainCol #bnrCol{display:flex;flex:none;flex-wrap:wrap;justify-content:center;align-items:center;margin:100px auto 20px auto;width:1100px}#mainCol #bnrCol li{margin:0 10px 40px 10px;font-size:1.6rem}#mainCol #bnrCol li img{width:500px}#mainCol #bnrCol li a{transition:opacity 0.5s}#mainCol #bnrCol li a:hover{opacity:0.5}#mainCol #bnrCol li .date{top:-25px;left:20px}#mainCol #footerCol{display:flex;flex:none;justify-content:center;align-items:center;margin:100px 0 0 0}#mainCol #footerCol li{margin:0 0 0 0}#mainCol .copyright{margin:50px 0 0 0;font-size:1.2rem}}canvas{display:block;vertical-align:bottom}#particles{pointer-events:none;position:fixed;z-index:1;top:0;left:0;width:100%;height:100%;mix-blend-mode:overlay}
