@charset "UTF-8";
/*@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;600&display=swap');*/
:root {--pcMaxW:75rem; --pcMinW:980px; --pcCntMinW:930px; --spPI:clamp(20px, 10px + 3.125vw, 25px);}
.container {display:flow-root; position:relative; margin-inline:auto; container-type:inline-size;} .navBackdrop {display:none;}
@media (min-width:600px){body {min-width:var(--pcMinW);} .container {width:clamp(var(--pcCntMinW), 94%, var(--pcMaxW));}}
@media not (min-width:600px){html {font-size:90%;} .container {margin-inline:var(--spPI);}}
/* BASE %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
:root {--themeOR:#ff4d0c; --themeYL1:#f09c00; --themeYL2:#9fe8e2; --themeYL3:#CCF5F2; --themeNV:#1E314F; --themeBL1:#2265D0; --themeBL2:#15aee0; --themeLB1:#DDF2FF; --themeLB2:#E2F8F9;}
@media (min-width:1500px){html {font-size:calc(100% + calc((100vw - 1500px) * .008));}}
@media (min-width:600px){html {scroll-padding-top:10vh;}}
@media not (min-width:600px){html {scroll-padding-top:50px;}}
#stdn24w {overflow-x:hidden; font-size:1rem; line-height:1.8; font-family:"Inter","Noto Sans JP", sans-serif; font-feature-settings:"pkna"; letter-spacing:.06em; color:#1a1a1a;}
:where(#stdn24w) * {position:revert;}
:where(#stdn24w) a {text-decoration:underline; text-decoration-skip-ink:none; text-underline-offset:.24em; color:inherit;}
:where(#stdn24w) i {font-style:normal;}
:where(#stdn24w) button {text-align:unset;}
:where(#stdn24w) .container {padding-block:var(--cntPadTop) var(--cntPadBtm);}
.colorBL1 {color:var(--themeBL1);}
@media (min-width:600px){
#stdn24w {--cntPadTop:calc(var(--fsH2) * 2); --cntPadBtm:var(--cntPadTop);}
}
@media not (min-width:600px){
#stdn24w {--cntPadTop:3.125rem; --cntPadBtm:var(--cntPadTop);}
}
/* CUSTOM COMPONENTS %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* H2～H6 */
:root {--fsV24:clamp(1.25rem, 0.136rem + 1.818vw, 1.5rem); --fsH2:calc(var(--fsV24) * 2); --fsH3:var(--fs21); --fsH4:var(--fs19); --fsH5:var(--fs17); --fsH6:1rem; --hllh:calc(1em + .625rem);}
.fsH2 {font-size:var(--fsH2);} .fsH3 {font-size:var(--fsH3);} .fsH4 {font-size:var(--fsH4);} .fsH5 {font-size:var(--fsH5);} .fsH6 {font-size:var(--fsH6);}
h2, .h2 {/*initialize*/ all:unset; display:block; line-height:var(--hllh); font-size:var(--fsH2); font-weight:900;
/*specific style */ margin:2em 0 1.2em; text-align:center;}
h3, .h3 {/*initialize*/ all:unset; display:block; line-height:var(--hllh); font-size:var(--fsH3); font-weight:900;
/*specific style */ margin:1.5em 0 .75em;}
h4, .h4 {/*initialize*/ all:unset; display:block; line-height:var(--hllh); font-size:var(--fsH4); font-weight:900;
/*specific style */ margin:1.5em 0 .6em;}
h5, .h5 {/*initialize*/ all:unset; display:block; line-height:var(--hllh); font-size:var(--fsH5); font-weight:900;
/*specific style */ margin:1.2em 0 .4em;}
h6, .h6 {/*initialize*/ all:unset; display:block; line-height:var(--hllh); font-size:var(--fsH6); font-weight:bold;
/*specific style */ margin:.8em 0 .2em;}
:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6):first-child:not(.-mtInit) {margin-top:0;}
:where(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6) em {font-weight:inherit;}
.ico-bulb {display:inline-block; aspect-ratio:1; border-radius:50%; background:url('data:image/svg+xml;charset=UTF-8,') no-repeat 50% 50% / auto 75%;}
h2 .ico-bulb {flex-shrink:0; width:1em; scale:1.2; translate:0 7%;}
h2 ._pre {display:block; width:100%; margin-bottom:.3em; line-height:1.4; font-size:.5em;}
@media (min-width:600px){
h2:has(.ico-bulb) {display:flex; align-items:flex-start; justify-content:center; gap:0 .4em;}
h2:has(._pre) {flex-wrap:wrap;}
h2 ._pre {order:-1; width:100%;}
}
@media not (min-width:600px){
:root {--fsV24:1.1rem; --fsH2:calc(var(--fsV24) * 1.667)}
h2 .ico-bulb {display:block; width:2.5rem; margin:0 auto .3em;}
h2 .ico-bulb + ._pre {margin-top:1em;}
}
/* .btn */
.btn1 a, a.btn1 {position:relative; display:inline-block; padding:.8rem 1.6rem .8rem 1.4rem; border-bottom:.25em #0024 solid; border-radius:.8rem; background:var(--themeBL2); text-align:center; text-decoration:none; line-height:1.45; font-weight:600; color:#fff;}
.btn1 a:focus, a.btn1:focus {color:#fffd;}
.btn1 a:after, a.btn1:after {content:""; display:block; width:.5em; aspect-ratio:1; position:absolute; right:.5rem; bottom:.5rem; background:#fff; clip-path:polygon(100% 0, 100% 100%, 0 100%);}
.btn1.-wide {text-align:center;} .btn1.-wide a, a.btn1.-wide {min-width:70%;}
.btn1.-or a, a.btn1.-or {background:#1a3680;}
button.trg .accBtn {content:""; display:block; width:calc(var(--fsV24) * 1.3); aspect-ratio:1; position:absolute; right:0; top:50%; translate:0 -50%; background:var(--themeNV); border-radius:50%; font-size:var(--fsV24);}
button.trg .accBtn:before,
button.trg .accBtn:after {content:""; display:block; width:50%; border-top:.11em #fff solid; background:#fff; position:absolute; left:25%; top:50%; translate:0 -50%; transition:.2s all;}
button.trg:not(.-on) .accBtn:after {rotate:90deg;}
.fixedBtns {position:fixed; right:0; z-index:100; display:grid; line-height:1.5; font-weight:500; color:#fff; transition:.2s all;}
.fixedBtns > :is(a, button) {position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; text-decoration:none; text-align:center;}
.fixedBtns > :is(a, button):after {all:revert; content:""; display:block; width:.6rem; aspect-ratio:1; position:absolute; right:.5rem; bottom:.5rem; background:#fff; clip-path:polygon(100% 0, 100% 100%, 0 100%);}
.fixedBtns > :is(a, button) small {all:revert;}
.fixedBtns > :is(a, button) > b + u {text-decoration:none;}
.fixedBtns > :is(a, button) > b + u span {background:linear-gradient(180deg, transparent 70%, #F09C00cc 70%);}
.fixedBtns > a {background:var(--themeBL2);}
.fixedBtns a:hover {color:#fff;}
.fixedBtns > button {background:#1996db;}
.fixedBtns > button .accBtn {display:none;}
.fixedBtns > button b {line-height:1.3;}
.fixedBtns:has(.trg:focus) ul,
.fixedBtns ul:focus-within {max-width:300px; opacity:1;}
.fixedBtns ul {position:absolute; max-width:0; border-radius:.4rem; background:#444; font-size:var(--fs11); font-weight:500; opacity:0; overflow:hidden; transition:.2s all;}
.fixedBtns ul li + li {border-top:1px #fff3 solid;}
.fixedBtns ul a {display:block; padding:.8em 1em; text-decoration:none; line-height:1.33; white-space:nowrap;}
.fixedBtns ul a:focus {color:var(--themeBL2);}
.fixedBtns ul b {font-size:140%; font-weight:inherit;}
@media (hover:none){
.fixedBtns:has(.trg.-on) ul {max-width:300px; opacity:1;}
}
@media not (hover:none){
.fixedBtns:has(.trg:hover) ul,
.fixedBtns ul:hover {max-width:300px; opacity:1;}
}
@media (min-width:980px){
.btn1 a, a.btn1 {font-size:calc(var(--fsV24) * .833);}
.fixedBtns {bottom:calc(1rem + 2.5%); grid-template-rows:1fr 1fr;}
.fixedBtns > :is(a, button) {gap:.4rem 0; padding:1rem clamp(0.875rem, -3.188rem + 5vw, 1.5rem);}
.fixedBtns > :is(a, button) > u {font-size:var(--fs13);}
.fixedBtns > a {border-radius:1.3rem 0 0 0;}
.fixedBtns > a > b {line-height:1.3; font-size:var(--fs22);}
.fixedBtns > a > b small {font-size:var(--fs14);}
.fixedBtns > button {border-radius:0 0 0 1.3rem;}
.fixedBtns > button > b {font-size:1rem;}
.fixedBtns ul {right:100%; top:75%; translate:.6rem -50%;}
}
@media not (min-width:980px){
.fixedBtns {bottom:0; width:100%; grid-template-columns:1fr 1fr;}
.fixedBtns.-hide {translate:0 110%;}
.fixedBtns > :is(a, button) {justify-content:space-between; padding:.6rem}
.fixedBtns > :is(a, button) > b + u {font-size:var(--fs12);}
.fixedBtns > :is(a, button) br {display:none;}
}
.period {display:grid; margin-block:var(--fsV24); border:3px var(--themeNV) solid; border-radius:calc(var(--fsV24) * .8); line-height:1.3; font-weight:bold; overflow:hidden;}
.period dt {display:flex; align-items:center; justify-content:center; background:var(--themeNV); color:#fff;}
.period dd {display:flex; justify-content:center; font-weight:900;}
.period dd em {font-size:167%;}
.period dd i {display:inline-block; vertical-align:20%; aspect-ratio:1; border-radius:50%; background:var(--themeBL1); text-align:center; font-size:var(--fs14); letter-spacing:0; color:#fff;}
.period dd span[aria-label="から"] {font-size:167%;}
@media (min-width:600px){
.period {grid-template-columns:auto 1fr; width:min(90%, 60.625rem); margin-inline:auto;}
.period dt {padding-inline:2em; font-size:calc(var(--fsH3) * 1.2);}
.period dd {gap:1em; padding-block:.7rem .5rem; font-size:var(--fsH3);}
.period dd i {width:2.6em; line-height:2.6;}
}
@media not (min-width:600px){
.period dt {font-size:1.2em;}
.period dd {align-items:flex-end; gap:2.4vw; padding-block:.8em; line-height:1;}
.period dd span[aria-label="から"] {translate:0 -.1em;}
.period dd i {width:1.6em; line-height:1.6;}
}
.noteBox {border-radius:1rem; background:var(--themeYL2);}
@media (min-width:600px){
.noteBox {padding:calc(var(--fsH2) * .7) calc(var(--fsH2) * .9);}
}
@media not (min-width:600px){
.noteBox {padding:calc(var(--spPI) * .9);}
}
/* SECTION-SPECIFIC %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.mv {position:relative; background:var(--themeYL3) url(../images/mv_bg.webp) no-repeat 50% 50% / cover; overflow:hidden;}
.mv ._rewards {display:grid; margin-block:2rem 4rem; line-height:1.33; text-align:center; font-weight:900;}
.mv ._rewards > section {position:relative; z-index:2;}
.mv ._rewards ._ttl {position:relative; z-index:20; translate:-20% 0; margin-bottom:-4em; display:flex; flex-direction:column; align-items:center; justify-content:center; width:6rem; aspect-ratio:1; text-align:center; color:#fff; scale:.9; transform-origin:0 0;
background:url('data:image/svg+xml;charset=UTF-8,') no-repeat 50% 50% / contain;}
.mv ._rewards ._ttl b {display:block; line-height:1; text-align:center; font-size:3em;}
.mv ._rewards ._task {padding-block:.6em .5em; border-radius:calc(var(--fsV24) * .8) calc(var(--fsV24) * .8) 0 0; background:#f09c00; line-height:1.25; color:#fff;}
.mv ._rewards ._task em {display:inline-block; margin-inline:.1em; font-weight:900; color:#000c;}
.mv ._rewards ._task .lg3 .lg2 {font-weight:800;}
.mv ._rewards ._rslt {position:relative; display:flex; flex-direction:column; padding-block:var(--fsV24); border-radius:0 0 calc(var(--fsV24) * .8) calc(var(--fsV24) * .8); background:#fff;}
.mv ._rewards ._rslt p {line-height:1.5;}
.mv ._rewards ._rslt p > span {background:linear-gradient(180deg, transparent 50%, #fef655 50%);}
.mv ._rewards ._rslt:after {content:""; display:block; aspect-ratio:1; position:absolute; background:no-repeat 50% 50% / contain;}
.mv ._rewards .-first ._rslt:after {background-image:url(../images/icon_cracker.webp); left:0; top:0;}
.mv ._rewards .-last ._rslt:after {background-image:url(../images/icon_coins.webp); right:0; top:0;}
.mv ._rewards ._rslt ._fig {line-height:1.2;}
.mv ._rewards ._rslt ._fig em {display:inline-block; margin-inline:.06em; line-height:.95; font-weight:800; color:var(--themeOR);}
.mv .noteBox {background:#fff5;}
.mv .btn1.-wide a > span {position:relative; display:inline-block;}
.mv .btn1.-wide a > span img {position:absolute; right:100%; top:50%;}
.mv .btn1.-wide a:hover > span img {opacity:1;}
.mv ._nav {position:relative; display:grid; grid-template-columns:1fr 1fr 1fr; gap:8px; padding-block:2rem;}
.mv ._nav:before {content:""; display:block; position:absolute; right:50%; top:0; width:max(1000px,100vw); height:100%; background:#15a1; scale:2 1; transform-origin:0 50%;}
.mv ._nav > li {position:relative; display:flex;}
.mv ._nav a {flex-grow:1; display:grid; place-content:center; box-shadow:0 -.3rem 0 #0002 inset; background:var(--themeBL1); text-decoration:none; text-align:center; line-height:1.2; font-weight:bold; color:#fff;}
.mv ._nav a:after {content:""; display:block; width:.6em; aspect-ratio:1; margin:.4em auto 0; border:#fff solid; border-width:0 .2rem .2rem 0; rotate:45deg;}
@media (min-width:600px){
.mv .container {padding-bottom:0;}
.mv ._rewards {grid-template-columns:5fr 6fr; gap:0 5cqw; margin-inline:5cqw;}
.mv ._rewards > section {display:grid; grid-template-rows:subgrid; grid-row:span 3;}
.mv ._rewards ._task {padding-left:3cqw; font-size:2cqw;}
.mv ._rewards ._rslt {font-size:calc(.9rem + 1.1cqw);}
.mv ._rewards ._rslt ._fig {font-size:1.4em;}
.mv ._rewards ._rslt ._fig em {font-size:2.8em;}
.mv ._rewards ._rslt:after {width:12cqw;}
.mv ._rewards .-first ._rslt:after {translate:-50% -30%;}
.mv ._rewards .-last ._rslt:after {translate:40% -20%;}
.mv .btn1.-wide a > span img {width:5rem; translate:-10% -70%;}
.mv ._nav {gap:1rem;}
.mv ._nav a {padding:1.2rem .4rem; border-radius:.8rem; font-size:1.2rem;}
}
@media not (min-width:600px){
.mv .container {padding-block:1.5rem 0;}
.mv ._rewards {gap:2.5rem; margin-bottom:3rem;}
.mv ._rewards ._ttl {width:19vw; font-size:3vw;}
.mv ._rewards ._task {margin-inline:3vw; padding-left:4vw; font-size:4vw;}
.mv ._rewards ._rslt {margin-inline:3vw; font-size:6vw;}
.mv ._rewards ._rslt ._fig {font-size:1.2em;}
.mv ._rewards ._rslt ._fig em {font-size:2.4em;}
.mv ._rewards ._rslt:after {width:18vw;}
.mv ._rewards .-first ._rslt:after {translate:-40% -10%;}
.mv ._rewards .-last ._rslt:after {translate:25% -20%;}
.mv .btn1.-wide a {padding-inline:4rem 2rem;}
.mv .btn1.-wide a > span img {width:4rem; translate:-10% -70%;}
.mv .noteBox {padding-bottom:3rem; border-radius:0; padding-inline:0; box-shadow:-30px 0 0 #fff5, 30px 0 0 #fff5;}
.mv ._nav {gap:1vw;}
.mv ._nav a {padding:.8rem .4rem; border-radius:.4rem;}
}
.about h2 {color:var(--themeNV);}
.about h2 .ico-bulb {background-color:var(--themeBL1);}
.about [data-num]:before {content:attr(data-num); display:block; line-height:1; font-family:"Poppins",sans-serif;}
.about ._flow {display:grid; border-radius:calc(var(--fsV24) * .8); background:var(--themeLB1);}
.about :is(._flow h3, ._flow ~ h3) {grid-column:1/-1; font-size:calc(var(--fsV24) * 1.33); color:var(--themeBL1);}
.about ._flow h3 {margin:0; translate:0 -50%;}
.about ._flow > section {position:relative;}
.about ._flow > section + section:before {content:""; display:block; position:absolute; translate:-50% -50%; width:2rem; aspect-ratio:2/1; background:var(--themeNV); clip-path:polygon(0 0, 100% 0, 50% 100%);}
.about ._flow h4 {text-align:center;}
.about ._flow h4:before {-webkit-text-stroke:var(--themeBL1) .02em; text-stroke:var(--themeBL1) .02em; color:transparent;}
.about ._flow ._pic {text-align:center;}
.about ._flow ._pic img {height:100%;}
.about ._gstk {--themeBL2:#15AEE0; margin-top:calc(var(--fsH2) * 1.5); border:.25rem var(--themeBL2) solid; border-radius:calc(var(--fsV24) * .8);}
.about ._gstk h2 {position:relative;}
.about ._gstk:not(:has(.trg.-on)) h2 {margin-bottom:0;}
.about ._gstk h2 ._pre {color:var(--themeBL2);}
.about ._gstk h2 .ico-bulb {background-color:var(--themeBL2);}
.about ._gstk h2 button {position:static;}
.about ._gstk h2 button .accBtn {top:calc(.9em + (100% - .9em) / 2);}
.about ._gstk h2 button .IB {position:static;}
.about ._gstk h2 button .IB:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%;}
.about ._gstk ._body {max-height:0; opacity:0; overflow:hidden; transition:.2s all;}
.about ._gstk:has(.trg.-on) ._body {max-height:6000px; opacity:1; padding-bottom:calc(var(--fsH2) * 1.2)}
.about ._gstk ._body > section + section {margin-top:2.5rem;}
.about ._gstk h3 {margin:0;}
.about ._gstk h3:before {-webkit-text-stroke:var(--themeBL2) .02em; text-stroke:var(--themeBL2) .02em; color:transparent;}
.about ._gstk ._txt {border-radius:1rem; background:var(--themeLB2);}
@media (min-width:600px){
.about [data-num]:before {font-size:calc(var(--fsV24) * 3.8);}
.about ._flow {grid-template-columns:1fr 1.2fr 1fr; padding:0 0 calc(var(--fsV24) * 1.8);}
.about ._flow > section {display:flex; flex-direction:column; justify-content:space-between; padding-inline:calc(var(--fsV24) * .6);}
.about ._flow > section + section {border-left:2px #fff dashed;}
.about ._flow > section + section:before {left:0; top:calc(var(--fsV24) * 2); rotate:-90deg;}
.about ._flow ._pic {height:22.75cqw;}
.about ._gstk {padding:calc(var(--fsH2) * .7) var(--fsH2);}
.about ._gstk ._body > section {display:grid; grid-template-rows:auto 1fr; gap:1rem 1.6rem;}
.about ._gstk h3 {display:flex; align-items:center; font-size:calc(var(--fsV24) * 1.04);}
.about ._gstk h3:before {flex-shrink:0; display:flex; align-items:flex-start; padding-right:.25em;}
.about ._gstk ._pic {display:flex; align-items:center;}
.about ._gstk ._txt {padding:calc(var(--fsV24) * 1) calc(var(--fsV24) * 1.6);}
.about ._gstk ._body > section:nth-of-type(2n+1) {grid-template-columns:1fr 18cqw;}
.about ._gstk ._body > section:nth-of-type(2n+1) h3 {grid-column:1/2; grid-row:1/2;}
.about ._gstk ._body > section:nth-of-type(2n+1) ._pic {grid-column:2/3; grid-row:1/3;}
.about ._gstk ._body > section:nth-of-type(2n+1) ._txt {grid-column:1/2; grid-row:2/3;}
.about ._gstk ._body > section:nth-of-type(2n) {grid-template-columns:18cqw 1fr;}
.about ._gstk ._body > section:nth-of-type(2n) h3 {grid-column:2/3; grid-row:1/2;}
.about ._gstk ._body > section:nth-of-type(2n) ._pic {grid-column:1/2; grid-row:1/3;}
.about ._gstk ._body > section:nth-of-type(2n) ._txt {grid-column:2/3; grid-row:2/3;}
}
@media not (min-width:600px){
.about [data-num]:before {font-size:calc(6vw + 1.5rem)}
.about ._flow {padding:0 var(--spPI) 1.5rem;}
.about ._flow ._pic {height:min(70vw, 240px);}
.about ._flow > section:nth-of-type(1) ._pic {margin-top:-5vw;}
.about ._flow > section + section {margin-top:1.5rem; padding-top:1.5rem; border-top:2px #fff dashed;}
.about ._flow > section + section:before {left:50%; top:0;}
.about ._gstk {padding:var(--fsH2) calc(var(--spPI) * .8);}
.about ._gstk h2 button .accBtn {top:50%; left:100%; translate:30% -50%;}
.about ._gstk h3 {text-align:center;}
.about ._gstk h3:before {margin-bottom:.1em;}
.about ._gstk ._pic {max-width:200px; margin:1.5rem auto;}
.about ._gstk ._txt {padding:1.2rem calc(var(--spPI) * .7);}
}
.cnd {background:var(--themeYL2);}
.cnd h2 {color:var(--themeNV);}
.cnd h2 .ico-bulb {background-color:var(--themeBL1);}
.cnd ._lead {position:relative; width:fit-content; margin:0 auto 1.5em; padding-bottom:.3em; border-bottom:3px currentColor solid;font-weight:bold; color:var(--themeNV);}
.cnd ._lead:before,
.cnd ._lead:after {content:""; position:absolute; left:50%; top:100%; display:block; width:.5em; aspect-ratio:4/5; clip-path:polygon(0 0, 100% 0, 50% 100%);}
.cnd ._lead:before {background:currentColor; translate:-50% 0;}
.cnd ._lead:after {background:var(--themeYL2); translate:-50% -8px;}
.cnd ._boxes {display:grid;}
.cnd ._boxes > li {position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; padding-block:calc(var(--fsV24) * 1.33) var(--fsV24); border-radius:calc(var(--fsV24) * .8); background:#fff; text-align:center; color:#446;}
.cnd ._boxes > li:after {content:attr(data-index); position:absolute; left:50%; top:0; translate:-50% -50%; display:block; width:1.8em; aspect-ratio:1; background:var(--themeBL1); border-radius:50%; line-height:1.8; text-align:center; font-size:1.4rem; font-weight:bold; color:#fff;}
.cnd ._boxes .h3 {margin:0;}
.cnd ._boxes em {color:var(--themeOR);}
.cnd ._boxes ._plans {display:flex; flex-wrap:wrap; justify-content:space-between; width:min(100%, 34rem); margin-inline:auto;}
.cnd ._boxes ul {text-align:revert;}
.cnd ._boxes ._note {width:fit-content; margin:.4em auto 0; padding:0 .4em; border:1px #446 solid;}
.cnd ._rgst {display:grid; padding-block:calc(var(--fsV24) * 1.25); border-radius:.7rem; background:var(--themeYL3);}
.cnd ._rgst h3 {margin-bottom:.4em; color:var(--themeNV);}
.cnd ._rgst ._app ._dl li {display:grid; grid-template-columns:2fr 1fr; grid-template-rows:1fr auto; gap:.4rem 1rem; font-weight:bold;}
.cnd ._rgst ._app ._dl li + li {margin-top:1.2rem;}
.cnd ._rgst ._app ._dl li > a {grid-column:1/2; grid-row:2/3;}
.cnd ._rgst ._app ._dl li > a + img {grid-column:2/3; grid-row:1/3;}
.cnd ._rgst ._app ._bonus {text-align:center; font-weight:bold;}
.cnd ._rgst ._app ._bonus ._txt1 {position:relative; width:fit-content; margin-inline:auto; padding-inline:.6em; line-height:1.5;}
.cnd ._rgst ._app ._bonus ._txt1:before,
.cnd ._rgst ._app ._bonus ._txt1:after {content:""; display:block; height:1.4em; width:.12em; position:absolute; bottom:0; translate:0 40%; background:currentColor;}
.cnd ._rgst ._app ._bonus ._txt1:before {left:0; rotate:-28deg;}
.cnd ._rgst ._app ._bonus ._txt1:after {right:0; rotate:28deg;}
.cnd ._rgst ._app ._bonus ._txt2 {width:fit-content; margin-inline:auto; margin-block:.4em .2em; padding-inline:.3em; background:linear-gradient(180deg, transparent 70%, #fff 70%); line-height:1.4;}
.cnd ._rgst ._app ._bonus ._txt2 .IB {margin-right:.4em;}
.cnd ._rgst ._app ._bonus ._txt2 b {line-height:1; font-size:180%; font-weight:800;}
.cnd ._rgst ._app ._bonus ._txt2 em {font-size:200%; font-weight:900; color:var(--themeOR);}
@media (min-width:600px){
.cnd ._lead {font-size:calc(var(--fsH2) * .67); }
.cnd ._boxes {grid-template-columns:1fr 1fr 1fr; gap:0 3cqw;}
.cnd ._boxes > li {padding-inline:var(--fsV24);}
.cnd ._rgst {grid-template-columns:3fr 4fr; gap:0 1rem; padding-inline:.4rem;}
.cnd ._rgst > section {position:relative; padding-inline:calc(var(--fsV24) * 1.3);}
.cnd ._rgst ._member .btn1 a {padding-block:1.6rem;}
.cnd ._rgst ._app:before {content:""; display:block; height:100%; position:absolute; left:-1rem; top:0; border-left:1px #0008 solid;}
.cnd ._rgst ._app ._dl {display:grid; grid-template-columns:3fr 4fr; gap:0 4%; width:100%; container-type:inline-size;}
.cnd ._rgst ._app ._bonus ._txt1 {font-size:calc(var(--fsV24) * .7);}
.cnd ._rgst ._app ._bonus ._txt2 {font-size:calc(var(--fsV24) * .9);}
.cnd ._rgst ._app ._bonus ._txt3 {font-size:calc(var(--fsV24) * 1.3);}
.cnd ._rgst .kome {width:fit-content; margin-inline:auto;}
}
@media not (min-width:600px){
.cnd ._lead {font-size:min(calc(var(--fsH2) * .67), 4.8vw);}
.cnd ._boxes {gap:2rem;}
.cnd ._boxes > li {padding-inline:var(--spPI);}
.cnd ._boxes .h3 {font-size:min(var(--fsH3), 5.2vw);}
.cnd ._rgst {padding-inline:var(--spPI);}
.cnd ._rgst ._member .btn1 a {width:90%;}
.cnd ._rgst ._app {margin-top:1.5rem; padding-top:1.5rem; border-top:1px #0008 solid;}
.cnd ._rgst ._app ._dl ul {max-width:250px; margin-inline:auto;}
.cnd ._rgst ._app ._bonus {width:100%;}
.cnd ._rgst ._app ._bonus ._txt1 {margin-top:2.5rem; font-size:4vw;}
.cnd ._rgst ._app ._bonus ._txt2 {font-size:5vw;}
.cnd ._rgst ._app ._bonus ._txt3 {font-size:7vw;}
.cnd ._rgst .kome {width:fit-content; margin-inline:auto;}
}
.desc {background:var(--themeYL3);}
.desc h2 {color:var(--themeNV);}
.desc h2 .ico-bulb {background-color:var(--themeBL1);}
.desc [class*="_block"] {position:relative; z-index:2; margin-block:calc(var(--fsH2) * 1.8);}
.desc [class*="_block"] > h3:first-of-type {position:relative; z-index:20; translate:-20% 0; margin-bottom:-4em; display:flex; flex-direction:column; align-items:center; justify-content:center; width:6rem; aspect-ratio:1; text-align:center; color:#fff; scale:.9; transform-origin:0 0; font-size:1rem;
background:url('data:image/svg+xml;charset=UTF-8,') no-repeat 50% 50% / contain;}
.desc [class*="_block"] > h3:first-of-type b {display:block; line-height:1; text-align:center; font-size:3em;}
.desc ._task {margin-inline:auto; padding-block:.6em .5em; border-radius:calc(var(--fsV24) * .8) calc(var(--fsV24) * .8) 0 0; background:#f09c00; line-height:1.25; text-align:center; font-weight:900; color:#fff;}
.desc ._task em {display:inline-block; margin-inline:.1em; font-weight:900; color:#000c;}
.desc ._task .lg4 .lg2 {font-weight:800;}
.desc ._rslt {position:relative; display:flex; flex-direction:column; margin-inline:auto; padding-block:var(--fsV24); border-radius:0 0 calc(var(--fsV24) * .8) calc(var(--fsV24) * .8); background:#fff; text-align:center; font-weight:900;}
.desc :is(._task, ._rslt) sup {font-size:.8rem;}
.desc ._rslt p > span {background:linear-gradient(180deg, transparent 50%, #fef655 50%);}
.desc ._rslt ._fig:before,
.desc ._rslt ._fig:after {content:""; display:block; aspect-ratio:1; position:absolute; background:no-repeat 50% 50% / contain;}
.desc ._rslt ._fig:before {background-image:url(../images/icon_cracker.webp); left:0; top:0;}
.desc ._rslt ._fig:after {background-image:url(../images/icon_coins.webp); right:0; top:0;}
.desc ._rslt ._fig {line-height:1.2;}
.desc ._rslt ._fig em {display:inline-block; margin-inline:.06em; line-height:1; font-weight:800; color:var(--themeOR); translate:0 6%;}
.desc ._pic {margin-inline:auto;}
.desc ._notes h3 {width:fit-content; margin-inline:auto; font-size:var(--fsV24); color:var(--themeNV);}
.desc ._notes h3:before,
.desc ._notes h3:after {content:""; display:inline-block; vertical-align:25%; width:5em; margin-inline:.4em; border-top:1px currentColor solid;}
@media (min-width:600px){
.desc [class*="_block"] h3 {margin-left:calc(50cqw - 20.3125rem);}
.desc ._task {font-size:calc(.8rem + 1cqw);}
.desc ._rslt {font-size:calc(.9rem + 1.1cqw);}
.desc :is(._task, ._rslt) {width:40.625rem;}
.desc ._rslt ._fig {font-size:1.4em;}
.desc ._rslt ._fig em {font-size:2.8em;}
.desc ._rslt ._fig:before,
.desc ._rslt ._fig:after {width:12cqw;}
.desc ._rslt ._fig:before {translate:-50% 0%;}
.desc ._rslt ._fig:after {translate:40% -20%;}
.desc ._cap {font-size:116%;}
.desc ._pic {width:35rem;}
.desc ._block1 ._rslt {flex-direction:row; align-items:flex-end; justify-content:center; gap:1em;}
.desc ._block1 ._rslt p:first-of-type {text-align:left;}
}
@media not (min-width:600px){
.desc [class*="_block"] > h3:first-of-type {width:19vw; font-size:3vw;}
.desc ._task {margin-inline:3vw; font-size:4vw;}
.desc ._rslt {margin-inline:3vw; font-size:6vw;}
.desc ._rslt ._fig {font-size:1.2em;}
.desc ._rslt ._fig em {font-size:2.4em;}
.desc ._rslt ._fig:before,
.desc ._rslt ._fig:after {width:18vw;}
.desc ._rslt ._fig:before {translate:-40% 0%;}
.desc ._rslt ._fig:after {translate:25% -20%;}
}
.faq {background:var(--themeYL2);}
.faq h2 {color:var(--themeNV);}
.faq h2 .ico-bulb {background-color:var(--themeBL1);}
.faqList > * {background:#fff; color:#1a1a1a; border-radius:calc(var(--fsV24) * 1); transition:.2s all;}
.faqList dt {display:grid; grid-template-columns:2.5em 1fr; line-height:1.5; font-weight:bold; font-size:calc(var(--fsV24) * 1.167);}
.faqList dt button {position:relative; padding-right:2.2em;}
.faqList :is(dt,dd) > i {display:inline-block; line-height:1; font-weight:800; font-size:calc(var(--fsV24) * 1.667);}
.faqList dt > i {color:var(--themeBL1);}
.faqList dd {position:relative; max-height:0; border-radius:.8rem; background:var(--themeLB1); opacity:0; overflow:hidden; transition:.2s all;}
.faqList dt:has(.trg.-on) + dd {max-height:2000px; opacity:1;}
.faqList dd > i {color:#15AEE0;}
@media (min-width:600px){
.faqList > * {padding-inline:calc(var(--fsV24) * 1.667);}
.faqList > *:has(.trg.-on) {padding-bottom:calc(var(--fsV24) * 1.5)}
.faqList > * ~ * {margin-top:calc(var(--fsV24) * 1.8);}
.faqList dt {gap:.5em; padding-block:calc(var(--fsV24) * 1.5);}
.faqList dd {padding-inline:calc(var(--fsV24) * 3.5) calc(var(--fsV24) * 1.2);}
.faqList dt:has(.trg.-on) + dd {padding-block:calc(var(--fsV24) * .8);}
.faqList dd > i {position:absolute; left:calc(var(--fsV24) * 1.2); top:1.3rem;}
}
@media not (min-width:600px){
.faqList {--fsV24:1rem;}
.faqList > *:has(.trg.-on) {padding-bottom:1rem;}
.faqList > * ~ * {margin-top:1.5rem;}
.faqList dt {padding-block:1rem;}
.faqList dt > i {translate:calc(var(--spPI) * -.3) 0;}
.faqList dt button {padding-right:1.5rem;}
.faqList dt button .accBtn {translate:48% -50%;}
.faqList dd {margin-inline:1rem; padding-inline:1rem;}
.faqList dt:has(.trg.-on) + dd {padding-block:1rem 1rem;}
}
.contact {background:var(--themeBL1); color:#fff;}
.contact ._phone {padding-block:var(--fsV24); border-radius:calc(var(--fsV24) * .8); background:#fff; color:#1a1a1a;}
.contact ._phone ._num {padding-inline:1rem; text-align:center; font-family:"Poppins","Inter",sans-serif; font-weight:700; font-size:calc(var(--fsV24) * 2.6);}
.contact ._phone ._num img {height:.8em; vertical-align:0%; margin-right:.2em;}
.contact ._phone ._txt dt {padding:.3em .5em; background:var(--themeYL2); line-height:1.33; text-align:center; font-size:85%; font-weight:600;}
@media (min-width:600px){
.contact .txC.bold {font-size:var(--fs18);}
.contact ._phone {display:grid; grid-template-columns:1fr 1fr; align-items:center; container-type:inline-size;}
.contact ._phone ._txt {border-left:1px var(--themeBL1) solid; padding-inline:3.5cqw; font-size:var(--fs18);}
.contact ._phone ._txt dl {display:grid; grid-template-columns:auto 1fr; gap:0 1rem;}
.contact ._phone ._txt dt {display:flex; align-items:center;}
.contact ._phone ._txt dd > .IB {display:block; line-height:1.5;}
}
@media not (min-width:600px){
.contact ._phone {padding-inline:calc(var(--spPI) * .6); text-align:center;}
.contact ._phone ._num {font-size:calc((100vw - var(--spPI) * 4) * .11);}
.contact ._phone ._txt dt {width:fit-content; margin:0 auto .3em;}
.contact ._phone ._txt dd {line-height:1.5; text-align:center;}
}
@media (min-width:600px){
}
@media not (min-width:600px){
}