@charset "UTF-8";
/*=======================================
	breakpoint
=======================================*/
/*=======================================
	hover
=======================================*/
/*=======================================
	中央配置
=======================================*/
/*=======================================
	可変レスポンシブ
=======================================*/
/* PC */
/* TB */
/* SP */
/*=======================================
	ブラウザ別
=======================================*/
/* Safari */
/* Firefox */
/*-------------------------
- base
- challenge_sec
- link_sec
- game
-------------------------*/
/*=======================================
　base
=======================================*/
html {
  scroll-behavior: smooth;
  scroll-padding-top: 4.2857142857vw;
}
@media screen and (max-width: 768px) {
  html {
    scroll-padding-top: 16vw;
  }
}

body:has(.training) {
  background: -webkit-gradient(linear, left top, left bottom, from(#1CC3FB), color-stop(15%, #7EE2FD), color-stop(60%, #D8FFFE), color-stop(80%, #7EE2FD), to(#D8FFFE));
  background: linear-gradient(to bottom, #1CC3FB 0%, #7EE2FD 15%, #D8FFFE 60%, #7EE2FD 80%, #D8FFFE 100%);
}
@media screen and (max-width: 768px) {
  body:has(.training) {
    background: -webkit-gradient(linear, left top, left bottom, from(#1CC3FB), color-stop(4%, #7EE2FD), color-stop(80%, #C5F9FE), to(#D8FFFE));
    background: linear-gradient(to bottom, #1CC3FB 0%, #7EE2FD 4%, #C5F9FE 80%, #D8FFFE 100%);
  }
}
body:has(.training) .training .training_cloud_top {
  display: contents;
}
body:has(.training) .training .training_cloud_top > .bg_cloud {
  position: absolute;
}
body:has(.training) .training .training_cloud_top > .bg_cloud:first-child {
  width: 19.0714285714vw;
  aspect-ratio: 267/138;
  position: absolute;
  top: 84.1428571429vw;
  left: -10.6428571429vw;
}
@media screen and (max-width: 768px) {
  body:has(.training) .training .training_cloud_top > .bg_cloud:first-child {
    top: 202.6666666667vw;
  }
}
body:has(.training) .training .training_cloud_top > .bg_cloud:nth-child(2) {
  width: 16.995vw;
  aspect-ratio: 237.93/142.77;
  top: 137.5714285714vw;
  right: -5.4214285714vw;
}
@media screen and (max-width: 768px) {
  body:has(.training) .training .training_cloud_top > .bg_cloud:nth-child(2) {
    top: 373.3333333333vw;
  }
}
body:has(.training) .training .contents_ttl_area {
  margin-bottom: 1vw;
}
@media screen and (max-width: 768px) {
  body:has(.training) .training .contents_ttl_area {
    margin-bottom: 3.4133333333vw;
  }
}
body:has(.training) .training .contents_ttl_area .contents_ttl .contents_ttl_txt {
  top: 45%;
  left: 51%;
  letter-spacing: -0.03em;
}
@media screen and (max-width: 768px) {
  body:has(.training) .training .contents_ttl_area .contents_ttl .contents_ttl_txt {
    font-size: 4.8vw;
    top: 43%;
    left: 51%;
  }
}
body:has(.training) .training .contents_ttl_area .contents_ttl .contents_ttl_txt .ttl {
  font-size: 4.4285714286vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 768px) {
  body:has(.training) .training .contents_ttl_area .contents_ttl .contents_ttl_txt .ttl {
    font-size: 5.3333333333vw;
  }
}
body:has(.training) .training .contents_ttl_area .contents_ttl .contents_ttl_txt .ttl .big {
  font-size: 5.9285714286vw;
}
@media screen and (max-width: 768px) {
  body:has(.training) .training .contents_ttl_area .contents_ttl .contents_ttl_txt .ttl .big {
    font-size: 8.5333333333vw;
  }
}
body:has(.training) .training .contents_ttl_area .contents_ttl .contents_ttl_txt .ttl span {
  display: inline-block;
}
body:has(.training) .training .contents_ttl_area .contents_ttl .contents_ttl_txt .num_wrapper {
  top: 58%;
  left: -7.2857142857vw;
}
@media screen and (max-width: 768px) {
  body:has(.training) .training .contents_ttl_area .contents_ttl .contents_ttl_txt .num_wrapper {
    left: -8.5333333333vw;
  }
}
body:has(.training) .training .contents_intro {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 4.5714285714vw;
}
@media screen and (max-width: 768px) {
  body:has(.training) .training .contents_intro {
    margin-bottom: 8vw;
  }
}
body:has(.training) .training > .character_comment {
  margin-bottom: 10.3928571429vw;
}
@media screen and (max-width: 768px) {
  body:has(.training) .training > .character_comment {
    margin-bottom: 40vw;
  }
}
body:has(.training) .training > .character_comment.comment_top01 {
  margin-bottom: 2.5vw;
}
@media screen and (max-width: 768px) {
  body:has(.training) .training > .character_comment.comment_top01 {
    margin-bottom: 28.8vw;
  }
}
body:has(.training) .training > .character_comment.comment_top01 img {
  width: 9.7142857143vw;
  aspect-ratio: 1/1;
  left: -12.7857142857vw;
}
@media screen and (max-width: 768px) {
  body:has(.training) .training > .character_comment.comment_top01 img {
    width: 23.4666666667vw;
    left: 50%;
  }
}
body:has(.training) .training > .character_comment.comment_top01 .comment_wrapper:first-of-type {
  padding-top: 0;
}
body:has(.training) .training > .character_comment.comment_top02 img {
  width: 11.4285714286vw;
  aspect-ratio: 160/186;
  right: -14.6428571429vw;
}
@media screen and (max-width: 768px) {
  body:has(.training) .training > .character_comment.comment_top02 img {
    width: 23.4666666667vw;
    height: auto;
    right: auto;
    left: 50%;
    bottom: -29.8666666667vw;
  }
}
body:has(.training) .training > .character_comment.comment_top02 .comment_wrapper:first-of-type {
  padding-top: 0;
}
@media screen and (max-width: 768px) {
  body:has(.training) .training > .character_comment.comment_top02 .comment_wrapper:first-of-type {
    margin-bottom: 5.3333333333vw;
  }
}

/*=======================================
　challenge_sec
=======================================*/
.challenge_sec {
  margin-bottom: 13.9285714286vw;
}
@media screen and (max-width: 768px) {
  .challenge_sec {
    margin-bottom: -8vw;
  }
}
.challenge_sec .sec_topic {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  position: relative;
  margin-bottom: 6.2857142857vw;
}
@media screen and (max-width: 768px) {
  .challenge_sec .sec_topic {
    margin-bottom: 10.6666666667vw;
  }
}
.challenge_sec .sec_topic .topic_wrapper {
  position: relative;
}
.challenge_sec .sec_topic .topic_wrapper .topic_challenge {
  width: 9.365vw;
  height: 7.1342857143vw;
  background: #249CE4;
  -webkit-mask: center/contain url(../img/training/challenge.svg) no-repeat;
          mask: center/contain url(../img/training/challenge.svg) no-repeat;
  position: absolute;
  top: -3.5vw;
  left: -5.5vw;
}
@media screen and (max-width: 768px) {
  .challenge_sec .sec_topic .topic_wrapper .topic_challenge {
    width: 20.4213333333vw;
    height: 12.2373333333vw;
    -webkit-mask: center/contain url(../img/training/challenge_sp.svg) no-repeat;
            mask: center/contain url(../img/training/challenge_sp.svg) no-repeat;
    margin-inline: auto;
    margin-bottom: 1.3333333333vw;
    position: static;
  }
}
.challenge_sec .sec_topic .topic_wrapper .topic_ttl {
  color: #183251;
  font-family: var(--murecho);
  font-size: 3.9285714286vw;
  font-weight: 700;
  letter-spacing: 0.03em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .challenge_sec .sec_topic .topic_wrapper .topic_ttl {
    font-size: 5.3333333333vw;
  }
}
.challenge_sec .sec_topic > img {
  position: absolute;
  width: 16vw;
  aspect-ratio: 224/207;
  top: 50%;
  right: -17.6428571429vw;
  translate: 0 -50%;
}
@media screen and (max-width: 768px) {
  .challenge_sec .sec_topic > img {
    width: 19.5555555555vw;
    top: 17.0666666667vw;
    right: -21.8666666667vw;
  }
}
.challenge_sec .sec_topic .q_balls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.7142857143vw;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -2vw;
}
@media screen and (max-width: 768px) {
  .challenge_sec .sec_topic .q_balls {
    gap: 1.3333333333vw;
    bottom: -3.2vw;
  }
}
.challenge_sec .sec_topic .q_balls .ball {
  width: 0.7142857143vw;
  height: 0.7142857143vw;
  border-radius: 9999px;
  background: #249CE4;
}
@media screen and (max-width: 768px) {
  .challenge_sec .sec_topic .q_balls .ball {
    width: 1.3333333333vw;
    height: 1.3333333333vw;
  }
}
.challenge_sec .movie {
  margin-bottom: 7.6071428571vw;
}
@media screen and (max-width: 768px) {
  .challenge_sec .movie {
    margin-bottom: 12vw;
  }
}
.challenge_sec .movie .modal_area {
  width: 65.6071428571vw;
  height: 36.8571428571vw;
  border-radius: 2.8571428571vw;
  margin-inline: auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .challenge_sec .movie .modal_area {
    width: 86.6666666667vw;
    height: 48.688vw;
    border-radius: 2.6666666667vw;
  }
}
.challenge_sec .movie .modal_area::after {
  content: "";
  display: block;
  width: 67.0714285714vw;
  height: 38.5vw;
  background: center/cover url(../img/process/movie_frame.svg) no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .challenge_sec .movie .modal_area::after {
    width: 89.3333333333vw;
    height: 51.3546666667vw;
  }
}
.challenge_sec .movie .modal_area .modaal-btn {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  position: relative;
}
.challenge_sec .movie .modal_area .modaal-btn::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #303030;
  border-radius: 2.8571428571vw;
  opacity: 0.36;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .challenge_sec .movie .modal_area .modaal-btn::after {
    border-radius: 2.6666666667vw;
  }
}
.challenge_sec .movie .modal_area .modaal-btn img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2.8571428571vw;
}
@media screen and (max-width: 768px) {
  .challenge_sec .movie .modal_area .modaal-btn img {
    border-radius: 2.6666666667vw;
  }
}
.challenge_sec .movie .modal_area .modaal-btn .movie_play_icon {
  width: 10.8571428571vw;
  height: 10.8571428571vw;
  border-radius: 9999px;
  background: #FFCC00;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .challenge_sec .movie .modal_area .modaal-btn .movie_play_icon {
    width: 16vw;
    height: 16vw;
  }
}
.challenge_sec .movie .modal_area .modaal-btn .movie_play_icon::after {
  content: "";
  display: block;
  width: 3.7142857143vw;
  height: 3.7857142857vw;
  background: #fff;
  -webkit-clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 54%;
  left: 53%;
}
@media screen and (max-width: 768px) {
  .challenge_sec .movie .modal_area .modaal-btn .movie_play_icon::after {
    width: 4.9333333333vw;
    height: 5.0666666667vw;
    top: 52%;
  }
}
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  .challenge_sec .movie .modal_area .modaal-btn:hover {
    opacity: 1;
  }
  .challenge_sec .movie .modal_area .modaal-btn:hover .movie_play_icon {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
        -ms-transform: translate(-50%, -50%) scale(1.1);
            transform: translate(-50%, -50%) scale(1.1);
  }
}
@media (min-width: 769px) and (-ms-high-contrast: none), (min-width: 769px) and (-ms-high-contrast: active) {
  .challenge_sec .movie .modal_area .modaal-btn:hover {
    opacity: 1;
  }
  .challenge_sec .movie .modal_area .modaal-btn:hover .movie_play_icon {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
        -ms-transform: translate(-50%, -50%) scale(1.1);
            transform: translate(-50%, -50%) scale(1.1);
  }
}
.challenge_sec .challege_comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4.7857142857vw;
}
@media screen and (max-width: 768px) {
  .challenge_sec .challege_comment {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 8.2666666667vw;
  }
}
.challenge_sec .challege_comment img {
  width: 15.0714285714vw;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  aspect-ratio: 211/311;
  position: relative;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
@media screen and (max-width: 768px) {
  .challenge_sec .challege_comment img {
    width: 42.6666666667vw;
    position: static;
    margin-inline: auto;
  }
}
.challenge_sec .challege_comment .comment_wrapper {
  padding-top: 0;
}
.challenge_sec .challege_comment .comment_wrapper .comment_txt {
  text-align: left;
  width: 45.4285714286vw;
  border-radius: 1.4285714286vw;
  padding: 2.8571428571vw 2.1428571429vw 2.5714285714vw 3.5714285714vw;
  -webkit-filter: drop-shadow(0.5vw 0.5vw 0 #0EAE56);
          filter: drop-shadow(0.5vw 0.5vw 0 #0EAE56);
  will-change: filter, transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
@media screen and (max-width: 768px) {
  .challenge_sec .challege_comment .comment_wrapper .comment_txt {
    width: 86.6666666667vw;
    border-radius: 2.6666666667vw;
    padding: 6.6666666667vw 6.6666666667vw 8vw;
    -webkit-filter: drop-shadow(0.8vw 0.8vw 0 #0EAE56);
            filter: drop-shadow(0.8vw 0.8vw 0 #0EAE56);
  }
}
.challenge_sec .challege_comment .comment_wrapper .comment_txt::before {
  width: 3.7142857143vw;
  height: 3.7142857143vw;
  background: center/cover url(../img/training/training_fukidashi.svg) no-repeat;
  top: 3.5714285714vw;
  left: -3.6428571429vw;
  -webkit-mask: none;
          mask: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@media screen and (max-width: 768px) {
  .challenge_sec .challege_comment .comment_wrapper .comment_txt::before {
    width: 6.9333333333vw;
    height: 6.9333333333vw;
    top: auto;
    bottom: -6.6666666667vw;
    left: auto;
    right: 26.6666666667vw;
    -webkit-transform: rotate(-90deg) translateZ(0);
            transform: rotate(-90deg) translateZ(0);
  }
}
.challenge_sec .challege_comment .comment_wrapper .comment_txt .comment_txt_ttl {
  display: block;
  font-size: 2.8571428571vw;
  font-weight: 700;
  line-height: 1.7875;
  letter-spacing: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 2.1428571429vw;
  margin-bottom: 0.7142857143vw;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .challenge_sec .challege_comment .comment_wrapper .comment_txt .comment_txt_ttl {
    font-size: 5.3333333333vw;
    padding-right: 2.6666666667vw;
    margin-bottom: 2.6666666667vw;
  }
}
.challenge_sec .challege_comment .comment_wrapper .comment_txt .comment_txt_ttl::before {
  content: "";
  display: block;
  width: 110%;
  height: 1.7142857143vw;
  position: absolute;
  left: -0.3571428571vw;
  right: -0.3571428571vw;
  bottom: 0.4285714286vw;
  -webkit-transform: skew(-45deg);
      -ms-transform: skew(-45deg);
          transform: skew(-45deg);
  background-image: repeating-linear-gradient(90deg, transparent 0 5px, #FFD737 5px 10px);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .challenge_sec .challege_comment .comment_wrapper .comment_txt .comment_txt_ttl::before {
    height: 3.2vw;
    background-image: repeating-linear-gradient(90deg, transparent 0 5px, #FFD737 5px 8px);
  }
}
.challenge_sec .challege_comment .comment_wrapper .comment_txt .comment_txt_ttl .exclamation {
  font-size: 3.4285714286vw;
  position: absolute;
  rotate: 15deg;
  translate: 0.4285714286vw -0.5714285714vw;
}
@media screen and (max-width: 768px) {
  .challenge_sec .challege_comment .comment_wrapper .comment_txt .comment_txt_ttl .exclamation {
    font-size: 6.4vw;
    translate: 0.5333333333vw -1.0666666667vw;
  }
}
.challenge_sec .challege_comment .comment_wrapper .comment_txt .comment_txt_default {
  font-family: var(--zenmarugothic);
  color: #333;
  font-size: 1.2857142857vw;
  line-height: 2.5;
  display: block;
}
.challenge_sec .challege_comment .comment_wrapper .comment_txt .comment_txt_default .ruby .rt.left {
  left: 45%;
}
.challenge_sec .challege_comment .comment_wrapper .comment_txt .comment_txt_default .ruby .rt.right {
  left: 60%;
}
@media screen and (max-width: 768px) {
  .challenge_sec .challege_comment .comment_wrapper .comment_txt .comment_txt_default {
    font-size: 4.2666666667vw;
    line-height: 2;
  }
  .challenge_sec .challege_comment .comment_wrapper .comment_txt .comment_txt_default .ruby .rt {
    font-size: 0.45em;
    top: -0.5em;
  }
}

/*=======================================
　link_sec
=======================================*/
.link_sec {
  padding-bottom: 10vw;
  margin-bottom: 5.5714285714vw;
  position: relative;
}
@media screen and (max-width: 768px) {
  .link_sec {
    margin-bottom: 26.6666666667vw;
    z-index: 1;
  }
}
.link_sec::before {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1400/237.55;
  position: absolute;
  background: center/100% 100% url(../img/training/link_bg_top.svg) no-repeat;
  left: 0;
  top: -6.4285714286vw;
  z-index: -1;
}
.link_sec::after {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1400/291.52;
  background: center/100% 100% url(../img/training/link_bg_bottom.svg) no-repeat;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .link_sec::after {
    bottom: -10.6666666667vw;
  }
}
.link_sec .link_ttl {
  text-align: center;
  color: #fff;
  font-family: var(--murecho);
  font-size: 2.1428571429vw;
  font-weight: 700;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  margin-bottom: 5.1428571429vw;
  position: relative;
}
@media screen and (max-width: 768px) {
  .link_sec .link_ttl {
    font-size: 4.2666666667vw;
    line-height: 1.6;
    margin-bottom: 8vw;
    padding-inline: 2.6666666667vw;
  }
}
.link_sec .link_ttl::before, .link_sec .link_ttl::after {
  content: "";
  display: block;
  width: 2.7142857143vw;
  aspect-ratio: 38/62;
  background: center/100% 100% url(../img/training/yellow_line.svg) no-repeat;
  position: absolute;
  bottom: -0.4285714286vw;
}
@media screen and (max-width: 768px) {
  .link_sec .link_ttl::before, .link_sec .link_ttl::after {
    width: 4.8vw;
    aspect-ratio: 18/50;
  }
}
.link_sec .link_ttl::before {
  left: -4.1428571429vw;
}
.link_sec .link_ttl::after {
  right: -4.1428571429vw;
  scale: -1 1;
}
.link_sec .link_ttl .giant {
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 5.4285714286vw;
  margin-right: -0.2857142857vw;
}
@media screen and (max-width: 768px) {
  .link_sec .link_ttl .giant {
    font-size: 10.1333333333vw;
    padding-left: 2.1333333333vw;
    margin-right: -0.5333333333vw;
  }
}
.link_sec .link_ttl .big {
  font-size: 2.8571428571vw;
}
@media screen and (max-width: 768px) {
  .link_sec .link_ttl .big {
    font-size: 5.3333333333vw;
    margin-left: 1.0666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .link_sec .link_ttl .spbig {
    font-size: 5.3333333333vw;
  }
}
.link_sec .link_ttl .little {
  font-size: 2.5vw;
  margin-left: -0.4285714286vw;
}
@media screen and (max-width: 768px) {
  .link_sec .link_ttl .little {
    font-size: 5.8666666667vw;
    margin-left: -1.0666666667vw;
  }
}
.link_sec .link_ttl .ruby .rt {
  font-size: 0.4em;
  top: -1em;
}
@media screen and (max-width: 768px) {
  .link_sec .link_ttl .ruby .rt {
    top: -0.5em;
  }
}
@media screen and (max-width: 768px) {
  .link_sec .information_sp {
    font-family: var(--zenmarugothic);
    color: #fff;
    font-size: 4.8vw;
    font-weight: 900;
    letter-spacing: 0.03em;
    line-height: 2;
    text-align: center;
    text-decoration: underline;
    text-underline-offset: 0.8vw;
    display: block;
    margin-inline: auto;
    margin-bottom: 8vw;
  }
  .link_sec .information_sp .ruby {
    text-decoration: underline;
    text-underline-offset: 0.8vw;
  }
  .link_sec .information_sp .ruby .rt {
    top: -0.3em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .link_sec .information_sp .ruby .rt {
    top: -0.5em;
  }
}
.link_sec .link_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2.1428571429vw;
  margin-bottom: 5.1428571429vw;
  position: relative;
}
@media screen and (max-width: 768px) {
  .link_sec .link_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3.2vw;
    margin-bottom: 8vw;
  }
}
.link_sec .link_list::before {
  content: "";
  display: block;
  width: 100%;
  height: 35.7142857143vw;
  background: #0493DD;
  position: absolute;
  top: -3.5714285714vw;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .link_sec .link_list::before {
    height: 236vw;
    top: -65.3333333333vw;
  }
}
.link_sec .link_list .link_item {
  width: 24vw;
}
@media screen and (max-width: 768px) {
  .link_sec .link_list .link_item {
    width: 86.6666666667vw;
    margin-inline: auto;
  }
}
.link_sec .link_list .link_item .link {
  display: block;
  border-radius: 1.4285714286vw;
  background: #fff;
  text-align: center;
  -webkit-filter: drop-shadow(0.2142857143vw 0.2142857143vw 0 rgba(0, 0, 0, 0.16));
          filter: drop-shadow(0.2142857143vw 0.2142857143vw 0 rgba(0, 0, 0, 0.16));
}
@media screen and (max-width: 768px) {
  .link_sec .link_list .link_item .link {
    border-radius: 2.6666666667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-filter: drop-shadow(0.8vw 0.8vw 0 rgba(0, 0, 0, 0.16));
            filter: drop-shadow(0.8vw 0.8vw 0 rgba(0, 0, 0, 0.16));
  }
}
.link_sec .link_list .link_item .link.easy {
  color: #183251;
}
.link_sec .link_list .link_item .link.easy .link_txt {
  background: #FFD737;
}
.link_sec .link_list .link_item .link.easy .link_img_area::before {
  width: 13.8571428571vw;
  aspect-ratio: 194/184;
  background: center/100% 100% url(../img/training/training_owl.png) no-repeat;
  bottom: -1.4285714286vw;
}
@media screen and (max-width: 768px) {
  .link_sec .link_list .link_item .link.easy .link_img_area::before {
    width: 22.0533333333vw;
    right: 0.5333333333vw;
    bottom: -2.1333333333vw;
    scale: -1 1;
  }
}
.link_sec .link_list .link_item .link.normal {
  color: #fff;
}
.link_sec .link_list .link_item .link.normal .link_txt {
  background: #FF9B37;
}
.link_sec .link_list .link_item .link.normal .link_img_area::before {
  width: 13.1428571429vw;
  aspect-ratio: 184/236;
  background: center/100% 100% url(../img/training/training_cat.png) no-repeat;
  bottom: -2.2857142857vw;
  left: 0.2857142857vw;
}
@media screen and (max-width: 768px) {
  .link_sec .link_list .link_item .link.normal .link_img_area::before {
    width: 21.1786666667vw;
    left: auto;
    right: 1.0666666667vw;
    bottom: -3.2vw;
    scale: -1 1;
  }
}
.link_sec .link_list .link_item .link.hard {
  color: #fff;
}
.link_sec .link_list .link_item .link.hard .link_txt {
  background: #FF5353;
}
.link_sec .link_list .link_item .link.hard .link_img_area::before {
  width: 17.2857142857vw;
  aspect-ratio: 242/281;
  background: center/100% 100% url(../img/training/training_ayeaye.png) no-repeat;
  bottom: -4.1428571429vw;
  left: -2.9285714286vw;
}
@media screen and (max-width: 768px) {
  .link_sec .link_list .link_item .link.hard .link_img_area::before {
    width: 27.8533333333vw;
    right: -5.3333333333vw;
    bottom: -5.8666666667vw;
    left: auto;
    scale: -1 1;
  }
}
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  .link_sec .link_list .link_item .link.link:hover {
    opacity: 1;
  }
  .link_sec .link_list .link_item .link.link:hover .link_img_area::before {
    scale: 1.1;
  }
}
@media (min-width: 769px) and (-ms-high-contrast: none), (min-width: 769px) and (-ms-high-contrast: active) {
  .link_sec .link_list .link_item .link.link:hover {
    opacity: 1;
  }
  .link_sec .link_list .link_item .link.link:hover .link_img_area::before {
    scale: 1.1;
  }
}
.link_sec .link_list .link_item .link .link_txt {
  display: block;
  font-family: var(--murecho);
  font-size: 2.1428571429vw;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 3.6428571429vw;
  padding: 1.2142857143vw 2.1428571429vw;
  border-radius: 1.4285714286vw 1.4285714286vw 0 0;
}
@media screen and (max-width: 768px) {
  .link_sec .link_list .link_item .link .link_txt {
    font-size: 6.6666666667vw;
    line-height: 1.25;
    width: 49.6vw;
    display: grid;
    place-content: center;
    padding: 0;
    border-radius: 2.6666666667vw 0 0 2.6666666667vw;
  }
}
.link_sec .link_list .link_item .link .link_txt .big {
  font-size: 2.5vw;
}
@media screen and (max-width: 768px) {
  .link_sec .link_list .link_item .link .link_txt .big {
    font-size: 8vw;
  }
}
.link_sec .link_list .link_item .link .link_img_area {
  width: 100%;
  border-radius: 0 0 1.4285714286vw 1.4285714286vw;
  padding: 2.4285714286vw 2.6428571429vw;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
@media screen and (max-width: 768px) {
  .link_sec .link_list .link_item .link .link_img_area {
    width: 37.3333333333vw;
    padding: 2.9333333333vw;
  }
}
.link_sec .link_list .link_item .link .link_img_area:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  -webkit-transform-origin: left bottom;
      -ms-transform-origin: left bottom;
          transform-origin: left bottom;
  -webkit-transition: scale 0.3s ease;
  transition: scale 0.3s ease;
}
@media screen and (max-width: 768px) {
  .link_sec .link_list .link_item .link .link_img_area:before {
    left: auto;
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
  }
}
.link_sec .link_list .link_item .link .link_img_area picture {
  display: block;
  width: 100%;
  height: auto;
}
.link_sec .link_description {
  font-family: var(--zenmarugothic);
  color: #fff;
  font-size: 1.2857142857vw;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .link_sec .link_description {
    font-size: 4.2666666667vw;
    width: 86.6666666667vw;
    margin-inline: auto;
  }
}

@media screen and (max-width: 768px) {
  .comment_bottom {
    margin-bottom: 48vw !important;
  }
}
.comment_bottom img {
  width: 10.7857142857vw;
  aspect-ratio: 151/201;
  right: -14vw;
}
@media screen and (max-width: 768px) {
  .comment_bottom img {
    width: 23.4666666667vw;
    height: auto;
    right: auto;
    left: 50%;
    bottom: -33.0666666667vw;
  }
}
.comment_bottom .comment_wrapper .comment_txt {
  width: 42.4285714286vw;
}
@media screen and (max-width: 768px) {
  .comment_bottom .comment_wrapper .comment_txt {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.training_cloud_bottom {
  display: contents;
}
.training_cloud_bottom img {
  width: 20.4285714286vw;
  aspect-ratio: 286/148;
  position: absolute;
  bottom: 29vw;
  left: -9vw;
}
@media screen and (max-width: 768px) {
  .training_cloud_bottom img {
    bottom: 117.3333333333vw;
  }
}

/*=======================================
　game
=======================================*/
body:has(.game) {
  background: -webkit-gradient(linear, left top, left bottom, from(#1CC3FB), color-stop(40%, #7EE2FD), to(#D8FFFE));
  background: linear-gradient(to bottom, #1CC3FB 0%, #7EE2FD 40%, #D8FFFE 100%);
  background-repeat: no-repeat;
}
body:has(.game) .game {
  padding-top: 2.2857142857vw;
  position: relative;
}
@media screen and (max-width: 768px) {
  body:has(.game) .game {
    padding-top: 0;
  }
}
body:has(.game) .game .game_clouds {
  display: contents;
}
@media screen and (max-width: 768px) {
  body:has(.game) .game .game_clouds {
    display: none;
  }
}
body:has(.game) .game .game_clouds img {
  position: absolute;
}
body:has(.game) .game .game_clouds img:first-child {
  width: 11.0714285714vw;
  aspect-ratio: 155/67;
  top: 0.9285714286vw;
  left: -7vw;
}
body:has(.game) .game .game_clouds img:nth-child(2) {
  width: 7.7142857143vw;
  aspect-ratio: 108/47;
  top: -2.2142857143vw;
  right: 5.4071428571vw;
}
body:has(.game) .game .game_clouds img:nth-child(3) {
  width: 11.9078571429vw;
  aspect-ratio: 166.71/100;
  top: -2.05vw;
  right: -3.3357142857vw;
}
body:has(.game) .game .game_clouds img:nth-child(4) {
  width: 19.0714285714vw;
  aspect-ratio: 267/138;
  top: 15.6428571429vw;
  right: -4.6428571429vw;
}
body:has(.game) .game .game_clouds img:nth-child(5) {
  width: 19.0714285714vw;
  aspect-ratio: 267/138;
  top: 55.7857142857vw;
  left: -10.7142857143vw;
}
body:has(.game) .game .game_ttl_area {
  width: 91.0714285714vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 4.3571428571vw;
  margin-bottom: 1.9285714286vw;
}
@media screen and (max-width: 768px) {
  body:has(.game) .game .game_ttl_area {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
  }
}
body:has(.game) .game .game_ttl_area .game_ttl_left {
  width: 44.3478571429vw;
  position: relative;
}
@media screen and (max-width: 768px) {
  body:has(.game) .game .game_ttl_area .game_ttl_left {
    width: 26.1333333333vw;
    height: 10.4vw;
    background: #fff;
    display: grid;
    place-content: center;
  }
}
body:has(.game) .game .game_ttl_area .game_ttl_left .game_ttl {
  font-family: var(--murecho);
  color: #183251;
  font-size: 3.2142857143vw;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.4444444444;
  position: absolute;
  top: 1.6428571429vw;
  left: 16.1428571429vw;
}
@media screen and (max-width: 768px) {
  body:has(.game) .game .game_ttl_area .game_ttl_left .game_ttl {
    font-size: 2.9333333333vw;
    text-align: center;
    position: static;
  }
  body:has(.game) .game .game_ttl_area .game_ttl_left .game_ttl .spBig {
    display: block;
    font-size: 3.7333333333vw;
    line-height: 1;
  }
}
body:has(.game) .game .game_ttl_area .game_ttl_left .game_ttl.normal {
  left: 17.8571428571vw;
}
@media screen and (max-width: 768px) {
  body:has(.game) .game .game_ttl_area .game_ttl_left .game_ttl.normal .spBig {
    display: inline;
  }
}
body:has(.game) .game .game_ttl_area .game_ttl_left .game_ttl.hard {
  left: 14.6428571429vw;
}
@media screen and (max-width: 768px) {
  body:has(.game) .game .game_ttl_area .game_ttl_left .contents_ttl_flag {
    display: none;
  }
}
body:has(.game) .game .game_ttl_area .contents_intro {
  color: #183251;
  font-size: 1.4285714286vw;
  width: 38.4285714286vw;
  margin-right: 0;
  text-align: left;
}
@media screen and (max-width: 768px) {
  body:has(.game) .game .game_ttl_area .contents_intro {
    display: none;
  }
}
body:has(.game) .game .game_area {
  width: 89.1428571429vw;
  margin-inline: auto;
  margin-bottom: 0.7571428571vw;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  body:has(.game) .game .game_area {
    width: 73.8666666667vw;
    height: 54.9333333333vw;
    margin-left: 0;
    margin-bottom: 10.6666666667vw;
  }
}
body:has(.game) .game .game_area::before {
  content: "";
  display: block;
  inset: -2px;
  border-radius: 1.4285714286vw;
  border: 0.5714285714vw solid #fff;
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  body:has(.game) .game .game_area::before {
    display: none;
  }
}
body:has(.game) .game .game_area > picture {
  display: block;
  border-radius: 1.4285714286vw;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  body:has(.game) .game .game_area > picture {
    border-radius: 0;
  }
}
body:has(.game) .game .game_area .game_cover {
  position: absolute;
  inset: -1px;
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  display: grid;
  place-content: center;
  border-radius: 1.4285714286vw;
  z-index: 100;
}
@media screen and (max-width: 768px) {
  body:has(.game) .game .game_area .game_cover {
    border-radius: 0;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
  }
}
@media screen and (max-width: 768px) {
  body:has(.game) .game .game_area .game_cover .game_information {
    font-family: var(--murecho);
    color: #fff;
    font-size: 5.0666666667vw;
    font-weight: 900;
    line-height: 1.3157894737;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
    margin-bottom: 2.4vw;
    position: relative;
  }
  body:has(.game) .game .game_area .game_cover .game_information::before, body:has(.game) .game .game_area .game_cover .game_information::after {
    content: "";
    display: block;
    width: 7.4266666667vw;
    aspect-ratio: 27.85/46.09;
    background: center/100% 100% url(../img/training/yellow_line.svg) no-repeat;
    position: absolute;
    bottom: 0;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  body:has(.game) .game .game_area .game_cover .game_information::before, body:has(.game) .game .game_area .game_cover .game_information::after {
    width: 7.4266666667vw;
    aspect-ratio: 27.85/46.09;
    background-image: url(../img/training/yellow_line_sp.svg);
  }
}
@media screen and (max-width: 768px) {
  body:has(.game) .game .game_area .game_cover .game_information::before {
    left: -5.56vw;
  }
  body:has(.game) .game .game_area .game_cover .game_information::after {
    right: -5.56vw;
    scale: -1 1;
  }
}
@media screen and (max-width: 768px) {
  body:has(.game) .game .game_area .game_cover .game_intro {
    font-family: var(--zenmarugothic);
    color: #fff;
    font-size: 2.6666666667vw;
    font-weight: 500;
    letter-spacing: 0.03em;
    line-height: 2;
    text-align: center;
    margin-bottom: 1.6vw;
  }
}
body:has(.game) .game .game_area .game_cover .start_btn_wrapper {
  width: 100%;
  height: 100%;
  border-radius: 9999px;
  background: #0EAE56;
  border: 0.2857142857vw solid #fff;
  -webkit-box-shadow: 0.3571428571vw 0.3571428571vw 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0.3571428571vw 0.3571428571vw 0 rgba(0, 0, 0, 0.16);
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  body:has(.game) .game .game_area .game_cover .start_btn_wrapper {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border: 0.5333333333vw solid #fff;
    -webkit-box-shadow: 0.5333333333vw 0.5333333333vw rgba(0, 0, 0, 0.16);
            box-shadow: 0.5333333333vw 0.5333333333vw rgba(0, 0, 0, 0.16);
    margin-inline: auto;
  }
}
body:has(.game) .game .game_area .game_cover .start_btn_wrapper::after {
  content: "";
  display: block;
  width: 8.1428571429vw;
  aspect-ratio: 114/124;
  background: #02771D;
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(100% 0, 100% 100%, 0% 100%);
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  body:has(.game) .game .game_area .game_cover .start_btn_wrapper::after {
    width: 8vw;
  }
}
body:has(.game) .game .game_area .game_cover .start_btn_wrapper .start_btn {
  color: #fff;
  font-family: var(--murecho);
  font-size: 4.2142857143vw;
  font-weight: 800;
  padding: 0.6428571429vw 1.4285714286vw 1vw 7.1428571429vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: inherit;
  -webkit-transition: scale 0.2s;
  transition: scale 0.2s;
  position: relative;
  z-index: 1;
}
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  body:has(.game) .game .game_area .game_cover .start_btn_wrapper .start_btn:hover {
    scale: 1.025;
  }
}
@media (min-width: 769px) and (-ms-high-contrast: none), (min-width: 769px) and (-ms-high-contrast: active) {
  body:has(.game) .game .game_area .game_cover .start_btn_wrapper .start_btn:hover {
    scale: 1.025;
  }
}
@media screen and (max-width: 768px) {
  body:has(.game) .game .game_area .game_cover .start_btn_wrapper .start_btn {
    font-size: 4.8vw;
    padding: 0.8vw 1.6vw 1.3333333333vw 8.8vw;
    -webkit-box-shadow: 0 0.8vw 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 0.8vw 0 rgba(0, 0, 0, 0.2);
  }
}
body:has(.game) .game .game_area .game_cover .start_btn_wrapper .start_btn::before {
  content: "";
  display: block;
  width: 5vw;
  aspect-ratio: 1/1;
  background: center/100% 100% url(../img/training/stopwatch.png) no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 1.7142857143vw;
}
@media screen and (max-width: 768px) {
  body:has(.game) .game .game_area .game_cover .start_btn_wrapper .start_btn::before {
    width: 5.6vw;
    left: 2.6666666667vw;
  }
}
body:has(.game) .game .game_area .game_cover .start_btn_wrapper .start_btn:active {
  scale: 0.95;
}
body:has(.game) .game .game_area .game_cover .start_btn_wrapper .start_btn .exclamation {
  font-size: 5.1428571429vw;
  display: inline-block;
  rotate: 18deg;
  margin-left: -0.3571428571vw;
}
@media screen and (max-width: 768px) {
  body:has(.game) .game .game_area .game_cover .start_btn_wrapper .start_btn .exclamation {
    font-size: 5.8666666667vw;
    margin-left: -0.5333333333vw;
  }
}
body:has(.game) .game .game_area .game_cover .countdown {
  color: #fff;
  font-family: var(--jost);
  font-size: 10vw;
  font-weight: 900;
  text-shadow: 0.2142857143vw 0.2142857143vw 0 rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 768px) {
  body:has(.game) .game .game_area .game_cover .countdown {
    font-size: 21.3333333333vw;
  }
}
body:has(.game) .game .control_area {
  width: 89.5vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: 4.2857142857vw;
}
@media screen and (max-width: 768px) {
  body:has(.game) .game .control_area {
    width: 21.8666666667vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0;
    margin-bottom: 10.6666666667vw;
    position: absolute;
    top: 10.4vw;
    right: 2.1333333333vw;
  }
}
body:has(.game) .game .control_area .control_timer_wrapper {
  color: #183251;
  width: 18.7857142857vw;
  margin-right: 4.2857142857vw;
}
@media screen and (max-width: 768px) {
  body:has(.game) .game .control_area .control_timer_wrapper {
    width: 100%;
    text-align: center;
    margin-inline: auto;
  }
}
body:has(.game) .game .control_area .control_timer_wrapper .control_txt {
  font-family: var(--murecho);
  font-size: 1.4285714286vw;
  font-weight: 800;
  letter-spacing: 0.03em;
  line-height: 1.4444444444;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-top: 1.0714285714vw;
  margin-inline: auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  body:has(.game) .game .control_area .control_timer_wrapper .control_txt {
    font-size: 1.6vw;
    padding-top: 0;
    translate: 0.2666666667vw 0;
  }
}
body:has(.game) .game .control_area .control_timer_wrapper .control_txt::before, body:has(.game) .game .control_area .control_timer_wrapper .control_txt::after {
  content: "";
  display: block;
  width: 1.5vw;
  height: 2.4642857143vw;
  background: #0493DD;
  -webkit-mask: center/100% 100% url(../img/training/yellow_line.svg) no-repeat;
          mask: center/100% 100% url(../img/training/yellow_line.svg) no-repeat;
  position: absolute;
  bottom: 0.2142857143vw;
}
@media screen and (max-width: 768px) {
  body:has(.game) .game .control_area .control_timer_wrapper .control_txt::before, body:has(.game) .game .control_area .control_timer_wrapper .control_txt::after {
    width: 1.5706666667vw;
    height: 2.6533333333vw;
    bottom: 0.2666666667vw;
  }
}
body:has(.game) .game .control_area .control_timer_wrapper .control_txt::before {
  left: -1.5714285714vw;
}
@media screen and (max-width: 768px) {
  body:has(.game) .game .control_area .control_timer_wrapper .control_txt::before {
    left: -1.8666666667vw;
  }
}
body:has(.game) .game .control_area .control_timer_wrapper .control_txt::after {
  right: -0.9285714286vw;
  scale: -1 1;
}
@media screen and (max-width: 768px) {
  body:has(.game) .game .control_area .control_timer_wrapper .control_txt::after {
    right: -1.3333333333vw;
  }
}
body:has(.game) .game .control_area .control_timer_wrapper .control_txt .big {
  font-size: 2.6428571429vw;
}
@media screen and (max-width: 768px) {
  body:has(.game) .game .control_area .control_timer_wrapper .control_txt .big {
    font-size: 3.2vw;
  }
}
body:has(.game) .game .control_area .control_timer_wrapper .control_txt .exclamation {
  font-size: 1.7857142857vw;
  display: inline-block;
  rotate: 15deg;
  margin-left: -0.2857142857vw;
}
@media screen and (max-width: 768px) {
  body:has(.game) .game .control_area .control_timer_wrapper .control_txt .exclamation {
    font-size: 1.8666666667vw;
  }
}
body:has(.game) .game .control_area .control_timer_wrapper .timer {
  font-family: var(--jost);
  font-size: 3.8571428571vw;
  font-weight: 700;
  letter-spacing: 0.02em;
  font-variant-numeric: tabular-nums;
}
@media screen and (max-width: 768px) {
  body:has(.game) .game .control_area .control_timer_wrapper .timer {
    font-size: 4.2666666667vw;
    letter-spacing: 0;
    margin-bottom: 0.8vw;
  }
}
body:has(.game) .game .control_area .control_timer_wrapper .timer .little {
  font-size: 2.8571428571vw;
}
@media screen and (max-width: 768px) {
  body:has(.game) .game .control_area .control_timer_wrapper .timer .little {
    font-size: 3.2vw;
  }
}
body:has(.game) .game .control_area .control_timer_wrapper .timer .colon {
  display: inline-block;
  translate: 0 -0.2857142857vw;
  padding-inline: 0.1428571429vw;
}
body:has(.game) .game .control_area .control_btn_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2142857143vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 3.1428571429vw;
}
@media screen and (max-width: 768px) {
  body:has(.game) .game .control_area .control_btn_area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.6vw;
    margin-inline: auto;
    margin-bottom: 1.6vw;
  }
}
body:has(.game) .game .control_area .control_comment_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  body:has(.game) .game .control_area .control_comment_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
body:has(.game) .game .control_area .control_comment_wrapper .control_comment {
  width: 17.1335714286vw;
  aspect-ratio: 239.87/106.71;
}
@media screen and (max-width: 768px) {
  body:has(.game) .game .control_area .control_comment_wrapper .control_comment {
    width: 20.8vw;
    margin-bottom: -1.6vw;
  }
}
body:has(.game) .game .control_area .control_comment_wrapper .control_comment_img {
  width: 12.5714285714vw;
  aspect-ratio: 176/163;
}
@media screen and (max-width: 768px) {
  body:has(.game) .game .control_area .control_comment_wrapper .control_comment_img {
    width: 13.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  body:has(.game) .game .link_area .link_btn {
    width: 40vw;
    border-radius: 0.5333333333vw;
    -webkit-filter: drop-shadow(1px 1px rgba(0, 0, 0, 0.16));
            filter: drop-shadow(1px 1px rgba(0, 0, 0, 0.16));
  }
}

.modaal-content-container {
  padding: 0;
  background: #000;
}
.modaal-content-container iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  background: #000;
  display: block;
}/*# sourceMappingURL=training.css.map */