.HowTo_container__PdOwv,.HowTo_kv__Xmsok{position:relative;z-index:1}.HowTo_kv__Xmsok{top:-3px;width:100%}.HowTo_kv__Xmsok:before{position:absolute;bottom:0;left:0;z-index:1;width:100%;height:5.6944444444vw;content:"";background-color:#ff5392;-webkit-clip-path:polygon(0 100%,100% min(1px,.0694444444vw),100% min(11px,.7638888889vw),0 100%);clip-path:polygon(0 100%,100% min(1px,.0694444444vw),100% min(11px,.7638888889vw),0 100%)}@media not screen and (min-width:769px){.HowTo_kv__Xmsok:before{height:min(50px,5.8823529412vw);-webkit-clip-path:polygon(0 min(43px,5.0588235294vw),100% 0,100% min(8px,.9411764706vw),0 100%);clip-path:polygon(0 min(43px,5.0588235294vw),100% 0,100% min(8px,.9411764706vw),0 100%)}}.HowTo_kv_image__h_Cy3 img{width:100%}.HowTo_kv_inner__ZCPyT{position:absolute;inset:0;z-index:2}.HowTo_kv_inner__ZCPyT:before{position:absolute;bottom:max(-11px,-.7638888889vw);left:0;z-index:2;width:36.1111111111vw;height:2.6388888889vw;content:"";background-color:#00c7ce;-webkit-clip-path:polygon(0 1.8055555556vw,100% 0,0 100%);clip-path:polygon(0 1.8055555556vw,100% 0,0 100%)}@media not screen and (min-width:769px){.HowTo_kv_inner__ZCPyT:before{bottom:-.5%;width:min(195px,22.9411764706%);height:min(14px,1.6470588235vw);-webkit-clip-path:polygon(0 min(9px,1.0588235294vw),100% 0,0 100%);clip-path:polygon(0 min(9px,1.0588235294vw),100% 0,0 100%)}}.HowTo_kv_inner__ZCPyT:after{position:absolute;right:0;bottom:2.1527777778vw;z-index:2;width:57.2222222222vw;height:2.7777777778vw;content:"";background-color:#00c7ce;-webkit-clip-path:polygon(0 100%,100% 0,100% .6944444444vw,0 100%);clip-path:polygon(0 100%,100% 0,100% .6944444444vw,0 100%)}@media not screen and (min-width:769px){.HowTo_kv_inner__ZCPyT:after{bottom:2.3%;width:min(555px,65.2941176471vw);height:min(26px,3.0588235294vw);-webkit-clip-path:polygon(0 100%,100% 0,100% min(8px,.9411764706vw));clip-path:polygon(0 100%,100% 0,100% min(8px,.9411764706vw))}}.HowTo_kv_title__vAPK0{position:absolute;top:50%;left:50%;z-index:3;width:calc(var(--width-pc)/1440*100%);transform:translate(-50%,-50%)}@media only screen and (min-width:769px){.HowTo_kv_title__vAPK0{margin:13.3333333333% auto 0}}@media not screen and (min-width:769px){.HowTo_kv_title__vAPK0{top:88.5%;width:calc(var(--width-sp)/850*100%)}}.HowTo_kv_title__vAPK0 img{width:100%}.HowTo_kv_effect__OITd7{position:absolute;bottom:max(-180px,-12.5vw);left:50%;z-index:2;width:min(1600px,111.1111111111vw);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;filter:drop-shadow(0 0 5px #88dee1);transform:translateX(-50%) scaleY(-1) rotate(4deg)}@media not screen and (min-width:769px){.HowTo_kv_effect__OITd7{bottom:-25%;width:min(1600px,188.2352941176vw);transform:translateX(-50%) scaleY(-1) rotate(6deg)}}.HowTo_play__jkJWl{position:relative;margin-top:-5.6944444444vw}.HowTo_play_bg__jP5MK{position:absolute;top:0;left:0;width:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 40%,transparent);mask-image:linear-gradient(180deg,#000 0,#000 40%,transparent)}.HowTo_play_inner__ylzFl{position:relative;z-index:2;max-width:1800px;padding:24.8611111111% 5.3472222222% 0;margin-inline:auto}@media not screen and (min-width:769px){.HowTo_play_inner__ylzFl{padding:43.0588235294% .8235294118% 0}}.HowTo_play_title__WesI0{width:calc(var(--width-pc)/1440*100%)}@media not screen and (min-width:769px){.HowTo_play_title__WesI0{width:calc(var(--width-sp)/850*100%);margin-inline:auto}}.HowTo_play_text__ImJod{margin-top:1.0416666667em;font-family:var(--font-notosansjp);font-size:clamp(14.4px,-3.035px + 1.835vw,30px);font-weight:700;line-height:1.29;color:#fff;text-align:left;letter-spacing:.04em;text-shadow:0 0 1px #000,0 0 2px #000,0 0 3px #000,0 0 4px #000,0 0 5px #000,0 0 6px #000,0 0 7px #000,0 0 8px #000,0 0 9px #000,0 0 10px #000}@media not screen and (min-width:769px){.HowTo_play_text__ImJod{width:max-content;max-width:90%;margin-inline:auto;font-size:min(21px,3.5294117647vw);text-shadow:0 0 1px #000,0 0 2px #000,0 0 3px #000,0 0 4px #000,0 0 5px #000}}.HowTo_role__jLE5T{position:relative;z-index:2;margin-block:min(131.25px,7.2916666667%) min(100px,5.5555555556%)}@media not screen and (min-width:769px){.HowTo_role__jLE5T{margin-block:min(140px,16.4705882353%)}}.HowTo_role_title__CJaI7{width:min(1250px,69.4444444444%);padding:0 0 min(17.5px,.9722222222%) min(32.5px,1.8055555556%);margin-inline:auto;border-bottom:2px solid #fff}@media not screen and (min-width:769px){.HowTo_role_title__CJaI7{width:min(809px,95.1764705882%);padding:0 0 min(39px,4.5882352941%);border-width:1px}}.HowTo_role_title_text__zhZeT{display:block;width:calc(var(--width-pc)/1000*100%);margin-inline:auto}@media not screen and (min-width:769px){.HowTo_role_title_text__zhZeT{width:calc(var(--width-sp)/809*100%)}}.HowTo_role_lead__VdgOs{margin-top:1.0416666667em;font-family:var(--font-notosansjp);font-size:clamp(14.4px,-3.035px + 1.835vw,30px);font-weight:700;color:#fff;text-align:center}@media not screen and (min-width:769px){.HowTo_role_lead__VdgOs{font-size:min(21px,3.5294117647vw)}}.HowTo_role_list___ixBA{display:flex;justify-content:center;margin-top:min(60px,3.3333333333%)}@media not screen and (min-width:769px){.HowTo_role_list___ixBA{flex-flow:column;margin-top:min(48px,5.6470588235%)}}.HowTo_role_item__OHF_Z{position:relative;width:min(.39408867*var(--height-pc)*1.25*1px,.39408867*var(--height-pc)/1440*100%);padding-top:min(var(--height-pc)*1.25*1px,var(--height-pc)/1440*100%)}@media only screen and (min-width:769px){.HowTo_role_item__OHF_Z{transition:.2s;transition-property:width}.HowTo_role_item__OHF_Z:nth-of-type(2){margin-inline:max(-25px,-1.3888888889%)}}@media not screen and (min-width:769px){.HowTo_role_item__OHF_Z{width:100%;padding-top:min(198px,23.2941176471%);transition:.2s;transition-property:padding-top}.HowTo_role_item__OHF_Z:not(:first-child){margin-top:min(20px,2.3529411765%)}}@media only screen and (min-width:769px){.HowTo_role_item__OHF_Z[data-active=true]{width:min(1025px,56.9444444444%)}}@media not screen and (min-width:769px){.HowTo_role_item__OHF_Z[data-active=true]{width:100%;padding-top:min(var(--height-sp)*1px,var(--height-sp)/850*100%)}}.HowTo_role_button__TsF7u{position:absolute;inset:0;z-index:1}.HowTo_role_button__TsF7u:after{position:absolute;top:0;left:50%;z-index:2;width:calc(100% - min(50px,2.7777777778vw));height:100%;pointer-events:none;content:"";border-radius:3px;box-shadow:0 0 0 min(2.5px,.1388888889vw) #fae451,0 0 0 min(2.5px,.1388888889vw) #fff,inset 0 0 0 min(3.75px,.2083333333vw) #fff,inset 0 0 0 min(5.625px,.3125vw) #fae451,min(8px,.4444444444vw) min(8px,.4444444444vw) 0 min(7.5px,.4166666667vw) rgba(21,55,130,.8)}@media only screen and (min-width:769px){.HowTo_role_button__TsF7u:after{transform:translateX(-50%) skew(-4deg)}}@media not screen and (min-width:769px){.HowTo_role_button__TsF7u:after{width:calc(100% + 8px);box-shadow:0 0 0 min(1.4px,.2352941176vw) #fae451,0 0 0 min(1.4px,.2352941176vw) #fff,inset 0 0 0 min(2.1px,.3529411765vw) #fff,inset 0 0 0 min(3.15px,.5294117647vw) #fae451,min(4.48px,.7529411765vw) min(4.48px,.7529411765vw) 0 min(4.2px,.7058823529vw) rgba(21,55,130,.8);transform:translateX(-50%)}}@media only screen and (min-width:769px)and (hover:hover)and (pointer:fine){.HowTo_role_button__TsF7u{cursor:pointer}[data-animated=true] .HowTo_role_button__TsF7u:hover .HowTo_role_inactive_normal__LAOe1{opacity:0}[data-animated=true] .HowTo_role_button__TsF7u:hover .HowTo_role_inactive_hover__IFUqB{opacity:1}}.HowTo_role_button_inner__xB71N{position:absolute;inset:0}@media only screen and (min-width:769px){.HowTo_role_button_inner__xB71N{-webkit-clip-path:polygon(min(50px,2.7777777778vw) 0,100% 0,calc(100% - min(50px, 2.7777777778vw)) 100%,0 100%);clip-path:polygon(min(50px,2.7777777778vw) 0,100% 0,calc(100% - min(50px, 2.7777777778vw)) 100%,0 100%)}}.HowTo_role_button_inner__xB71N:after{position:absolute;inset:0;z-index:-1;content:""}@media only screen and (min-width:769px){[data-active=false][data-role=tank] .HowTo_role_button_inner__xB71N:after,[data-role=tank] .HowTo_role_button_inner__xB71N:after{background:url(/assets/images/howto/role/tank/active/frame.png) no-repeat left 31% top/cover}}@media not screen and (min-width:769px){[data-role=tank] .HowTo_role_button_inner__xB71N:after{background:url(/assets/images/howto/role/tank/active/frame_sp.png) no-repeat 0 0/cover}}@media only screen and (min-width:769px){[data-active=false][data-role=damage] .HowTo_role_button_inner__xB71N:after,[data-role=damage] .HowTo_role_button_inner__xB71N:after{background:url(/assets/images/howto/role/damage/active/frame.png) no-repeat left 31% top/cover}}@media not screen and (min-width:769px){[data-role=damage] .HowTo_role_button_inner__xB71N:after{background:url(/assets/images/howto/role/damage/active/frame_sp.png) no-repeat 0 0/cover}}@media only screen and (min-width:769px){[data-active=false][data-role=technical] .HowTo_role_button_inner__xB71N:after,[data-role=technical] .HowTo_role_button_inner__xB71N:after{background:url(/assets/images/howto/role/technical/active/frame.png) no-repeat left 31% top/cover}}@media not screen and (min-width:769px){[data-role=technical] .HowTo_role_button_inner__xB71N:after{background:url(/assets/images/howto/role/technical/active/frame_sp.png) no-repeat 0 0/cover}}@media only screen and (min-width:769px){.HowTo_role_button_inner__xB71N:after{-webkit-clip-path:polygon(min(52.5px,2.9166666667vw) 0,100% 0,calc(100% - min(52.5px, 2.9166666667vw)) 100%,0 100%);clip-path:polygon(min(52.5px,2.9166666667vw) 0,100% 0,calc(100% - min(52.5px, 2.9166666667vw)) 100%,0 100%)}}.HowTo_role_inactive__YAsM4{position:absolute;inset:0;z-index:2;visibility:visible;opacity:1;transition:.3s;transition-property:opacity,visibility}[data-active=true] .HowTo_role_inactive__YAsM4,[data-animated=false] .HowTo_role_inactive__YAsM4{visibility:hidden;opacity:0;transition:0s}.HowTo_role_inactive_normal__LAOe1{position:relative;transition:.3s;transition-property:opacity,visibility}.HowTo_role_inactive_hover__IFUqB{position:absolute;inset:0;opacity:0;transition:opacity .3s}.HowTo_role_inactive__YAsM4 img{width:100%}@media only screen and (min-width:769px){.HowTo_role_inactive__YAsM4 img{height:100%;object-fit:cover;object-position:bottom center}}.HowTo_role_active__kp8QJ{position:absolute;inset:0;z-index:2;visibility:hidden;opacity:0}[data-animated=true][data-active=true] .HowTo_role_active__kp8QJ{visibility:visible;opacity:1;transition:.3s;transition-property:opacity,visibility}.HowTo_role_active_inner__30YQP{position:absolute;inset:0;display:flex;flex-flow:column;padding:min(65px,6.3414634146%) 0 0 min(68.75px,6.7073170732%)}@media not screen and (min-width:769px){.HowTo_role_active_inner__30YQP{padding:min(65px,7.6470588235%) min(60px,7.0588235294%) 0}}.HowTo_role_active_name__flUOC{position:relative;display:block;width:100%;padding-bottom:min(16.25px,1.6993464052%)}@media not screen and (min-width:769px){.HowTo_role_active_name__flUOC{padding-bottom:min(14px,1.9718309859%)}}.HowTo_role_active_name__flUOC:after{position:absolute;bottom:0;left:0;width:96%;content:"";border-bottom:.125em solid #fff}.HowTo_role_active_desc__RavUI{position:relative;display:block;width:69.2810457516%;padding:1.25em 0 0 .625em;font-size:min(20px,1.1111111111vw);text-align:left}@media not screen and (min-width:769px){.HowTo_role_active_desc__RavUI{width:63.3802816901%;padding:1.4285714286em 0 0;font-size:min(19.6px,3.2941176471vw)}[data-role=tank] .HowTo_role_active_desc__RavUI{width:63.3802816901%}[data-role=damage] .HowTo_role_active_desc__RavUI{width:64.7887323944%}[data-role=technical] .HowTo_role_active_desc__RavUI{width:70.4225352113%}}.HowTo_role_active_desc_wrap__lqEiD{position:relative}.HowTo_role_active_desc_text__Jv4D5{position:relative;display:inline;font-family:var(--font-notosansjp);font-weight:700;line-height:1.5;color:#fff;text-align:left;letter-spacing:.04em}@media only screen and (min-width:769px){.HowTo_role_active_desc_text__Jv4D5[data-media=min-md]{display:none}}@media not screen and (min-width:769px){.HowTo_role_active_desc_text__Jv4D5[data-media=max-md]{display:none}}@media only screen and (min-width:769px){[data-role=tank] .HowTo_role_active_desc_text__Jv4D5{text-shadow:0 0 1px #299332,0 0 2px #299332,0 0 3px #299332,0 0 4px #299332,0 0 5px #299332}}@media not screen and (min-width:769px){[data-role=tank] .HowTo_role_active_desc_text__Jv4D5{color:#299332}}@media only screen and (min-width:769px){[data-role=damage] .HowTo_role_active_desc_text__Jv4D5{text-shadow:0 0 1px #e84e5f,0 0 2px #e84e5f,0 0 3px #e84e5f,0 0 4px #e84e5f,0 0 5px #e84e5f}}@media not screen and (min-width:769px){[data-role=damage] .HowTo_role_active_desc_text__Jv4D5{color:#e84e5f}}@media only screen and (min-width:769px){[data-role=technical] .HowTo_role_active_desc_text__Jv4D5{text-shadow:0 0 1px #2c8aeb,0 0 2px #2c8aeb,0 0 3px #2c8aeb,0 0 4px #2c8aeb,0 0 5px #2c8aeb}}@media not screen and (min-width:769px){[data-role=technical] .HowTo_role_active_desc_text__Jv4D5{color:#2c8aeb}}.HowTo_role_active_desc_text_line__quqKN{display:inline-block;padding-inline:.7em;line-height:1.3214285714em;letter-spacing:.04em;white-space:nowrap;background:linear-gradient(100deg,transparent 0 .25em,#fff .25em,#fff calc(100% - .25em),transparent calc(100% - .25em));background-repeat:no-repeat;background-position:0 100%;background-size:100% 100%}.HowTo_role_active_desc_text_line__quqKN:not(:first-child){margin-top:.2857142857em}.HowTo_role_active_movie__Jv92k{position:relative;z-index:2;display:block;width:65.3594771242%;margin:3.9215686275% 0 0}@media not screen and (min-width:769px){.HowTo_role_active_movie__Jv92k{width:72.7397260274%;margin:4.1095890411% 0 0 -3.5616438356%}}[data-role=tank] .HowTo_role_active_movie__Jv92k{border:clamp(2.4px,.891px + .159vw,3.75px) solid #299332;box-shadow:0 0 clamp(12.48px,4.634px + .826vw,19.5px) clamp(5.12px,1.901px + .339vw,8px) rgba(41,147,50,.5)}@media not screen and (min-width:769px){[data-role=tank] .HowTo_role_active_movie__Jv92k{border-width:min(2.1px,.3529411765vw);box-shadow:0 0 min(10.92px,1.8352941176vw) min(4.48px,.7529411765vw) rgba(41,147,50,.5)}}[data-role=damage] .HowTo_role_active_movie__Jv92k{border:clamp(2.4px,.891px + .159vw,3.75px) solid #ff046e;box-shadow:0 0 clamp(12.48px,4.634px + .826vw,19.5px) clamp(5.12px,1.901px + .339vw,8px) rgba(255,4,110,.5)}@media not screen and (min-width:769px){[data-role=damage] .HowTo_role_active_movie__Jv92k{border-width:min(2.1px,.3529411765vw);box-shadow:0 0 min(10.92px,1.8352941176vw) min(4.48px,.7529411765vw) rgba(255,4,110,.5)}}[data-role=technical] .HowTo_role_active_movie__Jv92k{border:clamp(2.4px,.891px + .159vw,3.75px) solid #2c8aeb;box-shadow:0 0 clamp(12.48px,4.634px + .826vw,19.5px) clamp(5.12px,1.901px + .339vw,8px) rgba(44,138,235,.5)}@media not screen and (min-width:769px){[data-role=technical] .HowTo_role_active_movie__Jv92k{border-width:min(2.1px,.3529411765vw);box-shadow:0 0 min(10.92px,1.8352941176vw) min(4.48px,.7529411765vw) rgba(44,138,235,.5)}}.HowTo_role_active_character__Lpotv{position:absolute;inset:0;right:0;bottom:0;z-index:0;display:flex;flex-flow:column;justify-content:flex-end;pointer-events:none}.HowTo_role_active__kp8QJ img{width:100%}