@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 JP", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.25vw;
  line-height: 1.2;
  font-weight: 700;
  color: #ffffff;
  background-color: #000000;
}
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-color: #000000;
  position: fixed;
  height: 100svh;
  width: 100%;
  z-index: 999;
  transition: 0.2s;
  transition-delay: 2s;
}
#load.load_active {
  animation: view 0.9s ease-in-out 1s forwards;
}
@media screen and (max-width: 1024px) {
  #load {
    width: 180%;
  }
  #load.load_active {
    animation: view 0.6s ease-in-out 1s forwards;
  }
}
@keyframes view {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    pointer-events: none;
  }
}

.fixed_bg {
  width: 100%;
  height: 100%;
  background: url(../images/bg.webp) no-repeat center center/cover;
  position: fixed;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1024px) {
  .fixed_bg {
    background: url(../images/bg-sp.webp) no-repeat center center/cover;
  }
}

header .logo_box {
  width: 10.6%;
  position: fixed;
  top: 1.042vw;
  left: 0.781vw;
  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: 25.5%;
    top: 1vw;
    left: 0.701vw;
  }
}
header .menu_box .menu_btn {
  width: 2.917vw;
  height: 1.771vw;
  position: fixed;
  top: 2.083vw;
  right: 2.083vw;
  z-index: 92;
  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;
    height: 5.841vw;
    top: 3.738vw;
    right: 3.738vw;
  }
}
header .menu_box .menu_btn span {
  width: 100%;
  height: 0.26vw;
  background-color: #ffffff;
  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_box .menu_back {
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 90;
  transition: all 0.5s;
  pointer-events: none;
}
header .menu_box .menu_back.active {
  opacity: 0.7;
  pointer-events: auto;
}
header .menu_box .menu {
  color: #ffffff;
  width: 41.823vw;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 91;
  transition: all 0.4s;
  transform: translateX(110%);
}
@media screen and (max-width: 1024px) {
  header .menu_box .menu {
    width: 100%;
    transform: translateX(102%);
  }
}
header .menu_box .menu.active {
  transform: translateX(0%);
}
header .menu_box .menu::before {
  content: "";
  width: 20vw;
  height: 10.156vw;
  background-image: url(../images/menu_logo.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 3.75vw;
  right: 3.75vw;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  header .menu_box .menu::before {
    width: 50.935vw;
    height: 25.935vw;
    bottom: 9.346vw;
    right: 9.346vw;
  }
}
header .menu_box .menu::after {
  content: "";
  background-image: url(../images/menu_bg.webp?20261016);
  background-repeat: no-repeat;
  background-size: cover;
  width: 42.9vw;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  z-index: -2;
}
@media screen and (max-width: 1024px) {
  header .menu_box .menu::after {
    width: 100vw;
    background-image: url(../images/menu_bg-sp.webp?20261016);
  }
}
header .menu_box .menu .menu_inner {
  width: 100%;
  height: 100vh;
  padding-top: 2.083vw;
  padding-bottom: 2.083vw;
  padding-left: 4.271vw;
  padding-right: 7.917vw;
  overflow-y: scroll;
}
@media screen and (max-width: 1024px) {
  header .menu_box .menu .menu_inner {
    width: 88.785vw;
    margin: 0 auto;
    padding: 9.112vw 0;
  }
}
header .menu_box .menu .menu_inner::-webkit-scrollbar {
  display: none;
}
header .menu_box .menu .top_link {
  font-family: "abolition", sans-serif;
  font-weight: 400;
  font-size: 2.604vw;
  display: block;
  margin-left: 2.292vw;
  margin-bottom: 2.24vw;
  transition: all 0.4s;
}
@media screen and (max-width: 1024px) {
  header .menu_box .menu .top_link {
    font-size: 7.477vw;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 10vw;
  }
}
@media screen and (min-width: 1024px) {
  header .menu_box .menu .top_link:hover {
    color: #00c77a;
  }
}
header .menu_box .menu .menu_ul {
  margin-bottom: 1.667vw;
  padding-left: 0.521vw;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 1024px) {
  header .menu_box .menu .menu_ul {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 9.579vw;
    padding-left: 4vw;
  }
}
header .menu_box .menu .menu_ul::before {
  content: "";
  width: 30vw;
  height: 1.042vw;
  background-image: url(../images/line_green-menu.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -2.083vw;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  header .menu_box .menu .menu_ul::before {
    width: 88.785vw;
    height: 3.738vw;
    background-image: url(../images/line_green-menu-sp.webp);
    top: -6.075vw;
  }
}
header .menu_box .menu .menu_ul li {
  font-size: 1.667vw;
  padding-left: 2.188vw;
  position: relative;
  margin-bottom: 0.781vw;
  padding-bottom: 0.521vw;
  z-index: 0;
}
@media screen and (max-width: 1024px) {
  header .menu_box .menu .menu_ul li {
    font-size: 6.542vw;
    padding-left: 7.944vw;
    margin-bottom: 5.607vw;
    padding-bottom: 2.336vw;
  }
}
header .menu_box .menu .menu_ul li:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  header .menu_box .menu .menu_ul li:not(.commingsoon):not(.area_list_box):not(.list_first):hover > a {
    color: #00c77a;
  }
  header .menu_box .menu .menu_ul li:not(.commingsoon):not(.area_list_box):not(.list_first):hover > button:not(.is-active) {
    background-color: #00c77a;
  }
  header .menu_box .menu .menu_ul li:not(.commingsoon):not(.area_list_box):not(.list_first):hover > button:not(.is-active)::before {
    filter: brightness(0);
  }
  header .menu_box .menu .menu_ul li:not(.commingsoon):not(.area_list_box):not(.list_first):hover > button.is-active {
    background-color: transparent;
  }
  header .menu_box .menu .menu_ul li:not(.commingsoon):not(.area_list_box):not(.list_first):hover > button.is-active::before {
    filter: none;
  }
}
header .menu_box .menu .menu_ul li::before {
  content: "";
  width: 0.625vw;
  height: 0.573vw;
  background-color: #00c77a;
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  position: absolute;
  top: 50%;
  left: 0.833vw;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  header .menu_box .menu .menu_ul li::before {
    width: 2.336vw;
    height: 2.103vw;
    left: 2.804vw;
  }
}
header .menu_box .menu .menu_ul li::after {
  content: "";
  width: 28.385vw;
  height: 2.5vw;
  background-image: url(../images/menu_line.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  header .menu_box .menu .menu_ul li::after {
    width: 81.308vw;
    height: 9.112vw;
    background-image: url(../images/menu_line-sp.webp);
  }
}
header .menu_box .menu .menu_ul li a {
  display: inline-block;
  transition: all 0.4s;
  position: relative;
  z-index: 0;
}
header .menu_box .menu .menu_ul li button {
  position: absolute;
  bottom: 0;
  right: 0.8vw;
  width: 5.833vw;
  height: 2.5vw;
  background-color: transparent;
  clip-path: polygon(42% 0%, 100% 0, 100% 100%, 0% 100%);
  transition: all 0.4s;
}
header .menu_box .menu .menu_ul li button::before {
  content: "";
  width: 1.458vw;
  height: 0.729vw;
  background-image: url(../images/icon_menu-arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 67%;
  transform: translate(-50%, -50%);
  transition: all 0.4s;
}
header .menu_box .menu .menu_ul li button.is-active {
  background-color: #00c77a;
}
header .menu_box .menu .menu_ul li button.is-active::before {
  transform: translate(-50%, -50%) rotate(-180deg);
  filter: brightness(0);
}
@media screen and (max-width: 1024px) {
  header .menu_box .menu .menu_ul li button {
    right: 3.5vw;
    width: 21vw;
    height: 8.8vw;
    bottom: 0.2vw;
    clip-path: polygon(41% 0%, 100% 0, 100% 100%, 0% 100%);
  }
  header .menu_box .menu .menu_ul li button::before {
    width: 5.374vw;
    height: 2.804vw;
    left: 60%;
  }
}
header .menu_box .menu .menu_ul li.link_li a {
  padding-right: 3.49vw;
}
header .menu_box .menu .menu_ul li.link_li a::before {
  content: "";
  width: 2.708vw;
  height: 1.823vw;
  background-image: url(../images/icon_status-next.webp?20261021);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  header .menu_box .menu .menu_ul li.link_li a {
    padding-right: 14.953vw;
  }
  header .menu_box .menu .menu_ul li.link_li a::before {
    width: 12.15vw;
    height: 8.178vw;
  }
}
header .menu_box .menu .menu_ul li.list_first {
  font-family: "abolition", sans-serif;
  font-weight: 400;
  font-size: 1.563vw;
  padding-left: 1.563vw;
}
@media screen and (max-width: 1024px) {
  header .menu_box .menu .menu_ul li.list_first {
    font-size: 5.607vw;
    padding-left: 5.14vw;
    margin-bottom: 3.738vw;
  }
}
header .menu_box .menu .menu_ul li.list_first::before {
  content: "";
  width: 1.042vw;
  height: 0.885vw;
  background-color: #00c77a;
  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_box .menu .menu_ul li.list_first::before {
    width: 2.804vw;
    height: 2.57vw;
  }
}
header .menu_box .menu .menu_ul li.list_first::after {
  display: none;
}
header .menu_box .menu .menu_ul li.area_list_box {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease-out;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
header .menu_box .menu .menu_ul li.area_list_box::before {
  display: none;
}
header .menu_box .menu .menu_ul li.area_list_box::after {
  display: none;
}
header .menu_box .menu .menu_ul li.area_list_box .area_list {
  min-height: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
header .menu_box .menu .menu_ul li.area_list_box .area_list::after {
  display: none;
}
header .menu_box .menu .menu_ul li.area_list_box .area_list li {
  font-size: 1.25vw;
  padding-left: 1.25vw;
  margin-bottom: 0.7vw;
  padding-bottom: 0;
}
header .menu_box .menu .menu_ul li.area_list_box .area_list li:last-of-type {
  margin-bottom: 1.667vw;
}
@media screen and (max-width: 1024px) {
  header .menu_box .menu .menu_ul li.area_list_box .area_list li {
    font-size: 4.206vw;
    padding-left: 7vw;
    margin-bottom: 3.738vw;
  }
  header .menu_box .menu .menu_ul li.area_list_box .area_list li:last-of-type {
    margin-bottom: 7.477vw;
  }
}
header .menu_box .menu .menu_ul li.area_list_box .area_list li::before {
  content: "・";
  color: #00c77a;
  background-color: transparent;
  clip-path: none;
  position: static;
}
header .menu_box .menu .menu_ul li.area_list_box .area_list li::after {
  display: none;
}
header .menu_box .menu .menu_ul li.area_list_box.is-open {
  grid-template-rows: 1fr;
}
header .menu_box .menu .menu_ul li.open a::before {
  background-image: url(../images/icon_status-open.svg);
}
header .menu_box .menu .menu_ul li.close a::before {
  background-image: url(../images/icon_status-close.svg);
}
header .menu_box .menu .menu_ul li.commingsoon::before {
  filter: brightness(0) invert(0.6);
}
header .menu_box .menu .menu_ul li.commingsoon a {
  pointer-events: none;
  padding-right: 7.448vw;
}
header .menu_box .menu .menu_ul li.commingsoon a::before {
  width: 6.615vw;
  height: 0.625vw;
  background-image: url(../images/icon_status-menu-comingsoon.webp);
}
@media screen and (min-width: 1024px) {
  header .menu_box .menu .menu_ul li.commingsoon a:hover {
    color: #00c77a;
  }
}
@media screen and (max-width: 1024px) {
  header .menu_box .menu .menu_ul li.commingsoon a {
    padding-right: 28.271vw;
  }
  header .menu_box .menu .menu_ul li.commingsoon a::before {
    width: 25.467vw;
    height: 2.57vw;
  }
}
header .menu_box .menu .share_box .share_box_inner {
  width: 84%;
  text-align: center;
  margin-bottom: 3.3vw;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 1024px) {
  header .menu_box .menu .share_box .share_box_inner {
    width: 100%;
    margin-bottom: 4.673vw;
    margin-bottom: 14.953vw;
  }
}
header .menu_box .menu .share_box .share_box_inner::before {
  content: "";
  width: 30vw;
  height: 1.042vw;
  background-image: url(../images/line_green-menu.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -2.083vw;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  header .menu_box .menu .share_box .share_box_inner::before {
    width: 88.785vw;
    height: 3.738vw;
    background-image: url(../images/line_green-menu-sp.webp);
    bottom: -10.1vw;
  }
}
header .menu_box .menu .share_box .share_box_inner p {
  font-size: 0.833vw;
}
@media screen and (max-width: 1024px) {
  header .menu_box .menu .share_box .share_box_inner p {
    font-size: 3.738vw;
  }
}
header .menu_box .menu .share_box .share_box_inner p.share_title {
  font-family: "industry", sans-serif;
  color: #00c77a;
  font-size: 1.458vw;
  margin-bottom: 0.417vw;
}
@media screen and (max-width: 1024px) {
  header .menu_box .menu .share_box .share_box_inner p.share_title {
    font-size: 6.542vw;
    margin-bottom: 1.869vw;
  }
}
header .menu_box .menu .share_box .share_box_inner .share_link_btn {
  display: block;
  width: 19.167vw;
  height: 3.958vw;
  padding: 0.052vw;
  margin: 0 auto;
  margin-top: 1.25vw;
  background-color: #00c77a;
  clip-path: polygon(10% 0%, 100% 0, 100% 70%, 90% 100%, 0 100%, 0% 30%);
}
header .menu_box .menu .share_box .share_box_inner .share_link_btn .link_box_inner {
  color: #000000;
  width: 100%;
  height: 100%;
  clip-path: polygon(10% 0%, 100% 0, 100% 70%, 90% 100%, 0 100%, 0% 30%);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 0;
  transition: all 0.5s;
}
header .menu_box .menu .share_box .share_box_inner .share_link_btn .link_box_inner::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #000000;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (min-width: 1024px) {
  header .menu_box .menu .share_box .share_box_inner .share_link_btn:hover .link_box_inner {
    color: #ffffff;
  }
  header .menu_box .menu .share_box .share_box_inner .share_link_btn:hover .link_box_inner::before {
    transform-origin: left;
    transform: scaleX(1);
  }
}
@media screen and (max-width: 1024px) {
  header .menu_box .menu .share_box .share_box_inner .share_link_btn {
    width: 74.766vw;
    height: 14.953vw;
    padding: 0;
    margin-top: 5.61vw;
  }
  header .menu_box .menu .share_box .share_box_inner .share_link_btn .link_box_inner {
    font-size: 4.206vw;
  }
}
header .menu_box .menu .other_link {
  margin-left: 2.813vw;
}
@media screen and (max-width: 1024px) {
  header .menu_box .menu .other_link {
    width: 85%;
    margin: 0 auto;
  }
}
header .menu_box .menu .x_box_link {
  width: 19.167vw;
  height: 3.958vw;
  font-size: 0.938vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000000;
  border: 1px solid #00c77a;
  margin-bottom: 0.521vw;
  transition: all 0.4s;
  margin-bottom: 0.833vw;
}
header .menu_box .menu .x_box_link span {
  padding-left: 2.083vw;
  position: relative;
  z-index: 0;
}
header .menu_box .menu .x_box_link span::before {
  content: "";
  width: 1.25vw;
  height: 1.302vw;
  background-image: url(../images/icon_x.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_box .menu .x_box_link {
    width: 74.766vw;
    height: 16.355vw;
    margin: 0 auto;
    margin-bottom: 3.738vw;
    font-size: 3.738vw;
  }
  header .menu_box .menu .x_box_link span {
    padding-left: 9.346vw;
  }
  header .menu_box .menu .x_box_link span::before {
    width: 5.607vw;
    height: 5.841vw;
  }
}
@media screen and (min-width: 1024px) {
  header .menu_box .menu .x_box_link:hover {
    background-color: #343434;
  }
}
header .menu_box .menu .nikke_link_ul {
  font-size: 1.042vw;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  header .menu_box .menu .nikke_link_ul {
    font-size: 3.738vw;
  }
}
header .menu_box .menu .nikke_link_ul li {
  position: relative;
  padding-left: 2.292vw;
  margin-bottom: 0.833vw;
}
@media screen and (max-width: 1024px) {
  header .menu_box .menu .nikke_link_ul li {
    padding-left: 7.944vw;
    margin-bottom: 2.336vw;
  }
}
header .menu_box .menu .nikke_link_ul li:last-of-type {
  margin-bottom: 0;
}
header .menu_box .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_box .menu .nikke_link_ul li::before {
    width: 5.607vw;
    height: 5.607vw;
  }
}
header .menu_box .menu .nikke_link_ul li a {
  display: block;
  transition: all 0.4s;
}
@media screen and (min-width: 1024px) {
  header .menu_box .menu .nikke_link_ul li a:hover {
    color: #00c77a;
  }
}

main {
  position: relative;
  z-index: 0;
}
main h3 {
  font-size: 5.417vw;
  position: relative;
  display: flex;
  align-items: baseline;
}
@media screen and (max-width: 1024px) {
  main h3 {
    font-size: 12.15vw;
  }
}
main h3 span {
  font-family: "abolition", sans-serif;
  font-weight: 400;
  position: relative;
  padding-left: 2.5vw;
  margin-right: 1.667vw;
}
main h3 span::before {
  content: "";
  width: 0.833vw;
  height: 4.688vw;
  background-color: #00c77a;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  main h3 span {
    padding-left: 4.673vw;
    margin-right: 2.804vw;
  }
  main h3 span::before {
    width: 1.869vw;
    height: 10.28vw;
  }
}
main h3 .ja {
  display: inline-block;
  font-size: 1.667vw;
  letter-spacing: 0.05em;
  line-height: 1;
  padding-right: 5.104vw;
  position: relative;
  z-index: 0;
}
main h3 .ja::after {
  content: "";
  width: 4.063vw;
  height: 1.198vw;
  background-image: url(../images/icon_sche_arrows.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 1024px) {
  main h3 .ja {
    font-size: 4.206vw;
    padding-right: 10.981vw;
  }
  main h3 .ja::after {
    width: 9.112vw;
    height: 2.804vw;
  }
}
main #mv {
  height: 48.802vw;
  background: url(../images/mv_bg.webp) no-repeat #000000 center top/cover;
  position: relative;
}
main #mv::before {
  content: "";
  width: 100%;
  height: 0.156vw;
  background-color: #00c77a;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
  filter: drop-shadow(0px 0px 6px rgb(88, 231, 186));
}
@media screen and (max-width: 1024px) {
  main #mv {
    overflow: hidden;
    height: 100vh;
    max-height: 186.916vw;
    background: url(../images/mv_bg-sp.webp) no-repeat #000000 center top/cover;
  }
  main #mv::before {
    height: 0.701vw;
  }
}
main #mv.active .mv_img .mv_swiper_inner::after {
  clip-path: inset(0);
  transition-delay: 2s;
}
main #mv.active .mv_img .mv_swiper_inner .mv_slider-chara {
  opacity: 1;
  transform: scale(1);
  transition-delay: 2.7s;
}
main #mv .mv_img {
  width: 64%;
  position: relative;
  z-index: 2;
  clip-path: polygon(0 0, 100% 0, 86% 100%, 0% 100%);
}
@media screen and (max-width: 1024px) {
  main #mv .mv_img {
    width: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}
main #mv .mv_img .mv_swiper_inner {
  position: relative;
  z-index: 0;
}
main #mv .mv_img .mv_swiper_inner::after {
  content: "";
  width: 58.646vw;
  height: 48.802vw;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0.6vw;
  z-index: -1;
  clip-path: inset(0 0 100% 0);
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media screen and (max-width: 1024px) {
  main #mv .mv_img .mv_swiper_inner::after {
    width: 100%;
    height: 144.159vw;
    right: 0;
    clip-path: inset(0 0 0 100%);
  }
}
main #mv .mv_img .mv_swiper_inner .mv_slider-chara {
  opacity: 0;
  transform: scale(1.02);
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
main #mv .mv_img .mv_swiper_inner.tokyo::after {
  background-image: url(../images/tokyo/kv_img_back.webp);
}
main #mv .mv_img .mv_swiper_inner.tokyo .mv_slider-chara {
  width: 63.385vw;
}
@media screen and (max-width: 1024px) {
  main #mv .mv_img .mv_swiper_inner.tokyo::after {
    background-image: url(../images/tokyo/kv_img_back-sp.webp);
  }
  main #mv .mv_img .mv_swiper_inner.tokyo .mv_slider-chara {
    width: 100%;
  }
}
main #mv .mv_img.hide-cursor {
  cursor: none;
}
main #mv .mv_img.hide-cursor a {
  cursor: none;
}
main #mv .mv_info {
  width: 32%;
  position: absolute;
  top: 4.896vw;
  right: 3.75vw;
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info {
    width: 100%;
    position: absolute;
    top: 74.766vw;
    left: 3.271vw;
    z-index: 2;
  }
}
main #mv .mv_info h1 {
  width: 32.76vw;
  position: relative;
}
main #mv .mv_info h1::after {
  content: "";
  width: 97%;
  height: 1.042vw;
  background-image: url(../images/line_green-titlet.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -0.5vw;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info h1 {
    width: 93.458vw;
  }
  main #mv .mv_info h1::after {
    width: 97%;
    height: 3.037vw;
    filter: drop-shadow(0px 0px 6px rgb(0, 0, 0)) drop-shadow(0px 0px 6px rgb(0, 0, 0));
  }
}
main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner {
  color: #ffffff;
}
main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner h2 {
  font-size: 7.813vw;
  font-weight: 900;
  padding-right: 0;
  margin-bottom: 0.521vw;
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;
  text-shadow: 0px 0px 10px rgb(88, 231, 186);
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner h2 {
    font-size: 20.561vw;
    margin-bottom: 3.271vw;
  }
}
main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner h2::before {
  content: "";
  width: 8.125vw;
  height: 5.521vw;
  background-image: url(../images/icon_status-next.webp?20261021);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 58%;
  right: 1.5vw;
  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: 19.86vw;
    height: 13.551vw;
    right: 24vw;
  }
}
main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner h2 span {
  writing-mode: vertical-rl;
  font-size: 3.75vw;
  letter-spacing: -0.4vw;
  margin-left: 0.417vw;
  margin-top: 0.5vw;
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner h2 span {
    font-size: 9.112vw;
    letter-spacing: -1.1vw;
    margin-left: 1.168vw;
    margin-top: 2.336vw;
  }
}
main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner h2.active::before {
  animation: 2s linear 0s infinite normal none running flicker;
}
main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner .title_sche {
  font-family: "industry", sans-serif;
  font-size: 1.667vw;
  color: #00c77a;
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner .title_sche {
    font-size: 4.206vw;
    text-shadow: 0px 0px 6px rgb(0, 0, 0);
  }
}
main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner .date {
  font-family: "industry", sans-serif;
  font-size: 2.708vw;
  text-shadow: 0px 0px 6px rgb(0, 0, 0);
  margin-bottom: 2.917vw;
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner .date {
    font-size: 7.477vw;
    margin-bottom: 5.607vw;
  }
}
main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner .date small {
  font-size: 1.875vw;
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner .date small {
    font-size: 5.14vw;
  }
}
main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner .link_box {
  display: block;
  width: 15vw;
  height: 3.958vw;
  padding: 0.052vw;
  background-color: #00c77a;
  clip-path: polygon(10% 0%, 100% 0, 100% 70%, 90% 100%, 0 100%, 0% 30%);
}
main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner .link_box .link_box_inner {
  width: 100%;
  height: 100%;
  clip-path: polygon(10% 0%, 100% 0, 100% 70%, 90% 100%, 0 100%, 0% 30%);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 0;
}
main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner .link_box .link_box_inner::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #000000;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner .link_box .link_box_inner span {
  font-family: "industry", sans-serif;
  color: #000000;
  padding-left: 2.917vw;
  position: relative;
  z-index: 0;
  transition: all 0.4s;
}
main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner .link_box .link_box_inner span::before {
  content: "";
  width: 2.083vw;
  height: 2.083vw;
  background-image: url(../images/icon_viewmore.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: all 0.5s;
  filter: brightness(0);
}
@media screen and (min-width: 1024px) {
  main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner .link_box:hover .link_box_inner::before {
    transform-origin: left;
    transform: scaleX(1);
  }
  main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner .link_box:hover .link_box_inner span {
    color: #ffffff;
  }
  main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner .link_box:hover .link_box_inner span::before {
    filter: brightness(0) invert(1);
  }
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner .link_box {
    width: 56.075vw;
    height: 14.953vw;
    padding: 0;
  }
  main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner .link_box .link_box_inner span {
    font-size: 4.439vw;
    padding-left: 12.15vw;
  }
  main #mv .mv_info .mv_info_slider .mv_info_swiper .mv_info_swiper_inner .link_box .link_box_inner span::before {
    width: 8.411vw;
    height: 8.411vw;
  }
}
main #mv .mv_info .mv_info_slider {
  /* 矢印カスタマイズ */
}
main #mv .mv_info .mv_info_slider .swiper-button-prev,
main #mv .mv_info .mv_info_slider .swiper-button-next {
  height: 2.708vw;
  width: 3.385vw;
  top: auto;
  bottom: -9vw;
  opacity: 1;
  transition: all 0.4s;
  background: url(../images/slider_arrows_bg.svg) no-repeat center center/contain;
}
main #mv .mv_info .mv_info_slider .swiper-button-prev::after,
main #mv .mv_info .mv_info_slider .swiper-button-next::after {
  content: "";
  width: 1.302vw;
  height: 1.615vw;
  background-image: url(../images/icon_slider_arrows.svg);
  background-repeat: no-repeat;
  background-size: contain;
  margin: auto;
}
main #mv .mv_info .mv_info_slider .swiper-button-prev::before,
main #mv .mv_info .mv_info_slider .swiper-button-next::before {
  content: "";
  width: inherit;
  height: inherit;
  background-image: url(../images/slider_arrows_bg-hover.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: -1;
  transition: all 0.4s;
}
@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: 9.112vw;
    width: 11.215vw;
    bottom: -14vw;
  }
  main #mv .mv_info .mv_info_slider .swiper-button-prev::after,
  main #mv .mv_info .mv_info_slider .swiper-button-next::after {
    width: 4.439vw;
    height: 5.374vw;
  }
}
main #mv .mv_info .mv_info_slider .swiper-button-prev {
  left: -21%;
}
@media screen and (min-width: 1024px) {
  main #mv .mv_info .mv_info_slider .swiper-button-prev:hover::before {
    opacity: 1;
  }
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info .mv_info_slider .swiper-button-prev {
    left: 0%;
  }
}
main #mv .mv_info .mv_info_slider .swiper-button-next {
  right: auto;
  left: -9%;
}
main #mv .mv_info .mv_info_slider .swiper-button-next::after {
  transform: scale(-1, -1);
}
@media screen and (min-width: 1024px) {
  main #mv .mv_info .mv_info_slider .swiper-button-next:hover::before {
    opacity: 1;
  }
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info .mv_info_slider .swiper-button-next {
    left: 12%;
  }
}
main #mv .mv_info .top_arrows {
  width: 6.302vw;
  height: 12.188vw;
  position: absolute;
  bottom: -9vw;
  right: 4.4vw;
  opacity: 1;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info .top_arrows {
    width: 18.925vw;
    height: 36.449vw;
    bottom: -16vw;
    right: 11vw;
  }
}
main #mv .mv_info .top_arrows .arrow::before {
  content: "";
  display: block;
  width: 100%;
  height: 5.26vw;
  background: url(../images/icon_mv_dec_arrow.svg) no-repeat;
  background-size: contain;
  opacity: 1;
}
@media screen and (max-width: 1024px) {
  main #mv .mv_info .top_arrows .arrow::before {
    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 {
  padding-top: 5.4vw;
  padding-bottom: 2vw;
  margin-bottom: 3.25vw;
  background: url(../images/about_bg.webp?20261007) no-repeat right -1vw top/97.7%;
}
@media screen and (max-width: 1024px) {
  main #about {
    padding-top: 19.159vw;
    padding-bottom: 9vw;
    margin-bottom: 10.514vw;
    background: url(../images/about_bg-sp.webp?20261002) no-repeat left top/100%;
  }
}
main #about .inner {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  main #about .inner {
    max-width: none;
  }
}
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: #00c77a;
}
@media screen and (max-width: 1024px) {
  main #about h2 {
    font-size: 6.542vw;
    font-weight: 700;
    line-height: 1.5;
    text-align: left;
    width: 76%;
    margin: 0 auto;
  }
}
main #about h2.active {
  opacity: 1;
  transform: translateY(0);
}
main #about .about_box {
  width: 86.042vw;
  margin-top: 5vw;
  margin-left: auto;
  margin-right: 0;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  main #about .about_box {
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    margin-top: 9.346vw;
    gap: 12.85vw;
  }
}
main #about .about_box .about_box_left {
  width: 35%;
  font-size: 1.354vw;
  line-height: 1.8;
  margin-right: -6vw;
  opacity: 0;
  transform: translateY(10%);
  transition: all 0.4s;
}
@media screen and (max-width: 1024px) {
  main #about .about_box .about_box_left {
    font-size: 3.738vw;
    width: 80%;
    margin-left: 11vw;
  }
}
main #about .about_box .about_box_left.active {
  opacity: 1;
  transform: translateY(0);
}
main #about .about_box .about_box_right {
  width: 65%;
  margin-top: 3.25vw;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 1024px) {
  main #about .about_box .about_box_right {
    width: 100%;
    padding-bottom: 10vw;
    margin-top: 0;
  }
}
main #about .about_box .about_box_right p {
  font-family: "industry", sans-serif;
  font-size: 1.354vw;
  font-weight: 500;
  color: #00c77a;
  position: absolute;
  bottom: 6.5vw;
  left: -12.5vw;
}
@media screen and (min-width: 1024px) {
  main #about .about_box .about_box_right p:hover {
    animation: tikatika-Menu 0.1s linear infinite;
  }
}
main #about .about_box .about_box_right p span {
  position: relative;
  z-index: 0;
  padding-right: 2.552vw;
}
main #about .about_box .about_box_right p span::after {
  content: "";
  width: 1.719vw;
  height: 1.25vw;
  background-image: url(../images/about_movie.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  main #about .about_box .about_box_right p {
    font-size: 3.738vw;
    bottom: 2vw;
    left: auto;
    right: 3.738vw;
  }
  main #about .about_box .about_box_right p span {
    padding-right: 5.374vw;
  }
  main #about .about_box .about_box_right p span::after {
    width: 4.673vw;
    height: 3.505vw;
  }
}
main #about .about_box .about_box_right .about_movie {
  background-color: #00c77a;
  clip-path: polygon(10% 0%, 100% 0, 90% 100%, 0% 100%);
  width: 69.948vw;
  height: 36.875vw;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
main #about .about_box .about_box_right .about_movie::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 46%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media screen and (min-width: 767px) {
  main #about .about_box .about_box_right .about_movie:hover .movie_btn::before {
    animation: 3s linear 0s infinite normal none running Rotation-Cursor;
  }
}
@media screen and (max-width: 767px) {
  main #about .about_box .about_box_right .about_movie {
    width: 125.701vw;
    height: 66.355vw;
    margin-left: -6vw;
  }
  main #about .about_box .about_box_right .about_movie::before {
    top: 50%;
  }
}
main #about .about_box .about_box_right .about_movie .movie_btn {
  width: 8.542vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.6s;
  cursor: pointer;
  z-index: 10;
}
main #about .about_box .about_box_right .about_movie .movie_btn::before {
  content: "";
  width: 10.469vw;
  height: 10.469vw;
  background-image: url(../images/btn_play_out.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  main #about .about_box .about_box_right .about_movie .movie_btn {
    width: 17.056vw;
    left: 45%;
  }
  main #about .about_box .about_box_right .about_movie .movie_btn::before {
    width: 20.561vw;
    height: 20.561vw;
  }
}
main #about .about_box .about_box_right .video-bg iframe {
  display: block;
  position: absolute;
  top: 43%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 39vw;
}
@media screen and (max-width: 767px) {
  main #about .about_box .about_box_right .video-bg iframe {
    width: 170vw;
    height: 70vw;
  }
}
main #schedule .inner {
  max-width: 70.833vw;
}
@media screen and (max-width: 1024px) {
  main #schedule .inner {
    width: 100%;
    max-width: 91.822vw;
  }
}
main #schedule .schedule_ul {
  margin-top: 2.083vw;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul {
    width: 88.785vw;
    margin: 0 auto;
    margin-top: 7.477vw;
  }
}
main #schedule .schedule_ul .schedule_li {
  padding-bottom: 1.25vw;
  margin-bottom: 3.333vw;
  opacity: 0;
  transform: translateY(10%);
  transition: all 0.4s;
  position: relative;
  z-index: 0;
}
main #schedule .schedule_ul .schedule_li::before {
  content: "";
  width: 12.24vw;
  height: 14.688vw;
  background-image: url(../images/sche_dec.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
main #schedule .schedule_ul .schedule_li::after {
  content: "";
  width: 100%;
  height: 4.115vw;
  background-image: url(../images/sche_line.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li {
    margin-bottom: 13.084vw;
    padding-bottom: 17.523vw;
  }
  main #schedule .schedule_ul .schedule_li::before {
    width: 28.037vw;
    height: 33.879vw;
    top: 51vw;
  }
  main #schedule .schedule_ul .schedule_li::after {
    width: 100%;
    height: 9.813vw;
    background-image: url(../images/sche_line-sp.webp);
  }
}
@media screen and (min-width: 1024px) {
  main #schedule .schedule_ul .schedule_li a:hover .link_box::after {
    transform-origin: left;
    transform: scaleX(1);
  }
  main #schedule .schedule_ul .schedule_li a:hover .link_box span {
    color: #000000;
  }
  main #schedule .schedule_ul .schedule_li a:hover .link_box span::before {
    filter: brightness(0);
  }
}
main #schedule .schedule_ul .schedule_li.active {
  opacity: 1;
  transform: translateY(0);
}
main #schedule .schedule_ul .schedule_li.active .schedule_li_img .schedule_li_img_inner {
  transform: scale(1);
  transition-delay: 0.4s;
}
main #schedule .schedule_ul .schedule_li .shcedule_li_inner {
  justify-content: space-between;
  align-items: center;
  gap: 1.667vw;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .shcedule_li_inner {
    flex-direction: column;
    justify-content: flex-start;
    gap: 0.935vw;
  }
}
main #schedule .schedule_ul .schedule_li .schedule_li_img {
  width: 55%;
  padding: 0.833vw;
  background-image: url(../images/sche_frame.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: 1.869vw;
  }
}
main #schedule .schedule_ul .schedule_li .schedule_li_img .schedule_li_img_inner {
  position: relative;
  overflow: hidden;
  transform: scale(0);
  transition: all 0.4s;
}
main #schedule .schedule_ul .schedule_li .schefule_li_info {
  width: 43%;
  margin-bottom: 4vw;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .schefule_li_info {
    width: 100%;
    padding: 0 2.336vw;
    margin-bottom: 0;
  }
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .venue_name {
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin-bottom: 1.302vw;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .schefule_li_info .venue_name {
    margin-bottom: 3.271vw;
  }
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .venue_name h4 {
  font-size: 4.375vw;
  font-weight: 900;
  padding-left: 6.25vw;
  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: 13.084vw;
    padding-left: 21.729vw;
  }
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .venue_name h4::before {
  content: "";
  width: 5.417vw;
  height: 3.698vw;
  background-image: url(../images/icon_status-next.webp?20261021);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0.3vw;
  left: 0;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .schefule_li_info .venue_name h4::before {
    width: 18.224vw;
    height: 12.617vw;
  }
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .venue_name h4 span {
  font-size: 2.292vw;
  font-weight: 700;
  margin-left: 0.417vw;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .schefule_li_info .venue_name h4 span {
    font-size: 7.009vw;
    margin-left: 1.869vw;
  }
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .place_text {
  font-size: 1.25vw;
  padding-left: 1.875vw;
  margin-bottom: 1.563vw;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .schefule_li_info .place_text {
    font-size: 3.738vw;
    padding-left: 7.009vw;
  }
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .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 .place_text::before {
    width: 3.505vw;
    height: 5.607vw;
  }
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .date {
  font-family: "industry", sans-serif;
  font-size: 2.5vw;
  color: #00c77a;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .schefule_li_info .date {
    font-size: 7.477vw;
  }
}
main #schedule .schedule_ul .schedule_li .schefule_li_info .date small {
  font-size: 65%;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .schefule_li_info .date small {
    font-size: 69%;
  }
}
main #schedule .schedule_ul .schedule_li .link {
  width: 22.969vw;
  height: 3.542vw;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
}
main #schedule .schedule_ul .schedule_li .link::before {
  content: "";
  width: 6.927vw;
  height: 3.542vw;
  background-image: url(../images/sche_arrow.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: -7vw;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .link {
    width: 58.411vw;
    height: 11.916vw;
  }
  main #schedule .schedule_ul .schedule_li .link::before {
    content: "";
    width: 23.131vw;
    height: 11.916vw;
    left: -33vw;
  }
}
main #schedule .schedule_ul .schedule_li .link .link_box {
  width: inherit;
  padding: 1.198vw 0;
  text-align: center;
  margin-left: auto;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
  transition: all 0.3s;
  clip-path: polygon(17% 0%, 100% 0, 100% 100%, 0% 100%);
  overflow: hidden;
}
main #schedule .schedule_ul .schedule_li .link .link_box::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #00c77a;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .link .link_box {
    padding: 2.804vw 0 3.738vw;
  }
  main #schedule .schedule_ul .schedule_li .link .link_box::after {
    transform: translateX(0%);
  }
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .link .link_box.is-leaving::after {
    transform: translateX(0%);
  }
}
main #schedule .schedule_ul .schedule_li .link .link_box span {
  font-family: "industry", sans-serif;
  font-size: 1.354vw;
  color: #00c77a;
  padding-left: 2.917vw;
  position: relative;
  z-index: 0;
  transition: all 0.5s;
}
main #schedule .schedule_ul .schedule_li .link .link_box span::before {
  content: "";
  width: 2.083vw;
  height: 2.083vw;
  background-image: url(../images/icon_viewmore.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: all 0.3s;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li .link .link_box span {
    font-size: 3.738vw;
    color: #000000;
    padding-left: 10.748vw;
  }
  main #schedule .schedule_ul .schedule_li .link .link_box span::before {
    width: 7.009vw;
    height: 7.009vw;
    filter: brightness(0);
  }
}
main #schedule .schedule_ul .schedule_li.schedule_li_tokyo .schedule_li_img .schedule_li_img_inner {
  border: 1px solid #d0317f;
}
main #schedule .schedule_ul .schedule_li.schedule_li_open .schefule_li_info .venue_name h4::before {
  background-image: url(../images/icon_status-open.svg);
}
main #schedule .schedule_ul .schedule_li.schedule_li_close .schefule_li_info .venue_name h4::before {
  background-image: url(../images/icon_status-close.svg);
}
main #schedule .schedule_ul .schedule_li.schedule_li_lock .schefule_li_info .venue_name {
  margin-bottom: 1.563vw;
}
main #schedule .schedule_ul .schedule_li.schedule_li_lock .schefule_li_info .venue_name h4::before {
  background-image: url(../images/icon_status-comingsoon.webp);
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li.schedule_li_lock .schefule_li_info .venue_name {
    margin-bottom: 5.607vw;
  }
}
main #schedule .schedule_ul .schedule_li.schedule_li_lock .schefule_li_info .comingsoon_text {
  font-family: "industry", sans-serif;
  font-size: 1.667vw;
  letter-spacing: 0.16em;
  font-weight: 500;
  text-shadow: 0px 0px 6px rgb(88, 231, 186);
  margin-left: 2.7vw;
}
@media screen and (max-width: 1024px) {
  main #schedule .schedule_ul .schedule_li.schedule_li_lock .schefule_li_info .comingsoon_text {
    font-size: 5.607vw;
    text-align: center;
    margin-left: 0;
  }
}
main #online {
  padding-bottom: 4.896vw;
}
main #online .inner {
  max-width: 70.833vw;
}
main #online p {
  font-size: 1.25vw;
  line-height: 2;
  margin-top: 2.083vw;
}
main #online p a {
  color: #00c77a;
  text-decoration: underline;
  text-decoration-thickness: 0.052vw;
  text-underline-offset: 0.2vw;
  transition: all 0.4s;
}
@media screen and (min-width: 1024px) {
  main #online p a:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 1024px) {
  main #online {
    padding-bottom: 14.953vw;
  }
  main #online .inner {
    max-width: 88.785vw;
  }
  main #online p {
    font-size: 3.5vw;
    margin-top: 6.075vw;
  }
  main #online p a {
    text-underline-offset: 1.168vw;
  }
}
main .bg_deco_left {
  position: fixed;
  width: 1.042vw;
  height: 23.958vw;
  top: 13.438vw;
  left: 1.094vw;
  z-index: 1;
  opacity: 0.6;
}
@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/back_dec_left-01.webp);
  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.042vw;
  height: 17.552vw;
  top: 10.521vw;
  right: 1.25vw;
  z-index: 1;
  opacity: 0.6;
}
@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/back_dec_right-01.webp);
  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;
  mix-blend-mode: exclusion;
}
.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: absolute;
  top: 1.667vw;
  right: 3.802vw;
  width: 8.333vw;
  height: 7.813vw;
  z-index: 88;
}
@media screen and (max-width: 1024px) {
  .btn_top {
    width: 16.822vw;
    height: 15.888vw;
    top: -10.981vw;
    right: 3.738vw;
  }
}
.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 {
    opacity: 0.8;
  }
}
.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: 13.084vw;
    height: 13.084vw;
  }
}
.btn_top .btn_top_inner img {
  width: 3.906vw;
  transition: all 0.4s;
}
@media screen and (max-width: 1024px) {
  .btn_top .btn_top_inner img {
    width: 7.944vw;
    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: #000000;
  text-align: center;
  padding-top: 3.75vw;
  padding-bottom: 2.865vw;
  margin-bottom: -1.562vw;
  position: relative;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  footer #link {
    background-image: url(../images/footer_bg-sp.webp);
    font-size: 2.336vw;
    padding-top: 7.477vw;
    padding-bottom: 13.785vw;
    margin-bottom: -7.944vw;
  }
}
footer #link .link_ul {
  justify-content: center;
  gap: 0 1.667vw;
  margin-bottom: 1.25vw;
}
@media screen and (max-width: 1024px) {
  footer #link .link_ul {
    gap: 0 3.738vw;
    margin-bottom: 3.738vw;
  }
}
footer #link .link_ul li {
  width: 18.64%;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  footer #link .link_ul li {
    width: 39.01%;
  }
}
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.25vw;
  padding-bottom: 1.25vw;
  background-color: #000000;
}
footer .footer_black a {
  display: block;
  width: 8.33%;
  margin: 0 auto;
  margin-top: 1.25vw;
  transition: all 0.4s;
}
@media screen and (min-width: 1024px) {
  footer .footer_black a:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 1024px) {
  footer .footer_black {
    font-size: 2.336vw;
    padding-top: 2.336vw;
    padding-bottom: 2.336vw;
  }
  footer .footer_black a {
    margin-top: 2.336vw;
    width: 25%;
  }
}

.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: 1024px) {
  .schedule_li_img:hover .img {
    opacity: 1;
  }
  .schedule_li_img: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: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: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: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: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: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: 1024px) {
  .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);
    }
  }
}

.mfp-iframe-holder .mfp-content {
  max-width: 63.542vw;
}
@media screen and (max-width: 1024px) {
  .mfp-iframe-holder .mfp-content {
    max-width: 90%;
    min-height: auto;
  }
}

/*モーダル閉じるボタン*/
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  width: 4.792vw;
  height: 4.792vw;
  position: absolute;
  top: -3vw;
  right: -9vw;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .mfp-image-holder .mfp-close,
  .mfp-iframe-holder .mfp-close {
    width: 9.346vw;
    height: 9.346vw;
    top: -13vw;
    right: 0;
  }
}

.mfp-close_in {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0 auto;
}

.mfp-close_in span {
  display: block;
  height: 0.26vw;
  width: 5.521vw;
  background-color: #f7f7f7;
  opacity: 0.8;
  mix-blend-mode: exclusion;
}
@media screen and (max-width: 1024px) {
  .mfp-close_in span {
    height: 0.701vw;
    width: 9.346vw;
  }
}

.mfp-close_in span:nth-of-type(1) {
  transform: rotate(45deg);
  margin-top: 1.146vw;
}
@media screen and (max-width: 1024px) {
  .mfp-close_in span:nth-of-type(1) {
    margin-top: 3.271vw;
  }
}

.mfp-close_in span:nth-of-type(2) {
  transform: rotate(-45deg);
  margin-top: -0.2vw;
}
@media screen and (max-width: 1024px) {
  .mfp-close_in span:nth-of-type(2) {
    margin-top: -0.7vw;
  }
}

/*モーダルアニメーション*/
/*フェードインアウト*/
.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
  background-image: url(../images/modal_contents_back.png);
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.9;
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.3s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}/*# sourceMappingURL=style.css.map */