body,p,h1,h2,h3{margin:0;padding:0}body{font-family:"Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;min-width:1300px}a{text-decoration:none}ul{margin:0;padding:0}li{list-style:none}.wrap{overflow:hidden}.l-header{height:64px;max-width:100%;background:#fbfbfb}.sec-ttl{display:inline-block;font-size:28px;margin-bottom:20px}.l-header{width:100%;border-bottom:solid 1px #ededed}.l-header-items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:1124px;height:100%;margin:0 auto}.l-header_btns{display:-webkit-box;display:-ms-flexbox;display:flex}.l-header_btn{display:block;width:142px;height:38px;line-height:38px;font-size:14px;font-weight:bold;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.login-btn{color:#48a1e3;background:#fff;border:solid 1px #48a1e3;margin-right:16px}.entry-btn{color:#fff;background:#48a1e3}.sec1{position:relative;padding:71px 0 122px;text-align:center}.sec1_logo{margin-bottom:29px}.sec1_ttl{font-size:40px;letter-spacing:1.8px;margin-bottom:32px}.sec1_copy{color:#48a1e3;font-size:24px;margin-bottom:60px}.sec1_txt{font-size:20px;line-height:32px;margin-bottom:60px}.sec1 .bg-box{position:absolute;width:1300px;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1;pointer-events:none}.sec1 .bg-box .bg_dot01{position:absolute;top:21px;left:0}.sec1 .bg-box .bg_dot02{position:absolute;top:280px;right:70px;z-index:0}.sec1 .bg-box .bg_dot03{position:absolute;top:503px;left:118px}.txt{width:100%;text-align:right}.sec-txt{display:inline-block;text-align:left;line-height:26px;max-width:530px}.sec-txt-left{float:left;width:206px}.sec-txt-right{float:left;width:294px}.sec-clear-both{clear:both}.sec2{position:relative;color:#fff;background:#84c5f5;width:100%;height:568px}.sec2_ttl{width:500px;text-align:left}.sec2_left{position:absolute;width:45%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.sec2_left_ttl{width:100%;text-align:right}.sec2_left_ttl:after{content:"";background:#e3f3ff;border-radius:0 3px 3px 0;height:6px;display:block;margin-bottom:32px}.sec2_right{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:1300px;z-index:2}.sec2_right img{position:absolute;top:-50px;right:-60px}.sec2 .bg-box{position:absolute;width:1300px;height:100%;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:3;pointer-events:none}.sec2 .bg-box .bg_dot04{position:absolute;right:0;bottom:65px}.sec3{position:relative;color:#2c2f40;background:#f4f3f3;height:568px}.sec3_left{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:1300px;z-index:1}.sec3_left img{position:absolute;top:-40px;left:-80px}.sec3_right{position:absolute;width:40%;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.sec3_right_ttl{width:100%;color:#393aaa}.sec3_right_ttl:after{content:"";display:block;opacity:.4;border-radius:3px 0 0 3px;height:6px;margin-bottom:32px;background:#393aaa}.sec3 .bg-box{position:absolute;width:1300px;height:100%;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.sec3 .bg-box .bg_dot05{position:absolute;top:20px;right:510px}.sec4{position:relative;width:1124px;margin:0 auto;padding:80px 0;color:#2c2f40;text-align:center}.sec4_ttl-body{position:relative;display:table;margin:0 auto 52px}.sec4_ttl-body :after{content:"";display:block;opacity:.4;position:absolute;bottom:0;width:100%;border-radius:3px;height:6px;background:#48a1e3}.step-items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;margin-bottom:48px}.step-item{width:333px;-webkit-box-shadow:2px 2px 8px 0 rgba(0,0,0,0.25);box-shadow:2px 2px 8px 0 rgba(0,0,0,0.25)}.step-item:not(:last-child):after{content:"";position:absolute;width:16px;height:50px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url(slack_lp/arrow.png) 0 0 no-repeat transparent;background-size:contain}.step-item:nth-child(1):after{left:359px}.step-item:nth-child(2):after{left:754px}.step-item_num{color:#595959;font-size:20px;font-weight:bold;padding:20px 16px 12px;text-align:left}.step-item_txt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:104px;padding:0 16px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:20px}.bg-box{position:absolute;width:1300px;height:100%;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1;pointer-events:none}.bg-box .bg_dot06{position:absolute;top:-130px;left:60px}.bg-box .bg_dot07{position:absolute;right:-70px;bottom:-110px}.step-note{color:#595959;font-size:16px;line-height:26px;text-align:left;font-weight:bold}.step-note-top{color:#8c8c8c;font-size:13px;text-align:center;line-height:14px;padding-top:32px;font-weight:bold}.step-note-important{color:#ff6752;text-decoration:underline}.step-note-important-top{color:#ff6752;font-size:13px;line-height:14px;padding-top:6px;font-weight:bold}.sec5{position:relative;padding:72px 0;color:#2c2f40;background:#f5f5f5;text-align:center}.sec5_ttl{font-size:30px;line-height:46px;letter-spacing:2.3px;margin-bottom:48px}.sec5 .bg-box{position:absolute;width:1300px;height:100%;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1;pointer-events:none}.sec5 .bg-box .bg_dot08{position:absolute;top:190px;left:100px}.close_button{padding-top:35px}.section__8,.footer{font-size:14px;font-family:"Helvetica Neue", Helvetica, Arial, "游ゴシック", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;font-weight:500;line-height:1.78;letter-spacing:0.06em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.inner{width:100%;margin:0 auto;height:100%;position:relative}.wrapper{z-index:1;width:100%}.section{position:relative;width:100%;background:#F2F2F2}.footer{width:100%;padding-top:64px;height:344px;background:#000000}.appBanner--ios{display:inline-block}.appBanner--ios span{display:block;text-indent:100%;white-space:nowrap;overflow:hidden;background-repeat:no-repeat;background-image:url("https://materials.8card.net/web/top/images/appBanner--ios.svg")}.appBanner--android{display:inline-block}.appBanner--android span{display:block;text-indent:100%;white-space:nowrap;overflow:hidden;background-repeat:no-repeat;background-image:url("https://materials.8card.net/web/top/images/appBanner--android.svg")}.shareButton--fb{display:inline-block}.shareButton--fb span{display:block;text-indent:100%;white-space:nowrap;overflow:hidden;background-repeat:no-repeat;background-image:url("https://materials.8card.net/web/top/images/share--fb.svg");background-size:32px 32px;width:32px;height:32px}.shareButton--fb:hover{opacity:0.7}.shareButton--tw{display:inline-block}.shareButton--tw span{display:block;text-indent:100%;white-space:nowrap;overflow:hidden;background-repeat:no-repeat;background-image:url("https://materials.8card.net/web/top/images/share--tw.svg");background-size:32px 32px;width:32px;height:32px}.shareButton--tw:hover{opacity:0.7}.section__step h2{padding-top:152px;text-align:center}.section__step h2 img{width:144px;height:144px}.section__text{font-size:19px}.section__text h2{display:block;text-indent:100%;white-space:nowrap;overflow:hidden;background-repeat:no-repeat;font-size:40px;font-weight:bold}.section__text p{font-weight:bold}.section__text small{font-size:16px;display:block;line-height:1.5em}.section__image img{display:block}.section__image img.section__image--zoom{position:absolute;-webkit-transform:scale(0, 0);transform:scale(0, 0)}.section__image img.section__image--zoom.zoom1{transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s}.section__image img.section__image--zoom.zoom2{transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s}.section__image img.section__image--zoom.show{-webkit-transform:scale(1, 1);transform:scale(1, 1)}.section__8{background:#191919;color:#FFFFFF;z-index:2}.section__8 h2{font-size:48px;text-align:center}.section__link{text-align:center;font-size:0}.footer__row--upper{display:-webkit-box;display:-ms-flexbox;display:flex;background-image:url("https://materials.8card.net/web/top/images/footer--line.svg");background-repeat:no-repeat;background-position:left top;background-size:76px 2px}.footer__nav{display:-webkit-box;display:-ms-flexbox;display:flex}.footer__nav a{color:#FFFFFF;text-decoration:none;letter-spacing:0}.footer__copyright{color:#FFFFFF}@media screen and (min-width: 792px){.footer__row--upper{padding-top:60px}.footer__nav>li{margin-left:24px;width:226px}.footer__nav>li:first-child{margin-left:0}.footer__nav a{font-size:14px}.footer__nav a:hover{opacity:0.7}.footer__row--lower{margin-top:37px}.footer__copyright{font-size:14px;letter-spacing:0.3em}.br--sp{display:none}}@media screen and (min-width: 792px){.appBanner--ios:hover{opacity:0.7}.appBanner--android:hover{opacity:0.7}.section__text{position:absolute;top:315px}.section__text p{margin-top:40px;line-height:1.8em}.section__center .section__text{left:0;right:0;text-align:center}.section__center .section__image{top:576px;right:0;left:0}.section__center .section__image img{width:100%}.section__image{position:absolute;-webkit-transform:translate(0, 50px);transform:translate(0, 50px);transition:0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.section__8{height:640px}.section__8 .section__step h2 img{width:176px;height:176px}.section__8 .section__text{top:372px}.section__8 .section__text h2{margin:0 auto;background-image:url("https://materials.8card.net/web/top/images/step8--h2.svg");width:465px;height:33.5156px}.section__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:443px;left:0;right:0}.section__link .appBanner--ios span{background-size:227px 68px;width:227px;height:68px}.section__link .appBanner--android{margin-left:24px}.section__link .appBanner--android span{background-size:227px 68px;width:227px;height:68px}.section__annotation{position:absolute;top:520px;left:0;right:0;margin:20px auto;width:465px;font-size:11px}.footer__row--upper{padding-top:60px}.footer__nav>li{margin-left:24px;width:226px}.footer__nav>li:first-child{margin-left:0}.footer__nav a{font-size:14px}.footer__nav a:hover{opacity:0.7}.footer__row--lower{margin-top:37px}.footer__copyright{font-size:14px;letter-spacing:0.3em}.br--sp{display:none}}@media screen and (min-width: 1024px){.inner{width:976px}.section{min-width:976px}.footer{min-width:976px}.intro__nav{display:block}.footer__share{margin-left:auto;font-size:0;text-align:right}.footer__share .shareButton--tw{margin-left:12px}.footer__share .footer__share--fblike{margin-top:46px}}@media screen and (min-width: 792px) and (max-width: 1023px){.inner{box-sizing:border-box;padding:0 24px}.section__image .section__image__inner{position:relative}.section__image .section__image__inner .section__image--zoom{width:71.7086835%;height:auto}.section__center .section__image{padding:0 24px}.footer__row--upper{display:block}.footer__share{margin-top:42px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footer__share .shareButton--fb{margin-right:8px}.footer__share .shareButton--tw{margin-right:16px}}@media screen and (max-width: 791px){.inner{padding:0 32px;width:auto}.header .inner{padding:0 16px 0}.footer{padding-top:54px;height:auto}.overlay--accountButton:active{opacity:0.7}.overlay--facebookButton:active{opacity:0.7}.appBanner--ios:active{opacity:0.7}.appBanner--android:active{opacity:0.7}.section__step h2{margin:0 auto;padding-top:148px;width:104px;height:104px}.section__step h2 img{width:104px;height:104px}.section__text h2{margin-top:1em;margin-bottom:1em;margin-left:auto;margin-right:auto;font-size:18px;letter-spacing:0}.section__text p{text-align:center;line-height:1.6em;margin-bottom:45px;font-size:14px;letter-spacing:0}.section__text small{text-align:left;line-height:1.4em;font-size:12px;letter-spacing:0}.section__image{position:relative;margin:0 auto;width:181px}.section__image img.section__image--zoom{margin:0;width:130px;height:auto}.section__image img{margin:0 auto;width:181px;height:auto}.section__8{padding-bottom:64px}.section__8 .section__step h2{padding-top:64px;width:112px;height:112px}.section__8 .section__step h2 img{width:112px;height:112px}.section__8 .section__text{margin:27px 0 23px}.section__8 .section__text h2{margin:0 auto;background-image:url("https://materials.8card.net/web/top/images/step8--h2--sp.svg");width:159.78693px;height:42.4434px}.section__link{display:block;margin:0 auto;width:162px}.section__link .appBanner--ios span{background-size:162px 47px;width:162px;height:47px}.section__link .appBanner--android{margin-top:8px}.section__link .appBanner--android span{background-size:162px 47px;width:162px;height:47px}.footer__row--upper{background-image:url("https://materials.8card.net/web/top/images/footer--line--sp.svg");background-size:60px 2px;padding-top:51px;display:block}.footer__nav a{font-size:12px}.footer__nav a:active{opacity:0.7}.footer__share{margin-top:42px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footer__share .shareButton--fb{margin-right:8px}.footer__share .shareButton--tw{margin-right:16px}.footer__row--lower{margin-top:45px;padding-bottom:50px}.footer__copyright{font-size:12px;letter-spacing:0}.br--pc{display:none}}@media screen and (max-width: 527px){.footer__nav{display:block}.footer__nav>li:last-child{margin-top:16px}.footer__nav .footer__nav--presskit{display:none}}@media screen and (min-width: 528px) and (max-width: 791px){.footer__nav>li{margin-left:32px}.footer__nav>li:first-child{margin-left:0}}.sp__field{display:none}@media only screen and (max-width: 1300px) and (min-width: 768px){body{min-width:auto}}@media (max-width: 767px){body{min-width:auto}.btn{background-color:#ff6752;font-size:1.3rem;color:#FFF;display:inline-block;padding:16px 23px;border-radius:2px;font-weight:bold;line-height:1}.sp__field{display:block}}@media screen and (max-width: 1099px){.text--normal{font-size:1.4rem}}.br--pc{display:block}.br--sp{display:none}@media screen and (max-width: 1099px){.br--pc{display:none}.br--sp{display:block}}figure.pc{display:block}figure.sp{display:none}@media screen and (max-width: 1099px){figure.pc{display:none}figure.sp{display:block}}@media only screen and (max-width: 1300px) and (min-width: 1041px){.section__1{min-width:auto;box-sizing:border-box;overflow:hidden}}@media only screen and (max-width: 1040px) and (min-width: 768px){.section__1{min-width:auto;box-sizing:border-box;overflow:hidden}}@media screen and (max-width: 767px){.section__1{min-width:auto}.section__1 h1{margin-bottom:32px;font-size:2.4rem}.section__1 figure img{max-width:100%}}.slack_lp_img1{width:708px;height:493px;object-fit:contain}.slack_lp_img2{width:788px;height:500px;object-fit:contain}