@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;500;700&display=swap);body{opacity:0}.snscp{position:relative;line-height:1;text-align:center;font-family:"Noto Sans JP",sans-serif;font-weight:500;color:#103259;background-color:#fcfbee}.snscp *,.snscp ::after,.snscp ::before{box-sizing:border-box}.snscp section{position:relative}.snscp img{width:100%;max-width:100%;vertical-align:top}.snscp a{text-decoration:none}.snscp a img{transition:.3s}.snscp a img:hover{transform:scale(1.03)}.snscp [data-aos=fade-up]{transform:translate3d(0,30px,0)}.snscp .kv{padding:8.8vw 0 1.6vw;background:url(../img/sp/kv_img.jpg) no-repeat center top/cover;z-index:1}.snscp .kv h1{width:86.6666666667vw;margin:0 auto 62vw}.snscp article{font-size:2.9333333333vw;letter-spacing:.12em}.snscp article .inner{max-width:1240px;margin:0 auto}.snscp article h2{width:94.6666666667vw;margin:0 auto 5.3333333333vw}.snscp .intro{padding:10.6666666667vw 0}.snscp .intro .bgimg{position:absolute;left:0;bottom:-1.8666666667vw;padding-top:9.3333333333vw;opacity:.2;overflow:hidden}.snscp .intro .bgimg::after{content:"";width:100%;height:25.6vw;position:absolute;top:0;left:0;background:url(../img/info_bg.png) repeat-x left top/auto 100%}.snscp .intro .bgimg li{display:flex;width:100vw;height:37.3333333333vw}.snscp .intro .bgimg li img{width:auto;max-width:inherit;height:100%;animation:100s linear infinite}.snscp .intro .bgimg li img:nth-child(1){animation-name:loopL;animation-delay:-50s}.snscp .intro .bgimg li img:nth-child(2){animation-name:loopL2}.snscp .intro .bgimg li:nth-child(2n) img:nth-child(1){animation-name:loopR}.snscp .intro .bgimg li:nth-child(2n) img:nth-child(2){animation-name:loopR2}@keyframes loopL{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}@keyframes loopL2{0%{transform:translateX(0)}100%{transform:translateX(-200%)}}@keyframes loopR{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes loopR2{0%{transform:translateX(-200%)}100%{transform:translateX(0)}}.snscp .intro .period{margin-top:-3.7333333333vw;padding-bottom:8vw;background:url(../img/sp/period_line.png) no-repeat center bottom/94.6666666667vw}.snscp .intro .period .date{font-size:5.3333333333vw;line-height:1.2;letter-spacing:.12em}.snscp .intro .period .cpend{display:inline-block;margin-top:2.6666666667vw;padding:0 1.5em;font-size:3.7333333333vw;line-height:1.65;color:#fff;background:#ff6f61}.snscp .intro .movie{position:relative;width:84vw;margin:14.6666666667vw auto 10.6666666667vw;overflow:hidden}.snscp .intro .movie a{position:relative;display:block;box-shadow:0 0 5.3333333333vw .6666666667vw rgba(0,0,0,.4);background:#fff}.snscp .intro .movie a::after{content:"";width:9.3333333333vw;height:9.3333333333vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(../img/movie_icon.svg) no-repeat left top/cover;pointer-events:none}.snscp .intro .movie a img{transition:.4s;opacity:.5}.snscp .intro .movie a:hover img{opacity:1}.snscp .intro .info{position:relative;padding:6.1333333333vw 0 8vw;background:url(../img/sp/info_frame_end.png) no-repeat center top/100%}.snscp .intro .info .lead{margin-bottom:3.4666666667vw;line-height:1.65;color:#fff}.snscp .intro .info ul li{width:87.3333333333vw;margin:.8vw auto 0}.snscp .intro .info .cpend{margin-top:2.6666666667vw;font-size:3.7333333333vw;color:#ffe584}.snscp .present{padding:16vw 0;background:#103259}.snscp .present ul li{margin-top:-2.1333333333vw}.snscp .present p{font-size:2.6666666667vw;color:#fff}.snscp .step{padding:16vw 0 13.3333333333vw}.snscp .step ol{position:relative}.snscp .step ol::before{display:block;z-index:2;content:"";width:94.6666666667vw;height:100%;position:absolute;top:0;left:2.6666666667vw;background:rgba(16,50,89,.8)}.snscp .step ol::after{display:block;z-index:2;content:"キャンペーンは終了しました";width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:5.3333333333vw;color:#ffe584}.snscp .step ol li{display:flex;flex-wrap:wrap;width:94.6666666667vw;margin:0 auto 2.6666666667vw;padding:8vw 5.3333333333vw 5.3333333333vw;font-size:3.7333333333vw;line-height:5.3333333333vw;text-align:left;letter-spacing:.06em;background:#fff}.snscp .step ol figure{width:16vw;margin:-2.6666666667vw 5.3333333333vw 0 0}.snscp .step ol p span{display:inline-block;color:#fff;background:#103259}.snscp .step ol a{display:block;width:40vw;margin-top:4.8vw;margin-left:21.3333333333vw}.snscp .rules dl{width:94.6666666667vw;height:52vw;margin:0 auto;padding:4.2666666667vw 5.3333333333vw;line-height:1.4545454545;letter-spacing:.02em;text-align:left;border:1px solid #103259}.snscp .rules dl large{font-size:110%}.snscp .rules dl dd{font-weight:300}.snscp .rules dl dd+dt{margin-top:1.5em}.snscp .rules dl ol,.snscp .rules dl ul{margin-left:1em;text-indent:-1em}.snscp .rules dl .mCSB_scrollTools{width:1.0666666667vw}.snscp .rules dl .mCSB_scrollTools .mCSB_draggerRail{background:0 0}.snscp .rules dl .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:1.0666666667vw;background:grey}.snscp .rules dl .mCSB_inside>.mCSB_container{margin-right:4vw}.snscp .banner{padding:16vw 0 10.6666666667vw}.snscp .banner a{display:block;width:65.6vw;margin:0 auto 2.6666666667vw}.snscp .modalContent{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}.snscp .modalContent .modalBg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8)}.snscp .modalContent .modalClose{width:8vw;height:8vw;position:absolute;top:-9.3333333333vw;right:0;cursor:pointer}.snscp .modalContent .modalClose::after,.snscp .modalContent .modalClose::before{content:"";display:block;width:8vw;height:.2666666667vw;position:absolute;top:3.3333333333vw;right:0;background:rgba(255,255,255,.8)}.snscp .modalContent .modalClose::before{transform:rotate(-45deg)}.snscp .modalContent .modalClose::after{transform:rotate(45deg)}.snscp .modalContent .modalArea{box-sizing:content-box;z-index:10;height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%);width:95%;height:0;padding-top:53.4375%;background:#000}.snscp .modalContent .modalArea .modalInner{width:100%;height:100%;position:absolute;top:0;left:0}.snscp .modalContent .modalArea .modalInner img{width:100%}.snscp .modalContent .modalArea iframe,.snscp .modalContent .modalArea video{width:100%;height:100%;min-width:inherit;min-height:inherit}@media screen and (min-width:768px){.snscp .sp{display:none!important}.snscp .kv{padding:1.875vw 0 .9375vw;background-image:url(../img/kv_img.jpg)}.snscp .kv h1{width:45.15625vw;margin-bottom:23.59375vw}.snscp .kv p{width:91.5625vw;margin:0 auto}.snscp article{font-size:clamp(10px,1.291vw,16px)}.snscp article h2{width:62.9032258065%;margin-bottom:3.2258064516%}.snscp .intro{padding:80px 0 107px}.snscp .intro .bgimg{bottom:-10px;padding-top:0}.snscp .intro .bgimg::after{height:192px}.snscp .intro .bgimg li{height:300px}.snscp .intro .period{margin-top:-.564516129%;padding-bottom:5.8064516129%;background:url(../img/period_line.png) no-repeat center bottom/62.9032258065%}.snscp .intro .period .date{font-size:clamp(10px,3.226vw,40px)}.snscp .intro .period .cpend{margin-top:1em;font-size:clamp(10px,2.26vw,28px)}.snscp .intro .movie{width:59.6774193548%;margin:9.5161290323% auto 6.3709677419%}.snscp .intro .movie a{box-shadow:0 0 40px 5px rgba(0,0,0,.4)}.snscp .intro .movie a::after{width:9.3333333333%;height:16.8269230769%}.snscp .intro .info{padding:3.3064516129% 0 3.6290322581%;background-image:url(../img/info_frame_end.png)}.snscp .intro .info .lead{margin-bottom:2.0967741935%;font-size:clamp(10px,1.452vw,18px);line-height:2}.snscp .intro .info ul li{width:52.8225806452%;margin-top:.4838709677%}.snscp .intro .info .cpend{margin-top:.8064516129%;font-size:clamp(10px,2.26vw,28px)}.snscp .present{padding:120px 0}.snscp .present ul li{margin-top:-1.2903225806%}.snscp .present p{margin-top:-.4032258065%;margin-right:1em;font-size:clamp(10px,1.291vw,16px);text-align:right}.snscp .step{padding:120px 0 80px}.snscp .step ol{display:flex;justify-content:center}.snscp .step ol::before{width:96.8%;left:1.6%}.snscp .step ol::after{font-size:clamp(10px,3.226vw,40px)}.snscp .step ol li{display:flex;flex-direction:column;width:30.6451612903%;margin:0 1.2096774194%;padding:3.2258064516% 0;font-size:clamp(10px,1.452vw,18px);line-height:1.7777777778;text-align:center}.snscp .step ol figure{width:31.5789473684%;margin:0 auto}.snscp .step ol p{margin:7.8947368421% 0 3.9473684211%}.snscp .step ol a{width:78.9473684211%;margin:auto auto 0}.snscp .rules dl{width:80.6451612903%;height:430px;padding:2.5806451613% 3.2258064516%;line-height:1.625}.snscp .rules dl .mCSB_scrollTools{width:8px}.snscp .rules dl .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.snscp .rules dl .mCSB_inside>.mCSB_container{margin-right:1.5625vw}.snscp .banner{padding:120px 0 80px}.snscp .banner a{width:39.6774193548%;margin-bottom:1.6129032258%}.snscp .banner p{font-size:clamp(10px,1.613vw,20px)}.snscp .modalContent .modalClose{width:50px;height:50px;top:-60px}.snscp .modalContent .modalClose::after,.snscp .modalContent .modalClose::before{width:50px;height:2px;top:25px}}@media screen and (max-width:767px){.snscp .pc{display:none!important}.snscp .step ol li:first-child a{margin-top:2.6666666667vw}}@media screen and (min-width:1101px) and (max-width:2000px){.snscp .modalContent .modalArea{width:76%;padding-top:42.75%}}@media screen and (min-width:2001px){.snscp .modalContent .modalArea{width:1440px;padding-top:810px}}