@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Noto+Serif+JP:wght@100..900&family=Michroma&display=swap");:root{--device: 1680;--game-width: 1340;--game-layout-w: 1300;--game-layout-h: 700}@media (max-width: 767px){:root{--device: 767;--game-width: 767}}#bodyInner::after,#bodyInner::before{display:none}#typing-cp{position:relative;margin:0;padding:0;text-align:center;background:none;background-color:#17142a;width:100%}#typing-cp .bg{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-clip-path:inset(0);clip-path:inset(0)}#typing-cp .bg::before{content:"";display:block;position:fixed;top:0;left:0;background-image:url(../images/typing-cp/common/bg_body.jpg);background-repeat:no-repeat;background-size:cover;background-position:center bottom;width:100vw;height:100vh}#typing-cp span.obi,#typing-cp strong.obi{background:linear-gradient(to left, #b92e73 10%, #743e8c 35%, #2b4da0 65%, #005bac 90%);margin-inline:0.15em;padding:0 0.25em 0.05em;font-weight:bold;font-size:0.9em}#typing-cp .btnRow{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;gap:min(40px, calc(40vw / var(--device) * 100))}@media screen and (max-width: 767px){#typing-cp .btnRow{gap:min(20px, calc(20vw / var(--device) * 100))}}#typing-cp .btnRow:not(:first-child){margin-top:min(70px, calc(70vw / var(--device) * 100))}#typing-cp .btnRow .btn{margin-inline:0}#typing-cp .alert-text{display:inline-block;background:linear-gradient(to left, #dc031a 15%, #55227b 85%);margin-top:1.75em;margin-inline:auto;padding:0.1em 0.5em;width:-webkit-fit-content;width:fit-content;color:#fff;font-size:min(24px, 1.68em)}@media screen and (max-width: 767px){#typing-cp .alert-text{font-size:min(16.8px, 1.176em)}}.typing-cp_box{position:relative;background:rgba(0,0,0,0.4);padding:min(20px, calc(20vw / var(--device) * 100)) min(30px, calc(30vw / var(--device) * 100))}.typing-cp_box.fit{width:-webkit-fit-content;width:fit-content}.typing-cp_box:not(:first-child){margin-top:min(20px, calc(20vw / var(--device) * 100))}.typing-cp_box::before{pointer-events:none;content:"";display:block;position:absolute;background:linear-gradient(to left, #b92e73 10%, #743e8c 35%, #2b4da0 65%, #005bac 90%);inset:0}.typing-cp_box::before{--bdW: 2px;-webkit-clip-path:polygon(0% 0%, 0% 100%, var(--bdW) 100%, var(--bdW) var(--bdW), calc(100% - var(--bdW)) var(--bdW), calc(100% - var(--bdW)) calc(100% - var(--bdW)), var(--bdW) calc(100% - var(--bdW)), var(--bdW) 100%, 100% 100%, 100% 0%);clip-path:polygon(0% 0%, 0% 100%, var(--bdW) 100%, var(--bdW) var(--bdW), calc(100% - var(--bdW)) var(--bdW), calc(100% - var(--bdW)) calc(100% - var(--bdW)), var(--bdW) calc(100% - var(--bdW)), var(--bdW) 100%, 100% 100%, 100% 0%)}.typing-cp_table{font-size:1em}.typing-cp_table th,.typing-cp_table td{border:1px solid rgba(255,255,255,0.5);padding:0.5em 1em;font-size:min(20px, 1.2em);color:#fff}@media screen and (max-width: 767px){.typing-cp_table th,.typing-cp_table td{padding:0.5em 0.75em;font-size:min(18px, 1.08em)}}.typing-cp_table th{background:rgba(0,0,0,0.4)}.typing-cp_table:not(:first-child){margin-top:min(20px, calc(20vw / var(--device) * 100))}.mt2XS{margin-top:min(5px, calc(5vw / var(--device) * 100)) !important}.mtXS{margin-top:min(10px, calc(10vw / var(--device) * 100)) !important}.mtS{margin-top:min(20px, calc(20vw / var(--device) * 100)) !important}.mtM{margin-top:min(30px, calc(30vw / var(--device) * 100)) !important}.mtL{margin-top:min(40px, calc(40vw / var(--device) * 100)) !important}.mtX{margin-top:min(50px, calc(50vw / var(--device) * 100)) !important}.mtXL{margin-top:min(60px, calc(60vw / var(--device) * 100)) !important}.color-white{color:#fff}.end{position:relative}.end::before{content:'「目指せキラ・ヤマト！OS書き換えチャレンジ\A発売直前記念！プレゼントキャンペーン！」は終了いたしました\Aご参加いただきありがとうございました';position:absolute;top:0;left:0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background:rgba(0,0,0,0.7);width:100%;height:100%;color:#fff;text-align:center;text-shadow:0 0 1em #000, 0 0 1em #000, 0 0 0.5em #000, 0 0 0.5em #000;white-space:pre-wrap;z-index:100}@media screen and (min-width: 768px){.end::before{font-size:1.5em}}@media screen and (max-width: 767px){.end::before{content:'「目指せキラ・ヤマト！OS書き換えチャレンジ\A発売直前記念！プレゼントキャンペーン！」は\A終了いたしました\Aご参加いただきありがとうございました'}}#typing-cp .btn{cursor:pointer}#typing-cp .btn .icon{padding-block:0.06em 0.03em;margin-right:0.25em;width:min(67px, calc(67vw / var(--device) * 100))}#typing-cp .btn.large{padding-block:0.25em 0.35em;width:min(500px, calc(500vw / var(--device) * 100));height:auto;min-height:min(80px, calc(80vw / var(--device) * 100));font-size:min(24px, 1.6em);font-weight:bold}@media screen and (max-width: 767px){#typing-cp .btn.large{width:min(450px, calc(450vw / var(--device) * 100));font-size:min(19.2px, 1.28em)}}#typing-cp .btn.strong{box-shadow:0px 0px 25.5px 4.5px rgba(255,255,255,0.6);background-image:linear-gradient(90deg, #ef002d 15%, #9026df 85%);padding-block:0.25em 0.35em;width:min(500px, calc(500vw / var(--device) * 100));height:auto;color:#fff;font-size:min(46px, 2.3em);font-weight:bold}@media screen and (max-width: 767px){#typing-cp .btn.strong{box-shadow:0px 0px calc(25.5px * 0.5) calc(4.5px * 0.4) rgba(255,255,255,0.6);width:min(450px, calc(450vw / var(--device) * 100));font-size:min(36.8px, 1.84em)}}#typing-cp .btn.strong::after{background:linear-gradient(135deg, rgba(220,3,26,0) 50%, #fff 50%)}@media screen and (max-width: 767px){#typing-cp .btn.strong.sp-disable{pointer-events:none;background:#818081 !important;opacity:0.8}}#typing-cp .btn.arrowL::after{content:"";position:absolute;top:50%;right:auto;left:1rem;width:0.6rem;height:0.6rem;border-bottom:solid 1px #000;border-right:solid 1px #000;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-top:-0.3rem;background:linear-gradient(135deg, rgba(220,3,26,0) 50%, #dc031a 50%);border:none;scale:-1 1}#typing-cp .btnS{-webkit-justify-content:center;justify-content:center;border:solid 1px #000;padding-block:1.2em 1.3em;padding-inline:0.2em 0.8em;width:min(470px, calc(470vw / var(--device) * 100));height:auto;text-align:center;font-size:min(20px, 1.2em)}@media screen and (max-width: 767px){#typing-cp .btnS{padding-block:0.7em;margin-left:0;font-size:min(18px, 1.08em);line-height:1.3}}#typing-cp .btnS.blue{background-color:#00adec;color:#fff}#typing-cp .btnS.blue::after{border-bottom-color:#fff;border-right-color:#fff}@media screen and (max-width: 767px){#typing-cp .btnS small{display:block;width:100%}}.typing-cp_header{pointer-events:auto;box-sizing:border-box;position:absolute;top:min(20px, calc(20vw / var(--device) * 100));left:0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;align-items:flex-start;padding-inline:min(30px, calc(30vw / var(--device) * 100));width:100%;height:inherit;z-index:10}.typing-cp_header .pf{width:min(302px, calc(302vw / var(--device) * 100))}@media screen and (max-width: 767px){.typing-cp_header .pf{width:min(240px, calc(240vw / var(--device) * 100))}}.typing-cp_header .title{width:min(567px, calc(567vw / var(--device) * 100))}@media screen and (max-width: 767px){.typing-cp_header .title{width:min(400px, calc(400vw / var(--device) * 100))}}.typing-cp_mv{position:relative;background:url(../images/typing-cp/top/bg_mv_pc.png) no-repeat right top/cover}@media screen and (max-width: 767px){.typing-cp_mv{background:none}}.typing-cp_mv::after{content:"";display:block;position:absolute;bottom:-1px;left:0;z-index:2;background:linear-gradient(0deg, rgba(10,10,32,0) 0%, #0a0a20 71%, #0a0a20 100%);width:100%;aspect-ratio:2000 / 100;scale:1 -1}.typing-cp_mv img{max-width:100%}.typing-cp_mv .mvTitle{position:relative;z-index:2}.typing-cp_mv .flare{content:"";display:block;position:absolute;left:50%;bottom:calc(5400% / 960);z-index:1;mix-blend-mode:screen;translate:calc(-100% - 15800% / 556) 0;max-width:calc(57500% / 1680)}.typing-cp_mv .mv-btn{position:absolute;left:50%;bottom:calc(12000% / 960);z-index:2;translate:calc(-100% - 16600% / 506) 0;width:calc(50600% / 1680);max-width:500px}@media screen and (max-width: 767px){.typing-cp_mv .mv-btn{translate:-50% 0;max-width:unset;width:100%}}@media screen and (max-width: 767px){.typing-cp_mv .mv-btn.sp-disable{bottom:calc(5000% / 960)}.typing-cp_mv .mv-btn.sp-disable .btn{pointer-events:none;background:#818081 !important;opacity:0.8}.typing-cp_mv .mv-btn.sp-disable .alert-text{margin-top:0.5em !important}}#typing-cp .typing-cp_desc{position:relative;margin-inline:auto;padding:min(20px, calc(20vw / var(--device) * 100)) min(60px, calc(60vw / var(--device) * 100));max-width:980px}@media screen and (max-width: 767px){#typing-cp .typing-cp_desc{padding:min(30px, calc(30vw / var(--device) * 100)) min(40px, calc(40vw / var(--device) * 100))}}#typing-cp .typing-cp_desc>p{font-size:min(22px, 1.54em);line-height:1.55;color:#fff}@media screen and (max-width: 767px){#typing-cp .typing-cp_desc>p{font-size:min(18px, 1.08em)}}#typing-cp .typing-cp_desc>.txtList.notes{margin-top:min(10px, calc(10vw / var(--device) * 100));font-size:min(16px, .96em);color:#fff}.typing-cp_content{position:relative}.typing-cp_content *{box-sizing:border-box}.typing-cp_content::before{content:"";display:block;position:absolute;top:0;left:0;background:linear-gradient(0deg, rgba(10,10,32,0) 0%, #0a0a20 71%, #0a0a20 100%);width:100%;aspect-ratio:2000 / 500}.typing-cp_content.--lower{padding-top:min(180px, calc(180vw / var(--device) * 100))}@media screen and (max-width: 767px){.typing-cp_content.--lower{padding-top:min(126px, calc(126vw / var(--device) * 100))}}.typing-cp_content.--lower::before{display:none}.typing-cp_contentInner{position:relative;z-index:2;margin:0 auto;max-width:1680px;padding-inline:min(60px, calc(60vw / var(--device) * 100));text-align:center}@media screen and (max-width: 767px){.typing-cp_contentInner{padding-inline:min(30px, calc(30vw / var(--device) * 100))}}.typing-cp_contentInner.--game{padding-inline:0}.typing-cp_contentInner:not(:first-child){margin-top:min(80px, calc(80vw / var(--device) * 100))}.typing-cp_contentInner:last-child{padding-bottom:min(100px, calc(100vw / var(--device) * 100))}.typing-cp_section{position:relative;display:-webkit-flex;display:flex;text-align:left;padding-inline:min(120px, calc(120vw / var(--device) * 100));--path: polygon(
    min(110px, calc(110vw / var(--device) * 100)) 0,
    100% 0,
    100% calc(100% - min(135px, calc(135vw / var(--device) * 100))),
    calc(100% - min(135px, calc(135vw / var(--device) * 100))) 100%,
    0 100%,
    0 min(110px, calc(110vw / var(--device) * 100)))}@media screen and (max-width: 767px){.typing-cp_section{padding-inline:min(40px, calc(40vw / var(--device) * 100))}}.typing-cp_section:not(:first-child){margin-top:min(80px, calc(80vw / var(--device) * 100))}@media screen and (max-width: 767px){.typing-cp_section{--path: polygon(
      min(77px, calc(77vw / var(--device) * 100)) 0,
      100% 0,
      100% calc(100% - min(94.5px, calc(94.5vw / var(--device) * 100))),
      calc(100% - min(94.5px, calc(94.5vw / var(--device) * 100))) 100%,
      0 100%,
      0 min(77px, calc(77vw / var(--device) * 100)))}}.typing-cp_section::before{content:"";display:block;position:absolute;inset:0;background:rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.5);-webkit-clip-path:var(--path);clip-path:var(--path)}.typing-cp_section::after{pointer-events:none;content:"";display:block;position:absolute;inset:-1px;background-repeat:no-repeat;background-image:url(../images/typing-cp/common/deco_left_top.png),url(../images/typing-cp/common/deco_left_bottom.png),url(../images/typing-cp/common/deco_right_bottom.png),url(../images/typing-cp/common/deco_right_top.png);background-position:left top,
 left bottom,
 right bottom,
 right top;background-size:min(344px, calc(344vw / var(--device) * 100)) auto,auto min(120%, calc(586vw / var(--device) * 100)),min(344px, calc(344vw / var(--device) * 100)) auto,auto min(90%, calc(420vw / var(--device) * 100));-webkit-clip-path:var(--path);clip-path:var(--path)}@media screen and (max-width: 767px){.typing-cp_section::after{background-size:min(240.8px, calc(240.8vw / var(--device) * 100)) auto}}.typing-cp_section.bg-v2::after{background-image:url(../images/typing-cp/common/deco_left_top.png),url(../images/typing-cp/common/deco_left_bottom.png),url(../images/typing-cp/common/deco_right_bottom_small.png),url(../images/typing-cp/common/deco_right_top.png)}.typing-cp_section .inner{position:relative;z-index:2;margin-inline:auto;padding:min(60px, calc(60vw / var(--device) * 100)) 0 min(80px, calc(80vw / var(--device) * 100));width:100%;max-width:1200px;min-height:min(420px, calc(420vw / var(--device) * 100))}@media screen and (max-width: 767px){.typing-cp_section .inner{padding:min(60px, calc(60vw / var(--device) * 100)) 0 min(80px, calc(80vw / var(--device) * 100))}}.typing-cp_section .ttl-a{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-family:"Jost", 'Noto Sans JP', sans-serif;font-weight:500;-webkit-font-feature-settings:"palt" 1 !important;font-feature-settings:"palt" 1 !important;position:relative;text-align:center;color:#fff;margin-top:0;margin-bottom:0;padding:0.2em 1em;min-height:min(72px, calc(72vw / var(--device) * 100));box-sizing:border-box;margin-left:auto;margin-right:auto;width:-webkit-fit-content;width:fit-content;min-width:min(250px, calc(250vw / var(--device) * 100));font-size:min(30px, 1.8em);line-height:1.3}@media screen and (max-width: 767px){.typing-cp_section .ttl-a{padding:0.5em 1.3em 0.4em;max-width:calc(60000% / 750);font-size:min(21px, 1.26em);min-height:unset;letter-spacing:0}}@media screen and (max-width: 767px){.typing-cp_section .ttl-a.thin{padding:0.5em 1.3em 0.4em 0.8em}}.typing-cp_section .ttl-a.eng{font-weight:normal;font-size:min(50px, 2.4em)}@media screen and (max-width: 767px){.typing-cp_section .ttl-a.eng{padding:0.1em 1.5em 0.1em;font-size:min(40px, 1.92em)}}.typing-cp_section .ttl-a::first-letter{color:#fff}.typing-cp_section .ttl-a:not(:first-child){margin-top:min(60px, calc(60vw / var(--device) * 100))}.typing-cp_section .ttl-a::before{content:"";position:absolute;top:0;left:0;background:linear-gradient(to left, #b92e73 10%, #743e8c 35%, #2b4da0 65%, #005bac 90%);width:100%;height:100%;-webkit-transform:skewX(-45deg);transform:skewX(-45deg);-webkit-transform-origin:left;transform-origin:left;z-index:-1}.typing-cp_section .ttl-a span::before,.typing-cp_section .ttl-a span::after{content:"";position:absolute;top:0;background:#00adec;width:0.5rem;height:100%;-webkit-transform:skewX(-45deg);transform:skewX(-45deg);-webkit-transform-origin:left;transform-origin:left;z-index:-1}.typing-cp_section .ttl-a span::before{background:#005bac;right:calc(100% + 0.5rem)}.typing-cp_section .ttl-a span::after{background:#b92e73;left:calc(100% + 0.5rem)}.typing-cp_section .ttl-b{background:#000;border-left:min(10px, calc(10vw / var(--device) * 100)) solid #005bac;margin-top:min(40px, calc(40vw / var(--device) * 100));padding:0.4em 1em 0.5em;width:100%;color:#fff;text-align:left;font-size:min(20px, 1.2em)}@media screen and (max-width: 767px){.typing-cp_section .ttl-b{padding:0.3em 1em 0.4em;font-size:min(18px, 1.08em)}}.typing-cp_section p{font-size:min(20px, 1.2em);color:#fff}@media screen and (max-width: 767px){.typing-cp_section p{font-size:min(18px, 1.08em)}}.typing-cp_section p:not(:first-child){margin-top:min(30px, calc(30vw / var(--device) * 100))}.typing-cp_section p a{color:#26d4ff}.typing-cp_section p a:hover{text-decoration:none}.typing-cp_section p>.icon{margin-inline:0.25em}.typing-cp_section p>.icon-share{position:relative;top:0.3em;width:min(158px, calc(158vw / var(--device) * 100))}@media screen and (max-width: 767px){.typing-cp_section p>.icon-share{top:0.2em;width:min(126.4px, calc(126.4vw / var(--device) * 100))}}.typing-cp_section .lead{font-size:min(27px, 1.89em);line-height:1.55;font-weight:bold;color:#fff}@media screen and (max-width: 767px){.typing-cp_section .lead{font-size:min(18px, 1.08em)}}.typing-cp_section .lead:not(:first-child){margin-top:min(30px, calc(30vw / var(--device) * 100))}.typing-cp_section .txtList{margin-top:min(30px, calc(30vw / var(--device) * 100));font-size:min(20px, 1.2em);color:#fff}@media screen and (max-width: 767px){.typing-cp_section .txtList{font-size:min(18px, 1.08em)}}.typing-cp_section .txtList.notes{margin-top:min(15px, calc(15vw / var(--device) * 100));font-size:min(16px, .96em)}.typing-cp_section .txtSmall{font-size:min(16px, .96em)}@media screen and (max-width: 767px){.typing-cp_section .txtSmall{font-size:min(14.4px, .864em)}}.typing-cp_desc+.typing-cp_section{margin-top:min(60px, calc(60vw / var(--device) * 100))}.resultOgp{position:relative;background:#c7c7c7;margin-inline:auto;padding:min(20px, calc(20vw / var(--device) * 100));max-width:1200px}@media screen and (max-width: 767px){.resultOgp{padding:min(10px, calc(10vw / var(--device) * 100))}}.resultOgp::before,.resultOgp::after{content:"";display:block;position:absolute;background:url("../images/typing-cp/common/deco_corner01.png") no-repeat left top/100% auto;width:min(80px, calc(80vw / var(--device) * 100));aspect-ratio:1 / 1}@media screen and (max-width: 767px){.resultOgp::before,.resultOgp::after{width:min(60px, calc(60vw / var(--device) * 100))}}.resultOgp::before{top:0;right:0}.resultOgp::after{bottom:0;left:0;scale:-1 -1}.resultTime{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;margin-inline:auto;background:url("../images/typing-cp/result/bg_time.png") no-repeat center center/contain;width:min(641px, calc(641vw / var(--device) * 100));aspect-ratio:641 / 144;font-family:"Jost",serif;font-size:min(58px, 2.4em)}@media screen and (max-width: 767px){.resultTime{width:min(500px, calc(500vw / var(--device) * 100));font-size:min(46.4px, 1.92em)}}#typing-cp .typing-cp_game{position:relative;background:url("../images/typing-cp/game/bg.png") no-repeat center center/100% 100%;margin-block:max(-30px, calc(-30vw / var(--game-width) * 100));margin-inline:auto;width:98%;max-width:min(1340px, calc(1340vw / var(--game-width) * 100));aspect-ratio:1340 / 740}@media screen and (max-width: 767px){#typing-cp .typing-cp_game{padding:min(11px, calc(11vw / var(--game-width) * 100))}}#typing-cp .typing-cp_game *{-webkit-user-select:none;-ms-user-select:none;user-select:none}#typing-cp .typing-cp_game img{pointer-events:none}#typing-cp .typing-cp_game .scene{position:absolute;top:0;left:0;inset:0;margin:calc(21 * 100% / var(--game-layout-w));opacity:0;z-index:-1;transition:opacity .3s}#typing-cp .typing-cp_game .scene.is-active{opacity:1;z-index:1}#typing-cp .typing-cp_game .scene .btn.strong{width:min(500px, calc(500vw / var(--game-width) * 100));min-height:min(100px, calc(100vw / var(--game-width) * 100));font-size:min(46px, 3.22em)}@media screen and (max-width: 767px){#typing-cp .typing-cp_game .scene .btn.strong{width:min(450px, calc(450vw / var(--game-width) * 100));font-size:min(36.8px, 1.84em)}}@media screen and (max-width: 767px){#typing-cp .typing-cp_game .scene:not(#js-scene-op){display:none}}@media screen and (max-width: 767px){#typing-cp .typing-cp_game .scene#js-scene-op{display:block;opacity:1;z-index:1}}#typing-cp .typing-cp_game .scene .sceneTxt{font-size:min(19px, 1.33em)}@media screen and (max-width: 767px){#typing-cp .typing-cp_game .scene-op-text-wrapper+.js-anime{display:none}}@media screen and (max-width: 767px){#typing-cp .typing-cp_game .scene-op-text{font-size:min(22.8px, 1.596em)}#typing-cp .typing-cp_game .scene-op-text span{display:none}#typing-cp .typing-cp_game .scene-op-text::before{content:"PC環境にてお楽しみください"}}#typing-cp .typing-cp_game .scene-countdown-content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;gap:min(35px, calc(35vw / var(--game-width) * 100));position:absolute;top:50%;left:0%;width:100%;z-index:2;translate:0% -50%}@media screen and (max-width: 767px){#typing-cp .typing-cp_game .scene-countdown-content{display:none}}#typing-cp .typing-cp_game .scene-countdown-num{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background-color:#fff;background-image:linear-gradient(90deg, rgba(83,83,83,0.5) 0%, rgba(125,125,125,0.5) 50%, rgba(83,83,83,0.5) 100%);border:2px solid #000;margin-inline:auto;width:calc(116 * 100% / var(--game-layout-w));height:min(100px, calc(100vw / var(--game-width) * 100));font-family:"Jost",serif;color:#ba0011;font-size:min(80px, 5.6em)}@media screen and (max-width: 767px){#typing-cp .typing-cp_game .scene-countdown-num{height:min(80px, calc(80vw / var(--game-width) * 100));font-size:min(24px, 1.68em);line-height:1}}#typing-cp .typing-cp_game .scene-countdown-num .text-container{position:relative}#typing-cp .typing-cp_game .scene-countdown-num .text{display:inline-block}#typing-cp .typing-cp_game .scene-countdown-num .text.is-active{-webkit-animation:numAnime 1s 3 forwards ease-out;animation:numAnime 1s 3 forwards ease-out}#typing-cp .typing-cp_game .scene-countdown-num .ghost{position:absolute;left:0;-webkit-filter:blur(0px);filter:blur(0px)}#typing-cp .typing-cp_game .scene-countdown-num .ghost.is-active{-webkit-animation:ghostAnime 1s 3 forwards ease-out;animation:ghostAnime 1s 3 forwards ease-out}@-webkit-keyframes numAnime{0%{scale:1}40%{scale:1;-webkit-filter:blur(0px);filter:blur(0px)}60%{scale:1.4;-webkit-filter:blur(0.5px);filter:blur(0.5px)}70%{scale:1.4;-webkit-filter:blur(0.5px);filter:blur(0.5px)}80%{scale:1;-webkit-filter:blur(0px);filter:blur(0px)}100%{scale:1}}@keyframes numAnime{0%{scale:1}40%{scale:1;-webkit-filter:blur(0px);filter:blur(0px)}60%{scale:1.4;-webkit-filter:blur(0.5px);filter:blur(0.5px)}70%{scale:1.4;-webkit-filter:blur(0.5px);filter:blur(0.5px)}80%{scale:1;-webkit-filter:blur(0px);filter:blur(0px)}100%{scale:1}}@-webkit-keyframes ghostAnime{0%{-webkit-filter:blur(0px);filter:blur(0px)}40%{-webkit-filter:blur(0px);filter:blur(0px)}60%{-webkit-filter:blur(20px);filter:blur(20px)}70%{-webkit-filter:blur(20px);filter:blur(20px)}80%{-webkit-filter:blur(0px);filter:blur(0px);opacity:1}100%{-webkit-filter:blur(20px);filter:blur(20px);opacity:0}}@keyframes ghostAnime{0%{-webkit-filter:blur(0px);filter:blur(0px)}40%{-webkit-filter:blur(0px);filter:blur(0px)}60%{-webkit-filter:blur(20px);filter:blur(20px)}70%{-webkit-filter:blur(20px);filter:blur(20px)}80%{-webkit-filter:blur(0px);filter:blur(0px);opacity:1}100%{-webkit-filter:blur(20px);filter:blur(20px);opacity:0}}#typing-cp .typing-cp_game .scene-countdown-text-wrapper{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;gap:min(10px, calc(10vw / var(--game-width) * 100));width:100%}#typing-cp .typing-cp_game .scene-countdown-text-wrapper .text-1,#typing-cp .typing-cp_game .scene-countdown-text-wrapper .text-2{display:block;text-align:center;white-space:nowrap;font-family:"Instrument Serif", serif;color:#fff;font-size:min(50px, 3.5em);font-weight:normal;letter-spacing:0;line-height:1;height:1em}@media screen and (max-width: 767px){#typing-cp .typing-cp_game .scene-countdown-text-wrapper .text-1,#typing-cp .typing-cp_game .scene-countdown-text-wrapper .text-2{font-size:min(15px, 1.05em)}}#typing-cp .typing-cp_game .scene-countdown-text-wrapper .text-1{text-transform:uppercase}#typing-cp .typing-cp_game .scene-countdown-logo{width:calc(268 * 100% / var(--game-layout-w));opacity:0}#typing-cp .typing-cp_game .scene-countdown-logo.is-active{-webkit-animation:logoAnimeStart 3s .3s 1 forwards ease-out;animation:logoAnimeStart 3s .3s 1 forwards ease-out}@-webkit-keyframes logoAnimeStart{0%{scale:2.5 0;translate:0 5%;opacity:0}5%{scale:1.3 1.3;opacity:1}10%{scale:1.3 1.3;translate:0 5%}17%{scale:1 1;translate:0 0%}100%{opacity:1}}@keyframes logoAnimeStart{0%{scale:2.5 0;translate:0 5%;opacity:0}5%{scale:1.3 1.3;opacity:1}10%{scale:1.3 1.3;translate:0 5%}17%{scale:1 1;translate:0 0%}100%{opacity:1}}#typing-cp .typing-cp_game .scene-circle{pointer-events:none;position:absolute;top:0%;left:50%;width:calc(640 * 100% / var(--game-layout-w));height:100%}#typing-cp .typing-cp_game .scene-circle>.circle{position:absolute;top:calc(50% - calc(8 * 100% / var(--game-layout-h)));left:0;width:100%;aspect-ratio:1 / 1;translate:-50.3% -50%}#typing-cp .typing-cp_game .scene-circle>.circle img{width:auto;height:100%}#typing-cp .typing-cp_game .scene-circle>.circle.is-active:nth-child(1){-webkit-animation:rotate 1.2s infinite linear;animation:rotate 1.2s infinite linear}#typing-cp .typing-cp_game .scene-circle>.circle.is-active:nth-child(2){-webkit-animation:rotate 1.3s infinite linear;animation:rotate 1.3s infinite linear}#typing-cp .typing-cp_game .scene-circle>.circle.is-active:nth-child(3){-webkit-animation:rotate 1.6s infinite linear;animation:rotate 1.6s infinite linear}#typing-cp .typing-cp_game .scene-circle>.circle.is-active:nth-child(4){-webkit-animation:rotate 1.3s infinite linear;animation:rotate 1.3s infinite linear}@-webkit-keyframes rotate{0%{rotate:0deg}100%{rotate:360deg}}@keyframes rotate{0%{rotate:0deg}100%{rotate:360deg}}#typing-cp .typing-cp_game .scene-game-content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;gap:min(60px, calc(60vw / var(--game-width) * 100));position:absolute;top:50%;left:0%;width:100%;height:100%;translate:0% -50%;background:url("../images/typing-cp/game/bg_game3.png") no-repeat center center/contain}#typing-cp .typing-cp_game .scene-game-limitGauge{position:absolute;top:calc(140 * 100% / var(--game-layout-h));left:calc(51 * 100% / var(--game-layout-w));background:url("../images/typing-cp/game/bg_game3_mater.png") no-repeat center center/contain;width:calc(204 * 100% / var(--game-layout-w));aspect-ratio:204 / 271}#typing-cp .typing-cp_game .scene-game-limitGauge svg{margin-top:min(54px, calc(54vw / var(--game-width) * 100));width:calc(16600% / 204);aspect-ratio:1 / 1}@media screen and (max-width: 767px){#typing-cp .typing-cp_game .scene-game-limitGauge svg{margin-top:min(27px, calc(27vw / var(--game-width) * 100))}}#typing-cp .typing-cp_game .scene-game-limitGauge svg path,#typing-cp .typing-cp_game .scene-game-limitGauge svg polygon{transition:fill .2s}#typing-cp .typing-cp_game .scene-game-limitGauge .cls-1{fill:#3adf00}#typing-cp .typing-cp_game .scene-game-limitGauge .cls-2{fill:#fff}#typing-cp .typing-cp_game .scene-game-limitGauge .cls-3{fill:#e51a00}#typing-cp .typing-cp_game .scene-game-limitGauge .cls-4{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:.95px}#typing-cp .typing-cp_game .scene-game-limitGauge .cls-5{fill:#fcff00}#typing-cp .typing-cp_game .scene-game-limitGauge .is-current{-webkit-animation:alert 1.3s infinite linear;animation:alert 1.3s infinite linear}#typing-cp .typing-cp_game .scene-game-limitGauge .is-disable{fill:#393f49;-webkit-animation:unset;animation:unset}#typing-cp .typing-cp_game .text-timerNum{margin-top:0.5em;font-family:"Michroma", sans-serif;color:#fff;font-size:min(18px, 1.26em);line-height:1}@media screen and (max-width: 767px){#typing-cp .typing-cp_game .text-timerNum{margin-top:0.25em;font-size:min(5.4px, .378em)}}#typing-cp .typing-cp_game .text-warning{position:absolute;top:50%;left:50%;background:rgba(229,26,0,0.7);padding:0.75em 1em;width:-webkit-fit-content;width:fit-content;color:#fff;font-family:"Michroma", sans-serif;font-weight:normal;text-transform:uppercase;font-size:min(18px, 1.26em);line-height:1;translate:-50% -50%;-webkit-animation:alert 1.3s infinite linear;animation:alert 1.3s infinite linear;visibility:hidden}@media screen and (max-width: 767px){#typing-cp .typing-cp_game .text-warning{font-size:min(5.4px, .378em)}}#typing-cp .typing-cp_game .text-warning.is-active{visibility:visible}#typing-cp .typing-cp_game .scene-game-progress{position:absolute;top:calc(30 * 100% / var(--game-layout-h));left:calc(250 * 100% / var(--game-layout-w));width:calc(444 * 100% / var(--game-layout-w))}#typing-cp .typing-cp_game .scene-game-progress .progress{position:absolute;bottom:calc(2700% / 104);left:calc(2400% / 444);padding-inline:calc(1400% / 444);width:calc(39700% / 444);height:calc(5000% / 104);-webkit-clip-path:url(#mask-progress);clip-path:url(#mask-progress)}#typing-cp .typing-cp_game .scene-game-progress .progress-bar{--progress: 0%;position:relative;width:var(--progress);height:100%;-webkit-transform:skewX(-31deg);transform:skewX(-31deg);-webkit-transform-origin:left center;transform-origin:left center;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transition:.2s}#typing-cp .typing-cp_game .scene-game-progress .progress-bar::before{content:"";display:block;background:linear-gradient(to left, #b92e73 20%, #743e8c 45%, #2b4da0 75%, #005bac 90%);width:min(396px, calc(396vw / var(--game-width) * 100));height:100%}#typing-cp .typing-cp_game .scene-game-typing{position:absolute;top:calc(120 * 100% / var(--game-layout-h));left:calc(275 * 100% / var(--game-layout-w));background:url("../images/typing-cp/game/bg_game3_typing.png") no-repeat center center/contain;width:calc(787 * 100% / var(--game-layout-w));height:calc(507 * 100% / var(--game-layout-h));aspect-ratio:787 / 507}#typing-cp .typing-cp_game .scene-game-typing-text{overflow-y:auto;position:absolute;bottom:0;left:calc(3500% / 787);width:calc((787 - 35*2) * 100% / 787);height:calc(100% - 8000% / 507);text-align:left}#typing-cp .typing-cp_game .scene-game-typing-text dl{transition:opacity .2s}#typing-cp .typing-cp_game .scene-game-typing-text dl:not(:first-child){margin-top:min(30px, calc(30vw / var(--game-width) * 100))}@media screen and (max-width: 767px){#typing-cp .typing-cp_game .scene-game-typing-text dl:not(:first-child){margin-top:min(24px, calc(24vw / var(--game-width) * 100))}}#typing-cp .typing-cp_game .scene-game-typing-text dl:not(.is-current){opacity:0.4}#typing-cp .typing-cp_game .scene-game-typing-text dt{color:#fff;font-size:min(18px, 1.332em);letter-spacing:0.1em;font-weight:400}@media screen and (max-width: 767px){#typing-cp .typing-cp_game .scene-game-typing-text dt{font-size:min(5.4px, .378em)}}#typing-cp .typing-cp_game .scene-game-typing-text dd{color:#acacac;font-size:min(16px, 1.184em);font-weight:500}@media screen and (max-width: 767px){#typing-cp .typing-cp_game .scene-game-typing-text dd{font-size:min(4.8px, .336em)}}#typing-cp .typing-cp_game .scene-game-typing-text dd span{letter-spacing:0.1em}#typing-cp .typing-cp_game .scene-game-typing-text .ans{color:#2c9c00}#typing-cp .typing-cp_game .scene-game-window1{position:absolute;top:calc(60 * 100% / var(--game-layout-h));right:calc(60 * 100% / var(--game-layout-w));width:calc(190 * 100% / var(--game-layout-w))}#typing-cp .typing-cp_game .scene-game-window1 img{width:100%}#typing-cp .typing-cp_game .scene-game-window1 img.anim{position:absolute;top:0;left:0;width:100%;height:inherit}#typing-cp .typing-cp_game .scene-game-window2{position:absolute;top:calc(224 * 100% / var(--game-layout-h));right:calc(50 * 100% / var(--game-layout-w));width:calc(163 * 100% / var(--game-layout-w))}#typing-cp .typing-cp_game .scene-game-window2 img{width:100%}#typing-cp .typing-cp_game .scene-game-window2 img.anim{position:absolute;top:0;left:0;width:100%;height:inherit}#typing-cp .typing-cp_game .scene-game-window3{position:absolute;top:calc(433 * 100% / var(--game-layout-h));left:calc(41 * 100% / var(--game-layout-w));width:calc(215 * 100% / var(--game-layout-w));opacity:0.8}#typing-cp .typing-cp_game .scene-game-window3 img{width:100%}#typing-cp .typing-cp_game .scene-game-window4{position:absolute;top:calc(23 * 100% / var(--game-layout-h));left:calc(25 * 100% / var(--game-layout-w));width:calc(114 * 100% / var(--game-layout-w));text-align:left}#typing-cp .typing-cp_game .scene-game-window4 .img01{width:100%;-webkit-animation:txtFlash 1s linear infinite;animation:txtFlash 1s linear infinite}#typing-cp .typing-cp_game .scene-game-window4 .img02{margin-top:2px;width:calc(10400% / 114);-webkit-animation:txtFlash 1s .2s linear infinite;animation:txtFlash 1s .2s linear infinite}@-webkit-keyframes txtFlash{0%{opacity:0.5}25%{opacity:1}75%{opacity:1}100%{opacity:0.5}}@keyframes txtFlash{0%{opacity:0.5}25%{opacity:1}75%{opacity:1}100%{opacity:0.5}}#typing-cp .typing-cp_game .scene-game-window5{position:absolute;top:calc(449 * 100% / var(--game-layout-h));right:calc(37 * 100% / var(--game-layout-w));width:calc(204 * 100% / var(--game-layout-w));opacity:0.8}#typing-cp .typing-cp_game .scene-game-window5 img{width:100%}#typing-cp .typing-cp_game .result-text{text-align:center;color:#fff;font-size:min(30px, 2.1em)}@media screen and (max-width: 767px){#typing-cp .typing-cp_game .result-text{font-size:min(9px, .63em)}}.scene-flex-layout{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;gap:min(60px, calc(60vw / var(--game-width) * 100));position:absolute;top:50%;left:0%;width:100%;translate:0% -50%}.obi-text-wrapper{position:relative;width:100%;height:min(120px, calc(120vw / var(--game-width) * 100))}@media screen and (max-width: 767px){.obi-text-wrapper{height:min(72px, calc(72vw / var(--game-width) * 100))}}.obi-text-bg{display:block;background-image:linear-gradient(-90deg, #535353 0%, #7d7d7d 100%);height:100%;opacity:0.8}.obi-text{display:block;position:absolute;top:50%;left:50%;translate:-50% -55%;margin-inline:auto;width:100%;text-align:center;white-space:nowrap;font-family:'Noto Serif JP', serif;color:#fff;font-size:min(76px, 5.32em);line-height:1}@media screen and (max-width: 767px){.obi-text{font-size:min(22.8px, 1.596em)}}.obi-text>span{display:inline-block;text-align:left}.obi-text>span>span{transition:color .2s;color:#fff}.obi-text>span>span.is-current{color:#26d4ff;-webkit-animation:colorFlash .4s linear;animation:colorFlash .4s linear;-webkit-filter:brightness(1);filter:brightness(1)}.anime-up-delay{opacity:0;translate:0 30%;transition:opacity 1s, translate 1s;transition-delay:.5s}.anime-up-delay.is-active{opacity:1;translate:0 0}.anime-obi{transition:width .8s;width:0%}.anime-obi.is-active{width:100%}@-webkit-keyframes alert{0%{opacity:1}20%{opacity:1}48%{opacity:0.5}53%{opacity:0.5}80%{opacity:1}100%{opacity:1}}@keyframes alert{0%{opacity:1}20%{opacity:1}48%{opacity:0.5}53%{opacity:0.5}80%{opacity:1}100%{opacity:1}}@-webkit-keyframes colorFlash{0%{-webkit-filter:brightness(1);filter:brightness(1)}40%{-webkit-filter:brightness(4);filter:brightness(4)}60%{-webkit-filter:brightness(4);filter:brightness(4)}80%{-webkit-filter:brightness(1);filter:brightness(1)}}@keyframes colorFlash{0%{-webkit-filter:brightness(1);filter:brightness(1)}40%{-webkit-filter:brightness(4);filter:brightness(4)}60%{-webkit-filter:brightness(4);filter:brightness(4)}80%{-webkit-filter:brightness(1);filter:brightness(1)}}