@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,50.2%,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.spinner{border:5px solid #f3f3f3;border-top-color:#272788;border-radius:50%;width:60px;height:60px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media only screen and (max-device-width:1024px){.spinner{width:40px;height:40px}}:root{--color-primary:#242452;--background-color-default:#000;--background-color:#d8e4ea;--height-header-pc:70px;--height-header-sp:48px;--padding-content-pc:40px;--padding-content-sp:25px;--padding-bottom-content-sp:80px;--margin-top-button-normal-pc:14px;--margin-top-button-normal-sp:8px;--margin-top-button-rounded-pc:20px;--margin-top-button-rounded-sp:14px;--margin-home-left-right-column-pc:40px;--margin-home-left-right-column-sp:20px;--max-width:100%;font-size:62.5%}a,button,input[type=button],select{touch-action:manipulation;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;cursor:pointer}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;color:#000;background-color:#fff;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTEyIDZsLTQgNC00LTQiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}a:disabled,button:disabled,input[type=button]:disabled,select:disabled{cursor:unset}button,input[type=button]{outline:none;background:none;border:none;cursor:pointer}body{margin:auto;width:100%;text-align:center;font-family:"Noto Sans JP",sans-serif;background-color:var(--background-color-default)}.button-temp{width:240px;height:50px;background-color:var(--color-primary);padding:10px 20px;font-size:15px}.button-env-chip,.button-temp{color:#fff;border:none;border-radius:40px;transition:background-color .3s;cursor:pointer}.button-env-chip{width:50px;height:26px;background-color:#65aaf4;font-size:12px}.button-header-logo,.button-header-logo img{width:auto;height:60px;cursor:pointer}.button-header-back,.button-header-back img{width:auto;height:39px;cursor:pointer}.button-normal,.button-normal img{width:275px;height:auto;cursor:pointer}.button-rounded,.button-rounded img{width:300px;height:auto;cursor:pointer}.button-back,.button-back img{width:160px;height:auto;cursor:pointer}.button-share,.button-share img{width:130px;height:auto;cursor:pointer}.button-tekiou,.button-tekiou img{width:110px;height:auto;margin-bottom:5px;cursor:pointer}.button-tojiru,.button-tojiru img{width:180px;height:auto;margin-top:12px;cursor:pointer}.button-hozon,.button-hozon img{width:160px;height:auto;margin-top:12px;cursor:pointer}.button-icon,.button-icon img{width:auto;height:60px;cursor:pointer}.button-back:active,.button-env-chip:active,.button-header-back:active,.button-header-logo:active,.button-hozon:active,.button-icon:active,.button-normal:active,.button-rounded:active,.button-share:active,.button-tekiou:active,.button-temp:active,.button-tojiru:active,.card-list img:active,a>img:active,button>img:active{opacity:.5;transition:opacity .2s ease}@media (hover:hover){.button-back:hover,.button-env-chip:active,.button-header-back:hover,.button-header-logo:hover,.button-hozon:hover,.button-icon:hover,.button-normal:hover,.button-rounded:hover,.button-share:hover,.button-tekiou:hover,.button-temp:hover,.button-tojiru:hover,.card-list img:hover,a>img:hover,button>img:hover{opacity:.5;transition:opacity .2s ease}}.required:after{content:"必須";color:#fff;background:#f22929;font-size:.7em;padding:.3em;border-radius:.5em;margin-left:.5em}@media only screen and (max-width:896px){.button-temp{width:190px;height:42px;padding:10px 20px;font-size:13px}.button-env-chip{width:45px;height:22px;font-size:11px}.button-header-logo,.button-header-logo img{height:45px}.button-header-back,.button-header-back img{height:30px}.button-normal,.button-normal img{width:200px}.button-rounded,.button-rounded img{width:220px}.button-back,.button-back img{width:120px}.button-share,.button-share img{width:100px}.button-tekiou,.button-tekiou img{width:90px;margin-bottom:3px}.button-tojiru,.button-tojiru img{width:140px;margin-top:2px}.button-hozon,.button-hozon img{width:120px;margin-top:2px}.button-icon,.button-icon img{height:46px}}.auth{display:flex;justify-content:center;align-items:center}.auth .error{font-size:2.6rem;color:red}@media only screen and (max-device-width:1024px){.auth .error{font-size:1.8rem}}.battle-ready{padding:50px;min-height:100vh;background-color:#000;max-width:var(--max-width);margin:auto}.battle-ready .title{font-size:22px;color:#fff;border:none}.battle-ready .button-start{display:block;width:330px;margin:23px auto auto}.battle-ready .button-start:active,.battle-ready .button-start:hover{opacity:.5;transition:.3s}@media only screen and (max-device-width:1024px){.battle-ready{padding:32px}.battle-ready .title{font-size:18px}.battle-ready .button-start{display:block;width:260px;margin:22px auto auto}}.dialog-root{position:fixed;top:0;left:calc(50% - var(--max-width)/2);left:0;height:100%;width:100%;margin:auto;max-width:var(--max-width);display:flex;justify-content:center;align-items:center;align-content:center;z-index:100}.normal{background:#fff;border-radius:10px;display:flex;flex-direction:column;padding:10px;max-width:70%;box-shadow:6px 6px 10px 0 rgba(0,0,0,.4)}.normal .textMessage{white-space:pre-line}.normal .textMessage,.normal .url{display:block;font-size:1.5rem;margin-bottom:1.5rem}.normal .url{overflow-wrap:break-word;color:#00f;text-decoration:underline}.normal .okBottun{display:inline-block;font-size:1.5rem;color:red;margin-left:3rem}.normal .cancelBottun{display:inline-block;font-size:1.5rem;color:#00f}.select-device{background:#fff;border-radius:10px;display:flex;flex-direction:column;padding:10px}.select-device select{max-width:var(--max-width)}.select-device .item{font-size:1.6rem;color:#000}.select-device .comment{margin-top:1rem;padding:10px;font-size:1rem;color:#000}.select-device button{margin-top:1.5rem;padding-bottom:1rem;color:#000;border:none;font-size:1.6rem}.video-preview{width:90%;max-width:500px;margin:16px auto 0;position:relative;padding-top:56%}.video-preview video{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}.volume-meter{width:120px;height:16px;background:#000;margin:16px auto 0}@media (max-height:500px){.select-device{width:33%}.select-device .item{margin:4px}.select-device .comment{margin:0;padding:2px}.video-preview{margin-top:4px}.select-device button{margin-top:.5rem;padding:0;color:red}}.webrtc{width:100%;max-width:100vw;position:relative;background-color:#000}.webrtc div{box-sizing:border-box}.webrtc .closing{width:100%;height:100vh}.webrtc .streams{position:relative;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.webrtc .streams p{font-size:1.4rem}.webrtc .streams .stream-buttons{position:absolute;height:auto;display:flex;flex-direction:row;justify-content:space-around;align-items:center;top:1rem}.webrtc .streams .stream-buttons button{border:none;padding:.2rem}.webrtc .streams .stream-buttons img{width:80px}.wabrtc .streams .switch-button img,.webrtc-ui-off .streams .switch-button img,.webrtc-ui-on .streams .switch-button img{width:80px;height:auto;position:absolute;top:20px}.wabrtc .streams .switch-button button,.webrtc-ui-off .streams .switch-button button,.webrtc-ui-on .streams .switch-button button{width:100%;height:100%;margin:0}.wabrtc .streams .switch-button p,.webrtc-ui-off .streams .switch-button p,.webrtc-ui-on .streams .switch-button p{margin:0;font-size:medium;padding:1rem}.webrtc .hide{display:none}.webrtc .my-cam-off{width:100%;height:100%;color:#fff;display:flex;justify-content:center;align-items:center}.webrtc .my-cam-off img{width:calc(90px*var(--zep2-aspect))}.webrtc .calling{position:absolute;top:calc(50% - 20px);left:calc(50% - 20px);top:0;left:0;width:100%;margin:auto;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;touch-action:none;pointer-events:none}.webrtc .calling p{margin:0;font-family:HiraKakuPro-W3;color:#fff}.webrtc .streams .local-stream,.webrtc .streams .remote-stream{position:relative}.webrtc .streams .local-stream video,.webrtc .streams .remote-stream video{width:100%;object-fit:contain}.webrtc .test-log{border:1px solid hsla(0,0%,100%,.12941176470588237);color:#fff;font-size:5px;filter:drop-shadow(0 0 2px black);position:absolute;bottom:0;right:1em;overflow:scroll;height:50%;touch-action:none;pointer-events:none}.wabrtc .streams .switch-button,.webrtc .streams .reconnect-button,.webrtc .streams .stream-buttons,.webrtc .streams .user-name{transition:opacity .3s}.webrtc-ui-off .streams .reconnect-button,.webrtc-ui-off .streams .stream-buttons,.webrtc-ui-off .streams .switch-button,.webrtc-ui-off .streams .user-name{opacity:0;touch-action:none;pointer-events:none}.webrtc-ui-on .streams .reconnect-button,.webrtc-ui-on .streams .stream-buttons,.webrtc-ui-on .streams .switch-button,.webrtc-ui-on .streams .user-name{opacity:1}.webrtc #connection-type,.webrtc #my-bitrate,.webrtc #other-bitrate,.webrtc #volume-ele{position:absolute;color:#fff;z-index:3;filter:drop-shadow(0 0 2px black);white-space:pre-wrap}.webrtc #my-bitrate{top:0;left:1em}.webrtc #other-bitrate{top:3em;left:1em}.webrtc #connection-type{top:6em;left:1em}.webrtc .streams .user-name{width:100%;min-height:auto;position:absolute;display:flex;flex-direction:row;justify-content:center;bottom:2rem;font-size:1.6rem;color:#fff}.webrtc .spectator-view .local-stream{transform:rotate(90deg)}.webrtc .spectator-view .remote-stream{transform:rotate(-90deg)}.webrtc .spectator-view video{object-fit:scale-down}.webrtc .reconnect-button{position:absolute;width:26rem;top:calc(50% + 4rem);right:0;left:0;margin:auto;background-color:hsla(0,0%,100%,.3);border-radius:2rem;padding:1rem}.webrtc .reconnect-button button{color:#fff}.webrtc .coin-toss{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1}.webrtc .coin-toss img{width:"auto";height:65%}.webrtc .battle-comment-modal{position:fixed;width:700px;padding:20px;background-color:#fff;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:15px;z-index:200}.webrtc .battle-comment-modal h4{font-size:18px;text-align:left;margin-bottom:10px}.webrtc .battle-comment-modal textarea{width:100%;height:200px;border:2px solid #000;resize:none;padding:10px;box-sizing:border-box}.webrtc .battle-comment-modal .block-check{display:flex;align-items:center;width:-moz-fit-content;width:fit-content;font-size:14px}.webrtc .battle-comment-modal .block-check input{margin:0!important;width:18px;height:18px}.webrtc .battle-comment-modal .block-check label{margin-left:10px}.webrtc .battle-comment-modal .button-group{display:flex;align-items:center;padding-top:50px}.webrtc .battle-comment-modal .button-group button{margin:0}.webrtc .battle-comment-modal .button-group .cancel-comment{width:-moz-fit-content;width:fit-content;margin-right:auto;color:#1d72b3;font-size:15px}.webrtc .battle-comment-modal ul{padding-left:0}.webrtc .battle-comment-modal h5{font-size:14px;text-align:left;margin-bottom:10px}.webrtc .battle-comment-modal ul li{margin-bottom:6px;list-style:none}.webrtc .battle-comment-modal ul li label{display:flex;align-items:center;font-size:14px}.webrtc .battle-comment-modal ul li label input{width:16px;height:16px;display:block;margin-right:5px}.webrtc .battle-comment-modal .button-group .send-comment{margin-right:30px;color:red;font-size:16px}.webrtc .battle-block-modal{position:fixed;width:700px;padding:20px;background-color:#fff;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:15px;z-index:200}.webrtc .battle-block-modal h4{font-size:15px;text-align:left;color:grey;margin-bottom:20px}.webrtc .battle-block-modal .block-check{display:flex;align-items:center;width:-moz-fit-content;width:fit-content;font-size:14px}.webrtc .battle-block-modal .block-check input{margin:0!important;width:18px;height:18px}.webrtc .battle-block-modal .block-check label{margin-left:10px}.webrtc .battle-block-modal .button-group{display:flex;align-items:center;padding-top:50px}.webrtc .battle-block-modal .button-group button{margin:0}.webrtc .battle-block-modal .button-group .cancel-comment{width:-moz-fit-content;width:fit-content;margin-right:auto;color:#1d72b3;font-size:15px}.webrtc .battle-block-modal .button-group .send-comment{margin-right:30px;color:red;font-size:16px}.webrtc .point-get-modal{position:fixed;width:370px;padding:20px 22px;background-color:#252452;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:15px;z-index:200}.webrtc .point-get-modal h4{font-size:26px;text-align:center;color:#fff;letter-spacing:.25em;margin-top:10px;margin-bottom:20px}.webrtc .point-get-modal .point-box{display:flex;justify-content:center;align-items:center;padding:2px 12px;width:250px;min-height:60px;border-radius:5px;background-color:#fff;color:var(--color-primary);margin:auto auto 24px}.webrtc .point-get-modal .point-box .point{flex-grow:1;font-size:24px;text-align:center}.webrtc .point-get-modal .point-box .unit{font-size:24px;font-weight:700}.webrtc .point-get-modal .point-get-image{width:200px;height:auto}.webrtc .mask{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:190}@media screen and (max-width:896px){.webrtc .streams .stream-buttons img{width:70px}.webrtc .coin-toss img{width:"auto";height:65%}.webrtc .battle-block-modal,.webrtc .battle-comment-modal{width:90vw;max-height:95vh;overflow:scroll}.webrtc .battle-comment-modal h4{margin-top:0}.webrtc .battle-comment-modal .block-check label{flex:1 1}.webrtc .battle-comment-modal .block-check{align-items:flex-start}.webrtc .point-get-modal{width:275px;padding:6px 8px}.webrtc .point-get-modal h4{font-size:20px;letter-spacing:.2em;margin-top:10px;margin-bottom:15px}.webrtc .point-get-modal .point-box{padding:8px 12px;width:180px;min-height:20px;margin-bottom:14px}.webrtc .point-get-modal .point-box .point{font-size:18px}.webrtc .point-get-modal .point-box .unit{font-size:16px}.webrtc .point-get-modal .point-get-image{width:152px}}.battle-wait{padding:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000;max-width:var(--max-width);margin:auto}.battle-wait>:not(:first-child){margin-top:23px}.battle-wait .title{color:#fff;font-size:22px;font-weight:700;padding-bottom:.4rem;letter-spacing:.4rem;border-bottom:dotted;border-width:3px}.battle-wait .loading{width:230px;height:auto}@media only screen and (max-device-width:1024px){.battle-wait{padding:32px}.battle-wait>:not(:first-child){margin-top:22px}.battle-wait .title{font-size:18px}.battle-wait .loading{width:180px}}.share-button-box{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 25px;width:410px;height:70px;border-radius:5px;background-color:#fff;color:var(--color-primary)}.share-button-box .label{flex-grow:1;font-size:20px;letter-spacing:.1em;font-weight:700}.input-box{display:flex;flex-direction:column;justify-content:center;align-items:center}.input-box .input-title{margin-bottom:8px;font-size:17px;font-weight:700;color:var(--color-primary)}.rounded-input-box input[type=text],input[type=email],input[type=password],select{box-sizing:border-box;padding:0 15px;width:460px;height:50px;border:none;border-radius:100px;font-size:18px}.square-input-box input[type=text],input[type=email],input[type=password],select{box-sizing:border-box;padding:0 15px;width:460px;height:50px;border:none;border-radius:5px;font-size:18px}@media only screen and (max-device-width:1024px){.share-button-box{width:295px;height:57px}.share-button-box .label{font-size:15px}.input-box .input-title{font-size:14px}.rounded-input-box input[type=text],.square-input-box input[type=text],input[type=email],input[type=password],select{width:345px;height:40px;font-size:15px}}.debug{display:flex;flex-direction:column;justify-content:center;align-items:center}.debug .section-title{font-size:15px;font-weight:700;color:var(--color-primary)}.debug .input-box-margin{margin-top:15px}.debug .button-temp{margin-top:30px}@media only screen and (max-device-width:1024px){.debug .input-box-margin{margin-top:12px}.debug .button-temp{margin-top:22px}}.event-select{display:flex;flex-direction:column;justify-content:center;align-items:center}.event-select>:not(:first-child){margin-top:var(--margin-top-button-normal-pc)}.event-select .no-event{font-size:18px;color:var(--color-primary)}@media only screen and (max-device-width:1024px){.event-select>:not(:first-child){margin-top:var(--margin-top-button-normal-sp)}.event-select .no-event{font-size:14px}}.box{font-size:1rem;position:absolute;top:50%;left:50%;display:block;padding:2em;min-width:20em;max-width:70%;color:#000;background-color:#fff;border-radius:1em;transform:translate(-50%,-50%);outline:transparent}.box .textMessage{display:block;font-size:1.5rem;margin-bottom:1.5rem}.box .okBottun{color:red;margin-left:3rem}.box .cancelBottun,.box .okBottun{display:inline-block;font-size:1.5rem}.box .cancelBottun{color:#00f}.Overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5)}.format-select{display:flex;flex-direction:column;justify-content:center;align-items:center}.format-select>:not(:first-child){margin-top:var(--margin-top-button-normal-pc)}@media only screen and (max-device-width:1024px){.format-select>:not(:first-child){margin-top:var(--margin-top-button-normal-sp)}}.free-match{display:flex;flex-direction:column;justify-content:center;align-items:center}.free-match>:not(:first-child){margin-top:var(--margin-top-button-normal-pc)}@media only screen and (max-device-width:1024px){.free-match>:not(:first-child){margin-top:var(--margin-top-button-normal-sp)}}.friend-invitation{display:flex;flex-direction:column;justify-content:center;align-items:center}.friend-invitation>:not(:first-child){margin-top:30px}.friend-invitation .release-event-friend-invitation-image{width:530px;height:auto}.friend-invitation .input-button{display:flex;flex-direction:row;justify-content:center;align-items:flex-end}.friend-invitation .input-button-copy{margin-left:70px}.friend-invitation .input-button-tekiou{margin-left:120px}.friend-invitation .input-button>:not(:first-child){margin-left:10px}@media only screen and (max-device-width:1024px){.friend-invitation>:not(:first-child){margin-top:19px}.friend-invitation .release-event-friend-invitation-image{width:400px;height:auto}.friend-invitation .input-button-copy{margin-left:53px}.friend-invitation .input-button-tekiou{margin-left:97px}.friend-invitation .input-button>:not(:first-child){margin-left:7px}}.friend-match{display:flex;flex-direction:column;justify-content:center;align-items:center}.friend-match>:not(:first-child){margin-top:30px}@media only screen and (max-device-width:1024px){.friend-match>:not(:first-child){margin-top:21px}}.home{flex-direction:row}.home,.home .left{display:flex;justify-content:center;align-items:flex-start}.home .left{flex-direction:column;margin-right:var(--margin-home-left-right-column-pc)}.home .left>:not(:first-child){margin-top:var(--margin-top-button-rounded-pc)}.home .left .user-name-box{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 15px;width:265px;min-height:60px;border-radius:5px;background-color:#fff;color:var(--color-primary)}.home .left .user-name-box .label{font-size:12px;color:grey;margin-bottom:5px}.home .left .user-name-box .user-name{width:100%;font-size:16px;text-align:left}.home .left .point-box{display:flex;justify-content:space-between;align-items:center;padding:0 15px;width:145px;min-height:50px;border-radius:5px;background-color:#fff;color:var(--color-primary)}.home .left .point-box .point{flex-grow:1;font-size:16px;text-align:left}.home .left .point-box .unit{font-size:14px;font-weight:700}.home .right{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;margin-left:var(--margin-home-left-right-column-pc)}.home .right>:not(:first-child){margin-top:var(--margin-top-button-normal-pc)}@media only screen and (max-device-width:1024px){.home .left{margin-right:var(--margin-home-left-right-column-sp)}.home .left>:not(:first-child){margin-top:var(--margin-top-button-rounded-sp)}.home .left .user-name-box{width:185px;min-height:50px}.home .left .user-name-box .label{font-size:10px;margin-bottom:3px}.home .left .user-name-box .user-name{font-size:14px}.home .left .point-box{width:90px;min-height:40px}.home .left .point-box .point{font-size:14px}.home .left .point-box .unit{font-size:12px}.home .right{margin-left:var(--margin-home-left-right-column-sp)}.home .right>:not(:first-child){margin-top:var(--margin-top-button-normal-sp)}}.how-to-use{--line-height-pc:31px;--line-height-sp:25px;--font-size-section-title-pc:19px;--font-size-section-title-sp:14px;--font-size-section-text-pc:13px;--font-size-section-text-sp:12px;--font-size-section-dot-text-pc:15px;--font-size-section-dot-text-sp:14px;--font-size-accordion-title-pc:15px;--font-size-accordion-title-sp:14px;--width-how-to-use-image-pc:650px;--width-how-to-use-image-sp:360px;--width-point-get-image-pc:280px;--width-point-get-image-sp:160px;--height-accordion-title-box-pc:48px;--height-accordion-title-box-sp:41px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 170px;line-height:var(--line-height-pc);text-align:left}.how-to-use>:not(:first-child){margin-top:25px}.how-to-use .section{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%}.how-to-use .section .section-title{width:100%;font-size:var(--font-size-section-title-pc);font-weight:700;letter-spacing:.08em;color:var(--color-primary)}.how-to-use .section .text{width:100%;font-size:var(--font-size-section-text-pc);letter-spacing:.08em;color:#2f2f2f;white-space:pre-wrap}.how-to-use .section .dot-text{margin-top:12px;width:100%;font-size:var(--font-size-section-dot-text-pc);font-weight:700;letter-spacing:.08em;color:var(--color-primary)}.how-to-use .section .how-to-use-image{margin:8px 0;width:var(--width-how-to-use-image-pc);height:auto;border:1px solid #fff}.how-to-use .section .point-get-image{width:var(--width-point-get-image-pc)}.accordion{flex-direction:column;justify-content:center;margin-top:12px}.accordion,.accordion .title-box{display:flex;align-items:center;width:100%}.accordion .title-box{justify-content:space-between;box-sizing:border-box;padding:10px;height:var(--height-accordion-title-box-pc);background:#f0f0f0;cursor:pointer}.accordion .title-box .title{font-size:var(--font-size-accordion-title-pc);font-weight:700;letter-spacing:.08em;color:var(--color-primary)}.accordion .title-box .toggle-button{background:none;border:none;font-size:24px;color:var(--color-primary);cursor:pointer}.accordion .accordion-content{display:flex;flex-direction:column;box-sizing:border-box;width:100%;padding:18px}@media only screen and (max-device-width:1024px){.how-to-use{padding:0 100px;line-height:var(--line-height-sp)}.how-to-use>:not(:first-child){margin-top:15px}.how-to-use .section .section-title{font-size:var(--font-size-section-title-sp)}.how-to-use .section .text{font-size:var(--font-size-section-text-sp)}.how-to-use .section .dot-text{margin-top:8px;font-size:var(--font-size-section-dot-text-sp)}.how-to-use .section .how-to-use-image{margin:7px 0;width:var(--width-how-to-use-image-sp)}.how-to-use .section .point-get-image{width:var(--width-point-get-image-sp)}.accordion{margin-top:10px}.accordion .title-box{padding:8px;height:var(--height-accordion-title-box-sp)}.accordion .title-box .title{font-size:var(--font-size-accordion-title-sp)}.accordion .title-box .toggle-button{font-size:22px}.accordion .accordion-content{padding:13px}}.menu{flex-direction:row;position:fixed;box-sizing:border-box;top:var(--height-header-pc);left:0;right:0;padding:var(--padding-content-pc);width:100%;min-height:calc(100vh - var(--height-header-pc));background-color:var(--background-color)}.menu,.menu .left{display:flex;justify-content:center;align-items:flex-start}.menu .left{flex-direction:column;margin-right:var(--margin-home-left-right-column-pc)}.menu .left>:not(:first-child){margin-top:var(--margin-top-button-rounded-pc)}.menu .right{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;margin-left:var(--margin-home-left-right-column-pc)}.menu .right>:not(:first-child){margin-top:var(--margin-top-button-rounded-pc)}@media only screen and (max-device-width:1024px){.menu{top:var(--height-header-sp);padding:var(--padding-content-sp);min-height:calc(100vh - var(--height-header-sp))}.menu .left{margin-right:var(--margin-home-left-right-column-sp)}.menu .left>:not(:first-child){margin-top:var(--margin-top-button-rounded-sp)}.menu .right{margin-left:var(--margin-home-left-right-column-sp)}.menu .right>:not(:first-child){margin-top:var(--margin-top-button-rounded-sp)}}.header{justify-content:space-between;position:fixed;box-sizing:border-box;top:0;left:0;padding:0 20px;width:100%;height:var(--height-header-pc);background-color:var(--color-primary);z-index:10}.header,.header .logo-chip{display:flex;align-items:center}.header .logo-chip{flex-direction:row;justify-content:flex-start;width:240px}.header .header-title{font-size:17px;font-weight:700;color:#fff}.header .buttons{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:240px}.header .buttons>:not(:last-child){margin-right:18px}.content,.content-no-header{width:100%;min-height:100vh}.content{box-sizing:border-box;padding:calc(var(--height-header-pc) + var(--padding-content-pc)) var(--padding-content-pc) var(--padding-content-pc);background-color:var(--background-color)}@media only screen and (max-device-width:1024px){.header{padding:0 24px;height:var(--height-header-sp)}.header .header-title{font-size:14px}.header .buttons>:not(:last-child){margin-right:14px}.content{padding:calc(var(--height-header-sp) + var(--padding-content-sp)) var(--padding-content-sp) var(--padding-bottom-content-sp)}}.login{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.login .login-instruction{display:block;position:relative;width:400px;height:auto;z-index:0}.login .line-login{display:flex;flex-direction:column;position:absolute;bottom:-55px;left:50%;transform:translateX(-50%);z-index:1}.login .line-login>:not(:first-child){margin-top:16px}@media only screen and (max-device-width:1024px){.login .login-instruction{width:248px;margin-bottom:100px}.login .line-login{bottom:60px}.login .line-login>:not(:first-child){margin-top:6px}}.login-email{display:flex;flex-direction:column;justify-content:center;align-items:center}.login-email>:not(:first-child){margin-top:30px}.login-email .error{font-size:1.6rem;color:red}@media only screen and (max-device-width:1024px){.login-email>:not(:first-child){margin-top:21px}.login-email .error{font-size:1.2rem}}.maintainance{display:flex;flex-direction:column;justify-content:center;align-items:center}.maintainance .notice{font-size:18px;line-height:34px;color:var(--color-primary)}@media only screen and (max-device-width:1024px){.maintainance .notice{font-size:14px;line-height:30px}}.my-page{display:flex;flex-direction:column;justify-content:center;align-items:center}.my-page .user-icon{width:125px;height:auto;margin-bottom:10px}.my-page .button-hozon-margin{margin-top:30px}.my-page .button-account-sakujo-margin{margin-top:48px}@media only screen and (max-device-width:1024px){.my-page .user-icon{width:95px;margin-bottom:7px}.my-page .button-hozon-margin{margin-top:21px}.my-page .button-account-sakujo-margin{margin-top:32px}}.notice{display:flex;flex-direction:column;justify-content:center;align-items:center}.notice .banner{width:370px}@media only screen and (max-device-width:1024px){.notice .banner{width:270px}}.point-request{display:flex;flex-direction:column;justify-content:center;align-items:center}.point-request>:not(:first-child){margin-top:30px}@media only screen and (max-device-width:1024px){.point-request>:not(:first-child){margin-top:21px}}.registration{display:flex;flex-direction:column;justify-content:center;align-items:center}.registration>:not(:first-child){margin-top:30px}.registration .error{font-size:1.6rem;color:red}@media only screen and (max-device-width:1024px){.registration>:not(:first-child){margin-top:21px}.registration .error{font-size:1.2rem}}.rotate-warning{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);color:#fff;font-size:1.5em;text-align:center;z-index:1000}
/*# sourceMappingURL=main.3de25077.chunk.css.map */