@charset "UTF-8";
/*
* 更新用 style
* 緊急・外部操作等で一時的に上書きする場合に使用
* 記述されたものは原則scssに差分を吸収し、コンパイルしたものを再アップする
*/
.grecaptcha-badge {
  visibility: hidden;
}
.contact .grecaptcha-badge {
  visibility: visible;
}
.wp-block-columns {
  gap: clamp(2.4rem, 1.527rem + 2.727vw, 4.8rem);
}
.modal-wrapper {
  max-width: 800px;
}
.learning-slider-test-test .swiper-slide {
  transform-origin: center bottom;
  /* transition: inherit; */
}
/* .learning-slider-test .swiper-slide.swiper-slide-visible {
  transition: transform 10000ms linear;
} */
.movie-item figcaption {
  bottom: 1em;
}
.banner-jenaplan .btn .btn-text::after {
  color: #038b8b;
}

@media screen and (min-width: 480px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (min-width: 1025px) {
}

@media only screen and (max-width: 960px) {
  .only-pc {
    display: none !important;
  }
}
@media only screen and (max-width: 1200px) {
  .only-1200 {
    display: none !important;
  }
}

.circle-gallery-container {
  overflow: hidden;
  width: 100%;
  height: 370px;
}
.circle-gallery-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  transform: scale(0.7);
}
#circle-gallery {
  position: absolute;
  bottom: 160px;
  left: 50%;
  width: calc(2903px * 2);
  height: calc(2903px * 2);
  list-style: none;
  padding: 0;
  margin: 0 auto;
  animation-name: circleRotate;
  animation-duration: 300s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  will-change: transform;
}
#circle-gallery li {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 360px;
  aspect-ratio: 36/30;
  margin-left: -180px;
  margin-top: -150px;
  border-radius: 1em;
}

#circle-gallery li img {
  transform: rotate(180deg);
}
@keyframes circleRotate {
  from {
    transform: translate(-50%, 0) rotate(0deg);
  }
  to {
    transform: translate(-50%, 0) rotate(360deg);
  }
}
@media screen and (min-width: 768px) {
  .circle-gallery-container {
    height: 450px;
  }
  .circle-gallery-wrapper {
    transform: scale(0.9);
  }
  /* #circle-gallery {
    bottom: 300px;
  } */
}
@media screen and (min-width: 1025px) {
  .circle-gallery-container {
    height: 550px;
  }
  .circle-gallery-wrapper {
    transform: none;
  }
}
@media screen and (max-height: 580px) and (max-width: 480px) {
  .note-banner {
    transform: scale(0.8) !important;
    transform-origin: right bottom;
    bottom: 2em;
  }
  .mv-title-wrapper {
    top: 1em;
    transform: scale(0.8) !important;
    transform-origin: left bottom;
  }
}