@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
@font-face {
  src: url(../GenSenRounded-M.ttc);
  font-family: "GSR";
}
@keyframes kv-top_left1 {
  0% {
    opacity: 0;
    transform: translateX(max(-538px, -37.35872vw));
  }
  3% {
    opacity: 1;
    transform: translateX(max(-438px, -30.41472vw));
  }
  47% {
    opacity: 1;
    transform: translateX(max(-438px, -30.41472vw));
  }
  50% {
    opacity: 0;
    transform: translateX(max(-538px, -37.35872vw));
  }
  100% {
    opacity: 0;
    transform: translateX(max(-538px, -37.35872vw));
  }
}
@keyframes kv-top_right1 {
  0% {
    opacity: 0;
    transform: translateX(min(390px, 27.0816vw));
  }
  3% {
    opacity: 1;
    transform: translateX(min(290px, 20.1376vw));
  }
  47% {
    opacity: 1;
    transform: translateX(min(290px, 20.1376vw));
  }
  50% {
    opacity: 0;
    transform: translateX(min(390px, 27.0816vw));
  }
  100% {
    opacity: 0;
    transform: translateX(min(390px, 27.0816vw));
  }
}
@keyframes kv-bottom_left1 {
  0% {
    opacity: 0;
    transform: translateX(max(-317px, -22.01248vw));
  }
  3% {
    opacity: 1;
    transform: translateX(max(-217px, -15.06848vw));
  }
  47% {
    opacity: 1;
    transform: translateX(max(-217px, -15.06848vw));
  }
  50% {
    opacity: 0;
    transform: translateX(max(-317px, -22.01248vw));
  }
  100% {
    opacity: 0;
    transform: translateX(max(-317px, -22.01248vw));
  }
}
@keyframes kv-bottom_right1 {
  0% {
    opacity: 0;
    transform: translateX(min(312px, 21.66528vw));
  }
  3% {
    opacity: 1;
    transform: translateX(min(212px, 14.72128vw));
  }
  47% {
    opacity: 1;
    transform: translateX(min(212px, 14.72128vw));
  }
  50% {
    opacity: 0;
    transform: translateX(min(312px, 21.66528vw));
  }
  100% {
    opacity: 0;
    transform: translateX(min(312px, 21.66528vw));
  }
}
@keyframes kv-top_left2 {
  0% {
    opacity: 0;
    transform: translateX(max(-459px, -31.87296vw));
  }
  50% {
    opacity: 0;
    transform: translateX(max(-459px, -31.87296vw));
  }
  53% {
    opacity: 1;
    transform: translateX(max(-359px, -24.92896vw));
  }
  97% {
    opacity: 1;
    transform: translateX(max(-359px, -24.92896vw));
  }
  100% {
    opacity: 0;
    transform: translateX(max(-459px, -31.87296vw));
  }
}
@keyframes kv-top_right2 {
  0% {
    opacity: 0;
    transform: translateX(min(440px, 30.5536vw));
  }
  50% {
    opacity: 0;
    transform: translateX(min(440px, 30.5536vw));
  }
  53% {
    opacity: 1;
    transform: translateX(min(340px, 23.6096vw));
  }
  97% {
    opacity: 1;
    transform: translateX(min(340px, 23.6096vw));
  }
  100% {
    opacity: 0;
    transform: translateX(min(440px, 30.5536vw));
  }
}
@keyframes kv-bottom_left2 {
  0% {
    opacity: 0;
    transform: translateX(max(-309px, -21.45696vw));
  }
  50% {
    opacity: 0;
    transform: translateX(max(-309px, -21.45696vw));
  }
  53% {
    opacity: 1;
    transform: translateX(max(-209px, -14.51296vw));
  }
  97% {
    opacity: 1;
    transform: translateX(max(-209px, -14.51296vw));
  }
  100% {
    opacity: 0;
    transform: translateX(max(-309px, -21.45696vw));
  }
}
@keyframes kv-bottom_right2 {
  0% {
    opacity: 0;
    transform: translateX(min(336px, 23.33184vw));
  }
  50% {
    opacity: 0;
    transform: translateX(min(336px, 23.33184vw));
  }
  53% {
    opacity: 1;
    transform: translateX(min(236px, 16.38784vw));
  }
  97% {
    opacity: 1;
    transform: translateX(min(236px, 16.38784vw));
  }
  100% {
    opacity: 0;
    transform: translateX(min(336px, 23.33184vw));
  }
}
@keyframes kv-left1MB {
  0% {
    opacity: 0;
    transform: translateX(-5vw);
  }
  3% {
    opacity: 1;
    transform: translateX(0);
  }
  47% {
    opacity: 1;
    transform: translateX(0);
  }
  50% {
    opacity: 0;
    transform: translateX(-5vw);
  }
  100% {
    opacity: 0;
    transform: translateX(-5vw);
  }
}
@keyframes kv-right1MB {
  0% {
    opacity: 0;
    transform: translateX(5vw);
  }
  3% {
    opacity: 1;
    transform: translateX(0);
  }
  47% {
    opacity: 1;
    transform: translateX(0);
  }
  50% {
    opacity: 0;
    transform: translateX(5vw);
  }
  100% {
    opacity: 0;
    transform: translateX(5vw);
  }
}
@keyframes kv-left2MB {
  0% {
    opacity: 0;
    transform: translateX(-5vw);
  }
  50% {
    opacity: 0;
    transform: translateX(-5vw);
  }
  53% {
    opacity: 1;
    transform: translateX(0);
  }
  97% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-5vw);
  }
}
@keyframes kv-right2MB {
  0% {
    opacity: 0;
    transform: translateX(5vw);
  }
  50% {
    opacity: 0;
    transform: translateX(5vw);
  }
  53% {
    opacity: 1;
    transform: translateX(0);
  }
  97% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(5vw);
  }
}
@keyframes zoomOut {
  from {
    transform: scale(2);
  }
  to {
    transform: scale(1);
  }
}
@keyframes fadingOut {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes loopFading {
  0% {
    opacity: 0;
  }
  2% {
    opacity: 1;
  }
  48% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes loopRotating {
  0% {
    transform: rotate(0);
  }
  5% {
    transform: rotate(30deg);
  }
  10% {
    transform: rotate(-15deg);
  }
  15% {
    transform: rotate(7deg);
  }
  20% {
    transform: rotate(-3deg);
  }
  25% {
    transform: rotate(1deg);
  }
  30% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0);
  }
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

ul, ol {
  list-style: none;
}

button {
  cursor: pointer;
  border: none;
  background: transparent;
}

a {
  text-decoration: none;
}

html, body {
  font-family: "GSR";
  width: 100%;
  overflow-x: hidden;
}

.hover .b {
  display: none;
}

.word-all {
  word-break: keep-all;
}

#header {
  background-color: #fff;
  width: 100%;
}
#header .menu, #header .social {
  display: flex;
}
#header a {
  display: block;
}
#header .menu {
  font-weight: 500;
}
#header .menu .game {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  background-repeat: no-repeat, no-repeat;
  background-position: right center, left center;
}
#header .menu .social {
  justify-content: space-between;
}

.main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  background-image: url(../imgs/wave.svg);
  background-repeat: repeat-x;
  background-position: top center;
}

#footer {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  color: #595757;
  font-weight: 500;
  border: 2px #929292 solid;
}

#index {
  background-color: #f2ede8;
}
#index .content {
  position: relative;
}
#index .content .pos-abs {
  position: absolute;
}
#index .content .pos-abs.center {
  left: 50%;
  transform: translateX(-50%);
}
#index .content .title img, #index .content .title-sub img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#index .content .sign {
  opacity: 0;
  animation: fadingOut 0.3s 1s ease-in-out forwards;
}
#index .content .title .before_start {
  animation: zoomOut 1s ease-in-out;
  transform-origin: 50% 150%;
}
#index .content .title-sub .before_start {
  animation: zoomOut 1s ease-in-out;
  transform-origin: 50% -50%;
}
#index .content [class*=loop_fading] {
  opacity: 0;
}
#index .content .loop_fading-first {
  animation: loopFading 10s 2s linear infinite;
}
#index .content .loop_fading-last {
  animation: loopFading 10s 2s linear reverse infinite;
}
#index .content .date {
  opacity: 0;
  animation: fadingOut 0.3s 1.2s ease-in-out forwards;
}
#index .content .note {
  opacity: 0;
  animation: fadingOut 0.3s 1.6s ease-in-out forwards;
}
#index .content .btn-start {
  opacity: 0;
  animation: fadingOut 0.3s 1.8s ease-in-out forwards;
}
#index .content .cut1 img, #index .content .cut2 img {
  position: absolute;
  opacity: 0;
}

#game.start {
  background-color: #90dbea;
}
#game.start .plate {
  position: absolute;
}
#game.start .content:not(.start) {
  display: none;
}
#game.start .content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#game.start .content > *:not(.game-start) {
  display: none;
}
#game.start .content .crowd {
  font-weight: bolder;
  text-align: center;
}
#game.start .content .team {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}
#game.start .content .team.senior .border {
  border: 3px #f19c9f dashed;
}
#game.start .content .team.elementary .border {
  border: 3px #88c994 dashed;
}
#game.start .content .team .btn-start {
  position: relative;
  color: #fffffe;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
#game.start .content .team .btn-start:hover {
  background-color: #ffa105 !important;
}
#game.start .content .team .btn-start:hover .icon {
  display: block;
}
#game.start .content .team .btn-start .icon {
  position: absolute;
  display: none;
  width: 28.718%;
  top: 4.6875%;
  left: 84.6%;
}
#game.start .content .team .btn-start .border {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  border: 2px solid #fffffe;
}
#game.start .content .team.senior {
  color: #f19c9f;
}
#game.start .content .team.senior .btn-start {
  background: #f19c9f;
}
#game.start .content .team.elementary {
  color: #58b66a;
}
#game.start .content .team.elementary .btn-start {
  background-color: #58b66a;
}
#game.wrong .content:not(.wrong) {
  display: none;
}
#game.wrong .content > *:not(.game-wrong) {
  display: none;
}
#game.wrong .wrong-panel {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}
#game.wrong .wrong-text .tint .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f45b5b;
  border-radius: 50%;
}
#game.wrong .wrong-text .tint p {
  line-height: 1.3;
}
#game.wrong .wrong-text .answer {
  padding-bottom: 1em;
}
#game.wrong .wrong-text .btn-next {
  font-weight: bolder;
  color: #fffffe;
  display: flex;
  justify-content: center;
  align-items: center;
}
#game.wrong .wrong-text .btn-next .border {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  border: 2px solid #ffe;
  padding-bottom: 0.2em;
}
#game.form .content:not(.form) {
  display: none;
}
#game.form .content > *:not(.game-form) {
  display: none;
}
#game.form .content div.form {
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
#game.form form {
  text-align: center;
  color: #212121;
}
#game.form form.form-border {
  border: 3px dashed;
}
#game.form form .title {
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: center;
}
#game.form form .info {
  font-weight: 500;
  line-height: 1.4;
}
#game.form form .info span {
  color: #ff5757;
}
#game.form form .form-control {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#game.form form .form-control [type=text] {
  display: flex;
  align-items: center;
  border: 2px solid;
  outline: 0;
}
#game.form form .form-control [type=text]::-moz-placeholder {
  color: #9f9f9f;
}
#game.form form .form-control [type=text]::placeholder {
  color: #9f9f9f;
}
#game.form form .form-control [for=form-check] {
  font-weight: 500;
  text-align: left;
  letter-spacing: 0;
  background-repeat: no-repeat;
  background-position: 0 0.3em;
  background-image: url(../imgs/game/check-a.jpg);
}
#game.form form .form-control [type=checkbox] {
  display: none;
}
#game.form form .form-control [type=checkbox]:checked ~ [for=form-check] {
  background-image: url(../imgs/game/check-b.jpg);
}
#game.form form .form-label {
  text-align: right;
  font-weight: 500;
}
#game.form form .form-label.require::before {
  content: "*";
  color: #ff5757;
}
#game.form form .btn-send {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fffffe;
  font-weight: bold;
}
#game.form form .btn-send .border {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #fef9f9;
}
#game.question .content:not(.question) {
  display: none;
}
#game.question .content > *:not(.game-question) {
  display: none;
}
#game.question .question-panel {
  background-color: #fff;
}
#game.question .question-text {
  color: #212121;
}
#game.question .question-text p {
  line-height: 1.275;
}
#game.question .question-text [type=radio] {
  display: none;
}
#game.question .question-text [type=radio]:checked ~ label {
  background-image: url(../imgs/game/check-b.jpg);
}
#game.question .question-text label {
  background-image: url(../imgs/game/check-a.jpg);
  background-repeat: no-repeat;
  background-position: left top 0.05em;
  line-height: 1.25;
  cursor: pointer;
}
#game.question .question-text .btn-send {
  color: #fffffe;
  display: flex;
  justify-content: center;
  align-items: center;
}
#game.question .question-text .btn-send .border {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  border: 2px solid #ffe;
  padding-bottom: 0.2em;
}
#game.score .content:not(.score) {
  display: none;
}
#game.score .content > *:not(.game-score) {
  display: none;
}
#game.score .score-border {
  margin: 0 auto;
}
#game.score .score-panel {
  position: relative;
  text-align: center;
  background-color: #fff;
}
#game.score .score-panel .text {
  color: #212121;
}
#game.score .score-panel .text span {
  margin: 0 0.2em;
  font-size: 1.43em;
  font-weight: bolder;
}
#game.score .score-panel .share {
  color: #13b6cd;
}
#game.score .score-panel .share .icon {
  display: inline-block;
}
#game.score .score-panel .plate {
  position: absolute;
}
#game.senior {
  background-color: #f6bfc1;
}
#game.senior .elementary {
  display: none !important;
}
#game.senior .form > .form-border {
  border-color: #f19c9f;
}
#game.senior .form > .form .title {
  color: #f19c9f;
  background-image: url(../imgs/game/senior-form-tittle-bg.jpg);
}
#game.senior .form > .form [type=text] {
  border-color: #f19c9f;
}
#game.senior .form > .form [type=text].elementary {
  display: none;
}
#game.senior .form > .form .btn-send {
  background: #f19c9f;
}
#game.senior .question-border {
  border: 2px dashed #f07d81;
}
#game.senior .question-progress {
  color: #f07d81;
}
#game.senior .question-text label {
  color: #f07d81;
  display: block;
  margin-bottom: 0.7em;
}
#game.senior .question-text .btn-send {
  background-color: #f07d81;
}
#game.senior .wrong-border {
  border: 2px dashed #f07d81;
}
#game.senior .wrong-progress {
  color: #f07d81;
}
#game.senior .wrong-text .answer {
  color: #f07d81;
}
#game.senior .wrong-text .btn-next {
  background-color: #f07d81;
}
#game.senior .score-border {
  border: 2px dashed #f07d81;
}
#game.senior .score-panel .text span {
  color: #ff7a7f;
}
#game.elementary {
  background: #88c994;
}
#game.elementary .senior {
  display: none !important;
}
#game.elementary .form > .form-border {
  border-color: #88c994;
}
#game.elementary .form > .form .title {
  color: #88c994;
  background-image: url(../imgs/game/elementary-form-tittle-bg.jpg);
}
#game.elementary .form > .form [type=text] {
  border-color: #88c994;
}
#game.elementary .form > .form [type=text].senior {
  display: none;
}
#game.elementary .form > .form .btn-send {
  background: #88c994;
}
#game.elementary .question-border {
  border: 2px dashed #58b66a;
}
#game.elementary .question-progress {
  color: #88c994;
}
#game.elementary .question-text .change > div {
  display: inline-block;
}
#game.elementary .question-text label {
  color: #58b66a;
}
#game.elementary .question-text label[for=change-false] {
  margin-left: 2.5em;
}
#game.elementary .question-text .btn-send {
  background-color: #88c994;
}
#game.elementary .wrong-border {
  border: 2px dashed #58b66a;
}
#game.elementary .wrong-progress {
  color: #58b66a;
}
#game.elementary .wrong-text .answer {
  color: #58b66a;
}
#game.elementary .wrong-text .btn-next {
  background-color: #58b66a;
}
#game.elementary .score-border {
  border: 2px dashed #58b66a;
}
#game.elementary .score-panel .text span {
  color: #58b66a;
}
#game .kanban {
  background-color: #f2ede8;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
#game .kanban-border {
  border: dashed 2.5px #fefdfb;
}
#game .kanban-border > * {
  position: absolute;
}
#game .kanban .crowd {
  position: absolute;
  color: #fefffe;
  font-weight: bold;
}
#game .kanban .crowd.senior {
  background: #f19c9f;
}
#game .kanban .crowd.elementary {
  background-color: #58b66a;
}
#game .kanban .crowd-border {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: dashed 1px #fff;
}
#game .kanban-start {
  background-color: #f2ede8;
  position: relative;
  text-align: center;
}
#game .kanban-start-border {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 2px dashed #fefdfb;
}
#game .content {
  position: relative;
}
#game .content .sample {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0.3;
}
#game .content .sample.pc {
  width: min(896px, 62.21824vw);
}
#game .content .sample.mobile {
  width: 95.96vw;
}
#game .pole {
  position: absolute;
}

#winner {
  background-color: #ffd692;
}
#winner .main {
  justify-content: flex-end;
}
#winner .kanban {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: #f2ede8;
}
#winner .kanban-border {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border: dashed 2.5px #fefdfb;
}
#winner .kanban .plate, #winner .kanban .pole {
  position: absolute;
  z-index: 2;
}
#winner .kanban .plate.girl, #winner .kanban .pole.girl {
  width: 22.66vw;
  top: 14.84vw;
  left: 0.65vw;
}
#winner .kanban .plate.boy, #winner .kanban .pole.boy {
  width: 15.89vw;
  top: 16.67vw;
  right: -1.56vw;
}
#winner .content {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: #fff;
  color: #ffa200;
  font-weight: bolder;
}
#winner .content .plate {
  position: absolute;
}
#winner .content .border {
  border: dashed 2.5px #ffa200;
  display: flex;
  justify-content: center;
  align-items: center;
}

#rule {
  background-color: #ace0dc;
}
#rule .main {
  position: relative;
}
#rule .main [class^=plate] {
  position: absolute;
}
#rule .kanban {
  position: relative;
  background-color: #f2ede8;
}
#rule .kanban > * {
  position: absolute;
}
#rule .kanban-border {
  border: 2.5px dashed #fefdfb;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#rule .content {
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: top center, bottom center, center;
  background-size: 100% auto, 100% auto, 100% auto;
}
#rule .content .title {
  color: #36cec2;
  background-image: url(../imgs/rule/title-bg.jpg);
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  text-align: center;
  font-weight: bold;
  padding-top: 0.1em;
}
#rule .content .list-item .list-title {
  position: relative;
}
#rule .content .list-item .list-title .bottom-line {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}
#rule .content .list-item.caption .list-title {
  color: #4fd2c8;
}
#rule .content .list-item.date .list-title {
  color: #4fabd2;
}
#rule .content .list-item.method .list-title {
  color: #8a8ee2;
}
#rule .content .list-item.awards .list-title {
  color: #fd8463;
}
#rule .content .list-item.publish .list-title {
  color: #ff9090;
}
#rule .content .list-item.attend .list-title {
  color: #88b4e5;
}
#rule .content .list-item .text-orange {
  color: #ffa105;
}

@media (min-width: 768px) {
  .mobile {
    display: none !important;
  }
  #header {
    height: min(127px, 9vw);
    padding: 0 min(37px, 2.57vw) 0 min(72px, 5vw);
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #header .logo {
    width: min(214px, 15vw);
  }
  #header .menu {
    align-items: center;
  }
  #header .menu-list:not(:first-of-type, :last-of-type) {
    margin-left: min(64px, 4.44vw);
  }
  #header .menu-link {
    font-size: min(26px, 1.81vw);
    color: #373737;
    transition: all 0.5s ease-in-out;
  }
  #header .menu-link.active {
    color: #13b6cd;
  }
  #header .menu-link:hover {
    color: #13b6cd;
    transition: all 0.5s ease-in-out;
  }
  #header .menu .game {
    width: min(180px, 12.5vw);
    height: min(51px, 3.54vw);
    background-image: url(../imgs/icon-mouse.svg), url(../imgs/menu-start_border.svg);
    background-size: auto min(37px, 2.57vw), auto 100%;
    padding: 0 0 min(8px, 0.55vw) min(25px, 1.736vw);
  }
  #header .menu .social {
    margin-left: min(49px, 2.58vw);
    width: min(137px, 9.51vw);
  }
  #header .menu .social .icon {
    width: min(38px, 2.64vw);
  }
  #footer {
    width: min(348px, 24.17vw);
    height: min(38px, 2.64vw);
    border-radius: min(18.27px, 0.96vw);
    font-size: min(20.76px, 1.44vw);
  }
  .main {
    min-height: calc(100vh - 9vw);
    padding-bottom: min(40px, 2.05vw);
    background-size: auto min(15px, 0.79vw);
  }
  #index .main {
    padding-top: min(103px, 7.15vw);
  }
  #index .main #footer {
    margin-top: min(35px, 2.43vw);
  }
  #index .content {
    width: 100%;
    height: min(588px, 40.834vw);
  }
  #index .content .sign {
    top: min(38px, 2.54vw);
    width: min(560px, 38.89vw);
  }
  #index .content .title {
    width: min(758px, 52.64vw);
    top: min(116px, 8.06vw);
  }
  #index .content .title-sub {
    width: min(366px, 25.42vw);
    top: min(280px, 19.44vw);
  }
  #index .content .date {
    width: min(309px, 21.46vw);
    top: min(377px, 26.18vw);
  }
  #index .content .point {
    top: min(425px, 29.51vw);
    padding-top: min(12px, 0.83vw);
    width: min(232px, 16.11vw);
    opacity: 0;
    animation: fadingOut 0.3s 1.4s ease-in-out forwards;
  }
  #index .content .point .txt {
    width: 100%;
  }
  #index .content .point .considerable {
    width: min(80px, 5.56vw);
    top: 0;
    left: 27.16%;
    animation: loopRotating 1s 2s linear infinite;
  }
  #index .content .note {
    top: min(478px, 33.19vw);
    width: min(240px, 16.67vw);
  }
  #index .content .btn {
    width: min(199px, 13.82vw);
  }
  #index .content .btn-start {
    top: min(522px, 36.25vw);
  }
  #index .content .btn-start .icon {
    width: min(54px, 3.75vw);
    top: 0;
    right: 0;
  }
  #index .content .cut1 .top-left {
    width: min(111px, 7.71vw);
    top: min(35px, 2.43vw);
    animation: kv-top_left1 10s 2s ease-in-out infinite;
  }
  #index .content .cut1 .top-right {
    width: min(259px, 18vw);
    top: 0;
    animation: kv-top_right1 10s 2s ease-in-out infinite;
  }
  #index .content .cut1 .bottom-left {
    width: min(235px, 16.32vw);
    top: min(341px, 23.68vw);
    animation: kv-bottom_left1 10s 2s ease-in-out infinite;
  }
  #index .content .cut1 .bottom-right {
    width: min(206px, 14.31vw);
    top: min(332px, 23.6vw);
    animation: kv-bottom_right1 10s 2s ease-in-out infinite;
  }
  #index .content .cut2 .top-left {
    width: min(116px, 8.06vw);
    top: 0;
    animation: kv-top_left2 10s 2s ease-in-out infinite;
  }
  #index .content .cut2 .top-right {
    width: min(136px, 9.44vw);
    top: max(-10px, -0.69vw);
    animation: kv-top_right2 10s 2s ease-in-out infinite;
  }
  #index .content .cut2 .bottom-left {
    width: min(201px, 13.96vw);
    top: min(310px, 21.53vw);
    animation: kv-bottom_left2 10s 2s ease-in-out infinite;
  }
  #index .content .cut2 .bottom-right {
    width: min(215px, 14.93vw);
    top: min(305px, 21.18vw);
    animation: kv-bottom_right2 10s 2s ease-in-out infinite;
  }
  #index .content [class$=left] {
    right: 50%;
  }
  #index .content [class$=right] {
    left: 50%;
  }
  #game .main {
    padding-top: min(61px, 4.23584vw);
  }
  #game .main #footer {
    margin-top: min(45px, 3.1248vw);
  }
  #game .kanban {
    width: min(896px, 62.21824vw);
    height: min(202px, 14.02688vw);
    border-radius: min(63px, 4.37472vw);
  }
  #game .kanban-border {
    width: min(878px, 60.96832vw);
    height: min(185px, 12.8464vw);
    border-radius: min(58px, 4.02752vw);
  }
  #game .kanban .title {
    top: min(22px, 1.52768vw);
    left: min(65px, 4.5136vw);
    width: min(457px, 31.73408vw);
  }
  #game .kanban .title-sub {
    top: min(39px, 2.70816vw);
    right: min(86px, 5.97184vw);
    width: min(246px, 17.08224vw);
  }
  #game .kanban .sign {
    top: min(121px, 8.40224vw);
    left: min(84px, 5.83296vw);
    width: min(413px, 28.67872vw);
  }
  #game .kanban .crowd {
    width: min(238px, 16.52672vw);
    height: min(50px, 3.472vw);
    border-radius: min(20px, 1.3888vw);
    top: min(99px, 6.87456vw);
    right: min(94px, 6.52736vw);
    font-size: min(26px, 1.80544vw);
  }
  #game .kanban .crowd-border {
    width: min(227px, 15.76288vw);
    height: min(41px, 2.84704vw);
    border-radius: min(15px, 1.0416vw);
  }
  #game .pole {
    width: min(17px, 1.18048vw);
  }
  #game.form .pole {
    top: min(205px, 14.2352vw);
  }
  #game.form .pole-left {
    left: min(86px, 5.97184vw);
  }
  #game.form .pole-right {
    right: min(86px, 5.97184vw);
  }
  #game.form div.form {
    width: min(885px, 61.4544vw);
    padding: min(10px, 0.6944vw) 0;
    border-radius: min(63px, 4.37472vw);
    margin-top: min(18px, 1.24992vw);
  }
  #game.form div.form .form-border {
    width: min(863px, 59.92672vw);
    border-radius: min(57px, 3.95808vw);
    padding: min(30px, 2.0832vw) min(130px, 9.0272vw) 0 min(130px, 9.0272vw);
  }
  #game.form div.form .title {
    font-size: min(35px, 2.4304vw);
    background-size: min(218px, 15.13792vw) auto;
  }
  #game.form div.form .info {
    font-size: min(23px, 1.59712vw);
    margin: min(7px, 0.48608vw) auto min(40px, 2.7776vw) auto;
  }
  #game.form div.form .form-control:not(:last-of-type) {
    margin: 0 min(72px, 4.99968vw) min(23px, 1.59712vw) 0;
  }
  #game.form div.form .form-control [type=text] {
    width: min(322px, 22.35968vw);
    height: min(45px, 3.1248vw);
    border-radius: min(15px, 1.0416vw);
    font-size: min(18px, 1.24992vw);
    padding-left: min(17px, 1.18048vw);
  }
  #game.form div.form .form-control [for=form-check] {
    line-height: 1.7;
    font-size: min(22px, 1.52768vw);
    width: min(610px, 42.3584vw);
    padding-left: min(38px, 2.63872vw);
    margin-top: min(10px, 0.6944vw);
    background-size: auto min(25px, 1.736vw);
  }
  #game.form div.form .form-label {
    font-size: min(25px, 1.736vw);
    margin-right: min(18px, 1.24992vw);
  }
  #game.form div.form .btn-send {
    width: min(195px, 13.5408vw);
    height: min(64px, 4.44416vw);
    border-radius: min(15px, 1.0416vw);
    margin: min(28px, 1.94432vw) auto min(56px, 3.88864vw) auto;
    font-size: min(28px, 1.94432vw);
  }
  #game.form div.form .btn-send .border {
    width: min(183px, 12.70752vw);
    height: min(53px, 3.68032vw);
    border-radius: min(10px, 0.6944vw);
  }
  #game.start .content.start {
    width: min(996px, 69.16224vw);
  }
  #game.start .content.start .pole {
    top: min(347px, 24.09568vw);
  }
  #game.start .content.start .pole-item1 {
    left: min(847px, 58.81568vw);
  }
  #game.start .content.start .pole-item2 {
    left: min(645px, 44.7888vw);
  }
  #game.start .content.start .pole-item3 {
    left: min(339px, 23.54016vw);
  }
  #game.start .content.start .pole-item4 {
    left: min(137px, 9.51328vw);
  }
  #game.start .kanban-start {
    width: min(996px, 69.16224vw);
    height: min(350px, 24.304vw);
    border-radius: min(88px, 6.11072vw);
    padding-top: min(38px, 2.63872vw);
  }
  #game.start .kanban-start .sign {
    width: min(560px, 38.8864vw);
  }
  #game.start .kanban-start .title {
    width: min(754px, 52.35776vw);
  }
  #game.start .kanban-start .title-sub {
    width: min(362px, 25.13728vw);
  }
  #game.start .kanban-start-border {
    width: min(976px, 67.77344vw);
    height: min(334px, 23.19296vw);
    border-radius: min(88px, 6.11072vw);
  }
  #game.start .team {
    width: min(484px, 33.60896vw);
    height: min(190px, 13.1936vw);
    border-radius: min(63px, 4.37472vw);
    margin-top: min(28px, 1.94432vw);
  }
  #game.start .team .border {
    width: min(466px, 32.35904vw);
    height: min(174px, 12.08256vw);
    border-radius: min(58px, 4.02752vw);
  }
  #game.start .team .crowd {
    font-size: min(46px, 3.19424vw);
    margin: min(25px, 1.736vw) auto min(14px, 0.97216vw) auto;
  }
  #game.start .team .btn-start {
    width: min(195px, 13.5408vw);
    height: min(64px, 4.44416vw);
    border-radius: min(20px, 1.3888vw);
    font-size: min(28px, 1.94432vw);
  }
  #game.start .team .btn-start .border {
    width: min(183px, 12.70752vw);
    height: min(53px, 3.68032vw);
    border-radius: min(15px, 1.0416vw);
    padding-bottom: min(5px, 0.3472vw);
  }
  #game.start .plate[src="imgs/KV/pc1-bottom_right.svg"] {
    width: min(206px, 14.30464vw);
    top: min(194px, 13.47136vw);
    transform: translateX(min(378px, 26.24832vw));
    left: 50%;
  }
  #game.start .plate[src="imgs/game/start-left.svg"] {
    transform: translateX(max(-363px, -25.20672vw));
    right: 50%;
    width: min(203px, 14.09632vw);
    top: min(180px, 12.4992vw);
  }
  #game.question .pole {
    top: min(200px, 13.888vw);
    z-index: 2;
  }
  #game.question .pole-item1 {
    left: min(87px, 6.04128vw);
  }
  #game.question .pole-item2 {
    right: min(87px, 6.04128vw);
  }
  #game.question .question.content.elementary .change {
    font-size: min(34px, 2.36096vw);
  }
  #game.question .question.content.elementary .change label {
    background-size: auto min(32px, 2.22208vw);
    padding-left: min(50px, 3.472vw);
  }
  #game.question .question.content.senior .change {
    font-size: min(25px, 1.736vw);
  }
  #game.question .question.content.senior .change label {
    background-size: auto min(28px, 1.94432vw);
    padding-left: min(40px, 2.7776vw);
  }
  #game.question .question-border {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: min(864px, 59.99616vw);
    padding: min(90px, 6.2496vw) min(35px, 2.4304vw) min(70px, 4.8608vw) min(50px, 3.472vw);
    border-radius: min(58px, 4.02752vw);
  }
  #game.question .question-panel {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: min(12px, 0.83328vw) 0;
    width: min(885px, 61.4544vw);
    border-radius: min(63px, 4.37472vw);
    margin-top: min(25px, 1.736vw);
  }
  #game.question .question-progress {
    position: absolute;
    font-size: min(25px, 1.736vw);
    top: min(59px, 4.09696vw);
    right: min(58px, 4.02752vw);
  }
  #game.question .question-plate {
    width: min(267px, 18.54048vw);
  }
  #game.question .question-text {
    width: min(460px, 31.9424vw);
  }
  #game.question .question-text p {
    font-size: min(28px, 1.94432vw);
  }
  #game.question .question-text .change {
    margin: min(40px, 2.7776vw) 0 min(30px, 2.0832vw) 0;
  }
  #game.question .question-text .btn-send {
    width: min(195px, 13.5408vw);
    height: min(64px, 4.44416vw);
    border-radius: min(21px, 1.45824vw);
    font-size: min(28px, 1.94432vw);
  }
  #game.question .question-text .btn-send .border {
    width: min(183px, 12.70752vw);
    height: min(53px, 3.68032vw);
    border-radius: min(14px, 0.97216vw);
  }
  #game.wrong .pole {
    top: min(200px, 13.888vw);
    z-index: 2;
  }
  #game.wrong .pole-item1 {
    left: min(87px, 6.04128vw);
  }
  #game.wrong .pole-item2 {
    right: min(87px, 6.04128vw);
  }
  #game.wrong .wrong-border {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: min(862px, 59.85728vw);
    border-radius: min(55px, 3.8192vw);
    padding: min(95px, 6.5968vw) min(35px, 2.4304vw) min(35px, 2.4304vw) min(52px, 3.61088vw);
  }
  #game.wrong .wrong-panel {
    position: relative;
    width: min(885px, 61.4544vw);
    padding: min(11px, 0.76384vw) 0;
    border-radius: min(63px, 4.37472vw);
    margin-top: min(25px, 1.736vw);
  }
  #game.wrong .wrong-progress {
    position: absolute;
    top: min(59px, 4.09696vw);
    right: min(63px, 4.37472vw);
    font-size: min(25px, 1.736vw);
  }
  #game.wrong .wrong-plate {
    width: min(267px, 18.54048vw);
  }
  #game.wrong .wrong-text {
    width: min(454px, 31.52576vw);
    font-size: min(28px, 1.94432vw);
  }
  #game.wrong .wrong-text .tint {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  #game.wrong .wrong-text .tint .icon {
    width: min(67px, 4.65248vw);
    height: min(67px, 4.65248vw);
    margin-right: min(10px, 0.6944vw);
  }
  #game.wrong .wrong-text .tint .icon img {
    width: min(35px, 2.4304vw);
  }
  #game.wrong .wrong-text .answer {
    margin-top: min(50px, 3.472vw);
    min-height: min(155px, 10.7632vw);
  }
  #game.wrong .wrong-text .btn-next {
    width: min(195px, 13.5408vw);
    height: min(64px, 4.44416vw);
    border-radius: min(21px, 1.45824vw);
    font-size: min(28px, 1.94432vw);
  }
  #game.wrong .wrong-text .btn-next .border {
    width: min(183px, 12.70752vw);
    height: min(53px, 3.68032vw);
    border-radius: min(14px, 0.97216vw);
  }
  #game.score .pole {
    top: min(200px, 13.888vw);
    z-index: 2;
  }
  #game.score .pole-left {
    left: min(90px, 6.2496vw);
  }
  #game.score .pole-right {
    right: min(90px, 6.2496vw);
  }
  #game.score .plate.elementary.boy {
    width: min(158px, 10.97152vw);
    top: min(171px, 11.87424vw);
    right: min(60px, 4.1664vw);
  }
  #game.score .plate.elementary.girl {
    width: min(161px, 11.17984vw);
    top: min(170px, 11.8048vw);
    left: min(59px, 4.09696vw);
  }
  #game.score .plate.senior.boy {
    width: min(180px, 12.4992vw);
    top: min(170px, 11.8048vw);
    right: min(60px, 4.1664vw);
  }
  #game.score .plate.senior.girl {
    width: min(182px, 12.63808vw);
    top: min(170px, 11.8048vw);
    left: min(73px, 5.06912vw);
  }
  #game.score .score-border {
    width: min(862px, 59.85728vw);
    padding: min(92px, 6.38848vw) 0 min(100px, 6.944vw) 0;
    border-radius: min(55px, 3.8192vw);
  }
  #game.score .score-panel {
    width: min(885px, 61.4544vw);
    padding: min(11px, 0.76384vw) 0;
    border-radius: min(63px, 4.37472vw);
    margin-top: min(23px, 1.59712vw);
  }
  #game.score .score-panel .text {
    font-size: min(35px, 2.4304vw);
  }
  #game.score .score-panel .text p {
    margin-bottom: min(18px, 1.24992vw);
  }
  #game.score .score-panel .share {
    margin-top: min(50px, 3.472vw);
    font-size: min(30px, 2.0832vw);
  }
  #game.score .score-panel .share p {
    margin-bottom: min(30px, 2.0832vw);
  }
  #game.score .score-panel .share .icon {
    width: min(70px, 4.8608vw);
    margin: 0 min(12px, 0.83328vw);
  }
  #winner .main {
    padding-top: min(90px, 6.2496vw);
  }
  #winner .kanban {
    width: min(996px, 69.16224vw);
    height: min(350px, 24.304vw);
    border-radius: min(88px, 6.11072vw);
  }
  #winner .kanban-border {
    width: min(976px, 67.77344vw);
    height: min(334px, 23.19296vw);
    border-radius: min(88px, 6.11072vw);
  }
  #winner .kanban .sign {
    width: min(560px, 38.8864vw);
  }
  #winner .kanban .title {
    width: min(754px, 52.35776vw);
    margin-top: min(6px, 0.41664vw);
  }
  #winner .kanban .title-sub {
    width: min(362px, 25.13728vw);
  }
  #winner .kanban .pole {
    width: min(17px, 1.18048vw);
    top: min(349px, 24.23456vw);
  }
  #winner .kanban .pole-left {
    left: min(138px, 9.58272vw);
  }
  #winner .kanban .pole-right {
    right: min(138px, 9.58272vw);
  }
  #winner .content {
    width: min(891px, 61.87104vw);
    border-radius: min(63px, 4.37472vw);
    margin: min(30px, 2.0832vw) 0 min(50px, 3.472vw) 0;
    padding: min(8px, 0.55552vw) 0;
  }
  #winner .content .border {
    width: min(874px, 60.69056vw);
    border-radius: min(58px, 4.02752vw);
    padding: min(72px, 4.99968vw) 0 min(66px, 4.58304vw) 0;
    font-size: min(38px, 2.63872vw);
  }
  #winner .content .plate-left {
    width: min(130px, 9.0272vw);
    top: min(57px, 3.95808vw);
    left: min(97px, 6.73568vw);
  }
  #winner .content .plate-right {
    width: min(225px, 15.624vw);
    right: min(44px, 3.05536vw);
    top: max(-19px, -1.31936vw);
  }
  #rule .main {
    padding-top: min(66px, 4.58304vw);
  }
  #rule .kanban {
    width: min(896px, 62.21824vw);
    height: min(202px, 14.02688vw);
    border-radius: min(63px, 4.37472vw);
    transform: translateX(min(65px, 4.5136vw));
  }
  #rule .kanban-border {
    width: min(878px, 60.96832vw);
    height: min(185px, 12.8464vw);
    border-radius: min(58px, 4.02752vw);
  }
  #rule .kanban .title {
    width: min(457px, 31.73408vw);
    top: min(32px, 2.22208vw);
    left: min(74px, 5.13856vw);
  }
  #rule .kanban .title-sub {
    width: min(254px, 17.63776vw);
    top: min(35px, 2.4304vw);
    right: min(89px, 6.18016vw);
  }
  #rule .kanban .sign {
    width: min(413px, 28.67872vw);
    top: min(134px, 9.30496vw);
    left: min(94px, 6.52736vw);
  }
  #rule .kanban .date {
    width: min(237px, 16.45728vw);
    top: min(93px, 6.45792vw);
    right: min(98px, 6.80512vw);
  }
  #rule .kanban .text {
    top: min(131px, 9.09664vw);
    right: min(100px, 6.944vw);
  }
  #rule .kanban .text .txt {
    width: min(232px, 16.11008vw);
  }
  #rule .kanban .text .considerable {
    position: absolute;
    left: min(61px, 4.23584vw);
    top: max(-10px, -0.6944vw);
    width: min(82px, 5.69408vw);
  }
  #rule .content {
    background-image: url(../imgs/rule/bg-top.svg), url(../imgs/rule/bg-bottom.svg), url(../imgs/rule/bg-mid.svg);
    width: min(1304px, 90.54976vw);
    margin: min(50px, 3.472vw) auto;
    padding: min(96px, 6.66624vw) 0 min(100px, 6.944vw) min(126px, 8.74944vw);
  }
  #rule .content .title {
    font-size: min(40px, 2.7776vw);
    width: min(242px, 16.80448vw);
    margin-bottom: min(69px, 4.79136vw);
    margin-left: min(400px, 27.776vw);
  }
  #rule .content .list-item {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: min(65px, 4.5136vw);
  }
  #rule .content .list-item.caption .list-content {
    width: min(820px, 56.9408vw);
    font-size: min(28px, 1.94432vw);
    line-height: 1.25;
  }
  #rule .content .list-item.date .list-content {
    font-weight: 500;
    font-size: min(28px, 1.94432vw);
  }
  #rule .content .list-item.date .list-content > div {
    display: flex;
    align-items: center;
  }
  #rule .content .list-item.date .list-content > div.elementary {
    margin-bottom: min(10px, 0.6944vw);
  }
  #rule .content .list-item.date .list-content .crowd {
    margin: 0 min(10px, 0.6944vw);
    height: min(46px, 3.19424vw);
  }
  #rule .content .list-item.date .list-content .date {
    height: min(27px, 1.87488vw);
  }
  #rule .content .list-item.method .list-content > div {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  #rule .content .list-item.method .list-content > div:first-of-type {
    margin-bottom: min(20px, 1.3888vw);
  }
  #rule .content .list-item.method .list-content .step {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: min(95px, 6.5968vw);
    height: min(37px, 2.56928vw);
    border-radius: min(18.5px, 1.28464vw);
    font-size: min(25px, 1.736vw);
    padding-bottom: min(3px, 0.20832vw);
    background-color: #8a8ee2;
    color: #fefefe;
  }
  #rule .content .list-item.method .list-content .text {
    width: min(773px, 53.67712vw);
    margin-left: min(17px, 1.18048vw);
    font-size: min(26px, 1.80544vw);
    line-height: 1.4;
  }
  #rule .content .list-item.method .list-content .text span {
    font-size: min(23px, 1.59712vw);
    color: #8f8f8f;
  }
  #rule .content .list-item.awards .list-content {
    font-size: min(26px, 1.80544vw);
  }
  #rule .content .list-item.awards .list-content > div {
    width: min(811px, 56.31584vw);
    padding: min(12px, 0.83328vw) min(28px, 1.94432vw);
    border-radius: min(20px, 1.3888vw);
    border: solid 3px #fea893;
    font-size: min(26px, 1.80544vw);
    margin-top: min(18px, 1.24992vw);
  }
  #rule .content .list-item.awards .list-content > div > div {
    margin: 5px auto 0 auto;
    width: min(754px, 52.35776vw);
    padding: min(14px, 0.97216vw) min(15px, 1.0416vw) 0 min(15px, 1.0416vw);
    border-top: solid 2px #fea893;
    line-height: 1.2;
  }
  #rule .content .list-item.awards .list-content > div > div p {
    font-size: min(22px, 1.52768vw);
  }
  #rule .content .list-item.awards .list-content > div table {
    text-align: center;
    font-weight: 500;
    margin: 0 auto;
    border-collapse: collapse;
  }
  #rule .content .list-item.awards .list-content > div table td:nth-child(1) {
    width: min(148px, 10.27712vw);
    border-right: solid 2px #fea893;
  }
  #rule .content .list-item.awards .list-content > div table td:nth-child(2) {
    width: min(295px, 20.4848vw);
    border-right: solid 2px #fea893;
  }
  #rule .content .list-item.awards .list-content > div table td:nth-child(3) {
    width: min(186px, 12.91584vw);
    border-right: solid 2px #fea893;
  }
  #rule .content .list-item.awards .list-content > div table td:nth-child(4) {
    width: min(125px, 8.68vw);
  }
  #rule .content .list-item.awards .list-content > div table tr {
    height: min(46px, 3.19424vw);
  }
  #rule .content .list-item.awards .list-content > div table tr:not(:last-of-type) {
    border-bottom: solid 2px #fea893;
  }
  #rule .content .list-item.awards .list-content .tint {
    font-size: min(20px, 1.3888vw);
    width: min(811px, 56.31584vw);
    padding: min(18px, 1.24992vw) min(37px, 2.56928vw);
  }
  #rule .content .list-item.publish .list-content {
    width: min(845px, 58.6768vw);
    font-size: min(26px, 1.80544vw);
  }
  #rule .content .list-item.publish .list-content ul {
    list-style: disc;
    padding-left: min(23px, 1.59712vw);
  }
  #rule .content .list-item.publish .list-content ul li {
    margin-bottom: 1em;
  }
  #rule .content .list-item.publish .list-content ul li::marker {
    color: #ff9090;
  }
  #rule .content .list-item.attend .list-content .item {
    position: relative;
    font-size: min(25px, 1.736vw);
    line-height: 1.25;
    width: min(859px, 59.64896vw);
    padding: 0 0 min(45px, 3.1248vw) min(36px, 2.49984vw);
  }
  #rule .content .list-item.attend .list-content .item .no {
    width: min(25px, 1.736vw);
    height: min(25px, 1.736vw);
    display: flex;
    justify-content: center;
    align-items: flex-end;
    font-size: min(16px, 1.11104vw);
    padding-bottom: min(2px, 0.13888vw);
    background-color: #88b4e5;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #rule .content .list-item.attend .list-content .item [href] {
    color: inherit;
    padding-bottom: 0.1em;
    border-bottom: #000 solid 2px;
  }
  #rule .content .list-title {
    font-size: min(30px, 2.0832vw);
    margin-right: min(65px, 4.5136vw);
    width: min(127px, 8.81888vw);
    padding-bottom: min(17px, 1.18048vw);
  }
  #rule .plate-item1 {
    width: min(240px, 16.6656vw);
    top: min(62px, 4.30528vw);
    right: 50%;
    transform: translateX(max(-372px, -25.83168vw));
  }
  #rule .plate-item2 {
    width: min(274px, 19.02656vw);
    top: min(597px, 41.45568vw);
    left: 50%;
    transform: translateX(min(427px, 29.65088vw));
  }
  #rule .plate-item3 {
    width: min(133px, 9.23552vw);
    top: min(1269px, 88.11936vw);
    right: 50%;
    transform: translateX(max(-380px, -26.3872vw));
  }
  #rule .plate-item4 {
    width: min(122px, 8.47168vw);
    top: min(1675px, 116.312vw);
    left: 50%;
    transform: translateX(min(547px, 37.98368vw));
  }
  #rule .plate-item5 {
    width: min(193px, 13.40192vw);
    right: 50%;
    top: min(2650px, 184.016vw);
    transform: translateX(max(-409px, -28.40096vw));
  }
  #rule .plate-item6 {
    width: min(183px, 12.70752vw);
    top: min(90px, 6.2496vw);
    left: 50%;
    transform: translateX(min(439px, 30.48416vw));
  }
}
@media (max-width: 768px) {
  .pc {
    display: none !important;
  }
  #header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    height: 16.41vw;
    padding: 0 4.17vw 0 4.43vw;
  }
  #header .logo {
    width: 28.39vw;
  }
  #header .menu {
    width: 100%;
    height: 100vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #13b6cd;
    transform: translateY(-100%);
    transition: all 0.5s ease-in-out;
    z-index: 98;
  }
  #header .menu.show {
    transform: translateY(0);
    transition: all 0.5s ease-in-out;
  }
  #header .menu-btn {
    z-index: 99;
  }
  #header .menu-btn.open .open {
    opacity: 1;
  }
  #header .menu-btn.open .close {
    opacity: 0;
  }
  #header .menu-btn.close .open {
    opacity: 0;
  }
  #header .menu-btn.close .close {
    opacity: 1;
  }
  #header .menu-btn .open {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 11.2vw;
    height: 8.85vw;
    flex-direction: column;
    text-align: center;
    position: absolute;
    background-color: #34d2e8;
    border-radius: 1.43vw;
    color: #fff;
    font-size: 2.34vw;
    top: 8.8vw;
    right: -3vw;
    transform: translate(-50%, -50%);
    transition: all 0.3s 0.2s ease-in-out;
    cursor: pointer;
  }
  #header .menu-btn .open .bar {
    width: 5.21vw;
    height: 0.78vw;
    background-color: #fff;
    border-radius: 0.2vw;
  }
  #header .menu-btn .open .bar:first-of-type {
    margin: 1.16vw auto 0.4vw auto;
  }
  #header .menu-btn .close {
    position: fixed;
    width: 9.77vw;
    top: 8.8vw;
    right: 0;
    transform: translate(-50%, -50%);
    transition: all 0.3s 0.2s ease-in-out;
    cursor: pointer;
  }
  #header .menu-list {
    display: flex;
    justify-content: center;
    align-items: center;
    width: min(34.8vh, 53.650116vw);
    height: min(10.64vh, 16.4033688vw);
    border-bottom: 3px dashed #fff;
  }
  #header .menu-link {
    font-weight: bold;
    font-size: min(3.55vh, 5.4729285vw);
    color: #fff;
  }
  #header .menu .game {
    background-image: url(../imgs/icon-mouse.svg), url(../imgs/menu-start_border-mb.svg);
    width: min(25.51vh, 39.3280017vw);
    height: min(6.76vh, 10.4216892vw);
    background-size: auto min(5.15vh, 7.9396005vw), auto 100%;
    padding: 0 0 min(1vh, 1.54167vw) min(4vh, 6.16668vw);
    margin-left: min(3vh, 4.62501vw);
  }
  #header .menu .social {
    width: min(28.46vh, 43.8759282vw);
    margin: min(4.9vh, 7.554183vw) auto min(4.48vh, 6.9066816vw) auto;
  }
  #header .menu .social .icon {
    width: min(7vh, 10.79169vw);
  }
  #header .menu .copyright {
    color: #fff;
    text-align: center;
    font-weight: 500;
    margin-bottom: min(3.8vh, 5.858346vw);
    font-size: min(2.96vh, 4.5633432vw);
    line-height: 1.75;
  }
  #footer {
    width: min(36.06vh, 55.5926202vw);
    height: min(3.8vh, 5.858346vw);
    border-radius: min(1.54vh, 2.3741718vw);
    font-size: min(2.16vh, 3.3300072vw);
  }
  .main {
    min-height: calc(100vh - 16.41vw);
    padding-bottom: 4vw;
    background-size: auto 2.34vw;
  }
  #index .main {
    padding-top: 8.33vw;
  }
  #index .content {
    width: 100%;
    height: 119.66vw;
  }
  #index .content .sign {
    top: 0;
    width: 72.92vw;
  }
  #index .content .title {
    width: 66.41vw;
    top: 9.51vw;
  }
  #index .content .title-sub {
    width: 47.66vw;
    top: 52.86vw;
  }
  #index .content .date {
    width: 56.38vw;
    top: 65.49vw;
  }
  #index .content .point {
    top: 73.44vw;
    padding-top: 1.56vw;
    width: 36.2vw;
    opacity: 0;
    animation: fadingOut 0.3s 1.4s ease-in-out forwards;
  }
  #index .content .point .txt {
    width: 100%;
  }
  #index .content .point .considerable {
    width: 33%;
    top: 0;
    left: 27.16%;
    animation: loopRotating 1s 2s linear infinite;
  }
  #index .content .note {
    top: 82vw;
    width: 36.25vw;
  }
  #index .content .btn {
    width: 35.42vw;
  }
  #index .content .btn-start {
    top: 88.54vw;
  }
  #index .content .cut1 [class$=left] {
    animation: kv-left1MB 10s 2s ease-in-out infinite;
  }
  #index .content .cut1 [class$=right] {
    animation: kv-right1MB 10s 2s ease-in-out infinite;
  }
  #index .content .cut1 .top-left {
    width: 22.4vw;
    top: 15.63vw;
    left: 1.29vw;
  }
  #index .content .cut1 .top-right {
    width: 18.75vw;
    top: 12.37vw;
    left: 74.48vw;
  }
  #index .content .cut1 .bottom-left {
    width: 23.05vw;
    top: 84.38vw;
    left: 13.28vw;
  }
  #index .content .cut1 .bottom-right {
    width: 25vw;
    top: 86.33vw;
    left: 65.23vw;
  }
  #index .content .cut2 [class$=left] {
    animation: kv-left2MB 10s 2s ease-in-out infinite;
  }
  #index .content .cut2 [class$=right] {
    animation: kv-right2MB 10s 2s ease-in-out infinite;
  }
  #index .content .cut2 .top-left {
    width: 22.79vw;
    top: 10.03vw;
    left: 7.42vw;
  }
  #index .content .cut2 .top-right {
    width: 16.02vw;
    top: 14.19vw;
    left: 78.39vw;
  }
  #index .content .cut2 .bottom-left {
    width: 32.29vw;
    top: 78.13vw;
    left: 7.94vw;
  }
  #index .content .cut2 .bottom-right {
    width: 26.82vw;
    top: 82.94vw;
    left: 69.92vw;
  }
  #game .main {
    padding-top: 9vw;
  }
  #game .main #footer {
    margin-top: 5vw;
  }
  #game .kanban {
    width: 96vw;
    height: 26vw;
    border-radius: 8.11vw;
  }
  #game .kanban-border {
    width: 94vw;
    height: 24vw;
    border-radius: 7.5vw;
  }
  #game .kanban .title {
    top: 3.78vw;
    left: 2.78vw;
    width: 56.77vw;
  }
  #game .kanban .title-sub {
    top: 6.25vw;
    right: 2.39vw;
    width: 30.6vw;
  }
  #game .kanban .sign {
    top: 17.97vw;
    left: 5.51vw;
    width: 51.3vw;
  }
  #game .kanban .crowd {
    width: 29.56vw;
    height: 6.38vw;
    border-radius: 2.6vw;
    top: 13.28vw;
    right: 2.91vw;
    font-size: 3.23vw;
  }
  #game .kanban .crowd-border {
    width: 28.39vw;
    height: 5.21vw;
    border-radius: 1.95vw;
  }
  #game .pole {
    width: 2.21vw;
  }
  #game div.form > div.form {
    width: 88.15vw;
    padding: 1.68vw 0;
    border-radius: 8.2vw;
    margin: 2.47vw auto 0 auto;
  }
  #game .form .pole {
    top: 25vw;
  }
  #game .form .pole-left {
    left: 10.94vw;
  }
  #game .form .pole-right {
    right: 10.94vw;
  }
  #game .form-border {
    width: 84.11vw;
    padding-top: 3.3vw;
  }
  #game .form .title {
    font-size: 4.6vw;
    background-size: 28.39vw auto;
  }
  #game .form .info {
    font-size: 3.65vw;
    margin: 3.75vw auto 4.8vw auto;
  }
  #game .form-control:not(:last-of-type) {
    margin: 0 7.42vw 2.3vw 0;
  }
  #game .form-control [type=text] {
    width: 47.66vw;
    height: 7.55vw;
    border-radius: 1.95vw;
    font-size: 3.23vw;
    padding-left: 2.21vw;
  }
  #game .form-control [for=form-check] {
    line-height: 1.4;
    font-size: 3.5vw;
    width: 75vw;
    padding-left: 5.8vw;
    margin-right: 4.56vw;
    margin-top: 5vw;
    background-size: auto 4.04vw;
  }
  #game .form-label {
    font-size: 4.1vw;
    margin-right: 2.34vw;
  }
  #game .form .btn-send {
    width: 35.55vw;
    height: 11.72vw;
    border-radius: 2.75vw;
    margin: 4.6vw auto;
    font-size: 5vw;
  }
  #game .form .btn-send .border {
    width: 33.33vw;
    height: 9.77vw;
    border-radius: 1.8434vw;
  }
  #game.start .kanban-start {
    width: 90.1vw;
    height: 71.35vw;
    border-radius: 11.46vw;
    padding-top: 6.7vw;
    margin: 0 auto;
  }
  #game.start .kanban-start .sign {
    width: 72.92vw;
  }
  #game.start .kanban-start .title {
    margin: 2.08vw auto 1.82vw auto;
    width: 63.93vw;
  }
  #game.start .kanban-start .title-sub {
    width: 47.14vw;
  }
  #game.start .kanban-start-border {
    width: 88.54vw;
    height: 68.23vw;
    border-radius: 11.46vw;
  }
  #game.start .team {
    width: 76.69vw;
    height: 30.08vw;
    border-radius: 8.2vw;
    margin: 4.8vw auto 4.8vw auto;
  }
  #game.start .team .border {
    width: 74.09vw;
    height: 27.73vw;
    border-radius: 7.55vw;
  }
  #game.start .team .crowd {
    font-size: 7.28vw;
    margin: 4.8vw auto 2vw auto;
  }
  #game.start .team .btn-start {
    width: 30.86vw;
    height: 10.16vw;
    border-radius: 3.2vw;
    font-size: 4.43vw;
  }
  #game.start .team .btn-start .border {
    width: 29.04vw;
    height: 8.46vw;
    border-radius: 2.4vw;
    padding-bottom: 1.2vw;
  }
  #game.start .plate[src="imgs/KV/pc1-bottom_right.svg"] {
    width: 26.82vw;
    top: 119.2vw;
    right: 0;
  }
  #game.start .plate[src="imgs/game/start-left.svg"] {
    width: 26.42vw;
    left: 4.56vw;
    top: 82.16vw;
  }
  #game.start .plate[src="imgs/KV/mb2-top_left.svg"] {
    width: 22.79vw;
    top: 14.72vw;
    left: 5.08vw;
  }
  #game.start .plate[src="imgs/KV/mb2-top_right.svg"] {
    width: 15.89vw;
    top: 16.67vw;
    left: 80.34vw;
  }
  #game.question .pole {
    top: 25vw;
    z-index: 2;
  }
  #game.question .pole-item1 {
    left: 11vw;
  }
  #game.question .pole-item2 {
    right: 11vw;
  }
  #game.question .question.content.elementary .change {
    font-size: 5.46vw;
  }
  #game.question .question.content.elementary .change label {
    background-size: auto 5.6vw;
    padding-left: 8.5vw;
  }
  #game.question .question.content.senior .change {
    text-align: left;
    font-size: 4.56vw;
  }
  #game.question .question.content.senior .change label {
    background-size: auto 3.65vw;
    padding-left: 5.7vw;
    background-position: left top 0.2em;
  }
  #game.question .question-border {
    width: 84.11vw;
    padding: 5.5vw 0 6vw 0;
    border-radius: 7.16vw;
    margin: 0 auto;
  }
  #game.question .question-panel {
    width: 88.15vw;
    padding: 1.4vw 0 1.3vw 0;
    border-radius: 8.2vw;
    margin: 2.45vw auto 0 auto;
    text-align: center;
  }
  #game.question .question-progress {
    font-size: 3.26vw;
  }
  #game.question .question-plate {
    width: 34.77vw;
    margin: 5.72vw auto 2.73vw auto;
  }
  #game.question .question-text {
    width: 70vw;
    margin: 0 auto;
  }
  #game.question .question-text p {
    font-size: 4.17vw;
    text-align: left;
  }
  #game.question .question-text .change {
    margin: 5.34vw 0 5.86vw 0;
  }
  #game.question .question-text .btn-send {
    width: 35.55vw;
    height: 11.72vw;
    margin: 0 auto;
    border-radius: 3.85vw;
    font-size: 5.13vw;
  }
  #game.question .question-text .btn-send .border {
    width: 33.33vw;
    height: 9.77vw;
    border-radius: 3.2vw;
  }
  #game.wrong .pole {
    top: 26vw;
    z-index: 2;
  }
  #game.wrong .pole-item1 {
    left: 11vw;
  }
  #game.wrong .pole-item2 {
    right: 11vw;
  }
  #game.wrong .wrong-border {
    width: 84.11vw;
    border-radius: 7.16vw;
    padding: 6.4vw 0 4vw 0;
  }
  #game.wrong .wrong-panel {
    width: 88.15vw;
    padding: 2vw 0 1.3vw 0;
    border-radius: 8.2vw;
    text-align: center;
    margin: 2.45vw auto 0 auto;
  }
  #game.wrong .wrong-progress {
    font-size: 3.26vw;
    margin-bottom: 2.7vw;
  }
  #game.wrong .wrong-plate {
    width: 34.77vw;
  }
  #game.wrong .wrong-text {
    font-size: 5vw;
    text-align: center;
  }
  #game.wrong .wrong-text .tint {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5vw 0;
  }
  #game.wrong .wrong-text .tint .icon {
    width: 8.72vw;
    height: 8.72vw;
    margin-right: 2vw;
  }
  #game.wrong .wrong-text .tint .icon img {
    width: 4.43vw;
  }
  #game.wrong .wrong-text .answer {
    text-align: left;
    margin-top: 5vw;
    min-height: 20vw;
    width: 60vw;
    margin: 0 auto;
  }
  #game.wrong .wrong-text .btn-next {
    width: 35.55vw;
    height: 11.72vw;
    border-radius: 3.85vw;
    font-size: 5.13vw;
    margin: 0 auto;
  }
  #game.wrong .wrong-text .btn-next .border {
    width: 33.33vw;
    height: 9.77vw;
    border-radius: 3.2vw;
  }
  #game.score .pole {
    top: 26vw;
    z-index: 2;
  }
  #game.score .pole-left {
    left: 11vw;
  }
  #game.score .pole-right {
    right: 11vw;
  }
  #game.score .plate.elementary.boy {
    width: 20.57vw;
    top: 49.74vw;
    left: 69.92vw;
  }
  #game.score .plate.elementary.girl {
    width: 20.96vw;
    top: 33.85vw;
    left: 0.65vw;
  }
  #game.score .plate.senior.boy {
    width: 27.21vw;
    top: 44.27vw;
    right: -1.69vw;
  }
  #game.score .plate.senior.girl {
    width: 26.95vw;
    top: 35.42vw;
    left: -1.69vw;
  }
  #game.score .score-border {
    width: 84.11vw;
    padding: 11.6vw 0 16.4vw 0;
    border-radius: 7.16vw;
  }
  #game.score .score-panel {
    width: 88.15vw;
    padding: 1.1vw 0;
    border-radius: 8.2vw;
    margin: 2.7vw auto 0 auto;
  }
  #game.score .score-panel .text {
    font-size: 6.37vw;
  }
  #game.score .score-panel .text p {
    margin-bottom: 3.5vw;
  }
  #game.score .score-panel .share {
    margin-top: 13.67vw;
    font-size: 5.21vw;
  }
  #game.score .score-panel .share p {
    margin-bottom: 5.6vw;
  }
  #game.score .score-panel .share .icon {
    width: 11.72vw;
    margin: 0 2.7vw;
  }
  #winner .kanban {
    width: 90.1vw;
    height: 71.35vw;
    border-radius: 11.46vw;
  }
  #winner .kanban-border {
    width: 88.54vw;
    height: 68.23vw;
    border-radius: 11.46vw;
  }
  #winner .kanban .sign {
    width: 72.92vw;
  }
  #winner .kanban .title {
    width: 63.93vw;
    margin: 2vw auto 1.8vw auto;
  }
  #winner .kanban .title-sub {
    width: 47.14vw;
  }
  #winner .kanban .pole {
    width: 2.21vw;
    top: 70.5vw;
  }
  #winner .kanban .pole-left {
    left: 12.37vw;
  }
  #winner .kanban .pole-right {
    right: 12.37vw;
  }
  #winner .content {
    width: 89.45vw;
    border-radius: 8.2vw;
    margin-top: 5.34vw;
  }
  #winner .content .plate-left {
    width: 16.93vw;
    top: 19.92vw;
    left: 8.2vw;
  }
  #winner .content .plate-right {
    width: 29.93vw;
    right: -2.73vw;
    top: -3.65vw;
  }
  #winner .content .border {
    width: 86.33vw;
    border-radius: 7.55vw;
    padding: 15.9vw 0 5.7vw 0;
    font-size: 6.45vw;
    line-height: 8vw;
  }
  #rule .main {
    padding-top: 7vw;
  }
  #rule .kanban {
    width: 94vw;
    height: 24.35vw;
    border-radius: 7.19vw;
  }
  #rule .kanban-border {
    width: 92.2vw;
    height: 22.8vw;
    border-radius: 7.15vw;
  }
  #rule .kanban .title {
    width: 55.8vw;
    top: 3.9vw;
    left: 3vw;
  }
  #rule .kanban .title-sub {
    width: 29.7vw;
    top: 5.34vw;
    right: 4.56vw;
  }
  #rule .kanban .sign {
    width: 49.74vw;
    top: 16.15vw;
    left: 5.47vw;
  }
  #rule .kanban .date {
    width: 28.4vw;
    top: 12.63vw;
    right: 5.08vw;
  }
  #rule .kanban .text {
    top: 18vw;
    right: 6vw;
  }
  #rule .kanban .text .txt {
    width: 27.189vw;
  }
  #rule .kanban .text .considerable {
    position: absolute;
    left: 7.146vw;
    top: -2.1096vw;
    width: 9.6093vw;
  }
  #rule .content {
    background-image: url(../imgs/rule/bg-top-mb.svg), url(../imgs/rule/bg-bottom-mb.svg), url(../imgs/rule/bg-mid-mb.svg);
    width: 93vw;
    margin: 4.4vw auto;
    padding: 8.5vw 0 43vw 0;
  }
  #rule .content .title {
    font-size: 5.2vw;
    width: 31.51vw;
    margin: 0 0 8.2vw 30.21vw;
  }
  #rule .content .list-item {
    margin-bottom: 6.76vw;
  }
  #rule .content .list-item.caption .list-content {
    font-size: 4.17vw;
    width: 76.7vw;
    margin: 8.2vw auto 7.55vw auto;
  }
  #rule .content .list-item.date .list-content {
    margin: 3.26vw auto 8.72vw auto;
    font-size: 3.65vw;
    text-align: center;
  }
  #rule .content .list-item.date .list-content img {
    display: block;
  }
  #rule .content .list-item.date .list-content .crowd {
    margin: 1.43vw auto;
    width: 40.9vw;
  }
  #rule .content .list-item.date .list-content .date {
    width: 40.9vw;
    margin: 0 auto;
  }
  #rule .content .list-item.date .list-content .elementary {
    margin-bottom: 5.73vw;
  }
  #rule .content .list-item.method .list-content .step {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 0.15em;
    background-color: #8a8ee2;
    color: #fefefe;
    margin: 0 auto;
    border-radius: 2.41vw;
    font-size: 4.27vw;
    width: 16.28vw;
    height: 6.38vw;
  }
  #rule .content .list-item.method .list-content .text {
    font-size: 4.17vw;
  }
  #rule .content .list-item.method .list-content .text span {
    color: #8f8f8f;
  }
  #rule .content .list-item.method .list-content > div:first-child .step {
    margin-top: 3vw;
  }
  #rule .content .list-item.method .list-content > div:first-child .text {
    width: 73.44vw;
    margin: 2.73vw auto 1.56vw auto;
  }
  #rule .content .list-item.method .list-content > div:last-child .text {
    width: 35vw;
    margin: 3.26vw 0 9.1vw 20.3vw;
  }
  #rule .content .list-item.awards .list-content {
    width: 77.47vw;
    margin: 3.78vw auto 8.2vw auto;
    font-size: 4.17vw;
  }
  #rule .content .list-item.awards .list-content .tint {
    width: 74.74vw;
    margin: 0 auto;
    font-size: 3.91vw;
    padding-top: 2.75vw;
    border-top: solid 0.26vw #a4a4a4;
  }
  #rule .content .list-item.awards .list-content ul {
    list-style: disc;
    padding-left: 3.52vw;
    margin-top: 3.65vw;
    margin-bottom: 3.26vw;
  }
  #rule .content .list-item.awards .list-content ul .text-gray {
    color: #8b8b8b;
  }
  #rule .content .list-item.awards .list-content ul li {
    margin-bottom: 2.73vw;
  }
  #rule .content .list-item.awards .list-content ul li::marker {
    color: #fea893;
  }
  #rule .content .list-item.awards .list-content ul li:last-of-type p {
    font-size: 3.91vw;
  }
  #rule .content .list-item.publish .list-content {
    margin: 5vw 0 10vw 7.55vw;
    width: 75vw;
    font-size: 4.17vw;
  }
  #rule .content .list-item.publish .list-content ul {
    list-style: disc;
    padding-left: 3.13vw;
    letter-spacing: 0.2vw;
  }
  #rule .content .list-item.publish .list-content ul li {
    line-height: 1.12;
  }
  #rule .content .list-item.publish .list-content ul li::marker {
    color: #fea893;
  }
  #rule .content .list-item.publish .list-content ul li:first-of-type {
    margin-bottom: 3.26vw;
  }
  #rule .content .list-item.attend .list-content {
    margin: 4.8vw 0 0 7.8vw;
  }
  #rule .content .list-item.attend .list-content .item {
    position: relative;
    line-height: 1.25;
    width: 76.7vw;
    padding: 0 0 5.73vw 4.3vw;
    font-size: 3.65vw;
  }
  #rule .content .list-item.attend .list-content .item .no {
    width: 3.32vw;
    height: 3.32vw;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    font-size: 2vw;
    padding-bottom: 0.25vw;
    background-color: #88b4e5;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0.2em;
    left: 0;
  }
  #rule .content .list-item.attend .list-content .item [href] {
    color: inherit;
    padding-bottom: 0.1em;
    border-bottom: #000 solid 2px;
  }
  #rule .content .list-title {
    font-size: 4.65vw;
    width: 19.2vw;
    padding-bottom: 2.75vw;
    margin: 0 auto;
  }
  #rule .content .list-content {
    line-height: 1.25;
  }
  #rule .plate-item1 {
    width: 29.7vw;
    top: 156.38vw;
    right: 0;
  }
  #rule .plate-item2 {
    width: 35.68vw;
    top: 217.2vw;
    left: 62.37vw;
  }
  #rule .plate-item3 {
    width: 17.32vw;
    top: 128.25vw;
    left: 6.9vw;
  }
  #rule .plate-item4 {
    width: 14.19vw;
    left: 11.07vw;
    top: 52.86vw;
    transform: scaleX(-1);
  }
  #rule .plate-item5 {
    width: 25.13vw;
    top: 690vw;
    left: 37.5vw;
  }
  #rule .plate-item6 {
    width: 20vw;
    top: 44.92vw;
    left: 69.27vw;
  }
}