html{scroll-behavior:smooth}.sp_mode{display:none}body,html{background:#fafafa!important;color:#232323!important;font-family:Noto Sans JP,sans-serif}p,div,span,h1,li,a{font-family:Noto Sans JP,sans-serif;font-weight:400}a{text-decoration:none;color:#232323}.main-visual{width:100%;position:relative;line-height:0}.main-visual:before{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background-color:#00000080;z-index:10}.main-visual img,.main-visual video{width:100%;height:100%;object-fit:cover}.swiper-slide img{height:100%}@keyframes zoomUp{0%{transform:scale(1.15)}to{transform:scale(1)}}.swiper-slide-active img,.swiper-slide-duplicate-active img,.swiper-slide-prev img{animation:zoomUp 7s linear 0s normal both}.swiper-slide img{height:auto;width:100%}.visual-msg-item{width:60%;display:flex;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;z-index:100}.vis-left-parts{width:45%}.bwithu-logo{width:80px;padding-top:50px}.bwithu-logo img{width:100%;object-fit:contain;height:auto}.input-btn{width:150px;margin:24px 0 32px}.input-btn img{width:100%;object-fit:contain;height:auto!important}.vis-left-parts h1 p{font-size:40px;color:#fff;font-weight:700;line-height:60px;margin:0;white-space:nowrap}.vis-left-parts h2 p,.app-install{font-size:16px;line-height:1.5;margin:0;color:#fff;font-weight:200}.vis-right-parts{width:55%}.vis-right-parts img{width:100%;margin:0 auto;object-fit:contain;object-position:bottom}.vis-left-parts ul{display:flex;list-style:none;gap:5px;justify-content:flex-start;padding-left:0}.vis-left-parts li{width:120px}.vis-left-parts li img{width:100%;object-fit:contain}.concept-wrap{background:#efefef;width:100%}.concept-img-wrap{width:800px;margin:0 auto;padding:32px 0}.concept-wrap img{width:100%;object-fit:contain}.concept-title{text-align:center;font-size:32px;font-weight:700;padding-bottom:16px}.concept-message p{text-align:center;font-size:16px;margin:0 auto;width:54%}.information-wrap,.btown-banner-wrap,.welcome-wrap{width:100%;background:#efefef}.id-icon-wrap,.artist-part-wrap,.benefit-wrap,.faq-part-wrap,.howto-contents-wrap,.welcome-inner,.btown-about-inner{width:54%;margin:0 auto;padding:80px 0}.howto-contents-wrap{padding:80px 0 0}.howto-contents-wrap span,.howto-contents-wrap p{text-decoration:none;color:#000;display:inline-block}.attention{font-size:12px}.youtube-wrap{width:54%;margin:0 auto;padding:16px 0 80px}.youtube-wrap iframe{width:100%;height:550px}.id-icon-wrap ul{display:flex;list-style:none;justify-content:flex-start;padding-left:0;position:relative;left:-7px}.id-icon-wrap li{width:74px}.id-icon-wrap li img{width:100%;object-fit:contain}.id-icon-wrap li:last-of-type img{border-radius:8px;width:58px;margin-top:5px;margin-left:10px}.id-tag{padding-top:16px;font-size:12px;color:#ff3e55;font-family:Figtree,sans-serif;font-weight:700}.concept-wrap .id-tag{text-align:center}.id-title p{font-weight:700;font-size:32px;margin:0;line-height:1.5;letter-spacing:0}.id-message{padding-top:32px}.id-message p{font-size:16px;margin:0;line-height:1.5;letter-spacing:0;color:#000!important;font-weight:400}.artist-block{width:100%;display:flex;gap:32px;justify-content:flex-start;flex-wrap:wrap;padding-top:32px}.artist-item{width:calc(33.33% - 32px)}.artist-image img{width:100%;object-fit:cover;border-radius:50%}.artist-name{font-size:16px;font-weight:700;text-align:center;letter-spacing:0}.fanclub-name{font-size:14px;text-align:center;color:#838383;letter-spacing:0;line-height:1}.benefit-block{display:flex;flex-wrap:wrap;gap:16px;width:100%;padding-top:32px}.benefit-item-wrap{width:calc(50% - 10px);border-radius:16px;background:#fff;padding:25px}.benefit-item-wrap img{width:100%;object-fit:cover}.benefit-title{font-size:20px;font-weight:700;line-height:2.5}.benefit-text p{font-size:16px;margin:0}.faq-block{padding-top:32px}.question{cursor:pointer;padding:15px 0;border-bottom:1px solid #DFDFDF;line-height:2;position:relative;font-size:16px;font-weight:700}.question img{width:28px;object-fit:contain;position:absolute;right:5px}.question.active img{transform:rotate(180deg)}.answer{display:none;overflow:hidden;transition:max-height .5s ease;padding:15px 30px}.answer p{line-heigh:2;font-size:16px}.answer-bold{font-weight:700}.answer.open{display:block;max-height:1000px!important}.floating-download{position:fixed;background:#fff;padding:12px;bottom:50px;left:calc(50% - 188px);filter:drop-shadow(0px 8px 24px rgba(0,0,0,.2));border-radius:12px;z-index:100;animation:2s fade-in 2s forwards;opacity:0}.floating-download ul{display:flex;list-style:none;gap:12px;padding-left:0;margin:0}.bwithu-icon{width:44px;height:44px}.bwithu-title{font-size:20px;font-weight:700;padding-right:60px;line-height:1}.bwithu-title p{font-size:12px;color:#686868;font-weight:600;margin:10px 0 0}.install-btn:hover{cursor:pointer}.install-btn{border-radius:8px;font-size:14px;font-weight:700;background:#efefef;height:44px;line-height:44px;padding:0 12px}.install-btn a{color:#000;font-weight:700}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.howto-wrap ul{list-style:none;padding:0}.howto-wrap li img{width:48px;object-fit:contain}.howto-wrap li{font-size:16px;display:flex;align-items:center;gap:12px;margin-bottom:16px;color:#000;height:55px}.howto-wrap li a{color:#3682f3;text-decoration-line:underline}.howto-wrap .id-title{margin-bottom:32px}.welcome-message p{font-size:16px;line-height:1.5}.welcome-skyhi{display:flex;gap:16px;align-items:center}.welcome-skyhi img{width:80px;object-fit:contain;margin:16px 0 0}.skyhi-name{font-size:16px;font-weight:700;line-height:.5}.skyhi-ceo{color:#838383;font-size:14px;line-height:1}.btown-banner img{width:100%;object-fit:contain}.btown-about-wrap{background:#efefef}.btown-about-title-wrap{position:relative}.btown-logo-image{position:absolute;top:12px;left:140px;width:64px;border-radius:8px}.btown-logo-image img{width:100%;object-fit:contain;border-radius:8px}.join_btown{width:100%;border-radius:12px;padding:24px;text-align:center;background:#000;color:#fff;margin-top:32px;font-size:20px;line-height:100%;letter-spacing:-1.24px}@media (max-width: 1300px){.pc_mode{display:none}.sp_mode{display:block}.main-visual img,.main-visual video{height:640px}.visual-msg-item{width:85%;flex-wrap:wrap}.bwithu-logo{padding:0;margin:40px auto;width:60px}.bwithu-logo img{height:35px}.vis-left-parts h2{text-align:center}.vis-left-parts li img{height:40px}.vis-left-parts,.vis-right-parts{width:100%}.vis-right-parts img{height:auto;max-width:285px;position:relative;top:-32px}.vis-left-parts h1,.vis-left-parts h2{margin:0}.vis-left-parts h1 p{font-size:24px;line-height:1.5;text-align:center}.input-btn{margin:12px auto 24px}.app-install{padding-top:8px;text-align:center}.vis-left-parts ul{justify-content:center;margin:8px auto 24px}.concept-wrap{background:#efefef;width:100%;position:relative;z-index:100;padding:40px 0}.artist-part-wrap{background:#fafafa;position:relative;z-index:100}.concept-img-wrap{width:100%}.concept-title{font-size:20px}.concept-message p{font-size:14px;width:85%;margin:0 auto}.id-icon-wrap,.artist-part-wrap,.howto-contents-wrap,.welcome-inner,.btown-banner,.btown-about-inner{width:85%;padding:40px 0}.howto-contents-wrap{padding:40px 0 0}.id-title p{font-size:20px}.id-message p{font-size:14px}.id-message{padding-top:16px}.artist-part-wrap .id-tag,.benefit-wrap .id-tag,.concept-wrap .id-tag{//text-align: center;line-height:1}.artist-part-wrap .id-title,.benefit-wrap .id-title{//text-align: center;font-size:20px}.artist-block{gap:16px;padding-top:16px}.artist-item{width:calc(33.333% - 16px)}.artist-name{font-size:14px;white-space:nowrap}.fanclub-name{font-size:11px}.benefit-item-wrap{width:100%}.benefit-wrap,.faq-part-wrap{width:90%;padding:40px 0}.benefit-title{font-size:18px}.benefit-text p{font-size:14px}.faq-block{padding-top:16px}.answer{padding:15px}.floating-download{width:92%;left:5%;bottom:100px}.floating-download ul{justify-content:space-between}.bwithu-title,.install-btn{white-space:nowrap}.howto-wrap li{font-size:14px;height:65px}.app-install{display:flex;align-items:center;justify-content:center;white-space:nowrap}.app-install:before,.app-install:after{border-top:1px solid;content:"";width:3em}.app-install:before{margin-right:1em}.app-install:after{margin-left:1em}.concept-wrap img,.btown-banner img{padding:0 16px}.youtube-wrap{padding:0 0 40px;width:100%}.youtube-wrap iframe{width:100%;height:250px;padding:0 16px}.btown-logo-image{position:relative;top:15px;left:-10px}.join_btown{width:100%;padding:19px;margin-top:32px;font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/bwithu-service.css.map */