@charset "UTF-8";
@-webkit-keyframes ScrollBar {
  0% {
    transform-origin: top left;
    transform-origin: top left;
    transform: scaleX(0);
  }
  50% {
    transform-origin: top left;
    transform-origin: top left;
    transform: scaleX(1);
  }
  75% {
    transform-origin: bottom right;
    transform-origin: bottom right;
    transform: scaleX(1);
  }
  100% {
    transform-origin: bottom right;
    transform-origin: bottom right;
    transform: scaleX(0);
  }
}
@keyframes ScrollBar {
  0% {
    transform-origin: top left;
    transform-origin: top left;
    transform: scaleX(0);
  }
  50% {
    transform-origin: top left;
    transform-origin: top left;
    transform: scaleX(1);
  }
  75% {
    transform-origin: bottom right;
    transform-origin: bottom right;
    transform: scaleX(1);
  }
  100% {
    transform-origin: bottom right;
    transform-origin: bottom right;
    transform: scaleX(0);
  }
}
@-webkit-keyframes ScrollBar2 {
  0% {
    transform-origin: top left;
    transform-origin: top left;
    transform: scaleY(0);
  }
  50% {
    transform-origin: top left;
    transform-origin: top left;
    transform: scaleY(1);
  }
  75% {
    transform-origin: bottom right;
    transform-origin: bottom right;
    transform: scaleY(1);
  }
  100% {
    transform-origin: bottom right;
    transform-origin: bottom right;
    transform: scaleY(0);
  }
}
@keyframes ScrollBar2 {
  0% {
    transform-origin: top left;
    transform-origin: top left;
    transform: scaleY(0);
  }
  50% {
    transform-origin: top left;
    transform-origin: top left;
    transform: scaleY(1);
  }
  75% {
    transform-origin: bottom right;
    transform-origin: bottom right;
    transform: scaleY(1);
  }
  100% {
    transform-origin: bottom right;
    transform-origin: bottom right;
    transform: scaleY(0);
  }
}
/*==================================================================================================
    サイト基礎
==================================================================================================*/
/*==================================================================================================
    main
==================================================================================================*/
@media screen and (max-width: 768px) {
  .main {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  .main {
    font-size: 1rem;
  }
}
.main__slides--item {
  height: 100vh !important;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  font-family: "Zen Old Mincho", "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-weight: 600;
  text-align: center;
  padding: 0 20px;
  display: flex !important;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
.main__slides--item::after {
  content: "";
  background: rgba(0, 0, 10, 0.4);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
}
.main__inner {
  width: 100%;
  z-index: 1;
}
.main__ttl {
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
  color: #FFF;
  margin-bottom: 1.5em;
}
.main__ttl span {
  display: block;
  line-height: 1.26;
}
.main__ttl--sub {
  font-size: 1.5555555556em;
  margin-bottom: 0.5em;
}
.main__ttl--txt {
  font-size: 2.8888888889em;
}
.main__event {
  display: block;
  max-width: 674px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.95) url(../img/top/main_event_bg.png) no-repeat;
  background-size: cover;
  color: #000;
  text-decoration: none;
  position: relative;
  padding: 1em;
}
.main__event:hover {
  opacity: 0.8;
}
.main__event:after {
  content: "";
  background: url(../img/common/icon_arrow2.svg) no-repeat;
  position: absolute;
  right: 1em;
  top: 50%;
  width: 0.5555555556em;
  height: 1.1111111111em;
  transform: translate(0, -50%);
}
.main__event__read {
  font-size: 1.3333333333em;
  line-height: 1.25;
}
.main__event__read span {
  font-size: 0.8888888889em;
  color: #b90039;
}
.main__event__tag {
  font-size: 1.3333333333em;
  margin-top: 0.5em;
}
.main__event__tag .tag {
  display: inline-block;
  color: #FFF;
  background: #333;
  line-height: 1.75;
  padding: 0 1em;
  margin: 0 0.5em;
}
.main__event__tag .tag--red {
  background: #b90039;
}
.main__event__tag .tag--blue {
  background: #000039;
}
.main__event__caution {
  font-size: 0.7777777778em;
  margin-top: 0.5em;
}
.main__logo {
  width: 15.6111111111em;
  position: absolute;
  right: 10px;
  top: calc(4.4444444444em + 10px);
  z-index: 1;
}
@media screen and (max-width: 1080px) {
  .main__logo {
    top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .main__logo {
    top: 70px;
  }
}
.main .slick-dots {
  position: absolute;
  bottom: 1em;
  left: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
}
.main .slick-dots button {
  text-indent: -9999px;
  width: 0.6em;
  height: 0.6em;
  background: #fff;
  border-radius: 100px;
  border: 0px;
  opacity: 0.5;
}
.main .slick-dots .slick-active button {
  opacity: 1;
}

.bnr_area {
  max-width: 850px;
  margin: 2em auto;
}

/*==================================================================================================
    sec-about
==================================================================================================*/
.sec-about {
  padding: 4.4444444444em 20px;
  background: url(../img/top/about_bg.jpg) no-repeat;
  background-size: cover;
  color: #FFF;
  text-align: center;
}
@media screen and (max-width: 1080px) {
  .sec-about {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 840px) {
  .sec-about {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) {
  .sec-about {
    font-size: 1.4rem;
  }
}
.sec-about__ttl {
  margin-bottom: 1em;
}
.sec-about__ttl span {
  display: block;
}
.sec-about__ttl .ttl_sub {
  font-family: "Montserrat", sans-serif;
  font-size: 0.7222222222em;
  letter-spacing: 0.3em;
}
.sec-about__ttl .ttl_main {
  font-family: "Zen Old Mincho", "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-weight: 600;
  font-size: 1.5555555556em;
}
.sec-about__txt {
  line-height: 2.7777777778;
}
@media screen and (max-width: 768px) {
  .sec-about__txt {
    text-align: left;
    line-height: 2.2222222222;
  }
}
.sec-about__btn {
  display: block;
  margin: 2.2222222222em auto 0;
  color: #FFF;
  text-decoration: none;
  font-size: 1.1111111111em;
  border: 1px solid #FFF;
  border-radius: 50px;
  padding: 0;
  line-height: 4.3em;
  max-width: 21.3em;
  position: relative;
}
.sec-about__btn:after {
  content: "";
  background: url(../img/common/icon_arrow.svg) no-repeat;
  position: absolute;
  right: 1.5em;
  top: 50%;
  width: 0.4em;
  height: 0.6em;
  transform: translate(0, -50%);
  transition: 0.3s;
}
.sec-about__btn:hover:after {
  right: 1.25em;
}

/*==================================================================================================
    sec-archive
==================================================================================================*/
.sec-archive {
  padding: 4.4444444444em 20px;
  background: #FFF;
}
@media screen and (max-width: 1080px) {
  .sec-archive {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 840px) {
  .sec-archive {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) {
  .sec-archive {
    font-size: 1.4rem;
  }
}
.sec-archive__ttl {
  text-align: center;
  margin-bottom: 1em;
}
.sec-archive__ttl span {
  display: block;
}
.sec-archive__ttl .ttl_sub {
  font-family: "Montserrat", sans-serif;
  font-size: 0.7222222222em;
  letter-spacing: 0.3em;
}
.sec-archive__ttl .ttl_main {
  font-family: "Zen Old Mincho", "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-weight: 600;
  font-size: 1.5555555556em;
}
.sec-archive__ttl + p.caution {
  font-size: 75%;
  text-align: center;
}
.sec-archive__btn {
  display: block;
  margin: 2.2222222222em auto 0;
  color: #FFF;
  text-align: center;
  text-decoration: none;
  font-size: 1.1111111111em;
  border: 1px solid #FFF;
  background: #000039;
  border-radius: 50px;
  padding: 0;
  line-height: 4.3em;
  max-width: 21.3em;
  position: relative;
}
.sec-archive__btn:after {
  content: "";
  background: url(../img/common/icon_arrow.svg) no-repeat;
  position: absolute;
  right: 1.5em;
  top: 50%;
  width: 0.4em;
  height: 0.6em;
  transform: translate(0, -50%);
  transition: 0.3s;
}
.sec-archive__btn:hover:after {
  right: 1.25em;
}
.sec-archive__btn.yt {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  background: #ff0000;
  max-width: 28em;
}
.sec-archive__btn.yt::before {
  content: "";
  background: url(../img/common/icon_yt.svg) no-repeat center/contain;
  width: 1.7em;
  height: 1.15em;
}
.sec-archive__btn.yt::after {
  display: none;
}

.archive-list {
  max-width: 1100px;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .archive-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0 5.4545454545%;
  }
}
.archive-list li {
  margin-top: 2em;
}
@media screen and (min-width: 769px) {
  .archive-list li {
    width: 47.2727272727%;
  }
}
.archive-list .video {
  margin-bottom: 0.5em;
}
.archive-list .video iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
.archive-list__thum {
  margin-bottom: 0.5em;
}
.archive-list__time {
  font-size: 0.8333333333em;
  margin-bottom: 0.25em;
}
.archive-list__name {
  font-size: 1.2222222222em;
  font-family: "Zen Old Mincho", "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  line-height: 1.4;
  margin-bottom: 0.25em;
}
.archive-list__note {
  font-size: 0.8333333333em;
}
/*# sourceMappingURL=top.css.map */