@charset "UTF-8";
/*==================================================*/
/* 前提css */
/*==================================================*/
a, article, blockquote, body, caption, dd, div, dl, dt, footer, h1, h2, h3, h4, h5, h6, header, html, iframe, img, li, nav, ol, p, pre, section, small, span, strong, table, td, th, tr, ul, figure {
  background: 0;
  border: 0;
  font-size: 100%;
  line-height: 1;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: bottom;
}

a, small, span, strong {
  vertical-align: baseline;
}

article, footer, header, nav, section {
  display: block;
}

li {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

address, th {
  font-style: normal;
}

:focus, a:focus {
  outline: 0;
}

br {
  letter-spacing: normal;
}

textarea {
  resize: none;
}

a {
  text-decoration: none;
}

main img {
  height: auto;
  width: 100%;
}

/*==================================================*/
/* レスポンシブ用css */
/*==================================================*/
.pc {
  display: none;
}
.pc.inline {
  display: inline;
}
.pc.flex {
  display: none;
}

.sp {
  display: block;
}
.sp.inline {
  display: block;
}
.sp.flex {
  display: flex;
}

@media (min-width: 701px) {
  .pc {
    display: block;
  }
  .pc.inline {
    display: block;
  }
  .pc.flex {
    display: block;
  }
  .sp {
    display: none;
  }
  .sp.inline {
    display: inline;
  }
  .sp.flex {
    display: none;
  }
}
* {
  color: #fff;
  font-family: "Noto Serif JP", serif;
}

.kr * {
  font-family: "Noto Serif KR", serif;
}

.sc * {
  font-family: "Noto Serif SC", serif;
}

.tc * {
  font-family: "Noto Serif SC", serif;
}

img {
  width: 100%;
}

@media (min-width: 701px) {
  a:hover {
    opacity: 0.6;
    transition: 0.3s all ease;
  }
}

.fade {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 1.2s ease-out, transform 1.2s ease-out;
  will-change: opacity, transform;
}

.fade.in-view {
  opacity: 1;
  transform: translateY(0);
}

.fade-in {
  animation: fadeInUp 2s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}

.delay1 {
  animation-delay: 0s;
}

.delay2 {
  animation-delay: 2s;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes bgFade {
  to {
    opacity: 1;
  }
}
.shadow {
  text-shadow: 0 0 5px #de13bc, 0 0 10px #de13bc, 0 0 15px #de13bc, 0 0 20px #de13bc;
}

header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: fixed;
  top: 0;
  z-index: 1041;
}

.arc_logo {
  visibility: hidden;
}

.language_wrap {
  width: 49.2154065621vw;
}
@media (min-width: 701px) {
  .language_wrap {
    width: 19.1507077435vw;
  }
}
@media (min-width: 1201px) {
  .language_wrap {
    width: 230px;
  }
}

.language_button {
  background-color: rgba(0, 0, 0, 0.9);
  padding: 4.5649072753vw 10.2710413695vw;
  box-sizing: border-box;
  letter-spacing: 0.1426533524vw;
  background-image: url(../image/arrow.png);
  background-repeat: no-repeat;
  background-position: 77% 50%;
  background-size: 8.2738944365vw;
  font-size: 3.7089871612vw;
  cursor: pointer;
}
@media (min-width: 701px) {
  .language_button {
    padding: 1.8318068276vw 4.0799333888vw;
  }
}
@media (min-width: 1201px) {
  .language_button {
    padding: 22px 49px;
  }
}
@media (min-width: 701px) {
  .language_button {
    letter-spacing: 0.1665278934vw;
  }
}
@media (min-width: 1201px) {
  .language_button {
    letter-spacing: 2px;
  }
}
@media (min-width: 701px) {
  .language_button {
    background-position: 78% 56%;
  }
}
@media (min-width: 1201px) {
  .language_button {
    background-position: 78% 56%;
  }
}
@media (min-width: 701px) {
  .language_button {
    background-size: 3.4138218152vw;
  }
}
@media (min-width: 1201px) {
  .language_button {
    background-size: 41px;
  }
}
@media (min-width: 701px) {
  .language_button {
    font-size: 1.3322231474vw;
  }
}
@media (min-width: 1201px) {
  .language_button {
    font-size: 16px;
  }
}

.language_button .gradient-text {
  background-image: linear-gradient(to bottom, #ffffff, #de13bc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-weight: 700;
}

.language_link_wrap {
  background-color: #d413be;
  padding: 2.5677603424vw 3.7089871612vw;
  font-size: 3.4236804565vw;
  display: none;
  overflow: hidden;
}
@media (min-width: 701px) {
  .language_link_wrap {
    padding: 0.9991673605vw 1.4154870941vw;
  }
}
@media (min-width: 1201px) {
  .language_link_wrap {
    padding: 12px 17px;
  }
}
@media (min-width: 701px) {
  .language_link_wrap {
    font-size: 1.3322231474vw;
  }
}
@media (min-width: 1201px) {
  .language_link_wrap {
    font-size: 16px;
  }
}
.language_link_wrap ul {
  display: flex;
  justify-content: space-between;
}

.language_link_wrap.show {
  display: block;
  opacity: 1;
}

.language_link a {
  color: #000;
  font-weight: 600;
}
.language_link a.current {
  color: #ffff46;
  pointer-events: none;
}
.language_link + .language_link {
  position: relative;
}
.language_link + .language_link::before {
  content: "/";
  position: absolute;
  color: #000;
  left: -3.1383737518vw;
}
@media (min-width: 701px) {
  .language_link + .language_link::before {
    left: -1.2489592007vw;
  }
}
@media (min-width: 1201px) {
  .language_link + .language_link::before {
    left: -15px;
  }
}

.main {
  background-color: #200623;
  background-image: url(../image/main_sp.jpg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
  position: relative;
  overflow: hidden;
  padding-top: 75.8915834522vw;
}
@media (min-width: 701px) {
  .main {
    padding-top: 44.2964196503vw;
  }
}
@media (min-width: 1201px) {
  .main {
    padding-top: 532px;
  }
}
@media (min-width: 701px) {
  .main {
    background-image: url(../image/main.jpg);
  }
}

.kr .main,
.sc .main,
.tc .main {
  padding-top: 73.0385164051vw;
}
@media (min-width: 701px) {
  .kr .main,
  .sc .main,
  .tc .main {
    padding-top: 42.6311407161vw;
  }
}
@media (min-width: 1201px) {
  .kr .main,
  .sc .main,
  .tc .main {
    padding-top: 512px;
  }
}

.en .main {
  padding-top: 67.1897289586vw;
}
@media (min-width: 701px) {
  .en .main {
    padding-top: 39.2173189009vw;
  }
}
@media (min-width: 1201px) {
  .en .main {
    padding-top: 471px;
  }
}

/* フェード用の黒カバー */
.fade_cover {
  position: absolute;
  inset: 0;
  background-color: #0d010b;
  z-index: 2;
  animation: fadeOutCover 2.5s ease-out forwards;
  pointer-events: none;
}

/* ロゴは前面に出す */
.logo {
  position: relative;
}

/* アニメーション */
@keyframes fadeOutCover {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.logo {
  width: 57.0613409415vw;
  margin: 0 auto;
  opacity: 0;
}
@media (min-width: 701px) {
  .logo {
    width: 33.3055786844vw;
  }
}
@media (min-width: 1201px) {
  .logo {
    width: 400px;
  }
}

.release {
  width: 73.3238231098vw;
  margin: -0.5706134094vw auto;
}
@media (min-width: 701px) {
  .release {
    width: 42.7976686095vw;
  }
}
@media (min-width: 1201px) {
  .release {
    width: 514px;
  }
}
@media (min-width: 701px) {
  .release {
    margin: -0.3330557868vw auto;
  }
}
@media (min-width: 1201px) {
  .release {
    margin: -4px auto;
  }
}

.game_copy {
  opacity: 0;
  border-bottom: 1px solid #d413be;
  text-align: center;
  padding-bottom: 1.997146933vw;
  font-size: 3.9942938659vw;
  width: 77.032810271vw;
  margin: 3.7089871612vw auto 0vw;
  line-height: 143%;
}
@media (min-width: 701px) {
  .game_copy {
    padding-bottom: 1.165695254vw;
  }
}
@media (min-width: 1201px) {
  .game_copy {
    padding-bottom: 14px;
  }
}
@media (min-width: 701px) {
  .game_copy {
    font-size: 2.3313905079vw;
  }
}
@media (min-width: 1201px) {
  .game_copy {
    font-size: 28px;
  }
}
@media (min-width: 701px) {
  .game_copy {
    width: 59.950041632vw;
  }
}
@media (min-width: 1201px) {
  .game_copy {
    width: 720px;
  }
}
@media (min-width: 701px) {
  .game_copy {
    margin: 2.1648626145vw auto 0vw;
  }
}
@media (min-width: 1201px) {
  .game_copy {
    margin: 26px auto 0px;
  }
}

.company {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 9.9857346648vw;
  padding-bottom: 4.2796005706vw;
}
@media (min-width: 701px) {
  .company {
    margin-top: 4.0799333888vw;
  }
}
@media (min-width: 1201px) {
  .company {
    margin-top: 49px;
  }
}
@media (min-width: 701px) {
  .company {
    padding-bottom: 2.4979184013vw;
  }
}
@media (min-width: 1201px) {
  .company {
    padding-bottom: 30px;
  }
}
.company .company_link a {
  display: block;
}
.company .company_link + .company_link {
  margin-left: 3.9942938659vw;
}
@media (min-width: 701px) {
  .company .company_link + .company_link {
    margin-left: 2.3313905079vw;
  }
}
@media (min-width: 1201px) {
  .company .company_link + .company_link {
    margin-left: 28px;
  }
}
.company .drecom {
  display: flex;
}
.company .drecom a {
  width: 28.5306704708vw;
}
@media (min-width: 701px) {
  .company .drecom a {
    width: 16.6527893422vw;
  }
}
@media (min-width: 1201px) {
  .company .drecom a {
    width: 200px;
  }
}
.company .arc a {
  width: 6.847360913vw;
}
@media (min-width: 701px) {
  .company .arc a {
    width: 3.9966694421vw;
  }
}
@media (min-width: 1201px) {
  .company .arc a {
    width: 48px;
  }
}

footer {
  background-color: #621a7a;
  padding: 1.8544935806vw;
}
@media (min-width: 701px) {
  footer {
    padding: 1.0824313072vw;
  }
}
@media (min-width: 1201px) {
  footer {
    padding: 13px;
  }
}

.copyright {
  text-align: center;
  font-size: 1.7118402282vw;
}
@media (min-width: 701px) {
  .copyright {
    font-size: 0.9991673605vw;
  }
}
@media (min-width: 1201px) {
  .copyright {
    font-size: 12px;
  }
}

.content_wrap {
  display: flex;
  justify-content: center;
  width: 99.8573466476vw;
  margin: 5.7061340942vw auto 0vw;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 701px) {
  .content_wrap {
    width: 87.2606161532vw;
  }
}
@media (min-width: 1201px) {
  .content_wrap {
    width: 1048px;
  }
}
@media (min-width: 701px) {
  .content_wrap {
    margin: 2.7477102415vw auto 0vw;
  }
}
@media (min-width: 1201px) {
  .content_wrap {
    margin: 33px auto 0px;
  }
}
@media (min-width: 701px) {
  .content_wrap {
    flex-direction: row;
    justify-content: space-between;
  }
}

.staff {
  width: 71.3266761769vw;
  height: 49.5007132668vw;
  background-image: url(../image/waku_bg01.png);
  background-position: top;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 11.1269614836vw 0vw;
  box-sizing: border-box;
  margin-left: 0;
}
@media (min-width: 701px) {
  .staff {
    width: 38.4679433805vw;
  }
}
@media (min-width: 1201px) {
  .staff {
    width: 462px;
  }
}
@media (min-width: 701px) {
  .staff {
    height: 24.8959200666vw;
  }
}
@media (min-width: 1201px) {
  .staff {
    height: 299px;
  }
}
@media (min-width: 701px) {
  .staff {
    padding: 6.0782681099vw 0vw;
  }
}
@media (min-width: 1201px) {
  .staff {
    padding: 73px 0px;
  }
}
@media (min-width: 701px) {
  .staff {
    margin-left: 2.9957203994vw;
  }
}
@media (min-width: 701px) and (min-width: 701px) {
  .staff {
    margin-left: 1.7485428809vw;
  }
}
@media (min-width: 701px) and (min-width: 1201px) {
  .staff {
    margin-left: 21px;
  }
}
.staff h5 {
  text-align: center;
  font-size: 3.1383737518vw;
  margin-bottom: 1.997146933vw;
}
@media (min-width: 701px) {
  .staff h5 {
    font-size: 1.6652789342vw;
  }
}
@media (min-width: 1201px) {
  .staff h5 {
    font-size: 20px;
  }
}
@media (min-width: 701px) {
  .staff h5 {
    margin-bottom: 1.165695254vw;
  }
}
@media (min-width: 1201px) {
  .staff h5 {
    margin-bottom: 14px;
  }
}
.staff dl {
  display: flex;
  width: 55.9201141227vw;
  margin: 0 auto;
  margin-bottom: 0.4279600571vw;
  font-size: 3.1383737518vw;
  line-height: 135%;
}
@media (min-width: 701px) {
  .staff dl {
    width: 29.6419650291vw;
  }
}
@media (min-width: 1201px) {
  .staff dl {
    width: 356px;
  }
}
@media (min-width: 701px) {
  .staff dl {
    margin-bottom: 0.2497918401vw;
  }
}
@media (min-width: 1201px) {
  .staff dl {
    margin-bottom: 3px;
  }
}
@media (min-width: 701px) {
  .staff dl {
    font-size: 1.6652789342vw;
  }
}
@media (min-width: 1201px) {
  .staff dl {
    font-size: 20px;
  }
}
.staff dl dt {
  width: 31.5263908702vw;
  line-height: 142%;
  margin-right: 3.5663338088vw;
}
@media (min-width: 701px) {
  .staff dl dt {
    width: 16.6527893422vw;
  }
}
@media (min-width: 1201px) {
  .staff dl dt {
    width: 200px;
  }
}
@media (min-width: 701px) {
  .staff dl dt {
    margin-right: 2.0815986678vw;
  }
}
@media (min-width: 1201px) {
  .staff dl dt {
    margin-right: 25px;
  }
}

.en .staff {
  padding: 7.4179743224vw 0vw;
}
@media (min-width: 701px) {
  .en .staff {
    padding: 3.4138218152vw 0vw;
  }
}
@media (min-width: 1201px) {
  .en .staff {
    padding: 41px 0px;
  }
}
.en .staff dl {
  align-items: center;
  margin-bottom: 1.4265335235vw;
}
@media (min-width: 701px) {
  .en .staff dl {
    margin-bottom: 0.8326394671vw;
  }
}
@media (min-width: 1201px) {
  .en .staff dl {
    margin-bottom: 10px;
  }
}
.en .staff dt {
  width: 21.3980028531vw;
}
@media (min-width: 701px) {
  .en .staff dt {
    width: 12.4895920067vw;
  }
}
@media (min-width: 1201px) {
  .en .staff dt {
    width: 150px;
  }
}

.kr .staff dl {
  width: 58.059914408vw;
}
@media (min-width: 701px) {
  .kr .staff dl {
    width: 30.3913405495vw;
  }
}
@media (min-width: 1201px) {
  .kr .staff dl {
    width: 365px;
  }
}
.kr .staff dt {
  width: 24.2510699001vw;
}
@media (min-width: 701px) {
  .kr .staff dt {
    width: 11.9067443797vw;
  }
}
@media (min-width: 1201px) {
  .kr .staff dt {
    width: 143px;
  }
}

.youtube_link {
  display: block;
  width: 77.032810271vw;
  height: 48.9300998573vw;
  background-image: url(../image/waku_bg02.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 1.4265335235vw;
}
@media (min-width: 701px) {
  .youtube_link {
    width: 44.8792672773vw;
  }
}
@media (min-width: 1201px) {
  .youtube_link {
    width: 539px;
  }
}
@media (min-width: 701px) {
  .youtube_link {
    height: 26.3946711074vw;
  }
}
@media (min-width: 1201px) {
  .youtube_link {
    height: 317px;
  }
}
@media (min-width: 701px) {
  .youtube_link {
    margin-top: 0vw;
  }
}
@media (min-width: 1201px) {
  .youtube_link {
    margin-top: 0px;
  }
}

/* フェード効果用 */
.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8; /* 背景の透明度 */
}

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

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transform: scale(1.05);
  transition: all 0.3s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
  transform: scale(1);
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
  transform: scale(0.95);
}

.mfp-iframe-holder .mfp-content {
  max-width: 1140px;
}/*# sourceMappingURL=style.css.map */