.has-dialog{overflow:hidden}.c-dialog{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;opacity:0;transition:opacity .5s}.has-dialog{overflow:hidden}.c-dialog.-closing{display:none}.c-dialog[aria-hidden=false]{opacity:1}.c-dialog__wrap{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;background:rgba(0,0,0,.6);-webkit-overflow-scrolling:touch}.c-dialog__cnt{position:absolute;right:50%;bottom:50%;z-index:2;width:calc(100% - 50 * var(--font-ratio) * 1px);max-width:calc(1020 * var(--font-ratio) * 1px);max-height:100%;transform:translate(50%,50%)}.c-dialog__cnt.img{width:100%;max-width:1200px}.c-dialog__cnt.w800{max-width:calc(800 * var(--font-ratio) * 1px)}.c-dialog__main{position:relative;width:100%;padding:calc(40 * var(--font-ratio) * 1px) 0 calc(15 * var(--font-ratio) * 1px);transition:transform .5s ease}[aria-hidden=true] .c-dialog__main{transform:translateY(100px)}[aria-hidden=false] .c-dialog__main{transform:translateY(0)}.c-dialog__inr{position:relative;background:#fff}.c-dialog__video{position:relative;width:100%;padding-top:56.666%}.c-dialog__video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.c-dialog__close{position:absolute;top:0;right:0;z-index:10;width:calc(80 * var(--font-ratio) * 1px);height:calc(30 * var(--font-ratio) * 1px);background:url(../img/common/dialog_close.svg) no-repeat 0 0/100%}.c-dialog iframe{display:block;width:100%;border:0}@media (max-width:768px){.c-dialog__main{padding:calc(70 * var(--font-ratio) * 1px) 0 calc(30 * var(--font-ratio) * 1px)}.c-dialog__close{width:calc(150 * var(--font-ratio) * 1px);height:calc(55 * var(--font-ratio) * 1px)}}[data-guard]{pointer-events:none}.c-dialog__wrap{background:rgba(0,16,48,.7)}.c-dialog__inr,.c-dialog__video{overflow:hidden;border:calc(6 * var(--font-ratio) * 1px) solid #fff;border-radius:calc(6 * var(--font-ratio) * 1px)}.c-dialog__close{position:absolute;top:calc(40 * var(--font-ratio) * 1px);right:calc(-66 * var(--font-ratio) * 1px);z-index:10;width:calc(52 * var(--font-ratio) * 1px);height:calc(79 * var(--font-ratio) * 1px);background:url(../img/common/dialog_close.svg) no-repeat 0 0/100%}@media (max-width:1200px){.c-dialog__close{top:calc(-20 * var(--font-ratio) * 1px);right:calc(10 * var(--font-ratio) * 1px);width:calc(141 * var(--font-ratio) * 1px);height:calc(50 * var(--font-ratio) * 1px);background-image:url(../img/common/dialog_close_sp.svg)}}@media (max-width:768px){.c-dialog__inr,.c-dialog__video{border-width:calc(4 * var(--font-ratio) * 1px);border-radius:calc(4 * var(--font-ratio) * 1px)}.c-dialog__close{top:calc(10 * var(--font-ratio) * 1px);right:calc(10 * var(--font-ratio) * 1px);width:calc(141 * var(--font-ratio) * 1px);height:calc(50 * var(--font-ratio) * 1px)}}.p-beginners-wrap{--_bg-position:fixed;--_text-color:#3968b1;--_ff-zenmaru:"Zen Maru Gothic",sans-serif;position:relative;background-color:#dbf3fd}.p-beginners-wrap img{max-width:100%;height:auto}.p-beginners-wrap__background{position:var(--_bg-position);bottom:0;left:0;z-index:0;width:100vw;height:calc(100vh - 80px)}.p-beginners-wrap__background .menu{position:absolute;top:50%;right:0;z-index:2;padding-bottom:calc(80 * var(--font-ratio) * 1px);margin-right:calc((100% - 379 * var(--font-ratio) * 1px)/ 4);transform:translate(50%,-50%)}.p-beginners-wrap__background .menu ul>*+*{margin-top:calc(16 * var(--font-ratio) * 1px)}.p-beginners-wrap__background .menu li a{position:relative;display:block;width:calc(320 * var(--font-ratio) * 1px);transition:.2s}.p-beginners-wrap__background .menu li a img{display:block;width:100%}.p-beginners-wrap__background .menu li a .icon-step{position:absolute;top:0;left:0;width:calc(61 * var(--font-ratio) * 1px);margin-top:calc(-8 * var(--font-ratio) * 1px);margin-left:calc(-16 * var(--font-ratio) * 1px)}@media (any-hover:hover) and (pointer:fine){.p-beginners-wrap__background .menu li a:where(:any-link):hover{opacity:.6}.p-beginners-wrap__background .menu li a:where(:enabled):hover{opacity:.6}.p-beginners-wrap__background .menu li a:where(:any-link):focus-visible{opacity:.6}.p-beginners-wrap__background .menu li a:where(:enabled):focus-visible{opacity:.6}}.p-beginners-wrap__background .button{margin-top:calc(24 * var(--font-ratio) * 1px)}.p-beginners-wrap__background .button-register-title{margin-left:calc(-15 * var(--font-ratio) * 1px)}.p-beginners-wrap__background .kumahon{position:absolute;right:calc(-95 * var(--font-ratio) * 1px);bottom:calc(165 * var(--font-ratio) * 1px);z-index:-1;width:calc(140 * var(--font-ratio) * 1px)}.p-beginners-wrap__background .bg-title{position:absolute;top:50%;left:0;z-index:2;width:calc(510 * var(--font-ratio) * 1px);margin-left:calc((100% - 379 * var(--font-ratio) * 1px)/ 4);transform:translate(-50%,-100%)}.p-beginners-wrap__background .bg-title img{width:100%}.p-beginners-wrap__background .bg-01{position:absolute;bottom:0;left:0;z-index:2;width:calc(521 * var(--font-ratio) * 1px);margin-bottom:calc(-260 * var(--font-ratio) * 1px);margin-left:calc((100% - 379 * var(--font-ratio) * 1px)/ 4);transform:translateX(-50%)}.p-beginners-wrap__background .bg-01 img{width:100%}.p-beginners-wrap__background .bg-02{position:absolute;top:0;left:0;z-index:0;width:100%}.p-beginners-wrap__background .bg-02 img{width:100%}.p-beginners-wrap__background .bg-03{position:absolute;bottom:0;left:0;z-index:0;width:100%;margin-bottom:-9.0277777778%}.p-beginners-wrap__background .bg-03 img{width:100%}.p-beginners-wrap__content{position:relative;z-index:2;width:calc(375 * var(--font-ratio) * 1px + 4px);margin-inline:auto;border-right:2px solid #fff;border-left:2px solid #fff}@media (max-width:1200px){.p-beginners-wrap__background .menu{display:none}.p-beginners-wrap__background .bg-title{margin-left:calc((100% - 379 * var(--font-ratio) * 1px)/ 2.5)}.p-beginners-wrap__background .bg-01{margin-left:calc((100% - 379 * var(--font-ratio) * 1px)/ 2.5)}.p-beginners-wrap__content{margin-right:calc((100% - 379 * var(--font-ratio) * 1px)/ 10)}}@media (max-width:992px){.p-beginners-wrap__background .bg-title{width:calc(320 * var(--font-ratio) * 1px);margin-left:calc((100% - 320 * var(--font-ratio) * 1px)/ 2.5)}}@media (max-width:768px){.p-beginners-wrap__content{width:100%;border:0}.p-beginners-wrap__background{display:none}}.p-beginners-kv{padding:0;margin:0}.p-beginners-kv img{display:block;width:100%;height:auto}.p-beginners-content{--_theme:#ffe69b;--_theme-1:#27cae7;--_theme-2:#85d995;--_theme-3:#bacfff;--_theme-4:#ffb6f0;--_space:40;--_pading-block:20;--_pading-inline:16;position:relative;padding-block:calc(var(--_pading-block) * var(--font-ratio) * 1px);padding-inline:calc(var(--_pading-inline) * var(--font-ratio) * 1px);background-color:var(--_theme);background-image:radial-gradient(rgba(255,255,255,.11) 40%,transparent 40%);background-size:6px 6px}.p-beginners-content>*+*{margin-top:calc(var(--_space) * var(--font-ratio) * 1px)}.p-beginners-content.theme-1{--_theme:var(--_theme-1);--_pading-block:40}.p-beginners-content.theme-2{--_theme:var(--_theme-2);--_pading-block:40}.p-beginners-content.theme-3{--_theme:var(--_theme-3);--_pading-block:40}.p-beginners-content.theme-4{--_theme:var(--_theme-4);--_pading-block:40}.p-beginners-content .lead{margin-inline:calc(-16 * var(--font-ratio) * 1px)}@media (max-width:768px){.p-beginners-content{--_space:80;--_pading-block:40;--_pading-inline:32}.p-beginners-content.article{--_pading-inline:20}.p-beginners-content.theme-1{--_pading-block:80}.p-beginners-content.theme-2{--_pading-block:80}.p-beginners-content.theme-3{--_pading-block:80}.p-beginners-content.theme-4{--_pading-block:80}.p-beginners-content .lead{margin-inline:calc(-32 * var(--font-ratio) * 1px)}}.p-beginners-card{--_space:24;display:flex;flex-wrap:wrap;gap:calc(22 * var(--font-ratio) * 1px);justify-content:center}.p-beginners-card__item{position:relative;flex:calc(50% - 11 * var(--font-ratio) * 1px);max-width:calc(160 * var(--font-ratio) * 1px)}.p-beginners-card__item:nth-child(even){margin-top:calc(20 * var(--font-ratio) * 1px)}.p-beginners-card__item .icon{position:absolute;top:calc(-20 * var(--font-ratio) * 1px);left:calc(-14 * var(--font-ratio) * 1px);width:calc(50 * var(--font-ratio) * 1px)}.p-beginners-card__item .button{position:absolute;top:0;left:0;width:calc(100 * var(--font-ratio) * 1px);height:calc(25 * var(--font-ratio) * 1px);margin-top:103.125%;margin-left:18.75%;overflow:hidden;text-indent:120%;white-space:nowrap;background:url(../img/top/button_01.png) no-repeat 0 0/100%}.p-beginners-card__item .button::after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:url(../img/top/button_01.png) no-repeat 0 100%/100%;opacity:0;transition:.2s}@media (any-hover:hover) and (pointer:fine){.p-beginners-card__item:where(:any-link):hover .button::after{opacity:1}.p-beginners-card__item:where(:enabled):hover .button::after{opacity:1}.p-beginners-card__item:where(:any-link):focus-visible .button::after{opacity:1}.p-beginners-card__item:where(:enabled):focus-visible .button::after{opacity:1}}@media (max-width:768px){.p-beginners-card{--_space:48;gap:calc(44 * var(--font-ratio) * 1px)}.p-beginners-card__item{flex:calc(50% - 22 * var(--font-ratio) * 1px);max-width:calc(320 * var(--font-ratio) * 1px)}.p-beginners-card__item:nth-child(even){margin-top:calc(40 * var(--font-ratio) * 1px)}.p-beginners-card__item .icon{top:calc(-40 * var(--font-ratio) * 1px);left:calc(-28 * var(--font-ratio) * 1px);width:calc(100 * var(--font-ratio) * 1px)}.p-beginners-card__item .button{width:calc(200 * var(--font-ratio) * 1px);height:calc(50 * var(--font-ratio) * 1px)}}.p-beginners-aside{position:relative;display:flex;flex-direction:column;align-items:center;padding-block:calc(50 * var(--font-ratio) * 1px) calc(80 * var(--font-ratio) * 1px);padding-inline:calc(16 * var(--font-ratio) * 1px);background-color:#efcef2;background-image:radial-gradient(rgba(255,255,255,.11) 40%,transparent 40%);background-size:6px 6px}.p-beginners-aside>*+*{margin-top:calc(40 * var(--font-ratio) * 1px)}@media (max-width:768px){.p-beginners-aside{padding-block:calc(100 * var(--font-ratio) * 1px) calc(160 * var(--font-ratio) * 1px);padding-inline:calc(32 * var(--font-ratio) * 1px)}.p-beginners-aside>*+*{margin-top:calc(80 * var(--font-ratio) * 1px)}}.button-register-title{position:relative;max-width:calc(350 * var(--font-ratio) * 1px);margin-bottom:calc(20 * var(--font-ratio) * 1px)}.button-register-title img{display:block;width:100%}@media (max-width:768px){.button-register-title{max-width:calc(700 * var(--font-ratio) * 1px);margin-bottom:calc(40 * var(--font-ratio) * 1px)}}.button-register{position:relative;display:block;width:calc(327 * var(--font-ratio) * 1px);margin-inline:auto;margin-top:0;transition:.2s}.button-register .icon{position:absolute;top:calc(-14 * var(--font-ratio) * 1px);left:calc(-8 * var(--font-ratio) * 1px);display:block;width:calc(116 * var(--font-ratio) * 1px)}@media (any-hover:hover) and (pointer:fine){.button-register:where(:any-link):hover{opacity:.6}.button-register:where(:enabled):hover{opacity:.6}.button-register:where(:any-link):focus-visible{opacity:.6}.button-register:where(:enabled):focus-visible{opacity:.6}}.button-register--s{width:calc(313 * var(--font-ratio) * 1px)}.button-register--s .icon{width:calc(110 * var(--font-ratio) * 1px)}@media (max-width:768px){.button-register{width:100%;max-width:calc(654 * var(--font-ratio) * 1px)}.button-register .icon{top:calc(-32 * var(--font-ratio) * 1px);left:calc(-16 * var(--font-ratio) * 1px);width:calc(232 * var(--font-ratio) * 1px);width:35.47%}}.button-roulette{position:relative;display:block;width:calc(327 * var(--font-ratio) * 1px);transition:.2s}.button-roulette .icon{position:absolute;top:calc(-12 * var(--font-ratio) * 1px);left:calc(-8 * var(--font-ratio) * 1px);display:block;width:calc(96 * var(--font-ratio) * 1px)}@media (any-hover:hover) and (pointer:fine){.button-roulette:where(:any-link):hover{opacity:.6}.button-roulette:where(:enabled):hover{opacity:.6}.button-roulette:where(:any-link):focus-visible{opacity:.6}.button-roulette:where(:enabled):focus-visible{opacity:.6}}@media (max-width:768px){.button-roulette{width:calc(654 * var(--font-ratio) * 1px)}.button-roulette .icon{top:calc(-24 * var(--font-ratio) * 1px);left:calc(-16 * var(--font-ratio) * 1px);width:calc(192 * var(--font-ratio) * 1px)}}.p-beginners-menu{position:absolute;top:0;left:0;z-index:10;width:100%;font-family:var(--_ff-zenmaru);font-weight:900;color:#fff;background:var(--_text-color);background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.05) 4px,transparent 0,transparent 8px);border-bottom:2px solid #1f4e96;border-radius:0 0 calc(8 * var(--font-ratio) * 1px) calc(8 * var(--font-ratio) * 1px)}.p-beginners-menu__button{position:relative;display:flex;align-items:center;width:100%;height:calc(41 * var(--font-ratio) * 1px);padding:calc(10 * var(--font-ratio) * 1px) calc(14 * var(--font-ratio) * 1px);font-size:calc(22 / var(--root-font-size) * var(--font-ratio) * 1rem);letter-spacing:.1em;text-shadow:1px 1px 0 #1f4e96,-1px 1px 0 #1f4e96,-1px -1px 0 #1f4e96,1px -1px 0 #1f4e96;transition:.2s}@media (any-hover:hover) and (pointer:fine){.p-beginners-menu__button:where(:any-link):hover{opacity:.6}.p-beginners-menu__button:where(:enabled):hover{opacity:.6}.p-beginners-menu__button:where(:any-link):focus-visible{opacity:.6}.p-beginners-menu__button:where(:enabled):focus-visible{opacity:.6}}.p-beginners-menu__button::after{display:block;width:calc(25 * var(--font-ratio) * 1px);height:calc(25 * var(--font-ratio) * 1px);margin-left:auto;content:"";background:url(../img/common/menu_icon.png) no-repeat 0 0/100%}.p-beginners-menu__button[aria-expanded=true]::after{background-position-y:100%}.p-beginners-menu__content{padding:0 calc(15 * var(--font-ratio) * 1px);opacity:0;transition:.1s}.p-beginners-menu__content.-closing{display:none}.p-beginners-menu__content[aria-hidden=false]{opacity:1}.p-beginners-menu__content li{border-top:2px solid #7091c4}.p-beginners-menu__content a{display:flex;align-items:center;height:calc(60 * var(--font-ratio) * 1px);font-size:calc(21 / var(--root-font-size) * var(--font-ratio) * 1rem);text-shadow:1px 1px 0 #1f4e96,-1px 1px 0 #1f4e96,-1px -1px 0 #1f4e96,1px -1px 0 #1f4e96;transition:.2s}@media (any-hover:hover) and (pointer:fine){.p-beginners-menu__content a:where(:any-link):hover{opacity:.6}.p-beginners-menu__content a:where(:enabled):hover{opacity:.6}.p-beginners-menu__content a:where(:any-link):focus-visible{opacity:.6}.p-beginners-menu__content a:where(:enabled):focus-visible{opacity:.6}}.p-beginners-menu__content a::after{display:block;width:calc(20 * var(--font-ratio) * 1px);height:calc(20 * var(--font-ratio) * 1px);margin-left:auto;content:"";background:url(../img/common/menu_ar.png) no-repeat 0 0/100%}.p-beginners-menu__content a img{display:block;width:calc(29 * var(--font-ratio) * 1px);margin-right:.3em}@media (max-width:768px){.p-beginners-menu{border-bottom-width:calc(5 * var(--font-ratio) * 1px)}.p-beginners-menu__button{height:calc(82 * var(--font-ratio) * 1px);padding:calc(22 * var(--font-ratio) * 1px) calc(30 * var(--font-ratio) * 1px) calc(24 * var(--font-ratio) * 1px);font-size:calc(44 / var(--root-font-size) * var(--font-ratio) * 1rem)}.p-beginners-menu__button::after{width:calc(50 * var(--font-ratio) * 1px);height:calc(50 * var(--font-ratio) * 1px)}.p-beginners-menu__content{padding:0 calc(30 * var(--font-ratio) * 1px)}.p-beginners-menu__content a{height:calc(120 * var(--font-ratio) * 1px);font-size:calc(40 / var(--root-font-size) * var(--font-ratio) * 1rem)}.p-beginners-menu__content a::after{width:calc(40 * var(--font-ratio) * 1px);height:calc(40 * var(--font-ratio) * 1px)}.p-beginners-menu__content a img{width:calc(58 * var(--font-ratio) * 1px)}}.p-beginners-nav{display:flex;gap:calc(8 * var(--font-ratio) * 1px);align-items:center;margin-top:calc(25 * var(--font-ratio) * 1px)}.p-beginners-nav>*{flex:0 0 16.6197183099%;transition:.2s}@media (any-hover:hover) and (pointer:fine){.p-beginners-nav>:where(:any-link):hover{opacity:.6}.p-beginners-nav>:where(:enabled):hover{opacity:.6}.p-beginners-nav>:where(:any-link):focus-visible{opacity:.6}.p-beginners-nav>:where(:enabled):focus-visible{opacity:.6}}.p-beginners-nav>.cr{flex-basis:23.9436619718%;pointer-events:none}@media (max-width:768px){.p-beginners-nav{margin-top:calc(50 * var(--font-ratio) * 1px)}}.p-beginners-release{margin-top:calc(20 * var(--font-ratio) * 1px);font-size:calc(14 / var(--root-font-size) * var(--font-ratio) * 1rem);text-align:right}@media (max-width:768px){.p-beginners-release{margin-top:calc(30 * var(--font-ratio) * 1px);font-size:calc(28 / var(--root-font-size) * var(--font-ratio) * 1rem)}}