@charset "UTF-8";
._game-main { position: relative; display: flex; justify-content: center; align-items: flex-start; background-repeat: no-repeat; background-position: center top; background-size: cover; }
._game-main::after { content: ''; display: block; width: 0; padding-top: 56.25%; }
._game-main .game-menu { position: absolute; top: 0; right: 0; z-index: 9999; display: none; justify-content: center; align-items: center; width: 7.1rem; height: 7.1rem; background-color: #004ba3; cursor: pointer; transform-origin: top right; }
._game-main .game-menu p { position: relative; display: flex; flex-direction: column; justify-content: space-between; width: 4rem; height: 2.6rem; }
._game-main .game-menu p span { display: block; width: 100%; height: 2px; border-radius: 1px; background-color: #fff; }
._game-main ._game-wrap { position: relative; width: 100%; max-width: 1400px; overflow: hidden; }

._game { position: relative; }
._game .game-back { position: absolute; top: 0; left: 2rem; z-index: 100; display: flex; align-items: center; width: 3.1rem; height: 7.1rem; }
._game .game-back .ico { width: 3.1rem; cursor: pointer; }
._game .game-sec { position: relative; min-height: 663px; }

.game-orientation-sec { display: none; position: absolute; top: 0; left: 0; z-index: 100000; width: 100%; height: 100%; }
.game-orientation-sec._show { display: block; }
.game-orientation-sec .game-orientation-in { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 20px 0; background: rgba(0, 0, 0, 0.6); }
.game-orientation-sec .game-orientation-con { position: relative; width: 50%; max-width: 250px; margin: auto; padding: 40px 20px 30px; border-radius: 1em; background-color: #C7FFFF; }
@media screen and (max-width: 750px) { .game-orientation-sec .game-orientation-con { max-width: initial; } }
.game-orientation-sec .game-orientation-con .game-orientation-ico { text-align: center; }
.game-orientation-sec .game-orientation-con .game-orientation-ico .ico { width: 50%; }
.game-orientation-sec .game-orientation-con .game-orientation-txt { margin-top: 1rem; text-align: center; }
.game-orientation-sec .game-orientation-con .game-orientation-close { z-index: 999; position: absolute; top: 0; right: 0; width: 47px; margin-top: -15px; margin-right: -15px; cursor: pointer; }

.game-sound-sec { position: absolute; top: 0; right: 0; z-index: 999; display: flex; justify-content: center; align-items: center; width: 22.7rem; height: 7.1rem; padding: 0 10px; border-bottom-left-radius: 15px; }
.game-sound-sec .game-sound-box { display: flex; align-items: center; padding: 2px; border-radius: 2em; background-color: #fff; font-size: 2.2rem; }
@media screen and (max-width: 750px) { .game-sound-sec .game-sound-box { font-size: 1.6rem; } }
.game-sound-sec .game-sound-box .game-sound-label { width: 3.5em; text-align: center; }
.game-sound-sec .game-sound-box .game-sound-label rt { font-size: 40%; }
.game-sound-sec .game-sound-box .game-sound-btn { display: flex; align-items: center; padding: 8px 10px 8px 12px; border-radius: 2em; background-color: #353A30; cursor: pointer; }
.game-sound-sec .game-sound-box .game-sound-btn:focus { outline: 3px solid #953232; }
.game-sound-sec .game-sound-box .game-sound-btn .ico { width: 22px; }
.game-sound-sec .game-sound-box .game-sound-btn .ico-sound { display: none; }
.game-sound-sec .game-sound-box .game-sound-btn p { width: 2.5em; color: #fff; text-align: center; }
.game-sound-sec .game-sound-box .game-sound-btn p::before { content: 'オフ'; }
.game-sound-sec .game-sound-box .game-sound-btn._on { background-color: #004ba3; }
.game-sound-sec .game-sound-box .game-sound-btn._on .ico-sound { display: inline-flex; }
.game-sound-sec .game-sound-box .game-sound-btn._on .ico-mute { display: none; }
.game-sound-sec .game-sound-box .game-sound-btn._on p::before { content: 'オン'; }

@media screen and (max-width: 750px) { ._headeron .game-sound-sec { top: 7rem; height: initial !important; padding-right: 1rem !important; } }

.js-gamestart .header { display: none; }
.js-gamestart .topicpath { display: none; }
.js-gamestart .pagetop { display: none; }
.js-gamestart ._game-main .game-menu { display: flex; }
.js-gamestart ._game-main ._game-wrap ._game-container { padding-top: 0; }
@media screen and (max-width: 1480px) { .js-gamestart ._game-main._driver .game-sound-sec { width: 278px; padding-right: 81px; } }
@media screen and (max-width: 1480px) { .js-gamestart ._game-main._manners .game-sound-sec, .js-gamestart ._game-main._matching .game-sound-sec, .js-gamestart ._game-main._quiz .game-sound-sec { width: 27.8rem; padding-right: 8.1rem; } }
@media screen and (max-width: 750px) { .js-gamestart ._game-main._manners .game-sound-sec, .js-gamestart ._game-main._matching .game-sound-sec, .js-gamestart ._game-main._quiz .game-sound-sec { width: auto; height: 6rem; padding-right: 7rem; } }
.js-gamestart .modal-start-sec .modal-in { align-items: initial; padding-top: 60px; }
@media screen and (max-width: 1400px) { .js-gamestart .modal-start-sec .modal-in { padding-top: 4.2857142857%; } }
@media screen and (max-width: 750px) { .js-gamestart .modal-start-sec .modal-in { align-items: center; padding-top: 2rem; } }
.js-gamestart .modal-start-sec .modal-con { margin: 0 auto; }
@media screen and (max-width: 750px) { .js-gamestart .modal-start-sec .modal-con { margin: auto; } }
.js-gamestart .modal-start-sec:has(._modalmannersstart) .modal-in { padding-top: 100px; }
@media screen and (max-width: 1400px) { .js-gamestart .modal-start-sec:has(._modalmannersstart) .modal-in { padding-top: 7.1428571429%; } }
@media screen and (max-width: 750px) { .js-gamestart .modal-start-sec:has(._modalmannersstart) .modal-in { padding-top: 2rem; } }

.title-sec { position: relative; display: flex; }
.title-sec::before { content: ''; display: block; width: 0; padding-top: 663px; }
.title-sec .title-sec-in { flex: 1; position: relative; display: flex; flex-direction: column; }
.title-sec .title-ttl { flex: 1; }
.title-sec figure { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 663px; }
@media screen and (max-width: 750px) { .title-sec figure { min-height: initial; } }
.title-sec figure img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
@media screen and (max-width: 750px) { .title-sec figure img { position: static; } }
.title-sec .title-btn { width: 100%; padding-bottom: 2.5%; }
.title-sec .title-play { display: flex; justify-content: center; align-items: center; margin-top: 25px; }
.title-sec .title-play .title-play-btn { display: flex; justify-content: center; }
.title-sec .title-play .title-play-btn a { display: flex; justify-content: center; align-items: center; color: #fff; text-decoration: none; }
.title-sec .title-play .title-play-btn a .ico { width: 4rem; margin-right: 0.5rem; }
.title-sec .title-play .title-play-btn a span { display: inline-block; padding-bottom: 2px; border-bottom: 1px solid #fff; font-size: 2.4rem; font-weight: 700; white-space: nowrap; }
.title-sec .title-play .title-play-txt { margin-left: 1.5em; color: #004ba3; font-size: 1.6rem; font-weight: 700; line-height: 1.4; }

.title-start, .gameplay-stage-title ._btn { display: block; width: 10.5em; margin: 0 auto 15px; padding: 10px 0 15px; border: 5px solid #fff; border-radius: 2em; background: #004ba3 url("../img/game/bg_stripe.png"); color: #fff; font-size: 4.2rem; font-weight: 700; text-align: center; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.7); cursor: pointer; }
.title-start ruby rt, .gameplay-stage-title ._btn ruby rt { font-size: 30%; }

.driverbg { background-color: #42d0ff; }

._driver._game-main { overflow: hidden; background-image: url("../img/game/driver/bg.png"); }
._driver._game-main .game-menu { width: 71px; height: 71px; }
._driver._game-main .game-menu p { width: 40px; height: 26px; }
._driver._game-main ._game-wrap { overflow: initial; }
._driver._game-main ._game-wrap ._game-container { position: relative; display: flex; width: 1400px; margin: 0 auto; }
._driver._game-main ._game-wrap ._game-container::before { content: ''; display: block; width: 0; padding-top: 663px; }
@media screen and (max-width: 1400px) { ._driver._game-main ._game-wrap ._game-container::before { padding-top: 47.3571428571%; } }
._driver ._game { flex: 1; width: 1400px; min-height: 663px; transform-origin: left top; }
._driver ._game .game-sec { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
._driver ._game .game-sec._show { display: block; }
._driver ._game .game-back { left: 20px; width: 31px; height: 71px; }
._driver ._game .game-back .ico { width: 31px; }
@media screen and (max-width: 750px) { ._driver .game-orientation-sec .game-orientation-con .game-orientation-txt { font-size: 4rem; } }
@media screen and (max-width: 750px) { ._driver .game-orientation-sec .game-orientation-con .game-orientation-close { width: 8rem; } }
._driver .game-sound-sec { width: 227px; height: 71px; background-color: #004ba3; }
._driver .game-sound-sec .game-sound-box { font-size: 22px; }
._driver .title-sec .title-ttl { width: 49.6428571429%; margin: 8.5% 0 0 25.2857142857%; }
._driver .title-sec .title-play .title-play-btn a { color: #004ba3; }
._driver .title-sec .title-play .title-play-btn a .ico { width: 40px; margin-right: 5px; }
._driver .title-sec .title-play .title-play-btn a span { border-bottom-color: #004ba3; font-size: 24px; }
._driver .title-sec .title-play .title-play-txt { font-size: 16px; }
._driver .driver-num { display: flex; }
._driver .driver-num .ico:last-child { margin-right: 0 !important; }
._driver .gameplay-sec { background-color: #ededed; }
._driver .gameplay-sec .game-back .ico-arrow-w-l::before { content: url("../img/game/driver/ico_back.svg"); }
._driver .gameplay-sec .gameplay-loading { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.5); pointer-events: none; }
._driver .gameplay-sec._loading .gameplay-loading { z-index: 1000; }
._driver .gameplay-sec .gameplay-movie-wrap { flex: 1; position: relative; overflow: hidden; }
._driver .gameplay-sec .gameplay-movie-wrap .gameplay-movie-stopline, ._driver .gameplay-sec .gameplay-movie-wrap .gameplay-movie-stopguide { position: absolute; bottom: 0; left: 50%; z-index: 10; width: 68.1428571429%; margin-left: -1.7857142857%; }
._driver .gameplay-sec .gameplay-movie-wrap .gameplay-movie-stopline::before, ._driver .gameplay-sec .gameplay-movie-wrap .gameplay-movie-stopguide::before { content: ''; position: absolute; bottom: 0; left: 0; display: block; width: 100%; padding-top: 4.0880503145%; background: url("../img/game/driver/stopline.svg") no-repeat center center; background-size: contain; transform: translateX(-50%); }
._driver .gameplay-sec .gameplay-movie-wrap .gameplay-movie-stopline { display: none; }
._driver .gameplay-sec .gameplay-movie-wrap .gameplay-movie-stopline._show { display: block; }
._driver .gameplay-sec .gameplay-movie-wrap .gameplay-movie-stopguide { transition: all 2s; transition-timing-function: ease-in; }
._driver .gameplay-sec .gameplay-movie-wrap .gameplay-movie-stopguide._start { bottom: -50px; }
._driver .gameplay-sec .gameplay-movie-wrap .gameplay-movie { position: relative; height: 100%; }
._driver .gameplay-sec .gameplay-movie-wrap .gameplay-movie video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
._driver .gameplay-sec .gameplay-section { position: absolute; top: 0; left: 0; width: 327px; height: 76px; padding: 17px 0 0 60px; background: url("../img/game/driver/section_bg.svg") no-repeat; background-size: contain; }
._driver .gameplay-sec .gameplay-section p { color: #333333; font-size: 20px; font-weight: 700; }
._driver .gameplay-sec .gameplay-announce { position: absolute; top: 0; left: 50%; display: flex; align-items: center; width: 100%; max-width: 662px; height: 75px; margin-top: 14px; transform: translateX(-50%); }
._driver .gameplay-sec .gameplay-announce .gameplay-announce-txt { flex: 1; display: flex; justify-content: center; align-items: center; height: 100%; margin: 0 8px; padding: 7px 1em 15px; background-color: #999; color: #fff; font-size: 21px; text-align: center; }
._driver .gameplay-sec .gameplay-announce .gameplay-announce-door { width: 80px; line-height: 0; }
._driver .gameplay-sec .gameplay-announce .gameplay-announce-door .ico { width: 100%; }
._driver .gameplay-sec .gameplay-distance { position: absolute; bottom: 0; left: 0; z-index: 10; margin: 0 0 47px 212px; padding: 3px; border: 3px solid #ccc; border-top-right-radius: 3em; border-bottom-right-radius: 3em; background-color: #333; color: #fff; overflow: hidden; }
._driver .gameplay-sec .gameplay-distance .gameplay-distance-in { display: flex; padding: 5px 20px 5px 3px; border-top-right-radius: 3em; border-bottom-right-radius: 3em; background-color: #e14947; }
._driver .gameplay-sec .gameplay-distance .gameplay-distance-label { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; margin-right: 5px; }
._driver .gameplay-sec .gameplay-distance .gameplay-distance-label .gameplay-distance-label-t { font-size: 14px; }
._driver .gameplay-sec .gameplay-distance .gameplay-distance-num { display: flex; align-items: flex-end; font-size: 20px; }
._driver .gameplay-sec .gameplay-distance .gameplay-distance-num div { display: flex; align-items: flex-end; min-width: 70px; margin-right: 5px; }
._driver .gameplay-sec .gameplay-distance .gameplay-distance-num .driver-num { margin: 0 5px; }
._driver .gameplay-sec .gameplay-distance .gameplay-distance-num .driver-num .ico { width: 28px; margin-right: 11px; }
._driver .gameplay-sec .gameplay-distance .gameplay-distance-num ._dot { display: block; width: 5px; height: 5px; background-color: #fff; }
._driver .gameplay-sec .gameplay-display { position: absolute; bottom: 0; right: 0; z-index: 10; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 223px; height: 91px; margin: 0 202px 47px 0; background: url("../img/game/driver/display_g.svg") no-repeat center center; background-size: contain; }
._driver .gameplay-sec .gameplay-display p { padding-bottom: 5px; color: #333; font-size: 28px; font-weight: 700; }
._driver .gameplay-sec .gameplay-display._start { background-image: url("../img/game/driver/display_b.svg"); }
._driver .gameplay-sec .gameplay-display._start p { color: #00ce3a; }
._driver .gameplay-sec .gameplay-display._stop { background-image: url("../img/game/driver/display_b.svg"); }
._driver .gameplay-sec .gameplay-display._stop p { color: #ff4935; }
._driver .gameplay-sec .gameplay-l { position: absolute; bottom: 0; left: 18px; z-index: 100; display: flex; flex-direction: column; width: 182px; overflow: hidden; }
._driver .gameplay-sec .gameplay-l .gameplay-box { position: relative; border: 2px solid #1a1a1a; border-radius: 10px; background-color: #333333; }
._driver .gameplay-sec .gameplay-l .gameplay-box::before, ._driver .gameplay-sec .gameplay-l .gameplay-box::after { content: ''; position: absolute; display: block; width: 12px; height: 12px; background: url("../img/game/driver/ico_screw.svg") no-repeat center center; background-size: contain; }
._driver .gameplay-sec .gameplay-l .gameplay-box::before { top: 7px; left: 7px; }
._driver .gameplay-sec .gameplay-l .gameplay-box::after { top: 8px; right: 8px; }
._driver .gameplay-sec .gameplay-l .gameplay-box .gameplay-box-in { position: relative; }
._driver .gameplay-sec .gameplay-l .gameplay-box .gameplay-box-in::before, ._driver .gameplay-sec .gameplay-l .gameplay-box .gameplay-box-in::after { content: ''; position: absolute; display: block; width: 12px; height: 12px; background: url("../img/game/driver/ico_screw.svg") no-repeat center center; background-size: contain; }
._driver .gameplay-sec .gameplay-l .gameplay-box .gameplay-box-in::before { bottom: 7px; left: 7px; }
._driver .gameplay-sec .gameplay-l .gameplay-box .gameplay-box-in::after { bottom: 8px; right: 8px; }
._driver .gameplay-sec .gameplay-l .gameplay-time { margin-bottom: 20px; }
._driver .gameplay-sec .gameplay-l .gameplay-time .gameplay-time-in { padding: 18px 10px 10px; }
._driver .gameplay-sec .gameplay-l .gameplay-time .gameplay-time-in .gameplay-time-meter { position: relative; display: flex; justify-content: center; align-items: center; width: 110px; height: 110px; margin: 0 auto 15px; border: 2px solid #808080; border-radius: 50%; }
._driver .gameplay-sec .gameplay-l .gameplay-time .gameplay-time-in .gameplay-time-meter::before { content: ''; position: absolute; top: -14px; left: 50%; display: block; width: 8px; height: 7px; margin-left: -4px; background: url("../img/game/driver/ico_time.svg") no-repeat center center; background-size: contain; }
._driver .gameplay-sec .gameplay-l .gameplay-time .gameplay-time-in .gameplay-time-meter .gameplay-time-meter-graph { position: absolute; top: 50%; left: 50%; width: 116%; height: 116%; transform: translate(-50%, -50%); }
._driver .gameplay-sec .gameplay-l .gameplay-time .gameplay-time-in .gameplay-time-meter .gameplay-time-meter-graph .circle { display: block; position: absolute; top: 0; left: 0; width: 160%; height: 160%; margin: -30% 0 0 -30%; overflow: visible; }
._driver .gameplay-sec .gameplay-l .gameplay-time .gameplay-time-in .gameplay-time-meter .gameplay-time-meter-graph .circle circle { fill: transparent; cx: 32; cy: 32; r: 16; stroke-width: 5; stroke-dashoffset: 25; stroke: #82ffa2; }
._driver .gameplay-sec .gameplay-l .gameplay-time .gameplay-time-in .gameplay-time-meter .gameplay-time-meter-graph .circle circle._start { stroke: #ed6b26; }
._driver .gameplay-sec .gameplay-l .gameplay-time .gameplay-time-in .gameplay-time-meter .gameplay-time-meter-in { position: relative; z-index: 10; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 103px; height: 103px; border: 6px solid #333333; border-radius: 50%; background-color: #4d4d4d; }
._driver .gameplay-sec .gameplay-l .gameplay-time .gameplay-time-in .gameplay-time-meter .gameplay-time-meter-in p { color: #fff; text-align: center; }
._driver .gameplay-sec .gameplay-l .gameplay-time .gameplay-time-in .gameplay-time-meter .gameplay-time-meter-in .gameplay-time-meter-txt { font-size: 11px; font-weight: 700; }
._driver .gameplay-sec .gameplay-l .gameplay-time .gameplay-time-in .gameplay-time-meter .gameplay-time-meter-in .gameplay-time-meter-txt span { font-size: 13px; }
._driver .gameplay-sec .gameplay-l .gameplay-time .gameplay-time-in .gameplay-time-meter .gameplay-time-meter-in .gameplay-time-meter-num { height: 35px; margin: 5px 0; }
._driver .gameplay-sec .gameplay-l .gameplay-time .gameplay-time-in .gameplay-time-meter .gameplay-time-meter-in .gameplay-time-meter-num .ico { width: 18px; margin-right: 6px; }
._driver .gameplay-sec .gameplay-l .gameplay-time .gameplay-time-in .gameplay-time-meter .gameplay-time-meter-in .gameplay-time-meter-unit { font-size: 13px; font-weight: 700; }
._driver .gameplay-sec .gameplay-l .gameplay-time .gameplay-time-in .gameplay-time-num { display: flex; justify-content: center; align-items: center; }
._driver .gameplay-sec .gameplay-l .gameplay-time .gameplay-time-in .gameplay-time-num .ico-colon { width: 3px; margin: 0 4px; }
._driver .gameplay-sec .gameplay-l .gameplay-time .gameplay-time-in .gameplay-time-num .driver-num .ico { width: 12px; margin-right: 4px; }
._driver .gameplay-sec .gameplay-l .gameplay-station { margin-bottom: 20px; }
._driver .gameplay-sec .gameplay-l .gameplay-station .gameplay-station-in { padding: 20px 16px; }
._driver .gameplay-sec .gameplay-l .gameplay-station ._name { display: flex; justify-content: center; align-items: center; color: #fff; font-size: 12px; }
._driver .gameplay-sec .gameplay-l .gameplay-station ._name span { margin-right: 10px; font-size: 17px; }
._driver .gameplay-sec .gameplay-l .gameplay-station .gameplay-station-from, ._driver .gameplay-sec .gameplay-l .gameplay-station .gameplay-station-to { padding: 5px 0; border-radius: 10px; background-color: #292929; }
._driver .gameplay-sec .gameplay-l .gameplay-station .gameplay-station-from { margin-bottom: 17px; }
._driver .gameplay-sec .gameplay-l .gameplay-speed { margin-bottom: 32px; }
._driver .gameplay-sec .gameplay-l .gameplay-speed .gameplay-box-in { padding: 13px 4px 18px; }
._driver .gameplay-sec .gameplay-l .gameplay-speed .gameplay-speed-in { position: relative; padding-bottom: 118px; overflow: hidden; }
._driver .gameplay-sec .gameplay-l .gameplay-speed .gameplay-speed-num { width: 108px; height: 32px; margin: 0 auto 10px; background: url("../img/game/driver/meter_num.svg") no-repeat center center; background-size: contain; }
._driver .gameplay-sec .gameplay-l .gameplay-speed .gameplay-speed-num p { justify-content: center; align-items: center; width: 70px; height: 100%; }
._driver .gameplay-sec .gameplay-l .gameplay-speed .gameplay-speed-num p .ico { width: 12px; margin-right: 4px; }
._driver .gameplay-sec .gameplay-l .gameplay-speed .gameplay-speed-meter { position: absolute; bottom: 42px; left: 50%; }
._driver .gameplay-sec .gameplay-l .gameplay-speed .gameplay-speed-meter::before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 151px; height: 151px; background: url("../img/game/driver/meter.svg") no-repeat; background-size: contain; transform: translate(-50%, -50%); }
._driver .gameplay-sec .gameplay-l .gameplay-speed .gameplay-speed-meter::after { content: ''; position: absolute; top: 0; left: 0; width: 34px; height: 34px; background: url("../img/game/driver/meter_center.svg") no-repeat; background-size: contain; transform: translate(-50%, -50%); }
._driver .gameplay-sec .gameplay-l .gameplay-speed .gameplay-speed-meter p { position: absolute; top: 0; left: 0; width: 0; transform: rotate(-120deg); transition: all .3s; transition-timing-function: linear; }
._driver .gameplay-sec .gameplay-l .gameplay-speed .gameplay-speed-meter p::before { content: ''; position: absolute; top: -62px; left: -3px; display: block; width: 6px; height: 62px; background: url("../img/game/driver/meter_arrow.svg") no-repeat; background-size: contain; }
._driver .gameplay-sec .gameplay-r { position: absolute; top: 0; right: 0; z-index: 100; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; height: 100%; }
._driver .gameplay-sec .gameplay-r .gameplay-score { display: flex; justify-content: flex-end; align-items: center; width: 300px; padding: 4px 10px 4px 10px; border-top-left-radius: 2em; border-bottom-left-radius: 2em; background-color: #333333; }
._driver .gameplay-sec .gameplay-r .gameplay-score .gameplay-score-txt { margin-right: 10px; color: #fff; font-size: 20px; font-weight: 700; }
._driver .gameplay-sec .gameplay-r .gameplay-score .gameplay-score-num { display: flex; justify-content: center; align-items: center; width: 138px; padding: 4px 10px; background-color: #b3b3b3; color: #333333; font-size: 30px; font-weight: 700; }
._driver .gameplay-sec .gameplay-r .gameplay-score .gameplay-score-num .driver-num { margin: 0 5px; }
._driver .gameplay-sec .gameplay-r .gameplay-score .gameplay-score-num .driver-num .ico { width: 16px; margin-right: 6px; }
._driver .gameplay-sec .gameplay-r .gameplay-accel { position: relative; width: 186px; height: 488px; margin: 15px 0 30px auto; overflow: hidden; }
._driver .gameplay-sec .gameplay-r .gameplay-accel .gameplay-accel-handle { position: absolute; top: 0; right: -48px; margin-top: 166.1290322581%; }
._driver .gameplay-sec .gameplay-r .gameplay-accel .gameplay-accel-handle._enabled { cursor: grab; }
._driver .gameplay-sec .gameplay-r .gameplay-accel .gameplay-accel-handle::before { content: ''; display: block; width: 133px; height: 86px; background: url("../img/game/driver/accel_handle.svg") no-repeat left center; transform: translateY(-50%); }
._driver .gameplay-sec .gameplay-r .gameplay-accel .gameplay-accel-btn { position: absolute; top: 0; width: 100px; height: 1px; }
._driver .gameplay-sec .gameplay-r .gameplay-accel .gameplay-accel-btn._em { margin-top: 23.6559139785%; }
._driver .gameplay-sec .gameplay-r .gameplay-accel .gameplay-accel-btn._b7 { margin-top: 43.0107526882%; }
._driver .gameplay-sec .gameplay-r .gameplay-accel .gameplay-accel-btn._b6 { margin-top: 60.2150537634%; }
._driver .gameplay-sec .gameplay-r .gameplay-accel .gameplay-accel-btn._b5 { margin-top: 77.4193548387%; }
._driver .gameplay-sec .gameplay-r .gameplay-accel .gameplay-accel-btn._b4 { margin-top: 94.623655914%; }
._driver .gameplay-sec .gameplay-r .gameplay-accel .gameplay-accel-btn._b3 { margin-top: 112.3655913978%; }
._driver .gameplay-sec .gameplay-r .gameplay-accel .gameplay-accel-btn._b2 { margin-top: 129.5698924731%; }
._driver .gameplay-sec .gameplay-r .gameplay-accel .gameplay-accel-btn._b1 { margin-top: 146.7741935484%; }
._driver .gameplay-sec .gameplay-r .gameplay-accel .gameplay-accel-btn._nt { margin-top: 166.1290322581%; }
._driver .gameplay-sec .gameplay-r .gameplay-accel .gameplay-accel-btn._p1 { margin-top: 186.5591397849%; }
._driver .gameplay-sec .gameplay-r .gameplay-accel .gameplay-accel-btn._p2 { margin-top: 203.7634408602%; }
._driver .gameplay-sec .gameplay-r .gameplay-accel .gameplay-accel-btn._p3 { margin-top: 220.9677419355%; }
._driver .gameplay-sec .gameplay-r .gameplay-accel .gameplay-accel-btn._p4 { margin-top: 238.1720430108%; }
._driver .result-sec { z-index: 200; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); }
._driver .result-sec .result-in { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 20px; }
._driver .result-sec .result-box { width: 100%; max-width: 800px; margin: auto; padding: 25px 20px 40px; border-radius: 20px; background-color: #fff; }
._driver .result-sec .result-ico { margin-bottom: 15px; text-align: center; }
._driver .result-sec .result-ico .ico { width: 64px; }
._driver .result-sec .result-message { margin-bottom: 40px; font-size: 34px; font-weight: 700; text-align: center; }
._driver .result-sec .result-btns { display: flex; justify-content: space-between; max-width: 730px; margin: 0 auto; }
._driver .result-sec .result-btns._end { justify-content: center; }
._driver .result-sec .result-btns._end ._back { display: none; }
._driver .result-sec .result-btns .result-btn { position: relative; z-index: 10; width: 48.904109589%; padding: 15px 0; border: 3px solid #fff; border-radius: 2em; color: #fff; font-size: 20px; font-weight: 700; text-align: center; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.7); cursor: pointer; }
._driver .result-sec .result-btns .result-btn._next { background: #004ba3 url("../img/game/bg_stripe.png"); }
._driver .result-sec .result-btns .result-btn._back { background-color: #1e4771; }
._driver .end-sec { z-index: 300; background-color: rgba(0, 0, 0, 0.6); }
._driver .end-sec .end-in { display: flex; justify-content: center; align-items: center; padding: 40px 20px 20px; }
._driver .end-sec .end-box { position: relative; width: 100%; max-width: 800px; border-radius: 1em; }
._driver .end-sec .end-box .end-header { padding: 20px; border-top-left-radius: 1em; border-top-right-radius: 1em; background-color: #e5f2fc; }
._driver .end-sec .end-box .end-header ._ttl { color: #004ba3; font-size: 29px; font-weight: 700; text-align: center; }
._driver .end-sec .end-box .end-con { padding: 20px 20px 30px; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; background-color: #fff; }
._driver .end-sec .end-box .end-con-in { position: relative; }
._driver .end-sec .end-box .end-name { display: flex; justify-content: center; align-items: flex-end; max-width: 720px; margin: 0 auto 30px; }
._driver .end-sec .end-box .end-name::before, ._driver .end-sec .end-box .end-name::after { content: ''; display: block; width: 9.4444444444%; padding-top: 8.1944444444%; background: url("../img/game/driver/end_bg.svg") no-repeat center bottom; background-size: contain; }
._driver .end-sec .end-box .end-name::after { transform: scale(-1, 1); }
._driver .end-sec .end-box .end-name .end-name-in { margin: 0 20px; }
._driver .end-sec .end-box .end-name .end-name-txt { margin-bottom: 10px; color: #004ba3; font-size: 22px; font-weight: 700; text-align: center; }
._driver .end-sec .end-box .end-name .end-name-label { font-size: 40px; font-weight: 700; text-align: center; }
._driver .end-sec .end-box .end-name .end-name-label rt { font-size: 30%; }
._driver .end-sec .end-box .end-lead { margin-bottom: 30px; font-size: 34px; font-weight: 700; text-align: center; }
._driver .end-sec .end-box .end-con-head { display: flex; justify-content: space-between; align-items: flex-start; max-width: 720px; margin: 0 auto 30px; }
._driver .end-sec .end-box .end-con-head .end-scorelist { width: 57.2222222222%; background-color: #fff; }
._driver .end-sec .end-box .end-con-head .end-scorelist .end-scorelist-row { display: flex; border-left: 1px solid #004ba3; border-right: 1px solid #004ba3; border-bottom: 1px solid #004ba3; }
._driver .end-sec .end-box .end-con-head .end-scorelist .end-scorelist-row p { flex: 1; padding: 15px 5px 5px; font-weight: 400; text-align: center; }
._driver .end-sec .end-box .end-con-head .end-scorelist .end-scorelist-row p:first-child { border-right: 1px solid #004ba3; }
._driver .end-sec .end-box .end-con-head .end-scorelist .end-scorelist-head .end-scorelist-row { border-top: 1px solid #004ba3; border-top-left-radius: 15px; border-top-right-radius: 15px; }
._driver .end-sec .end-box .end-con-head .end-scorelist .end-scorelist-head .end-scorelist-row p { font-size: 20px; font-weight: 700; }
._driver .end-sec .end-box .end-con-head .end-scorelist .end-scorelist-body .end-scorelist-row:nth-child(odd) { background-color: #f1f6fd; }
._driver .end-sec .end-box .end-con-head .end-scorelist .end-scorelist-body .end-scorelist-row:last-child { border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }
._driver .end-sec .end-box .end-con-head .end-score { width: 39.0277777778%; padding: 15px 10px; border-radius: 1em; background-color: #040404; }
._driver .end-sec .end-box .end-con-head .end-score .end-score-txt { margin-bottom: 5px; color: #ffffa2; font-size: 20px; font-weight: 700; text-align: center; }
._driver .end-sec .end-box .end-con-head .end-score .end-score-num { color: #00ff08; font-size: 25px; font-weight: 700; text-align: center; }
._driver .end-sec .end-box .end-con-head .end-score .end-score-num span { font-size: 66px; }
._driver .end-sec .end-box .end-con-body { display: flex; justify-content: space-between; align-items: flex-end; max-width: 720px; margin: -8px auto 25px; }
._driver .end-sec .end-box .end-con-body .end-con-message { position: relative; width: 57.2222222222%; margin-top: 80px; }
._driver .end-sec .end-box .end-con-body .end-con-message::before { content: ''; position: absolute; top: 50%; right: -41px; z-index: 10; width: 44px; height: 30px; margin-bottom: 17.9611650485%; background: url("../img/game/driver/ico_fukidashi.svg") no-repeat left center; background-size: contain; }
._driver .end-sec .end-box .end-con-body .end-con-message p { min-height: 157px; padding: 20px 25px; border: 2px solid #004ba3; border-radius: 1em; background-color: #fff; font-size: 18px; }
._driver .end-sec .end-box .end-con-body figure { width: 30.5555555556%; margin-right: 5%; }
._driver .end-sec .end-box .end-con-fig { position: absolute; right: 0; bottom: 0; width: 21.8421052632%; margin-right: 6.9736842105%; }
._driver .end-sec .end-box .end-btns { display: flex; justify-content: center; max-width: 730px; margin: 0 auto; }
._driver .end-sec .end-box .end-btns .end-btns-btn { width: 48.904109589%; }
._driver .end-sec .end-box .end-btns .end-btn { z-index: 10; display: flex; justify-content: center; align-items: center; height: 3em; border: 3px solid #fff; border-radius: 2em; color: #fff; font-size: 20px; font-weight: 700; text-align: center; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.7); cursor: pointer; }
._driver .end-sec .end-box .end-btns .end-btn p { padding-bottom: 5px; }
._driver .end-sec .end-box .end-btns .end-btn._ranking { background-color: #FFD805; color: #1F1F1F; }
._driver .end-sec .end-box .end-btns .end-btn._ranking .ico { width: 37px; margin-right: 5px; }
._driver .end-sec .end-box .end-btns .end-btn._back { background-color: #1e4771; }
._driver .end-sec .end-box .end-btns .end-btn._disabled { cursor: default; background-color: #c8cbd9; }
._driver .end-sec .end-box .end-btns .end-btns-txt { margin-top: 10px; font-size: 16px; text-align: center; }
._driver .end-sec._user { background-color: #00bbf9; }
._driver .end-sec._user .end-box .end-con-in { max-height: 443px; padding-bottom: 15px; overflow-y: auto; }
._driver .end-sec._user .end-box .end-con-in::-webkit-scrollbar { width: 4px; }
._driver .end-sec._user .end-box .end-con-in::-webkit-scrollbar-track { background-color: #adb7bf; }
._driver .end-sec._user .end-box .end-con-in::-webkit-scrollbar-thumb { background-color: #004ba3; }
._driver .end-sec._user .end-box .end-btns { justify-content: space-between; }

.gameplay-sec { z-index: 100; }
.gameplay-sec .gameplay-in { display: flex; flex-direction: column; height: 100%; }
.gameplay-sec .gameplay-header { position: relative; display: flex; align-items: center; height: 7.1rem; padding: 0 9rem 0 7rem; }
@media screen and (max-width: 960px) { .gameplay-sec .gameplay-header { display: block; height: auto; padding-top: 1rem; padding-bottom: 1rem; } }
@media screen and (max-width: 750px) { .gameplay-sec .gameplay-header { padding: 2rem 6rem 2.5rem; } }
.gameplay-sec .gameplay-header .gameplay-clock { position: absolute; top: 50%; left: 50%; display: flex; align-items: center; transform: translate(-50%, -50%); }
@media screen and (max-width: 960px) { .gameplay-sec .gameplay-header .gameplay-clock { position: static; transform: translate(0, 0); } }
@media screen and (max-width: 750px) { .gameplay-sec .gameplay-header .gameplay-clock { margin-top: 2rem; } }
.gameplay-sec .gameplay-header .gameplay-clock .ico { width: 2.34rem; margin-right: 1rem; }
.gameplay-sec .gameplay-header .gameplay-clock span { color: #fff; font-size: 2.9rem; font-weight: 700; }
.gameplay-sec .gameplay-con { position: relative; flex: 1; }

._game-main._manners, ._game-main._matching, ._game-main._quiz { min-height: 663px; background-size: cover; }
@media screen and (max-width: 750px) { ._game-main._manners, ._game-main._matching, ._game-main._quiz { min-height: initial; } }
@media screen and (max-width: 750px) { ._game-main._manners .game-menu, ._game-main._matching .game-menu, ._game-main._quiz .game-menu { width: 6rem; height: 6rem; } }
._game-main._manners ._game, ._game-main._matching ._game, ._game-main._quiz ._game { position: relative; width: 100%; max-width: 1400px; margin: 0 auto; overflow: hidden; }
@media screen and (max-width: 750px) { ._game-main._manners .title-sec::before, ._game-main._matching .title-sec::before, ._game-main._quiz .title-sec::before { padding-top: 160%; } }
@media screen and (max-width: 750px) { ._game-main._manners .title-sec .title-sec-in, ._game-main._matching .title-sec .title-sec-in, ._game-main._quiz .title-sec .title-sec-in { padding-top: 100%; } }
@media screen and (max-width: 750px) { ._game-main._manners .title-sec .title-btn, ._game-main._matching .title-sec .title-btn, ._game-main._quiz .title-sec .title-btn { padding-bottom: 5.3333333333%; } }
._game-main._manners .title-sec .title-play, ._game-main._matching .title-sec .title-play, ._game-main._quiz .title-sec .title-play { max-width: 60%; margin: 0 auto; }
@media screen and (max-width: 750px) { ._game-main._manners .title-sec .title-play, ._game-main._matching .title-sec .title-play, ._game-main._quiz .title-sec .title-play { max-width: 100%; flex-direction: column; } }
@media screen and (max-width: 750px) { ._game-main._manners .title-sec .title-play .title-play-txt, ._game-main._matching .title-sec .title-play .title-play-txt, ._game-main._quiz .title-sec .title-play .title-play-txt { margin-top: 2rem; margin-left: 0; } }
@media screen and (max-width: 750px) { ._game-main._manners .title-sec figure img, ._game-main._matching .title-sec figure img, ._game-main._quiz .title-sec figure img { object-fit: contain; object-position: top; } }
._game-main._manners .title-start, ._game-main._manners .gameplay-stage-title ._btn, ._game-main._matching .title-start, ._game-main._matching .gameplay-stage-title ._btn, ._game-main._quiz .title-start, ._game-main._quiz .gameplay-stage-title ._btn { width: 43.8rem; }
@media screen and (max-width: 750px) { ._game-main._manners .title-start, ._game-main._manners .gameplay-stage-title ._btn, ._game-main._matching .title-start, ._game-main._matching .gameplay-stage-title ._btn, ._game-main._quiz .title-start, ._game-main._quiz .gameplay-stage-title ._btn { width: 10em; max-width: 90vw; margin-bottom: 4%; padding: 1rem 0; font-size: 2.8rem; } }
@media screen and (max-width: 750px) { ._game-main._manners .game-sound-sec, ._game-main._matching .game-sound-sec, ._game-main._quiz .game-sound-sec { width: auto; } }

.mannersbg { background-color: #00cfcf; }

._manners._game-main { background-image: url("../img/game/manners/bg.png"); }
._manners .game-sound-sec { background-color: #00624C; }
@media screen and (max-width: 750px) { ._manners .game-sound-sec { background-color: transparent; } }
._manners .title-sec .title-ttl { width: 39%; margin: 1.8571428571% 0 0 31.6428571429%; }
@media screen and (max-width: 750px) { ._manners .title-sec .title-ttl { position: absolute; top: 0; left: 0; width: 80%; margin: 5.5% 0 0 11%; } }
._manners .title-sec .title-play .title-play-txt { color: #fff; }
._manners .title-sec .title-fig01 { position: absolute; top: 50%; left: 0; width: 53%; margin: -20.7857142857% 0 0 -10.4285714286%; }
._manners .title-sec .title-fig02 { position: absolute; top: 50%; left: 0; width: 440px; margin: -330px 0 0 920px; }
@media screen and (max-width: 1300px) { ._manners .title-sec .title-fig02 { left: initial; right: 0; width: 31.4285714286%; margin: -23.5714285714% 30px 0 0; } }
._manners .gameplay-sec { background-color: #ededed; }
._manners .gameplay-sec .gameplay-header { background-color: #00624C; }
@media screen and (max-width: 750px) { ._manners .gameplay-sec .gameplay-header { padding-top: 0.5rem; } }
._manners .gameplay-sec .gameplay-header .gameplay-ttl { padding-bottom: 0.5rem; color: #fff; font-size: 2.9rem; font-weight: 700; }
._manners .gameplay-sec .gameplay-swiper-con { display: flex; justify-content: space-between; }
@media screen and (max-width: 750px) { ._manners .gameplay-sec .gameplay-swiper-con { display: block; } }
._manners .gameplay-sec .gameplay-swiper-con figure { width: 31.103286385%; }
@media screen and (max-width: 750px) { ._manners .gameplay-sec .gameplay-swiper-con figure { width: 100%; margin-bottom: 2rem; text-align: center; } }
._manners .gameplay-sec .gameplay-swiper-con dl { width: 58.0985915493%; }
@media screen and (max-width: 750px) { ._manners .gameplay-sec .gameplay-swiper-con dl { width: 100%; } }
._manners .gameplay-sec .gameplay-swiper-con dl dt { margin-bottom: 2rem; color: #004ba3; font-size: 3rem; font-weight: 700; }
@media screen and (max-width: 750px) { ._manners .gameplay-sec .gameplay-swiper-con dl dt { font-size: 2.2rem; } }
._manners .gameplay-sec .gameplay-swiper-con dl dd { font-size: 1.8rem; }
@media screen and (max-width: 750px) { ._manners .gameplay-sec .gameplay-swiper-con dl dd { font-size: 1.6rem; } }
._manners .gameplay-sec .gameplay-stage { display: none; position: relative; }
._manners .gameplay-sec .gameplay-stage .gameplay-stage-title { position: relative; z-index: 10; width: 100%; min-height: 592px; }
._manners .gameplay-sec .gameplay-stage .gameplay-stage-title ._con { padding: 0 2rem; }
._manners .gameplay-sec .gameplay-stage .gameplay-stage-title ._con ._txt { max-width: 931px; margin: 0 auto; padding: 4rem 2rem 8rem; border-radius: 20px; background-color: #fff; color: #004ba3; font-size: 2.6rem; font-weight: 700; text-align: center; }
@media screen and (max-width: 750px) { ._manners .gameplay-sec .gameplay-stage .gameplay-stage-title ._con ._txt { padding-bottom: 6rem; font-size: 2rem; } }
._manners .gameplay-sec .gameplay-stage .gameplay-stage-title ._con ._btn { transform: translateY(-50%); }
._manners .gameplay-sec .gameplay-stage .gameplay-stage-in { position: absolute; top: 0; left: 0; width: 100%; min-height: 592px; }
._manners .gameplay-sec .gameplay-stage .gameplay-stage-in._disabled { opacity: 0.05; }
._manners .gameplay-sec .gameplay-stage .gameplay-stage-con { position: relative; height: 533px; overflow: hidden; }
@media screen and (max-width: 750px) { ._manners .gameplay-sec .gameplay-stage .gameplay-stage-con { height: 400px; } }
._manners .gameplay-sec .gameplay-stage .gameplay-stage-arrow { position: absolute; top: 50%; width: 62px; padding-top: 95px; background-repeat: no-repeat; background-size: contain; background-position: center center; transform: translateY(-50%); cursor: pointer; }
._manners .gameplay-sec .gameplay-stage .gameplay-stage-arrow._l { left: 10px; background-image: url("../img/job/common/arrow-l.png"); }
._manners .gameplay-sec .gameplay-stage .gameplay-stage-arrow._r { right: 10px; background-image: url("../img/job/common/arrow-r.png"); }
._manners .gameplay-sec .gameplay-stage .gameplay-stage-arrow._hide { opacity: 0.3; cursor: default; }
._manners .gameplay-sec .gameplay-stage .gameplay-stage-box { position: absolute; top: 0; left: 0; transform-origin: top left; }
._manners .gameplay-sec .gameplay-stage .gameplay-stage-box .gameplay-stage-point { position: absolute; top: 0; left: 0; z-index: 20; }
._manners .gameplay-sec .gameplay-stage .gameplay-stage-box .gameplay-stage-point::before { display: none; content: ''; position: absolute; top: 0; right: 0; background-repeat: no-repeat; background-size: contain; }
._manners .gameplay-sec .gameplay-stage .gameplay-stage-box .gameplay-stage-point._correct { pointer-events: none; }
._manners .gameplay-sec .gameplay-stage .gameplay-stage-box .gameplay-stage-point._correct::before { width: 70px; height: 70px; margin: -25px -25px 0 0; background-image: url("../img/game/manners/ico_correct.svg"); }
._manners .gameplay-sec .gameplay-stage .gameplay-stage-box .gameplay-stage-point._incorrect { display: none; pointer-events: none; }
._manners .gameplay-sec .gameplay-stage .gameplay-stage-box .gameplay-stage-point._incorrect::before { width: 53px; height: 53px; margin: -16px -16px 0 0; background-image: url("../img/game/manners/ico_incorrect.svg"); }
._manners .gameplay-sec .gameplay-stage .gameplay-stage-box .gameplay-stage-point._enabled { pointer-events: all; }
._manners .gameplay-sec .gameplay-stage .gameplay-stage-box .gameplay-stage-point._show::before { display: block; }
._manners .gameplay-sec .gameplay-stage .gameplay-stage-box .gameplay-stage-img { position: absolute; top: 0; left: 0; pointer-events: none; background-repeat: no-repeat; background-position: left top; background-size: contain; }
._manners .gameplay-sec .gameplay-stage .gameplay-stage-guide { display: none; position: absolute; bottom: 0; left: 0; z-index: 10; width: 100%; margin-bottom: 1.4285714286%; padding: 0 2rem; }
@media screen and (max-width: 750px) { ._manners .gameplay-sec .gameplay-stage .gameplay-stage-guide { position: static; margin: 60px 0 30px; } }
._manners .gameplay-sec .gameplay-stage .gameplay-stage-guide ._con { position: relative; max-width: 650px; margin: 0 auto; }
._manners .gameplay-sec .gameplay-stage .gameplay-stage-guide ._con ._txt { display: flex; justify-content: center; align-items: center; min-height: 10.5rem; padding: 1.5rem 2rem 2rem; border: 3px solid #fff; border-radius: 5em; background-color: #004ba3; }
@media screen and (max-width: 750px) { ._manners .gameplay-sec .gameplay-stage .gameplay-stage-guide ._con ._txt { min-height: initial; padding-left: 3rem; padding-right: 3rem; } }
._manners .gameplay-sec .gameplay-stage .gameplay-stage-guide ._con ._txt p { color: #fff; font-size: 1.9rem; font-weight: 700; text-align: center; }
._manners .gameplay-sec .gameplay-stage .gameplay-stage-guide ._con figure { position: absolute; top: 0; left: 0; width: 19.5384615385%; margin: -4.1538461538% 0 0 -10.3076923077%; }
@media screen and (max-width: 750px) { ._manners .gameplay-sec .gameplay-stage .gameplay-stage-guide ._con figure { margin: -12.3076923077% 0 0 -3.0769230769%; } }
._manners .gameplay-sec .gameplay-stage .gameplay-result { display: none; position: relative; z-index: 100; width: 100%; min-height: 592px; padding: 5rem 0 2rem; background-color: #d9fff6; }
._manners .gameplay-sec .gameplay-stage .gameplay-result .gameplay-result-ttl { margin-bottom: 1rem; color: #004ba3; font-size: 3.5rem; font-weight: 700; text-align: center; }
@media screen and (max-width: 750px) { ._manners .gameplay-sec .gameplay-stage .gameplay-result .gameplay-result-ttl { font-size: 2.2rem; } }
._manners .gameplay-sec .gameplay-stage .gameplay-result .gameplay-result-ttl span { display: inline-block; margin-left: 1rem; padding: 0.5rem 0.8rem; border-radius: 0.5rem; background-color: #fff; color: #000; font-size: 3rem; }
._manners .gameplay-sec .gameplay-stage .gameplay-result .gameplay-result-txt { margin-bottom: 2rem; color: #004ba3; font-size: 1.8rem; font-weight: 700; text-align: center; }
._manners .gameplay-sec .gameplay-stage .gameplay-result .gameplay-loading { display: none; text-align: center; }
._manners .gameplay-sec .gameplay-stage .gameplay-result .gameplay-loading._show { display: block; }
._manners .gameplay-sec .gameplay-stage .gameplay-result .gameplay-result-swiper { position: relative; overflow: hidden; }
._manners .gameplay-sec .gameplay-stage .gameplay-result .gameplay-result-swiper .swiper-slide { width: 64.2857142857%; height: auto; margin: 0 1.7857142857%; padding: 5rem 2rem; border: 2px solid #66d7fc; border-radius: 20px; background-color: #fff; }
._manners .gameplay-sec .gameplay-stage .gameplay-result .gameplay-result-swiper .gameplay-swiper-con { max-width: 768px; margin: 0 auto; }
._manners .gameplay-sec .gameplay-stage .gameplay-result .gameplay-result-swiper .gameplay-swiper-con figure { width: 28.6458333333%; }
@media screen and (max-width: 750px) { ._manners .gameplay-sec .gameplay-stage .gameplay-result .gameplay-result-swiper .gameplay-swiper-con figure { width: 100%; } }
._manners .gameplay-sec .gameplay-stage .gameplay-result .gameplay-result-swiper .gameplay-swiper-con dl { width: 64.3229166667%; }
@media screen and (max-width: 750px) { ._manners .gameplay-sec .gameplay-stage .gameplay-result .gameplay-result-swiper .gameplay-swiper-con dl { width: 100%; } }
._manners .gameplay-sec .gameplay-stage .gameplay-result .gameplay-result-swiper .gameplay-result-swiper-btn { position: absolute; top: 50%; left: 50%; z-index: 10; width: 5rem; transform: translate(-50%, -50%); cursor: pointer; }
._manners .gameplay-sec .gameplay-stage .gameplay-result .gameplay-result-swiper .gameplay-result-swiper-btn._prev { margin-left: -32.1428571429%; }
._manners .gameplay-sec .gameplay-stage .gameplay-result .gameplay-result-swiper .gameplay-result-swiper-btn._next { margin-left: 32.1428571429%; }
._manners .gameplay-sec .gameplay-stage .gameplay-result .gameplay-result-btns { position: relative; z-index: 10; display: flex; justify-content: space-between; max-width: 1103px; margin: 0 auto; transform: translateY(-3rem); }
@media screen and (max-width: 750px) { ._manners .gameplay-sec .gameplay-stage .gameplay-result .gameplay-result-btns { display: block; margin-top: 2rem; transform: translateY(0); } }
._manners .gameplay-sec .gameplay-stage .gameplay-result .gameplay-result-btns .gameplay-result-btns-btn { width: 32.3662737987%; }
@media screen and (max-width: 750px) { ._manners .gameplay-sec .gameplay-stage .gameplay-result .gameplay-result-btns .gameplay-result-btns-btn { width: 90%; margin: 0 auto 2rem; } }
._manners .gameplay-sec .gameplay-stage .gameplay-result .gameplay-result-btns .gameplay-result-btn { display: flex; justify-content: center; align-items: center; height: 3em; border: 3px solid #fff; border-radius: 2em; color: #fff; font-size: 2rem; font-weight: 700; text-align: center; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.7); cursor: pointer; }
._manners .gameplay-sec .gameplay-stage .gameplay-result .gameplay-result-btns .gameplay-result-btn p { padding-bottom: 5px; }
._manners .gameplay-sec .gameplay-stage .gameplay-result .gameplay-result-btns .gameplay-result-btn._retry { background: #004ba3 url("../img/game/bg_stripe.png"); }
._manners .gameplay-sec .gameplay-stage .gameplay-result .gameplay-result-btns .gameplay-result-btn._stage { background-color: #1e4771; }
._manners .gameplay-sec .gameplay-stage .gameplay-result .gameplay-result-btns .gameplay-result-btn._ranking { background-color: #FFD805; color: #1F1F1F; }
._manners .gameplay-sec .gameplay-stage .gameplay-result .gameplay-result-btns .gameplay-result-btn._ranking .ico { width: 3.7rem; margin-right: 5px; }
._manners .gameplay-sec .gameplay-stage .gameplay-result .gameplay-result-btns .gameplay-result-btn._disabled { cursor: default; background-color: #c8cbd9; }
._manners .gameplay-sec .gameplay-stage .gameplay-result .gameplay-result-btns .gameplay-result-btns-txt { margin-top: 1rem; font-size: 1.6rem; text-align: center; }
._manners .gameplay-sec .gameplay-stage._play .gameplay-stage-title { display: none; }
._manners .gameplay-sec .gameplay-stage._play .gameplay-stage-in { position: relative; }
._manners .gameplay-sec .gameplay-stage._result .gameplay-stage-title { display: none; }
._manners .gameplay-sec .gameplay-stage._result .gameplay-result { display: block; }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-title { padding-top: 1.2142857143%; }
@media screen and (max-width: 750px) { ._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-title { padding-top: 2rem; } }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-title ._ttl { width: 38.9285714286%; min-height: 300px; margin: 0 auto; }
@media screen and (max-width: 750px) { ._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-title ._ttl { width: 80%; } }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-arrow { display: none; }
@media screen and (max-width: 1400px) { ._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-arrow { display: block; } }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box { width: 1400px; }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._human01 { z-index: 32; width: 27.0714285714%; padding-top: 20.5714285714%; margin: 17.8571428571% 0 0 45.7142857143%; }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._human01::before { margin-top: 26.3852242744%; margin-right: 7.9155672823%; }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._human02 { z-index: 31; width: 23.4285714286%; padding-top: 37.1428571429%; margin: 1.2857142857% 0 0 76.6428571429%; }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._human02::before { margin-right: 24.3902439024%; }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._human03 { z-index: 30; width: 17.6428571429%; padding-top: 35.7857142857%; margin: 2.6428571429% 0 0 58.9285714286%; }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._human03::before { margin-right: 20.2429149798%; }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._human04 { z-index: 29; width: 18.9285714286%; padding-top: 27.6428571429%; margin: 10.7857142857% 0 0 4.7142857143%; }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._human04::before { margin-top: 1.8867924528%; margin-right: 3.7735849057%; }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._human05 { z-index: 28; width: 13.1428571429%; padding-top: 34.1428571429%; margin: 4.2857142857% 0 0 25.7142857143%; }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._human05::before { margin-top: 152.1739130435%; margin-right: 35.3260869565%; }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._human06 { z-index: 27; width: 11.7857142857%; padding-top: 31%; margin: 7.4285714286% 0 0 47.1428571429%; }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._human06::before { margin-top: -60.6060606061%; }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._human07 { z-index: 26; width: 16.2857142857%; padding-top: 8.6428571429%; margin: 3.4285714286% 0 0 3.8571428571%; }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._human08 { z-index: 25; width: 14.4285714286%; padding-top: 31.2142857143%; margin: 0.2857142857% 0 0 36.2142857143%; }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._human08::before { margin-top: 0%; margin-right: 4.9504950495%; }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._human09 { z-index: 24; width: 10.6428571429%; padding-top: 16.9285714286%; margin: 2.2857142857% 0 0 27.6428571429%; }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._human09::before { margin-top: -20.1342281879%; margin-right: -40.2684563758%; }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._human10 { z-index: 23; width: 7.8571428571%; padding-top: 17.9285714286%; margin: 3.5714285714% 0 0 24.3571428571%; }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._human10::before { margin-top: -27.2727272727%; margin-right: -18.1818181818%; }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._human101 { z-index: 22; width: 10.4107142857%; padding-top: 24.9285714286%; margin: 11.7142857143% 0 0 0.2321428571%; }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._human102 { z-index: 21; width: 10.4107142857%; padding-top: 28%; margin: 8.6428571429% 0 0 49.4464285714%; }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._human103 { width: 9.625%; padding-top: 20.2142857143%; margin: 9.1428571429% 0 0 59.0178571429%; }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._img01 { z-index: 12; width: 37.4285714286%; padding-top: 47.2142857143%; margin: 12.6428571429% 0 0 45.6428571429%; background-image: url("../img/game/manners/1/1.png"); }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._img01._ng { background-image: url("../img/game/manners/1/1_ng.png"); }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._img02 { z-index: 11; width: 28.5%; padding-top: 50.0714285714%; margin: 1.2142857143% 0 0 73.5%; background-image: url("../img/game/manners/1/2.png"); }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._img02._ng { background-image: url("../img/game/manners/1/2_ng.png"); }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._img03 { z-index: 10; width: 45.6428571429%; padding-top: 70.0714285714%; margin: -16.6428571429% 0 0 57.0714285714%; background-image: url("../img/game/manners/1/3.png"); }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._img03._ng { background-image: url("../img/game/manners/1/3_ng.png"); }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._img04 { z-index: 9; width: 31%; padding-top: 41.5714285714%; margin: 10.9285714286% 0 0 0.9285714286%; background-image: url("../img/game/manners/1/4.png"); }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._img04._ng { background-image: url("../img/game/manners/1/4_ng.png"); }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._img05 { z-index: 8; width: 16.9285714286%; padding-top: 40.2857142857%; margin: 4.2857142857% 0 0 21.8571428571%; background-image: url("../img/game/manners/1/5.png"); }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._img05._ng { background-image: url("../img/game/manners/1/5_ng.png"); }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._img06 { z-index: 7; width: 26.4285714286%; padding-top: 31%; margin: 8.2857142857% 0 0 2.5%; background-image: url("../img/game/manners/1/6.png"); }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._img06._ng { background-image: url("../img/game/manners/1/6_ng.png"); }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._img07 { z-index: 6; width: 34.6428571429%; padding-top: 41.5%; margin: 2.2142857143% 0 0 45.1428571429%; background-image: url("../img/game/manners/1/7.png"); }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._img07._ng { background-image: url("../img/game/manners/1/7_ng.png"); }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._img08 { z-index: 5; width: 29.7857142857%; padding-top: 48.0714285714%; margin: -8.7142857143% 0 0 33.6428571429%; background-image: url("../img/game/manners/1/8.png"); }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._img08._ng { background-image: url("../img/game/manners/1/8_ng.png"); }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._img09 { z-index: 4; width: 22.4285714286%; padding-top: 39.2857142857%; margin: -4.0714285714% 0 0 0.7857142857%; background-image: url("../img/game/manners/1/9.png"); }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._img09._ng { background-image: url("../img/game/manners/1/9_ng.png"); }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._img10 { z-index: 3; width: 21%; padding-top: 50.9285714286%; margin: -19.1428571429% 0 0 29.6428571429%; background-image: url("../img/game/manners/1/10.png"); }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._img10._ng { background-image: url("../img/game/manners/1/10_ng.png"); }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._img11 { z-index: 2; width: 12.4285714286%; padding-top: 14.9285714286%; margin: 2.3571428571% 0 0 27.7857142857%; background-image: url("../img/game/manners/1/11.png"); }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._img11._ng { background-image: url("../img/game/manners/1/11_ng.png"); }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._img12 { z-index: 1; width: 18%; padding-top: 25.8571428571%; margin: -4.1428571429% 0 0 24.2142857143%; background-image: url("../img/game/manners/1/12.png"); }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._img12._ng { background-image: url("../img/game/manners/1/12_ng.png"); }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._img13 { width: 13.9285714286%; padding-top: 33.0714285714%; margin: -13.9285714286% 0 0 21.3571428571%; background-image: url("../img/game/manners/1/13.png"); }
._manners .gameplay-sec .gameplay-stage._stage1 .gameplay-stage-box ._img13._ng { background-image: url("../img/game/manners/1/13_ng.png"); }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-title { padding-top: 1.2142857143%; }
@media screen and (max-width: 750px) { ._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-title { padding-top: 2rem; } }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-title ._ttl { width: 38.9285714286%; min-height: 300px; margin: 0 auto; }
@media screen and (max-width: 750px) { ._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-title ._ttl { width: 80%; } }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box { width: 3097px; }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._human01 { width: 5.3600258314%; padding-top: 11.5595737811%; margin: 4.9402647724% 0 0 93.4129803035%; }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._human01::before { margin-right: 0; }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._human02 { z-index: 30; width: 13.8198256377%; padding-top: 7.9754601227%; margin: 9.2347433% 0 0 77.6557959315%; }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._human02::before { margin-right: 26.2008733624%; }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._human03 { width: 7.3942525024%; padding-top: 10.8169195996%; margin: 5.7797868905% 0 0 0.0645786245%; }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._human03::before { margin-top: -39.3013100437%; margin-right: -43.6681222707%; }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._human04 { width: 4.8756861479%; padding-top: 12.8188569583%; margin: 3.810138844% 0 0 20.2776880852%; }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._human05 { width: 3.5841136584%; padding-top: 10.2034226671%; margin: 6.3287051986% 0 0 30.9977397481%; }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._human06 { width: 4.0361640297%; padding-top: 10.5908944139%; margin: 5.9089441395% 0 0 37.1649983855%; }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._human07 { width: 6.1995479496%; padding-top: 13.3031966419%; margin: 3.8424281563% 0 0 48.6599935421%; }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._human08 { width: 12.495963836%; padding-top: 15.0468195027%; margin: 2.034226671% 0 0 56.0865353568%; }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._human08::before { margin-top: 15.503875969%; margin-right: 5.1679586563%; }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._human09 { width: 6.1349693252%; padding-top: 10.332579916%; margin: 6.1026800129% 0 0 68.3564740071%; }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._human09::before { margin-right: 26.3157894737%; }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._human10 { width: 9.1701646755%; padding-top: 13.3031966419%; margin: 3.8424281563% 0 0 79.0119470455%; }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._human10::before { margin-right: 70.4225352113%; }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._human101 { width: 8.0077494349%; padding-top: 11.6241524056%; margin: 5.3277365192% 0 0 21.5369712625%; }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._human102 { width: 4.0684533419%; padding-top: 11.9793348402%; margin: 5.0371327091% 0 0 30.5134000646%; }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._human103 { width: 5.1340006458%; padding-top: 12.6251210849%; margin: 4.2944785276% 0 0 38.8117533097%; }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._human104 { width: 3.6164029706%; padding-top: 9.912818857%; margin: 6.5870196965% 0 0 53.53567969%; }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._human105 { width: 4.7465288989%; padding-top: 13.3354859541%; margin: 3.4872457217% 0 0 57.5395544075%; }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._human106 { width: 3.9070067808%; padding-top: 9.4607684856%; margin: 6.9099128189% 0 0 86.5353567969%; }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._img01 { width: 6.1349693252%; padding-top: 13.174039393%; margin: 3.3257991605% 0 0 93.4129803035%; background-image: url("../img/game/manners/2/1.png"); }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._img01._ng { background-image: url("../img/game/manners/2/1_ng.png"); }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._img02 { z-index: 10; width: 15.5311591863%; padding-top: 9.0732967388%; margin: 8.9764288021% 0 0 77.6557959315%; background-image: url("../img/game/manners/2/2.png"); }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._img02._ng { background-image: url("../img/game/manners/2/2_ng.png"); }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._img03 { width: 10.5263157895%; padding-top: 12.7542783339%; margin: 3.8747174685% 0 0 0.0968679367%; background-image: url("../img/game/manners/2/3.png"); }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._img03._ng { background-image: url("../img/game/manners/2/3_ng.png"); }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._img04 { width: 8.0077494349%; padding-top: 11.6241524056%; margin: 5.3277365192% 0 0 9.6867936713%; background-image: url("../img/game/manners/2/4.png"); }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._img04._ng { background-image: url("../img/game/manners/2/4_ng.png"); }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._img05 { z-index: 10; width: 4.0684533419%; padding-top: 11.9793348402%; margin: 5.0371327091% 0 0 17.1779141104%; background-image: url("../img/game/manners/2/5.png"); }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._img05._ng { background-image: url("../img/game/manners/2/5_ng.png"); }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._img06 { width: 6.2964158863%; padding-top: 12.9480142073%; margin: 3.6809815951% 0 0 19.5996125283%; background-image: url("../img/game/manners/2/6.png"); }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._img06._ng { background-image: url("../img/game/manners/2/6_ng.png"); }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._img07 { width: 5.1340006458%; padding-top: 12.6251210849%; margin: 4.2944785276% 0 0 25.2502421698%; background-image: url("../img/game/manners/2/7.png"); }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._img07._ng { background-image: url("../img/game/manners/2/7_ng.png"); }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._img08 { width: 6.2318372619%; padding-top: 12.495963836%; margin: 4.0038747175% 0 0 30.0936390055%; background-image: url("../img/game/manners/2/8.png"); }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._img08._ng { background-image: url("../img/game/manners/2/8_ng.png"); }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._img09 { z-index: 1; width: 5.0694220213%; padding-top: 10.5908944139%; margin: 5.9089441395% 0 0 36.680658702%; background-image: url("../img/game/manners/2/9.png"); }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._img09._ng { background-image: url("../img/game/manners/2/9_ng.png"); }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._img10 { width: 3.6164029706%; padding-top: 9.912818857%; margin: 6.5870196965% 0 0 40.7814013562%; background-image: url("../img/game/manners/2/10.png"); }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._img10._ng { background-image: url("../img/game/manners/2/10_ng.png"); }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._img11 { width: 4.7465288989%; padding-top: 13.3354859541%; margin: 3.4872457217% 0 0 44.8821440103%; background-image: url("../img/game/manners/2/11.png"); }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._img11._ng { background-image: url("../img/game/manners/2/11_ng.png"); }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._img12 { width: 6.1995479496%; padding-top: 13.3031966419%; margin: 3.8424281563% 0 0 48.6599935421%; background-image: url("../img/game/manners/2/12.png"); }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._img12._ng { background-image: url("../img/game/manners/2/12_ng.png"); }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._img13 { width: 12.495963836%; padding-top: 15.0468195027%; margin: 2.034226671% 0 0 56.0865353568%; background-image: url("../img/game/manners/2/13.png"); }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._img13._ng { background-image: url("../img/game/manners/2/13_ng.png"); }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._img14 { width: 6.1349693252%; padding-top: 10.332579916%; margin: 6.1026800129% 0 0 68.3564740071%; background-image: url("../img/game/manners/2/14.png"); }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._img14._ng { background-image: url("../img/game/manners/2/14_ng.png"); }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._img15 { width: 5.295447207%; padding-top: 10.3971585405%; margin: 6.5870196965% 0 0 87.8915079109%; background-image: url("../img/game/manners/2/15.png"); }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._img15._ng { background-image: url("../img/game/manners/2/15_ng.png"); }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._img16 { width: 19.5996125283%; padding-top: 13.3031966419%; margin: 3.8424281563% 0 0 68.4856312561%; background-image: url("../img/game/manners/2/16.png"); }
._manners .gameplay-sec .gameplay-stage._stage2 .gameplay-stage-box ._img16._ng { background-image: url("../img/game/manners/2/16_ng.png"); }
._manners .gameplay-sec .gameplay-explain { display: none; position: relative; z-index: 1000; }
._manners .gameplay-sec .gameplay-explain .gameplay-explain-in { display: flex; justify-content: center; min-height: 663px; padding: 7rem 2rem 0; background-color: rgba(0, 0, 0, 0.6); }
@media screen and (max-width: 750px) { ._manners .gameplay-sec .gameplay-explain .gameplay-explain-in { padding-top: 12rem; } }
._manners .gameplay-sec .gameplay-explain .gameplay-explain-con { width: 100%; max-width: 1020px; margin: auto; }
._manners .gameplay-sec .gameplay-explain .gameplay-explain-bg { padding: 2rem 2rem 8rem; background-color: #fff; }
._manners .gameplay-sec .gameplay-explain .gameplay-explain-ttl { margin-bottom: 3rem; text-align: center; }
._manners .gameplay-sec .gameplay-explain .gameplay-explain-ttl .ico { display: flex; width: 7rem; margin: 0 auto; }
._manners .gameplay-sec .gameplay-explain .gameplay-explain-ttl span { font-size: 3rem; font-weight: 700; }
._manners .gameplay-sec .gameplay-explain .gameplay-explain-box { max-width: 852px; margin: 0 auto; }
._manners .gameplay-sec .gameplay-explain .gameplay-explain-box .gameplay-explain-swiper { overflow: hidden; }
._manners .gameplay-sec .gameplay-explain .gameplay-explain-btn { width: 35%; margin: 0 auto; padding: 1.5rem 0; border: 3px solid #fff; border-radius: 2em; background: #004ba3 url("../img/game/bg_stripe.png"); color: #fff; font-size: 2rem; font-weight: 700; text-align: center; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.7); cursor: pointer; transform: translateY(-50%); }
@media screen and (max-width: 750px) { ._manners .gameplay-sec .gameplay-explain .gameplay-explain-btn { width: 100%; margin: 0 auto 2rem; } }
._manners .gameplay-sec .gameplay-explain .gameplay-explain-btn._disabled { cursor: default; background-color: #c8cbd9; }
._manners .gameplay-sec._explain .gameplay-in { position: absolute; top: 0; left: 0; width: 100%; }
._manners .gameplay-sec._explain .gameplay-explain { display: block; }

.matchingbg { background-color: #ffa72d; }

._matching._game-main { background-image: url("../img/game/matching/bg.png"); }
._matching .game-sound-sec { background-color: #D93725; }
@media screen and (max-width: 750px) { ._matching .game-sound-sec { background-color: transparent; } }
._matching .title-sec .title-ttl { width: 47.2857142857%; margin: 6.0714285714% 0 0 27.2142857143%; }
@media screen and (max-width: 750px) { ._matching .title-sec .title-ttl { position: absolute; top: 0; left: 0; width: 95%; margin: 10% 0 0 3.5%; } }
._matching .title-sec .title-fig01 { position: absolute; top: 50%; left: 0; width: 41.5%; margin: -11.2857142857% 0 0 -3.2857142857%; }
._matching .title-sec .title-play .title-play-txt { color: #fff; }
._matching .gameplay-sec { background-color: #fffaef; }
._matching .gameplay-sec .gameplay-header { background-color: #D93725; }
._matching .gameplay-sec .gameplay-header .gameplay-level { display: flex; align-items: center; }
._matching .gameplay-sec .gameplay-header .gameplay-level .gameplay-level-label { margin-right: 0.5em; color: #fff; font-size: 2.9rem; font-weight: 700; }
@media screen and (max-width: 750px) { ._matching .gameplay-sec .gameplay-header .gameplay-level .gameplay-level-label { margin-right: 0.3rem; } }
._matching .gameplay-sec .gameplay-header .gameplay-level ol { position: relative; display: flex; align-items: center; margin-right: 1rem; }
._matching .gameplay-sec .gameplay-header .gameplay-level ol::before { content: ''; position: absolute; top: 50%; left: 1.4rem; width: calc(100% - 2.8rem); height: 1px; background-color: #fff; }
._matching .gameplay-sec .gameplay-header .gameplay-level ol li { position: relative; margin-right: 1.5rem; }
._matching .gameplay-sec .gameplay-header .gameplay-level ol li:last-child { margin-right: 0; }
._matching .gameplay-sec .gameplay-header .gameplay-level ol li._clear { line-height: 1; }
._matching .gameplay-sec .gameplay-header .gameplay-level ol li._clear .ico { width: 2.8rem; }
._matching .gameplay-sec .gameplay-header .gameplay-level ol li span { display: inline-block; width: 1.4em; border-radius: 50%; background-color: #fff; color: #004ba3; font-weight: 700; line-height: 1.4; text-align: center; }
._matching .gameplay-sec .gameplay-header .gameplay-level ol li._current span { border: 1px solid #fff; background-color: #004ba3; color: #fff; font-size: 2rem; }
._matching .gameplay-sec .gameplay-con { position: relative; flex: 1; display: flex; justify-content: center; align-items: center; min-height: 592px; padding: 2rem; }
._matching .gameplay-sec .gameplay-con .gameplay-area { position: relative; width: 100%; max-width: 1317px; }
._matching .gameplay-sec .gameplay-con .gameplay-area-card { display: flex; flex-wrap: wrap; }
._matching .gameplay-sec .gameplay-con .gameplay-card { width: 11.2376613516%; margin-right: 1.4426727411%; margin-bottom: 2.0501138952%; }
._matching .gameplay-sec .gameplay-con .gameplay-card:nth-child(8n) { margin-right: 0; }
@media screen and (max-width: 960px) { ._matching .gameplay-sec .gameplay-con .gameplay-card { width: 18.4%; margin-right: 2%; }
  ._matching .gameplay-sec .gameplay-con .gameplay-card:nth-child(8n) { margin-right: 2%; }
  ._matching .gameplay-sec .gameplay-con .gameplay-card:nth-child(5n) { margin-right: 0; } }
@media screen and (max-width: 750px) { ._matching .gameplay-sec .gameplay-con .gameplay-card { width: 31.4285714286%; margin-right: 2.8571428571%; margin-bottom: 2.8571428571%; }
  ._matching .gameplay-sec .gameplay-con .gameplay-card:nth-child(5n) { margin-right: 2.8571428571%; }
  ._matching .gameplay-sec .gameplay-con .gameplay-card:nth-child(3n) { margin-right: 0; } }
._matching .gameplay-sec .gameplay-con .gameplay-card div { position: relative; padding-top: 59.4594594595%; }
._matching .gameplay-sec .gameplay-con .gameplay-card p { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 1rem; backface-visibility: hidden; transition: all .5s; overflow: hidden; }
._matching .gameplay-sec .gameplay-con .gameplay-card p:first-child { transform: rotateY(180deg); }
._matching .gameplay-sec .gameplay-con .gameplay-card p:last-child { transform: rotateY(0); }
._matching .gameplay-sec .gameplay-con .gameplay-card p._front { box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); }
._matching .gameplay-sec .gameplay-con .gameplay-card p._front::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 3px solid #00aadc; border-radius: 1rem; box-sizing: border-box; }
._matching .gameplay-sec .gameplay-con .gameplay-card._close { cursor: pointer; }
._matching .gameplay-sec .gameplay-con .gameplay-card._close p:first-child { z-index: 1; transform: rotateY(0); }
._matching .gameplay-sec .gameplay-con .gameplay-card._close p:last-child { transform: rotateY(180deg); }
._matching .gameplay-sec .gameplay-con .gameplay-status { position: absolute; bottom: 0; right: 0; display: flex; justify-content: center; align-items: center; width: 17.61579347%; margin-right: 3.1890660592%; margin-bottom: 2.6575550494%; padding: 0.8rem; border: 3px solid #004ba3; border-radius: 2em; background-color: #fbe500; color: #004ba3; font-size: 2.8rem; font-weight: 700; }
@media screen and (max-width: 960px) { ._matching .gameplay-sec .gameplay-con .gameplay-status { position: static; width: 50%; margin: 0 auto; } }
@media screen and (max-width: 750px) { ._matching .gameplay-sec .gameplay-con .gameplay-status { width: 70%; } }
._matching .gameplay-sec .gameplay-con .gameplay-status .ico { width: 4.24rem; margin-right: 1rem; }
._matching .gameplay-sec .gameplay-con .gameplay-start { position: absolute; top: 0; left: 0; z-index: 10; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; text-align: center; }
._matching .gameplay-sec .gameplay-con .gameplay-start._hide { display: none; }
._matching .gameplay-sec .gameplay-con .gameplay-start .gameplay-start-con { position: relative; }
._matching .gameplay-sec .gameplay-con .gameplay-start .gameplay-start-con p { position: absolute; top: 0; left: 50%; width: 26rem; padding: 1rem; border-radius: 2em; background-color: rgba(0, 0, 0, 0.8); color: #fff; font-size: 2.9rem; font-weight: 700; transform: translate(-50%, -140%); }
._matching .gameplay-sec .gameplay-con .gameplay-start .gameplay-start-con .gameplay-start-btn { cursor: pointer; }
._matching .result-sec { z-index: 200; background: url("../img/game/matching/result_bg.jpg") no-repeat; background-size: cover; }
._matching .result-sec .result-in { display: flex; justify-content: center; align-items: center; height: 100%; padding: 2rem; }
@media screen and (max-width: 750px) { ._matching .result-sec .result-in { padding-top: 8rem; padding-bottom: 8rem; } }
._matching .result-sec .result-con { width: 100%; max-width: 1200px; margin: auto; padding: 2rem 2rem 3rem; border-radius: 2rem; background-color: #fff; }
._matching .result-sec .result-ttl { margin-bottom: 1rem; color: #004ba3; font-size: 3.5rem; font-weight: 700; text-align: center; }
@media screen and (max-width: 750px) { ._matching .result-sec .result-ttl { font-size: 2rem; } }
._matching .result-sec .result-ttl span { color: #e8003e; }
._matching .result-sec .result-lead { margin-bottom: 2rem; color: #004ba3; font-size: 1.8rem; font-weight: 700; text-align: center; }
@media screen and (max-width: 750px) { ._matching .result-sec .result-lead { font-size: 1.6rem; } }
._matching .result-sec .result-swiper { max-width: 1005px; margin: 0 auto 2rem; overflow: hidden; }
._matching .result-sec .result-swiper .matching-result-fig { max-width: 700px; margin: 0 auto; }
._matching .result-sec .result-btns { display: flex; justify-content: space-between; max-width: 730px; margin: 0 auto; }
@media screen and (max-width: 750px) { ._matching .result-sec .result-btns { display: block; } }
._matching .result-sec .result-btns .result-btns-btn { width: 48.904109589%; }
@media screen and (max-width: 750px) { ._matching .result-sec .result-btns .result-btns-btn { width: 100%; margin: 0 auto 2rem; } }
._matching .result-sec .result-btns._wide { max-width: 1103px; }
._matching .result-sec .result-btns._wide .result-btns-btn { width: 32.3662737987%; }
._matching .result-sec .result-btns .result-btn { display: flex; justify-content: center; align-items: center; width: 100%; height: 3em; border: 3px solid #fff; border-radius: 2em; color: #fff; font-size: 2rem; font-weight: 700; text-align: center; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.7); cursor: pointer; }
._matching .result-sec .result-btns .result-btn p { padding-bottom: 5px; }
._matching .result-sec .result-btns .result-btn._next { background: #004ba3 url("../img/game/bg_stripe.png"); }
._matching .result-sec .result-btns .result-btn._card { background-color: #1e4771; }
._matching .result-sec .result-btns .result-btn._ranking { background-color: #FFD805; color: #1F1F1F; }
._matching .result-sec .result-btns .result-btn._ranking .ico { width: 3.7rem; margin-right: 5px; }
._matching .result-sec .result-btns .result-btn._disabled { cursor: default; background-color: #c8cbd9; }
._matching .result-sec .result-btns .result-btns-txt { margin-top: 1rem; font-size: 1.6rem; text-align: center; }

.quizbg { background-color: #fbe500; }

._quiz._game-main { background-image: url("../img/game/quiz/bg.png"); }
._quiz .game-sound-sec { background-color: #fbe500; }
@media screen and (max-width: 750px) { ._quiz .game-sound-sec { background-color: transparent; } }
._quiz .title-sec .title-ttl { width: 37.0714285714%; margin: 4.1428571429% 0 0 31.5714285714%; }
@media screen and (max-width: 750px) { ._quiz .title-sec .title-ttl { position: absolute; top: 0; left: 0; width: 70%; margin: 13% 0 0 14%; } }
._quiz .title-sec .title-fig01 { position: absolute; top: 50%; left: 0; width: 29.7857142857%; margin: -19.8571428571% 0 0 5.8571428571%; }
._quiz .title-sec .title-fig02 { position: absolute; top: 50%; left: 0; width: 30.6428571429%; margin: -9.2142857143% 0 0 65.2857142857%; }
._quiz .title-sec .title-play .title-play-btn a { color: #004ba3; }
._quiz .title-sec .title-play .title-play-btn a span { border-bottom-color: #004ba3; }
._quiz .title-sec .title-play .title-play-txt { color: #004ba3; }
._quiz .gameplay-sec { background-color: #fff; }
._quiz .gameplay-sec .gameplay-header { justify-content: space-between; background-color: #fbe500; padding-right: 23rem; }
@media screen and (max-width: 1480px) { ._quiz .gameplay-sec .gameplay-header { padding-right: 28rem; } }
@media screen and (max-width: 960px) { ._quiz .gameplay-sec .gameplay-header { padding-right: 0; } }
@media screen and (max-width: 750px) { ._quiz .gameplay-sec .gameplay-header { padding-top: 0.5rem; } }
._quiz .gameplay-sec .gameplay-header .gameplay-ttl { padding-bottom: 0.5rem; color: #004ba3; font-size: 2.9rem; font-weight: 700; }
@media screen and (max-width: 750px) { ._quiz .gameplay-sec .gameplay-header .gameplay-ttl { padding-bottom: 1.5rem; } }
._quiz .gameplay-sec .gameplay-header .gameplay-ttl ._label { margin-right: 1em; }
@media screen and (max-width: 750px) { ._quiz .gameplay-sec .gameplay-header .gameplay-ttl ._label { margin-right: 0.5em; } }
._quiz .gameplay-sec .gameplay-header .gameplay-draft { position: relative; }
._quiz .gameplay-sec .gameplay-header .gameplay-draft._disabled { pointer-events: none; visibility: hidden; }
._quiz .gameplay-sec .gameplay-header .gameplay-draft .gameplay-draft-btn { width: 6em; padding: 1.5rem 0 0.5rem; border: 1px solid #fff; border-radius: 10px; background-color: #004ba3; color: #fff; font-size: 1.8rem; font-weight: 700; text-align: center; cursor: pointer; }
._quiz .gameplay-sec .gameplay-header .gameplay-draft .gameplay-draft-btn._disabled { cursor: default; background-color: #c8cbd9; }
._quiz .gameplay-sec .gameplay-header .gameplay-draft .gameplay-draft-res { display: none; position: absolute; left: 50%; width: 216px; transform: translateX(-50%); }
._quiz .gameplay-sec .gameplay-con { padding: 0 2rem 2rem; }
._quiz .gameplay-sec .gameplay-con .gameplay-con-in { max-width: 1300px; margin: 0 auto; }
._quiz .gameplay-sec .gameplay-con .gameplay-con-top { max-width: 1200px; margin: 0 auto 2.5rem; }
._quiz .gameplay-sec .gameplay-con .gameplay-num { width: 7em; margin-bottom: 3rem; padding: 1.5rem 0; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: #fbe500; color: #004ba3; font-size: 3.6rem; font-weight: 700; text-align: center; }
._quiz .gameplay-sec .gameplay-con .gameplay-qa { display: flex; justify-content: space-between; padding-bottom: 4rem; border-bottom: 2px solid #dcdcdc; }
@media screen and (max-width: 750px) { ._quiz .gameplay-sec .gameplay-con .gameplay-qa { display: block; } }
._quiz .gameplay-sec .gameplay-con .gameplay-qa .gameplay-qa-q { display: flex; width: 57.3333333333%; }
@media screen and (max-width: 750px) { ._quiz .gameplay-sec .gameplay-con .gameplay-qa .gameplay-qa-q { display: block; width: 100%; margin-bottom: 2rem; } }
._quiz .gameplay-sec .gameplay-con .gameplay-qa .gameplay-qa-q p { flex: 1; color: #004ba3; font-size: 2.4rem; font-weight: 700; }
@media screen and (max-width: 750px) { ._quiz .gameplay-sec .gameplay-con .gameplay-qa .gameplay-qa-q p { margin-bottom: 1rem; font-size: 2rem; } }
._quiz .gameplay-sec .gameplay-con .gameplay-qa .gameplay-qa-q figure { width: 33.1395348837%; margin-left: 5.8139534884%; }
@media screen and (max-width: 750px) { ._quiz .gameplay-sec .gameplay-con .gameplay-qa .gameplay-qa-q figure { width: 100%; margin-left: 0; text-align: center; } }
._quiz .gameplay-sec .gameplay-con .gameplay-qa .gameplay-qa-a { width: 37.4166666667%; }
@media screen and (max-width: 750px) { ._quiz .gameplay-sec .gameplay-con .gameplay-qa .gameplay-qa-a { width: 100%; } }
._quiz .gameplay-sec .gameplay-con .gameplay-qa .gameplay-qa-a .gameplay-qa-a-sel { display: flex; align-items: center; min-height: 4.8rem; margin-bottom: 5px; padding: 0 1rem 0 1.5rem; border-radius: 3em; cursor: pointer; }
._quiz .gameplay-sec .gameplay-con .gameplay-qa .gameplay-qa-a .gameplay-qa-a-sel ._chk { position: relative; width: 3rem; height: 3rem; margin-right: 1rem; border: 1px solid #004ba3; border-radius: 50%; }
._quiz .gameplay-sec .gameplay-con .gameplay-qa .gameplay-qa-a .gameplay-qa-a-sel ._label { flex: 1; color: #004ba3; font-size: 2rem; font-weight: 700; }
._quiz .gameplay-sec .gameplay-con .gameplay-qa .gameplay-qa-a .gameplay-qa-a-sel ._res { display: flex; justify-content: flex-end; align-items: center; width: 4.5em; font-size: 2.3rem; }
._quiz .gameplay-sec .gameplay-con .gameplay-qa .gameplay-qa-a .gameplay-qa-a-sel ._res ._txt { display: inline-block; margin-right: 1rem; padding-bottom: 0.2rem; font-size: 2.3rem; font-weight: 700; }
._quiz .gameplay-sec .gameplay-con .gameplay-qa .gameplay-qa-a .gameplay-qa-a-sel ._res ._ico { display: flex; justify-content: center; align-items: center; width: 3.4rem; }
._quiz .gameplay-sec .gameplay-con .gameplay-qa .gameplay-qa-a .gameplay-qa-a-sel._sel ._chk { background-color: #004ba3; }
._quiz .gameplay-sec .gameplay-con .gameplay-qa .gameplay-qa-a .gameplay-qa-a-sel._sel ._chk::before { content: ''; position: absolute; top: 0.5rem; left: 0.5rem; display: block; width: 1.5rem; height: 0.7rem; border-left: 3px solid #fff; border-bottom: 3px solid #fff; transform: rotate(-45deg); }
._quiz .gameplay-sec .gameplay-con .gameplay-qa .gameplay-qa-a .gameplay-qa-a-sel._correct { background-color: #ff9dbd; }
._quiz .gameplay-sec .gameplay-con .gameplay-qa .gameplay-qa-a .gameplay-qa-a-sel._correct ._res ._txt { color: #000; }
._quiz .gameplay-sec .gameplay-con .gameplay-qa .gameplay-qa-a .gameplay-qa-a-sel._correct ._res ._ico::before { content: ''; display: block; width: 3.4rem; height: 3.4rem; background: url("../img/game/quiz/ico_correct.svg") no-repeat; background-size: contain; }
._quiz .gameplay-sec .gameplay-con .gameplay-qa .gameplay-qa-a .gameplay-qa-a-sel._incorrect { background-color: #bef1ff; }
._quiz .gameplay-sec .gameplay-con .gameplay-qa .gameplay-qa-a .gameplay-qa-a-sel._incorrect ._res ._ico::before { content: ''; display: block; width: 2.4rem; height: 2.4rem; background: url("../img/game/quiz/ico_incorrect.svg") no-repeat; background-size: contain; }
._quiz .gameplay-sec .gameplay-con .gameplay-qa .gameplay-qa-a .gameplay-qa-a-sel._disabled { cursor: default; }
._quiz .gameplay-sec .gameplay-con .gameplay-btn { display: flex; align-items: center; padding: 1.2rem 2rem; border-radius: 3em; background-color: #004ba3; font-size: 2.8rem; cursor: pointer; }
._quiz .gameplay-sec .gameplay-con .gameplay-btn p { flex: 1; color: #fff; font-weight: 700; text-align: center; }
._quiz .gameplay-sec .gameplay-con .gameplay-btn .ico { width: 4rem; }
._quiz .gameplay-sec .gameplay-con .gameplay-btn._disabled { cursor: default; background-color: #c8cbd9; }
._quiz .gameplay-sec .gameplay-con .gameplay-done { display: flex; justify-content: space-between; align-items: flex-start; max-width: 1200px; margin: 0 auto; }
@media screen and (max-width: 750px) { ._quiz .gameplay-sec .gameplay-con .gameplay-done { display: block; } }
._quiz .gameplay-sec .gameplay-con .gameplay-done .gameplay-done-hint { display: flex; width: calc(100% - 33.9rem); max-width: 819px; }
@media screen and (max-width: 750px) { ._quiz .gameplay-sec .gameplay-con .gameplay-done .gameplay-done-hint { width: 100%; } }
._quiz .gameplay-sec .gameplay-con .gameplay-done .gameplay-done-hint ._ico { display: flex; justify-content: center; align-items: center; width: 8.3rem; height: 8.3rem; margin-right: 1rem; border-radius: 50%; background-color: #fbe500; cursor: pointer; }
._quiz .gameplay-sec .gameplay-con .gameplay-done .gameplay-done-hint ._ico .ico { width: 2.76rem; }
._quiz .gameplay-sec .gameplay-con .gameplay-done .gameplay-done-hint ._txt { display: none; width: calc(100% - 9.4rem); color: #004ba3; font-size: 2rem; font-weight: 700; }
._quiz .gameplay-sec .gameplay-con .gameplay-done .gameplay-done-hint ._txt._show { display: block; }
._quiz .gameplay-sec .gameplay-con .gameplay-done .gameplay-done-hint._hide { visibility: hidden; }
._quiz .gameplay-sec .gameplay-con .gameplay-done .gameplay-done-btn { width: 31.9rem; }
@media screen and (max-width: 750px) { ._quiz .gameplay-sec .gameplay-con .gameplay-done .gameplay-done-btn { margin: 2rem auto; } }
._quiz .gameplay-sec .gameplay-con .gameplay-result { display: flex; justify-content: space-between; align-items: center; max-width: 1250px; }
@media screen and (max-width: 750px) { ._quiz .gameplay-sec .gameplay-con .gameplay-result { display: block; } }
._quiz .gameplay-sec .gameplay-con .gameplay-result .gameplay-result-explain { display: flex; width: calc(100% - 38.2rem); max-width: 819px; }
@media screen and (max-width: 750px) { ._quiz .gameplay-sec .gameplay-con .gameplay-result .gameplay-result-explain { width: 100%; } }
._quiz .gameplay-sec .gameplay-con .gameplay-result .gameplay-result-explain ._ico { display: flex; justify-content: center; align-items: center; width: 7.8rem; height: 7.8rem; margin-right: 2rem; border-radius: 50%; background-color: #004ba3; color: #fff; font-size: 2.3rem; font-weight: 700; }
._quiz .gameplay-sec .gameplay-con .gameplay-result .gameplay-result-explain ._con { display: flex; width: calc(100% - 9.8rem); padding-top: 1rem; }
@media screen and (max-width: 750px) { ._quiz .gameplay-sec .gameplay-con .gameplay-result .gameplay-result-explain ._con { display: block; } }
._quiz .gameplay-sec .gameplay-con .gameplay-result .gameplay-result-explain ._con ._txt { flex: 1; color: #004ba3; font-size: 1.8rem; font-weight: 700; }
._quiz .gameplay-sec .gameplay-con .gameplay-result .gameplay-result-explain ._con figure { width: 19rem; margin-left: 1rem; }
@media screen and (max-width: 750px) { ._quiz .gameplay-sec .gameplay-con .gameplay-result .gameplay-result-explain ._con figure { width: 100%; margin-top: 2rem; margin-left: 0; text-align: center; } }
._quiz .gameplay-sec .gameplay-con .gameplay-result .gameplay-next-btn { width: 36.2rem; }
@media screen and (max-width: 750px) { ._quiz .gameplay-sec .gameplay-con .gameplay-result .gameplay-next-btn { margin: 2rem auto; } }
._quiz .result-sec { z-index: 200; background-color: #fbe500; }
._quiz .result-sec._comp { background: url("../img/game/quiz/result_bg.jpg") no-repeat; background-size: cover; }
@media screen and (max-width: 750px) { ._quiz .result-sec._comp .result-box .result-header { padding-top: 7rem; } }
._quiz .result-sec .result-in { display: flex; justify-content: center; align-items: center; padding: 7rem 2rem 2rem; }
._quiz .result-sec .result-box { position: relative; width: 100%; max-width: 800px; border-radius: 1em; }
._quiz .result-sec .result-box .result-comp { position: absolute; top: -2.3rem; left: -3rem; display: flex; justify-content: center; align-items: center; width: 21.2rem; padding: 2.5rem 0; border: 3px solid #fff; border-radius: 50%; background-color: #e8003e; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3); }
@media screen and (max-width: 750px) { ._quiz .result-sec .result-box .result-comp { width: 18rem; padding: 1.5rem 0; left: 50%; transform: translateX(-50%); } }
._quiz .result-sec .result-box .result-comp p { color: #fff; font-size: 2.4rem; font-weight: 700; text-align: center; }
@media screen and (max-width: 750px) { ._quiz .result-sec .result-box .result-comp p { font-size: 2rem; } }
._quiz .result-sec .result-box .result-header { padding: 20px; border-top-left-radius: 1em; border-top-right-radius: 1em; background-color: #e5f2fc; }
._quiz .result-sec .result-box .result-header ._ttl { color: #004ba3; font-size: 2.9rem; font-weight: 700; text-align: center; }
._quiz .result-sec .result-box .result-con { padding: 2rem; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; background-color: #fff; }
._quiz .result-sec .result-box .result-con .result-copy { color: #004ba3; font-weight: 700; text-align: center; }
._quiz .result-sec .result-box .result-con .result-copy._retry { font-size: 3.5rem; }
@media screen and (max-width: 750px) { ._quiz .result-sec .result-box .result-con .result-copy._retry { font-size: 2.8rem; } }
._quiz .result-sec .result-box .result-con .result-copy._comp { font-size: 2.6rem; }
@media screen and (max-width: 750px) { ._quiz .result-sec .result-box .result-con .result-copy._comp { font-size: 2.2rem; } }
._quiz .result-sec .result-box .result-con .result-copy._comp span { color: #e8003e; }
._quiz .result-sec .result-box .result-con .result-con-box { display: flex; max-width: 650px; margin: 3rem auto 1.5rem; }
@media screen and (max-width: 750px) { ._quiz .result-sec .result-box .result-con .result-con-box { display: block; margin-top: 2rem; } }
._quiz .result-sec .result-box .result-con .result-con-box .result-graph { width: 25.2rem; margin-right: 6.1538461538%; }
@media screen and (max-width: 750px) { ._quiz .result-sec .result-box .result-con .result-con-box .result-graph { width: 70%; margin: 0 auto 2rem; } }
._quiz .result-sec .result-box .result-con .result-con-box .result-graph .result-graph-wrap { position: relative; padding-top: 100%; }
._quiz .result-sec .result-box .result-con .result-con-box .result-graph .result-graph-wrap .circle { display: block; position: absolute; top: 0; left: 0; width: 160%; height: 160%; margin: -30% 0 0 -30%; overflow: visible; }
._quiz .result-sec .result-box .result-con .result-con-box .result-graph .result-graph-wrap .circle circle { fill: transparent; cx: 32; cy: 32; r: 16; stroke-width: 5; stroke-dashoffset: 25; }
._quiz .result-sec .result-box .result-con .result-con-box .result-graph .result-graph-wrap .circle circle:nth-child(1) { stroke: #e5f2fc; }
._quiz .result-sec .result-box .result-con .result-con-box .result-graph .result-graph-wrap .circle circle:nth-child(2) { stroke: #004ba3; }
._quiz .result-sec .result-box .result-con .result-con-box .result-graph .result-graph-wrap .result-graph-con { position: absolute; top: 0; left: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; color: #004ba3; font-size: 2.9rem; font-weight: 700; text-align: center; }
._quiz .result-sec .result-box .result-con .result-con-box .result-graph .result-graph-wrap .result-graph-con .result-graph-per span { font-size: 5.5rem; }
._quiz .result-sec .result-box .result-con .result-con-box .result-data { flex: 1; max-width: 317px; padding-top: 1rem; border-top: 1px solid #004ba3; }
@media screen and (max-width: 750px) { ._quiz .result-sec .result-box .result-con .result-con-box .result-data { max-width: initial; } }
._quiz .result-sec .result-box .result-con .result-con-box .result-data .result-data-copy { margin-bottom: 1rem; color: #004ba3; font-size: 2.2rem; font-weight: 700; text-align: center; }
._quiz .result-sec .result-box .result-con .result-con-box .result-data .result-data-name { font-size: 2.8rem; font-weight: 700; text-align: center; }
@media screen and (max-width: 750px) { ._quiz .result-sec .result-box .result-con .result-con-box .result-data .result-data-name { font-size: 2.6rem; } }
._quiz .result-sec .result-box .result-con .result-con-box .result-data .result-data-name rt { font-size: 30%; }
._quiz .result-sec .result-box .result-con .result-con-box .result-data .result-data-con { margin-top: 1rem; padding: 1rem 1.5rem; border: 1px solid #004ba3; border-radius: 10px; }
._quiz .result-sec .result-box .result-con .result-con-box .result-data .result-data-con .result-data-txt { margin-bottom: 0.5rem; font-size: 1.7rem; font-weight: 700; }
._quiz .result-sec .result-box .result-con .result-con-box .result-data .result-data-con .result-data-res { font-size: 2rem; font-weight: 700; text-align: center; }
._quiz .result-sec .result-box .result-con .result-con-box .result-data .result-data-con .result-data-res ._correct { color: #e8003e; font-size: 3rem; }
._quiz .result-sec .result-box .result-con .result-con-box .result-data .result-data-con .result-data-res ._num { font-size: 5rem; }
._quiz .result-sec .result-box .result-con .result-btn { position: relative; z-index: 10; width: 100%; max-width: 43.1rem; margin: 0 auto; padding: 2rem 0 1rem; border: 3px solid #fff; border-radius: 2em; background: #004ba3 url("../img/game/bg_stripe.png"); color: #fff; font-size: 3.1rem; font-weight: 700; text-align: center; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.7); cursor: pointer; }
@media screen and (max-width: 750px) { ._quiz .result-sec .result-box .result-con .result-btn { width: 100%; } }
._quiz .result-sec .result-box .result-con .result-btn rt { font-size: 40%; }

@keyframes start { 0% { transform: translateY(0); }
  100% { transform: translateY(50px); } }
.play-ttl { position: relative; margin-top: 5px; padding: 15px 0 40px; }
.play-ttl .play-ttl-back { margin-left: 35px; }
.play-ttl .play-ttl-back a { display: flex; align-items: center; column-gap: 8px; color: #fff; text-decoration: none; }
.play-ttl .play-ttl-back img { width: 31px; }
.play-ttl .play-ttl-back p { padding-bottom: 5px; }
.play-ttl .play-ttl-h { font-size: 4.0rem; text-align: center; color: #fff; font-weight: 700; }
@media screen and (max-width: 750px) { .play-ttl .play-ttl-h { font-size: 3.0rem; } }

.play-main { padding: 50px 0 100px; }
.play-main .play-lead { width: 100%; max-width: 970px; margin: 0 auto 30px; font-size: 2.4rem; text-align: center; }
@media screen and (max-width: 750px) { .play-main .play-lead { font-size: 2.0rem; } }
.play-main .play-box { display: flex; justify-content: space-between; padding: 50px 0; border-bottom: 1px solid #c8cbd9; }
@media screen and (max-width: 750px) { .play-main .play-box { display: block; } }
.play-main .play-box:last-child { border-bottom: none; }
.play-main .play-box .play-box-fig { width: 57.8333333333%; margin-right: 3.75%; }
@media screen and (max-width: 750px) { .play-main .play-box .play-box-fig { width: 100%; margin: 0 auto 30px; text-align: center; } }
.play-main .play-box .play-box-fig ul li { margin-bottom: 70px; }
@media screen and (max-width: 750px) { .play-main .play-box .play-box-fig ul li { margin-bottom: 20px; } }
.play-main .play-box .play-box-fig ul li:last-child { margin-bottom: 0; }
.play-main .play-box .play-box-lead { flex: 1; font-size: 2.2rem; }
@media screen and (max-width: 750px) { .play-main .play-box .play-box-lead { font-size: 1.8rem; } }
.play-main .play-box .play-box-lead ul li { padding-left: 1em; text-indent: -1em; }

._driver .play-ttl { background-color: #004ba3; }
._driver .play-main .play-driver-step { margin-bottom: 100px; }
._driver .play-main .play-driver-step ul { margin-bottom: 40px; }
._driver .play-main .play-driver-step ul li { padding: 25px 0; border-bottom: 1px solid #c8cbd9; }
._driver .play-main .play-driver-step ul li dl { display: flex; align-items: flex-start; }
@media screen and (max-width: 750px) { ._driver .play-main .play-driver-step ul li dl { display: block; } }
._driver .play-main .play-driver-step ul li dl dt { width: 8em; margin-right: 30px; padding: 10px; background-color: #004ba3; font-size: 2.3rem; color: #fff; text-align: center; border-radius: 5px; }
@media screen and (max-width: 750px) { ._driver .play-main .play-driver-step ul li dl dt { margin: 0 auto 20px; font-size: 2.0rem; } }
._driver .play-main .play-driver-step ul li dl dd { flex: 1; font-size: 2.2rem; }
@media screen and (max-width: 750px) { ._driver .play-main .play-driver-step ul li dl dd { font-size: 1.8rem; } }
._driver .play-main .play-driver-step p { padding-left: 1em; text-indent: -1em; font-size: 2.0rem; }
@media screen and (max-width: 750px) { ._driver .play-main .play-driver-step p { font-size: 1.8rem; } }
._driver .play-main .play-driver-explanation .play-driver-explanation-h { margin-bottom: 50px; padding: 10px; background-color: #004ba3; font-size: 2.3rem; color: #fff; text-align: center; border-radius: 5px; }
._driver .play-main .play-driver-explanation figure { text-align: center; }
._driver .play-main .play-driver-explanation dl { margin-bottom: 40px; }
._driver .play-main .play-driver-explanation dl dt { display: flex; align-items: center; margin-bottom: 10px; font-size: 2.2rem; color: #004ba3; }
@media screen and (max-width: 750px) { ._driver .play-main .play-driver-explanation dl dt { font-size: 1.8rem; } }
._driver .play-main .play-driver-explanation dl dt img { width: 1em; margin-right: 0.5em; }
._driver .play-main .play-driver-explanation dl dd { padding-left: 1em; text-indent: -1em; font-size: 2.2rem; }
@media screen and (max-width: 750px) { ._driver .play-main .play-driver-explanation dl dd { font-size: 1.8rem; } }

._manners .play-ttl { background-color: #00624C; }

._matching .play-ttl { background-color: #D93725; }

._quiz .play-ttl { background-color: #fbe500; }
._quiz .play-ttl .play-ttl-back a { color: #004ba3; }
._quiz .play-ttl .play-ttl-h { color: #004ba3; }

/*# sourceMappingURL=game.css.map */