@-webkit-keyframes poyon {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes poyon {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes poyonreverse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@keyframes poyonreverse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  list-style: none;
}
body {
  line-height: 1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
nav ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
img,
video {
  font-size: 0;
  line-height: 0;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -ms-touch-action: auto;
  touch-action: auto;
}
body:has(.p-kids-designer_top) footer,
body:has(.p-kids-designer_top) .l_pagetop {
  z-index: 1001;
}
body *,
body ::after,
body ::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body a {
  color: inherit;
}
body button,
body input,
body optgroup,
body select,
body textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font: inherit;
  background: 0 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit;
}
body button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
body img {
  width: 100%;
}
body.p-kids-anzen img {
  width: auto;
}
body:has(.is-slider-modal-open) {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}
body:has(.is-modal-open) {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}
body:has(.is-side-navi-open) {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}
body:has(.c-kids_card_container.is-active) {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}
html {
  -ms-touch-action: auto;
  touch-action: auto;
  scroll-behavior: smooth;
  scroll-padding-top: var(--header-height);
}
html:has(.p-kids-business-industry) {
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--header-height) + 70px);
}
html:has(.is-slider-modal-open) {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}
html:has(.is-modal-open) {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}
html:has(.is-side-navi-open) {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}
@media screen and (max-width: 767px) {
  .u-is-pc {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .u-is-sp {
    display: none !important;
  }
}
.u-img-wrap {
  font-size: 0;
  line-height: 0;
}
main,
.c-kids_card_modal {
  font-family: 'M PLUS 1p', sans-serif;
  color: #000;
}
[data-module = "InView"][data-options="{type: 'slide'}"] {
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
  opacity: 0;
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease;
  transform: translateY(-30px);
}
[data-module = "InView"][data-options="{type: 'slide'}"].is-active-slide {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity 0.5s 0.17s ease, -webkit-transform 0.5s 0.17s ease;
  transition: opacity 0.5s 0.17s ease, -webkit-transform 0.5s 0.17s ease;
  transition: transform 0.5s 0.17s ease, opacity 0.5s 0.17s ease;
  transition: transform 0.5s 0.17s ease, opacity 0.5s 0.17s ease, -webkit-transform 0.5s 0.17s ease;
}
[data-module = "InView"][data-options='{"type": "poyon"}'] {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}
[data-module = "InView"][data-options='{"type": "poyon"}'].is-active-poyon {
  -webkit-animation: poyon 1s 0s forwards;
  animation: poyon 1s 0s forwards;
  opacity: 1;
  -webkit-transition: opacity 0s 0s ease;
  transition: opacity 0s 0s ease;
}
[data-module = "InView"][data-options='{"type": "fade"}'] {
  opacity: 0;
}
[data-module = "InView"][data-options='{"type": "fade"}'].is-active-fade {
  opacity: 1;
  -webkit-transition: opacity 0.6s 0.17s ease;
  transition: opacity 0.6s 0.17s ease;
}
ruby[data-ruby] {
  position: relative;
  text-align: center;
  display: inline-block;
}
ruby[data-ruby]::before {
  content: attr(data-ruby);
  position: absolute;
  top: -0.8em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin: auto;
  font-size: 0.5em;
  white-space: nowrap;
}
ruby[data-ruby] rt {
  display: none;
}
.kids_l_pageArea {
  overflow: clip;
}
.on-load.l_main.p-kids::before {
  content: '';
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
  opacity: 1;
  background-color: #145d9d;
  -webkit-animation: pagetransition 0.33s 0.17s forwards;
  animation: pagetransition 0.33s 0.17s forwards;
  pointer-events: none;
}
.l-kids-innner::before {
  content: '';
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
  background-color: #ffd41a;
  -webkit-transform: translateX(-100vw);
  transform: translateX(-100vw);
  opacity: 1;
  pointer-events: none;
}
.l_main.p-kids.page-transition > .l-kids-innner::before {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.5s 0.17s cubic-bezier(0.3, 0, 0.2, 1);
  transition: -webkit-transform 0.5s 0.17s cubic-bezier(0.3, 0, 0.2, 1);
  transition: transform 0.5s 0.17s cubic-bezier(0.3, 0, 0.2, 1);
  transition: transform 0.5s 0.17s cubic-bezier(0.3, 0, 0.2, 1), -webkit-transform 0.5s 0.17s cubic-bezier(0.3, 0, 0.2, 1);
}
.l-kids-innner::after {
  content: '';
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
  background-color: #145d9d;
  -webkit-transform: translateX(-100vw);
  transform: translateX(-100vw);
  opacity: 1;
  pointer-events: none;
}
.l_main.p-kids.page-transition > .l-kids-innner::after {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.5s 0.33s cubic-bezier(0.3, 0, 0.2, 1);
  transition: -webkit-transform 0.5s 0.33s cubic-bezier(0.3, 0, 0.2, 1);
  transition: transform 0.5s 0.33s cubic-bezier(0.3, 0, 0.2, 1);
  transition: transform 0.5s 0.33s cubic-bezier(0.3, 0, 0.2, 1), -webkit-transform 0.5s 0.33s cubic-bezier(0.3, 0, 0.2, 1);
}
.on-load.l_main.p-kids:has(.p-kids-vfactory-lower.is-type-pressline)::before {
  background-color: #000;
}
[data-module="Accordion"] {
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
  overflow: hidden;
  height: 0;
}
@-webkit-keyframes pagetransition {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes pagetransition {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.l-main.p-kids {
  position: relative;
}
.l_gloval_navi {
  position: relative;
  z-index: 300;
  -webkit-transition: 1s;
  transition: 1s;
}
@media screen and (min-width: 768px) {
  .l_header {
    height: 80px;
    overflow: hidden;
  }
}
@media screen and (min-width: 768px) {
  .l_header__wrap {
    height: 80px;
    overflow: hidden;
  }
}
@media screen and (min-width: 768px) {
  .l_header__logo {
    height: 80px;
    width: auto;
  }
}
@media screen and (min-width: 768px) {
  .l_header__logoLink {
    height: 100%;
    width: auto;
  }
  .l_header__logoLink img {
    height: 100%;
    width: auto;
  }
}
.l-kids-navi-wrap {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  position: relative;
}
@media screen and (min-width: 768px) {
  .l-kids-side_navi {
    width: 22.265625vw;
  }
}
@media screen and (max-width: 767px) {
  .l-kids-side_navi {
    height: var(--display-content-height);
    z-index: 200;
  }
  .l-kids-side_navi:has(.m-side-navi-wrap.is-open) {
    width: 100vw;
  }
}
.l-kids-container {
  position: relative;
  background-image: url("/kids/assets/images/common/bg_pattern_grid.svg");
  background-color: #b6d124;
}
.l-kids-container:has(.is-course-engineer) {
  background-color: #f290d8;
}
.l-kids-container:has(.is-course-designer) {
  background-color: #77b9f0;
}
@media screen and (min-width: 768px) {
  .l-kids-container_inner {
    padding-left: 5.37109375vw;
    padding-right: 5.37109375vw;
  }
}
@media screen and (max-width: 767px) {
  .l-kids-container_inner {
    padding-left: 5.333333333333334vw;
    padding-right: 5.333333333333334vw;
  }
}
.l-kids-main-contents-frame {
  position: relative;
  width: 100%;
  border: solid 1px #000;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .l-kids-main-contents-frame {
    border-radius: 1.46484375vw;
    padding-left: 2.9296875vw;
    padding-right: 2.9296875vw;
  }
}
@media screen and (max-width: 767px) {
  .l-kids-main-contents-frame {
    border-radius: 4vw;
    padding-left: 4.266666666666667vw;
    padding-right: 4.266666666666667vw;
  }
}
[data-tab-content] {
  opacity: 0;
  pointer-events: none;
}
[data-tab-content].is-visible {
  opacity: 1;
  pointer-events: auto;
  z-index: 10;
}
.c-accordion {
  position: relative;
}
.c-accordion-wrapper {
  margin: 0 5.37109375vw;
  position: relative;
}
.c-accordion-trigger {
  position: relative;
  text-align: center;
  background-color: #ffd41a;
}
@media screen and (min-width: 768px) {
  .c-accordion-trigger {
    font-size: 2.1484375vw;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 900;
    height: 8.3984375vw;
    padding-top: 2.734375vw;
  }
}
@media screen and (max-width: 767px) {
  .c-accordion-trigger {
    font-size: 4.533333333333333vw;
    line-height: 1.470588235294118;
    letter-spacing: 0.02em;
    font-weight: 900;
    height: 17.066666666666666vw;
    padding-top: 1.866666666666667vw;
  }
}
.c-accordion-trigger .c-accordion-trigger-allow {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .c-accordion-trigger .c-accordion-trigger-allow {
    top: 3.515625vw;
    right: 1.953125vw;
    width: 1.7578125vw;
    height: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .c-accordion-trigger .c-accordion-trigger-allow {
    top: 6.666666666666667vw;
    right: 5.333333333333334vw;
    width: 4.266666666666667vw;
    height: 3.733333333333334vw;
  }
}
.c-accordion-trigger .c-accordion-trigger-allow::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("/kids/assets/images/common/arrow_accordion.svg");
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (any-hover: hover) and (min-width: 768px) {
  .c-accordion-trigger::after {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .c-accordion-trigger:hover {
    cursor: pointer;
  }
  .c-accordion-trigger:hover .c-accordion-trigger-allow::after {
    -webkit-animation: accordion_anime_top 1s infinite linear;
    animation: accordion_anime_top 1s infinite linear;
  }
}
.c-accordion-trigger-dec {
  position: absolute;
}
@media screen and (any-hover: hover) and (min-width: 768px) {
  .c-accordion-trigger-dec {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
@media screen and (any-hover: hover) and (min-width: 768px) {
  .c-accordion:has(.c-accordion-trigger:hover) .c-accordion-trigger-dec {
    -webkit-animation: accordion_anime_scale 1.5s infinite;
    animation: accordion_anime_scale 1.5s infinite;
  }
}
.c-accordion-wrapper {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .c-accordion-wrapper {
    border-radius: 1.46484375vw;
    border: solid 0.1171875vw #000;
  }
}
@media screen and (max-width: 767px) {
  .c-accordion-wrapper {
    border-radius: 4vw;
    border: solid 0.266666666666667vw #000;
  }
}
.c-accordion-wrapper:has(.c-accordion-trigger-content.is-acdn-open) .c-accordion-trigger-allow {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.c-accordion-trigger-content-innner {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .c-accordion-trigger-content-innner {
    border-top: solid 0.1171875vw #000;
    padding: 2.9296875vw 11.5234375vw 5.859375vw;
  }
}
@media screen and (max-width: 767px) {
  .c-accordion-trigger-content-innner {
    border-top: solid 0.266666666666667vw #000;
    padding: 5.866666666666666vw 4.266666666666667vw 4.8vw;
  }
}
.p-kids-schoolproject-lower_special {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-kids-schoolproject-lower_special {
    margin-top: 6.8359375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-schoolproject-lower_special {
    margin-top: 22.666666666666664vw;
  }
}
.p-kids-schoolproject-lower_special:has(.p-kids-schoolproject-lower_special_hdg:hover) .p-kids-schoolproject-lower_special_shine {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (any-hover: hover) and (min-width: 768px) {
  .p-kids-schoolproject-lower_special:has(.p-kids-schoolproject-lower_special_hdg:hover) .p-kids-schoolproject-lower_special_shine {
    -webkit-animation: lower_special_shine 1.5s infinite;
    animation: lower_special_shine 1.5s infinite;
  }
}
.p-kids-schoolproject-lower_special:has(.p-kids-schoolproject-lower_special_hdg:hover) .p-kids-schoolproject-lower_special_label {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (any-hover: hover) and (min-width: 768px) {
  .p-kids-schoolproject-lower_special:has(.p-kids-schoolproject-lower_special_hdg:hover) .p-kids-schoolproject-lower_special_label {
    background-image: url("/kids/assets/images/schoolproject/template/label_special_hover.svg");
  }
}
@media screen and (any-hover: hover) and (min-width: 768px) {
  .p-kids-schoolproject-lower_special:has(.p-kids-schoolproject-lower_special_hdg:hover) .p-kids-schoolproject-lower_special_hdg_allow::after {
    -webkit-animation: accordion_anime_top 1s infinite linear;
    animation: accordion_anime_top 1s infinite linear;
  }
}
.p-kids-schoolproject-lower_special .p-kids-schoolproject-lower_special_shine {
  position: absolute;
  background-image: url("/kids/assets/images/schoolproject/template/shine.svg");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 2;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .p-kids-schoolproject-lower_special .p-kids-schoolproject-lower_special_shine {
    width: 5.712890625vw;
    height: 5.2734375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-schoolproject-lower_special .p-kids-schoolproject-lower_special_shine {
    width: 10vw;
    height: 9.333333333333334vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-schoolproject-lower_special .p-kids-schoolproject-lower_special_shine--1 {
    top: -1.3671875vw;
    right: 25.1953125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-schoolproject-lower_special .p-kids-schoolproject-lower_special_shine--1 {
    top: -2.133333333333333vw;
    right: 11.733333333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-schoolproject-lower_special .p-kids-schoolproject-lower_special_shine--2 {
    top: 4.58984375vw;
    left: 23.828125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-schoolproject-lower_special .p-kids-schoolproject-lower_special_shine--2 {
    top: 14.133333333333335vw;
    left: 10.666666666666668vw;
  }
}
@-webkit-keyframes lower_special_shine {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes lower_special_shine {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.p-kids-schoolproject-lower_special_label {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-image: url("/kids/assets/images/schoolproject/template/label_special.svg");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 2;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .p-kids-schoolproject-lower_special_label {
    top: -2.9296875vw;
    left: 49%;
    width: 16.015625vw;
    height: 5.2734375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-schoolproject-lower_special_label {
    top: -6.666666666666667vw;
    width: 35.733333333333334vw;
    height: 11.733333333333333vw;
  }
}
.p-kids-schoolproject-lower_acdn-wrap {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-kids-schoolproject-lower_acdn-wrap {
    border-radius: 1.46484375vw;
    border: solid 0.1171875vw #000;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-schoolproject-lower_acdn-wrap {
    border-radius: 4vw;
    border: solid 0.266666666666667vw #000;
  }
}
.p-kids-schoolproject-lower_acdn-wrap:has(.p-kids-schoolproject-lower_special_content.is-acdn-open) .p-kids-schoolproject-lower_special_hdg_allow {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.p-kids-schoolproject-lower_special_hdg {
  position: relative;
  text-align: center;
  background-color: #ffd41a;
}
@media screen and (min-width: 768px) {
  .p-kids-schoolproject-lower_special_hdg {
    font-size: 2.1484375vw;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 900;
    height: 8.3984375vw;
    padding-top: 3.80859375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-schoolproject-lower_special_hdg {
    font-size: 4.533333333333333vw;
    line-height: 1.470588235294118;
    letter-spacing: 0.02em;
    font-weight: 900;
    height: 21.6vw;
    padding-top: 10.133333333333333vw;
  }
}
.p-kids-schoolproject-lower_special_hdg .p-kids-schoolproject-lower_special_hdg_allow {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .p-kids-schoolproject-lower_special_hdg .p-kids-schoolproject-lower_special_hdg_allow {
    top: 3.515625vw;
    right: 3.41796875vw;
    width: 1.5625vw;
    height: 1.3671875vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-schoolproject-lower_special_hdg .p-kids-schoolproject-lower_special_hdg_allow {
    top: 10.666666666666668vw;
    right: 5.333333333333334vw;
    width: 4.266666666666667vw;
    height: 3.733333333333334vw;
  }
}
.p-kids-schoolproject-lower_special_hdg .p-kids-schoolproject-lower_special_hdg_allow::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("/kids/assets/images/common/arrow_accordion.svg");
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-kids-schoolproject-lower_special_content-wrap {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .p-kids-schoolproject-lower_special_content-wrap {
    border-top: solid 0.1171875vw #000;
    padding: 4.78515625vw 7.71484375vw 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-schoolproject-lower_special_content-wrap {
    border-top: solid 0.266666666666667vw #000;
    padding: 8vw 4.266666666666667vw 8vw;
  }
}
@-webkit-keyframes accordion_anime_scale {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes accordion_anime_scale {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes accordion_anime_top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(15%);
    transform: translateY(15%);
  }
  75% {
    -webkit-transform: translateY(-15%);
    transform: translateY(-15%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes accordion_anime_top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(15%);
    transform: translateY(15%);
  }
  75% {
    -webkit-transform: translateY(-15%);
    transform: translateY(-15%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@media screen and (min-width: 768px) {
  .c-round_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 2.9296875vw 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 5.37109375vw;
  }
}
@media screen and (max-width: 767px) {
  .c-round_container {
    margin: 0 5.333333333333334vw;
  }
}
.c-round_container-item {
  border: 1px solid #000;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .c-round_container-item {
    border-radius: 1.46484375vw;
    width: 42.96875vw;
  }
  .c-round_container-item.is-wide {
    width: 58.3984375vw;
    display: block;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .c-round_container-item {
    border-radius: 2.666666666666667vw;
    margin-top: 5.333333333333334vw;
  }
}
@media screen and (min-width: 768px) {
  .c-round_container-item .is-dec {
    background-image: -webkit-linear-gradient(left, #ffd41a 5px, transparent 5px);
    background-image: linear-gradient(to right, #ffd41a 5px, transparent 5px);
    background-size: 9px 2px;
    background-repeat: repeat-x;
    background-position: left bottom;
  }
}
@media screen and (max-width: 767px) {
  .c-round_container-item .is-dec {
    border-bottom: 2px dashed #ffd41a;
  }
}
.c-round_container-item .c-tel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .c-round_container-item .c-tel {
    font-size: 2.1484375vw;
    line-height: 1.409090909090909;
    letter-spacing: 0.02em;
    font-weight: 900;
    margin-top: 2.9296875vw;
  }
}
@media screen and (max-width: 767px) {
  .c-round_container-item .c-tel {
    font-size: 4.533333333333333vw;
    line-height: 1.352941176470588;
    letter-spacing: 0.02em;
    font-weight: 900;
    margin-top: 5.333333333333334vw;
  }
}
.c-round_container-item .c-tel::before {
  content: '';
  display: block;
  background-color: #ffd41a;
  border-radius: 50%;
  border: 1px solid #000;
}
@media screen and (min-width: 768px) {
  .c-round_container-item .c-tel::before {
    margin-right: 0.68359375vw;
    width: 1.3671875vw;
    height: 1.3671875vw;
  }
}
@media screen and (max-width: 767px) {
  .c-round_container-item .c-tel::before {
    margin-right: 1.333333333333333vw;
    width: 3.2vw;
    height: 3.2vw;
  }
}
.c-round_container-item .c-tel ruby::before {
  font-weight: 700;
}
.c-round_container-item .c-num {
  font-family: 'Rammetto One', sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .c-round_container-item .c-num {
    margin-top: 0.9765625vw;
    font-size: 3.125vw;
    line-height: 1.6875;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (max-width: 767px) {
  .c-round_container-item .c-num {
    margin-top: 1.333333333333333vw;
    font-size: 5.866666666666666vw;
    line-height: 1.681818181818182;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
.c-round_container-item .c-num::before {
  content: '';
  display: block;
  background-image: url("/kids/assets/images/common/icon_tel.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .c-round_container-item .c-num::before {
    margin-right: 0.68359375vw;
    width: 4.19921875vw;
    height: 2.44140625vw;
  }
}
@media screen and (max-width: 767px) {
  .c-round_container-item .c-num::before {
    margin-right: 1.333333333333333vw;
    width: 8.533333333333333vw;
    height: 4.8vw;
  }
}
.c-round_container-item .c-time {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-round_container-item .c-time {
    font-size: 1.66015625vw;
    line-height: 1.352941176470588;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .c-round_container-item .c-time {
    font-size: 3.733333333333334vw;
    line-height: 1.357142857142857;
    letter-spacing: 0.02em;
    font-weight: 700;
    margin-top: 1.066666666666667vw;
  }
}
.c-round_container-item .c-attention {
  color: #7c7c7c;
}
@media screen and (min-width: 768px) {
  .c-round_container-item .c-attention {
    font-size: 1.26953125vw;
    line-height: 1.384615384615385;
    letter-spacing: 0.02em;
    font-weight: 700;
    margin-top: 0.9765625vw;
  }
}
@media screen and (max-width: 767px) {
  .c-round_container-item .c-attention {
    font-size: 2.933333333333333vw;
    line-height: 1.545454545454545;
    letter-spacing: 0.02em;
    font-weight: 700;
    margin-top: 4.266666666666667vw;
  }
  .c-round_container-item .c-attention [data-ruby]::before {
    font-size: 2.133333333333333vw;
  }
}
.c-round_container-item-title {
  background-color: #ffd41a;
  border-bottom: 1px solid #000;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-round_container-item-title {
    padding: 1.46484375vw 0 1.171875vw;
    font-size: 1.66015625vw;
    line-height: 1.352941176470588;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .c-round_container-item-title {
    padding: 3.466666666666666vw 0 2.666666666666667vw;
    font-size: 4.533333333333333vw;
    line-height: 1.352941176470588;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .c-round_container-item-main {
    margin: 1.953125vw 2.9296875vw 2.734375vw;
  }
}
@media screen and (max-width: 767px) {
  .c-round_container-item-main {
    margin: 5.333333333333334vw 4.266666666666667vw 5.333333333333334vw;
  }
}
@media screen and (min-width: 768px) {
  .c-kids_card {
    padding-top: 5.859375vw;
    padding-bottom: 5.6640625vw;
  }
}
@media screen and (max-width: 767px) {
  .c-kids_card {
    padding-top: 13.333333333333334vw;
    padding-bottom: 12.266666666666666vw;
  }
}
body:has(.c-kids_card_container.is-active) .l_gloval_navi {
  opacity: 0;
  pointer-events: none;
}
body:has(.c-kids_card_container.is-active) .c-kids_card_modal {
  -webkit-animation: card_modal_opacity_anim 0.5s forwards 4s;
  animation: card_modal_opacity_anim 0.5s forwards 4s;
}
body:has(.c-kids_card_container.is-active) .c-kids_card_modal .card-wrap .card_tails_img {
  -webkit-animation: rotate_card_tails 1s forwards 5s;
  animation: rotate_card_tails 1s forwards 5s;
}
body:has(.c-kids_card_container.is-active) .c-kids_card_modal .card-wrap .card_img {
  -webkit-animation: rotate_card 1s forwards 5s;
  animation: rotate_card 1s forwards 5s;
}
body:has(.c-kids_card_container.is-active) .c-kids_card_modal .text_car-model p {
  -webkit-animation: card_modal_opacity_anim 1s forwards 6s;
  animation: card_modal_opacity_anim 1s forwards 6s;
}
body:has(.c-kids_card_container.is-active) .c-kids_card_modal.is-rare:not(.is-already-got) .content-wrap .congratulations {
  -webkit-animation: poyon 1s 6s forwards;
  animation: poyon 1s 6s forwards;
  opacity: 1;
  -webkit-transition: opacity 0s 6s ease;
  transition: opacity 0s 6s ease;
}
body:has(.c-kids_card_container.is-active) .c-kids_card_modal.is-rare:not(.is-already-got) .content-wrap .card-wrap::before {
  -webkit-animation: card_modal_opacity_anim 0.5s forwards 7.5s;
  animation: card_modal_opacity_anim 0.5s forwards 7.5s;
}
body:has(.c-kids_card_container.is-active) .c-kids_card_modal.is-rare:not(.is-already-got) .content-wrap .shine--1 {
  -webkit-animation: shine_card_modal 4s infinite linear 8.5s;
  animation: shine_card_modal 4s infinite linear 8.5s;
}
body:has(.c-kids_card_container.is-active) .c-kids_card_modal.is-rare:not(.is-already-got) .content-wrap .shine--2 {
  -webkit-animation: shine_card_modal 4s infinite linear 9.833333333333334s;
  animation: shine_card_modal 4s infinite linear 9.833333333333334s;
}
body:has(.c-kids_card_container.is-active) .c-kids_card_modal.is-rare:not(.is-already-got) .content-wrap .shine--3 {
  -webkit-animation: shine_card_modal 4s infinite linear 11.166666666666668s;
  animation: shine_card_modal 4s infinite linear 11.166666666666668s;
}
.c-kids_card_container.is-active .c-kids_card_overlay {
  -webkit-animation: card_modal_opacity_anim 1s forwards;
  animation: card_modal_opacity_anim 1s forwards;
  z-index: 400;
}
.c-kids_card_container.is-active .c-kids_card-base {
  z-index: 1000;
}
.c-kids_card_container.is-active .c-kids_card-base .card_tails {
  -webkit-animation: slide_in_card 3s forwards 1s;
  animation: slide_in_card 3s forwards 1s;
}
.c-kids_card_container.is-active .c-kids_card-base .dial-wrap {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  pointer-events: none;
}
.c-kids_card_container.is-active .c-kids_card-base .dial-wrap .dial {
  -webkit-animation: rotate_dial 1s forwards 1s;
  animation: rotate_dial 1s forwards 1s;
}
.c-kids_card_container.is-active .c-kids_card-base .dial-wrap .layer {
  -webkit-animation: rotate_dial_layer 1s forwards 1s;
  animation: rotate_dial_layer 1s forwards 1s;
}
.c-kids_card_overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.6);
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 1s;
  transition: 1s;
}
.c-kids_card-base {
  position: relative;
}
.c-kids_card-base .title {
  position: absolute;
  text-align: center;
  color: #fff;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .c-kids_card-base .title {
    font-size: 2.1484375vw;
    line-height: 2;
    letter-spacing: 0.02em;
    font-weight: 700;
    top: 1.953125vw;
    left: 13.18359375vw;
  }
}
@media screen and (max-width: 767px) {
  .c-kids_card-base .title {
    font-size: 3.733333333333334vw;
    line-height: 2;
    letter-spacing: 0.02em;
    font-weight: 700;
    top: 6.666666666666667vw;
    left: 21.066666666666666vw;
  }
}
.c-kids_card-base .display {
  position: absolute;
  overflow: hidden;
  background: -webkit-gradient(linear, left top, left bottom, from(#efebc2), to(#1a6f8e));
  background: -webkit-linear-gradient(top, #efebc2, #1a6f8e);
  background: linear-gradient(to bottom, #efebc2, #1a6f8e);
}
@media screen and (min-width: 768px) {
  .c-kids_card-base .display {
    width: 46.875vw;
    height: 26.3671875vw;
    bottom: 7.6171875vw;
    left: 1.7578125vw;
    border-radius: 1.46484375vw;
    border: solid 0.1171875vw #000;
  }
}
@media screen and (max-width: 767px) {
  .c-kids_card-base .display {
    width: 84vw;
    height: 47.199999999999996vw;
    bottom: 18.666666666666668vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 4vw;
    border: solid 0.32vw #000;
  }
}
.c-kids_card-base .display .display_deco_shine {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation: shine_rotate 30s linear infinite;
  animation: shine_rotate 30s linear infinite;
}
@media screen and (min-width: 768px) {
  .c-kids_card-base .display .display_deco_shine {
    width: 57.421875vw;
  }
}
@media screen and (max-width: 767px) {
  .c-kids_card-base .display .display_deco_shine {
    width: 102.93333333333334vw;
  }
}
.c-kids_card-base .display .display_title {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.c-kids_card-base .dial-wrap {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .c-kids_card-base .dial-wrap {
    bottom: 2.34375vw;
    right: 2.05078125vw;
    width: 14.6484375vw;
    height: 14.55078125vw;
  }
}
@media screen and (max-width: 767px) {
  .c-kids_card-base .dial-wrap {
    bottom: 0.8vw;
    right: 2.933333333333333vw;
    width: 19.2vw;
    height: 19.2vw;
  }
}
.c-kids_card-base .dial-wrap .layer,
.c-kids_card-base .dial-wrap .dial {
  position: absolute;
  width: 100%;
}
.c-kids_card-base .dial-wrap .layer {
  -webkit-transform: translateY(-6%);
  transform: translateY(-6%);
}
@media screen and (any-hover: hover) and (min-width: 768px) {
  .c-kids_card-base .dial-wrap:hover {
    -webkit-animation: vibration 1s infinite linear;
    animation: vibration 1s infinite linear;
  }
}
.c-kids_card-base .character {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .c-kids_card-base .character.business {
    top: 0.87890625vw;
    left: 5.17578125vw;
    width: 54.98046875vw;
  }
}
@media screen and (max-width: 767px) {
  .c-kids_card-base .character.business {
    top: 4.533333333333333vw;
    left: 4.8vw;
    width: 78.66666666666666vw;
  }
}
@media screen and (min-width: 768px) {
  .c-kids_card-base .character.engineer {
    top: 0.78125vw;
    left: 4.78515625vw;
    width: 55.859375vw;
  }
}
@media screen and (max-width: 767px) {
  .c-kids_card-base .character.engineer {
    top: 4.533333333333333vw;
    left: 2.666666666666667vw;
    width: 78.66666666666666vw;
  }
}
@media screen and (min-width: 768px) {
  .c-kids_card-base .character.designer {
    top: 0.78125vw;
    left: 3.90625vw;
    width: 57.71484375vw;
  }
}
@media screen and (max-width: 767px) {
  .c-kids_card-base .character.designer {
    top: 5.600000000000001vw;
    left: 4vw;
    width: 79.2vw;
  }
}
.c-kids_card-base .card_overflow-wrap {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .c-kids_card-base .card_overflow-wrap {
    top: 46.19140625vw;
  }
}
@media screen and (max-width: 767px) {
  .c-kids_card-base .card_overflow-wrap {
    top: 103.46666666666667vw;
  }
}
.c-kids_card-base .card_overflow-wrap .card_tails {
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
@media screen and (min-width: 768px) {
  .c-kids_card-base .card_overflow-wrap .card_tails {
    width: 34.9609375vw;
    left: 7.71484375vw;
  }
}
@media screen and (max-width: 767px) {
  .c-kids_card-base .card_overflow-wrap .card_tails {
    width: 47.46666666666667vw;
    left: 9.6vw;
  }
}
@-webkit-keyframes shine_rotate {
  0% {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes shine_rotate {
  0% {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-webkit-keyframes vibration {
  0% {
    -webkit-transform: translateX(1px) translateY(1px);
    transform: translateX(1px) translateY(1px);
  }
  10% {
    -webkit-transform: translateX(-1px) translateY(-1px);
    transform: translateX(-1px) translateY(-1px);
  }
  20% {
    -webkit-transform: translateX(1px) translateY(1px);
    transform: translateX(1px) translateY(1px);
  }
  30% {
    -webkit-transform: translateX(-1px) translateY(-1px);
    transform: translateX(-1px) translateY(-1px);
  }
  40% {
    -webkit-transform: translateX(1px) translateY(1px);
    transform: translateX(1px) translateY(1px);
  }
  50% {
    -webkit-transform: translateX(-1px) translateY(-1px);
    transform: translateX(-1px) translateY(-1px);
  }
  60% {
    -webkit-transform: translateX(1px) translateY(1px);
    transform: translateX(1px) translateY(1px);
  }
  70% {
    -webkit-transform: translateX(-1px) translateY(-1px);
    transform: translateX(-1px) translateY(-1px);
  }
  80% {
    -webkit-transform: translateX(1px) translateY(1px);
    transform: translateX(1px) translateY(1px);
  }
  90% {
    -webkit-transform: translateX(-1px) translateY(-1px);
    transform: translateX(-1px) translateY(-1px);
  }
  100% {
    -webkit-transform: translateX(1px) translateY(1px);
    transform: translateX(1px) translateY(1px);
  }
}
@keyframes vibration {
  0% {
    -webkit-transform: translateX(1px) translateY(1px);
    transform: translateX(1px) translateY(1px);
  }
  10% {
    -webkit-transform: translateX(-1px) translateY(-1px);
    transform: translateX(-1px) translateY(-1px);
  }
  20% {
    -webkit-transform: translateX(1px) translateY(1px);
    transform: translateX(1px) translateY(1px);
  }
  30% {
    -webkit-transform: translateX(-1px) translateY(-1px);
    transform: translateX(-1px) translateY(-1px);
  }
  40% {
    -webkit-transform: translateX(1px) translateY(1px);
    transform: translateX(1px) translateY(1px);
  }
  50% {
    -webkit-transform: translateX(-1px) translateY(-1px);
    transform: translateX(-1px) translateY(-1px);
  }
  60% {
    -webkit-transform: translateX(1px) translateY(1px);
    transform: translateX(1px) translateY(1px);
  }
  70% {
    -webkit-transform: translateX(-1px) translateY(-1px);
    transform: translateX(-1px) translateY(-1px);
  }
  80% {
    -webkit-transform: translateX(1px) translateY(1px);
    transform: translateX(1px) translateY(1px);
  }
  90% {
    -webkit-transform: translateX(-1px) translateY(-1px);
    transform: translateX(-1px) translateY(-1px);
  }
  100% {
    -webkit-transform: translateX(1px) translateY(1px);
    transform: translateX(1px) translateY(1px);
  }
}
.c-kids_card_modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
}
.c-kids_card_modal.is-rare .content-wrap .congratulations {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}
.c-kids_card_modal.is-rare .content-wrap .card-wrap::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5%;
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .c-kids_card_modal.is-rare .content-wrap .card-wrap::before {
    -webkit-box-shadow: rgba(255,167,0,0.4) 0px 0px 5.859375vw;
    box-shadow: rgba(255,167,0,0.4) 0px 0px 5.859375vw;
  }
}
@media screen and (max-width: 767px) {
  .c-kids_card_modal.is-rare .content-wrap .card-wrap::before {
    -webkit-box-shadow: rgba(255,167,0,0.4) 0px 0px 16vw;
    box-shadow: rgba(255,167,0,0.4) 0px 0px 16vw;
  }
}
.c-kids_card_modal.is-already-got .content-wrap .card-wrap .card_tails_img {
  display: none;
}
.c-kids_card_modal.is-already-got .content-wrap .card-wrap .card_img {
  -webkit-animation: none !important;
  animation: none !important;
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
  z-index: -1;
}
.c-kids_card_modal.is-already-got .content-wrap .card-wrap::after {
  content: '';
}
.c-kids_card_modal.is-already-got .content-wrap .text_already-got {
  display: block !important;
}
.c-kids_card_modal.is-already-got .content-wrap .text.text--1,
.c-kids_card_modal.is-already-got .content-wrap .text_car-model {
  display: none;
}
.c-kids_card_modal .content-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.c-kids_card_modal .content-wrap .congratulations {
  position: absolute;
  z-index: 20;
  opacity: 0;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .c-kids_card_modal .content-wrap .congratulations {
    width: 39.0625vw;
    top: -1.171875vw;
    left: -3.02734375vw;
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
  }
}
@media screen and (max-width: 767px) {
  .c-kids_card_modal .content-wrap .congratulations {
    width: 80vw;
    top: -2.666666666666667vw;
    left: -3.2vw;
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
}
.c-kids_card_modal .content-wrap .shine {
  position: absolute;
  z-index: 20;
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .c-kids_card_modal .content-wrap .shine--1 {
    top: -2.63671875vw;
    left: 4.19921875vw;
    width: 2.9296875vw;
  }
}
@media screen and (max-width: 767px) {
  .c-kids_card_modal .content-wrap .shine--1 {
    top: -5.866666666666666vw;
    left: 10.933333333333334vw;
    width: 7.466666666666668vw;
  }
}
@media screen and (min-width: 768px) {
  .c-kids_card_modal .content-wrap .shine--2 {
    bottom: 1.07421875vw;
    left: 2.44140625vw;
    width: 3.515625vw;
  }
}
@media screen and (max-width: 767px) {
  .c-kids_card_modal .content-wrap .shine--2 {
    top: 94.93333333333334vw;
    left: 2.933333333333333vw;
    width: 10.666666666666668vw;
  }
}
@media screen and (min-width: 768px) {
  .c-kids_card_modal .content-wrap .shine--3 {
    bottom: 8.30078125vw;
    left: 31.0546875vw;
    width: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  .c-kids_card_modal .content-wrap .shine--3 {
    top: 77.60000000000001vw;
    right: 4.266666666666667vw;
    width: 5.866666666666666vw;
  }
}
.c-kids_card_modal .content-wrap .content-scroll-wrap {
  position: relative;
  overflow: scroll;
  scrollbar-width: none;
  max-height: 80vh;
  border: 2px solid #ffd41a;
}
@media screen and (min-width: 768px) {
  .c-kids_card_modal .content-wrap .content-scroll-wrap {
    width: 73.828125vw;
    aspect-ratio: 756/421;
    border-radius: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  .c-kids_card_modal .content-wrap .content-scroll-wrap {
    width: 89.33333333333333vw;
    border-radius: 6.4vw;
  }
}
.c-kids_card_modal .content-wrap .content-scroll-wrap::-webkit-scrollbar {
  display: none;
}
.c-kids_card_modal .content-wrap .content {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .c-kids_card_modal .content-wrap .content {
    padding: 4.39453125vw 5.859375vw;
    background: -webkit-gradient(linear, left top, right top, from(#efebc2), to(#1a6f8e));
    background: -webkit-linear-gradient(left, #efebc2, #1a6f8e);
    background: linear-gradient(to right, #efebc2, #1a6f8e);
  }
}
@media screen and (max-width: 767px) {
  .c-kids_card_modal .content-wrap .content {
    padding: 10.666666666666668vw 6.4vw;
    background: -webkit-gradient(linear, left top, left bottom, from(#efebc2), to(#1a6f8e));
    background: -webkit-linear-gradient(top, #efebc2, #1a6f8e);
    background: linear-gradient(to bottom, #efebc2, #1a6f8e);
  }
}
.c-kids_card_modal .content-wrap .close-btn {
  position: fixed;
  background-color: #000;
  border-radius: 50%;
  border: solid 1px #ffd41a;
}
@media screen and (min-width: 768px) {
  .c-kids_card_modal .content-wrap .close-btn {
    top: 1.3671875vw;
    right: 1.3671875vw;
    width: 3.90625vw;
    height: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  .c-kids_card_modal .content-wrap .close-btn {
    top: 3.2vw;
    right: 3.2vw;
    width: 8vw;
    height: 8vw;
  }
}
.c-kids_card_modal .content-wrap .close-btn::before,
.c-kids_card_modal .content-wrap .close-btn::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform-origin: center;
  transform-origin: center;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .c-kids_card_modal .content-wrap .close-btn::before,
  .c-kids_card_modal .content-wrap .close-btn::after {
    width: 1.46484375vw;
    height: 0.1953125vw;
  }
}
@media screen and (max-width: 767px) {
  .c-kids_card_modal .content-wrap .close-btn::before,
  .c-kids_card_modal .content-wrap .close-btn::after {
    width: 3.2vw;
    height: 0.533333333333333vw;
  }
}
.c-kids_card_modal .content-wrap .close-btn::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.c-kids_card_modal .content-wrap .close-btn::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.c-kids_card_modal .content-wrap .content_shine {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .c-kids_card_modal .content-wrap .content_shine {
    width: 137.109375vw;
    top: 50%;
    left: -50.29296875vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-animation: common_card_shine_rotate_pc 30s linear infinite;
    animation: common_card_shine_rotate_pc 30s linear infinite;
  }
}
@media screen and (max-width: 767px) {
  .c-kids_card_modal .content-wrap .content_shine {
    width: 374.6666666666667vw;
    top: -131.46666666666667vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-animation: common_card_shine_rotate_sp 30s linear infinite;
    animation: common_card_shine_rotate_sp 30s linear infinite;
  }
}
@-webkit-keyframes common_card_shine_rotate_pc {
  0% {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  100% {
    -webkit-transform: translateY(-50%) rotate(360deg);
    transform: translateY(-50%) rotate(360deg);
  }
}
@keyframes common_card_shine_rotate_pc {
  0% {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  100% {
    -webkit-transform: translateY(-50%) rotate(360deg);
    transform: translateY(-50%) rotate(360deg);
  }
}
@-webkit-keyframes common_card_shine_rotate_sp {
  0% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  100% {
    -webkit-transform: translateX(-50%) rotate(360deg);
    transform: translateX(-50%) rotate(360deg);
  }
}
@keyframes common_card_shine_rotate_sp {
  0% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  100% {
    -webkit-transform: translateX(-50%) rotate(360deg);
    transform: translateX(-50%) rotate(360deg);
  }
}
.c-kids_card_modal .content-wrap .flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  .c-kids_card_modal .content-wrap .flex-wrap {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  .c-kids_card_modal .content-wrap .flex-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    gap: 6.666666666666667vw;
  }
}
.c-kids_card_modal .content-wrap .card-wrap {
  position: relative;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  aspect-ratio: 238/331;
}
@media screen and (min-width: 768px) {
  .c-kids_card_modal .content-wrap .card-wrap {
    width: 23.2421875vw;
    height: 32.51953125vw;
  }
}
@media screen and (max-width: 767px) {
  .c-kids_card_modal .content-wrap .card-wrap {
    width: 63.46666666666667vw;
    height: 88.8vw;
    margin: 0 auto;
  }
}
.c-kids_card_modal .content-wrap .card-wrap::after {
  content: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/kids/assets/images/common/card/cover_card_already-got.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .c-kids_card_modal .content-wrap .card-wrap::after {
    border-radius: 0.5859375vw;
  }
}
@media screen and (max-width: 767px) {
  .c-kids_card_modal .content-wrap .card-wrap::after {
    border-radius: 1.6vw;
  }
}
.c-kids_card_modal .content-wrap .card_tails_img,
.c-kids_card_modal .content-wrap .card_img {
  position: absolute;
  top: 0;
  left: 0;
  display: -ms-grid;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.c-kids_card_modal .content-wrap .card_tails_img {
  -webkit-transform: none;
  transform: none;
}
.c-kids_card_modal .content-wrap .card_img {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.c-kids_card_modal .content-wrap .text-wrap {
  position: relative;
}
.c-kids_card_modal .content-wrap .text-wrap .text {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-kids_card_modal .content-wrap .text-wrap .text {
    font-size: 1.66015625vw;
    line-height: 2;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .c-kids_card_modal .content-wrap .text-wrap .text {
    font-size: 3.733333333333334vw;
    line-height: 2;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
.c-kids_card_modal .content-wrap .text-wrap .text span {
  position: relative;
  z-index: 1;
}
.c-kids_card_modal .content-wrap .text-wrap .text span::before {
  content: '';
  position: absolute;
  bottom: 5%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 110%;
  height: 25%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255,212,26,0)), color-stop(25%, #ffd41a), color-stop(75%, #ffd41a), to(rgba(255,212,26,0)));
  background: -webkit-linear-gradient(left, rgba(255,212,26,0) 0%, #ffd41a 25%, #ffd41a 75%, rgba(255,212,26,0) 100%);
  background: linear-gradient(to right, rgba(255,212,26,0) 0%, #ffd41a 25%, #ffd41a 75%, rgba(255,212,26,0) 100%);
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .c-kids_card_modal .content-wrap .text-wrap .text--2 {
    margin-top: 2.44140625vw;
  }
}
@media screen and (max-width: 767px) {
  .c-kids_card_modal .content-wrap .text-wrap .text--2 {
    margin-top: 6.4vw;
  }
}
.c-kids_card_modal .content-wrap .text-wrap .text_car-model {
  position: relative;
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)), color-stop(#000), to(rgba(0,0,0,0)));
  background: -webkit-linear-gradient(left, rgba(0,0,0,0), #000, rgba(0,0,0,0));
  background: linear-gradient(to right, rgba(0,0,0,0), #000, rgba(0,0,0,0));
  -webkit-border-image: -webkit-gradient(linear, left top, right top, from(rgba(255,212,26,0.1)), color-stop(#ffd41a), to(rgba(255,212,26,0.1))) 1/2px 0 2px;
  -webkit-border-image: -webkit-linear-gradient(left, rgba(255,212,26,0.1), #ffd41a, rgba(255,212,26,0.1)) 1/2px 0 2px;
  -o-border-image: linear-gradient(to right, rgba(255,212,26,0.1), #ffd41a, rgba(255,212,26,0.1)) 1/2px 0 2px;
  border-image: -webkit-gradient(linear, left top, right top, from(rgba(255,212,26,0.1)), color-stop(#ffd41a), to(rgba(255,212,26,0.1))) 1/2px 0 2px;
  border-image: linear-gradient(to right, rgba(255,212,26,0.1), #ffd41a, rgba(255,212,26,0.1)) 1/2px 0 2px;
  border-style: solid;
}
@media screen and (min-width: 768px) {
  .c-kids_card_modal .content-wrap .text-wrap .text_car-model {
    height: 6.15234375vw;
    margin-top: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  .c-kids_card_modal .content-wrap .text-wrap .text_car-model {
    height: 15.733333333333333vw;
    margin-top: 2.666666666666667vw;
  }
}
.c-kids_card_modal .content-wrap .text-wrap .text_car-model p {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
  color: #fff;
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .c-kids_card_modal .content-wrap .text-wrap .text_car-model p {
    font-size: 1.953125vw;
    line-height: 1.7;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .c-kids_card_modal .content-wrap .text-wrap .text_car-model p {
    font-size: 4.533333333333333vw;
    line-height: 2;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
.c-kids_card_modal .content-wrap .text-wrap .text_already-got {
  display: none;
}
@media screen and (min-width: 768px) {
  .c-kids_card_modal .content-wrap .text-wrap .btn {
    width: 27.5390625vw;
    height: 5.859375vw;
    margin: 2.34375vw auto 0;
  }
}
@media screen and (max-width: 767px) {
  .c-kids_card_modal .content-wrap .text-wrap .btn {
    height: 16vw;
    margin: 5.333333333333334vw auto 0;
  }
}
@media screen and (min-width: 768px) {
  .c-kids_card_modal .content-wrap .text-wrap .btn .m-layer-btn {
    padding: 0 1.953125vw;
  }
}
@media screen and (max-width: 767px) {
  .c-kids_card_modal .content-wrap .text-wrap .btn .m-layer-btn {
    padding: 0 8vw;
  }
}
@media screen and (min-width: 768px) {
  .c-kids_card_modal .content-wrap .text-wrap .btn .m-layer-btn p {
    font-size: 1.66015625vw;
    line-height: 1.470588235294118;
    letter-spacing: 0.02em;
    font-weight: 900;
  }
}
@media screen and (max-width: 767px) {
  .c-kids_card_modal .content-wrap .text-wrap .btn .m-layer-btn p {
    font-size: 4.533333333333333vw;
    line-height: 1.470588235294118;
    letter-spacing: 0.02em;
    font-weight: 900;
  }
}
@media screen and (min-width: 768px) {
  .c-kids_card_modal .content-wrap .text-wrap .btn .m-layer-btn img {
    width: 0.9765625vw;
  }
}
@media screen and (max-width: 767px) {
  .c-kids_card_modal .content-wrap .text-wrap .btn .m-layer-btn img {
    width: 2.666666666666667vw;
  }
}
@-webkit-keyframes card_modal_opacity_anim {
  0% {
    opacity: 0;
    pointer-events: none;
  }
  100% {
    opacity: 1;
    pointer-events: auto;
  }
}
@keyframes card_modal_opacity_anim {
  0% {
    opacity: 0;
    pointer-events: none;
  }
  100% {
    opacity: 1;
    pointer-events: auto;
  }
}
@-webkit-keyframes rotate_dial {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate_dial {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate_dial_layer {
  0% {
    -webkit-transform: translateY(-6%) rotate(0);
    transform: translateY(-6%) rotate(0);
  }
  100% {
    -webkit-transform: translateY(-6%) rotate(360deg);
    transform: translateY(-6%) rotate(360deg);
  }
}
@keyframes rotate_dial_layer {
  0% {
    -webkit-transform: translateY(-6%) rotate(0);
    transform: translateY(-6%) rotate(0);
  }
  100% {
    -webkit-transform: translateY(-6%) rotate(360deg);
    transform: translateY(-6%) rotate(360deg);
  }
}
@-webkit-keyframes slide_in_card {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  33% {
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
  }
  66% {
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
  }
  100% {
    -webkit-transform: translateY(100vh);
    transform: translateY(100vh);
  }
}
@keyframes slide_in_card {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  33% {
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
  }
  66% {
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
  }
  100% {
    -webkit-transform: translateY(100vh);
    transform: translateY(100vh);
  }
}
@-webkit-keyframes rotate_card_tails {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}
@keyframes rotate_card_tails {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}
@-webkit-keyframes rotate_card {
  0% {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
@keyframes rotate_card {
  0% {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
@-webkit-keyframes shine_card_modal {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  8% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  25% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  33% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
}
@keyframes shine_card_modal {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  8% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  25% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  33% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
}
.c-kids-couce-top {
  background-size: 100%;
  background-repeat: no-repeat;
}
.c-kids-couce-top .c-kids-course_top-slider {
  overflow: visible;
}
.c-kids-couce-top-title {
  margin: 0 auto;
  display: block;
}
.c-kids-couce-top-title img {
  width: 100%;
}
.c-kids-couce-top-text {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-kids-couce-top-text {
    font-size: 1.66015625vw;
    line-height: 2;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .c-kids-couce-top-text {
    font-size: 3.733333333333334vw;
    line-height: 2;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .c-kids-course_top-slider {
    margin: 2.44140625vw auto 0;
    width: 65.0390625vw;
  }
}
@media screen and (max-width: 767px) {
  .c-kids-course_top-slider {
    margin-top: 5.333333333333334vw;
    height: 76.26666666666667vw;
  }
}
.c-kids-couce-top .c-kids-course_top-slider-list-item {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .c-kids-couce-top .c-kids-course_top-slider-list-item {
    width: 19.7265625vw;
    position: relative;
  }
  .c-kids-couce-top .c-kids-course_top-slider-list-item:nth-child(1) {
    -webkit-animation: poyon 1s 0.5s forwards;
    animation: poyon 1s 0.5s forwards;
    opacity: 1;
    -webkit-transition: opacity 0s 0.5s ease;
    transition: opacity 0s 0.5s ease;
  }
  .c-kids-couce-top .c-kids-course_top-slider-list-item:nth-child(2) {
    -webkit-animation: poyon 1s 0.7s forwards;
    animation: poyon 1s 0.7s forwards;
    opacity: 1;
    -webkit-transition: opacity 0s 0.7s ease;
    transition: opacity 0s 0.7s ease;
  }
  .c-kids-couce-top .c-kids-course_top-slider-list-item:nth-child(3) {
    -webkit-animation: poyon 1s 0.9s forwards;
    animation: poyon 1s 0.9s forwards;
    opacity: 1;
    -webkit-transition: opacity 0s 0.9s ease;
    transition: opacity 0s 0.9s ease;
  }
}
@media screen and (max-width: 767px) {
  .c-kids-couce-top .c-kids-course_top-slider-list-item {
    padding: 0 4vw;
  }
}
@media screen and (max-width: 767px) {
  .is-init .swiper-slide.c-kids-course_top-slider-list-item:nth-child(1) {
    -webkit-animation: poyon 1s 0.5s forwards;
    animation: poyon 1s 0.5s forwards;
    opacity: 1;
    -webkit-transition: opacity 0s 0.5s ease;
    transition: opacity 0s 0.5s ease;
  }
  .is-init .swiper-slide.c-kids-course_top-slider-list-item:nth-child(2) {
    -webkit-animation: poyon 1s 0.7s forwards;
    animation: poyon 1s 0.7s forwards;
    opacity: 1;
    -webkit-transition: opacity 0s 0.7s ease;
    transition: opacity 0s 0.7s ease;
  }
  .is-init .swiper-slide.c-kids-course_top-slider-list-item:nth-child(3) {
    -webkit-animation: poyon 1s 0.9s forwards;
    animation: poyon 1s 0.9s forwards;
    opacity: 1;
    -webkit-transition: opacity 0s 0.9s ease;
    transition: opacity 0s 0.9s ease;
  }
}
@media screen and (min-width: 768px) {
  .c-kids-course_top-slider-list-item.is-active {
    position: relative;
    z-index: 100;
  }
}
@media screen and (max-width: 767px) {
  .c-kids-course_top-slider-list-item.swiper-slide-active {
    position: relative;
    z-index: 100;
  }
}
.c-kids-course_top-slider-list-item-bg {
  position: absolute;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .c-kids-course_top-slider-list-item-bg {
    width: 19.53125vw;
    left: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .c-kids-course_top-slider-list-item-bg {
    width: 52.800000000000004vw;
    left: 4.266666666666667vw;
    bottom: 0.266666666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .c-kids-course_top-slider-list-item-bg.is-designer {
    width: 18.359375vw;
    left: 0.68359375vw;
  }
}
@media screen and (max-width: 767px) {
  .c-kids-course_top-slider-list-item-bg.is-designer {
    width: 49.6vw;
    left: 5.866666666666666vw;
    bottom: 0;
  }
}
.c-kids-couce-top .c-kids-course_top-slider-list-item-bg-light {
  opacity: 0;
  position: absolute;
  pointer-events: none;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
@media screen and (min-width: 768px) {
  .c-kids-couce-top .c-kids-course_top-slider-list-item-bg-light {
    width: 36.5234375vw;
    height: 44.3359375vw;
    left: 3.41796875vw;
    bottom: -5.46875vw;
  }
}
@media screen and (max-width: 767px) {
  .c-kids-couce-top .c-kids-course_top-slider-list-item-bg-light {
    width: 99.73333333333333vw;
    height: 121.06666666666666vw;
    left: 9.333333333333334vw;
    bottom: -14.933333333333335vw;
  }
}
@media screen and (min-width: 768px) {
  .is-active .c-kids-course_top-slider-list-item-bg-light {
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
  .is-active.swiper-slide-active .c-kids-course_top-slider-list-item-bg-light {
    opacity: 1;
  }
}
.c-kids-course_top-slider-list-item-main {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform-origin: left center 0;
  transform-origin: left center 0;
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .is-active .c-kids-course_top-slider-list-item-main {
    -webkit-transform-origin: left 50%;
    position: relative;
    -webkit-transform: perspective(110vw) rotateY(-40deg);
  }
}
@media screen and (max-width: 767px) {
  .is-active.swiper-slide-active .c-kids-course_top-slider-list-item-main {
    -webkit-transform-origin: left 50%;
    position: relative;
    -webkit-transform: perspective(300vw) rotateY(-40deg);
  }
}
.c-kids-course_top-slider-list-item-main-img {
  position: relative;
}
@media screen and (min-width: 768px) {
  .c-kids-course_top-slider-list-item-main-img {
    cursor: pointer;
  }
}
.c-kids-course_top-slider-list-item-text {
  position: absolute;
  text-align: center;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .c-kids-course_top-slider-list-item-text {
    font-size: 1.46484375vw;
    line-height: 1.8;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .c-kids-course_top-slider-list-item-text {
    font-size: 4vw;
    line-height: 1.8;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
.c-kids-course_top-slider-list-item-glass-img {
  position: absolute;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .c-kids-course_top-slider-list-item-glass-img {
    width: 7.421875vw;
    height: 7.421875vw;
  }
}
@media screen and (max-width: 767px) {
  .c-kids-course_top-slider-list-item-glass-img {
    width: 20.266666666666666vw;
    height: 20.266666666666666vw;
  }
}
@media screen and (any-hover: hover) and (min-width: 768px) {
  .c-kids-course_top-slider-list-item.swiper-slide:hover .c-kids-course_top-slider-list-item-glass-img {
    -webkit-transform: scale(120%);
    transform: scale(120%);
  }
}
.c-kids-course_top-slider .swiper-pagination {
  bottom: -8vw !important;
}
.c-kids-course_top-slider-list-item-speech {
  pointer-events: none;
  position: absolute;
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 1000px);
  transform: translate3d(0, 0, 1000px);
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease;
}
@media screen and (min-width: 768px) {
  .c-kids-course_top-slider-list-item-speech {
    top: -8.7890625vw;
    left: -3.7109375vw;
    display: inline-block;
    padding: 2.34375vw 0 1.953125vw;
    width: 27.1484375vw;
    background: #000;
    border: solid 3px #ffd41a;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 1.46484375vw;
  }
}
@media screen and (max-width: 767px) {
  .c-kids-course_top-slider-list-item-speech {
    top: -28.000000000000004vw;
    left: -6.933333333333333vw;
    display: inline-block;
    padding: 5.866666666666666vw 0 5.333333333333334vw;
    width: 75.2vw;
    background: #000;
    border: solid 3px #ffd41a;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4vw;
  }
}
.c-kids-course_top-slider-list-item-speech:before {
  content: "";
  position: absolute;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .c-kids-course_top-slider-list-item-speech:before {
    bottom: -1.7578125vw;
    left: 21.875vw;
    border: 0.9765625vw solid transparent;
    border-top: 0.9765625vw solid #000;
    border-left: 0.9765625vw solid #000;
  }
}
@media screen and (max-width: 767px) {
  .c-kids-course_top-slider-list-item-speech:before {
    bottom: -4.8vw;
    left: 59.73333333333334vw;
    border: 2.666666666666667vw solid transparent;
    border-top: 2.666666666666667vw solid #000;
    border-left: 2.666666666666667vw solid #000;
  }
}
.c-kids-course_top-slider-list-item-speech:after {
  content: "";
  position: absolute;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .c-kids-course_top-slider-list-item-speech:after {
    bottom: -2.34375vw;
    left: 21.6796875vw;
    border: 1.171875vw solid transparent;
    border-top: 1.171875vw solid #ffd41a;
    border-left: 1.171875vw solid #ffd41a;
  }
}
@media screen and (max-width: 767px) {
  .c-kids-course_top-slider-list-item-speech:after {
    bottom: -6.4vw;
    left: 59.199999999999996vw;
    border: 3.2vw solid transparent;
    border-top: 3.2vw solid #ffd41a;
    border-left: 3.2vw solid #ffd41a;
  }
}
@media screen and (min-width: 768px) {
  .is-active .c-kids-course_top-slider-list-item-speech {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 0.5s 0.17s ease, -webkit-transform 0.5s 0.17s ease;
    transition: opacity 0.5s 0.17s ease, -webkit-transform 0.5s 0.17s ease;
    transition: transform 0.5s 0.17s ease, opacity 0.5s 0.17s ease;
    transition: transform 0.5s 0.17s ease, opacity 0.5s 0.17s ease, -webkit-transform 0.5s 0.17s ease;
  }
}
@media screen and (max-width: 767px) {
  .is-active.swiper-slide-active .c-kids-course_top-slider-list-item-speech {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 0.5s 0.17s ease, -webkit-transform 0.5s 0.17s ease;
    transition: opacity 0.5s 0.17s ease, -webkit-transform 0.5s 0.17s ease;
    transition: transform 0.5s 0.17s ease, opacity 0.5s 0.17s ease;
    transition: transform 0.5s 0.17s ease, opacity 0.5s 0.17s ease, -webkit-transform 0.5s 0.17s ease;
  }
}
.c-kids-course_top-slider-list-item-speech-step {
  color: #ffd41a;
  font-family: 'Rammetto One', sans-serif;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .c-kids-course_top-slider-list-item-speech-step {
    top: -0.9765625vw;
    font-size: 2.1484375vw;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 400;
    text-stroke: 0.09765625vw #000;
    -webkit-text-stroke: 0.09765625vw #000;
  }
}
@media screen and (max-width: 767px) {
  .c-kids-course_top-slider-list-item-speech-step {
    top: -2.666666666666667vw;
    font-size: 5.866666666666666vw;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 400;
    text-stroke: 0.266666666666667vw #000;
    -webkit-text-stroke: 0.266666666666667vw #000;
  }
}
.c-kids-course_top-slider-list-item-speech-text {
  color: #fff;
  text-align: center;
}
.c-kids-course_top-slider-list-item-speech-text [data-ruby]::before {
  top: -0.8em;
}
@media screen and (min-width: 768px) {
  .c-kids-course_top-slider-list-item-speech-text {
    font-size: 1.46484375vw;
    line-height: 2;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .c-kids-course_top-slider-list-item-speech-text {
    font-size: 3.733333333333334vw;
    line-height: 2;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
.c-kids-course_top-slider-list-item-speech_btn {
  display: block;
}
@media screen and (min-width: 768px) {
  .c-kids-course_top-slider-list-item-speech_btn {
    width: 14.0625vw;
    height: 4.1015625vw;
    margin: 0.48828125vw 0 0 6.54296875vw;
  }
}
@media screen and (max-width: 767px) {
  .c-kids-course_top-slider-list-item-speech_btn {
    width: 30.666666666666664vw;
    height: 9.066666666666666vw;
    margin: 1.333333333333333vw 0 0 21.333333333333336vw;
  }
}
.c-kids-course_top-slider-list-item-speech_btn_close {
  display: block;
  position: absolute;
  border-radius: 50%;
  background: #000;
}
@media screen and (min-width: 768px) {
  .c-kids-course_top-slider-list-item-speech_btn_close {
    width: 2.5390625vw;
    height: 2.5390625vw;
    border: 2px solid #fece00;
    top: 0.87890625vw;
    right: 0.68359375vw;
  }
}
@media screen and (max-width: 767px) {
  .c-kids-course_top-slider-list-item-speech_btn_close {
    width: 6.933333333333333vw;
    height: 6.933333333333333vw;
    border: 2px solid #fece00;
    top: 2.4vw;
    right: 1.866666666666667vw;
  }
}
.c-kids-course_top-slider-list-item-speech_btn_close::before,
.c-kids-course_top-slider-list-item-speech_btn_close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.1953125vw;
  height: 1.46484375vw;
  background: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .c-kids-course_top-slider-list-item-speech_btn_close::before,
  .c-kids-course_top-slider-list-item-speech_btn_close::after {
    width: 0.1953125vw;
    height: 1.46484375vw;
  }
}
@media screen and (max-width: 767px) {
  .c-kids-course_top-slider-list-item-speech_btn_close::before,
  .c-kids-course_top-slider-list-item-speech_btn_close::after {
    width: 0.533333333333333vw;
    height: 2.933333333333333vw;
  }
}
@media screen and (any-hover: hover) and (min-width: 768px) {
  .c-kids-course_top-slider-list-item-speech_btn_close:hover {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
  }
  .c-kids-course_top-slider-list-item-speech_btn_close:hover.c-kids-course_top-slider-list-item-speech_btn_close::before {
    background: #ffd41a;
  }
  .c-kids-course_top-slider-list-item-speech_btn_close:hover.c-kids-course_top-slider-list-item-speech_btn_close::after {
    background: #ffd41a;
  }
}
.c-kids-course_top-slider-list-item-speech_btn_close::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.c-kids-course_top-slider-list-item-speech_btn_close::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.c-kids-couce-top_ground_table_tablet {
  position: absolute;
  overflow: hidden;
  background: -webkit-gradient(linear, left top, right bottom, from(#efebc2), to(#1a6f8e));
  background: -webkit-linear-gradient(top left, #efebc2, #1a6f8e);
  background: linear-gradient(to bottom right, #efebc2, #1a6f8e);
}
@media screen and (min-width: 768px) {
  .c-kids-couce-top_ground_table_tablet {
    bottom: 7.32421875vw;
    left: 4.98046875vw;
    width: 11.9140625vw;
    height: 8.203125vw;
    border: 1px solid #000;
    border-radius: 0.48828125vw;
  }
}
@media screen and (max-width: 767px) {
  .c-kids-couce-top_ground_table_tablet {
    bottom: 17.866666666666667vw;
    left: 14.666666666666666vw;
    width: 29.333333333333332vw;
    height: 20vw;
    border: 1px solid #000;
    border-radius: 1.333333333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_ground_choice {
    padding-top: 6.8359375vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_ground_choice {
    padding-top: 16vw;
    z-index: 100;
    position: relative;
  }
}
.p-kids-top_ground_choice_img {
  -webkit-animation: float-allow 1s infinite;
  animation: float-allow 1s infinite;
}
@media screen and (min-width: 768px) {
  .p-kids-top_ground_choice_img {
    width: 4.6875vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_ground_choice_img {
    width: 9.866666666666667vw;
    height: 6.933333333333333vw;
    display: block;
    margin: 0 auto;
  }
}
.p-kids-top_ground_choice_text {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .p-kids-top_ground_choice_text {
    font-size: 2.1484375vw;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 900;
    margin: 0 1.953125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_ground_choice_text {
    text-align: center;
    font-size: 4.533333333333333vw;
    line-height: 2;
    letter-spacing: 0.02em;
    font-weight: 900;
    margin-top: 0.266666666666667vw;
  }
}
@-webkit-keyframes float-allow {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes float-allow {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
.m-naruhodo {
  position: relative;
  opacity: 0;
  -webkit-transition: opacity 0.66s ease, -webkit-transform 0.66s ease;
  transition: opacity 0.66s ease, -webkit-transform 0.66s ease;
  transition: transform 0.66s ease, opacity 0.66s ease;
  transition: transform 0.66s ease, opacity 0.66s ease, -webkit-transform 0.66s ease;
}
@media screen and (any-hover: hover) and (min-width: 768px) {
  .m-naruhodo:has(.m-naruhodo-pen:hover) .m-naruhoso-quesurion {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}
@media screen and (min-width: 768px) {
  .m-naruhodo {
    -webkit-transform: translateX(7.8125vw);
    transform: translateX(7.8125vw);
  }
}
@media screen and (max-width: 767px) {
  .m-naruhodo {
    -webkit-transform: translateX(21.333333333333336vw);
    transform: translateX(21.333333333333336vw);
  }
}
.m-naruhodo.is-active {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: opacity 0.66s ease, -webkit-transform 0.66s ease;
  transition: opacity 0.66s ease, -webkit-transform 0.66s ease;
  transition: transform 0.66s ease, opacity 0.66s ease;
  transition: transform 0.66s ease, opacity 0.66s ease, -webkit-transform 0.66s ease;
}
@media screen and (min-width: 768px) {
  .m-naruhodo-pen {
    width: 27.34375vw;
  }
}
@media screen and (max-width: 767px) {
  .m-naruhodo-pen {
    width: 45.33333333333333vw;
  }
}
.m-naruhoso-quesurion {
  position: absolute;
  -webkit-transform: scale(1);
  transform: scale(1);
}
@media screen and (min-width: 768px) {
  .m-naruhoso-quesurion {
    top: -2.63671875vw;
    right: 11.9140625vw;
    width: 7.03125vw;
  }
}
@media screen and (max-width: 767px) {
  .m-naruhoso-quesurion {
    top: -4vw;
    right: 19.2vw;
    width: 11.466666666666667vw;
  }
}
@media screen and (any-hover: hover) and (min-width: 768px) {
  .m-naruhoso-quesurion {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
.m-other-title {
  position: relative;
  background-image: url("/kids/assets/images/common/bg_pattern_grid_top.svg"), -webkit-gradient(linear, left top, left bottom, from(#145d9d), to(#6c9abf));
  background-image: url("/kids/assets/images/common/bg_pattern_grid_top.svg"), -webkit-linear-gradient(#145d9d, #6c9abf);
  background-image: url("/kids/assets/images/common/bg_pattern_grid_top.svg"), linear-gradient(#145d9d, #6c9abf);
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .m-other-title {
    padding: 4.39453125vw 0 10.9375vw;
    font-size: 3.90625vw;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 900;
  }
  .m-other-title ruby::before {
    font-size: 0.9765625vw;
    top: -0.5em;
  }
}
@media screen and (max-width: 767px) {
  .m-other-title {
    padding: 17.333333333333336vw 0 30.133333333333333vw;
    font-size: 6.933333333333333vw;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 900;
  }
  .m-other-title ruby::before {
    font-size: 2.666666666666667vw;
    top: -0.8em;
  }
}
.m-other-title-img {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
}
@media screen and (min-width: 768px) {
  .m-other-title-img {
    width: 11.42578125vw;
    bottom: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  .m-other-title-img {
    width: 31.2vw;
    bottom: 1.066666666666667vw;
  }
}
.m-other-title::before {
  content: '';
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  background-color: #fff;
  border-top: 1px solid #000;
}
@media screen and (min-width: 768px) {
  .m-other-title::before {
    width: 153.7109375vw;
    height: 50.09765625vw;
    bottom: -43.9453125vw;
  }
}
@media screen and (max-width: 767px) {
  .m-other-title::before {
    width: 157.86666666666667vw;
    height: 54.13333333333333vw;
    bottom: -39.46666666666667vw;
  }
}
.m-other-main {
  background-color: #fff;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .m-other-main-desc {
    text-align: center;
    font-size: 1.66015625vw;
    line-height: 2;
    letter-spacing: 0.02em;
    font-weight: 700;
    margin-top: 0.1953125vw;
  }
}
@media screen and (max-width: 767px) {
  .m-other-main-desc {
    padding: 5.866666666666666vw 5.333333333333334vw 0;
    font-size: 3.733333333333334vw;
    line-height: 2;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .m-other:has(.p-parents) .m-other-main-desc {
    -webkit-transform: translateY(-0.9765625vw);
    transform: translateY(-0.9765625vw);
  }
}
@media screen and (min-width: 768px) {
  .m-other-main-desc-text:nth-child(n+2) {
    margin-top: 1.7578125vw;
  }
}
@media screen and (max-width: 767px) {
  .m-other-main-desc-text:nth-child(n+2) {
    margin-top: 2.933333333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .m-other:has(.p-question) .m-other-main-desc-text:nth-child(n+2) {
    margin-top: 0.9765625vw;
  }
}
.m-other-end {
  position: relative;
  z-index: 1;
  background-image: url("/kids/assets/images/common/bg_pattern_grid_top.svg"), -webkit-gradient(linear, left top, left bottom, from(#145d9d), to(#4780b2));
  background-image: url("/kids/assets/images/common/bg_pattern_grid_top.svg"), -webkit-linear-gradient(#145d9d, #4780b2);
  background-image: url("/kids/assets/images/common/bg_pattern_grid_top.svg"), linear-gradient(#145d9d, #4780b2);
  border-top: 1px solid #000;
}
@media screen and (min-width: 768px) {
  .m-other-end {
    padding: 0 16.50390625vw 6.4453125vw;
  }
}
@media screen and (max-width: 767px) {
  .m-other-end {
    padding: 0 5.333333333333334vw 17.599999999999998vw;
  }
}
.m-other:has(.c-kids_card) .m-other-end {
  background-image: url("/kids/assets/images/common/bg_pattern_grid_top.svg"), -webkit-gradient(linear, left top, left bottom, from(#145d9d), to(#95b6cf));
  background-image: url("/kids/assets/images/common/bg_pattern_grid_top.svg"), -webkit-linear-gradient(#145d9d, #95b6cf);
  background-image: url("/kids/assets/images/common/bg_pattern_grid_top.svg"), linear-gradient(#145d9d, #95b6cf);
}
.m-other-end-bt {
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .m-other-end-bt {
    width: 27.5390625vw;
    height: 5.859375vw;
  }
}
@media screen and (max-width: 767px) {
  .m-other-end-bt {
    width: 89.33333333333333vw;
    height: 16vw;
    margin-top: 5.333333333333334vw;
  }
}
.m-other-end-bt .m-layer-btn {
  font-family: 'M PLUS 1p', sans-serif;
}
@media screen and (min-width: 768px) {
  .m-other-end-bt .m-layer-btn {
    font-size: 1.66015625vw;
    line-height: 1.470588235294118;
    letter-spacing: 0.02em;
    font-weight: 900;
    padding: 0 1.953125vw;
  }
}
@media screen and (max-width: 767px) {
  .m-other-end-bt .m-layer-btn {
    font-size: 4.533333333333333vw;
    line-height: 1.470588235294118;
    letter-spacing: 0.02em;
    font-weight: 900;
    padding: 0 8vw;
  }
}
@media screen and (min-width: 768px) {
  .m-other-end-bt .m-layer-btn [data-ruby] {
    margin-top: 0.390625vw !important;
  }
}
@media screen and (max-width: 767px) {
  .m-other-end-bt .m-layer-btn [data-ruby] {
    margin-top: 1.066666666666667vw !important;
  }
}
.m-other-end-bt .m-layer-btn [data-ruby]::before {
  top: -0.9em !important;
}
@media screen and (min-width: 768px) {
  .m-other-end-bt .m-layer-btn img {
    width: 0.9765625vw;
  }
}
@media screen and (max-width: 767px) {
  .m-other-end-bt .m-layer-btn img {
    width: 2.666666666666667vw;
  }
}
.m-other-end-bt.is-top .m-layer-btn {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .m-other-end-bt-set {
    padding-top: 5.859375vw;
  }
}
@media screen and (max-width: 767px) {
  .m-other-end-bt-set {
    padding-top: 8vw;
  }
}
@media screen and (min-width: 768px) {
  .m-other:has(.c-kids_card) .m-other-end-bt-set {
    padding-top: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .m-other:has(.c-kids_card) .m-other-end-bt-set {
    padding-top: 0vw;
  }
}
@media screen and (min-width: 768px) {
  .m-other-end-bt-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 2.1484375vw 3.515625vw;
  }
}
@media screen and (min-width: 768px) {
  .m-other-end-bt-flex .m-other-end-bt .m-layer-btn {
    padding: 0 1.953125vw;
  }
}
@media screen and (max-width: 767px) {
  .m-other-end-bt-flex .m-other-end-bt .m-layer-btn {
    padding: 0 8vw 0 5.333333333333334vw;
  }
}
@media screen and (min-width: 768px) {
  .m-other-end-bt .m-layer-btn img {
    width: 1.3671875vw;
  }
}
@media screen and (max-width: 767px) {
  .m-other-end-bt .m-layer-btn img {
    width: 3.733333333333334vw;
  }
}
.l_bottom_breadcrumbs {
  background-color: #fff;
  width: 100%;
  z-index: 1;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .l_bottom_breadcrumbs {
    padding: 1.7578125vw 5.37109375vw;
    gap: 1.46484375vw 0.9765625vw;
    border-top: 1px solid #000;
  }
}
@media screen and (max-width: 767px) {
  .l_bottom_breadcrumbs {
    padding: 3.2vw 4.266666666666667vw;
    gap: 4vw 2.666666666666667vw;
    border-top: 1px solid #000;
  }
}
.l_bottom_breadcrumbs-link {
  white-space: nowrap;
  position: relative;
  font-family: 'M PLUS 1p', sans-serif;
}
@media screen and (min-width: 768px) {
  .l_bottom_breadcrumbs-link {
    font-size: 1.26953125vw;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .l_bottom_breadcrumbs-link {
    font-size: 2.933333333333333vw;
    line-height: 1.454545454545455;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
.l_bottom_breadcrumbs-link ruby[data-ruby]::before {
  top: -1.2em;
}
@media screen and (min-width: 768px) {
  .l_bottom_breadcrumbs-link ruby[data-ruby]::before {
    font-size: 0.78125vw;
  }
}
@media screen and (min-width: 768px) {
  .l_bottom_breadcrumbs-link:not(:last-child) {
    padding-right: 2.1484375vw;
  }
}
@media screen and (max-width: 767px) {
  .l_bottom_breadcrumbs-link:not(:last-child) {
    padding-right: 5.066666666666666vw;
  }
}
.l_bottom_breadcrumbs-link:not(:last-child)::after {
  content: '';
  display: block;
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (min-width: 768px) {
  .l_bottom_breadcrumbs-link:not(:last-child)::after {
    width: 0.5859375vw;
    height: 0.5859375vw;
    border-right: 0.1953125vw solid #000;
    border-top: 0.1953125vw solid #000;
    margin-left: 1.66015625vw;
    right: 0.48828125vw;
    top: 0.390625vw;
  }
}
@media screen and (max-width: 767px) {
  .l_bottom_breadcrumbs-link:not(:last-child)::after {
    width: 1.866666666666667vw;
    height: 1.866666666666667vw;
    border-right: 0.266666666666667vw solid #000;
    border-top: 0.266666666666667vw solid #000;
    right: 1.066666666666667vw;
    top: 1.333333333333333vw;
  }
}
.l_bottom_breadcrumbs a {
  color: #f24304;
  border-bottom: 1px solid #f24304;
  display: block;
}
@media screen and (min-width: 768px) {
  .l_bottom_breadcrumbs a {
    cursor: pointer;
    height: 1.26953125vw;
  }
  .l_bottom_breadcrumbs a:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 767px) {
  .l_bottom_breadcrumbs a {
    height: 3.733333333333334vw;
  }
}
@media screen and (min-width: 768px) and (any-hover: hover) and (min-width: 768px) {
  .l_bottom_breadcrumbs a {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
}
.m-ellipse-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 9px, 9px, 2px, 2px;
  background-position: top, bottom, left, right;
  pointer-events: none;
}
.m-ellipse-border.is-color-engineer {
  background-image: url("/kids/assets/images/schoolproject/template/dotted_engineer.svg"), url("/kids/assets/images/schoolproject/template/dotted_engineer.svg"), url("/kids/assets/images/schoolproject/template/dotted_vertical_engineer.svg"), url("/kids/assets/images/schoolproject/template/dotted_vertical_engineer.svg");
}
.m-ellipse-border.is-color-designer {
  background-image: url("/kids/assets/images/schoolproject/template/dotted_designer.svg"), url("/kids/assets/images/schoolproject/template/dotted_designer.svg"), url("/kids/assets/images/schoolproject/template/dotted_vertical_designer.svg"), url("/kids/assets/images/schoolproject/template/dotted_vertical_designer.svg");
}
.m-ellipse-border.is-color-business {
  background-image: url("/kids/assets/images/schoolproject/template/dotted_business.svg"), url("/kids/assets/images/schoolproject/template/dotted_business.svg"), url("/kids/assets/images/schoolproject/template/dotted_vertical_business.svg"), url("/kids/assets/images/schoolproject/template/dotted_vertical_business.svg");
}
.m-ellipse-border.is-color-common {
  background-image: url("/kids/assets/images/schoolproject/template/dotted_common.svg"), url("/kids/assets/images/schoolproject/template/dotted_common.svg"), url("/kids/assets/images/schoolproject/template/dotted_vertical_common.svg"), url("/kids/assets/images/schoolproject/template/dotted_vertical_common.svg");
}
.m-end-of-page {
  background-color: #95bee0;
  border-top: 1px solid #000;
}
.m-end-of-page--engineer {
  background-color: #baaaed;
}
@media screen and (min-width: 768px) {
  .m-end-of-step_text_1 {
    font-size: 1.66015625vw;
    line-height: 2;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_text_1 {
    font-size: 3.733333333333334vw;
    line-height: 2;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
.m-end-of-step_text_2 {
  display: inline-block;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .m-end-of-step_text_2 {
    font-size: 2.1484375vw;
    line-height: 2;
    letter-spacing: 0.02em;
    font-weight: 900;
    margin-top: 1.953125vw;
    margin-left: 0.29296875vw;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_text_2 {
    margin-top: 5.333333333333334vw;
    font-size: 4.533333333333333vw;
    line-height: 2;
    letter-spacing: 0.02em;
    font-weight: 900;
  }
}
.m-end-of-step_text_2::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 105%;
  height: 70%;
  background-color: #ffd41a;
  z-index: -1;
}
.m-end-of-step_text_2:has(span)::before {
  content: none;
}
.m-end-of-step_text_2 span {
  position: relative;
}
.m-end-of-step_text_2 span::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 102%;
  height: 80%;
  background-color: #ffd41a;
  z-index: -1;
  margin-left: -2px;
}
.m-end-of-step_text_2 span [data-ruby]::before {
  top: -1em;
}
.m-end-of-step_last_text-wrap {
  position: relative;
  text-align: center;
  background-repeat: no-repeat;
  background-position: bottom center;
}
@media screen and (min-width: 768px) {
  .m-end-of-step_last_text-wrap {
    padding-top: 6.34765625vw;
    padding-bottom: 5.859375vw;
    height: 29.78515625vw;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_last_text-wrap {
    padding-top: 9.866666666666667vw;
    padding-bottom: 24vw;
  }
}
@media screen and (min-width: 768px) {
  .m-end-of-step_last_text-wrap .m-end-of-step_text_2 {
    margin-top: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_last_text-wrap .m-end-of-step_text_2 {
    margin-top: 2.666666666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .m-end-of-page--business .m-end-of-step_text-wrap {
    background-image: url("/kids/assets/images/common/bg_wall_business_pc.svg");
    background-size: 102%;
    height: 29.296875vw;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-page--business .m-end-of-step_text-wrap {
    background-image: url("/kids/assets/images/common/bg_wall_business_sp.svg");
    background-size: 106%;
  }
}
@media screen and (min-width: 768px) {
  .m-end-of-page--business .m-end-of-step_last_text-wrap {
    background-image: url("/kids/assets/images/common/bg_wall_business_pc.svg");
    background-size: 115%;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-page--business .m-end-of-step_last_text-wrap {
    background-image: url("/kids/assets/images/common/bg_wall_business_sp.svg");
    background-size: 100%;
  }
}
@media screen and (min-width: 768px) {
  .m-end-of-page--engineer .m-end-of-step_text-wrap {
    background-image: url("/kids/assets/images/common/bg_wall_engineer_pc.svg");
    background-size: 105%;
    background-position: bottom;
    height: 29.296875vw;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-page--engineer .m-end-of-step_text-wrap {
    background-image: url("/kids/assets/images/common/bg_wall_engineer_sp.svg");
    background-size: 100%;
    background-position: bottom;
  }
}
@media screen and (min-width: 768px) {
  .m-end-of-page--engineer .m-end-of-step_last_text-wrap {
    background-image: url("/kids/assets/images/common/bg_wall_engineer_pc.svg");
    background-size: 105%;
    background-position: bottom;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-page--engineer .m-end-of-step_last_text-wrap {
    background-image: url("/kids/assets/images/common/bg_wall_engineer_sp.svg");
    background-size: 100%;
    background-position: bottom;
  }
}
@media screen and (min-width: 768px) {
  .m-end-of-page--designer .m-end-of-step_text-wrap {
    background-image: url("/kids/assets/images/common/bg_wall_designer_pc.svg");
    background-size: 102%;
    background-position: bottom;
    background-color: #f0addb;
    height: 29.296875vw;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-page--designer .m-end-of-step_text-wrap {
    background-image: url("/kids/assets/images/common/bg_wall_designer_sp.svg");
    background-size: 105%;
    background-position: bottom;
    background-color: #f0addb;
  }
}
@media screen and (min-width: 768px) {
  .m-end-of-page--designer .m-end-of-step_last_text-wrap {
    background-image: url("/kids/assets/images/common/bg_wall_designer_pc.svg");
    background-size: 105%;
    background-position: bottom;
    background-color: #f0addb;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-page--designer .m-end-of-step_last_text-wrap {
    background-image: url("/kids/assets/images/common/bg_wall_designer_sp.svg");
    background-size: 105%;
    background-position: bottom;
    background-color: #f0addb;
  }
}
.m-end-of-step_last_btn-wrap {
  text-align: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media screen and (min-width: 768px) {
  .m-end-of-step_last_btn-wrap {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 3.3203125vw;
    margin-top: 3.41796875vw;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_last_btn-wrap {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 6.133333333333333vw auto 0;
    gap: 4.266666666666667vw;
  }
}
.m-end-of-step_last_btn-wrap .m-end-of-step_last_character--business {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
@media screen and (min-width: 768px) {
  .m-end-of-step_last_btn-wrap .m-end-of-step_last_character--business {
    width: 11.71875vw;
    top: -9.765625vw;
    left: 4.8828125vw;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_last_btn-wrap .m-end-of-step_last_character--business {
    width: 29.333333333333332vw;
    top: 6.4vw;
    left: -2.133333333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .m-end-of-step_last_btn-wrap .m-end-of-step_last_character--engineer {
    width: 13.28125vw;
    top: -8.7890625vw;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_last_btn-wrap .m-end-of-step_last_character--engineer {
    width: 33.6vw;
    top: 8vw;
  }
}
@media screen and (min-width: 768px) {
  .m-end-of-step_last_btn-wrap .m-end-of-step_last_character--designer {
    width: 12.59765625vw;
    top: -7.2265625vw;
    right: 2.83203125vw;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_last_btn-wrap .m-end-of-step_last_character--designer {
    width: 32vw;
    top: 12.266666666666666vw;
    right: -2.933333333333333vw;
  }
}
.m-end-of-step_last_btn-wrap--business .m-end-of-step_last_character.m-end-of-step_last_character--engineer {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
@media screen and (min-width: 768px) {
  .m-end-of-step_last_btn-wrap--business .m-end-of-step_last_character.m-end-of-step_last_character--engineer {
    left: 2.63671875vw;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_last_btn-wrap--business .m-end-of-step_last_character.m-end-of-step_last_character--engineer {
    left: -6.4vw;
  }
}
.m-end-of-step_last_btn-wrap--designer .m-end-of-step_last_character.m-end-of-step_last_character--engineer {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
@media screen and (min-width: 768px) {
  .m-end-of-step_last_btn-wrap--designer .m-end-of-step_last_character.m-end-of-step_last_character--engineer {
    right: 2.63671875vw;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_last_btn-wrap--designer .m-end-of-step_last_character.m-end-of-step_last_character--engineer {
    right: -6.4vw;
  }
}
.m-end-of-step_last_character {
  position: absolute;
  z-index: 5;
  pointer-events: none;
}
.m-end-of-step_last_btn {
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .m-end-of-step_last_btn {
    width: 20.1171875vw;
    height: 5.859375vw;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_last_btn {
    width: 54.93333333333334vw;
    height: 16vw;
  }
}
@media screen and (min-width: 768px) {
  .m-end-of-step_last_btn .m-layer-btn {
    padding: 0 1.953125vw;
    font-size: 1.66015625vw;
    line-height: 1.470588235294118;
    letter-spacing: 0.02em;
    font-weight: 900;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_last_btn .m-layer-btn {
    padding: 0 5.333333333333334vw;
    font-size: 4.533333333333333vw;
    line-height: 1.470588235294118;
    letter-spacing: 0.02em;
    font-weight: 900;
  }
}
@media screen and (min-width: 768px) {
  .m-end-of-step_last_btn .m-layer-btn img {
    width: 0.9765625vw;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_last_btn .m-layer-btn img {
    width: 2.666666666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .m-end-of-step_last_btn-wrap--engineer .m-end-of-step_last_btn:first-child .m-layer-btn {
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_last_btn-wrap--engineer .m-end-of-step_last_btn:first-child .m-layer-btn {
    font-size: 4vw;
  }
}
.m-end-of-step_last_btn_to-top-wrap {
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 768px) {
  .m-end-of-step_last_btn_to-top-wrap {
    padding-top: 3.90625vw;
    padding-bottom: 6.8359375vw;
    background-size: 162%;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_last_btn_to-top-wrap {
    padding-top: 13.600000000000001vw;
    padding-bottom: 10.666666666666668vw;
    background-size: 100%;
  }
}
@media screen and (min-width: 768px) {
  .m-end-of-step_last_btn_to-top-wrap--business {
    background-image: url("/kids/assets/images/common/bg_floor_business_pc.svg");
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_last_btn_to-top-wrap--business {
    background-image: url("/kids/assets/images/common/bg_floor_business_sp.svg");
  }
}
@media screen and (min-width: 768px) {
  .m-end-of-step_last_btn_to-top-wrap--engineer {
    background-image: url("/kids/assets/images/common/bg_floor_engineer_pc.svg");
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_last_btn_to-top-wrap--engineer {
    background-image: url("/kids/assets/images/common/bg_floor_engineer_sp.svg");
  }
}
@media screen and (min-width: 768px) {
  .m-end-of-step_last_btn_to-top-wrap--designer {
    background-image: url("/kids/assets/images/common/bg_floor_designer_pc.svg");
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_last_btn_to-top-wrap--designer {
    background-image: url("/kids/assets/images/common/bg_floor_designer_sp.svg");
  }
}
.m-end-of-step_last_btn_to-top.m-layer-btn-wrapper {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .m-end-of-step_last_btn_to-top.m-layer-btn-wrapper {
    width: 31.8359375vw;
    height: 5.859375vw;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_last_btn_to-top.m-layer-btn-wrapper {
    width: 89.33333333333333vw;
    height: 16vw;
  }
}
.m-end-of-step_last_btn_to-top.m-layer-btn-wrapper .m-layer-btn {
  font-family: 'M PLUS 1p', sans-serif;
  background-color: #fff !important;
}
@media screen and (min-width: 768px) {
  .m-end-of-step_last_btn_to-top.m-layer-btn-wrapper .m-layer-btn {
    padding: 0 1.953125vw;
    font-size: 1.66015625vw;
    line-height: 1.470588235294118;
    letter-spacing: 0.02em;
    font-weight: 900;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_last_btn_to-top.m-layer-btn-wrapper .m-layer-btn {
    padding: 0 8vw;
    font-size: 4.533333333333333vw;
    line-height: 1.470588235294118;
    letter-spacing: 0.02em;
    font-weight: 900;
  }
}
@media screen and (min-width: 768px) {
  .m-end-of-step_last_btn_to-top.m-layer-btn-wrapper .m-layer-btn [data-ruby] {
    margin-top: 0.390625vw !important;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_last_btn_to-top.m-layer-btn-wrapper .m-layer-btn [data-ruby] {
    margin-top: 1.066666666666667vw !important;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_last_btn_to-top.m-layer-btn-wrapper .m-layer-btn [data-ruby] ::before {
    top: -0.8em !important;
  }
}
@media screen and (min-width: 768px) {
  .m-end-of-step_last_btn_to-top.m-layer-btn-wrapper .m-layer-btn img {
    width: 0.9765625vw;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_last_btn_to-top.m-layer-btn-wrapper .m-layer-btn img {
    width: 2.666666666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_last_btn_to-top.m-layer-btn-wrapper .m-layer-btn [data-ruby]::before {
    top: -0.8em !important;
  }
}
.m-end-of-step_text-wrap {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-position: bottom;
}
@media screen and (min-width: 768px) {
  .m-end-of-step_text-wrap {
    padding-top: 5.2734375vw;
    padding-left: 5.2734375vw;
    padding-bottom: 2.734375vw;
    background-image: url("/kids/assets/images/common/bg_wall_pc.svg");
    background-size: 115%;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_text-wrap {
    padding-top: 10.133333333333333vw;
    text-align: center;
    background-image: url("/kids/assets/images/common/bg_wall_sp.svg");
    background-size: 100%;
  }
}
.m-end-of-step_door-wrap {
  z-index: 5;
}
@media screen and (min-width: 768px) {
  .m-end-of-step_door-wrap {
    position: absolute;
    bottom: 0;
    right: 7.32421875vw;
    width: 24.31640625vw;
    height: 25.390625vw;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_door-wrap {
    position: relative;
    margin-top: 5.333333333333334vw;
    margin-left: 27.73333333333333vw;
    width: 58.93333333333334vw;
    height: 61.6vw;
  }
}
.m-end-of-step_door {
  position: absolute;
  left: 0;
}
@media screen and (min-width: 768px) {
  .m-end-of-step_door {
    bottom: -1.953125vw;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_door {
    bottom: -5.066666666666666vw;
  }
}
@media screen and (min-width: 768px) {
  .m-end-of-step_door--business {
    bottom: -1.953125vw;
    width: 25vw;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_door--business {
    bottom: -5.066666666666666vw;
    width: 61.06666666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .m-end-of-step_door--engineer {
    bottom: -1.7578125vw;
    width: 24.21875vw;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_door--engineer {
    bottom: -4.533333333333333vw;
    width: 59.46666666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .m-end-of-step_door--designer {
    bottom: -1.7578125vw;
    width: 24.21875vw;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_door--designer {
    bottom: -4.533333333333333vw;
    width: 59.46666666666667vw;
  }
}
.m-end-of-step_door_text {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .m-end-of-step_door_text {
    -webkit-transform-origin: left 50%;
    -webkit-transform: perspective(110vw) rotateY(-35deg);
  }
  .m-end-of-step_door_text [data-ruby]::before {
    top: -0.48828125vw;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_door_text {
    -webkit-transform-origin: left 50%;
    -webkit-transform: perspective(260vw) rotateY(-35deg);
  }
  .m-end-of-step_door_text [data-ruby]::before {
    top: -1.066666666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .m-end-of-step_door_text.m-end-of-step_door_text--business.is-01 {
    top: 12.20703125vw;
    left: 3.41796875vw;
    font-size: 1.3671875vw;
    line-height: 1.428571428571429;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_door_text.m-end-of-step_door_text--business.is-01 {
    top: 29.86666666666667vw;
    left: 8.533333333333333vw;
    font-size: 3.2vw;
    line-height: 1.416666666666667;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .m-end-of-step_door_text.m-end-of-step_door_text--business.is-02 {
    top: 11.71875vw;
    left: 2.734375vw;
    font-size: 1.3671875vw;
    line-height: 1.785714285714286;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_door_text.m-end-of-step_door_text--business.is-02 {
    top: 28.799999999999997vw;
    left: 6.933333333333333vw;
    font-size: 3.2vw;
    line-height: 1.833333333333333;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .m-end-of-step_door_text.m-end-of-step_door_text--engineer.is-01 {
    top: 13.18359375vw;
    left: 2.9296875vw;
    font-size: 1.3671875vw;
    line-height: 1.571428571428571;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_door_text.m-end-of-step_door_text--engineer.is-01 {
    top: 30.933333333333334vw;
    left: 6.933333333333333vw;
    font-size: 3.2vw;
    line-height: 1.666666666666667;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .m-end-of-step_door_text.m-end-of-step_door_text--engineer.is-02 {
    top: 12.6953125vw;
    left: 3.7109375vw;
    font-size: 1.3671875vw;
    line-height: 1.785714285714286;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_door_text.m-end-of-step_door_text--engineer.is-02 {
    top: 31.2vw;
    left: 10.133333333333333vw;
    font-size: 3.2vw;
    line-height: 1.833333333333333;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .m-end-of-step_door_text.m-end-of-step_door_text--designer.is-01 {
    top: 13.4765625vw;
    left: 1.953125vw;
    font-size: 1.3671875vw;
    line-height: 1.571428571428571;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_door_text.m-end-of-step_door_text--designer.is-01 {
    top: 32vw;
    left: 6.133333333333333vw;
    font-size: 3.2vw;
    line-height: 1.666666666666667;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .m-end-of-step_door_text.m-end-of-step_door_text--designer.is-02 {
    top: 13.18359375vw;
    left: 1.953125vw;
    font-size: 1.3671875vw;
    line-height: 1.785714285714286;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_door_text.m-end-of-step_door_text--designer.is-02 {
    top: 32vw;
    left: 6.133333333333333vw;
    font-size: 3.2vw;
    line-height: 1.833333333333333;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
.m-end-of-step_btn-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 768px) {
  .m-end-of-step_btn-wrap {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 3.90625vw;
    gap: 3.3203125vw;
    padding-bottom: 5.37109375vw;
    background-size: 162%;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_btn-wrap {
    padding-top: 10.666666666666668vw;
    padding-bottom: 12vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5.333333333333334vw;
    background-size: 100%;
  }
}
@media screen and (min-width: 768px) {
  .m-end-of-step_btn-wrap--business {
    background-image: url("/kids/assets/images/common/bg_floor_business_pc.svg");
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_btn-wrap--business {
    background-image: url("/kids/assets/images/common/bg_floor_business_sp.svg");
  }
}
@media screen and (min-width: 768px) {
  .m-end-of-step_btn-wrap--engineer {
    background-image: url("/kids/assets/images/common/bg_floor_engineer_pc.svg");
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_btn-wrap--engineer {
    background-image: url("/kids/assets/images/common/bg_floor_engineer_sp.svg");
  }
}
@media screen and (min-width: 768px) {
  .m-end-of-step_btn-wrap--designer {
    background-image: url("/kids/assets/images/common/bg_floor_designer_pc.svg");
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_btn-wrap--designer {
    background-image: url("/kids/assets/images/common/bg_floor_designer_sp.svg");
  }
}
@media screen and (min-width: 768px) {
  .m-end-of-step_btn_to-top,
  .m-end-of-step_btn_next-step {
    width: 31.8359375vw;
    height: 5.859375vw;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_btn_to-top,
  .m-end-of-step_btn_next-step {
    width: 89.33333333333333vw;
    height: 16vw;
  }
}
.m-end-of-step_btn_to-top .m-layer-btn,
.m-end-of-step_btn_next-step .m-layer-btn {
  font-family: 'M PLUS 1p', sans-serif;
}
@media screen and (min-width: 768px) {
  .m-end-of-step_btn_to-top .m-layer-btn,
  .m-end-of-step_btn_next-step .m-layer-btn {
    font-size: 1.66015625vw;
    line-height: 1.470588235294118;
    letter-spacing: 0.02em;
    font-weight: 900;
    padding: 0 1.953125vw;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_btn_to-top .m-layer-btn,
  .m-end-of-step_btn_next-step .m-layer-btn {
    font-size: 4.533333333333333vw;
    line-height: 1.470588235294118;
    letter-spacing: 0.02em;
    font-weight: 900;
    padding: 0 8vw;
  }
}
@media screen and (min-width: 768px) {
  .m-end-of-step_btn_to-top .m-layer-btn [data-ruby],
  .m-end-of-step_btn_next-step .m-layer-btn [data-ruby] {
    margin-top: 0.390625vw !important;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_btn_to-top .m-layer-btn [data-ruby],
  .m-end-of-step_btn_next-step .m-layer-btn [data-ruby] {
    margin-top: 1.066666666666667vw !important;
  }
}
.m-end-of-step_btn_to-top .m-layer-btn [data-ruby]::before,
.m-end-of-step_btn_next-step .m-layer-btn [data-ruby]::before {
  top: -0.9em !important;
}
@media screen and (min-width: 768px) {
  .m-end-of-step_btn_to-top .m-layer-btn img,
  .m-end-of-step_btn_next-step .m-layer-btn img {
    width: 0.9765625vw;
  }
}
@media screen and (max-width: 767px) {
  .m-end-of-step_btn_to-top .m-layer-btn img,
  .m-end-of-step_btn_next-step .m-layer-btn img {
    width: 2.666666666666667vw;
  }
}
.m-end-of-step_btn_to-top .m-layer-btn {
  background-color: #fff !important;
}
.m-layer-btn-wrapper {
  position: relative;
}
.m-layer-btn-wrapper .m-layer-btn {
  border-radius: 1000px;
  background-color: #ffd41a;
  position: absolute;
  border: 1px solid #000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: -webkit-transform 0.17s;
  transition: -webkit-transform 0.17s;
  transition: transform 0.17s;
  transition: transform 0.17s, -webkit-transform 0.17s;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .m-layer-btn-wrapper .m-layer-btn [data-ruby] {
    margin-top: 0.9765625vw;
  }
}
@media screen and (max-width: 767px) {
  .m-layer-btn-wrapper .m-layer-btn [data-ruby] {
    margin-top: 2.666666666666667vw;
  }
}
.m-layer-btn-wrapper .m-layer-btn [data-ruby]::before {
  font-weight: 900;
  font-family: 'M PLUS 1p', sans-serif;
}
@media screen and (min-width: 768px) {
  .m-layer-btn-wrapper .m-layer-btn [data-ruby]::before {
    top: -1.2em;
  }
}
@media screen and (max-width: 767px) {
  .m-layer-btn-wrapper .m-layer-btn [data-ruby]::before {
    top: -1.4em;
  }
}
.m-layer-btn-wrapper .layer_1,
.m-layer-btn-wrapper .layer_2 {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  border: solid 1px #000;
  background-color: #fff;
  -webkit-transition: -webkit-transform 0.17s;
  transition: -webkit-transform 0.17s;
  transition: transform 0.17s;
  transition: transform 0.17s, -webkit-transform 0.17s;
}
@media screen and (min-width: 768px) {
  .m-layer-btn-wrapper .layer_1,
  .m-layer-btn-wrapper .layer_2 {
    border-radius: 7.8125vw;
  }
}
@media screen and (max-width: 767px) {
  .m-layer-btn-wrapper .layer_1,
  .m-layer-btn-wrapper .layer_2 {
    border-radius: 21.333333333333336vw;
  }
}
.m-layer-btn-wrapper .layer_1 {
  top: 3px;
}
.m-layer-btn-wrapper .layer_2 {
  top: 6px;
}
.m-layer-btn-wrapper.is-start {
  font-family: 'Rammetto One', sans-serif;
}
@media screen and (min-width: 768px) {
  .m-layer-btn-wrapper.is-start {
    width: 14.0625vw;
    height: 4.1015625vw;
  }
}
@media screen and (max-width: 767px) {
  .m-layer-btn-wrapper.is-start {
    height: 9.066666666666666vw;
    width: 30.666666666666664vw;
  }
}
@media screen and (min-width: 768px) {
  .m-layer-btn-wrapper.is-start .m-layer-btn {
    padding: 0 1.7578125vw;
    font-size: 1.66015625vw;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
@media screen and (max-width: 767px) {
  .m-layer-btn-wrapper.is-start .m-layer-btn {
    padding: 0 3.733333333333334vw;
    font-size: 3.733333333333334vw;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
@media screen and (min-width: 768px) {
  .m-layer-btn-wrapper.is-start .m-layer-btn img {
    width: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  .m-layer-btn-wrapper.is-start .m-layer-btn img {
    width: 2.666666666666667vw;
  }
}
@media screen and (any-hover: hover) and (min-width: 768px) {
  .m-layer-btn-wrapper:hover .m-layer-btn {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  .m-layer-btn-wrapper:hover .layer_1 {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }
}
.m-kids-modal {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
  color: #fff;
  -ms-touch-action: auto;
  touch-action: auto;
}
.m-kids-modal .swiper-slide {
  opacity: 0 !important;
  pointer-events: none !important;
  overflow: hidden;
}
.m-kids-modal.is-slider-modal-open {
  opacity: 1;
  pointer-events: auto;
}
.m-kids-modal.is-slider-modal-open .swiper-slide {
  opacity: 1;
}
.m-kids-modal.is-slider-modal-open .swiper-slide-active {
  opacity: 1 !important;
  pointer-events: auto !important;
}
.m-kids-modal.is-slider-modal-open .swiper-slide-active .m-kids-modal-containter {
  opacity: 1 !important;
  pointer-events: auto !important;
  overflow-y: scroll !important;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.m-kids-modal.is-slider-modal-open .swiper-slide-active .m-kids-modal-containter::-webkit-scrollbar {
  display: none;
}
.m-kids-modal.is-modal-open {
  opacity: 1;
  pointer-events: auto;
}
.m-kids-modal.is-modal-open .m-kids-modal-containter {
  opacity: 1;
}
.m-kids-modal .swiper {
  overflow: visible;
}
.m-kids-modal_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
}
.m-kids-modal-wrap {
  position: absolute !important;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 90%;
  max-height: 90%;
}
@media screen and (min-width: 768px) {
  .m-kids-modal-wrap {
    width: 89.2578125vw;
  }
}
@media screen and (max-width: 767px) {
  .m-kids-modal-wrap {
    width: 89.33333333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .m-kids-modal-wrap:has(iframe) {
    max-width: 60vw;
    max-height: 55vh;
    width: 73.6328125vw;
    height: 41.50390625vw;
  }
}
@media screen and (max-width: 767px) {
  .m-kids-modal-wrap:has(iframe) {
    max-width: 100%;
    max-height: 100%;
    width: 100vw;
    height: 56.00000000000001vw;
  }
}
@media screen and (min-width: 768px) {
  .m-kids-modal-wrap:has(iframe) .m-kids-modal_close {
    top: -5.859375vw;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .m-kids-modal-wrap:has(iframe) .m-kids-modal_close {
    top: -10.666666666666668vw;
  }
}
.m-kids-modal-wrap iframe {
  width: 100%;
  height: 100%;
}
.m-kids-modal-containter {
  background-color: #000;
  background-position: top right;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border: solid 4px #fece00;
  width: 100%;
  height: 100%;
  opacity: 0;
  height: 75svh;
}
@media screen and (min-width: 768px) {
  .m-kids-modal-containter {
    background-size: 0.9765625vw 0.9765625vw;
    background-image: -webkit-radial-gradient(rgba(255,255,255,0.2), 20%, transparent 20%);
    background-image: radial-gradient(rgba(255,255,255,0.2), 20%, transparent 20%);
  }
}
@media screen and (max-width: 767px) {
  .m-kids-modal-containter {
    background-size: 2.133333333333333vw 2.133333333333333vw;
    background-image: -webkit-radial-gradient(rgba(255,255,255,0.2), 15%, transparent 15%);
    background-image: radial-gradient(rgba(255,255,255,0.2), 15%, transparent 15%);
  }
}
@media screen and (min-width: 768px) {
  .m-kids-modal-containter {
    border-radius: 2.734375vw;
  }
}
@media screen and (max-width: 767px) {
  .m-kids-modal-containter {
    border-radius: 5.600000000000001vw;
  }
}
.m-kids-modal-containter::-webkit-scrollbar {
  display: none;
}
.m-kids-modal_close {
  position: absolute;
  border-radius: 50%;
  background-color: #000;
}
@media screen and (min-width: 768px) {
  .m-kids-modal_close {
    top: 1.3671875vw;
    right: 1.3671875vw;
    width: 3.90625vw;
    height: 3.90625vw;
    border: solid 2px #fece00;
  }
}
@media screen and (max-width: 767px) {
  .m-kids-modal_close {
    top: 3.2vw;
    right: 3.2vw;
    width: 8vw;
    height: 8vw;
    border: solid 2px #fece00;
  }
}
.m-kids-modal_close::before,
.m-kids-modal_close::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  height: 2px;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .m-kids-modal_close::before,
  .m-kids-modal_close::after {
    width: 1.46484375vw;
  }
}
@media screen and (max-width: 767px) {
  .m-kids-modal_close::before,
  .m-kids-modal_close::after {
    width: 3.2vw;
  }
}
.m-kids-modal_close::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.m-kids-modal_close::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media screen and (any-hover: hover) and (min-width: 768px) {
  .m-kids-modal_close:hover::before,
  .m-kids-modal_close:hover::after {
    background-color: #fece00;
  }
}
.m-kids-modal_slider-navi.swiper-button-prev,
.m-kids-modal_slider-navi.swiper-button-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .m-kids-modal_slider-navi.swiper-button-prev,
  .m-kids-modal_slider-navi.swiper-button-next {
    width: 4.6875vw;
    height: 4.6875vw;
  }
}
@media screen and (max-width: 767px) {
  .m-kids-modal_slider-navi.swiper-button-prev,
  .m-kids-modal_slider-navi.swiper-button-next {
    width: 10.133333333333333vw;
    height: 10.133333333333333vw;
  }
}
.m-kids-modal_slider-navi.swiper-button-prev.swiper-button-disabled,
.m-kids-modal_slider-navi.swiper-button-next.swiper-button-disabled {
  opacity: 1;
  pointer-events: auto;
}
.m-kids-modal_slider-navi.swiper-button-prev.swiper-button-disabled .btn,
.m-kids-modal_slider-navi.swiper-button-next.swiper-button-disabled .btn {
  background-color: #d8d8d8;
}
.m-kids-modal_slider-navi.swiper-button-prev.swiper-button-disabled .btn::after,
.m-kids-modal_slider-navi.swiper-button-next.swiper-button-disabled .btn::after {
  background-color: #7c7c7c;
}
.m-kids-modal_slider-navi.swiper-button-prev::after,
.m-kids-modal_slider-navi.swiper-button-next::after {
  content: '';
}
.m-kids-modal_slider-navi.swiper-button-prev .btn,
.m-kids-modal_slider-navi.swiper-button-next .btn {
  position: absolute;
  background-color: #fece00;
  border-radius: 50%;
  border: solid 1px #000;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.17s;
  transition: -webkit-transform 0.17s;
  transition: transform 0.17s;
  transition: transform 0.17s, -webkit-transform 0.17s;
}
.m-kids-modal_slider-navi.swiper-button-prev .btn::after,
.m-kids-modal_slider-navi.swiper-button-next .btn::after {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-clip-path: polygon(0% 0%, 100% 50%, 100% 50%, 0% 100%);
  clip-path: polygon(0% 0%, 100% 50%, 100% 50%, 0% 100%);
  background-color: #000;
}
@media screen and (min-width: 768px) {
  .m-kids-modal_slider-navi.swiper-button-prev .btn::after,
  .m-kids-modal_slider-navi.swiper-button-next .btn::after {
    left: 1.66015625vw;
    width: 1.85546875vw;
    height: 2.1484375vw;
  }
}
@media screen and (max-width: 767px) {
  .m-kids-modal_slider-navi.swiper-button-prev .btn::after,
  .m-kids-modal_slider-navi.swiper-button-next .btn::after {
    left: 3.466666666666666vw;
    width: 4vw;
    height: 4.533333333333333vw;
  }
}
.m-kids-modal_slider-navi.swiper-button-prev .layer,
.m-kids-modal_slider-navi.swiper-button-next .layer {
  position: absolute;
  width: 100%;
  height: 100%;
}
.m-kids-modal_slider-navi.swiper-button-prev .layer::before,
.m-kids-modal_slider-navi.swiper-button-next .layer::before,
.m-kids-modal_slider-navi.swiper-button-prev .layer::after,
.m-kids-modal_slider-navi.swiper-button-next .layer::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  border-radius: 50%;
  border: solid 1px #000;
  -webkit-transition: -webkit-transform 0.17s;
  transition: -webkit-transform 0.17s;
  transition: transform 0.17s;
  transition: transform 0.17s, -webkit-transform 0.17s;
}
.m-kids-modal_slider-navi.swiper-button-prev .layer::before,
.m-kids-modal_slider-navi.swiper-button-next .layer::before {
  -webkit-transform: translateY(10%);
  transform: translateY(10%);
}
.m-kids-modal_slider-navi.swiper-button-prev .layer::after,
.m-kids-modal_slider-navi.swiper-button-next .layer::after {
  -webkit-transform: translateY(5%);
  transform: translateY(5%);
}
@media screen and (min-width: 768px) {
  .m-kids-modal_slider-navi.swiper-button-prev.m-kids-modal_slider-navi--prev,
  .m-kids-modal_slider-navi.swiper-button-next.m-kids-modal_slider-navi--prev {
    left: -2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  .m-kids-modal_slider-navi.swiper-button-prev.m-kids-modal_slider-navi--prev,
  .m-kids-modal_slider-navi.swiper-button-next.m-kids-modal_slider-navi--prev {
    left: -5.066666666666666vw;
  }
}
.m-kids-modal_slider-navi.swiper-button-prev.m-kids-modal_slider-navi--prev .btn::after,
.m-kids-modal_slider-navi.swiper-button-next.m-kids-modal_slider-navi--prev .btn::after {
  -webkit-transform: translateY(-50%) scale(-1, 1);
  transform: translateY(-50%) scale(-1, 1);
  left: auto;
}
@media screen and (min-width: 768px) {
  .m-kids-modal_slider-navi.swiper-button-prev.m-kids-modal_slider-navi--prev .btn::after,
  .m-kids-modal_slider-navi.swiper-button-next.m-kids-modal_slider-navi--prev .btn::after {
    right: 1.66015625vw;
  }
}
@media screen and (max-width: 767px) {
  .m-kids-modal_slider-navi.swiper-button-prev.m-kids-modal_slider-navi--prev .btn::after,
  .m-kids-modal_slider-navi.swiper-button-next.m-kids-modal_slider-navi--prev .btn::after {
    right: 3.733333333333334vw;
  }
}
@media screen and (min-width: 768px) {
  .m-kids-modal_slider-navi.swiper-button-prev.m-kids-modal_slider-navi--next,
  .m-kids-modal_slider-navi.swiper-button-next.m-kids-modal_slider-navi--next {
    right: -2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  .m-kids-modal_slider-navi.swiper-button-prev.m-kids-modal_slider-navi--next,
  .m-kids-modal_slider-navi.swiper-button-next.m-kids-modal_slider-navi--next {
    right: -5.066666666666666vw;
  }
}
@media screen and (any-hover: hover) and (min-width: 768px) {
  .m-kids-modal_slider-navi.swiper-button-prev:hover() .btn,
  .m-kids-modal_slider-navi.swiper-button-next:hover() .btn {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }
  .m-kids-modal_slider-navi.swiper-button-prev:hover() .layer::after,
  .m-kids-modal_slider-navi.swiper-button-next:hover() .layer::after {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }
  .m-kids-modal_slider-navi.swiper-button-prev:hover().swiper-button-disabled .btn,
  .m-kids-modal_slider-navi.swiper-button-next:hover().swiper-button-disabled .btn {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .m-kids-modal_slider-navi.swiper-button-prev:hover().swiper-button-disabled .layer::after,
  .m-kids-modal_slider-navi.swiper-button-next:hover().swiper-button-disabled .layer::after {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@media screen and (min-width: 768px) {
  .m-page-title {
    padding-top: 5.078125vw;
  }
}
@media screen and (max-width: 767px) {
  .m-page-title {
    padding-top: 18.666666666666668vw;
  }
}
.m-page-title_title {
  position: relative;
}
@media screen and (min-width: 768px) {
  .m-page-title_title {
    padding-left: 7.8125vw;
    font-size: 3.90625vw;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .m-page-title_title {
    padding-left: 16vw;
    font-size: 6.933333333333333vw;
    line-height: 2;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
.m-page-title_title [data-ruby]::before {
  top: -0.8em;
}
@media screen and (min-width: 768px) {
  .m-page-title_title [data-ruby]::before {
    font-size: 0.3em;
  }
}
.m-page-title_icon {
  position: absolute;
  left: 0;
}
@media screen and (min-width: 768px) {
  .m-page-title_icon {
    width: 6.8359375vw;
    height: 6.8359375vw;
    top: -0.48828125vw;
  }
}
@media screen and (max-width: 767px) {
  .m-page-title_icon {
    width: 13.866666666666665vw;
    height: 13.866666666666665vw;
    top: 0vw;
  }
}
.m-page-title_desc-wrap {
  position: relative;
}
@media screen and (min-width: 768px) {
  .m-page-title_desc-wrap {
    width: 55.2734375vw;
  }
}
@media screen and (max-width: 767px) {
  .m-page-title_desc-wrap {
    width: 64vw;
  }
}
.m-page-title_desc {
  background-color: #fff;
  position: relative;
}
@media screen and (min-width: 768px) {
  .m-page-title_desc {
    width: 55.2734375vw;
    margin-top: 0.78125vw;
    padding: 2.5390625vw 1.953125vw 1.26953125vw;
    border-radius: 1.46484375vw 0 1.46484375vw 1.46484375vw;
    font-size: 1.66015625vw;
    line-height: 2;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
  .m-page-title_desc [data-ruby]::before {
    font-size: 0.6em;
    top: -0.9em;
  }
}
@media screen and (max-width: 767px) {
  .m-page-title_desc {
    width: 64vw;
    margin-top: 3.466666666666666vw;
    padding: 5.600000000000001vw 4.533333333333333vw 3.2vw;
    border-radius: 4vw 0 4vw 4vw;
    font-size: 3.733333333333334vw;
    line-height: 2;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
  .m-page-title_desc:has([data-ruby]) {
    padding: 1.866666666666667vw 4.533333333333333vw 3.2vw;
  }
  .m-page-title_desc [data-ruby]::before {
    top: -1.6vw;
  }
}
.m-page-title_desc::after {
  content: '';
  position: absolute;
  background-color: #fff;
  top: 0;
  left: 100%;
  -webkit-transform: translateX(-1px);
  transform: translateX(-1px);
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 50%, 0% 100%);
  clip-path: polygon(0% 0%, 100% 0%, 50% 50%, 0% 100%);
}
@media screen and (min-width: 768px) {
  .m-page-title_desc::after {
    width: 2.5390625vw;
    height: 2.5390625vw;
  }
}
@media screen and (max-width: 767px) {
  .m-page-title_desc::after {
    width: 4.8vw;
    height: 4.8vw;
  }
}
.m-page-title_desc_character {
  position: absolute;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .m-page-title_desc_character {
    top: -2.9296875vw;
    right: -31%;
    width: 22.94921875vw;
  }
}
@media screen and (max-width: 767px) {
  .m-page-title_desc_character {
    top: -6.4vw;
    right: -74%;
    width: 65.33333333333333vw;
  }
}
body:has(.is-course-designer) .m-page-title_desc_character {
  z-index: 3;
}
body:has(.m-side-navi-wrap.is-modal-open) .m-side-navi_trigger {
  opacity: 0;
  pointer-events: none;
  padding-left: 28.26666666666667vw;
  height: 100svh;
  -webkit-transition: padding 0.5s ease, height 0.5s ease, opacity 0s 0.5s ease;
  transition: padding 0.5s ease, height 0.5s ease, opacity 0s 0.5s ease;
}
body:has(.m-side-navi-wrap.is-modal-open) .m-side-navi_trigger-inner {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.m-side-navi_trigger {
  background-color: #145d9d;
  padding: 2.4vw 7.733333333333333vw 2.666666666666667vw 2.4vw;
  height: 13.866666666666665vw;
  position: fixed;
  border-radius: 0 0 4vw 0;
  border-right: solid 1px #000;
  border-bottom: solid 1px #000;
  opacity: 1;
  -webkit-transition: padding 0.5s 0.5s ease, height 0.5s 0.5s ease, opacity 0s 0.5s ease;
  transition: padding 0.5s 0.5s ease, height 0.5s 0.5s ease, opacity 0s 0.5s ease;
  z-index: 10;
}
.m-side-navi_trigger-inner {
  opacity: 1;
  -webkit-transition: opacity 0.5s 0.5s ease;
  transition: opacity 0.5s 0.5s ease;
}
.m-side-navi_trigger-inner::after {
  content: '';
  position: absolute;
  top: 5.866666666666666vw;
  right: 4.266666666666667vw;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 1.866666666666667vw;
  height: 1.866666666666667vw;
  border-right: solid 2px #ffd41a;
  border-bottom: solid 2px #ffd41a;
}
.m-side-navi_trigger_course {
  color: #fff;
  font-size: 2.666666666666667vw;
  letter-spacing: 0.02em;
  font-weight: 900;
}
.m-side-navi_trigger_step {
  color: #ffd41a;
  font-size: 4.8vw;
  line-height: 1;
  letter-spacing: 0em;
  font-weight: 400;
  font-family: 'Rammetto One', sans-serif;
  margin-top: 1.066666666666667vw;
}
.m-side-navi-container {
  position: fixed;
}
@media screen and (min-width: 768px) {
  .m-side-navi-container {
    height: var(--display-content-height);
    z-index: 200;
    width: 22.265625vw;
    background-color: #145d9d;
    border-right: solid 1px #000;
  }
}
@media screen and (max-width: 767px) {
  .m-side-navi-container {
    width: 100%;
    height: 100%;
    pointer-events: none;
  }
}
@media screen and (min-width: 768px) {
  .m-side-navi-container.is-absolute {
    position: absolute;
    bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .m-side-navi-wrap {
    pointer-events: none;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
  }
  .m-side-navi-wrap.is-modal-open {
    pointer-events: auto;
  }
}
.m-side-navi_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
  opacity: 0;
  -webkit-transition: opacity 0.5s 0.5s ease;
  transition: opacity 0.5s 0.5s ease;
}
.m-side-navi-wrap.is-modal-open .m-side-navi_overlay {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.m-side-navi-scroll-wrap {
  height: var(--display-content-height);
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media screen and (min-width: 768px) {
  .m-side-navi-scroll-wrap {
    width: 23.2421875vw;
  }
}
@media screen and (max-width: 767px) {
  .m-side-navi-scroll-wrap {
    opacity: 0;
    -webkit-transition: opacity 0.5s 0.5s ease;
    transition: opacity 0.5s 0.5s ease;
  }
}
.m-side-navi-scroll-wrap::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 767px) {
  .m-side-navi-wrap.is-modal-open .m-side-navi-scroll-wrap {
    opacity: 1;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
  }
}
@media screen and (min-width: 768px) {
  .m-side-navi_inner {
    width: 22.265625vw;
  }
}
.m-side-navi {
  position: relative;
}
@media screen and (min-width: 768px) {
  .m-side-navi {
    padding-top: 2.9296875vw;
    padding-bottom: 2.9296875vw;
  }
}
@media screen and (max-width: 767px) {
  .m-side-navi {
    width: 60.8vw;
    min-height: var(--display-content-height);
    padding-top: 8vw;
    background-color: #145d9d;
    border-right: solid 1px #000;
    border-bottom: solid 1px #000;
    opacity: 0;
    -webkit-transition: opacity 0s 0.5s ease;
    transition: opacity 0s 0.5s ease;
  }
}
@media screen and (max-width: 767px) {
  .m-side-navi-wrap.is-modal-open .m-side-navi {
    opacity: 1;
    -webkit-transition: opacity 0s 0.5s ease;
    transition: opacity 0s 0.5s ease;
  }
}
@media screen and (max-width: 767px) {
  .m-side-navi-sp-inner {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
}
@media screen and (max-width: 767px) {
  .m-side-navi-wrap.is-modal-open .m-side-navi-sp-inner {
    opacity: 1;
    -webkit-transition: opacity 0.3s 0.7s ease;
    transition: opacity 0.3s 0.7s ease;
  }
}
@media screen and (any-hover: hover) and (min-width: 768px) {
  .m-side-navi_title {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .m-side-navi_title:hover {
    opacity: 0.6;
  }
}
.m-side-navi_hdg-wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .m-side-navi_hdg-wrap {
    margin-top: 0.9765625vw;
    gap: 0.9765625vw;
  }
}
@media screen and (max-width: 767px) {
  .m-side-navi_hdg-wrap {
    margin-top: 2.666666666666667vw;
    gap: 2.666666666666667vw;
  }
}
.m-side-navi_hdg-wrap:before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 0;
  height: 90%;
  background-color: #d8d8d8;
  border: solid 1px #000;
}
@media screen and (min-width: 768px) {
  .m-side-navi_hdg-wrap:before {
    left: 2.34375vw;
    width: 0.5859375vw;
  }
}
@media screen and (max-width: 767px) {
  .m-side-navi_hdg-wrap:before {
    left: 6.4vw;
    width: 1.6vw;
  }
}
.m-side-navi_hdg_box {
  position: relative;
  display: block;
}
@media screen and (max-width: 767px) {
  .m-side-navi_hdg_box {
    width: 63.46666666666667vw;
  }
}
.m-side-navi_hdg_box.is-active {
  pointer-events: none;
}
.m-side-navi_hdg_box.is-active .m-side-navi_hdg_deco {
  background-color: #ffd41a;
}
.m-side-navi_hdg_box.is-active .m-side-navi_hdg {
  background-color: #ffd41a;
}
.m-side-navi_hdg_box.is-active .m-side-navi_hdg_step {
  color: #ffd41a;
}
.m-side-navi_hdg_box.is-active .m-side-navi_hdg_step p {
  color: #ffd41a;
}
@media screen and (any-hover: hover) and (min-width: 768px) {
  .m-side-navi_hdg_box .m-side-navi_hdg_deco {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .m-side-navi_hdg_box:hover .m-side-navi_hdg_deco {
    background-color: #ffd41a;
  }
  .m-side-navi_hdg_box .m-side-navi_hdg {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .m-side-navi_hdg_box .m-side-navi_hdg .m-side-navi_hdg_step p {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .m-side-navi_hdg_box .m-side-navi_hdg:hover {
    background-color: #ffd41a;
  }
  .m-side-navi_hdg_box .m-side-navi_hdg:hover .m-side-navi_hdg_step p {
    color: #ffd41a;
  }
}
.m-side-navi_hdg_deco {
  position: absolute;
  background-color: #fff;
  border: solid 1px #000;
  -webkit-clip-path: polygon(50% 50%, 100% 0%, 100% 100%, 50% 50%);
  clip-path: polygon(50% 50%, 100% 0%, 100% 100%, 50% 50%);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .m-side-navi_hdg_deco {
    width: 1.3671875vw;
    height: 1.3671875vw;
    top: -0.68359375vw;
    right: 0.29296875vw;
  }
}
@media screen and (max-width: 767px) {
  .m-side-navi_hdg_deco {
    width: 3.733333333333334vw;
    height: 3.733333333333334vw;
    top: -1.6vw;
    right: 0.8vw;
  }
}
.m-side-navi_hdg {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  border: solid 1px #000;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .m-side-navi_hdg {
    width: 23.2421875vw;
  }
}
@media screen and (max-width: 767px) {
  .m-side-navi_hdg {
    width: 63.46666666666667vw;
  }
  .m-side-navi_hdg .m-side-navi_hdg_step {
    color: #ffd41a;
  }
}
.m-side-navi_hdg_step {
  position: relative;
  background-color: #000;
}
@media screen and (min-width: 768px) {
  .m-side-navi_hdg_step {
    width: 5.37109375vw;
    height: 5.859375vw;
  }
}
@media screen and (max-width: 767px) {
  .m-side-navi_hdg_step {
    width: 14.666666666666666vw;
    height: 16vw;
  }
}
.m-side-navi_hdg_step p {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  font-family: 'Rammetto One', sans-serif;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .m-side-navi_hdg_step p {
    font-size: 0.9765625vw;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (max-width: 767px) {
  .m-side-navi_hdg_step p {
    font-size: 2.666666666666667vw;
    line-height: 2;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) {
  .m-side-navi_hdg_step p span {
    font-size: 1.46484375vw;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (max-width: 767px) {
  .m-side-navi_hdg_step p span {
    font-size: 4vw;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
.m-side-navi_hdg_text {
  white-space: nowrap;
  margin: auto 0;
}
@media screen and (min-width: 768px) {
  .m-side-navi_hdg_text {
    padding: 0 1.46484375vw;
    font-size: 1.46484375vw;
    line-height: 1.666666666666667;
    letter-spacing: 0.02em;
    font-weight: 900;
  }
}
@media screen and (max-width: 767px) {
  .m-side-navi_hdg_text {
    padding: 0 4vw;
    font-size: 4vw;
    line-height: 1.666666666666667;
    letter-spacing: 0.02em;
    font-weight: 900;
  }
}
@media screen and (min-width: 768px) {
  .m-side-navi_hdg_text:has(ruby) {
    -webkit-transform: translateY(0.48828125vw);
    transform: translateY(0.48828125vw);
  }
}
@media screen and (max-width: 767px) {
  .m-side-navi_hdg_text:has(ruby) {
    -webkit-transform: translateY(0.8vw);
    transform: translateY(0.8vw);
  }
}
.m-side-navi_factory_tour {
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .m-side-navi_factory_tour {
    margin: 1.953125vw 0.9765625vw 0;
  }
}
@media screen and (max-width: 767px) {
  .m-side-navi_factory_tour {
    margin: 5.333333333333334vw 2.666666666666667vw 0;
  }
}
.m-side-navi_factory_tour_hdg {
  position: relative;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .m-side-navi_factory_tour_hdg {
    font-size: 1.46484375vw;
    line-height: 1.666666666666667;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .m-side-navi_factory_tour_hdg {
    font-size: 3.466666666666666vw;
    line-height: 1.615384615384615;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
.m-side-navi_factory_tour_hdg::before,
.m-side-navi_factory_tour_hdg::after {
  content: '';
  position: absolute;
  top: 50%;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .m-side-navi_factory_tour_hdg::before,
  .m-side-navi_factory_tour_hdg::after {
    width: 0.1953125vw;
    height: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .m-side-navi_factory_tour_hdg::before,
  .m-side-navi_factory_tour_hdg::after {
    width: 0.533333333333333vw;
    height: 4.266666666666667vw;
  }
}
.m-side-navi_factory_tour_hdg::before {
  left: -5%;
  -webkit-transform: translateY(-50%) rotate(-35deg);
  transform: translateY(-50%) rotate(-35deg);
}
.m-side-navi_factory_tour_hdg::after {
  right: -5%;
  -webkit-transform: translateY(-50%) rotate(35deg);
  transform: translateY(-50%) rotate(35deg);
}
.m-side-navi_factory_tour_bnr {
  display: block;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .m-side-navi_factory_tour_bnr {
    width: 20.3125vw;
    height: 7.6171875vw;
    margin: 0.48828125vw auto 0;
  }
}
@media screen and (max-width: 767px) {
  .m-side-navi_factory_tour_bnr {
    width: 55.46666666666666vw;
    height: 20.8vw;
    margin: 2.666666666666667vw auto 0;
  }
}
.m-side-navi_factory_tour_bnr .frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.m-side-navi_factory_tour_bnr .img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 98%;
  height: 98%;
  overflow: hidden;
  z-index: 1;
}
.m-side-navi_factory_tour_bnr .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform-origin: center;
  transform-origin: center;
}
@media screen and (any-hover: hover) and (min-width: 768px) {
  .m-side-navi_factory_tour_bnr .img img {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .m-side-navi_factory_tour_bnr:hover .img img {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
  }
}
@media screen and (min-width: 768px) {
  .swiper-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.swiper-pagination {
  bottom: 0;
  opacity: 1;
  -webkit-transition: opacity 0.17s;
  transition: opacity 0.17s;
}
.swiper-pagination-horizontal .swiper-pagination-bullet {
  width: 4vw;
  height: 4vw;
  border: solid 1px #000;
  background-color: #fff;
  opacity: 1;
}
.swiper-pagination-bullet-active {
  position: relative;
}
.swiper-pagination-bullet-active::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 2.4vw;
  height: 2.4vw;
  border-radius: 50%;
  background-color: #ffd41a;
  border: solid 1px #000;
}
.m-kids-vfactory-lower-tip-modal {
  color: #000;
  height: auto !important;
}
@media screen and (min-width: 768px) {
  .m-kids-vfactory-lower-tip-modal {
    max-width: 100% !important;
    max-height: 100% !important;
    width: 77.05078125vw !important;
  }
}
@media screen and (max-width: 767px) {
  .m-kids-vfactory-lower-tip-modal {
    width: 89.33333333333333vw !important;
  }
}
.m-kids-vfactory-lower-tip-modal .flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  .m-kids-vfactory-lower-tip-modal .flex-wrap {
    gap: 4.39453125vw;
  }
}
@media screen and (max-width: 767px) {
  .m-kids-vfactory-lower-tip-modal .flex-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4vw;
  }
}
@media screen and (min-width: 768px) {
  .m-kids-vfactory-lower-tip-modal .left-wrap {
    width: 26.46484375vw;
  }
}
.m-kids-vfactory-lower-tip-modal .hdg-wrap {
  position: relative;
  background-color: #ffd41a;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 3px solid #000;
  border-left: 1px solid #000;
}
@media screen and (min-width: 768px) {
  .m-kids-vfactory-lower-tip-modal .hdg-wrap {
    padding: 0.390625vw;
    border-radius: 0.5859375vw;
  }
}
@media screen and (max-width: 767px) {
  .m-kids-vfactory-lower-tip-modal .hdg-wrap {
    width: 78.66666666666666vw;
    padding: 1.066666666666667vw;
    border-radius: 1.6vw;
    margin: 0 auto;
  }
}
.m-kids-vfactory-lower-tip-modal .hdg {
  background-color: #ffd41a;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 3px solid #000;
  border-left: 1px solid #000;
}
@media screen and (min-width: 768px) {
  .m-kids-vfactory-lower-tip-modal .hdg {
    border-radius: 0.29296875vw;
    padding: 1.85546875vw 0 0.9765625vw;
  }
}
@media screen and (max-width: 767px) {
  .m-kids-vfactory-lower-tip-modal .hdg {
    padding: 4.266666666666667vw 0 3.466666666666666vw;
    border-radius: 0.8vw;
  }
}
.m-kids-vfactory-lower-tip-modal .hdg p {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .m-kids-vfactory-lower-tip-modal .hdg p {
    font-size: 1.7578125vw;
    line-height: 1.666666666666667;
    letter-spacing: 0.02em;
    font-weight: 900;
  }
}
@media screen and (max-width: 767px) {
  .m-kids-vfactory-lower-tip-modal .hdg p {
    font-size: 4.533333333333333vw;
    line-height: 1.470588235294118;
    letter-spacing: 0.02em;
    font-weight: 900;
  }
}
.m-kids-vfactory-lower-tip-modal .pipes {
  position: absolute;
  top: 50%;
  right: 100%;
  -webkit-transform: translateY(-50%) translateX(1px);
  transform: translateY(-50%) translateX(1px);
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .m-kids-vfactory-lower-tip-modal .pipes {
    width: 30.2734375vw;
  }
}
@media screen and (max-width: 767px) {
  .m-kids-vfactory-lower-tip-modal .pipes {
    width: 12.266666666666666vw;
  }
}
.m-kids-vfactory-lower-tip-modal .text {
  position: relative;
  background-color: #dedede;
  border: solid 1px #000;
  -webkit-box-shadow: #000 0px 2px 0px;
  box-shadow: #000 0px 2px 0px;
}
@media screen and (min-width: 768px) {
  .m-kids-vfactory-lower-tip-modal .text {
    border-radius: 0.5859375vw;
    padding: 2.1484375vw 2.24609375vw 2.34375vw 3.02734375vw;
    font-size: 1.3671875vw;
    line-height: 1.857142857142857;
    letter-spacing: 0.02em;
    font-weight: 700;
    margin-top: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  .m-kids-vfactory-lower-tip-modal .text {
    border-radius: 1.6vw;
    padding: 10.933333333333334vw 4.266666666666667vw 8.799999999999999vw;
    font-size: 3.733333333333334vw;
    line-height: 2;
    letter-spacing: 0.02em;
    font-weight: 700;
    margin-top: 4vw;
  }
}
.m-kids-vfactory-lower-tip-modal .text .screw {
  position: absolute;
  border-radius: 50%;
  border: solid 1px #000;
}
@media screen and (min-width: 768px) {
  .m-kids-vfactory-lower-tip-modal .text .screw {
    width: 1.46484375vw;
    height: 1.46484375vw;
  }
}
@media screen and (max-width: 767px) {
  .m-kids-vfactory-lower-tip-modal .text .screw {
    width: 3.466666666666666vw;
    height: 3.466666666666666vw;
  }
}
.m-kids-vfactory-lower-tip-modal .text .screw::before,
.m-kids-vfactory-lower-tip-modal .text .screw::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform-origin: center;
  transform-origin: center;
  background-color: #000;
}
@media screen and (min-width: 768px) {
  .m-kids-vfactory-lower-tip-modal .text .screw::before,
  .m-kids-vfactory-lower-tip-modal .text .screw::after {
    width: 0.48828125vw;
    height: 2px;
  }
}
@media screen and (max-width: 767px) {
  .m-kids-vfactory-lower-tip-modal .text .screw::before,
  .m-kids-vfactory-lower-tip-modal .text .screw::after {
    width: 1.866666666666667vw;
    height: 1px;
  }
}
.m-kids-vfactory-lower-tip-modal .text .screw::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}
.m-kids-vfactory-lower-tip-modal .text .screw--1 {
  top: 10px;
  left: 10px;
}
.m-kids-vfactory-lower-tip-modal .text .screw--2 {
  top: 10px;
  right: 10px;
}
.m-kids-vfactory-lower-tip-modal .text .screw--3 {
  bottom: 10px;
  left: 10px;
}
.m-kids-vfactory-lower-tip-modal .text .screw--4 {
  bottom: 10px;
  right: 10px;
}
@media screen and (min-width: 768px) {
  .m-kids-vfactory-lower-tip-modal .right-wrap {
    width: 46.19140625vw;
    height: 25.87890625vw;
  }
}
@media screen and (max-width: 767px) {
  .m-kids-vfactory-lower-tip-modal .right-wrap {
    width: 89.33333333333333vw;
    height: 49.86666666666667vw;
  }
  .m-kids-vfactory-lower-tip-modal .right-wrap iframe {
    width: 100%;
    height: 100%;
  }
}
.b-global_nav-btn {
  position: relative;
}
.b-global_nav-btn rt {
  font-weight: 900;
  text-align: center;
  height: 0;
}
@media screen and (min-width: 768px) {
  .b-global_nav-btn rt {
    font-size: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-btn rt {
    font-size: 2.133333333333333vw;
  }
}
.b-global_nav-btn-bg {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,0.7);
  z-index: 3;
  position: fixed;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  pointer-events: none;
  top: 0;
  left: 0;
}
.b-global_nav-btn-menu-wrapper {
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 4;
}
@media screen and (min-width: 768px) {
  .b-global_nav-btn-menu-wrapper {
    width: 98.14453125vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-btn-menu-wrapper {
    width: 97.33333333333334vw;
    top: 56px;
  }
}
.b-global_nav-btn-menu {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #fece00;
  -webkit-transition: width 1s ease, height 1s ease, border-radius 1s ease;
  transition: width 1s ease, height 1s ease, border-radius 1s ease;
}
@media screen and (min-width: 768px) {
  .b-global_nav-btn-menu {
    padding: 0.29296875vw;
    margin: 1.3671875vw 0 0.78125vw;
    width: 15.625vw;
    height: 5.37109375vw;
    border: 1px solid #000;
    border-radius: 2.734375vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-btn-menu {
    padding: 0.8vw;
    margin: 2.666666666666667vw 0 2.133333333333333vw;
    width: 27.46666666666667vw;
    height: 11.200000000000001vw;
    border: 1px solid #000;
    border-radius: 5.600000000000001vw;
  }
}
.b-global_nav-btn-menu-inner {
  background-color: #000;
  background-position: top right;
  width: 100%;
  height: 100%;
  -webkit-transition: width 1s ease, height 1s ease, border-radius 1s ease;
  transition: width 1s ease, height 1s ease, border-radius 1s ease;
}
@media screen and (min-width: 768px) {
  .b-global_nav-btn-menu-inner {
    background-size: 0.9765625vw 0.9765625vw;
    background-image: -webkit-radial-gradient(rgba(255,255,255,0.2), 20%, transparent 20%);
    background-image: radial-gradient(rgba(255,255,255,0.2), 20%, transparent 20%);
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-btn-menu-inner {
    background-size: 2.133333333333333vw 2.133333333333333vw;
    background-image: -webkit-radial-gradient(rgba(255,255,255,0.2), 15%, transparent 15%);
    background-image: radial-gradient(rgba(255,255,255,0.2), 15%, transparent 15%);
  }
}
@media screen and (min-width: 768px) {
  .b-global_nav-btn-menu-inner {
    border-radius: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-btn-menu-inner {
    border-radius: 4.533333333333333vw;
  }
}
.b-global_nav-btn-menu-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.b-global_nav-btn-menu-img {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .b-global_nav-btn-menu-img {
    width: 1.7578125vw;
    height: 1.7578125vw;
    margin: 1.5625vw 0 0 2.44140625vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-btn-menu-img {
    width: 3.2vw;
    height: 3.2vw;
    margin: 3.466666666666666vw 0 0 4vw;
  }
}
.b-global_nav-btn-menu-text {
  opacity: 1;
  color: #fff;
  letter-spacing: 0;
  font-family: 'Rammetto One', sans-serif;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .b-global_nav-btn-menu-text {
    font-size: 1.953125vw;
    margin: 1.66015625vw 0 0 1.26953125vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-btn-menu-text {
    font-size: 3.733333333333334vw;
    margin: 3.466666666666666vw 0 0 2.133333333333333vw;
  }
}
.b-global_nav-btn-menu-text [data-ruby]::before {
  font-family: 'M PLUS 1p', sans-serif;
  top: -1.4em;
}
@media screen and (min-width: 768px) {
  .b-global_nav-btn-menu-text [data-ruby]::before {
    font-size: 0.78125vw;
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-btn-menu-text [data-ruby]::before {
    font-size: 2.133333333333333vw;
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
.b-global_nav-btn-screw {
  position: absolute;
  top: 0;
}
@media screen and (min-width: 768px) {
  .b-global_nav-btn-screw {
    right: 3.41796875vw;
    width: 8.7890625vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-btn-screw {
    right: 6.666666666666667vw;
    width: 14.133333333333335vw;
    height: 2.666666666666667vw;
  }
}
.b-global_nav-btn-screw img {
  position: absolute;
}
@media screen and (any-hover: hover) and (min-width: 768px) {
  .b-global_nav-btn-menu:hover .b-global_nav-btn-menu-text {
    color: #fece00;
  }
}
.b-global_nav-btn-reach-wrapper {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .b-global_nav-btn-reach-wrapper {
    width: 98.14453125vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-btn-reach-wrapper {
    width: 100vw;
  }
}
.b-global_nav-btn-reach {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .b-global_nav-btn-reach {
    top: 7.32421875vw;
    right: 0;
    width: 15.625vw;
    height: 4.1015625vw;
    font-size: 1.26953125vw;
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-btn-reach {
    top: 2.666666666666667vw;
    right: 30.133333333333333vw;
    width: 34.13333333333333vw;
    height: 9.6vw;
    font-size: 2.666666666666667vw;
    line-height: 1.8;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
.b-global_nav-btn-reach .m-layer-btn {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .b-global_nav-btn-reach .m-layer-btn {
    padding: 0 1.5625vw 0 1.26953125vw;
    font-size: 1.26953125vw;
    line-height: 1.461538461538461;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-btn-reach .m-layer-btn {
    padding: 0 3.733333333333334vw 0 3.466666666666666vw;
    font-size: 2.666666666666667vw;
    line-height: 1.8;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
@media screen and (min-width: 768px) {
  .b-global_nav-btn-reach .m-layer-btn img {
    width: 1.7578125vw;
    margin-top: 0.390625vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-btn-reach .m-layer-btn img {
    width: 3.733333333333334vw;
  }
}
@media screen and (min-width: 768px) {
  .b-global_nav-btn-reach .m-layer-btn [data-ruby] {
    margin-top: 0.48828125vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-btn-reach .m-layer-btn [data-ruby] {
    margin-top: 1.333333333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .b-global_nav-btn-reach .m-layer-btn [data-ruby]::before {
    top: -0.9em;
    font-size: 0.78125vw;
    line-height: 1.25;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-btn-reach .m-layer-btn [data-ruby]::before {
    top: -0.75em;
    font-size: 2.133333333333333vw;
    line-height: 1.25;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
.b-global_nav-content {
  position: fixed;
  left: 50%;
  opacity: 0;
  -webkit-transition: opacity 0.5s 0.5s ease;
  transition: opacity 0.5s 0.5s ease;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 5;
  pointer-events: none;
}
.b-global_nav-content rt {
  font-weight: 900;
  text-align: center;
  height: 0;
}
@media screen and (min-width: 768px) {
  .b-global_nav-content rt {
    font-size: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content rt {
    font-size: 2.133333333333333vw;
  }
}
.b-global_nav-content-main {
  position: relative;
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main {
    width: 98.046875vw;
    margin: 1.7578125vw auto 0;
    padding: 3.22265625vw 4.00390625vw 4.1015625vw 4.39453125vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main {
    width: 95.19999999999999vw;
    margin: 3.733333333333334vw auto 0;
    height: calc(100svh - 56px - 41px - 14px);
  }
}
.b-global_nav-content-main-inner {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-inner {
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 4.8vw 5.600000000000001vw 0vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-inner::-webkit-scrollbar {
    display: none;
  }
}
.b-global_nav-content-main-title {
  text-align: center;
  color: #fece00;
  font-weight: 900;
  font-family: 'Rammetto One', sans-serif;
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-title {
    font-size: 3.3203125vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-title {
    font-size: 6.933333333333333vw;
    margin-top: 5.333333333333334vw;
  }
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-title [data-ruby]::before {
    top: -1.6em;
    font-size: 0.9765625vw;
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-title [data-ruby]::before {
    top: -1.6em;
    font-size: 2.666666666666667vw;
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-title rt {
    font-size: 0.9765625vw;
    padding-bottom: 0.390625vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-title rt {
    font-size: 2.666666666666667vw;
    padding-bottom: 0.533333333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area {
    margin-top: 1.66015625vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area {
    margin-top: 6.4vw;
  }
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-item.is-cource {
    width: 25.390625vw;
  }
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-item.is-special {
    width: 24.609375vw;
    margin-left: 3.515625vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-item.is-special {
    margin-top: 9.333333333333334vw;
  }
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-item.is-other {
    width: 30.2734375vw;
    margin-left: 3.61328125vw;
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-item.is-other {
    margin-top: 9.333333333333334vw;
  }
}
.b-global_nav-content-main-area-item-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.b-global_nav-content-main-area-item-title-en {
  font-weight: 900;
  letter-spacing: 0;
  color: #fece00;
  font-family: 'Rammetto One', sans-serif;
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-item-title-en {
    font-size: 1.66015625vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-item-title-en {
    font-size: 4.533333333333333vw;
  }
}
.b-global_nav-content-main-area-item-title-jp {
  font-weight: 900;
  color: #fff;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-item-title-jp {
    font-size: 1.171875vw;
    margin-left: 0.9765625vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-item-title-jp {
    font-size: 3.2vw;
    margin-left: 2.666666666666667vw;
    margin-bottom: 0.533333333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-item-title-jp [data-ruby]::before {
    top: -1.4em;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-item-title-jp [data-ruby]::before {
    top: -1.6em;
  }
}
.b-global_nav-content-main-area-close {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-close {
    top: 0.9765625vw;
    right: 0.9765625vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-close {
    top: 2.666666666666667vw;
    right: 1.866666666666667vw;
  }
}
.b-global_nav-content-main-area-close-bottom {
  display: block;
  position: relative;
  border-radius: 50%;
  background: #000;
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-close-bottom {
    width: 3.90625vw;
    height: 3.90625vw;
    border: 2px solid #fece00;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-close-bottom {
    width: 8vw;
    height: 8vw;
    border: 2px solid #fece00;
  }
}
.b-global_nav-content-main-area-close-bottom::before,
.b-global_nav-content-main-area-close-bottom::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.1953125vw;
  height: 1.46484375vw;
  background: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-close-bottom::before,
  .b-global_nav-content-main-area-close-bottom::after {
    width: 0.1953125vw;
    height: 1.46484375vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-close-bottom::before,
  .b-global_nav-content-main-area-close-bottom::after {
    width: 0.533333333333333vw;
    height: 2.933333333333333vw;
  }
}
.b-global_nav-content-main-area-close-bottom::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.b-global_nav-content-main-area-close-bottom::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media screen and (any-hover: hover) and (min-width: 768px) {
  .b-global_nav-content-main-area-close:hover .b-global_nav-content-main-area-close-bottom::before,
  .b-global_nav-content-main-area-close:hover .b-global_nav-content-main-area-close-bottom::after {
    background: #fece00;
  }
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-item-cource {
    margin-top: 1.46484375vw;
    width: 25.390625vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-item-cource {
    margin-top: 4vw;
  }
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-item-cource-list {
    position: relative;
    margin-top: 0.9765625vw;
    cursor: pointer;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-item-cource-list {
    position: relative;
    margin-top: 2.666666666666667vw;
  }
}
.b-global_nav-content-main-area-item-cource-list-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #383952;
  position: relative;
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-item-cource-list-link {
    height: 6.34765625vw;
    border-radius: 0.48828125vw;
    border: 1px solid #808193;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-item-cource-list-link {
    height: 17.333333333333336vw;
    border-radius: 1.333333333333333vw;
    border: 1px solid #808193;
  }
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-item-cource-list-link-border::before {
    content: '';
    position: absolute;
    pointer-events: none;
    width: 100%;
    height: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 0.48828125vw;
    top: 0vw;
    left: 0vw;
    border: 2px solid #fece00;
    opacity: 0;
  }
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-item-cource-list-link-img {
    width: 4.39453125vw;
    height: 4.39453125vw;
    margin-left: 1.46484375vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-item-cource-list-link-img {
    width: 12vw;
    height: 12vw;
    margin-left: 4vw;
  }
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-item-cource-list-link-text {
    margin-left: 0.9765625vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-item-cource-list-link-text {
    margin-left: 2.666666666666667vw;
  }
}
.b-global_nav-content-main-area-item-cource-list-link-text-jp {
  color: #fff;
  font-weight: 900;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-item-cource-list-link-text-jp {
    font-size: 1.66015625vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-item-cource-list-link-text-jp {
    font-size: 4.533333333333333vw;
  }
}
.b-global_nav-content-main-area-item-cource-list-link-text-en {
  font-weight: 900;
  letter-spacing: 0;
  font-family: 'Rammetto One', sans-serif;
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-item-cource-list-link-text-en {
    font-size: 1.26953125vw;
    margin-top: 0.5859375vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-item-cource-list-link-text-en {
    font-size: 3.466666666666666vw;
    margin-top: 1.333333333333333vw;
  }
}
.b-global_nav-content-main-area-item-cource-list:nth-child(1) .b-global_nav-content-main-area-item-cource-list-link-text-en {
  color: #b6d124;
}
.b-global_nav-content-main-area-item-cource-list:nth-child(2) .b-global_nav-content-main-area-item-cource-list-link-text-en {
  color: #d179c1;
}
.b-global_nav-content-main-area-item-cource-list:nth-child(3) .b-global_nav-content-main-area-item-cource-list-link-text-en {
  color: #6ba0cc;
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-item-cource-list-link-arrow {
    padding-right: 1.26953125vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-item-cource-list-link-arrow {
    padding-right: 4.8vw;
  }
}
@media screen and (any-hover: hover) and (min-width: 768px) {
  .b-global_nav-content-main-area-item-cource-list:hover .b-global_nav-content-main-area-item-cource-list-link-border::before {
    opacity: 1;
  }
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-item-special-list {
    margin-top: 1.083984375vw;
    cursor: pointer;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-item-special-list {
    margin-top: 5.066666666666666vw;
  }
}
.b-global_nav-content-main-area-item-special-list-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-item-special-list-link {
    border-bottom: 2px solid #919191;
    height: 4.4921875vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-item-special-list-link {
    border-bottom: 2px solid #919191;
    height: 9.6vw;
    padding-bottom: 1.333333333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-item-special-list-link-img-wrapper {
    width: 3.515625vw;
    height: 3.515625vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-item-special-list-link-img-wrapper {
    width: 9.6vw;
    height: 9.6vw;
    margin-left: 2.133333333333333vw;
  }
}
.b-global_nav-content-main-area-item-special-list-link-text {
  color: #fff;
  font-weight: 900;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-item-special-list-link-text {
    font-size: 1.66015625vw;
    margin-left: 0.9765625vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-item-special-list-link-text {
    font-size: 4.533333333333333vw;
    margin-left: 2.666666666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-item-special-list-link-text [data-ruby]::before {
    top: -1.6em;
    font-size: 0.9765625vw;
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-item-special-list-link-text [data-ruby]::before {
    top: -1.6em;
    font-size: 2.666666666666667vw;
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
.b-global_nav-content-main-area-item-special-list-link-text rt {
  ruby-overhang: auto;
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-item-special-list-link-text rt {
    font-size: 0.9765625vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-item-special-list-link-text rt {
    font-size: 2.666666666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-item-special-list-link-arrow {
    margin-right: 2.666666666666667vw;
  }
}
@media screen and (any-hover: hover) and (min-width: 768px) {
  .b-global_nav-content-main-area-item-special-list:hover .b-global_nav-content-main-area-item-special-list-link-text {
    color: #fece00;
  }
  .b-global_nav-content-main-area-item-special-list:hover .b-global_nav-content-main-area-item-special-list-link {
    border-bottom: 0.1953125vw solid #fece00;
  }
}
.b-global_nav-content-main-area-item-other {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-item-other {
    gap: 0.87890625vw 1.3671875vw;
    height: 16.6015625vw;
    margin-top: 1.953125vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-item-other {
    gap: 2.666666666666667vw 2.666666666666667vw;
    height: 41.06666666666667vw;
    margin-top: 4.8vw;
  }
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-item-other-list {
    cursor: pointer;
    height: 3.02734375vw;
  }
}
.b-global_nav-content-main-area-item-other-list-link {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
  -webkit-align-items: top;
  -ms-flex-align: top;
  align-items: top;
}
.b-global_nav-content-main-area-item-other-list-link-button {
  position: relative;
  background-image: url("/kids/assets/images/common/icon_circle.svg");
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-item-other-list-link-button {
    width: 1.3671875vw;
    height: 1.3671875vw;
    margin-top: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-item-other-list-link-button {
    min-width: 3.733333333333334vw;
    height: 3.733333333333334vw;
    margin-top: 1.866666666666667vw;
  }
}
.b-global_nav-content-main-area-item-other-list-link-text {
  color: #fff;
  font-weight: 900;
  letter-spacing: 0.02em;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-item-other-list-link-text {
    margin-left: 0.48828125vw;
    font-size: 1.46484375vw;
    margin-top: 0.68359375vw;
    line-height: 2.197265625vw;
    width: 13.76953125vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-item-other-list-link-text {
    margin-left: 1.333333333333333vw;
    font-size: 4vw;
    line-height: 8vw;
  }
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-item-other-list-link-text [data-ruby]::before {
    top: -2em;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-item-other-list-link-text [data-ruby]::before {
    top: -2em;
  }
}
.b-global_nav-content-main-area-botton-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-botton-wrapper {
    height: 4.1015625vw;
    position: absolute;
    bottom: 0.5859375vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-botton-wrapper {
    height: 12.266666666666666vw;
    margin: 7.466666666666668vw 0 9.6vw;
  }
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-botton-top {
    width: 15.625vw;
    height: 4.1015625vw;
    font-size: 1.26953125vw;
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-botton-top {
    width: 39.733333333333334vw;
    height: 100%;
    font-size: 2.666666666666667vw;
    line-height: 1.8;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-botton-top .m-layer-btn {
    padding: 0 3.125vw 0 1.171875vw;
    font-size: 1.26953125vw;
    line-height: 1.461538461538461;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-botton-top .m-layer-btn {
    padding: 0 7.466666666666668vw 0 2.133333333333333vw;
    font-size: 3.2vw;
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 900;
    border-radius: 6.4vw;
  }
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-botton-top .m-layer-btn img {
    width: 2.9296875vw;
    margin-bottom: 0.29296875vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-botton-top .m-layer-btn img {
    width: 7.466666666666668vw;
    margin-bottom: 0.8vw;
  }
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-botton-top .m-layer-btn [data-ruby] {
    margin-top: 0.48828125vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-botton-top .m-layer-btn [data-ruby] {
    margin-top: 1.333333333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-botton-top .m-layer-btn [data-ruby]::before {
    top: -0.9em;
    font-size: 0.78125vw;
    line-height: 1.25;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-botton-top .m-layer-btn [data-ruby]::before {
    top: -0.75em;
    font-size: 2.133333333333333vw;
    line-height: 1.25;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-botton-reach {
    margin-left: 0.9765625vw;
    width: 15.625vw;
    height: 4.1015625vw;
    font-size: 1.26953125vw;
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-botton-reach {
    margin-left: 5.066666666666666vw;
    width: 39.733333333333334vw;
    height: 100%;
    font-size: 2.666666666666667vw;
    line-height: 1.8;
    letter-spacing: 0em;
    font-weight: 900;
    border-radius: 6.4vw;
  }
}
.b-global_nav-content-main-area-botton-reach .m-layer-btn {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-botton-reach .m-layer-btn {
    padding: 0 1.5625vw 0 1.26953125vw;
    font-size: 1.26953125vw;
    line-height: 1.461538461538461;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-botton-reach .m-layer-btn {
    padding: 0 2.666666666666667vw 0 4vw;
    font-size: 3.2vw;
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-botton-reach .m-layer-btn img {
    width: 1.7578125vw;
    margin-top: 0.390625vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-botton-reach .m-layer-btn img {
    width: 4.8vw;
  }
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-botton-reach .m-layer-btn [data-ruby] {
    margin-top: 0.29296875vw;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-botton-reach .m-layer-btn [data-ruby] {
    margin-top: 0.8vw;
  }
}
@media screen and (min-width: 768px) {
  .b-global_nav-content-main-area-botton-reach .m-layer-btn [data-ruby]::before {
    top: -0.9em;
    font-size: 0.78125vw;
    line-height: 1.25;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
@media screen and (max-width: 767px) {
  .b-global_nav-content-main-area-botton-reach .m-layer-btn [data-ruby]::before {
    top: -1em;
    font-size: 2.133333333333333vw;
    line-height: 1.25;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
@media screen and (any-hover: hover) and (min-width: 768px) {
  .b-global_nav-content-main-area-item-other-list:hover .b-global_nav-content-main-area-item-other-list-link-text {
    color: #fece00;
  }
}
.c-arrow {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media screen and (min-width: 768px) {
  .c-arrow {
    height: 1.07421875vw;
  }
}
@media screen and (max-width: 767px) {
  .c-arrow {
    height: 2.933333333333333vw;
  }
}
.c-arrow > img {
  width: 100%;
  height: 100%;
}
.l_gloval_navi.is-modal-open .b-global_nav-content {
  opacity: 1;
  -webkit-transition: opacity 0.2s 0.8s ease;
  transition: opacity 0.2s 0.8s ease;
  pointer-events: auto;
}
.l_gloval_navi.is-modal-open .b-global_nav-btn-menu-item {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.l_gloval_navi.is-modal-open .b-global_nav-btn-bg {
  opacity: 1;
  pointer-events: auto;
}
.l_gloval_navi.is-modal-open .b-global_nav-btn-menu {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .l_gloval_navi.is-modal-open .b-global_nav-btn-menu {
    height: 36.62109375vw;
  }
}
@media screen and (max-width: 767px) {
  .l_gloval_navi.is-modal-open .b-global_nav-btn-menu {
    height: calc(100svh - 56px - 41px);
  }
}
.b-global_nav-content {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  pointer-events: none;
}
.b-global_nav-btn-menu-item {
  opacity: 1;
  -webkit-transition: opacity 0.5s 0.5s ease;
  transition: opacity 0.5s 0.5s ease;
}
.b-global_nav-btn-bg {
  opacity: 0;
}
.p-kids-top_kv {
  position: relative;
  background-color: #145d9d;
  background-size: 100% auto;
  background-position: -10%;
}
@media screen and (min-width: 768px) {
  .p-kids-top_kv {
    background-image: url("/kids/assets/images/top/bg_text_pc.png");
    background-position: 0 -1.85546875vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_kv {
    padding-top: 13.333333333333334vw;
    background-image: url("/kids/assets/images/top/bg_text_sp.png");
    background-position: 0 1.066666666666667vw;
  }
}
.p-kids-top_kv .swiper {
  overflow: visible;
}
.p-kids-top_kv .swiper-pagination {
  bottom: -8.799999999999999vw !important;
  opacity: 0;
}
.p-kids-top_kv .swiper-pagination.is-active {
  opacity: 1;
  -webkit-transition: opacity 0.17s;
  transition: opacity 0.17s;
}
.p-kids-top_kv_deco-wrap {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .p-kids-top_kv_deco-wrap {
    width: 100vw;
    height: 12.01171875vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_kv_deco-wrap {
    width: 100%;
    height: 22.933333333333334vw;
  }
}
.p-kids-top_kv_deco-container {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .p-kids-top_kv_deco-container--machine_1 {
    top: -35%;
    left: 2.9296875vw;
    width: 10.9375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_kv_deco-container--machine_1 {
    top: -6.666666666666667vw;
    left: 0;
    width: 18.133333333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_kv_deco-container--code_1 {
    top: -25%;
    left: 12.20703125vw;
    width: 8.49609375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_kv_deco-container--code_1 {
    top: -4.8vw;
    left: 12.266666666666666vw;
    width: 12.266666666666666vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_kv_deco-container--machine_2 {
    top: -50%;
    left: 22.4609375vw;
    width: 11.9140625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_kv_deco-container--machine_2 {
    top: -6.666666666666667vw;
    left: 18.666666666666668vw;
    width: 19.733333333333334vw;
    -webkit-transform: rotate(-38deg);
    transform: rotate(-38deg);
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_kv_deco-container--machine_3 {
    top: -38%;
    right: 40.72265625vw;
    width: 9.08203125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_kv_deco-container--machine_3 {
    top: 6.133333333333333vw;
    right: -5.600000000000001vw;
    width: 19.466666666666665vw;
    -webkit-transform: scale(-1, 1) rotate(-17deg);
    transform: scale(-1, 1) rotate(-17deg);
    -webkit-transition: -webkit-transform 2s;
    transition: -webkit-transform 2s;
    transition: transform 2s;
    transition: transform 2s, -webkit-transform 2s;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_kv_deco-container--machine_3 .p-kids-top_kv_deco {
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
  }
  .p-kids-top_kv_deco-container--machine_3 .p-kids-top_kv_deco.is-active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_kv_deco-container--code_2 {
    top: -42%;
    right: 25.29296875vw;
    width: 7.71484375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_kv_deco-container--code_2 {
    top: -9.333333333333334vw;
    right: 22.400000000000002vw;
    width: 24.53333333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_kv_deco-container--machine_4 {
    top: -47%;
    right: 15.91796875vw;
    width: 12.5vw;
  }
}
.p-kids-top_kv_deco {
  -webkit-transition: -webkit-transform 0.67s cubic-bezier(0, 0, 0.2, 1);
  transition: -webkit-transform 0.67s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.67s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.67s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.67s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.p-kids-top_kv_deco.is-active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.p-kids-top_kv_deco.is-appearance-order--2 {
  -webkit-transition-delay: 0.33s;
  transition-delay: 0.33s;
}
@media screen and (min-width: 768px) {
  .p-kids-top_kv_title {
    width: 58.3984375vw;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .js-top-kv-lottie {
    height: 18.5546875vw;
  }
}
@media screen and (max-width: 767px) {
  .js-top-kv-lottie {
    height: 32vw;
  }
}
.p-kids-top_kv_rail_shaft {
  line-height: 0;
  opacity: 0;
  -webkit-transition: opacity 0.17s;
  transition: opacity 0.17s;
  width: 100%;
  background-color: #a0a0a0;
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
}
@media screen and (min-width: 768px) {
  .p-kids-top_kv_rail_shaft {
    margin-top: -3px;
    height: 0.68359375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_kv_rail_shaft {
    height: 1.866666666666667vw;
  }
}
.p-kids-top_kv_rail_shaft.is-active {
  opacity: 1;
}
.p-kids-top_kv_rail_card-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .p-kids-top_kv_rail_card-wrap {
    position: relative;
    width: 89.2578125vw;
    margin: -2px auto 0;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_kv_rail_card-wrap {
    margin-top: -1.066666666666667vw;
  }
}
.p-kids-top_kv_rail_card-container {
  position: relative;
  -webkit-transition: -webkit-transform linear;
  transition: -webkit-transform linear;
  transition: transform linear;
  transition: transform linear, -webkit-transform linear;
  -webkit-transform-origin: top;
  transform-origin: top;
}
@media screen and (min-width: 768px) {
  .p-kids-top_kv_rail_card-container.is-anim-start {
    -webkit-animation: card_slide_in_pc 0.83s forwards cubic-bezier(0, 0, 0.2, 1), card_swing_pc 1.83s forwards ease-in-out;
    animation: card_slide_in_pc 0.83s forwards cubic-bezier(0, 0, 0.2, 1), card_swing_pc 1.83s forwards ease-in-out;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_kv_rail_card-container.is-anim-start {
    -webkit-animation: card_slide_in_sp 0.83s forwards cubic-bezier(0, 0, 0.2, 1), card_swing_sp 1.83s forwards ease-in-out;
    animation: card_slide_in_sp 0.83s forwards cubic-bezier(0, 0, 0.2, 1), card_swing_sp 1.83s forwards ease-in-out;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_kv_rail_card-container {
    -webkit-transform: translateX(-100vw);
    transform: translateX(-100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_kv_rail_card-container {
    -webkit-transform: translateX(-150vw);
    transform: translateX(-150vw);
  }
}
.p-kids-top_kv_rail_card-container--2 {
  z-index: 1;
}
.p-kids-top_kv_rail_card-container--1 {
  z-index: 2;
}
.p-kids-top_kv_rail_card-container--0 {
  z-index: 3;
}
@-webkit-keyframes card_slide_in_pc {
  0% {
    -webkit-transform: translateX(-100vw) rotate(9deg);
    transform: translateX(-100vw) rotate(9deg);
  }
  100% {
    -webkit-transform: translateX(0) rotate(-20deg);
    transform: translateX(0) rotate(-20deg);
  }
}
@keyframes card_slide_in_pc {
  0% {
    -webkit-transform: translateX(-100vw) rotate(9deg);
    transform: translateX(-100vw) rotate(9deg);
  }
  100% {
    -webkit-transform: translateX(0) rotate(-20deg);
    transform: translateX(0) rotate(-20deg);
  }
}
@-webkit-keyframes card_swing_pc {
  0% {
    -webkit-transform: translateX(-100vw) rotate(9deg);
    transform: translateX(-100vw) rotate(9deg);
  }
  45% {
    -webkit-transform: translateX(0) rotate(-20deg);
    transform: translateX(0) rotate(-20deg);
  }
  67% {
    -webkit-transform: translateX(0) rotate(9deg);
    transform: translateX(0) rotate(9deg);
  }
  87% {
    -webkit-transform: translateX(0) rotate(-2.8deg);
    transform: translateX(0) rotate(-2.8deg);
  }
  100% {
    -webkit-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0);
  }
}
@keyframes card_swing_pc {
  0% {
    -webkit-transform: translateX(-100vw) rotate(9deg);
    transform: translateX(-100vw) rotate(9deg);
  }
  45% {
    -webkit-transform: translateX(0) rotate(-20deg);
    transform: translateX(0) rotate(-20deg);
  }
  67% {
    -webkit-transform: translateX(0) rotate(9deg);
    transform: translateX(0) rotate(9deg);
  }
  87% {
    -webkit-transform: translateX(0) rotate(-2.8deg);
    transform: translateX(0) rotate(-2.8deg);
  }
  100% {
    -webkit-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0);
  }
}
@-webkit-keyframes card_slide_in_sp {
  0% {
    -webkit-transform: translateX(-150vw) rotate(9deg);
    transform: translateX(-150vw) rotate(9deg);
  }
  100% {
    -webkit-transform: translateX(0) rotate(-20deg);
    transform: translateX(0) rotate(-20deg);
  }
}
@keyframes card_slide_in_sp {
  0% {
    -webkit-transform: translateX(-150vw) rotate(9deg);
    transform: translateX(-150vw) rotate(9deg);
  }
  100% {
    -webkit-transform: translateX(0) rotate(-20deg);
    transform: translateX(0) rotate(-20deg);
  }
}
@-webkit-keyframes card_swing_sp {
  0% {
    -webkit-transform: translateX(-150vw) rotate(9deg);
    transform: translateX(-150vw) rotate(9deg);
  }
  45% {
    -webkit-transform: translateX(0) rotate(-20deg);
    transform: translateX(0) rotate(-20deg);
  }
  67% {
    -webkit-transform: translateX(0) rotate(9deg);
    transform: translateX(0) rotate(9deg);
  }
  87% {
    -webkit-transform: translateX(0) rotate(-2.8deg);
    transform: translateX(0) rotate(-2.8deg);
  }
  100% {
    -webkit-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0);
  }
}
@keyframes card_swing_sp {
  0% {
    -webkit-transform: translateX(-150vw) rotate(9deg);
    transform: translateX(-150vw) rotate(9deg);
  }
  45% {
    -webkit-transform: translateX(0) rotate(-20deg);
    transform: translateX(0) rotate(-20deg);
  }
  67% {
    -webkit-transform: translateX(0) rotate(9deg);
    transform: translateX(0) rotate(9deg);
  }
  87% {
    -webkit-transform: translateX(0) rotate(-2.8deg);
    transform: translateX(0) rotate(-2.8deg);
  }
  100% {
    -webkit-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0);
  }
}
.p-kids-top_kv_rail_card {
  position: relative;
  background-image: url("/kids/assets/images/top/kv/card.svg");
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p-kids-top_kv_rail_card {
    width: 28.3203125vw;
    height: 44.53125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_kv_rail_card {
    width: 60vw;
    height: 94.39999999999999vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_kv_rail_card--business .p-kids-top_kv_rail_card_title {
    width: 18.1640625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_kv_rail_card--business .p-kids-top_kv_rail_card_title {
    width: 36.8vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_kv_rail_card--engineer .p-kids-top_kv_rail_card_title {
    width: 18.5546875vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_kv_rail_card--engineer .p-kids-top_kv_rail_card_title {
    width: 37.06666666666666vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_kv_rail_card--designer .p-kids-top_kv_rail_card_title {
    width: 18.359375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_kv_rail_card--designer .p-kids-top_kv_rail_card_title {
    width: 36.8vw;
  }
}
.p-kids-top_kv_rail_card_hook_bg {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  background-image: url("/kids/assets/images/top/kv/hook_bg.svg");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .p-kids-top_kv_rail_card_hook_bg {
    top: -3%;
    width: 3.125vw;
    height: 3.80859375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_kv_rail_card_hook_bg {
    top: -2.666666666666667vw;
    width: 6.666666666666667vw;
    height: 8vw;
  }
}
.p-kids-top_kv_rail_card_hook {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-image: url("/kids/assets/images/top/kv/hook.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .p-kids-top_kv_rail_card_hook {
    top: -1%;
    width: 0.78125vw;
    height: 2.44140625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_kv_rail_card_hook {
    top: -1.333333333333333vw;
    width: 1.866666666666667vw;
    height: 5.333333333333334vw;
  }
}
.p-kids-top_kv_rail_card_deco_text {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .p-kids-top_kv_rail_card_deco_text {
    top: 2.34375vw;
    width: 25.78125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_kv_rail_card_deco_text {
    top: 5.066666666666666vw;
    width: 54.13333333333333vw;
  }
}
.p-kids-top_kv_rail_card_title {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .p-kids-top_kv_rail_card_title {
    top: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_kv_rail_card_title {
    top: 8vw;
  }
}
.p-kids-top_kv_rail_card_icon_car {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .p-kids-top_kv_rail_card_icon_car {
    width: 4.4921875vw;
    top: 8.10546875vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_kv_rail_card_icon_car {
    width: 9.066666666666666vw;
    top: 16.53333333333333vw;
  }
}
.p-kids-top_kv_rail_card_course {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .p-kids-top_kv_rail_card_course {
    top: 11.328125vw;
    font-size: 1.3671875vw;
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_kv_rail_card_course {
    top: 23.733333333333334vw;
    font-size: 3.466666666666666vw;
    line-height: 1.538461538461539;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
.p-kids-top_kv_rail_card_character {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .p-kids-top_kv_rail_card_character {
    top: 13.4765625vw;
    width: 22.4609375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_kv_rail_card_character {
    top: 29.86666666666667vw;
    width: 47.199999999999996vw;
  }
}
.p-kids-top_kv_rail_card_img_character_bg,
.p-kids-top_kv_rail_card_character_img {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.p-kids-top_kv_rail_card_hashtag {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .p-kids-top_kv_rail_card_hashtag {
    bottom: 1.953125vw;
    left: 1.46484375vw;
    width: 3.61328125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_kv_rail_card_hashtag {
    bottom: 3.2vw;
    left: 3.2vw;
    width: 7.733333333333333vw;
  }
}
.p-kids-top_kv_rail_card_btn {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .p-kids-top_kv_rail_card_btn {
    bottom: 2.9296875vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_kv_rail_card_btn {
    bottom: 5.600000000000001vw;
  }
}
.p-kids-top_loading {
  width: 100vw;
  position: fixed;
  left: 0;
  z-index: 500;
  background-color: #145d9d;
  background-size: 100% auto;
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media screen and (min-width: 768px) {
  .p-kids-top_loading {
    height: calc(100svh - 80px);
    top: 80px;
    background-image: url("/kids/assets/images/top/bg_text_pc.png");
    background-position: 0 -1.85546875vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_loading {
    height: calc(100svh - 56px);
    top: 56px;
    background-image: url("/kids/assets/images/top/bg_text_sp.png");
    background-position: 0 1.066666666666667vw;
  }
}
.p-kids-top_loading.loaded {
  opacity: 0;
  visibility: hidden;
}
.p-kids-top_loading_inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.p-kids-top_loading_face {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0 2.9296875vw;
}
.p-kids-top_loading_face_img {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .p-kids-top_loading_face_img {
    width: 5.859375vw;
    height: 5.859375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_loading_face_img {
    width: 12vw;
    height: 12vw;
  }
}
.p-kids-top_loading_face_img.is-1 {
  -webkit-animation: poyon-load-1 3s infinite;
  animation: poyon-load-1 3s infinite;
  opacity: 1;
}
.p-kids-top_loading_face_img.is-2 {
  -webkit-animation: poyon-load-2 3s infinite;
  animation: poyon-load-2 3s infinite;
  opacity: 1;
}
.p-kids-top_loading_face_img.is-3 {
  -webkit-animation: poyon-load-3 3s infinite;
  animation: poyon-load-3 3s infinite;
  opacity: 1;
}
.p-kids-top_loading_text {
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-kids-top_loading_text {
    font-size: 2.1484375vw;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 900;
    margin-top: 2.05078125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_loading_text {
    font-size: 4.533333333333333vw;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 900;
    margin-top: 4vw;
  }
}
@-webkit-keyframes poyon-load-1 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  8% {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
  }
  16% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  64% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  75% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@keyframes poyon-load-1 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  8% {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
  }
  16% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  64% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  75% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@-webkit-keyframes poyon-load-2 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  16% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  24% {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
  }
  32% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  64% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  75% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@keyframes poyon-load-2 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  16% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  24% {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
  }
  32% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  64% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  75% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@-webkit-keyframes poyon-load-3 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  32% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
  }
  48% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  64% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  75% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@keyframes poyon-load-3 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  32% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
  }
  48% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  64% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  75% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
.p-kids-top_other-contents {
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(#145d9d), to(#cfdee6));
  background: -webkit-linear-gradient(top, #145d9d, #cfdee6);
  background: linear-gradient(to bottom, #145d9d, #cfdee6);
  border-top: solid 1px #000;
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents {
    padding-top: 7.421875vw;
    padding-bottom: 10.44921875vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents {
    padding-top: 19.2vw;
    padding-bottom: 73.06666666666666vw;
  }
}
.p-kids-top_other-contents::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/kids/assets/images/common/bg_pattern_grid_top.svg");
  pointer-events: none;
}
.p-kids-top_other-contents::after {
  content: '';
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #1c3958;
  width: 400vw;
  height: 400vw;
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents::after {
    top: 55%;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents::after {
    top: 77%;
  }
}
.p-kids-top_other-contents_loop {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: other-content-loop-1 infinite 20s linear;
  animation: other-content-loop-1 infinite 20s linear;
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_loop {
    width: 191.2109375vw;
    margin-top: -2.5%;
    padding-left: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_loop {
    width: 417.6vw;
    margin-top: -5.333333333333334vw;
    padding-left: 2.666666666666667vw;
  }
}
.p-kids-top_other-contents_loop--2 {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-animation: other-content-loop-2 infinite 20s linear;
  animation: other-content-loop-2 infinite 20s linear;
}
@-webkit-keyframes other-content-loop-1 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes other-content-loop-1 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-webkit-keyframes other-content-loop-2 {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes other-content-loop-2 {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.p-kids-top_other-contents_bg_deco-wrap {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100vw;
  height: 18.84765625vw;
}
.p-kids-top_other-contents_bg_deco {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_bg_deco--1 {
    top: 13.8671875vw;
    left: 2.05078125vw;
    width: 4.6875vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_bg_deco--1 {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_bg_deco--2 {
    top: 4.39453125vw;
    left: 12.3046875vw;
    width: 6.0546875vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_bg_deco--2 {
    top: 19.2vw;
    left: 0;
    width: 14.133333333333335vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_bg_deco--3 {
    top: 10.83984375vw;
    left: 23.4375vw;
    width: 6.34765625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_bg_deco--3 {
    top: 34.4vw;
    left: 14.933333333333335vw;
    width: 14.933333333333335vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_bg_deco--4 {
    top: 10.546875vw;
    right: 23.33984375vw;
    width: 5.2734375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_bg_deco--4 {
    top: 33.6vw;
    right: 16.53333333333333vw;
    width: 12.533333333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_bg_deco--5 {
    top: 5.37109375vw;
    right: 11.9140625vw;
    width: 5.2734375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_bg_deco--5 {
    top: 21.333333333333336vw;
    right: 0;
    width: 12.533333333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_bg_deco--6 {
    top: 13.18359375vw;
    right: 2.05078125vw;
    width: 4.6875vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_bg_deco--6 {
    display: none;
  }
}
.p-kids-top_other-contents_deco_car {
  position: absolute;
  bottom: 100%;
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_deco_car--1 {
    width: 23.14453125vw;
    -webkit-animation: car 6s forwards infinite;
    animation: car 6s forwards infinite;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_deco_car--1 {
    width: 44.266666666666666vw;
    -webkit-animation: car 3s forwards infinite;
    animation: car 3s forwards infinite;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_deco_car--2 {
    width: 21.6796875vw;
    -webkit-animation: car 7s forwards infinite;
    animation: car 7s forwards infinite;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_deco_car--2 {
    width: 41.6vw;
    -webkit-animation: car 4s forwards infinite;
    animation: car 4s forwards infinite;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_deco_car--3 {
    width: 20.80078125vw;
    -webkit-animation: car 8s forwards infinite;
    animation: car 8s forwards infinite;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_deco_car--3 {
    width: 40vw;
    -webkit-animation: car 5s forwards infinite;
    animation: car 5s forwards infinite;
  }
}
.p-kids-top_other-contents_title {
  color: #fff;
  text-align: center;
}
.p-kids-top_other-contents_title h2 {
  font-family: 'Rammetto One', sans-serif;
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_title h2 {
    font-size: 3.3203125vw;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_title h2 {
    font-size: 6.933333333333333vw;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_title p {
    font-size: 1.66015625vw;
    line-height: 1.529411764705882;
    letter-spacing: 0em;
    font-weight: 900;
    margin-top: 0.48828125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_title p {
    font-size: 3.733333333333334vw;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 900;
    margin-top: 2.4vw;
  }
}
.p-kids-top_other-contents_panel-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_panel-wrap {
    margin-top: 3.61328125vw;
    gap: 3.3203125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_panel-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 7.466666666666668vw;
    gap: 6.133333333333333vw 5.066666666666666vw;
  }
}
.p-kids-top_other-contents_panel-container {
  position: relative;
}
.p-kids-top_other-contents_panel-container--SDGs .p-kids-top_other-contents_panel_layer {
  background-color: #889d18;
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_panel-container--SDGs .p-kids-top_other-contents_panel_contents .p-kids-top_other-contents_panel_text {
    left: 45%;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_panel-container--SDGs .p-kids-top_other-contents_panel_contents .p-kids-top_other-contents_panel_text {
    left: 48%;
  }
  .p-kids-top_other-contents_panel-container--SDGs .p-kids-top_other-contents_panel_contents .p-kids-top_other-contents_panel_text .arrow {
    right: -2.133333333333333vw;
  }
}
.p-kids-top_other-contents_panel-container--future .p-kids-top_other-contents_panel_layer {
  background-color: #8e4880;
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_panel-container--future .p-kids-top_other-contents_panel_contents .p-kids-top_other-contents_panel_text {
    left: 45%;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_panel-container--future .p-kids-top_other-contents_panel_contents .p-kids-top_other-contents_panel_text .arrow {
    right: 2.933333333333333vw;
  }
}
.p-kids-top_other-contents_panel-container--environment .p-kids-top_other-contents_panel_layer {
  background-color: #356288;
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_panel-container--environment .p-kids-top_other-contents_panel_contents .p-kids-top_other-contents_panel_text {
    left: 45%;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_panel-container--environment .p-kids-top_other-contents_panel_contents .p-kids-top_other-contents_panel_text {
    left: 48%;
  }
  .p-kids-top_other-contents_panel-container--environment .p-kids-top_other-contents_panel_contents .p-kids-top_other-contents_panel_text .arrow {
    right: -3.733333333333334vw;
  }
}
.p-kids-top_other-contents_panel-container--traffic-safety .p-kids-top_other-contents_panel_layer {
  background-color: #a0a0a0;
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_panel-container--traffic-safety .p-kids-top_other-contents_panel_contents .p-kids-top_other-contents_panel_text {
    left: 47%;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_panel-container--traffic-safety .p-kids-top_other-contents_panel_contents .p-kids-top_other-contents_panel_text .arrow {
    right: -2.133333333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_panel-container--SDGs,
  .p-kids-top_other-contents_panel-container--traffic-safety {
    margin-top: 2.9296875vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_panel-container--SDGs .p-kids-top_other-contents_panel_stand,
  .p-kids-top_other-contents_panel-container--environment .p-kids-top_other-contents_panel_stand {
    left: -8vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_panel-container--future .p-kids-top_other-contents_panel_stand,
  .p-kids-top_other-contents_panel-container--traffic-safety .p-kids-top_other-contents_panel_stand {
    right: -8vw;
  }
}
@media screen and (any-hover: hover) and (min-width: 768px) {
  .p-kids-top_other-contents_panel-container:hover .p-kids-top_other-contents_panel_layer,
  .p-kids-top_other-contents_panel-container:hover .p-kids-top_other-contents_panel {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
.p-kids-top_other-contents_panel_stand {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_panel_stand {
    top: 14.16015625vw;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_panel_stand {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 10.666666666666668vw;
    height: 19.2vw;
  }
}
.p-kids-top_other-contents_panel_layer {
  position: absolute;
  top: 5px;
  border: solid 1px #000;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_panel_layer {
    width: 19.82421875vw;
    height: 15.13671875vw;
    border-radius: 1.46484375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_panel_layer {
    width: 42.13333333333333vw;
    height: 39.2vw;
    border-radius: 4vw;
  }
}
.p-kids-top_other-contents_panel {
  display: block;
  position: relative;
  border: solid 1px #000;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_panel {
    width: 19.82421875vw;
    height: 15.13671875vw;
    border-radius: 1.46484375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_panel {
    width: 42.13333333333333vw;
    height: 39.2vw;
    border-radius: 4vw;
  }
}
.p-kids-top_other-contents_panel--SDGs {
  background-color: #b6d124;
}
.p-kids-top_other-contents_panel--SDGs .p-kids-top_other-contents_panel_pin {
  background-color: #889d18;
}
.p-kids-top_other-contents_panel--future {
  background-color: #d179c1;
}
.p-kids-top_other-contents_panel--future .p-kids-top_other-contents_panel_pin {
  background-color: #8e4880;
}
.p-kids-top_other-contents_panel--environment {
  background-color: #6ba0cc;
}
.p-kids-top_other-contents_panel--environment .p-kids-top_other-contents_panel_pin {
  background-color: #356288;
}
.p-kids-top_other-contents_panel--traffic-safety {
  background-color: #d8d8d8;
}
.p-kids-top_other-contents_panel--traffic-safety .p-kids-top_other-contents_panel_pin {
  background-color: #a0a0a0;
}
.p-kids-top_other-contents_panel .p-kids-top_other-contents_panel_pin {
  position: absolute;
  border-radius: 50%;
  border: solid 1px #000;
  -webkit-transition: -webkit-transform 0.1s;
  transition: -webkit-transform 0.1s;
  transition: transform 0.1s;
  transition: transform 0.1s, -webkit-transform 0.1s;
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_panel .p-kids-top_other-contents_panel_pin {
    width: 0.78125vw;
    height: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_panel .p-kids-top_other-contents_panel_pin {
    width: 1.6vw;
    height: 1.6vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_panel .p-kids-top_other-contents_panel_pin--1 {
    top: 0.87890625vw;
    left: 0.87890625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_panel .p-kids-top_other-contents_panel_pin--1 {
    top: 2.133333333333333vw;
    left: 2.133333333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_panel .p-kids-top_other-contents_panel_pin--2 {
    top: 0.87890625vw;
    right: 0.87890625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_panel .p-kids-top_other-contents_panel_pin--2 {
    top: 2.133333333333333vw;
    right: 2.133333333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_panel .p-kids-top_other-contents_panel_pin--3 {
    bottom: 0.87890625vw;
    left: 0.87890625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_panel .p-kids-top_other-contents_panel_pin--3 {
    bottom: 2.133333333333333vw;
    left: 2.133333333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_panel .p-kids-top_other-contents_panel_pin--4 {
    bottom: 0.87890625vw;
    right: 0.87890625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_panel .p-kids-top_other-contents_panel_pin--4 {
    bottom: 2.133333333333333vw;
    right: 2.133333333333333vw;
  }
}
.p-kids-top_other-contents_panel_contents {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_panel_contents {
    width: 19.82421875vw;
    height: 15.13671875vw;
    border-radius: 1.46484375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_panel_contents {
    width: 42.13333333333333vw;
    height: 40.266666666666666vw;
    border-radius: 4vw;
  }
}
.p-kids-top_other-contents_panel_icon {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_panel_icon {
    top: 33%;
    width: 11.42578125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_panel_icon {
    top: 32%;
    width: 22.400000000000002vw;
  }
}
.p-kids-top_other-contents_panel_text {
  color: #000;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_panel_text {
    top: 74%;
    font-size: 1.66015625vw;
    line-height: 1.529411764705882;
    letter-spacing: 0.02em;
    font-weight: 900;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_panel_text {
    top: 72%;
    left: 50%;
    font-size: 3.733333333333334vw;
    line-height: 1.785714285714286;
    letter-spacing: 0.02em;
    font-weight: 900;
    text-align: center;
  }
}
.p-kids-top_other-contents_panel_text [data-ruby]::before {
  top: -1em;
}
.p-kids-top_other-contents_panel_text .arrow {
  display: block;
  position: absolute;
  background-image: url("/kids/assets/images/common/arrow.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_panel_text .arrow {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -1.953125vw;
    width: 0.9765625vw;
    height: 0.9765625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_panel_text .arrow {
    bottom: 1.6vw;
    right: -2.666666666666667vw;
    width: 2.666666666666667vw;
    height: 2.666666666666667vw;
  }
}
.p-kids-top_other-contents_btn-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_btn-wrap {
    gap: 2.83203125vw;
    margin-top: 10.3515625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_btn-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 8vw;
    gap: 5.333333333333334vw;
  }
}
.p-kids-top_other-contents_btn {
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_btn {
    width: 27.734375vw;
    height: 5.859375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_btn {
    width: 89.33333333333333vw;
    height: 16vw;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_btn .m-layer-btn {
    padding: 0 1.953125vw;
    font-size: 1.66015625vw;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_btn .m-layer-btn {
    padding: 0 8vw;
    font-size: 4.533333333333333vw;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_btn .m-layer-btn [data-ruby] {
    margin-top: 0.390625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_btn .m-layer-btn [data-ruby] {
    margin-top: 1.6vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_btn .m-layer-btn img {
    width: 1.171875vw;
    height: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_btn .m-layer-btn img {
    width: 2.666666666666667vw;
    height: 2.666666666666667vw;
  }
}
.p-kids-top_other-contents_character_deco-wrap {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_character_deco-wrap {
    width: 100vw;
    height: 28.7109375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_character_deco-wrap {
    width: 100%;
    height: 66.4vw;
  }
}
.p-kids-top_other-contents_character_deco {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_character_deco--engineer {
    top: 2.83203125vw;
    left: 2.63671875vw;
    width: 7.51953125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_character_deco--engineer {
    top: 1.333333333333333vw;
    left: 6.4vw;
    width: 16.53333333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_character_deco--designer {
    top: 6.8359375vw;
    left: 8.7890625vw;
    width: 10.546875vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_character_deco--designer {
    top: 13.333333333333334vw;
    left: 24.53333333333333vw;
    width: 22.933333333333334vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_character_deco--neko {
    top: 20.1171875vw;
    right: 17.7734375vw;
    width: 5.859375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_character_deco--neko {
    top: 37.333333333333336vw;
    right: 28.26666666666667vw;
    width: 11.733333333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_other-contents_character_deco--business {
    top: 3.7109375vw;
    right: 9.08203125vw;
    width: 5.95703125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_other-contents_character_deco--business {
    top: 1.333333333333333vw;
    right: 11.200000000000001vw;
    width: 13.066666666666665vw;
  }
}
@-webkit-keyframes car {
  0% {
    right: 110vw;
  }
  100% {
    right: -100vw;
  }
}
@keyframes car {
  0% {
    right: 110vw;
  }
  100% {
    right: -100vw;
  }
}
.p-kids-top_special-contents {
  position: relative;
  opacity: 1;
  -webkit-transition: 0.17s;
  transition: 0.17s;
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents {
    margin-top: -28%;
    padding-top: 34.375vw;
    padding-bottom: 12.6953125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents {
    margin-top: -52%;
    padding-top: 78.13333333333333vw;
    padding-bottom: 23.200000000000003vw;
  }
}
.p-kids-top_special-contents::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #43ad7d;
  border-top: solid 1px #000;
  background-image: url("/kids/assets/images/top/special_contents/bg_pattern.svg");
  z-index: 0;
}
.p-kids-top_special-contents.is-anim-start::after {
  -webkit-animation: green_bg 0s forwards linear;
  animation: green_bg 0s forwards linear;
}
.p-kids-top_special-contents.is-anim-start:not(:has(.p-kids-top_special-contents-inner.is-active))::after {
  -webkit-animation: green_bg 0.5s forwards cubic-bezier(0, 0, 0.2, 1);
  animation: green_bg 0.5s forwards cubic-bezier(0, 0, 0.2, 1);
}
@-webkit-keyframes green_bg {
  0% {
    -webkit-transform: translateY(280px);
    transform: translateY(280px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes green_bg {
  0% {
    -webkit-transform: translateY(280px);
    transform: translateY(280px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.p-kids-top_special-contents_title {
  position: relative;
  text-align: center;
  color: #fff;
  z-index: 1;
}
.p-kids-top_special-contents_title h2 {
  font-family: 'Rammetto One', sans-serif;
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_title h2 {
    font-size: 3.3203125vw;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_title h2 {
    font-size: 6.933333333333333vw;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_title p {
    font-size: 1.66015625vw;
    line-height: 1.529411764705882;
    letter-spacing: 0.02em;
    font-weight: 900;
    margin-top: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_title p {
    font-size: 3.733333333333334vw;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 900;
    margin-top: 2.133333333333333vw;
  }
}
.p-kids-top_special-contents_factory-tour {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_factory-tour {
    width: 90.8203125vw;
    margin: 3.7109375vw auto 0;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_factory-tour {
    width: 93.60000000000001vw;
    margin: 7.466666666666668vw auto 0;
  }
}
.p-kids-top_special-contents_factory-tour::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #a0a0a0;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_factory-tour::after {
    height: 0.9765625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_factory-tour::after {
    height: 2.666666666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_factory-tour.is-active .p-kids-top_special-contents_factory-tour_frame::after {
    -webkit-animation: shutter-pc 1.2s forwards;
    animation: shutter-pc 1.2s forwards;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_factory-tour.is-active .p-kids-top_special-contents_factory-tour_frame::after {
    -webkit-animation: shutter-sp 1s forwards;
    animation: shutter-sp 1s forwards;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_factory-tour.is-active .p-kids-top_special-contents_factory-tour_fukidashi {
    -webkit-animation: poyon 1s 0.5s forwards;
    animation: poyon 1s 0.5s forwards;
    opacity: 1;
    -webkit-transition: opacity 0s 0.5s ease;
    transition: opacity 0s 0.5s ease;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_factory-tour.is-active .p-kids-top_special-contents_factory-tour_fukidashi {
    -webkit-animation: poyon 1s 0.3s forwards;
    animation: poyon 1s 0.3s forwards;
    opacity: 1;
    -webkit-transition: opacity 0s 0.3s ease;
    transition: opacity 0s 0.3s ease;
  }
}
.p-kids-top_special-contents_factory-tour_frame {
  position: relative;
  overflow: hidden;
  background: -webkit-gradient(linear, left top, left bottom, from(#efebc2), to(#1a6f8e));
  background: -webkit-linear-gradient(top, #efebc2, #1a6f8e);
  background: linear-gradient(to bottom, #efebc2, #1a6f8e);
  border: solid 1px #000;
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_factory-tour_frame {
    width: 89.2578125vw;
    height: 26.3671875vw;
    margin: 0 auto;
    border-radius: 7.32421875vw 7.32421875vw 0 0;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_factory-tour_frame {
    width: 89.33333333333333vw;
    height: 72.53333333333333vw;
    margin: 0 auto;
    border-radius: 20vw 20vw 0 0;
  }
}
.p-kids-top_special-contents_factory-tour_frame::before {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  background-image: url("/kids/assets/images/top/special_contents/factory_tour/bg_img.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_factory-tour_frame::before {
    top: -2.1484375vw;
    height: 50.87890625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_factory-tour_frame::before {
    top: 3.2vw;
    height: 70.93333333333334vw;
  }
}
.p-kids-top_special-contents_factory-tour_frame::after {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/kids/assets/images/top/special_contents/factory_tour/shutter.svg");
  background-position: bottom;
  background-color: #7c7c7c;
  bottom: 0;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_factory-tour_frame::after {
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_factory-tour_frame::after {
    background-size: 253.33333333333331vw;
  }
}
.p-kids-top_special-contents_factory-tour_title {
  position: absolute;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_factory-tour_title {
    top: 5.76171875vw;
    left: 26.3671875vw;
    width: 35.64453125vw;
    height: 11.23046875vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_factory-tour_title {
    top: 22.933333333333334vw;
    left: 4.533333333333333vw;
    width: 79.2vw;
    height: 25.066666666666666vw;
  }
}
.p-kids-top_special-contents_factory-tour_title .factory-tour {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_factory-tour_title .factory-tour {
    width: 31.25vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_factory-tour_title .factory-tour {
    width: 69.6vw;
  }
}
.p-kids-top_special-contents_factory-tour_title .virtual {
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_factory-tour_title .virtual {
    width: 14.453125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_factory-tour_title .virtual {
    width: 31.733333333333334vw;
  }
}
.p-kids-top_special-contents_factory-tour_fukidashi {
  position: absolute;
  z-index: 3;
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_factory-tour_fukidashi {
    top: -5%;
    right: 4.39453125vw;
    width: 30.46875vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_factory-tour_fukidashi {
    top: 1.6vw;
    right: -2.4vw;
    width: 62.133333333333326vw;
  }
}
.p-kids-top_special-contents_factory-tour_btn {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_factory-tour_btn {
    bottom: 3.61328125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_factory-tour_btn {
    bottom: 10.933333333333334vw;
  }
}
.p-kids-top_special-contents_factory-tour_pole {
  position: absolute;
  bottom: 0;
  background-image: url("/kids/assets/images/top/special_contents/factory_tour/pole.svg");
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_factory-tour_pole {
    width: 1.5625vw;
    height: 10.7421875vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_factory-tour_pole {
    width: 4.266666666666667vw;
    height: 29.333333333333332vw;
  }
}
.p-kids-top_special-contents_factory-tour_pole--left {
  left: 0;
}
.p-kids-top_special-contents_factory-tour_pole--right {
  right: 0;
}
.p-kids-top_special-contents_flex-wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_flex-wrap {
    margin: 1.7578125vw auto 0;
    width: 100vw;
    gap: 1.953125vw;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_flex-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 11.733333333333333vw auto 0;
    width: 100%;
    gap: 3.466666666666666vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_motor-race {
    margin-top: 2.9296875vw;
  }
}
.p-kids-top_special-contents_motor-race_video-game {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_motor-race_video-game {
    width: 44.23828125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_motor-race_video-game {
    width: 90.93333333333334vw;
    margin-left: 5.333333333333334vw;
  }
}
.p-kids-top_special-contents_motor-race_video-game[data-module="InView"] {
  opacity: 1;
}
.p-kids-top_special-contents_motor-race_video-game[data-module="InView"].is-active .p-kids-top_special-contents_motor-race_video-game_code {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.p-kids-top_special-contents_motor-race_video-game[data-module="InView"].is-active .p-kids-top_special-contents_motor-race_video-game_code--2 {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.p-kids-top_special-contents_motor-race_video-game[data-module="InView"].is-active .p-kids-top_special-contents_motor-race_video-game_switch {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-delay: 0.84s;
  transition-delay: 0.84s;
}
.p-kids-top_special-contents_motor-race_video-game[data-module="InView"].is-active .p-kids-top_special-contents_motor-race_video-game_right {
  -webkit-animation: right-turn-on 0.1s forwards;
  animation: right-turn-on 0.1s forwards;
  -webkit-animation-delay: 1.07s;
  animation-delay: 1.07s;
}
@-webkit-keyframes right-turn-on {
  0% {
    background-image: url("/kids/assets/images/top/special_contents/motor_race/right_game_inactive.svg");
  }
  100% {
    background-image: url("/kids/assets/images/top/special_contents/motor_race/right_game_active.svg");
  }
}
@keyframes right-turn-on {
  0% {
    background-image: url("/kids/assets/images/top/special_contents/motor_race/right_game_inactive.svg");
  }
  100% {
    background-image: url("/kids/assets/images/top/special_contents/motor_race/right_game_active.svg");
  }
}
.p-kids-top_special-contents_motor-race_video-game[data-module="InView"].is-active .p-kids-top_special-contents_motor-race_video-game_title::after {
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transition-delay: 1.67s;
  transition-delay: 1.67s;
}
.p-kids-top_special-contents_motor-race_video-game_switch {
  position: absolute;
  bottom: 99.5%;
  z-index: -1;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
  -webkit-transition: -webkit-transform 0.17s;
  transition: -webkit-transform 0.17s;
  transition: transform 0.17s;
  transition: transform 0.17s, -webkit-transform 0.17s;
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_motor-race_video-game_switch {
    width: 3.90625vw;
    right: 3.515625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_motor-race_video-game_switch {
    width: 7.733333333333333vw;
    right: 9.6vw;
  }
}
.p-kids-top_special-contents_motor-race_video-game_switch img {
  position: absolute;
  bottom: 0;
}
.p-kids-top_special-contents_motor-race_video-game_code {
  position: absolute;
  z-index: -1;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.33s;
  transition: -webkit-transform 0.33s;
  transition: transform 0.33s;
  transition: transform 0.33s, -webkit-transform 0.33s;
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_motor-race_video-game_code--1 {
    width: 7.8125vw;
    top: 6.73828125vw;
    left: -12%;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_motor-race_video-game_code--1 {
    width: 11.200000000000001vw;
    top: 11.733333333333333vw;
    left: -8.5%;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_motor-race_video-game_code--2 {
    width: 7.8125vw;
    top: 24.8046875vw;
    left: -12%;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_motor-race_video-game_code--2 {
    width: 11.733333333333333vw;
    top: 53.86666666666666vw;
    left: -9%;
  }
}
.p-kids-top_special-contents_motor-race_video-game_screen {
  position: absolute;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_motor-race_video-game_screen {
    width: 29.8828125vw;
    height: 23.73046875vw;
    top: 3.61328125vw;
    left: 6.15234375vw;
    border-radius: 0.5859375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_motor-race_video-game_screen {
    top: 6.666666666666667vw;
    left: 12vw;
    width: 62.4vw;
    height: 49.6vw;
    border-radius: 1.6vw;
  }
}
.p-kids-top_special-contents_motor-race_video-game_title {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_motor-race_video-game_title {
    width: 25.48828125vw;
    top: 4.78515625vw;
    left: 2.1484375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_motor-race_video-game_title {
    width: 53.06666666666666vw;
    top: 10.666666666666668vw;
    left: 5.066666666666666vw;
  }
}
.p-kids-top_special-contents_motor-race_video-game_title::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 101%;
  height: 100%;
  background-color: #556479;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
}
.p-kids-top_special-contents_motor-race_video-game_character-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_motor-race_video-game_character-wrap {
    gap: 0.5859375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_motor-race_video-game_character-wrap {
    gap: 1.333333333333333vw;
  }
}
.p-kids-top_special-contents_motor-race_video-game_character-wrap.is-anim-start .p-kids-top_special-contents_motor-race_video-game_character--business {
  -webkit-transform: translateY(-65%);
  transform: translateY(-65%);
}
.p-kids-top_special-contents_motor-race_video-game_character-wrap.is-anim-start .p-kids-top_special-contents_motor-race_video-game_character--engineer {
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s;
  -webkit-transform: translateY(-70%);
  transform: translateY(-70%);
}
.p-kids-top_special-contents_motor-race_video-game_character-wrap.is-anim-start .p-kids-top_special-contents_motor-race_video-game_character--designer {
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
  -webkit-transform: translateY(-65%);
  transform: translateY(-65%);
}
.p-kids-top_special-contents_motor-race_video-game_character {
  z-index: 10;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_motor-race_video-game_character--business {
    width: 6.8359375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_motor-race_video-game_character--business {
    width: 14.666666666666666vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_motor-race_video-game_character--engineer {
    width: 8.30078125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_motor-race_video-game_character--engineer {
    width: 17.866666666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_motor-race_video-game_character--designer {
    width: 7.91015625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_motor-race_video-game_character--designer {
    width: 17.066666666666666vw;
  }
}
.p-kids-top_special-contents_motor-race_video-game_arrow_key-wrap {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_motor-race_video-game_arrow_key-wrap {
    width: 8.203125vw;
    height: 8.49609375vw;
    bottom: 2.24609375vw;
    left: 3.41796875vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_motor-race_video-game_arrow_key-wrap {
    width: 16.53333333333333vw;
    height: 17.333333333333336vw;
    bottom: 5.333333333333334vw;
    left: 5.866666666666666vw;
  }
}
@media screen and (any-hover: hover) and (min-width: 768px) {
  .p-kids-top_special-contents_motor-race_video-game_arrow_key-wrap:hover .p-kids-top_special-contents_motor-race_video-game_arrow_key {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }
}
.p-kids-top_special-contents_motor-race_video-game_arrow_key {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.p-kids-top_special-contents_motor-race_video-game_arrow_key_layer {
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}
.p-kids-top_special-contents_motor-race_video-game_arrow_key_btn-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-kids-top_special-contents_motor-race_video-game_arrow_key_btn-wrap .key_btn {
  position: absolute;
}
.p-kids-top_special-contents_motor-race_video-game_arrow_key_btn-wrap .key_btn--top {
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-clip-path: polygon(50% 0%, 50% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(50% 0%, 50% 0%, 100% 100%, 0% 100%);
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_motor-race_video-game_arrow_key_btn-wrap .key_btn--top {
    width: 3.90625vw;
    height: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_motor-race_video-game_arrow_key_btn-wrap .key_btn--top {
    width: 6.4vw;
    height: 5.066666666666666vw;
  }
}
.p-kids-top_special-contents_motor-race_video-game_arrow_key_btn-wrap .key_btn--right {
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-clip-path: polygon(0% 0%, 100% 50%, 100% 50%, 0% 100%);
  clip-path: polygon(0% 0%, 100% 50%, 100% 50%, 0% 100%);
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_motor-race_video-game_arrow_key_btn-wrap .key_btn--right {
    width: 2.05078125vw;
    height: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_motor-race_video-game_arrow_key_btn-wrap .key_btn--right {
    width: 4.266666666666667vw;
    height: 6.933333333333333vw;
  }
}
.p-kids-top_special-contents_motor-race_video-game_arrow_key_btn-wrap .key_btn--bottom {
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 100%, 50% 100%);
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%, 50% 100%);
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_motor-race_video-game_arrow_key_btn-wrap .key_btn--bottom {
    width: 3.90625vw;
    height: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_motor-race_video-game_arrow_key_btn-wrap .key_btn--bottom {
    width: 6.4vw;
    height: 5.066666666666666vw;
  }
}
.p-kids-top_special-contents_motor-race_video-game_arrow_key_btn-wrap .key_btn--left {
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-clip-path: polygon(0% 50%, 100% 0%, 100% 100%, 0% 50%);
  clip-path: polygon(0% 50%, 100% 0%, 100% 100%, 0% 50%);
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_motor-race_video-game_arrow_key_btn-wrap .key_btn--left {
    width: 2.05078125vw;
    height: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_motor-race_video-game_arrow_key_btn-wrap .key_btn--left {
    width: 4.266666666666667vw;
    height: 6.933333333333333vw;
  }
}
.p-kids-top_special-contents_motor-race_video-game_btn-wrap {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_motor-race_video-game_btn-wrap {
    width: 3.515625vw;
    height: 3.515625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_motor-race_video-game_btn-wrap {
    width: 7.466666666666668vw;
    height: 7.466666666666668vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_motor-race_video-game_btn-wrap--a {
    bottom: 4.8828125vw;
    right: 10.3515625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_motor-race_video-game_btn-wrap--a {
    bottom: 10.666666666666668vw;
    right: 20vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_motor-race_video-game_btn-wrap--b {
    bottom: 4.8828125vw;
    right: 5.6640625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_motor-race_video-game_btn-wrap--b {
    bottom: 10.666666666666668vw;
    right: 10.4vw;
  }
}
@media screen and (any-hover: hover) and (min-width: 768px) {
  .p-kids-top_special-contents_motor-race_video-game_btn-wrap:hover .p-kids-top_special-contents_motor-race_video-game_btn {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }
}
.p-kids-top_special-contents_motor-race_video-game_btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.p-kids-top_special-contents_motor-race_video-game_btn_layer {
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}
.p-kids-top_special-contents_motor-race_video-game_btn_play-btn {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_motor-race_video-game_btn_play-btn {
    bottom: 4.6875vw;
    right: 16.2109375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_motor-race_video-game_btn_play-btn {
    bottom: 10.133333333333333vw;
    right: 32.53333333333333vw;
  }
}
.p-kids-top_special-contents_motor-race_video-game_right {
  position: absolute;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  background-image: url("/kids/assets/images/top/special_contents/motor_race/right_game_inactive.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_motor-race_video-game_right {
    top: 15.0390625vw;
    right: 6.0546875vw;
    width: 0.78125vw;
    height: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_motor-race_video-game_right {
    top: 30.4vw;
    right: 11.200000000000001vw;
    width: 2.133333333333333vw;
    height: 2.133333333333333vw;
  }
}
.p-kids-top_special-contents_independent-research {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_independent-research {
    width: 44.140625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_independent-research {
    width: 93.33333333333333vw;
    margin-left: 5.333333333333334vw;
  }
}
.p-kids-top_special-contents_independent-research.is-active .p-kids-top_special-contents_independent-research_title {
  opacity: 1;
  -webkit-transition: opacity 0.6s 0s ease;
  transition: opacity 0.6s 0s ease;
  opacity: 1;
}
.p-kids-top_special-contents_independent-research.is-active .p-kids-top_special-contents_independent-research_btn {
  opacity: 1;
  -webkit-transition: opacity 0.6s 0s ease;
  transition: opacity 0.6s 0s ease;
  opacity: 1;
}
.p-kids-top_special-contents_independent-research.is-active .p-kids-top_special-contents_independent-research_scope {
  -webkit-animation: poyon 1s 0s forwards;
  animation: poyon 1s 0s forwards;
  opacity: 1;
  -webkit-transition: opacity 0s 0s ease;
  transition: opacity 0s 0s ease;
  opacity: 1;
}
.p-kids-top_special-contents_independent-research_title {
  position: absolute;
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_independent-research_title {
    top: 5.859375vw;
    left: 7.6171875vw;
    width: 27.24609375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_independent-research_title {
    top: 17.866666666666667vw;
    left: 13.866666666666665vw;
    width: 61.86666666666667vw;
  }
}
.p-kids-top_special-contents_independent-research_btn {
  position: absolute;
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_independent-research_btn {
    top: 13.0859375vw;
    left: 14.2578125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_independent-research_btn {
    top: 35.199999999999996vw;
    left: 29.333333333333332vw;
  }
}
.p-kids-top_special-contents_independent-research_scope {
  position: absolute;
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_independent-research_scope {
    bottom: -6%;
    right: 2.1484375vw;
    width: 9.66796875vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_independent-research_scope {
    bottom: -2.666666666666667vw;
    right: 8.533333333333333vw;
    width: 21.866666666666667vw;
  }
}
.p-kids-top_special-contents_independent-research_scope::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("/kids/assets/images/top/special_contents/independent_research/deco_shine.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_independent-research_scope::after {
    width: 1.7578125vw;
    height: 2.24609375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_independent-research_scope::after {
    width: 4vw;
    height: 5.066666666666666vw;
  }
}
.p-kids-top_special-contents_my-card-gallery {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_my-card-gallery {
    width: 43.06640625vw;
    height: 19.04296875vw;
    margin-top: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_my-card-gallery {
    width: 92vw;
    height: 52.53333333333333vw;
  }
}
.p-kids-top_special-contents_my-card-gallery.is-active .p-kids-top_special-contents_my-card-gallery_title {
  -webkit-transition: opacity 0.6s 0.4s ease;
  transition: opacity 0.6s 0.4s ease;
  opacity: 1;
}
.p-kids-top_special-contents_my-card-gallery.is-active .p-kids-top_special-contents_my-card-gallery_btn {
  -webkit-transition: opacity 0.6s 0.4s ease;
  transition: opacity 0.6s 0.4s ease;
  opacity: 1;
}
.p-kids-top_special-contents_my-card-gallery.is-active .p-kids-top_special-contents_my-card-gallery_card--1 {
  -webkit-animation: card-1 0.7s forwards;
  animation: card-1 0.7s forwards;
}
.p-kids-top_special-contents_my-card-gallery.is-active .p-kids-top_special-contents_my-card-gallery_card--2 {
  -webkit-animation: card-2 0.7s forwards;
  animation: card-2 0.7s forwards;
}
.p-kids-top_special-contents_my-card-gallery.is-active .p-kids-top_special-contents_my-card-gallery_card--3 {
  -webkit-animation: card-3 0.7s forwards;
  animation: card-3 0.7s forwards;
}
.p-kids-top_special-contents_my-card-gallery.is-active .p-kids-top_special-contents_my-card-gallery_card--4 {
  -webkit-animation: card-4 0.7s forwards;
  animation: card-4 0.7s forwards;
}
.p-kids-top_special-contents_my-card-gallery.is-active .p-kids-top_special-contents_my-card-gallery_card--5 {
  -webkit-animation: card-5 0.7s forwards;
  animation: card-5 0.7s forwards;
}
.p-kids-top_special-contents_my-card-gallery_title {
  position: absolute;
  opacity: 0;
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_my-card-gallery_title {
    top: 4.6875vw;
    left: 4.8828125vw;
    width: 32.6171875vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_my-card-gallery_title {
    top: 19.2vw;
    left: 10.933333333333334vw;
    width: 78.66666666666666vw;
  }
}
.p-kids-top_special-contents_my-card-gallery_btn {
  position: absolute;
  opacity: 0;
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_my-card-gallery_btn {
    top: 10.25390625vw;
    left: 14.2578125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_my-card-gallery_btn {
    top: 33.6vw;
    left: 34.66666666666667vw;
  }
}
.p-kids-top_special-contents_my-card-gallery_card {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_my-card-gallery_card {
    top: 0;
    right: 6.34765625vw;
    width: 12.98828125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_my-card-gallery_card {
    top: 0;
    right: 10.933333333333334vw;
    width: 27.46666666666667vw;
    margin-top: 8.533333333333333vw;
  }
}
.p-kids-top_special-contents_my-card-gallery_card--1 {
  z-index: 1;
  -webkit-transform: translate(46%, 7%) rotate(5deg);
  transform: translate(46%, 7%) rotate(5deg);
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_my-card-gallery_card--1 {
    width: 12.40234375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_my-card-gallery_card--1 {
    width: 26.400000000000002vw;
  }
}
.p-kids-top_special-contents_my-card-gallery_card--2 {
  z-index: 2;
  -webkit-transform: translate(46%, 0%) rotate(0deg);
  transform: translate(46%, 0%) rotate(0deg);
}
.p-kids-top_special-contents_my-card-gallery_card--3 {
  z-index: 3;
  -webkit-transform: translate(46%, -4%) rotate(-5deg);
  transform: translate(46%, -4%) rotate(-5deg);
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_my-card-gallery_card--3 {
    width: 13.4765625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_my-card-gallery_card--3 {
    width: 28.799999999999997vw;
  }
}
.p-kids-top_special-contents_my-card-gallery_card--4 {
  z-index: 4;
  -webkit-transform: translate(46%, -4%) rotate(-10deg);
  transform: translate(46%, -4%) rotate(-10deg);
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_my-card-gallery_card--4 {
    width: 14.0625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_my-card-gallery_card--4 {
    width: 30.133333333333333vw;
  }
}
.p-kids-top_special-contents_my-card-gallery_card--5 {
  z-index: 5;
  -webkit-transform: translate(46%, -1%) rotate(-15deg);
  transform: translate(46%, -1%) rotate(-15deg);
}
@media screen and (min-width: 768px) {
  .p-kids-top_special-contents_my-card-gallery_card--5 {
    width: 14.6484375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kids-top_special-contents_my-card-gallery_card--5 {
    width: 31.2vw;
  }
}
@-webkit-keyframes shutter-pc {
  0% {
    bottom: 0;
  }
  100% {
    bottom: 23.4375vw;
  }
}
@keyframes shutter-pc {
  0% {
    bottom: 0;
  }
  100% {
    bottom: 23.4375vw;
  }
}
@-webkit-keyframes shutter-sp {
  0% {
    bottom: 0;
  }
  100% {
    bottom: 63.46666666666667vw;
  }
}
@keyframes shutter-sp {
  0% {
    bottom: 0;
  }
  100% {
    bottom: 63.46666666666667vw;
  }
}
@-webkit-keyframes card-2 {
  0% {
    -webkit-transform: translate(46%, 0%);
    transform: translate(46%, 0%);
  }
  100% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
}
@keyframes card-2 {
  0% {
    -webkit-transform: translate(46%, 0%);
    transform: translate(46%, 0%);
  }
  100% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
}
@-webkit-keyframes card-3 {
  0% {
    -webkit-transform: translate(46%, -4%) rotate(-5deg);
    transform: translate(46%, -4%) rotate(-5deg);
  }
  100% {
    -webkit-transform: translate(-45%, -4%) rotate(-5deg);
    transform: translate(-45%, -4%) rotate(-5deg);
  }
}
@keyframes card-3 {
  0% {
    -webkit-transform: translate(46%, -4%) rotate(-5deg);
    transform: translate(46%, -4%) rotate(-5deg);
  }
  100% {
    -webkit-transform: translate(-45%, -4%) rotate(-5deg);
    transform: translate(-45%, -4%) rotate(-5deg);
  }
}
@-webkit-keyframes card-4 {
  0% {
    -webkit-transform: translate(46%, -4%) rotate(-10deg);
    transform: translate(46%, -4%) rotate(-10deg);
  }
  100% {
    -webkit-transform: translate(-87%, -4%) rotate(-10deg);
    transform: translate(-87%, -4%) rotate(-10deg);
  }
}
@keyframes card-4 {
  0% {
    -webkit-transform: translate(46%, -4%) rotate(-10deg);
    transform: translate(46%, -4%) rotate(-10deg);
  }
  100% {
    -webkit-transform: translate(-87%, -4%) rotate(-10deg);
    transform: translate(-87%, -4%) rotate(-10deg);
  }
}
@-webkit-keyframes card-5 {
  0% {
    -webkit-transform: translate(46%, -1%) rotate(-15deg);
    transform: translate(46%, -1%) rotate(-15deg);
  }
  100% {
    -webkit-transform: translate(-132%, -1%) rotate(-15deg);
    transform: translate(-132%, -1%) rotate(-15deg);
  }
}
@keyframes card-5 {
  0% {
    -webkit-transform: translate(46%, -1%) rotate(-15deg);
    transform: translate(46%, -1%) rotate(-15deg);
  }
  100% {
    -webkit-transform: translate(-132%, -1%) rotate(-15deg);
    transform: translate(-132%, -1%) rotate(-15deg);
  }
}
.kids_l_pageArea .b-header {
  position: relative;
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .kids_l_pageArea .b-header {
    height: 80px;
  }
}
@media screen and (max-width: 767px) {
  .kids_l_pageArea .b-header {
    height: 56px;
  }
}
.kids_l_pageArea .b-header-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
  background-color: #fff;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .kids_l_pageArea .b-header-container {
    height: 80px;
  }
}
@media screen and (max-width: 767px) {
  .kids_l_pageArea .b-header-container {
    height: 56px;
  }
}
.kids_l_pageArea .b-header-container::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #ed0100;
}
.kids_l_pageArea .b-header_logo {
  display: block;
  background-color: #000;
}
@media screen and (min-width: 768px) {
  .kids_l_pageArea .b-header_logo {
    width: 80px;
  }
}
@media screen and (max-width: 767px) {
  .kids_l_pageArea .b-header_logo {
    width: 56px;
  }
}
.b-footer {
  position: relative;
  background-color: #000;
  width: 100%;
  height: 80px;
}
@media screen and (min-width: 768px) {
  .b-footer {
    padding-top: 35px;
  }
}
@media screen and (max-width: 767px) {
  .b-footer {
    padding-top: 24px;
  }
}
.b-footer::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #ed0100;
}
.b-footer .b-footer_copy-right {
  color: #fff;
  text-align: center;
  font-size: 13px;
  line-height: 1.384;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.04em;
  -webkit-text-size-adjust: 100%;
}
@media screen and (min-width: 768px) {
  .p-kis-form {
    padding-bottom: 6.25vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form {
    padding-bottom: 17.066666666666666vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kis-form-accordion {
    margin-top: 3.515625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-accordion {
    margin-top: 9.6vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kis-form-accordion .c-accordion-trigger p {
    -webkit-transform: translateX(0vw);
    transform: translateX(0vw);
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-accordion .c-accordion-trigger p {
    -webkit-transform: translateX(-1.333333333333333vw);
    transform: translateX(-1.333333333333333vw);
  }
}
.p-kis-form-attention-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.p-kis-form-attention {
  color: #fff;
  background-color: #f24304;
}
@media screen and (min-width: 768px) {
  .p-kis-form-attention {
    border-radius: 1.3671875vw;
    padding: 0.48828125vw 1.46484375vw;
    font-size: 1.26953125vw;
    line-height: 1.384615384615385;
    letter-spacing: 0.02em;
    font-weight: 700;
    margin-right: 0.9765625vw;
    margin-bottom: 0.1953125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-attention {
    border-radius: 3.733333333333334vw;
    padding: 1.066666666666667vw 2.666666666666667vw;
    font-size: 2.933333333333333vw;
    line-height: 1.454545454545455;
    letter-spacing: 0.02em;
    font-weight: 700;
    margin-right: 2.666666666666667vw;
    margin-left: -2.666666666666667vw;
    margin-top: 0.533333333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kis-form-accordion .c-accordion-trigger-content-innner {
    padding: 2.9296875vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-accordion .c-accordion-trigger {
    padding-top: 4.8828125vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kis-form-accordion .p-kis-form-accordion-content {
    font-size: 1.46484375vw;
    line-height: 2;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-accordion .p-kis-form-accordion-content {
    font-size: 3.2vw;
    line-height: 2;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
.p-kis-form-accordion .p-kis-form-accordion-content p:nth-child(n+2) {
  margin-top: 3.02734375vw;
}
.p-kis-form-accordion .p-kis-form-accordion-content span {
  background-color: #d8d8d8;
}
.p-kis-form-accordion .p-kis-form-accordion-content a {
  color: #f24304;
  text-decoration: underline;
}
.p-kis-form-accordion .p-kis-form-accordion-content a::after {
  content: '';
  background-image: url("/kids/assets/images/common/icon_window_red.svg");
  background-size: cover;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .p-kis-form-accordion .p-kis-form-accordion-content a::after {
    width: 1.3671875vw;
    height: 1.3671875vw;
    margin-left: 0.390625vw;
    margin-right: 0.390625vw;
    margin-bottom: -0.1953125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-accordion .p-kis-form-accordion-content a::after {
    width: 3.2vw;
    height: 3.2vw;
    margin-left: 1.066666666666667vw;
    margin-right: 1.066666666666667vw;
    margin-bottom: -0.533333333333333vw;
  }
}
@media screen and (any-hover: hover) and (min-width: 768px) {
  .p-kis-form-accordion .p-kis-form-accordion-content a {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .p-kis-form-accordion .p-kis-form-accordion-content a:hover {
    opacity: 0.6;
  }
}
@media screen and (min-width: 768px) {
  .p-kis-form-accordion .p-kis-form-accordion-content--big {
    font-size: 1.46484375vw;
    line-height: 2;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-accordion .p-kis-form-accordion-content--big {
    font-size: 3.2vw;
    line-height: 2;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-kis-form-accordion .p-kis-form-accordion-content span {
    font-size: 1.66015625vw;
    line-height: 2;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-accordion .p-kis-form-accordion-content span {
    font-size: 3.733333333333334vw;
    line-height: 2;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-kis-form-main {
    margin: 7.6171875vw 5.37109375vw 0;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-main {
    margin: 12.8vw 5.333333333333334vw 0;
  }
}
.p-kis-form-gray-title {
  text-align: center;
  border: 1px solid #000;
  background-color: #d8d8d8;
}
@media screen and (min-width: 768px) {
  .p-kis-form-gray-title {
    font-size: 3.125vw;
    line-height: 1.375;
    letter-spacing: 0.02em;
    font-weight: 900;
    padding: 1.7578125vw 0;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-gray-title {
    font-size: 5.866666666666666vw;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 900;
    padding: 4vw 0;
  }
}
@media screen and (min-width: 768px) {
  .p-kis-form-main-input-container {
    padding: 4.8828125vw 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-main-input-container {
    padding: 5.333333333333334vw 0 8vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kis-form-main-input-container:nth-child(n+2) {
    background-image: -webkit-linear-gradient(left, #ffd41a 5px, transparent 5px);
    background-image: linear-gradient(to right, #ffd41a 5px, transparent 5px);
    background-size: 9px 2px;
    background-repeat: repeat-x;
    background-position: top bottom;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-main-input-container:nth-child(n+2) {
    border-top: 2px dashed #ffd41a;
  }
}
.p-kis-form-input-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-kis-form-input-title {
    height: 3.80859375vw;
    width: 38.671875vw;
    -webkit-transform: translateY(-0.78125vw);
    transform: translateY(-0.78125vw);
  }
}
.p-kis-form-input-title::before {
  content: '';
  display: block;
  background-color: #ffd41a;
  border-radius: 50%;
  border: 1px solid #000;
}
@media screen and (min-width: 768px) {
  .p-kis-form-input-title::before {
    margin-right: 0.87890625vw;
    width: 1.3671875vw;
    height: 1.3671875vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-input-title::before {
    margin-right: 2.133333333333333vw;
    width: 3.2vw;
    height: 3.2vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kis-form-input-title p {
    font-size: 2.1484375vw;
    line-height: 1.409090909090909;
    letter-spacing: 0.02em;
    font-weight: 900;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-input-title p {
    font-size: 4.533333333333333vw;
    line-height: 2.705882352941177;
    letter-spacing: 0.02em;
    font-weight: 900;
  }
}
.p-kis-form-input-title span {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .p-kis-form-input-title span {
    border-radius: 2.34375vw;
    padding: 0.48828125vw 0.9765625vw;
    font-size: 1.26953125vw;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 700;
    margin-left: 1.46484375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-input-title span {
    border-radius: 5.866666666666666vw;
    padding: 0.8vw 2.666666666666667vw;
    font-size: 3.466666666666666vw;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 700;
    margin-left: 4vw;
  }
}
.p-kis-form-input-title span.p-kis-form-red {
  background-color: #f24304;
}
.p-kis-form-input-title span.p-kis-form-gray {
  background-color: #7c7c7c;
}
.p-kis-form-main-input-field {
  width: 50.68359375vw;
}
.p-kis-form-main-input-field-bottom {
  color: #7c7c7c;
}
@media screen and (min-width: 768px) {
  .p-kis-form-main-input-field-bottom {
    font-size: 1.26953125vw;
    line-height: 2;
    letter-spacing: 0.02em;
    font-weight: 700;
    margin-top: 0.48828125vw;
    width: 51.7578125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-main-input-field-bottom {
    font-size: 2.933333333333333vw;
    line-height: 2;
    letter-spacing: 0.02em;
    font-weight: 700;
    margin-top: 2.666666666666667vw;
    width: 89.33333333333333vw;
  }
}
.p-kis-form-main-input-field_radio {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-kis-form-main-input-field_radio {
    font-size: 1.66015625vw;
    line-height: 1.352941176470588;
    letter-spacing: 0.02em;
    font-weight: 700;
    margin-right: 3.90625vw;
    padding-left: 2.734375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-main-input-field_radio {
    display: inline-block;
    font-size: 3.733333333333334vw;
    line-height: 1.642857142857143;
    letter-spacing: 0.02em;
    font-weight: 700;
    margin-right: 10.666666666666668vw;
    padding-left: 7.466666666666668vw;
  }
}
.p-kis-form-main-input-field-top input {
  width: 0;
}
@media screen and (max-width: 767px) {
  .p-kis-form-main-input-field-top label:nth-child(n+2) .p-kis-form-main-input-field_radio {
    margin-top: 2.133333333333333vw;
  }
}
.p-kis-form-main-input-field_radio::before {
  background: #fff;
  border: 2px solid #a0a0a0;
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}
@media screen and (min-width: 768px) {
  .p-kis-form-main-input-field_radio::before {
    width: 1.953125vw;
    height: 1.953125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-main-input-field_radio::before {
    width: 5.333333333333334vw;
    height: 5.333333333333334vw;
  }
}
input[type="radio"]:checked + .p-kis-form-main-input-field_radio::before {
  border: 2px solid #ffd41a;
}
input[type="radio"]:checked + .p-kis-form-main-input-field_radio::after {
  background-color: #ffd41a;
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  input[type="radio"]:checked + .p-kis-form-main-input-field_radio::after {
    left: 0.537109375vw;
    width: 0.87890625vw;
    height: 0.87890625vw;
  }
}
@media screen and (max-width: 767px) {
  input[type="radio"]:checked + .p-kis-form-main-input-field_radio::after {
    left: 1.466666666666667vw;
    width: 2.4vw;
    height: 2.4vw;
  }
}
.p-kis-form-main-input-field_tel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.p-kis-form-main-input-field__text-middle {
  border: 2px solid #a0a0a0;
  border-radius: 0;
}
@media screen and (min-width: 768px) {
  .p-kis-form-main-input-field__text-middle {
    width: 42.96875vw;
    height: 3.80859375vw;
    padding: 0.78125vw 0.9765625vw;
    font-size: 1.26953125vw;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-main-input-field__text-middle {
    width: 89.33333333333333vw;
    height: 10.4vw;
    padding: 2.133333333333333vw 2.666666666666667vw;
    font-size: 3.466666666666666vw;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
.p-kis-form-main-input-field__text-middle:focus {
  border: 2px solid #ffd41a;
  z-index: 10;
  outline: 0;
}
.p-kis-form-main-input-field__text-small {
  border: 2px solid #a0a0a0;
  border-radius: 0;
}
@media screen and (min-width: 768px) {
  .p-kis-form-main-input-field__text-small {
    width: 7.2265625vw;
    height: 3.80859375vw;
    padding: 0.78125vw 0.9765625vw;
    font-size: 1.26953125vw;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-main-input-field__text-small {
    width: 19.733333333333334vw;
    height: 10.4vw;
    padding: 2.133333333333333vw 2.666666666666667vw;
    font-size: 3.466666666666666vw;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
.p-kis-form-main-input-field__text-small:focus {
  border: 2px solid #ffd41a;
  z-index: 10;
  outline: 0;
}
.p-kis-form-main-input-field__text-small::before {
  content: '';
  display: block;
}
.p-kis-form-main-input-field__text-tel-line {
  background-color: #000;
  display: block;
}
@media screen and (min-width: 768px) {
  .p-kis-form-main-input-field__text-tel-line {
    width: 1.171875vw;
    height: 0.1953125vw;
    margin: 0 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-main-input-field__text-tel-line {
    width: 3.2vw;
    height: spcw(2);
    margin: 0 2.133333333333333vw;
  }
}
.p-kis-form-main-input-field__text-big {
  border: 2px solid #a0a0a0;
  border-radius: 0;
}
@media screen and (min-width: 768px) {
  .p-kis-form-main-input-field__text-big {
    padding: 0.78125vw 0.9765625vw;
    font-size: 1.26953125vw;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 700;
    width: 50.68359375vw;
    height: 3.80859375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-main-input-field__text-big {
    width: 89.33333333333333vw;
    height: 10.4vw;
    padding: 2.133333333333333vw 2.666666666666667vw;
    font-size: 3.466666666666666vw;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
.p-kis-form-main-input-field__text-big:focus {
  border: 2px solid #ffd41a;
  z-index: 10;
  outline: 0;
}
.p-kis-form-main-input-field__text-long {
  border: 2px solid #a0a0a0;
  border-radius: 0;
}
@media screen and (min-width: 768px) {
  .p-kis-form-main-input-field__text-long {
    padding: 0.78125vw 0.9765625vw;
    font-size: 1.66015625vw;
    line-height: 1.529411764705882;
    letter-spacing: 0.02em;
    font-weight: 700;
    width: 50.68359375vw;
    height: 37.98828125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-main-input-field__text-long {
    padding: 2.133333333333333vw 2.666666666666667vw;
    font-size: 3.733333333333334vw;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 700;
    width: 89.33333333333333vw;
    height: 68vw;
  }
}
.p-kis-form-main-input-field__text-long:focus {
  border: 2px solid #ffd41a;
  z-index: 10;
  outline: 0;
}
.p-kis-form-main-input-field__select-wrap {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-kis-form-main-input-field__select-wrap {
    width: 19.82421875vw;
    height: 3.80859375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-main-input-field__select-wrap {
    width: 54.13333333333333vw;
    height: 10.4vw;
  }
}
.p-kis-form-main-input-field__select-wrap::after {
  pointer-events: none; /*矢印部分をクリックを可能にする*/
  position: absolute;
  color: #666;
  top: 50%;
  right: 1.953125vw;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); /*▼を上に移動*/
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
  border-width: 14px 9px 0px 9px;
}
.p-kis-form-main-input-field__select {
  width: 100%;
  height: 100%;
  border: 2px solid #a0a0a0;
  color: #7c7c7c;
}
@media screen and (min-width: 768px) {
  .p-kis-form-main-input-field__select {
    padding: 0.48828125vw 0.78125vw;
    font-size: 1.26953125vw;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-main-input-field__select {
    padding: 1.333333333333333vw 2.133333333333333vw;
    font-size: 3.466666666666666vw;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
.p-kis-form-main-input-field__select:focus {
  border: 2px solid #ffd41a;
  z-index: 10;
  outline: 0;
}
.p-kis-form-main-input-field-news {
  width: 100%;
  background-color: #d8d8d8;
}
@media screen and (min-width: 768px) {
  .p-kis-form-main-input-field-news {
    border-radius: 1.953125vw;
    margin-top: 1.953125vw;
    padding: 2.9296875vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-main-input-field-news {
    border-radius: 2.666666666666667vw;
    margin-top: 5.333333333333334vw;
    padding: 4.266666666666667vw;
    width: 89.33333333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kis-form-main-input-field-news .p-kis-form-main-input-field-news-title {
    font-size: 1.66015625vw;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 900;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-main-input-field-news .p-kis-form-main-input-field-news-title {
    font-size: 4.533333333333333vw;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 900;
  }
}
@media screen and (min-width: 768px) {
  .p-kis-form-main-input-field-news .p-kis-form-main-input-field-news-desc {
    margin-top: 0.9765625vw;
    font-size: 1.46484375vw;
    line-height: 2;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-main-input-field-news .p-kis-form-main-input-field-news-desc {
    margin-top: 2.666666666666667vw;
    font-size: 3.733333333333334vw;
    line-height: 2;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
.p-kis-form-main-input-field-news .p-kis-form-main-input-field-news-desc span {
  font-weight: 900;
}
.p-kis-form-main-input-field-news .p-kis-form-main-input-field-news-desc a {
  color: #f24304;
  text-decoration: underline;
}
.p-kis-form-main-input-field-news .p-kis-form-main-input-field-news-desc a::after {
  content: '';
  background-image: url("/kids/assets/images/common/icon_window_red.svg");
  background-size: cover;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .p-kis-form-main-input-field-news .p-kis-form-main-input-field-news-desc a::after {
    width: 1.3671875vw;
    height: 1.3671875vw;
    margin-left: 0.390625vw;
    margin-right: 0.390625vw;
    margin-bottom: -0.1953125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-main-input-field-news .p-kis-form-main-input-field-news-desc a::after {
    width: 3.2vw;
    height: 3.2vw;
    margin-left: 1.066666666666667vw;
    margin-right: 1.066666666666667vw;
    margin-bottom: -0.533333333333333vw;
  }
}
@media screen and (any-hover: hover) and (min-width: 768px) {
  .p-kis-form-main-input-field-news .p-kis-form-main-input-field-news-desc a {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .p-kis-form-main-input-field-news .p-kis-form-main-input-field-news-desc a:hover {
    opacity: 0.6;
  }
}
.p-kis-form-main-input-field-news .p-kis-form-main-input-field-news-attention {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .p-kis-form-main-input-field-news .p-kis-form-main-input-field-news-attention {
    padding: 1.46484375vw 0.9765625vw;
    margin-top: 0.9765625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-main-input-field-news .p-kis-form-main-input-field-news-attention {
    padding: 3.466666666666666vw 2.666666666666667vw;
    margin-top: 4vw;
  }
}
.p-kis-form-main-input-field-news .p-kis-form-main-input-field-news-attention .p-kis-form-main-input-field-news-attention-big {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  .p-kis-form-main-input-field-news .p-kis-form-main-input-field-news-attention .p-kis-form-main-input-field-news-attention-big {
    font-size: 1.26953125vw;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-main-input-field-news .p-kis-form-main-input-field-news-attention .p-kis-form-main-input-field-news-attention-big {
    font-size: 2.933333333333333vw;
    line-height: 2.363636363636364;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-kis-form-main-input-field-news .p-kis-form-main-input-field-news-attention .p-kis-form-main-input-field-news-attention-big:nth-child(n+2) {
    margin-top: 0.9765625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-main-input-field-news .p-kis-form-main-input-field-news-attention .p-kis-form-main-input-field-news-attention-big:nth-child(n+2) {
    margin-top: 1.333333333333333vw;
  }
}
.p-kis-form-main-input-field-news .p-kis-form-main-input-field-news-attention .p-kis-form-main-input-field-news-attention-big::before {
  content: '';
  display: block;
  background-color: #ffd41a;
  border-radius: 50%;
  border: 1px solid #000;
}
@media screen and (min-width: 768px) {
  .p-kis-form-main-input-field-news .p-kis-form-main-input-field-news-attention .p-kis-form-main-input-field-news-attention-big::before {
    margin-right: 0.87890625vw;
    width: 1.3671875vw;
    height: 1.3671875vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-main-input-field-news .p-kis-form-main-input-field-news-attention .p-kis-form-main-input-field-news-attention-big::before {
    margin-right: 2.4vw;
    margin-top: 1.333333333333333vw;
    width: 3.733333333333334vw;
    height: 3.733333333333334vw;
  }
}
.p-kis-form-main-input-field-news .p-kis-form-main-input-field-news-attention .p-kis-form-main-input-field-news-attention-small {
  color: #7c7c7c;
}
@media screen and (min-width: 768px) {
  .p-kis-form-main-input-field-news .p-kis-form-main-input-field-news-attention .p-kis-form-main-input-field-news-attention-small {
    font-size: 1.26953125vw;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 700;
    margin-top: 0.48828125vw;
    margin-left: 2.44140625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-main-input-field-news .p-kis-form-main-input-field-news-attention .p-kis-form-main-input-field-news-attention-small {
    font-size: 2.933333333333333vw;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 700;
    margin-top: 1.333333333333333vw;
    margin-left: 6.666666666666667vw;
  }
}
.p-kis-form-main-all-attention {
  display: none;
  color: #f24304;
}
@media screen and (min-width: 768px) {
  .p-kis-form-main-all-attention {
    font-size: 1.3671875vw;
    line-height: 1.214285714285714;
    letter-spacing: 0.02em;
    font-weight: 700;
    margin-top: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-main-all-attention {
    font-size: 3.733333333333334vw;
    line-height: 1.214285714285714;
    letter-spacing: 0.02em;
    font-weight: 700;
    margin-top: 8vw;
  }
}
.p-kis-form-main-all-attention.is-error {
  display: block;
}
.p-kis-form-input-error {
  display: none;
  color: #f24304;
}
@media screen and (min-width: 768px) {
  .p-kis-form-input-error {
    font-size: 1.66015625vw;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 700;
    margin-bottom: 0.9765625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-input-error {
    font-size: 3.733333333333334vw;
    line-height: 1.214285714285714;
    letter-spacing: 0.02em;
    font-weight: 700;
    white-space: nowrap;
    margin-bottom: 3.2vw;
  }
}
.p-kis-form-input-error.is-error {
  display: block;
}
.p-kis-form-input-error.is-error + input {
  border: 2px solid #f24304;
}
.p-kis-form-input-error.is-error +textarea {
  border: 2px solid #f24304;
}
.p-kis-form-input-error.is-error + .p-kis-form-main-input-field__select-wrap select {
  border: 2px solid #f24304;
}
@media screen and (min-width: 768px) {
  .p-kis-form_cheak {
    margin: 5.95703125vw 4.98046875vw 0;
    padding-bottom: 5.859375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form_cheak {
    margin: 10.666666666666668vw 5.333333333333334vw 0;
    padding-bottom: 13.333333333333334vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kis-form_cheak .p-kis-form-main-input {
    margin-top: 2.9296875vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kis-form_cheak-input-text {
    width: 50.68359375vw;
    font-size: 1.66015625vw;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form_cheak-input-text {
    font-size: 3.733333333333334vw;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}
.p-kis-form_complet-wrap .m-other-end {
  background-color: #fff;
  background-image: none;
  border: none;
}
.p-kis-form_complet-wrap .m-other-main-desc-text {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-kis-form-main-bt-set {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0 3.3203125vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kis-form-main-bt-set .m-other-end-bt.m-layer-btn-wrapper {
    margin: 0;
  }
}
.p-kis-form-main-bt-set .is-white {
  background-color: #fff;
}
.p-kis-form-main-bt-set .m-layer-btn {
  color: #000;
}
@media screen and (min-width: 768px) {
  .p-kis-form-main-bt-set .m-layer-btn img {
    width: 1.3671875vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kis-form-main-bt-set .m-layer-btn img {
    width: 3.733333333333334vw;
  }
}
.p-kis-form_cheak .p-kis-form-main-bt-set {
  margin-top: 2.9296875vw;
}