@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  list-style: none;
}
*:before, *:after {
  box-sizing: border-box;
}
*:focus {
  outline: none;
}

html {
  font-size: 62.5%;
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
  position: relative;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
html::-webkit-scrollbar {
  display: none;
}

body {
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.25vw;
  line-height: 1.2;
  font-weight: 700;
  color: #efefef;
  background-color: #0d0d0d;
}
body.body_en {
  font-family: "roboto", "noto-sans-cjk-jp", sans-serif;
}
body img {
  max-width: 100%;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  body {
    font-size: 4.2vw;
  }
  body img {
    pointer-events: none;
  }
}

.sp {
  display: none;
}
@media screen and (max-width: 1024px) {
  .sp {
    display: block;
  }
}

.sp-tb {
  display: none;
}
@media screen and (max-width: 1024px) {
  .sp-tb {
    display: block;
  }
}

.sp_inline {
  display: none;
}
@media screen and (max-width: 1024px) {
  .sp_inline {
    display: inline-block;
  }
}

@media screen and (max-width: 1024px) {
  .pc {
    display: none;
  }
}
.flex {
  display: flex;
}

.grid {
  display: grid;
}

.inner {
  width: 90%;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .inner {
    max-width: 89vw;
  }
}

#load {
  background: url(../images/loading_img.webp) no-repeat left top/cover;
  position: fixed;
  height: 100svh;
  width: 2531px;
  z-index: 999;
  transition: 0.2s;
  transition-delay: 2s;
  transform: translateX(0%);
}
#load.load_active {
  animation: view 0.9s ease-in-out 1s forwards;
}
@media screen and (max-width: 1024px) {
  #load {
    background: url(../images/loading_img_sp.webp) no-repeat left top/cover;
    width: 180%;
  }
  #load.load_active {
    animation: view 0.6s ease-in-out 1s forwards;
  }
}
@keyframes view {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
    pointer-events: none;
  }
}

header .logo_box {
  width: 11%;
  position: fixed;
  top: 1.042vw;
  left: 0.313vw;
  z-index: 89;
  transition: all 0.4s;
}
header .logo_box a {
  display: block;
}
@media screen and (min-width: 1024px) {
  header .logo_box:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 1024px) {
  header .logo_box {
    width: 24%;
    top: 1.869vw;
    left: 1.869vw;
  }
}
header .language_box {
  font-size: 1.042vw;
  position: fixed;
  top: 2.083vw;
  right: 7vw;
  z-index: 89;
  mix-blend-mode: exclusion;
}
@media screen and (max-width: 1024px) {
  header .language_box {
    font-size: 3.2vw;
    text-align: center;
    top: 4.673vw;
    right: 17vw;
  }
}
@media screen and (max-width: 767px) {
  header .language_box {
    font-size: 3.738vw;
    right: 20vw;
  }
}
header .language_box .language_btn {
  font-family: "roboto", sans-serif;
  font-weight: 500;
  position: relative;
  padding-left: 1.458vw;
  transition: all 0.4s;
}
@media screen and (max-width: 1024px) {
  header .language_box .language_btn {
    padding-left: 4.673vw;
  }
}
@media screen and (min-width: 1024px) {
  header .language_box .language_btn:hover {
    color: #6b56ef;
  }
}
header .language_box .language_btn::before {
  content: "";
  width: 0.938vw;
  height: 0.938vw;
  background-image: url(../images/icon_world.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  header .language_box .language_btn::before {
    width: 3.271vw;
    height: 3.271vw;
  }
}
header .language_box_02 {
  font-size: 1.042vw;
  position: fixed;
  top: 4vw;
  right: 6.5vw;
  z-index: 89;
}
@media screen and (max-width: 1024px) {
  header .language_box_02 {
    font-size: 3.2vw;
    text-align: center;
    top: 10vw;
    right: 14vw;
  }
}
@media screen and (max-width: 767px) {
  header .language_box_02 {
    font-size: 3.738vw;
    right: 17vw;
  }
}
header .language_box_02 .language_change_ul {
  width: 7.187vw;
  margin-top: 0.521vw;
  border: 1px solid #efefef;
  transition: all 0.4s;
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  header .language_box_02 .language_change_ul {
    width: 24vw;
    margin-top: 2.336vw;
  }
}
@media screen and (max-width: 767px) {
  header .language_box_02 .language_change_ul {
    width: 28.037vw;
  }
}
header .language_box_02 .language_change_ul.active {
  opacity: 1;
  pointer-events: auto;
}
header .language_box_02 .language_change_ul.en .ja {
  font-family: "noto-sans-cjk-jp", sans-serif;
}
header .language_box_02 .language_change_ul li {
  width: 100%;
  height: 2.083vw;
  padding-left: 1.042vw;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #efefef;
  background-color: #0d0d0d;
}
@media screen and (max-width: 1024px) {
  header .language_box_02 .language_change_ul li {
    height: 7vw;
    padding-left: 4.439vw;
  }
}
@media screen and (max-width: 767px) {
  header .language_box_02 .language_change_ul li {
    height: 8.178vw;
  }
}
header .language_box_02 .language_change_ul li.active {
  color: #0d0d0d;
  background-color: #efefef;
}
header .language_box_02 .language_change_ul li a {
  position: relative;
  padding-left: 0.833vw;
}
@media screen and (max-width: 1024px) {
  header .language_box_02 .language_change_ul li a {
    padding-left: 2.57vw;
  }
}
@media screen and (min-width: 1024px) {
  header .language_box_02 .language_change_ul li a:hover::before {
    animation: Titika-Moveka 1s infinite;
  }
}
header .language_box_02 .language_change_ul li a::before {
  content: "";
  width: 0.313vw;
  height: 1.094vw;
  background-color: #6b56ef;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  header .language_box_02 .language_change_ul li a::before {
    width: 1.402vw;
    height: 4.907vw;
  }
}
header .menu_box .menu_btn {
  width: 3.125vw;
  height: 1.771vw;
  position: fixed;
  top: 2.083vw;
  right: 1.823vw;
  z-index: 90;
  cursor: pointer;
  mix-blend-mode: exclusion;
}
@media screen and (max-width: 1024px) {
  header .menu_box .menu_btn {
    width: 9vw;
    height: 5.841vw;
    top: 4.673vw;
    right: 3.738vw;
  }
}
@media screen and (max-width: 767px) {
  header .menu_box .menu_btn {
    width: 10.28vw;
  }
}
header .menu_box .menu_btn span {
  width: 100%;
  height: 0.313vw;
  background-color: #efefef;
  position: absolute;
  left: 0;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
  mix-blend-mode: exclusion;
}
@media screen and (max-width: 1024px) {
  header .menu_box .menu_btn span {
    height: 0.935vw;
  }
}
header .menu_box .menu_btn span:first-of-type {
  top: 0;
}
header .menu_box .menu_btn span:nth-of-type(2) {
  top: 50%;
  transform: translateY(-50%);
}
header .menu_box .menu_btn span:last-of-type {
  bottom: 0;
}
header .menu_box .menu_btn.active span:first-of-type {
  top: 0;
  transform: translateY(0.729vw) rotate(45deg);
}
@media screen and (max-width: 1024px) {
  header .menu_box .menu_btn.active span:first-of-type {
    transform: translateY(2.4vw) rotate(45deg);
  }
}
@media screen and (max-width: 767px) {
  header .menu_box .menu_btn.active span:first-of-type {
    transform: translateY(2.57vw) rotate(45deg);
  }
}
header .menu_box .menu_btn.active span:nth-of-type(2) {
  opacity: 0;
}
header .menu_box .menu_btn.active span:last-of-type {
  bottom: 0;
  transform: translateY(-0.729vw) rotate(-45deg);
}
@media screen and (max-width: 1024px) {
  header .menu_box .menu_btn.active span:last-of-type {
    transform: translateY(-2.4vw) rotate(-45deg);
  }
}
@media screen and (max-width: 767px) {
  header .menu_box .menu_btn.active span:last-of-type {
    transform: translateY(-2.57vw) rotate(-45deg);
  }
}
header .menu {
  color: #0d0d0d;
  width: 37.083vw;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 89;
  transition: all 0.4s;
  transform: translateX(100%);
}
@media screen and (max-width: 1024px) {
  header .menu {
    width: 100%;
    transform: translateX(102%);
  }
}
header .menu.en {
  font-weight: 700;
}
header .menu.en .share_link_btn {
  font-family: "noto-sans-cjk-jp", sans-serif;
}
header .menu.en .x_box_link .x_box .x_box_info {
  font-size: 0.729vw;
  padding-left: 0.313vw;
}
@media screen and (max-width: 1024px) {
  header .menu.en .x_box_link .x_box .x_box_info {
    font-size: 3.271vw;
    padding-left: 0.467vw;
  }
}
header .menu.active {
  transform: translateX(0%);
}
header .menu::after {
  content: "";
  background-image: url(../images/menu_bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  width: 37.083vw;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  header .menu::after {
    width: 101.6%;
  }
}
header .menu .menu_inner {
  width: 32.6vw;
  height: 100vh;
  padding-top: 2.083vw;
  padding-bottom: 2.083vw;
  padding-left: 7.667vw;
  padding-right: 6.667vw;
  overflow-y: scroll;
}
@media screen and (max-width: 1024px) {
  header .menu .menu_inner {
    width: 89.3vw;
    margin: 0 auto;
    padding: 9.346vw 4.1vw;
  }
}
header .menu .menu_inner::-webkit-scrollbar {
  display: none;
}
header .menu .top_link {
  font-family: "abolition", sans-serif;
  font-weight: 400;
  font-size: 2.604vw;
  display: block;
  margin-bottom: 1.667vw;
  transition: all 0.4s;
}
@media screen and (max-width: 1024px) {
  header .menu .top_link {
    font-size: 9.346vw;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 7.009vw;
  }
}
@media screen and (min-width: 1024px) {
  header .menu .top_link:hover {
    color: #6b56ef;
    animation: tikatika-Menu 0.1s linear infinite;
  }
}
header .menu .menu_ul {
  margin-bottom: 2.083vw;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 1024px) {
  header .menu .menu_ul {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 9.346vw;
  }
}
header .menu .menu_ul::before {
  content: "";
  width: 26.667vw;
  height: 1.042vw;
  background-image: url(../images/line_gray.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -1.354vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  header .menu .menu_ul::before {
    width: 88.785vw;
    height: 4.673vw;
    background-image: url(../images/line_gray_sp.webp);
    top: -6.075vw;
  }
}
header .menu .menu_ul::after {
  content: "";
  width: 28.958vw;
  height: 14.479vw;
  background-image: url(../images/menu_line_deco.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -4.427vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  header .menu .menu_ul::after {
    width: 85.748vw;
    height: 40.187vw;
    background-image: url(../images/menu_line_deco_sp.webp);
    bottom: -14.019vw;
  }
}
header .menu .menu_ul li {
  font-size: 1.667vw;
  padding-left: 2.24vw;
  position: relative;
  margin-bottom: 0.781vw;
}
@media screen and (max-width: 1024px) {
  header .menu .menu_ul li {
    font-size: 5.607vw;
    padding-left: 7.71vw;
    margin-bottom: 3.505vw;
  }
}
header .menu .menu_ul li:last-of-type {
  margin-bottom: 0;
}
header .menu .menu_ul li::before {
  content: "";
  width: 1.719vw;
  height: 1.667vw;
  background-image: url(../images/icon_point.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  header .menu .menu_ul li::before {
    width: 7.71vw;
    height: 7.477vw;
  }
}
header .menu .menu_ul li a {
  display: block;
  transition: all 0.4s;
}
@media screen and (min-width: 767px) {
  header .menu .menu_ul li a:hover {
    color: #6b56ef;
    animation: tikatika-Menu 0.1s linear infinite;
  }
}
header .menu .menu_ul li.list_first {
  font-family: "abolition", sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 1.563vw;
  padding-left: 1.563vw;
}
@media screen and (max-width: 1024px) {
  header .menu .menu_ul li.list_first {
    font-size: 5.607vw;
    padding-left: 5.14vw;
  }
}
header .menu .menu_ul li.list_first::before {
  content: "";
  width: 1.042vw;
  height: 0.885vw;
  background-color: #6b56ef;
  clip-path: polygon(100% 0, 0 0, 50% 100%);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  header .menu .menu_ul li.list_first::before {
    width: 2.804vw;
    height: 2.57vw;
  }
}
header .menu .menu_ul li.commingsoon::before {
  filter: brightness(0) invert(0.6);
}
header .menu .menu_ul li.commingsoon::after {
  content: "COMING SOON";
  font-family: "abolition", sans-serif;
  font-weight: 400;
  font-size: 1.042vw;
  font-style: italic;
  color: #969696;
  margin-left: 0.521vw;
}
@media screen and (max-width: 1024px) {
  header .menu .menu_ul li.commingsoon::after {
    font-size: 3.738vw;
    margin-left: 2.336vw;
  }
}
header .menu .share_box {
  text-align: center;
  margin-bottom: 1.302vw;
}
@media screen and (max-width: 1024px) {
  header .menu .share_box {
    margin-bottom: 4.673vw;
  }
}
header .menu .share_box p {
  font-size: 0.833vw;
}
@media screen and (max-width: 1024px) {
  header .menu .share_box p {
    font-size: 3.738vw;
  }
}
header .menu .share_box p.share_title {
  font-family: "ethnocentric", sans-serif;
  font-weight: 400;
  color: #6b56ef;
  font-size: 1.458vw;
}
@media screen and (max-width: 1024px) {
  header .menu .share_box p.share_title {
    font-size: 6.542vw;
  }
}
header .menu .share_box .share_link_btn {
  width: 14.063vw;
  height: 2.917vw;
  background-color: #0d0d0d;
  color: #efefef;
  border: 1px solid #fff;
  border-radius: 1.458vw;
  font-size: 0.938vw;
  filter: drop-shadow(0px 0px 3px rgb(106, 85, 237));
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  margin-top: 0.521vw;
  transition: all 0.4s;
}
@media screen and (max-width: 1024px) {
  header .menu .share_box .share_link_btn {
    width: 63.084vw;
    height: 13.084vw;
    border-radius: 6.542vw;
    font-size: 4.206vw;
    margin-top: 2.336vw;
  }
}
@media screen and (min-width: 767px) {
  header .menu .share_box .share_link_btn:hover {
    background-color: #6b56ef;
    animation: tikatika 0.1s linear infinite;
  }
}
header .menu .x_box_link {
  display: block;
  transition: all 0.4s;
}
@media screen and (min-width: 767px) {
  header .menu .x_box_link:hover {
    color: #6b56ef;
  }
  header .menu .x_box_link:hover p {
    animation: tikatika-Menu 0.1s linear infinite;
  }
}
header .menu .x_box_link .x_box {
  width: 19.167vw;
  display: flex;
  background-color: #d9d9d9;
  margin-bottom: 0.521vw;
}
@media screen and (max-width: 1024px) {
  header .menu .x_box_link .x_box {
    width: 81.308vw;
    margin-bottom: 2.336vw;
  }
}
header .menu .x_box_link .x_box .x_box_img {
  width: 3.333vw;
}
@media screen and (max-width: 1024px) {
  header .menu .x_box_link .x_box .x_box_img {
    width: 12.85vw;
  }
}
header .menu .x_box_link .x_box .x_box_info {
  width: 15.885vw;
  font-size: 0.833vw;
  line-height: 1.43;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #0d0d0d;
  border-left: none;
}
@media screen and (max-width: 1024px) {
  header .menu .x_box_link .x_box .x_box_info {
    width: 68.692vw;
    font-size: 3.271vw;
  }
}
header .menu .nikke_official_link {
  margin-bottom: 0.521vw;
}
@media screen and (max-width: 1024px) {
  header .menu .nikke_official_link {
    margin-bottom: 2.336vw;
  }
}
header .menu .nikke_official_link .nikke_official_link_btn {
  width: 19.167vw;
  height: 3.333vw;
  font-size: 1.25vw;
  background-image: url(../images/btn_share.webp);
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s;
}
@media screen and (max-width: 1024px) {
  header .menu .nikke_official_link .nikke_official_link_btn {
    width: 81.308vw;
    height: 11.449vw;
    font-size: 3.738vw;
    background-image: url(../images/btn_share_sp.webp);
  }
}
@media screen and (min-width: 767px) {
  header .menu .nikke_official_link .nikke_official_link_btn:hover {
    color: #6b56ef;
  }
  header .menu .nikke_official_link .nikke_official_link_btn:hover span {
    animation: tikatika-Menu 0.1s linear infinite;
  }
}
header .menu .nikke_link_ul {
  font-size: 1.042vw;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  header .menu .nikke_link_ul {
    font-size: 3.738vw;
  }
}
header .menu .nikke_link_ul li {
  position: relative;
  padding-left: 2.292vw;
  margin-bottom: 0.208vw;
}
@media screen and (max-width: 1024px) {
  header .menu .nikke_link_ul li {
    padding-left: 7.944vw;
    margin-bottom: 2.336vw;
  }
}
header .menu .nikke_link_ul li:last-of-type {
  margin-bottom: 0;
}
header .menu .nikke_link_ul li::before {
  content: "";
  width: 1.51vw;
  height: 1.51vw;
  background-image: url(../images/icon_target.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  header .menu .nikke_link_ul li::before {
    width: 5.607vw;
    height: 5.607vw;
  }
}
header .menu .nikke_link_ul li a {
  display: block;
  transition: all 0.4s;
}
@media screen and (min-width: 767px) {
  header .menu .nikke_link_ul li a:hover {
    color: #6b56ef;
    animation: tikatika-Menu 0.1s linear infinite;
  }
}

main {
  position: relative;
  z-index: 0;
}
main::before {
  content: "";
  width: 45.833vw;
  height: 46.094vw;
  background-image: url(../images/main_bg_01.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -2;
}
@media screen and (max-width: 1024px) {
  main::before {
    width: 91.121vw;
    height: 91.589vw;
  }
}
main::after {
  content: "";
  width: 36.354vw;
  height: 43.646vw;
  background-image: url(../images/main_bg_02.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: fixed;
  bottom: -0.521vw;
  right: 0;
  z-index: -2;
}
@media screen and (max-width: 1024px) {
  main::after {
    width: 62.15vw;
    height: 74.533vw;
  }
}
main h3 {
  font-family: "abolition", sans-serif;
  font-weight: 400;
  font-size: 6.25vw;
  position: relative;
}
@media screen and (max-width: 1024px) {
  main h3 {
    font-size: 14.019vw;
  }
}
main h3::before {
  content: "";
  width: 6.458vw;
  height: 1.406vw;
  background: url(../images/icon_deco_x.svg) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 2.708vw;
  right: 0;
}
@media screen and (max-width: 1024px) {
  main h3::before {
    width: 17.757vw;
    height: 3.972vw;
    bottom: 5.607vw;
  }
}
main h3::after {
  content: "";
  width: 100%;
  height: 0.104vw;
  background-color: #6b56ef;
  position: absolute;
  bottom: 1.198vw;
  right: 0;
}
@media screen and (max-width: 1024px) {
  main h3::after {
    bottom: 2.336vw;
  }
}
main h3 span {
  position: relative;
  padding-left: 2.083vw;
}
main h3 span::before {
  content: "";
  width: 1.25vw;
  height: 5vw;
  background-color: #6b56ef;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  main h3 span {
    padding-left: 3.972vw;
  }
  main h3 span::before {
    width: 2.103vw;
    height: 9.346vw;
  }
}
main #mv {
  height: 100vh;
  max-height: 48.802vw;
  display: flex;
}
@media screen and (max-width: 1024px) {
  main #mv {
    max-height: none;
    display: block;
    position: relative;
    z-index: 0;
  }
}
main #mv .mv_img {
  width: 56%;
  -webkit-mask-image: url("../images/mv_img.webp");
          mask-image: url("../images/mv_img.webp");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  main #mv .mv_img {
    width: 100%;
    -webkit-mask-image: none;
            mask-image: none;
  }
}
main #mv .mv_img::before {
  content: "";
  width: 100%;
  height: 100%;
  background-size: 9.899px 9.899px;
  background-color: rgba(255, 255, 255, 0);
  background-image: repeating-linear-gradient(135deg, transparent, transparent 5px, rgb(255, 255, 255) 5px, rgb(255, 255, 255) 7px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.07;
  z-index: 2;
  pointer-events: none;
  animation: Bg-Move 200s linear infinite;
}
@media screen and (max-width: 1024px) {
  main #mv .mv_img::before {
    animation: Bg-Move 50s linear infinite;
  }
}
@media screen and (max-width: 1024px) {
  main #mv .mv_img .mv_swiper_inner {
    overflow: hidden;
    display: flex;
    justify-content: center;
  }
}
main #mv .mv_img .swiper-slide img {
  height: auto;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  main #mv .mv_img .swiper-slide img {
    height: 100vh;
    max-width: none;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
main #mv .mv_img.hide-cursor {
  cursor: none;
}
main #mv .mv_img.hide-cursor a {
  cursor: none;
}
main #mv .mv_info {
  width: 45%;
  margin-left: -0.833vw;
  padding-left: 0.833vw;
  background-color: #0d0d0d;
  position: relative;
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info {
    width: 100%;
    height: 49%;
    margin-left: 0;
    padding-left: 0;
    background-color: #0d0d0d;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
  }
}
@media screen and (max-width: 767px) {
  main #mv .mv_info {
    height: 39%;
  }
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info.en .white_back {
    height: 32.056vw;
  }
}
main #mv .mv_info::before {
  content: "";
  width: 1.406vw;
  height: 6.458vw;
  background-image: url(../images/icon_deco_x_02.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 14.479vw;
  right: 3.646vw;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info::before {
    width: 3.972vw;
    height: 19.626vw;
    top: 4.673vw;
    right: 5.607vw;
  }
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info::after {
    content: "";
    width: 20%;
    height: 3.738vw;
    background-color: #0d0d0d;
    position: absolute;
    top: -3.505vw;
    right: 0;
    clip-path: polygon(15% 0, 100% 0%, 100% 100%, 0% 100%);
  }
}
main #mv .mv_info .mv_info_inner {
  padding-top: 4.688vw;
  padding-left: 2.917vw;
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info .mv_info_inner {
    padding-top: 0;
    padding-left: 5.607vw;
    margin-top: -21.028vw;
  }
}
main #mv .mv_info h1 {
  width: 31.927vw;
  color: #fff;
  position: relative;
}
main #mv .mv_info h1::after {
  content: "";
  width: 100%;
  height: 1.042vw;
  background-image: url(../images/line_violet_short.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -0.781vw;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info h1 {
    width: 68.224vw;
    filter: drop-shadow(0px 0px 6px rgb(0, 0, 0));
  }
  main #mv .mv_info h1::after {
    content: none;
  }
}
main #mv .mv_info h1 .h1_top {
  font-size: 3.854vw;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info h1 .h1_top {
    font-size: 8.178vw;
  }
}
main #mv .mv_info h1 .h1_top p:first-of-type {
  position: relative;
  padding-right: 4.167vw;
  margin-right: 1.042vw;
}
main #mv .mv_info h1 .h1_top p:first-of-type::after {
  content: "";
  width: 3.49vw;
  height: 1.042vw;
  background-image: url(../images/icon_sche_arrows.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info h1 .h1_top p:first-of-type {
    padding-right: 10.28vw;
    margin-right: 2.336vw;
  }
  main #mv .mv_info h1 .h1_top p:first-of-type::after {
    width: 7.944vw;
    height: 2.336vw;
  }
}
main #mv .mv_info h1 .h1_top p.sub_title {
  font-family: "abolition", sans-serif;
  font-weight: 400;
  font-size: 2.604vw;
  color: #d9d9d9;
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info h1 .h1_top p.sub_title {
    font-size: 4.907vw;
  }
}
main #mv .mv_info h1 .h1_bottom {
  font-size: 3.854vw;
  margin-top: -0.521vw;
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info h1 .h1_bottom {
    font-size: 8.178vw;
  }
}
main #mv .mv_info h1 .h1_bottom p.sub_title {
  font-family: "ethnocentric", sans-serif;
  font-weight: 400;
  font-size: 5.208vw;
  line-height: 1;
  color: #6b56ef;
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info h1 .h1_bottom p.sub_title {
    font-size: 10.981vw;
  }
}
main #mv .mv_info h1 .h1_bottom p.sub_title span {
  font-size: 1.875vw;
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info h1 .h1_bottom p.sub_title span {
    font-size: 3.505vw;
  }
}
main #mv .mv_info h1 .h1_bottom.en {
  font-family: "abolition", sans-serif;
  font-weight: 400;
  line-height: 1.3;
}
main #mv .mv_info h1 .h1_bottom.en p.sub_title {
  margin-left: 1.563vw;
}
main #mv .mv_info .mv_info_slider {
  width: 31.979vw;
  /* 矢印カスタマイズ */
  /* ページネーション */
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info .mv_info_slider {
    width: 72.664vw;
  }
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info .mv_info_slider.en {
    width: 82.243vw;
  }
}
main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner {
  color: #f7f7f7;
}
main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner.en h2 {
  font-size: 5.208vw;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 2.083vw;
}
main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner.en h2 span {
  writing-mode: horizontal-tb;
  font-size: 4.167vw;
  margin-left: 0;
  margin-top: -0.521vw;
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner.en h2 {
    font-size: 12.617vw;
  }
  main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner.en h2::before {
    top: 2.336vw;
    right: 0;
    transform: translateX(0);
  }
  main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner.en h2 span {
    font-size: 9.346vw;
    margin-top: -2vw;
  }
}
main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner.en .date {
  margin: 0.5vw auto 1.563vw;
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner.en .date {
    width: 72.664vw;
    margin: -1.5vw auto 1.563vw;
    margin-left: 0;
  }
}
main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner h2 {
  font-size: 8.854vw;
  font-weight: 900;
  padding-right: 0;
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner h2 {
    font-size: 15.421vw;
  }
}
main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner h2::before {
  content: "";
  width: 8.073vw;
  height: 7.083vw;
  background-image: url(../images/icon_next.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 58%;
  right: -0.521vw;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner h2::before {
    width: 21.963vw;
    height: 19.393vw;
    right: 7.009vw;
  }
}
main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner h2 span {
  writing-mode: vertical-rl;
  font-size: 3.906vw;
  margin-left: 1.25vw;
  margin-top: 1.563vw;
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner h2 span {
    font-size: 7.477vw;
    margin-left: 1.168vw;
    margin-top: 2.336vw;
  }
}
main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner .date {
  justify-content: space-between;
  font-family: "abolition", sans-serif;
  font-weight: 400;
  font-size: 5.521vw;
  align-items: baseline;
  margin: 1.563vw auto;
  filter: drop-shadow(0px 0px 4px rgb(0, 0, 0));
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner .date {
    font-size: 11.682vw;
    margin: 0 auto 2.336vw;
  }
}
main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner .date small {
  font-size: 59%;
  margin-left: 0.417vw;
}
main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner .date p:first-of-type {
  font-size: 3.229vw;
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner .date p:first-of-type {
    font-size: 7.477vw;
  }
}
main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner .date p:nth-of-type(2) {
  padding-right: 2.6vw;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner .date p:nth-of-type(2) {
    padding-right: 8.178vw;
  }
}
main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner .date p:nth-of-type(2)::before {
  content: "";
  width: 1.927vw;
  height: 0.573vw;
  background: url(../images/icon_date_arrows.svg) no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner .date p:nth-of-type(2)::before {
    width: 5.374vw;
    height: 1.636vw;
  }
}
main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner .link_box {
  position: relative;
  z-index: 0;
}
main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner .link_box a {
  width: 13.594vw;
  height: 3.646vw;
  background: url(../images/btn_vewmore_bg.webp) no-repeat center center/contain;
  display: flex;
  justify-content: center;
  align-items: center;
}
main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner .link_box a img {
  width: 72%;
}
@media screen and (min-width: 1024px) {
  main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner .link_box a:hover img {
    animation: Titika-Moveka 1s infinite;
  }
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner .link_box a {
    width: 42vw;
    height: 12vw;
  }
  main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner .link_box a img {
    width: 70%;
  }
}
@media screen and (max-width: 767px) {
  main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner .link_box a {
    width: 51.402vw;
    height: 14.019vw;
  }
}
main #mv .mv_info .mv_info_slider .swiper-button-prev,
main #mv .mv_info .mv_info_slider .swiper-button-next {
  display: none;
  height: 2.031vw;
  width: 2.865vw;
  top: auto;
  bottom: 1.719vw;
  transition: all 0.4s;
}
main #mv .mv_info .mv_info_slider .swiper-button-prev::after,
main #mv .mv_info .mv_info_slider .swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 2.031vw;
  margin: auto;
  width: 2.865vw;
  background-image: url(../images/icon_slider_arrows.svg);
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info .mv_info_slider .swiper-button-prev,
  main #mv .mv_info .mv_info_slider .swiper-button-next {
    height: 6.075vw;
    width: 8.411vw;
    bottom: 4vw;
  }
  main #mv .mv_info .mv_info_slider .swiper-button-prev::after,
  main #mv .mv_info .mv_info_slider .swiper-button-next::after {
    height: 6.075vw;
    width: 8.411vw;
  }
}
main #mv .mv_info .mv_info_slider .swiper-button-prev {
  left: 29%;
}
@media screen and (min-width: 767px) {
  main #mv .mv_info .mv_info_slider .swiper-button-prev:hover {
    transform: translateX(-10%);
  }
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info .mv_info_slider .swiper-button-prev {
    left: 3%;
  }
}
main #mv .mv_info .mv_info_slider .swiper-button-next {
  right: 29%;
}
main #mv .mv_info .mv_info_slider .swiper-button-next::after {
  transform: scale(-1, 1);
}
@media screen and (min-width: 767px) {
  main #mv .mv_info .mv_info_slider .swiper-button-next:hover {
    transform: translateX(10%);
  }
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info .mv_info_slider .swiper-button-next {
    right: 48%;
  }
}
main #mv .mv_info .mv_info_slider .swiper-horizontal > .swiper-pagination-bullets,
main #mv .mv_info .mv_info_slider .swiper-pagination-bullets.swiper-pagination-horizontal,
main #mv .mv_info .mv_info_slider .swiper-pagination-custom,
main #mv .mv_info .mv_info_slider .swiper-pagination-fraction {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info .mv_info_slider .swiper-horizontal > .swiper-pagination-bullets,
  main #mv .mv_info .mv_info_slider .swiper-pagination-bullets.swiper-pagination-horizontal,
  main #mv .mv_info .mv_info_slider .swiper-pagination-custom,
  main #mv .mv_info .mv_info_slider .swiper-pagination-fraction {
    width: 55%;
  }
}
main #mv .mv_info .mv_info_slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
main #mv .mv_info .mv_info_slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0.365vw 1.198vw;
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info .mv_info_slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  main #mv .mv_info .mv_info_slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.467vw 1.402vw;
  }
}
main #mv .mv_info .mv_info_slider .swiper-pagination-bullet {
  background-color: #6b56ef;
  height: 0.625vw;
  width: 2.969vw;
  border-radius: 0%;
  opacity: 0.45;
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info .mv_info_slider .swiper-pagination-bullet {
    height: 1.869vw;
    width: 8.645vw;
  }
}
main #mv .mv_info .mv_info_slider .swiper-pagination-bullet-active {
  opacity: 1;
}
main #mv .mv_info .white_back {
  width: 98%;
  height: 18.021vw;
  background-color: #e9e9e9;
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), rgba(183, 183, 183, 0.5) calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), rgba(183, 183, 183, 0.5) calc(100% - 1px));
  background-size: 1.719vw 1.719vw;
  background-repeat: repeat;
  background-position: center center;
  position: absolute;
  bottom: 0;
  right: 0;
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info .white_back {
    width: 130%;
    height: 42.056vw;
    background-size: 7.71vw 7.71vw;
  }
}
main #mv .mv_info .top_arrows {
  position: absolute;
  bottom: 2.24vw;
  right: 3.646vw;
  opacity: 1;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info .top_arrows {
    bottom: 0;
    right: 5.607vw;
  }
}
@media screen and (max-width: 767px) {
  main #mv .mv_info .top_arrows {
    bottom: 4.673vw;
  }
}
main #mv .mv_info .top_arrows .arrow::before {
  content: "";
  display: block;
  width: 5.365vw;
  height: 4.531vw;
  background: url(../images/icon_mv_deco_01.svg) no-repeat;
  background-size: contain;
  opacity: 1;
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info .top_arrows .arrow::before {
    width: 13vw;
    height: 13vw;
  }
}
@media screen and (max-width: 767px) {
  main #mv .mv_info .top_arrows .arrow::before {
    width: 18.925vw;
    height: 15.888vw;
  }
}
main #mv .mv_info .top_arrows .arrow:nth-of-type(2) {
  margin-top: -1.5vw;
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info .top_arrows .arrow:nth-of-type(2) {
    margin-top: -6.5vw;
  }
}
main #mv .mv_info .top_arrows .arrow:nth-of-type(3) {
  margin-top: -1.5vw;
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info .top_arrows .arrow:nth-of-type(3) {
    margin-top: -6.5vw;
  }
}
main #about {
  margin-top: 5.365vw;
}
@media screen and (max-width: 1024px) {
  main #about {
    margin-top: 14.019vw;
  }
}
main #about .inner {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  main #about .inner {
    width: 90%;
  }
}
main #about h2 {
  font-size: 3.333vw;
  font-weight: 900;
  line-height: 1.4;
  text-align: center;
  opacity: 0;
  transform: translateY(10%);
  transition: all 0.4s;
}
main #about h2 span {
  color: #6b56ef;
}
@media screen and (max-width: 1024px) {
  main #about h2 {
    font-size: 7.009vw;
    text-align: left;
  }
}
main #about h2.active {
  opacity: 1;
  transform: translateY(0);
}
main #about .about_box {
  width: 85.885vw;
  margin-left: auto;
  margin-right: 3.698vw;
}
@media screen and (max-width: 1024px) {
  main #about .about_box {
    flex-direction: column-reverse;
    width: 100%;
    margin: 0 auto;
    margin-top: 4.673vw;
  }
}
main #about .about_box .about_box_left {
  width: 51%;
  line-height: 1.75;
  margin-right: -4.792vw;
  margin-top: 5vw;
  opacity: 0;
  transform: translateY(10%);
  transition: all 0.4s;
}
@media screen and (max-width: 1024px) {
  main #about .about_box .about_box_left {
    width: 100%;
    line-height: 1.44;
    margin-right: 0;
    margin-top: 4.673vw;
  }
}
main #about .about_box .about_box_left.en {
  width: 43%;
  margin-right: 0;
}
@media screen and (max-width: 1024px) {
  main #about .about_box .about_box_left.en {
    width: 100%;
  }
}
main #about .about_box .about_box_left.active {
  opacity: 1;
  transform: translateY(0);
}
main #about .about_box .about_box_right {
  width: 55%;
}
@media screen and (max-width: 1024px) {
  main #about .about_box .about_box_right {
    width: 100%;
  }
}
main #schedule {
  margin-top: 60px;
}
main #schedule .inner {
  max-width: 79.01vw;
}
@media screen and (max-width: 1024px) {
  main #schedule .inner {
    max-width: 88.785vw;
  }
}
main #schedule h3::after {
  width: 60%;
}
@media screen and (max-width: 1024px) {
  main #schedule h3::after {
    width: 21%;
  }
}
main #schedule .schedule_ul {
  max-width: 71.406vw;
  margin: 0 auto;
  margin-top: 2.083vw;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul {
    max-width: 85.047vw;
    margin-top: 4.673vw;
  }
}
main #schedule .schedule_ul.en {
  max-width: 72.813vw;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul.en {
    max-width: 85.047vw;
  }
}
main #schedule .schedule_ul .schedule_li {
  position: relative;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4.167vw;
  opacity: 0;
  transform: translateY(10%);
  transition: all 0.4s;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li {
    flex-direction: column;
    margin-bottom: 14.019vw;
  }
}
main #schedule .schedule_ul .schedule_li.active {
  opacity: 1;
  transform: translateY(0);
}
main #schedule .schedule_ul .schedule_li.active .schefule_li_info .schefule_li_info_box {
  transform: scale(1);
  transition-delay: 0.6s;
}
main #schedule .schedule_ul .schedule_li.active .schefule_li_info .schefule_li_info_box .place_text,
main #schedule .schedule_ul .schedule_li.active .schefule_li_info .schefule_li_info_box .date,
main #schedule .schedule_ul .schedule_li.active .schefule_li_info .schefule_li_info_box .link_box {
  opacity: 1;
  transition-delay: 1s;
}
main #schedule .schedule_ul .schedule_li:last-of-type {
  margin-bottom: 0;
}
main #schedule .schedule_ul .schedule_li:last-of-type::before {
  content: "";
  width: 79.1vw;
  height: 1.1vw;
  background-image: url(../images/line_violet_long.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -2.604vw;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li:last-of-type::before {
    width: 105%;
    height: 4.673vw;
    background-image: url(../images/line_violet_long_sp.webp);
    bottom: -13vw;
  }
}
main #schedule .schedule_ul .schedule_li .schedule_li_img {
  width: 55%;
  padding: 1.302vw 1.042vw;
  background-image: url(../images/sche_kanazawa_flame.webp);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .schedule_li_img {
    width: 100%;
    padding: 2.804vw 2.336vw;
  }
}
main #schedule .schedule_ul .schedule_li .schedule_li_img .schedule_li_img_inner {
  position: relative;
  overflow: hidden;
}
main #schedule .schedule_ul .schedule_li .schefule_li_info {
  width: 43%;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .schefule_li_info {
    width: 100%;
    margin-top: 3.505vw;
  }
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .schefule_li_info.en {
    margin-top: 6.505vw;
  }
}
main #schedule .schedule_ul .schedule_li .schefule_li_info.en .venue_name h4 {
  font-size: 4.167vw;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .schefule_li_info.en .venue_name h4 {
    font-size: 9.346vw;
  }
}
main #schedule .schedule_ul .schedule_li .schefule_li_info.en .venue_name h4 span {
  writing-mode: horizontal-tb;
  font-size: 1.563vw;
  font-weight: 900;
  margin-left: 0.521vw;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .schefule_li_info.en .venue_name h4 span {
    font-size: 5.607vw;
    margin-left: 3.505vw;
  }
}
main #schedule .schedule_ul .schedule_li .schefule_li_info.en .schefule_li_info_box {
  margin-top: 2.083vw;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .schefule_li_info.en .schefule_li_info_box {
    margin-top: 7.009vw;
  }
}
main #schedule .schedule_ul .schedule_li .schefule_li_info.en .schefule_li_info_box .schefule_li_info_box_inner {
  max-width: 31.979vw;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .schefule_li_info.en .schefule_li_info_box .schefule_li_info_box_inner {
    max-width: 73.598vw;
  }
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .venue_name {
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 0.521vw;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .schefule_li_info .venue_name {
    margin-bottom: 2.804vw;
  }
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .venue_name h4 {
  font-size: 6.25vw;
  font-weight: 900;
  padding-left: 7.552vw;
  position: relative;
  z-index: 0;
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .schefule_li_info .venue_name h4 {
    font-size: 14.019vw;
    padding-left: 21.963vw;
  }
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .venue_name h4::before {
  content: "";
  width: 8.073vw;
  height: 7.083vw;
  background-image: url(../images/icon_next.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: -0.521vw;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .schefule_li_info .venue_name h4::before {
    width: 21.963vw;
    height: 19.393vw;
    left: -1.869vw;
  }
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .venue_name h4 span {
  writing-mode: vertical-rl;
  font-size: 2.604vw;
  font-weight: 700;
  margin-left: -0.312vw;
  padding-bottom: 0.885vw;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .schefule_li_info .venue_name h4 span {
    font-size: 6.542vw;
    margin-left: 0;
    padding-bottom: 0.935vw;
  }
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .venue_name .en_name {
  font-family: "abolition", sans-serif;
  font-weight: 400;
  font-size: 2.604vw;
  color: #6b56ef;
  margin-left: 0.26vw;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .schefule_li_info .venue_name .en_name {
    font-size: 7.009vw;
    margin-left: 1.168vw;
  }
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .venue_name .en_name p:last-of-type {
  margin-top: -0.625vw;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .schefule_li_info .venue_name .en_name p:last-of-type {
    margin-top: -1.636vw;
  }
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 0;
  transform: scale(0);
  transition: all 0.4s;
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .schefule_li_info_box_inner {
  width: 90%;
  max-width: 26.615vw;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .schefule_li_info_box_inner {
    max-width: 73.598vw;
  }
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .schefule_li_info_box_frame_top {
  width: 101%;
  height: 0.833vw;
  position: absolute;
  top: -0.156vw;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .schefule_li_info_box_frame_top {
    height: 2.336vw;
    top: -0.467vw;
  }
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .schefule_li_info_box_frame_top::before, main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .schefule_li_info_box_frame_top::after {
  content: "";
  width: 0.833vw;
  height: 0.833vw;
  background: url(../images/sche_frame.svg) no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .schefule_li_info_box_frame_top::before, main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .schefule_li_info_box_frame_top::after {
    width: 2.336vw;
    height: 2.336vw;
  }
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .schefule_li_info_box_frame_top::before {
  left: 0;
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .schefule_li_info_box_frame_top::after {
  right: 0;
  transform: scale(-1, 1);
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .schefule_li_info_box_frame_bottom {
  width: 101%;
  height: 0.833vw;
  position: absolute;
  bottom: -0.156vw;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .schefule_li_info_box_frame_bottom {
    height: 2.336vw;
    bottom: -0.467vw;
  }
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .schefule_li_info_box_frame_bottom::before, main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .schefule_li_info_box_frame_bottom::after {
  content: "";
  width: 0.833vw;
  height: 0.833vw;
  background: url(../images/sche_frame.svg) no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .schefule_li_info_box_frame_bottom::before, main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .schefule_li_info_box_frame_bottom::after {
    width: 2.336vw;
    height: 2.336vw;
  }
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .schefule_li_info_box_frame_bottom::before {
  left: 0;
  transform: scale(1, -1);
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .schefule_li_info_box_frame_bottom::after {
  right: 0;
  transform: scale(-1, -1);
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .place_text {
  font-size: 1.458vw;
  padding-left: 1.458vw;
  position: relative;
  z-index: 0;
  opacity: 0;
  transition: all 0.4s;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .place_text {
    font-size: 3.738vw;
    padding-left: 4.673vw;
  }
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .place_text::before {
  content: "";
  width: 1.042vw;
  height: 1.667vw;
  background: url(../images/icon_address.svg) no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .place_text::before {
    width: 3.037vw;
    height: 4.673vw;
  }
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .date {
  justify-content: space-between;
  font-family: "abolition", sans-serif;
  font-weight: 400;
  font-size: 4.167vw;
  align-items: baseline;
  margin: 0.313vw auto;
  opacity: 0;
  transition: all 0.4s;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .date {
    font-size: 11.682vw;
    margin: 0 auto 2.336vw;
  }
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .date small {
  font-size: 63%;
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .date p:first-of-type {
  font-size: 2.604vw;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .date p:first-of-type {
    font-size: 7.477vw;
  }
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .date p:nth-of-type(2) {
  padding-right: 3.073vw;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .date p:nth-of-type(2) {
    padding-right: 8.178vw;
  }
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .date p:nth-of-type(2)::before {
  content: "";
  width: 1.927vw;
  height: 0.573vw;
  background: url(../images/icon_date_arrows.svg) no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .date p:nth-of-type(2)::before {
    width: 5.374vw;
    height: 1.636vw;
  }
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .link_box {
  width: 75%;
  margin: 0 auto;
  position: relative;
  z-index: 0;
  opacity: 0;
  transition: all 0.4s;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .link_box {
    width: 100%;
  }
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .link_box a {
  width: 13.594vw;
  height: 3.646vw;
  background: url(../images/btn_vewmore_bg.webp) no-repeat center center/contain;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .link_box a img {
  width: 72%;
}
@media screen and (min-width: 767px) {
  main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .link_box a:hover img {
    animation: Titika-Moveka 1s infinite;
  }
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .link_box a {
    width: 51.402vw;
    height: 14.019vw;
  }
  main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .link_box a img {
    width: 70%;
  }
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .link_box .link_deco {
  width: 2.083vw;
  height: 0.625vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .link_box .link_deco {
    width: 7.009vw;
    height: 2.103vw;
  }
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .link_box .link_deco span {
  width: 0.521vw;
  height: 0.625vw;
  background-color: #6b56ef;
  clip-path: polygon(100% 50%, 0 0, 0 100%);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .link_box .link_deco span {
    width: 1.869vw;
    height: 2.103vw;
  }
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .link_box .link_deco span:nth-of-type(1) {
  left: 0;
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .link_box .link_deco span:nth-of-type(2) {
  left: 50%;
  transform: translate(-50%, -50%);
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .link_box .link_deco span:nth-of-type(3) {
  right: 0;
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .link_box .link_deco.link_deco_left {
  left: 0;
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .schefule_li_info_box .link_box .link_deco.link_deco_right {
  right: 0;
  transform: translateY(-50%) scale(-1, 1);
}
main #schedule .schedule_ul .schedule_li.schedule_li_lock.first-lock::before {
  content: "";
  width: 79.1vw;
  height: 1.1vw;
  background-image: url(../images/line_violet_long.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -2.604vw;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li.schedule_li_lock.first-lock::before {
    width: 105%;
    height: 4.673vw;
    background-image: url(../images/line_violet_long_sp.webp);
    top: -8.879vw;
  }
}
main #schedule .schedule_ul .schedule_li.schedule_li_lock .schedule_li_img {
  height: 22.083vw;
  background-image: url(../images/sche_lock_img.webp);
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li.schedule_li_lock .schedule_li_img {
    height: 48vw;
  }
}
main #schedule .schedule_ul .schedule_li.schedule_li_lock .schefule_li_info .venue_name h4::before {
  background-image: url(../images/icon_comingsoon.webp);
}
main #schedule .schedule_ul .schedule_li.schedule_li_lock .schefule_li_info .schefule_li_info_box {
  height: 7.396vw;
  background-color: rgba(107, 86, 239, 0.2);
  border: 1px solid #6b56ef;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li.schedule_li_lock .schefule_li_info .schefule_li_info_box {
    height: 22.664vw;
  }
}
main #schedule .schedule_ul .schedule_li.schedule_li_lock .schefule_li_info .schefule_li_info_box .schefule_li_info_box_inner {
  text-align: center;
}
main #schedule .schedule_ul .schedule_li.schedule_li_lock .schefule_li_info .schefule_li_info_box .schefule_li_info_box_inner p {
  font-family: "ethnocentric", sans-serif;
  font-weight: 400;
  font-size: 1.667vw;
  color: #6b56ef;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li.schedule_li_lock .schefule_li_info .schefule_li_info_box .schefule_li_info_box_inner p {
    font-size: 4.907vw;
  }
}
main #schedule .schedule_ul .schedule_li.schedule_li_kanazawa .schedule_li_img {
  background-image: url(../images/sche_kanazawa_flame.webp);
}
main #schedule .schedule_ul .schedule_li.schedule_li_nagoya .schefule_li_info.en .venue_name h4 {
  letter-spacing: normal;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li.schedule_li_nagoya .schefule_li_info.en .venue_name h4 span {
    margin-left: 3.505vw;
  }
}
main #schedule .schedule_ul .schedule_li.schedule_li_nagoya .schefule_li_info .venue_name {
  width: 110%;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li.schedule_li_nagoya .schefule_li_info .venue_name {
    width: 100%;
  }
}
main #schedule .schedule_ul .schedule_li.schedule_li_nagoya .schefule_li_info .venue_name h4 {
  letter-spacing: -0.12em;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li.schedule_li_nagoya .schefule_li_info .venue_name h4 {
    font-size: 11.682vw;
    letter-spacing: normal;
  }
}
main #schedule .schedule_ul .schedule_li.schedule_li_nagoya .schefule_li_info .venue_name h4 span {
  letter-spacing: normal;
  margin-left: 0.417vw;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li.schedule_li_nagoya .schefule_li_info .venue_name h4 span {
    margin-left: 0;
  }
}
main #online {
  font-size: 1.563vw;
  font-weight: 900;
  line-height: 1.5;
  text-align: center;
  margin: 0 auto;
  margin-top: 7.292vw;
  margin-bottom: 4.167vw;
}
main #online a {
  color: #6b56ef;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.417vw;
  transition: all 0.4s;
}
@media screen and (min-width: 767px) {
  main #online a:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 1024px) {
  main #online {
    font-size: 4.673vw;
    text-align: left;
    margin: 0 auto;
    margin-top: 23.364vw;
    margin-bottom: 9.346vw;
  }
  main #online a {
    text-underline-offset: 1.168vw;
  }
}
main .bg_deco_left {
  position: fixed;
  width: 1.042vw;
  height: 23.958vw;
  top: 16.146vw;
  left: 1.667vw;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  main .bg_deco_left {
    display: none;
  }
}
main .bg_deco_left::before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(../images/main_bg_deco_01.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
main .bg_deco_left.tikatika::before {
  animation: Titika-Moveka 1s infinite;
}
main .bg_deco_right {
  position: fixed;
  width: 1.146vw;
  height: 18.854vw;
  top: 10.521vw;
  right: 2.813vw;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  main .bg_deco_right {
    display: none;
  }
}
main .bg_deco_right::before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(../images/main_bg_deco_02.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
main .bg_deco_right.tikatika::before {
  animation: Titika-Moveka 0.6s infinite;
}

.cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 8.802vw;
  height: 8.438vw;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: opacity 0.2s ease;
  opacity: 0;
}
.cursor::before {
  content: "";
  width: 1.458vw;
  height: 1.458vw;
  background-image: url(../images/icon_cursor.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cursor::after {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(../images/cursor_circle.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: Rotation-Cursor 3s linear infinite;
}

.btn_top {
  position: fixed;
  bottom: 2.083vw;
  right: 2.083vw;
  width: 8.333vw;
  height: 7.813vw;
  z-index: 88;
}
@media screen and (max-width: 1024px) {
  .btn_top {
    width: 18.692vw;
    height: 17.523vw;
    bottom: 4.673vw;
    right: 3.505vw;
  }
}
.btn_top::before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(../images/btn_top_out.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  pointer-events: none;
  animation: Rotation-Cursor 3s linear infinite;
}
.btn_top a {
  display: block;
}
@media screen and (min-width: 1024px) {
  .btn_top a:hover .btn_top_inner img {
    filter: contrast(200%) drop-shadow(0 0px 17px rgb(73, 58, 214));
  }
}
.btn_top .btn_top_inner {
  width: 6.302vw;
  height: 6.302vw;
  background-image: url(../images/btn_top_in.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .btn_top .btn_top_inner {
    width: 14.019vw;
    height: 14.019vw;
  }
}
.btn_top .btn_top_inner img {
  width: 1.875vw;
  height: 1.563vw;
  transition: all 0.4s;
}
@media screen and (max-width: 1024px) {
  .btn_top .btn_top_inner img {
    width: 5.14vw;
    height: auto;
  }
}

footer {
  position: relative;
  z-index: 1;
}
footer #link {
  background-image: url(../images/footer_bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 0.833vw;
  font-weight: 500;
  color: #0d0d0d;
  text-align: center;
  padding-top: 3.385vw;
  padding-bottom: 2.031vw;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 1024px) {
  footer #link {
    background-image: url(../images/footer_bg_sp.webp);
    font-size: 2.804vw;
    padding-top: 4.439vw;
    padding-bottom: 4.907vw;
  }
}
footer #link::before {
  content: "";
  width: 25.99vw;
  height: 9.948vw;
  background: url(../images/footer_bg_text.webp) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -0.312vw;
  left: 3.646vw;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  footer #link::before {
    width: 48.832vw;
    height: 18.692vw;
    bottom: 7.009vw;
    left: 1.402vw;
  }
}
footer #link .link_ul {
  justify-content: center;
  gap: 0 1.667vw;
  margin-bottom: 1.458vw;
}
@media screen and (max-width: 1024px) {
  footer #link .link_ul {
    gap: 0 4.439vw;
    margin-bottom: 14.019vw;
  }
}
footer #link .link_ul li {
  width: 19%;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  footer #link .link_ul li {
    width: 41%;
  }
}
footer #link .link_ul li a {
  display: block;
}
footer .footer_black {
  font-family: "arial", sans-serif;
  font-weight: 400;
  font-size: 0.833vw;
  color: #fff;
  line-height: 1;
  text-align: center;
  padding-top: 1.302vw;
  padding-bottom: 1.979vw;
  background-color: #0d0d0d;
}
footer .footer_black a {
  display: block;
  width: 12%;
  margin: 0 auto;
  margin-top: 1.25vw;
  transition: all 0.4s;
}
@media screen and (min-width: 767px) {
  footer .footer_black a:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 1024px) {
  footer .footer_black {
    font-size: 2.336vw;
    padding-top: 4.5vw;
    padding-bottom: 4.5vw;
  }
  footer .footer_black a {
    margin-top: 2.336vw;
    width: 31%;
  }
}

.hover_imgs img {
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.4s;
}
.hover_imgs .img1 {
  z-index: 1;
  clip-path: polygon(0px -1%, 100% -1%, 100% 20%, 0px 20%);
}
.hover_imgs .img2 {
  z-index: 2;
  clip-path: polygon(0px 19%, 100% 19%, 100% 40%, 0px 40%);
}
.hover_imgs .img3 {
  z-index: 3;
  clip-path: polygon(0px 39%, 100% 39%, 100% 60%, 0px 60%);
}
.hover_imgs .img4 {
  z-index: 2;
  clip-path: polygon(0px 59%, 100% 59%, 100% 80%, 0px 80%);
}
.hover_imgs .img5 {
  z-index: 1;
  clip-path: polygon(0px 79%, 100% 79%, 100% 100%, 0px 100%);
}
.hover_imgs .img6 {
  z-index: 4;
  opacity: 0;
}

@media screen and (min-width: 767px) {
  .schedule_li_img a:hover .img {
    opacity: 1;
  }
  .schedule_li_img a:hover .hover_imgs .img1 {
    animation: img1 0.1s linear forwards;
  }
  @keyframes img1 {
    0% {
      left: 5px;
    }
    25% {
      left: -5px;
    }
    50% {
      left: 55px;
    }
    100% {
      left: 0px;
      opacity: 0;
    }
  }
  .schedule_li_img a:hover .hover_imgs .img2 {
    animation: img2 0.1s linear 30ms forwards;
  }
  @keyframes img2 {
    0% {
      left: -5px;
    }
    25% {
      left: -10px;
    }
    50% {
      left: -5px;
    }
    100% {
      left: 0px;
      opacity: 0;
    }
  }
  .schedule_li_img a:hover .hover_imgs .img3 {
    animation: img3 0.1s linear 60ms forwards;
  }
  @keyframes img3 {
    0% {
      left: 5px;
    }
    25% {
      left: 0px;
    }
    50% {
      left: -6px;
    }
    100% {
      left: 0px;
      opacity: 0;
    }
  }
  .schedule_li_img a:hover .hover_imgs .img4 {
    animation: img4 0.1s linear 0ms forwards;
  }
  @keyframes img4 {
    0% {
      left: -5px;
    }
    25% {
      left: 5px;
    }
    50% {
      left: -5px;
    }
    100% {
      left: 0px;
      opacity: 0;
    }
  }
  .schedule_li_img a:hover .hover_imgs .img5 {
    animation: img5 0.1s linear 30ms forwards;
  }
  @keyframes img5 {
    0% {
      left: 10px;
    }
    25% {
      left: -5px;
    }
    50% {
      left: 6px;
    }
    100% {
      left: 0px;
      opacity: 0;
    }
  }
  .schedule_li_img a:hover .hover_imgs .img6 {
    opacity: 1;
    animation: img6 0.1s linear 0.2s infinite;
  }
  @keyframes img6 {
    0% {
      filter: brightness(1);
    }
    100% {
      filter: brightness(1.1);
    }
  }
}

@media screen and (min-width: 767px) {
  .link_li:hover .img {
    opacity: 1;
  }
  .link_li:hover .hover_imgs .img1 {
    animation: img1 0.1s linear forwards;
  }
  @keyframes img1 {
    0% {
      left: 5px;
    }
    25% {
      left: -5px;
    }
    50% {
      left: 55px;
    }
    100% {
      left: 0px;
      opacity: 0;
    }
  }
  .link_li:hover .hover_imgs .img2 {
    animation: img2 0.1s linear 30ms forwards;
  }
  @keyframes img2 {
    0% {
      left: -5px;
    }
    25% {
      left: -10px;
    }
    50% {
      left: -5px;
    }
    100% {
      left: 0px;
      opacity: 0;
    }
  }
  .link_li:hover .hover_imgs .img3 {
    animation: img3 0.1s linear 60ms forwards;
  }
  @keyframes img3 {
    0% {
      left: 5px;
    }
    25% {
      left: 0px;
    }
    50% {
      left: -6px;
    }
    100% {
      left: 0px;
      opacity: 0;
    }
  }
  .link_li:hover .hover_imgs .img4 {
    animation: img4 0.1s linear 0ms forwards;
  }
  @keyframes img4 {
    0% {
      left: -5px;
    }
    25% {
      left: 5px;
    }
    50% {
      left: -5px;
    }
    100% {
      left: 0px;
      opacity: 0;
    }
  }
  .link_li:hover .hover_imgs .img5 {
    animation: img5 0.1s linear 30ms forwards;
  }
  @keyframes img5 {
    0% {
      left: 10px;
    }
    25% {
      left: -5px;
    }
    50% {
      left: 6px;
    }
    100% {
      left: 0px;
      opacity: 0;
    }
  }
  .link_li:hover .hover_imgs .img6 {
    opacity: 1;
    animation: img6 0.1s linear 0.2s infinite;
  }
  @keyframes img6 {
    0% {
      filter: brightness(1);
    }
    100% {
      filter: brightness(1.1);
    }
  }
}/*# sourceMappingURL=style.css.map */