@charset "UTF-8";
/*
* XG用の共通スタイリング
*/


nav {
  background: linear-gradient(180deg, #000000E6 0%, #15151599 45%, #24242433 79%, #54545400 100%);
}
body {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-color: #242424;
}
body.toppage {
  animation: fadeOut 0.1s forwards;
}
/*@keyframes  fadeOut {
  0% {
  background-image: transparent;
  }
  100% {
  background-image: url("/static/front/img/XG_LP_SP.png");
  }
}
@media  only screen and (min-width: 768px) {
  @keyframes  fadeOut {
  0% {
      background-image: transparent;
  }
  100% {
      background-image: url("/static/front/img/XG_LP_PC.png");
  }
  }
}*/
.top-page-error {
  background-color: rgba(249,214,213,0.8);
  border: none;
  position: absolute;
  top: 100px;
  left: 0px;
  width: 100vw;
}
.top-page-success {
  background-color: rgba(199, 233, 216,0.8);
  border: none;
  position: absolute;
  top: 100px;
  left: 0px;
  width: 100vw;
}

body.toppage.is-active .navbar,
body.toppage.is-active .footer,
body.toppage.is-active .top-contents {
  opacity: 1;
}
#lang-code-select {
  background-color: transparent!important;
}
#lang-code-select li {
  background-color: transparent!important;
}
#app {
  background-color: rgba(0,0,0,0.12);
  height: 100vh;
}

.top-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

.pasch-main {
  max-width: initial !important;
  display: initial;
  flex-direction: initial;
  align-items: initial;
  justify-content: initial;
  height: calc(100vh - 100px);
}
div.fc-top .top-contents {
  margin: 0 auto 0px auto;
}
div.fc-top {
  display: flex;
  align-items: center;
}
/* ヘッダーの大きさ */
/* sp時 65px*/
/* pc時 100px*/
.top-contents.web-part-top-contents {
  margin: 0 auto 70px auto;
}