@charset "UTF-8"; /*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
*,
::after,
::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
}
main {
  display: block;
}
address,
blockquote,
dl,
figure,
form,
iframe,
p,
pre,
table {
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}
ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
dt {
  font-weight: 700;
}
dd {
  margin-left: 0;
}
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}
pre {
  font-family: monospace, monospace;
  font-size: inherit;
}
address {
  font-style: inherit;
}
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: inherit;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
embed,
iframe,
img,
object {
  vertical-align: bottom;
}
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: 0 0;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}
[type="checkbox"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
}
[type="radio"] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
[type="button"][disabled],
[type="reset"][disabled],
[type="submit"][disabled],
button[disabled] {
  cursor: default;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
select::-ms-expand {
  display: none;
}
option {
  padding: 0;
}
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}
legend {
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
label[for] {
  cursor: pointer;
}
details {
  display: block;
}
summary {
  display: list-item;
}
[contenteditable] {
  outline: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption {
  text-align: left;
}
td,
th {
  vertical-align: top;
  padding: 0;
}
th {
  text-align: left;
  font-weight: 700;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
@-webkit-keyframes text-cicle-loop {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes text-cicle-loop {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes target {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0);
  }
  3.125% {
    -webkit-transform: translate(-50%, -50%) rotate(10deg);
    transform: translate(-50%, -50%) rotate(10deg);
  }
  6.25% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0);
  }
  9.375% {
    -webkit-transform: translate(-50%, -50%) rotate(-10deg);
    transform: translate(-50%, -50%) rotate(-10deg);
  }
  12.5% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0);
  }
}
@keyframes target {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0);
  }
  3.125% {
    -webkit-transform: translate(-50%, -50%) rotate(10deg);
    transform: translate(-50%, -50%) rotate(10deg);
  }
  6.25% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0);
  }
  9.375% {
    -webkit-transform: translate(-50%, -50%) rotate(-10deg);
    transform: translate(-50%, -50%) rotate(-10deg);
  }
  12.5% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0);
  }
}
html {
  font-size: 62.5%;
  overflow-y: scroll;
}
body {
  font-family: "Noto Sans JP", Hiragino Kaku Gothic ProN,
    Hiragino Kaku Gothic Pro, "ＭＳ ゴシック", "メイリオ", Meiryo,
    "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, Osaka, "ＭＳ Ｐゴシック",
    MS PGothic, sans-serif;
  -webkit-font-smoothing: antialiased;
  word-wrap: break-word;
  overflow-wrap: break-word;
  overflow-x: hidden;
  background: #0d1e41;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  color: #fff;
}
@media print, screen and (min-width: 769px) and (max-width: 1300px) {
  body {
    overflow-x: scroll;
    min-width: 1300px;
  }
}
@media print, screen and (max-width: 768px) {
  body {
    -webkit-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  body::-webkit-scrollbar {
    display: none;
  }
}
.preload * {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-transition-delay: unset !important;
  transition-delay: unset !important;
}
.resizing *,
.resizing *::after,
.resizing *::before {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-transition-delay: unset !important;
  transition-delay: unset !important;
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  zoom: 1;
}
img {
  image-rendering: -webkit-optimize-contrast;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -o-object-fit: contain;
  object-fit: contain;
  max-width: 100%;
  height: auto;
}
img:not(.news-Article .article-Body img) {
  width: 100%;
  height: 100%;
}
_::-webkit-full-page-media,
_:future,
:root img {
  image-rendering: auto !important;
}
a {
  text-decoration: none;
}
.pc_b {
  display: block !important;
}
@media print, screen and (max-width: 768px) {
  .pc_b {
    display: none !important;
  }
}
.pc_i {
  display: inline !important;
}
@media print, screen and (max-width: 768px) {
  .pc_i {
    display: none !important;
  }
}
.pc_ib {
  display: inline-block !important;
}
@media print, screen and (max-width: 768px) {
  .pc_ib {
    display: none !important;
  }
}
.pc_f {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
}
@media print, screen and (max-width: 768px) {
  .pc_f {
    display: none !important;
  }
}
.sp_b {
  display: none !important;
}
@media print, screen and (max-width: 768px) {
  .sp_b {
    display: block !important;
  }
}
.sp_i {
  display: none !important;
}
@media print, screen and (max-width: 768px) {
  .sp_i {
    display: inline !important;
  }
}
.sp_ib {
  display: none !important;
}
@media print, screen and (max-width: 768px) {
  .sp_ib {
    display: inline-block !important;
  }
}
.sp_f {
  display: none !important;
}
@media print, screen and (max-width: 768px) {
  .sp_f {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
}
.st-Wrapper {
  position: relative;
  overflow: hidden;
}
.st-Wrapper::before {
  content: "";
  display: block;
  position: fixed;
  z-index: 1;
  background: url(/wp-content/themes/macross-si_v1/assets/images/pc/bg_main.jpg) no-repeat top center/cover;
  width: 100vw;
  height: 100vh;
}
.st-Wrapper .deco-Space {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.st-Wrapper .deco-Space::after,
.st-Wrapper .deco-Space::before {
  content: "";
  position: absolute;
  display: block;
}
.st-Wrapper .deco-Space:nth-of-type(1)::before {
  background: -webkit-radial-gradient(
    50% 50%,
    49.97% 49.97%,
    #fff100 0.6%,
    rgba(255, 241, 0, 0.797) 11.6%,
    rgba(255, 241, 0, 0.588) 24.4%,
    rgba(255, 241, 0, 0.408) 37.3%,
    rgba(255, 241, 0, 0.261) 50.2%,
    rgba(255, 241, 0, 0.147) 63%,
    rgba(255, 241, 0, 0.065) 75.6%,
    rgba(255, 241, 0, 0.016) 88%,
    rgba(255, 241, 0, 0) 100%
  );
  background: radial-gradient(
    49.97% 49.97% at 50% 50%,
    #fff100 0.6%,
    rgba(255, 241, 0, 0.797) 11.6%,
    rgba(255, 241, 0, 0.588) 24.4%,
    rgba(255, 241, 0, 0.408) 37.3%,
    rgba(255, 241, 0, 0.261) 50.2%,
    rgba(255, 241, 0, 0.147) 63%,
    rgba(255, 241, 0, 0.065) 75.6%,
    rgba(255, 241, 0, 0.016) 88%,
    rgba(255, 241, 0, 0) 100%
  );
  background-blend-mode: screen;
  mix-blend-mode: normal;
}
@media print, screen and (min-width: 769px) {
  .st-Wrapper .deco-Space:nth-of-type(1)::before {
    width: 114px;
    height: 114px;
    -webkit-transform: rotate(-87.96deg);
    transform: rotate(-87.96deg);
    top: 245px;
    left: 173px;
  }
}
.st-Wrapper .deco-Space:nth-of-type(1)::after {
  background: -webkit-radial-gradient(
    50% 50%,
    50% 50%,
    #fff100 0.6%,
    rgba(255, 241, 0, 0.797) 11.6%,
    rgba(255, 241, 0, 0.588) 24.4%,
    rgba(255, 241, 0, 0.408) 37.3%,
    rgba(255, 241, 0, 0.261) 50.2%,
    rgba(255, 241, 0, 0.147) 63%,
    rgba(255, 241, 0, 0.065) 75.6%,
    rgba(255, 241, 0, 0.016) 88%,
    rgba(255, 241, 0, 0) 100%
  );
  background: radial-gradient(
    50% 50% at 50% 50%,
    #fff100 0.6%,
    rgba(255, 241, 0, 0.797) 11.6%,
    rgba(255, 241, 0, 0.588) 24.4%,
    rgba(255, 241, 0, 0.408) 37.3%,
    rgba(255, 241, 0, 0.261) 50.2%,
    rgba(255, 241, 0, 0.147) 63%,
    rgba(255, 241, 0, 0.065) 75.6%,
    rgba(255, 241, 0, 0.016) 88%,
    rgba(255, 241, 0, 0) 100%
  );
  background-blend-mode: overlay;
  mix-blend-mode: normal;
}
@media print, screen and (min-width: 769px) {
  .st-Wrapper .deco-Space:nth-of-type(1)::after {
    width: 213px;
    height: 213px;
    top: 344px;
    right: 228px;
  }
}
.st-Wrapper .deco-Space:nth-of-type(2)::before {
  background: -webkit-radial-gradient(
    50.05% 49.97%,
    50.01% 50%,
    #1d2088 0.6%,
    rgba(22, 62, 159, 0.76) 13.7%,
    rgba(14, 97, 185, 0.488) 31.3%,
    rgba(7, 124, 206, 0.275) 48.9%,
    rgba(3, 144, 221, 0.122) 66.3%,
    rgba(0, 156, 230, 0.031) 83.5%,
    rgba(0, 160, 233, 0) 100%
  );
  background: radial-gradient(
    50.01% 50% at 50.05% 49.97%,
    #1d2088 0.6%,
    rgba(22, 62, 159, 0.76) 13.7%,
    rgba(14, 97, 185, 0.488) 31.3%,
    rgba(7, 124, 206, 0.275) 48.9%,
    rgba(3, 144, 221, 0.122) 66.3%,
    rgba(0, 156, 230, 0.031) 83.5%,
    rgba(0, 160, 233, 0) 100%
  );
  background-blend-mode: hard-light;
  mix-blend-mode: hard-light;
  opacity: 0.86;
  -webkit-transform: rotate(59.26deg);
  transform: rotate(59.26deg);
}
@media print, screen and (min-width: 769px) {
  .st-Wrapper .deco-Space:nth-of-type(2)::before {
    width: 793px;
    height: 1066px;
    top: 335px;
    left: -1px;
  }
}
@media print, screen and (min-width: 769px) {
  .st-Wrapper .deco-Space:nth-of-type(2)::after {
    background: url(/wp-content/themes/macross-si_v1/assets/images/pc/common/bg_sub_top.png) no-repeat top
      center/contain;
    width: 1821px;
    height: 624px;
    top: 0;
    left: 47%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.st-Wrapper .deco-Space:nth-of-type(3)::before {
  background: -webkit-radial-gradient(
    50.1% 49.97%,
    50.01% 50%,
    #1d2088 0.6%,
    rgba(22, 62, 159, 0.76) 13.7%,
    rgba(14, 97, 185, 0.488) 31.3%,
    rgba(7, 124, 206, 0.275) 48.9%,
    rgba(3, 144, 221, 0.122) 66.3%,
    rgba(0, 156, 230, 0.031) 83.5%,
    rgba(0, 160, 233, 0) 100%
  );
  background: radial-gradient(
    50.01% 50% at 50.1% 49.97%,
    #1d2088 0.6%,
    rgba(22, 62, 159, 0.76) 13.7%,
    rgba(14, 97, 185, 0.488) 31.3%,
    rgba(7, 124, 206, 0.275) 48.9%,
    rgba(3, 144, 221, 0.122) 66.3%,
    rgba(0, 156, 230, 0.031) 83.5%,
    rgba(0, 160, 233, 0) 100%
  );
  background-blend-mode: hard-light;
  mix-blend-mode: hard-light;
  opacity: 0.86;
  -webkit-transform: rotate(-56.27deg);
  transform: rotate(-56.27deg);
}
@media print, screen and (min-width: 769px) {
  .st-Wrapper .deco-Space:nth-of-type(3)::before {
    width: 703px;
    height: 1066px;
    top: 870px;
    right: -296px;
  }
}
.st-Wrapper .deco-Space:nth-of-type(3)::after {
  background: -webkit-radial-gradient(
    49.93% 49.97%,
    49.99% 49.99%,
    #e4007f 0.6%,
    rgba(206, 3, 127, 0.891) 6.3%,
    rgba(159, 10, 130, 0.657) 19.9%,
    rgba(119, 17, 131, 0.456) 33.6%,
    rgba(87, 22, 133, 0.292) 47.3%,
    rgba(61, 26, 134, 0.164) 60.8%,
    rgba(43, 29, 135, 0.073) 74.2%,
    rgba(32, 31, 135, 0.018) 87.3%,
    rgba(29, 32, 136, 0) 100%
  );
  background: radial-gradient(
    49.99% 49.99% at 49.93% 49.97%,
    #e4007f 0.6%,
    rgba(206, 3, 127, 0.891) 6.3%,
    rgba(159, 10, 130, 0.657) 19.9%,
    rgba(119, 17, 131, 0.456) 33.6%,
    rgba(87, 22, 133, 0.292) 47.3%,
    rgba(61, 26, 134, 0.164) 60.8%,
    rgba(43, 29, 135, 0.073) 74.2%,
    rgba(32, 31, 135, 0.018) 87.3%,
    rgba(29, 32, 136, 0) 100%
  );
  background-blend-mode: hard-light;
  mix-blend-mode: hard-light;
}
@media print, screen and (min-width: 769px) {
  .st-Wrapper .deco-Space:nth-of-type(3)::after {
    width: 622px;
    height: 1066px;
    top: 874px;
    right: -268px;
  }
}
.st-Main {
  position: relative;
  z-index: 3;
}
@media print, screen and (min-width: 769px) {
  .st-Main {
    padding: 0 0 300px;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Main {
    padding: 0 0 29.9479166667vw;
  }
}
section {
  position: relative;
  z-index: 1;
}
.sw-Anchor {
  position: absolute;
  left: 0;
}
@media print, screen and (min-width: 769px) {
  .sw-Anchor {
    top: -60px;
  }
}
@media print, screen and (max-width: 768px) {
  .sw-Anchor {
    top: -7.8125vw;
  }
}
.sw-Btn {
  display: block;
  position: relative;
  margin: 0 auto;
}
@media print, screen and (min-width: 769px) {
  .sw-Btn {
    width: 280px;
    height: 56px;
    border-radius: 30px;
    padding: 6px;
    -webkit-box-shadow: 0 0 10px rgba(0, 255, 255, 0.7);
    box-shadow: 0 0 10px rgba(0, 255, 255, 0.7);
  }
}
@media print, screen and (max-width: 768px) {
  .sw-Btn {
    width: 84.375vw;
    height: 14.3229166667vw;
    border-radius: 11.71875vw;
    padding: 1.171875vw;
    -webkit-box-shadow: 0 0 1.3020833333vw rgba(0, 255, 255, 0.7);
    box-shadow: 0 0 1.3020833333vw rgba(0, 255, 255, 0.7);
  }
}
.sw-Btn::before {
  content: "";
  position: absolute;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(
      1.84deg,
      #53ffea 0,
      #7aa7f5 50%,
      #9f53ff 100%
    )
    border-box border-box;
  background: linear-gradient(88.16deg, #53ffea 0, #7aa7f5 50%, #9f53ff 100%)
    border-box border-box;
  -webkit-mask: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #fff)
      )
      padding-box,
    -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) border-box;
  -webkit-mask: -webkit-linear-gradient(#fff 0 0) padding-box,
    -webkit-linear-gradient(#fff 0 0) border-box;
  -webkit-mask-composite: destination-out;
  -webkit-mask: -webkit-linear-gradient(#fff 0 0) padding-box,
    -webkit-linear-gradient(#fff 0 0) border-box;
  mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff))
      padding-box,
    -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) border-box;
  mask: linear-gradient(#fff 0 0) padding-box,
    linear-gradient(#fff 0 0) border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media print, screen and (min-width: 769px) {
  .sw-Btn::before {
    border: 2px solid rgba(255, 255, 255, 0);
    border-radius: 30px;
  }
}
@media print, screen and (max-width: 768px) {
  .sw-Btn::before {
    border: 0.2604166667vw solid rgba(255, 255, 255, 0);
    border-radius: 11.71875vw;
  }
}
.sw-Btn span {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  position: relative;
  z-index: 3;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
  background: -webkit-linear-gradient(
    1.84deg,
    #00fff0 0,
    rgba(91, 131, 247, 0.6125) 48.44%,
    rgba(189, 0, 255, 0.2) 100%
  );
  background: linear-gradient(
    88.16deg,
    #00fff0 0,
    rgba(91, 131, 247, 0.6125) 48.44%,
    rgba(189, 0, 255, 0.2) 100%
  );
}
@media print, screen and (min-width: 769px) {
  .sw-Btn span {
    font-size: 1.8rem;
    border-radius: 30px;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
  }
}
@media print, screen and (max-width: 768px) {
  .sw-Btn span {
    font-size: 3.90625vw;
    border-radius: 11.71875vw;
    -webkit-backdrop-filter: blur(0.2604166667vw);
    backdrop-filter: blur(0.2604166667vw);
  }
}
.sw-Btn span.en {
  font-family: Orbitron, sans-serif;
}
@media print, screen and (min-width: 769px) {
  .sw-Btn span.en {
    font-size: 1.6rem;
  }
}
@media print, screen and (max-width: 768px) {
  .sw-Btn span.en {
    font-size: 3.90625vw;
  }
}
.sw-Btn.external span::after {
  content: "";
  display: block;
  position: absolute;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2213%22%20height%3D%229%22%20viewBox%3D%220%200%2013%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0%203.13325H10V8.73325H0V3.13325Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M2%200.333252H12V1.26659H2V0.333252Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M13%200.333252V7.79992H12V0.333252H13Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    no-repeat top center/contain;
}
@media print, screen and (min-width: 769px) {
  .sw-Btn.external span::after {
    width: 13px;
    height: 8.4px;
    right: 18px;
  }
}
@media print, screen and (max-width: 768px) {
  .sw-Btn.external span::after {
    width: 2.6041666667vw;
    height: 1.8229166667vw;
    right: 7.421875vw;
  }
}
@media (any-hover: hover) {
  .sw-Btn span {
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    background: -webkit-linear-gradient(
      1.84deg,
      #00fff0 0,
      rgba(91, 131, 247, 0.6125) 24.22%,
      rgba(189, 0, 255, 0.2) 50%,
      rgba(0, 255, 240, 0.6) 100%
    );
    background: linear-gradient(
      88.16deg,
      #00fff0 0,
      rgba(91, 131, 247, 0.6125) 24.22%,
      rgba(189, 0, 255, 0.2) 50%,
      rgba(0, 255, 240, 0.6) 100%
    );
    background-position: 0 50%;
    background-size: 200% auto;
  }
  .sw-Btn:hover span {
    background-position: 20% 50%;
  }
}
.sw-Btn[href=""] {
  opacity: 0.5;
  pointer-events: none;
}
.sw-Btn_more a {
  display: inline-block;
}
.sw-Btn_more a .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-family: Orbitron, sans-serif;
  font-weight: 900;
  letter-spacing: 0.04em;
  line-height: 1;
}
@media print, screen and (min-width: 769px) {
  .sw-Btn_more a .inner {
    font-size: 1.8rem;
  }
}
@media print, screen and (max-width: 768px) {
  .sw-Btn_more a .inner {
    font-size: 3.6458333333vw;
  }
}
.sw-Btn_more a .inner .btn {
  display: block;
  border: 1px solid #fff;
  background: -webkit-linear-gradient(
    1.84deg,
    rgba(0, 255, 240, 0.5) 0,
    rgba(189, 0, 255, 0.1) 100%
  );
  background: linear-gradient(
    88.16deg,
    rgba(0, 255, 240, 0.5) 0,
    rgba(189, 0, 255, 0.1) 100%
  );
  position: relative;
}
@media print, screen and (min-width: 769px) {
  .sw-Btn_more a .inner .btn {
    width: 68px;
    height: 44px;
    border-radius: 30px;
    margin-left: 20px;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
  }
}
@media print, screen and (max-width: 768px) {
  .sw-Btn_more a .inner .btn {
    width: 16.6666666667vw;
    height: 10.4166666667vw;
    border-radius: 14.3229166667vw;
    margin-left: 2.6041666667vw;
    -webkit-backdrop-filter: blur(0.2604166667vw);
    backdrop-filter: blur(0.2604166667vw);
  }
}
.sw-Btn_more a .inner .btn::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0%205H20V7H0V5Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M17%200L24%206L17%2012C18.7986%208.15817%2018.7986%203.84184%2017%200Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    no-repeat top center/contain;
}
@media print, screen and (min-width: 769px) {
  .sw-Btn_more a .inner .btn::before {
    width: 24px;
    height: 12px;
  }
}
@media print, screen and (max-width: 768px) {
  .sw-Btn_more a .inner .btn::before {
    width: 4.1666666667vw;
    height: 2.0833333333vw;
  }
}
@media (any-hover: hover) {
  .sw-Btn_more a .inner {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }
  .sw-Btn_more a .inner .btn {
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    background: -webkit-linear-gradient(
      1.84deg,
      rgba(0, 255, 240, 0.5) 0,
      rgba(189, 0, 255, 0.1) 50%,
      rgba(0, 255, 240, 0.6) 100%
    );
    background: linear-gradient(
      88.16deg,
      rgba(0, 255, 240, 0.5) 0,
      rgba(189, 0, 255, 0.1) 50%,
      rgba(0, 255, 240, 0.6) 100%
    );
    background-position: 0 50%;
    background-size: 200% auto;
  }
  .sw-Btn_more a:hover .inner {
    color: #34ffe7;
  }
  .sw-Btn_more a:hover .inner .btn {
    background-position: 20% 50%;
  }
}
#movie-Stage {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 300;
}
#movie-Stage #movie-Iframe {
  background: rgba(2, 13, 27, 0.97);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 89;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media print, screen and (min-width: 1025px) {
  #movie-Stage #movie-Iframe iframe {
    max-width: 100vw;
    max-height: 56.25vw;
    width: 900px;
    height: 506px;
  }
}
@media print, screen and (max-width: 1024px) {
  #movie-Stage #movie-Iframe iframe {
    width: 100%;
    height: 56.25vw;
  }
}
#movie-Stage #movie-Close {
  position: fixed;
  z-index: 100;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media print, screen and (min-width: 1025px) {
  #movie-Stage #movie-Close {
    width: 51px;
    height: 51px;
    top: 30px;
    right: 30px;
  }
}
@media print, screen and (max-width: 1024px) {
  #movie-Stage #movie-Close {
    width: 6.640625vw;
    height: 6.640625vw;
    top: 3.90625vw;
    right: 3.90625vw;
  }
}
#movie-Stage #movie-Close::after,
#movie-Stage #movie-Close::before {
  content: "";
  position: absolute;
  display: block;
  background: #fff;
}
@media print, screen and (min-width: 1025px) {
  #movie-Stage #movie-Close::after,
  #movie-Stage #movie-Close::before {
    width: 70px;
    height: 2px;
    top: 0;
    right: 0;
  }
}
@media print, screen and (max-width: 1024px) {
  #movie-Stage #movie-Close::after,
  #movie-Stage #movie-Close::before {
    width: 9.1145833333vw;
    height: 0.2604166667vw;
    top: 0;
    right: 0;
  }
}
@media print, screen and (min-width: 1025px) {
  #movie-Stage #movie-Close::before {
    -webkit-transform: translate(12.5%, 24px) rotate(45deg);
    transform: translate(12.5%, 24px) rotate(45deg);
  }
}
@media print, screen and (max-width: 1024px) {
  #movie-Stage #movie-Close::before {
    -webkit-transform: translate(12.5%, 3.125vw) rotate(45deg);
    transform: translate(12.5%, 3.125vw) rotate(45deg);
  }
}
@media print, screen and (min-width: 1025px) {
  #movie-Stage #movie-Close::after {
    -webkit-transform: translate(12.5%, 24px) rotate(-45deg);
    transform: translate(12.5%, 24px) rotate(-45deg);
  }
}
@media print, screen and (max-width: 1024px) {
  #movie-Stage #movie-Close::after {
    -webkit-transform: translate(12.5%, 3.125vw) rotate(-45deg);
    transform: translate(12.5%, 3.125vw) rotate(-45deg);
  }
}
@media (any-hover: hover) {
  #movie-Stage #movie-Close {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    cursor: pointer;
  }
  #movie-Stage #movie-Close:hover {
    opacity: 0.7;
  }
}
@media print, screen and (min-width: 769px) {
  .sub-Body {
    padding: 0 0 358px;
  }
}
@media print, screen and (max-width: 768px) {
  .sub-Body {
    padding: 0 0 37.5vw;
  }
}
@media print, screen and (min-width: 769px) {
  .sub-Body.pb-l {
    padding-bottom: 298px;
  }
}
.sw-Title {
  text-align: center;
  margin: 0 auto;
}
@media print, screen and (min-width: 769px) {
  .sw-Title {
    padding: 98px 0 103px;
    width: 960px;
    height: 288px;
  }
}
@media print, screen and (max-width: 768px) {
  .sw-Title {
    padding: 21.3541666667vw 0 9.6354166667vw;
    height: 44.7916666667vw;
  }
}
.sw-Title svg {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
@media print, screen and (min-width: 769px) {
  .news-List {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative;
    z-index: 3;
    gap: 45px;
  }
}
.news-List .list-Item {
  height: auto;
}
@media print, screen and (min-width: 769px) {
  .news-List .list-Item {
    width: 290px;
  }
}
.news-List .list-Item a {
  display: block;
  height: 100%;
}
@media print, screen and (min-width: 769px) {
  .news-List .list-Item a .thumb {
    height: 163px;
  }
}
@media print, screen and (max-width: 768px) {
  .news-List .list-Item a .thumb {
    height: 47.3958333333vw;
  }
}
.news-List .list-Item a .date {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-family: Orbitron, sans-serif;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
}
@media print, screen and (min-width: 769px) {
  .news-List .list-Item a .date {
    margin: 12px 0 0;
    font-size: 1.6rem;
  }
}
@media print, screen and (max-width: 768px) {
  .news-List .list-Item a .date {
    margin: 3.90625vw 0 0;
    font-size: 3.3854166667vw;
  }
}
@media print, screen and (min-width: 769px) {
  .news-List .list-Item a .date::after {
    content: "";
    display: block;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22100%22%20height%3D%2230%22%20viewBox%3D%220%200%20100%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M70%2015C70%2015%2082.1212%2015%2083.4848%2016.3636C85.1515%2018.0303%2085%2030%2085%2030C85%2030%2084.8485%2017.7273%2086.2121%2016.3636C87.8788%2014.697%20100%2015%20100%2015C100%2015%2087.8788%2015.303%2086.2121%2013.6364C84.8485%2012.2727%2085%200%2085%200C85%200%2085.1515%2011.9697%2083.4848%2013.6364C82.1212%2015%2070%2015%2070%2015Z%22%20fill%3D%22white%22%2F%3E%0A%3Crect%20width%3D%221%22%20height%3D%226%22%20transform%3D%22matrix(4.37114e-08%201%201%20-4.37114e-08%200%2014)%22%20fill%3D%22white%22%2F%3E%0A%3Crect%20width%3D%221%22%20height%3D%2275%22%20transform%3D%22matrix(4.37114e-08%201%201%20-4.37114e-08%2010%2014)%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A")
      no-repeat top center/contain;
    width: 100px;
    height: 30px;
  }
}
@media print, screen and (max-width: 768px) {
  .news-List .list-Item a .date::after {
    display: none;
  }
}
.news-List .list-Item a .title {
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.6;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media print, screen and (min-width: 769px) {
  .news-List .list-Item a .title {
    margin: 4px 0 0;
    font-size: 1.6rem;
  }
}
@media print, screen and (max-width: 768px) {
  .news-List .list-Item a .title {
    margin: 2.0833333333vw 0 0;
    font-size: 3.3854166667vw;
  }
}
@media (any-hover: hover) {
  .news-List .list-Item a .thumb {
    overflow: hidden;
  }
  .news-List .list-Item a .thumb img {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .news-List .list-Item a .date {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }
  .news-List .list-Item a:hover .thumb img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  .news-List .list-Item a:hover .date {
    color: #34ffe7;
  }
}
.sw-Pagenavi {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media print, screen and (min-width: 769px) {
  .sw-Pagenavi {
    margin: 90px 0 0;
  }
}
@media print, screen and (max-width: 768px) {
  .sw-Pagenavi {
    margin: 13.0208333333vw 0 0;
  }
}
.sw-Pagenavi .sw-Pagenavi_Inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
}
@media print, screen and (min-width: 769px) {
  .sw-Pagenavi .sw-Pagenavi_Inner {
    padding: 0 128px;
  }
}
@media print, screen and (max-width: 768px) {
  .sw-Pagenavi .sw-Pagenavi_Inner {
    padding: 0 25.1302083333vw;
  }
}
.sw-Pagenavi .sw-Pagenavi_Inner a {
  display: inline-block;
}
.sw-Pagenavi .sw-Pagenavi_Inner a.list {
  font-family: Orbitron, sans-serif;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1;
}
@media print, screen and (min-width: 769px) {
  .sw-Pagenavi .sw-Pagenavi_Inner a.list {
    font-size: 2.4rem;
  }
}
@media print, screen and (max-width: 768px) {
  .sw-Pagenavi .sw-Pagenavi_Inner a.list {
    font-size: 4.6875vw;
  }
}
@media (any-hover: hover) {
  .sw-Pagenavi .sw-Pagenavi_Inner a.list {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }
  .sw-Pagenavi .sw-Pagenavi_Inner a.list:hover {
    color: #34ffe7;
  }
}
.sw-Pagenavi .sw-Pagenavi_Inner a.next,
.sw-Pagenavi .sw-Pagenavi_Inner a.prev {
  border: 1px solid #fff;
  background: -webkit-linear-gradient(
    1.84deg,
    rgba(0, 255, 240, 0.5) 0,
    rgba(189, 0, 255, 0.1) 100%
  );
  background: linear-gradient(
    88.16deg,
    rgba(0, 255, 240, 0.5) 0,
    rgba(189, 0, 255, 0.1) 100%
  );
  position: relative;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media print, screen and (min-width: 769px) {
  .sw-Pagenavi .sw-Pagenavi_Inner a.next,
  .sw-Pagenavi .sw-Pagenavi_Inner a.prev {
    width: 68px;
    height: 44px;
    border-radius: 30px;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
  }
}
@media print, screen and (max-width: 768px) {
  .sw-Pagenavi .sw-Pagenavi_Inner a.next,
  .sw-Pagenavi .sw-Pagenavi_Inner a.prev {
    width: 16.6666666667vw;
    height: 10.4166666667vw;
    border-radius: 14.3229166667vw;
    -webkit-backdrop-filter: blur(0.2604166667vw);
    backdrop-filter: blur(0.2604166667vw);
  }
}
.sw-Pagenavi .sw-Pagenavi_Inner a.next::before,
.sw-Pagenavi .sw-Pagenavi_Inner a.prev::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0%205H20V7H0V5Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M17%200L24%206L17%2012C18.7986%208.15817%2018.7986%203.84184%2017%200Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    no-repeat top center/contain;
}
@media print, screen and (min-width: 769px) {
  .sw-Pagenavi .sw-Pagenavi_Inner a.next::before,
  .sw-Pagenavi .sw-Pagenavi_Inner a.prev::before {
    width: 24px;
    height: 12px;
  }
}
@media print, screen and (max-width: 768px) {
  .sw-Pagenavi .sw-Pagenavi_Inner a.next::before,
  .sw-Pagenavi .sw-Pagenavi_Inner a.prev::before {
    width: 4.1666666667vw;
    height: 2.0833333333vw;
  }
}
@media (any-hover: hover) {
  .sw-Pagenavi .sw-Pagenavi_Inner a.next,
  .sw-Pagenavi .sw-Pagenavi_Inner a.prev {
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    background: -webkit-linear-gradient(
      1.84deg,
      rgba(0, 255, 240, 0.5) 0,
      rgba(189, 0, 255, 0.1) 50%,
      rgba(0, 255, 240, 0.6) 100%
    );
    background: linear-gradient(
      88.16deg,
      rgba(0, 255, 240, 0.5) 0,
      rgba(189, 0, 255, 0.1) 50%,
      rgba(0, 255, 240, 0.6) 100%
    );
    background-position: 0 50%;
    background-size: 200% auto;
  }
  .sw-Pagenavi .sw-Pagenavi_Inner a.next:hover,
  .sw-Pagenavi .sw-Pagenavi_Inner a.prev:hover {
    background-position: 20% 50%;
  }
}
.sw-Pagenavi .sw-Pagenavi_Inner a.prev {
  left: 0;
}
.sw-Pagenavi .sw-Pagenavi_Inner a.prev::before {
  -webkit-transform: translate(-50%, -50%) scaleX(-1);
  transform: translate(-50%, -50%) scaleX(-1);
}
.sw-Pagenavi .sw-Pagenavi_Inner a.next {
  right: 0;
}
.sw-Pagenavi .sw-Pagenavi_Inner a.next::before {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.st-Header {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  width: 100%;
}
.st-Header .header-Logo {
  position: absolute;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media print, screen and (min-width: 769px) {
  .st-Header .header-Logo {
    top: 34px;
    left: 40px;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Header .header-Logo {
    top: 2.6041666667vw;
    left: 2.6041666667vw;
  }
}
.st-Header .header-Logo a {
  display: block;
}
@media (any-hover: hover) {
  .st-Header .header-Logo a {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .st-Header .header-Logo a:hover {
    opacity: 0.7;
  }
}
@media print, screen and (min-width: 769px) {
  .st-Header .header-Logo .logo-switch {
    width: 50px;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Header .header-Logo .logo-switch {
    width: 9.1145833333vw;
  }
}
@media print, screen and (min-width: 769px) {
  .st-Header .header-Logo .logo-steam {
    width: 112px;
    margin-left: 20px;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Header .header-Logo .logo-steam {
    width: 21.09375vw;
    margin-left: 2.0833333333vw;
  }
}
@media print, screen and (min-width: 769px) {
  .st-Header .header-Logo .logo-ps {
    width: 199px;
    margin-left: 15px;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Header .header-Logo .logo-ps {
    width: 31.25vw;
    margin-left: 2.0833333333vw;
  }
}
@media print, screen and (min-width: 769px) {
  .st-Header .header-Hamburger {
    display: none;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Header .header-Hamburger {
    position: fixed;
    width: 26.0416666667vw;
    height: 26.0416666667vw;
    border-radius: 50%;
    top: -7.8125vw;
    right: -7.8125vw;
    z-index: 4;
    -webkit-box-shadow: 0 0.5208333333vw 0.5208333333vw rgba(0, 0, 0, 0.25);
    box-shadow: 0 0.5208333333vw 0.5208333333vw rgba(0, 0, 0, 0.25);
    background: url(/wp-content/themes/macross-si_v1/assets/images/sp/header/bg_header_btn.png) no-repeat top
      center/contain;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 768px) {
  .st-Header .header-Hamburger::before {
    content: "";
    display: block;
    position: absolute;
    width: 5.9895833333vw;
    height: 5.9895833333vw;
    left: 8.3333333333vw;
    bottom: 8.0729166667vw;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 0;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2248%22%20height%3D%2246%22%20viewBox%3D%220%200%2048%2046%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%224.99994%22%20width%3D%2260%22%20height%3D%225%22%20transform%3D%22rotate(45%204.99994%200)%22%20fill%3D%22white%22%2F%3E%0A%3Crect%20width%3D%2260%22%20height%3D%225%22%20transform%3D%22matrix(-0.707107%200.707107%200.707107%200.707107%2042.9999%200)%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A")
      no-repeat top center/contain;
  }
}
@media print, screen and (max-width: 768px) and (max-width: 768px) {
  .st-Header .header-Hamburger::after {
    content: "";
    display: block;
    position: absolute;
    width: 7.8125vw;
    height: 2.34375vw;
    left: 7.6822916667vw;
    bottom: 9.8958333333vw;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2260%22%20height%3D%2218%22%20viewBox%3D%220%200%2060%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20y%3D%2213%22%20width%3D%2260%22%20height%3D%225%22%20fill%3D%22white%22%2F%3E%0A%3Crect%20width%3D%2260%22%20height%3D%225%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A")
      no-repeat top center/contain;
  }
}
@media print and (any-hover: hover),
  screen and (max-width: 768px) and (any-hover: hover) {
  .st-Header .header-Hamburger {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    cursor: pointer;
  }
  .st-Header .header-Hamburger:hover {
    opacity: 0.7;
  }
}
@media print, screen and (min-width: 769px) {
  .st-Header .header-Overlay {
    display: none;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Header .header-Overlay {
    position: fixed;
    display: block;
    z-index: 2;
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.4s 0.1s;
    transition: -webkit-transform 0.4s 0.1s;
    transition: transform 0.4s 0.1s;
    transition: transform 0.4s 0.1s, -webkit-transform 0.4s 0.1s;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Header .header-Content {
    position: fixed;
    z-index: 3;
    top: 0;
    right: 0;
    width: 65.1041666667vw;
    height: 100vh;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22500%22%20height%3D%221320%22%20viewBox%3D%220%200%20500%201320%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%3Crect%20width%3D%22500%22%20height%3D%221320%22%20fill%3D%22%23000B18%22%2F%3E%0A%3Crect%20width%3D%22500%22%20height%3D%221320%22%20fill%3D%22url(%23paint0_linear_1456_13091)%22%2F%3E%0A%3Crect%20width%3D%22500%22%20height%3D%221320%22%20fill%3D%22url(/wp-content/themes/macross-si_v1/assets/css/index/%23pattern0)%22%20fill-opacity%3D%220.1%22%2F%3E%0A%3Cdefs%3E%0A%3Cpattern%20id%3D%22pattern0%22%20patternContentUnits%3D%22objectBoundingBox%22%20width%3D%220.124%22%20height%3D%220.0469697%22%3E%0A%3Cuse%20xlink%3Ahref%3D%22%23image0_1456_13091%22%20transform%3D%22scale(0.001%200.000378788)%22%2F%3E%0A%3C%2Fpattern%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_1456_13091%22%20x1%3D%22250%22%20y1%3D%220%22%20x2%3D%22250%22%20y2%3D%221320%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23000B18%22%20stop-opacity%3D%220%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2353FFEA%22%20stop-opacity%3D%220.6%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3Cimage%20id%3D%22image0_1456_13091%22%20width%3D%22124%22%20height%3D%22124%22%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAHwAAAB8CAYAAACrHtS%2BAAAMa2lDQ1BJQ0MgUHJvZmlsZQAASImVVwdYU8kWnluSkJDQAhGQEnoTRHqREkKLICBVsBGSQEIJMSGo2FFRwbWLKFZ0VUTRtQCyqIi9LIqKXRcLCsq6qIuiqLwJCei6r3zvfN%2Fc%2Be%2BZM%2F8pmcmdAUCzlyuRZKNaAOSI86SxYUHM8ckpTNILgAM6oAAzYM%2FlySSsmJhIAGWw%2F7u8vwUQRX%2FDUcH1z%2FH%2FKjp8gYwHADIR4jS%2BjJcDcSMA%2BCaeRJoHAFGht5iWJ1HgeRDrSmGAEK9V4Awl3qPAaUrcMGATH8uG%2BBoAalQuV5oBgMYDqGfm8zIgj8ZniJ3FfJEYAM0REPvzhFw%2BxIrYR%2BTk5CpwGcS20F4CMYwHeKV9x5nxN%2F60IX4uN2MIK%2FMaELVgkUySzZ3xf5bmf0tOtnzQhzVsVKE0PFaRP6zhnazcCAWmQtwlTouKVtQa4l4RX1l3AFCKUB6eoLRHjXgyNqwfYEDszOcGR0BsBHGoODsqUqVPSxeFciCGqwWdLsrjxEOsD%2FESgSwkTmWzTZobq%2FKF1qRL2SyV%2FgJXOuBX4euRPCuBpeJ%2FKxRwVPyYRoEwPgliCsSW%2BaLEKIg1IHaSZcVFqGxGFwjZUYM2UnmsIn5LiGMF4rAgJT%2BWny4NjVXZF%2BfIBvPFtglFnCgVPpQnjA9X1gc7w%2BMOxA9zwa4JxKyEQR6BbHzkYC58QXCIMnesQyBOiFPx9ErygmKVc3GKJDtGZY%2BbC7LDFHpziN1k%2BXGquXhiHlycSn48XZIXE6%2BMEy%2FI5I6JUcaDrwSRgA2CARPIYUsDuSATiJq7arvgm3IkFHCBFGQAAXBUaQZnJA2MiOEzDhSAPyASANnQvKCBUQHIh%2FovQ1rl0xGkD4zmD8zIAs8hzgERIBu%2BywdmiYe8JYJnUCP6h3cubDwYbzZsivF%2Frx%2FUftOwoCZSpZEPemRqDloSQ4jBxHBiKNEON8T9cV88Ej4DYXPBvXDvwTy%2B2ROeE1oITwithDbC3SmiQukPUY4FbZA%2FVFWLtO9rgVtDTnc8CPeD7JAZZ%2BCGwBF3g35YeAD07A61bFXciqowf%2BD%2BWwbf%2FRoqO7IzGSUPIweSbX%2BcqWGv4T7Eoqj19%2FVRxpo2VG%2F20MiP%2FtnfVZ8P%2B4gfLbEl2GHsPHYKu4g1YLWAiZ3E6rAr2HEFHlpdzwZW16C32IF4siCP6B%2F%2BuCqfikrKnKucO50%2FK8fyBNPzFBuPnSuZIRVlCPOYLPh1EDA5Yp7TCKaLs4srAIpvjfLv6x1j4BuCMC590xU%2BBMAvub%2B%2Fv%2BGbLhLu3yMdcPt3fdPZVAFAOwHAhUU8uTRfqcMVDwL8l9CEO80AmAALYAvzcQEewBcEghAwBkSDeJAMJsMqC%2BE6l4JpYBaYD4pACVgJ1oGNYCvYAfaA%2FeAQqAUN4BQ4By6Da6AV3Ierpx28At3gPehDEISE0BA6YoCYIlaIA%2BKCeCH%2BSAgSicQiyUgqkoGIETkyC1mAlCCrkY3IdqQS%2BQU5hpxCLiItyF3kMdKJvEU%2BoRhKRXVRY9QaHYl6oSw0Ao1HJ6EZ6FS0AF2ILkfL0Ap0H1qDnkIvo61oG%2FoK7cEApo4xMDPMEfPC2Fg0loKlY1JsDlaMlWIVWDVWD3%2FnG1gb1oV9xIk4HWfijnAFh%2BMJOA%2Bfis%2FBl%2BEb8T14DX4Gv4E%2FxrvxrwQawYjgQPAhcAjjCRmEaYQiQilhF%2BEo4SzcS%2B2E90QikUG0IXrCvZhMzCTOJC4jbiYeIDYSW4hPiT0kEsmA5EDyI0WTuKQ8UhFpA2kf6STpOqmd1Kumrmaq5qIWqpaiJlYrVCtV26t2Qu262gu1PrIW2YrsQ44m88kzyCvIO8n15KvkdnIfRZtiQ%2FGjxFMyKfMpZZRqylnKA8o7dXV1c3Vv9XHqIvV56mXqB9UvqD9W%2F0jVodpT2dSJVDl1OXU3tZF6l%2FqORqNZ0wJpKbQ82nJaJe007RGtV4Ou4aTB0eBrzNUo16jRuK7xWpOsaaXJ0pysWaBZqnlY86pmlxZZy1qLrcXVmqNVrnVM67ZWjzZde5R2tHaO9jLtvdoXtTt0SDrWOiE6fJ2FOjt0Tus8pWN0CzqbzqMvoO%2Bkn6W36xJ1bXQ5upm6Jbr7dZt1u%2FV09Nz0EvWm65XrHddrY2AMawaHkc1YwTjEuMX4NMx4GGuYYNjSYdXDrg%2F7oD9cP1BfoF%2Bsf0C%2FVf%2BTAdMgxCDLYJVBrcFDQ9zQ3nCc4TTDLYZnDbuG6w73Hc4bXjz80PB7RqiRvVGs0UyjHUZXjHqMTYzDjCXGG4xPG3eZMEwCTTJN1pqcMOk0pZv6m4pM15qeNH3J1GOymNnMMuYZZreZkVm4mdxsu1mzWZ%2B5jXmCeaH5AfOHFhQLL4t0i7UWTRbdlqaWYy1nWVZZ3rMiW3lZCa3WW523%2BmBtY51kvdi61rrDRt%2BGY1NgU2XzwJZmG2A71bbC9qYd0c7LLstus901e9Te3V5oX25%2F1QF18HAQOWx2aBlBGOE9QjyiYsRtR6ojyzHfscrxsRPDKdKp0KnW6fVIy5EpI1eNPD%2Fyq7O7c7bzTuf7o3RGjRlVOKp%2B1FsXexeeS7nLTVeaa6jrXNc61zduDm4Cty1ud9zp7mPdF7s3uX%2Fx8PSQelR7dHpaeqZ6bvK87aXrFeO1zOuCN8E7yHuud4P3Rx8PnzyfQz5%2F%2Bjr6Zvnu9e0YbTNaMHrn6Kd%2B5n5cv%2B1%2Bbf5M%2F1T%2Fbf5tAWYB3ICKgCeBFoH8wF2BL1h2rEzWPtbrIOcgadDRoA9sH%2FZsdmMwFhwWXBzcHKITkhCyMeRRqHloRmhVaHeYe9jMsMZwQnhE%2BKrw2xxjDo9Tyeke4zlm9pgzEdSIuIiNEU8i7SOlkfVj0bFjxq4Z%2ByDKKkocVRsNojnRa6IfxtjETI35dRxxXMy48nHPY0fFzoo9H0ePmxK3N%2B59fFD8ivj7CbYJ8oSmRM3EiYmViR%2BSgpNWJ7WNHzl%2B9vjLyYbJouS6FFJKYsqulJ4JIRPWTWif6D6xaOKtSTaTpk%2B6ONlwcvbk41M0p3CnHE4lpCal7k39zI3mVnB70jhpm9K6eWzeet4rfiB%2FLb9T4CdYLXiR7pe%2BOr0jwy9jTUanMEBYKuwSsUUbRW8ywzO3Zn7Iis7andWfnZR9IEctJzXnmFhHnCU%2Bk2uSOz23ReIgKZK0TfWZum5qtzRCukuGyCbJ6vJ04aH%2BitxWvkj%2BON8%2Fvzy%2Fd1ritMPTtaeLp1%2BZYT9j6YwXBaEFP8%2FEZ%2FJmNs0ymzV%2F1uPZrNnb5yBz0uY0zbWYu3Bu%2B7yweXvmU%2BZnzf%2Bt0LlwdeFfC5IW1C80Xjhv4dNFYYuqijSKpEW3F%2Fsu3roEXyJa0rzUdemGpV%2BL%2BcWXSpxLSks%2BL%2BMtu%2FTTqJ%2FKfupfnr68eYXHii0riSvFK2%2BtCli1Z7X26oLVT9eMXVOzlrm2eO1f66asu1jqVrp1PWW9fH1bWWRZ3QbLDSs3fN4o3NhaHlR%2BYJPRpqWbPmzmb76%2BJXBL9VbjrSVbP20TbbuzPWx7TYV1RekO4o78Hc93Ju48%2F7PXz5W7DHeV7PqyW7y7bU%2FsnjOVnpWVe432rqhCq%2BRVnfsm7ru2P3h%2FXbVj9fYDjAMlB8FB%2BcGXv6T%2BcutQxKGmw16Hq49YHdl0lH60uAapmVHTXSusbatLrms5NuZYU71v%2FdFfnX7d3WDWUH5c7%2FiKE5QTC0%2F0nyw42dMoaew6lXHqadOUpvunx5%2B%2BeWbcmeazEWcvnAs9d%2Fo86%2FzJC34XGi76XDx2yetS7WWPyzVX3K8c%2Fc39t6PNHs01Vz2v1l3zvlbfMrrlxPWA66duBN84d5Nz83JrVGvLrYRbd25PvN12h3%2Bn42723Tf38u%2F13Z%2F3gPCg%2BKHWw9JHRo8qfrf7%2FUCbR9vxx8GPrzyJe3L%2FKe%2Fpq2eyZ5%2FbFz6nPS99YfqissOlo6EztPPaywkv219JXvV1Ff2h%2Fcem17avj%2FwZ%2BOeV7vHd7W%2Bkb%2FrfLntn8G73X25%2FNfXE9Dx6n%2FO%2B70Nxr0Hvno9eH89%2FSvr0om%2FaZ9Lnsi92X%2Bq%2FRnx90J%2FT3y%2FhSrkDRwEMNjQ9HYC3u%2BE5IRkAOry3USYo74IDgijvrwMI%2FCesvC8OiAcA1bBTHOPZjQAchM16HuSG74ojfHwgQF1dh5pKZOmuLkouKrwJEXr7%2B98ZA0CqB%2BCLtL%2B%2Fb3N%2F%2F5edMNi7ADROVd5BFUKEd4ZtgQrUqs%2BfB34Q5f30uxx%2F7IEiAjfwY%2F8vgNWQM8Id1AcAAAA4ZVhJZk1NACoAAAAIAAGHaQAEAAAAAQAAABoAAAAAAAKgAgAEAAAAAQAAAHygAwAEAAAAAQAAAHwAAAAAraL22wAAAuFJREFUeAHtnVFxG0EQBSUjCIRAEQQzEARTChNBMYRAkGftOunq%2BUTgdV%2FVVjyn%2FHS3JuV87el%2Bv%2F%2Bf8zHnz6nwWVxzLnP%2Bzdk%2FSO7TGLgWdj5EGtbbrjiSewWv3Oyj4sP6vguO5D7yUvtufbm34LWQB2B77vPB59WvVvAFeJ6nGjTgNu63eO9YbsDg5YETz%2BBppHw2eHngxDN4GimfDV4eOPEMnkbKZ4OXB048g6eR8tng5YETz%2BBppHw2eHngxDN4GimfDV4eOPEMnkbKZ4OXB048g6eR8tng5YETz%2BBppHw2eHngxDN4GimfDV4eOPEMnkbKZ4OXB048g6eR8tng5YETz%2BBppHw2eHngxDN4GimfDV4eOPEMnkbKZ4OXB048g6eR8tng5YETz%2BBppHw2eHngxDN4GimfDV4eOPEMnkbKZ4OXB048g6eR8tng5YETz%2BBppHw2eHngxDN4GimfDV4eOPEMnkbKZ4OXB048g6eR8tng5YETz%2BBppHxGBV%2BXvZT3PMTbc7%2Fth8O%2F3fXysuFQude9ZQ8Jm4zWP4f1Nmd7kNwr%2BOec65y%2FjaGH69VVlJ%2Fz2XUOivs8wN%2F3eDXGlum3AdQvbb%2FxgW9mwZG37FK5vV0YsOTz5b7N%2BX68XZgR%2FHGrMgD3iThfcW8Xfupg%2FLT%2BXVuk3i7M6I2n9L9lsK%2BAwQ0OMwDDdcMNDjMAw3XDDQ4zAMN1ww0OMwDDdcMNDjMAw3XDDQ4zAMN1ww0OMwDDdcMNDjMAw3XDDQ4zAMN1ww0OMwDDdcMNDjMAw3XDDQ4zAMN1ww0OMwDDdcMNDjMAw3XDDQ4zAMN1ww0OMwDDdcMNDjMAw3XDDQ4zAMN1ww0OMwDDdcMNDjMAw3XDDQ4zAMN1ww0OMwDDdcMNDjMAw3XDDQ4zAMN1ww3ea2BdctNL95psz%2B3twq89NX1yecBM%2FefweNv5w7De5mwPktvbhb1duHO7pfox4G%2FpsG%2FCF2fcEXOvLKKvAAAAAElFTkSuQmCC%22%2F%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A")
      no-repeat top center/cover;
  }
  .st-Header .header-Content::-webkit-scrollbar {
    display: none;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Header .header-Content .header-Inner {
    padding: 23.4375vw 13.0208333333vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    position: relative;
  }
}
.st-Header .header-Content .header-Inner .header-Language {
  background: #fff;
  overflow: hidden;
}
@media print, screen and (min-width: 769px) {
  .st-Header .header-Content .header-Inner .header-Language {
    position: absolute;
    top: 37px;
    right: 40px;
    width: 116px;
    height: 30px;
    border-radius: 40px;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Header .header-Content .header-Inner .header-Language {
    width: 36.4583333333vw;
    height: 7.8125vw;
    border-radius: 13.0208333333vw;
    margin: 10.4166666667vw 0 0;
  }
}
.st-Header
  .header-Content
  .header-Inner
  .header-Language
  .wpml-ls-statics-shortcode_actions {
  border: none;
  padding: 0;
  width: 100%;
  height: 100%;
}
.st-Header
  .header-Content
  .header-Inner
  .header-Language
  .wpml-ls-statics-shortcode_actions
  ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 100%;
}
.st-Header
  .header-Content
  .header-Inner
  .header-Language
  .wpml-ls-statics-shortcode_actions
  ul
  li {
  width: 50%;
  height: 100%;
}
.st-Header
  .header-Content
  .header-Inner
  .header-Language
  .wpml-ls-statics-shortcode_actions
  ul
  li.wpml-ls-current-language
  a {
  background: #c215ff;
  color: #fff;
  padding-right: 0 !important;
  padding-left: 0 !important;
  pointer-events: none;
}
.st-Header
  .header-Content
  .header-Inner
  .header-Language
  .wpml-ls-statics-shortcode_actions
  ul
  li
  a {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  font-family: Orbitron, sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  color: #020d1b;
  padding: 0;
}
@media print, screen and (min-width: 769px) {
  .st-Header
    .header-Content
    .header-Inner
    .header-Language
    .wpml-ls-statics-shortcode_actions
    ul
    li
    a {
    border: 2px solid #fff;
    border-radius: 40px;
    font-size: 1.4rem;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Header
    .header-Content
    .header-Inner
    .header-Language
    .wpml-ls-statics-shortcode_actions
    ul
    li
    a {
    border: 0.2604166667vw solid #fff;
    border-radius: 13.0208333333vw;
    font-size: 4.4270833333vw;
  }
}
@media (any-hover: hover) {
  .st-Header
    .header-Content
    .header-Inner
    .header-Language
    .wpml-ls-statics-shortcode_actions
    ul
    li
    a {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }
  .st-Header
    .header-Content
    .header-Inner
    .header-Language
    .wpml-ls-statics-shortcode_actions
    ul
    li
    a:hover {
    color: #c215ff;
  }
}
@media print, screen and (min-width: 769px) {
  .st-Header
    .header-Content
    .header-Inner
    .header-Language
    .wpml-ls-statics-shortcode_actions
    ul
    li:nth-of-type(1)
    a {
    padding-left: 6px;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Header
    .header-Content
    .header-Inner
    .header-Language
    .wpml-ls-statics-shortcode_actions
    ul
    li:nth-of-type(1)
    a {
    padding-left: 0.6510416667vw;
  }
}
@media print, screen and (min-width: 769px) {
  .st-Header
    .header-Content
    .header-Inner
    .header-Language
    .wpml-ls-statics-shortcode_actions
    ul
    li:nth-of-type(2)
    a {
    padding-right: 6px;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Header
    .header-Content
    .header-Inner
    .header-Language
    .wpml-ls-statics-shortcode_actions
    ul
    li:nth-of-type(2)
    a {
    padding-right: 0.6510416667vw;
  }
}
@media print, screen and (min-width: 769px) {
  .st-Header .header-Content .header-Inner .header-Nav {
    position: fixed;
    top: 242px;
    left: 52px;
  }
}
@media print, screen and (min-width: 769px) {
  .st-Header .header-Content .header-Inner .header-Nav .nav-Menu li + li {
    margin-top: 30px;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Header .header-Content .header-Inner .header-Nav .nav-Menu li + li {
    margin-top: 7.8125vw;
  }
}
.st-Header .header-Content .header-Inner .header-Nav .nav-Menu li a {
  display: inline-block;
  position: relative;
}
.st-Header .header-Content .header-Inner .header-Nav .nav-Menu li a::before {
  content: "";
  display: block;
  position: absolute;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2247%22%20height%3D%2247%22%20viewBox%3D%220%200%2047%2047%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M39.2497%2035C35.7023%2039.8499%2029.969%2043%2023.5%2043C17.0309%2043%2011.2976%2039.8499%207.75032%2035H6.52698C10.2143%2040.4315%2016.4404%2044%2023.5%2044C30.5596%2044%2036.7857%2040.4315%2040.473%2035H39.2497ZM7.75032%2012C11.2976%207.15008%2017.0309%204%2023.5%204C29.969%204%2035.7023%207.15008%2039.2497%2012H40.473C36.7857%206.56846%2030.5596%203%2023.5%203C16.4404%203%2010.2143%206.56846%206.52698%2012H7.75032Z%22%20fill%3D%22%2334FFE7%22%2F%3E%0A%3Cpath%20d%3D%22M23%2039H24L24%2047H23L23%2039Z%22%20fill%3D%22%2334FFE7%22%2F%3E%0A%3Cpath%20d%3D%22M23%200L24%200L24%208L23%208L23%200Z%22%20fill%3D%22%2334FFE7%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    no-repeat top center/contain;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-animation: target 2s linear infinite;
  animation: target 2s linear infinite;
}
@media print, screen and (min-width: 769px) {
  .st-Header .header-Content .header-Inner .header-Nav .nav-Menu li a::before {
    width: 47px;
    height: 47px;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Header .header-Content .header-Inner .header-Nav .nav-Menu li a::before {
    width: 10.4166666667vw;
    height: 10.4166666667vw;
  }
}
.st-Header .header-Content .header-Inner .header-Nav .nav-Menu li a span {
  font-family: Orbitron, sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  position: relative;
}
@media print, screen and (min-width: 769px) {
  .st-Header .header-Content .header-Inner .header-Nav .nav-Menu li a span {
    font-size: 1.8rem;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Header .header-Content .header-Inner .header-Nav .nav-Menu li a span {
    font-size: 4.4270833333vw;
  }
}
.st-Header .header-Content .header-Inner .header-Nav .nav-Menu li a span::after,
.st-Header
  .header-Content
  .header-Inner
  .header-Nav
  .nav-Menu
  li
  a
  span::before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  background: #34ffe7;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
@media print, screen and (min-width: 769px) {
  .st-Header
    .header-Content
    .header-Inner
    .header-Nav
    .nav-Menu
    li
    a
    span::after,
  .st-Header
    .header-Content
    .header-Inner
    .header-Nav
    .nav-Menu
    li
    a
    span::before {
    width: 8px;
    height: 1px;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Header
    .header-Content
    .header-Inner
    .header-Nav
    .nav-Menu
    li
    a
    span::after,
  .st-Header
    .header-Content
    .header-Inner
    .header-Nav
    .nav-Menu
    li
    a
    span::before {
    width: 2.34375vw;
    height: 0.2604166667vw;
  }
}
.st-Header
  .header-Content
  .header-Inner
  .header-Nav
  .nav-Menu
  li
  a
  span::before {
  -webkit-transform-origin: right;
  transform-origin: right;
}
@media print, screen and (min-width: 769px) {
  .st-Header
    .header-Content
    .header-Inner
    .header-Nav
    .nav-Menu
    li
    a
    span::before {
    left: -12px;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Header
    .header-Content
    .header-Inner
    .header-Nav
    .nav-Menu
    li
    a
    span::before {
    left: -4.4270833333vw;
  }
}
.st-Header
  .header-Content
  .header-Inner
  .header-Nav
  .nav-Menu
  li
  a
  span::after {
  -webkit-transform-origin: left;
  transform-origin: left;
}
@media print, screen and (min-width: 769px) {
  .st-Header
    .header-Content
    .header-Inner
    .header-Nav
    .nav-Menu
    li
    a
    span::after {
    right: -12px;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Header
    .header-Content
    .header-Inner
    .header-Nav
    .nav-Menu
    li
    a
    span::after {
    right: -4.4270833333vw;
  }
}
.st-Header .header-Content .header-Inner .header-Nav .nav-Menu li a.active {
  color: #34ffe7;
}
@media print, screen and (min-width: 769px) {
  .st-Header .header-Content .header-Inner .header-Nav .nav-Menu li a.active {
    text-shadow: 0 0 10px #0cff6d;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Header .header-Content .header-Inner .header-Nav .nav-Menu li a.active {
    text-shadow: 0 0 1.3020833333vw #0cff6d;
  }
}
.st-Header
  .header-Content
  .header-Inner
  .header-Nav
  .nav-Menu
  li
  a.active::before {
  opacity: 1;
}
.st-Header
  .header-Content
  .header-Inner
  .header-Nav
  .nav-Menu
  li
  a.active
  span::after,
.st-Header
  .header-Content
  .header-Inner
  .header-Nav
  .nav-Menu
  li
  a.active
  span::before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
@media (any-hover: hover) {
  .st-Header
    .header-Content
    .header-Inner
    .header-Nav
    .nav-Menu
    li
    a:hover::before {
    opacity: 1;
  }
  .st-Header
    .header-Content
    .header-Inner
    .header-Nav
    .nav-Menu
    li
    a:hover
    span::after,
  .st-Header
    .header-Content
    .header-Inner
    .header-Nav
    .nav-Menu
    li
    a:hover
    span::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@media print, screen and (min-width: 769px) {
  .st-Header .header-Content .header-Inner .header-Nav .nav-Official {
    margin: 40px 0 0;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Header .header-Content .header-Inner .header-Nav .nav-Official {
    margin: 10.4166666667vw 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
}
.st-Header
  .header-Content
  .header-Inner
  .header-Nav
  .nav-Official
  .official-Title {
  font-family: Orbitron, sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
}
@media print, screen and (min-width: 769px) {
  .st-Header
    .header-Content
    .header-Inner
    .header-Nav
    .nav-Official
    .official-Title {
    color: rgba(255, 255, 255, 0.7);
    font-size: 1.2rem;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Header
    .header-Content
    .header-Inner
    .header-Nav
    .nav-Official
    .official-Title {
    color: #fff;
    font-size: 3.125vw;
  }
}
.st-Header
  .header-Content
  .header-Inner
  .header-Nav
  .nav-Official
  .official-List {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media print, screen and (min-width: 769px) {
  .st-Header
    .header-Content
    .header-Inner
    .header-Nav
    .nav-Official
    .official-List {
    gap: 12px;
    margin: 14px 0 0;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Header
    .header-Content
    .header-Inner
    .header-Nav
    .nav-Official
    .official-List {
    gap: 0 5.2083333333vw;
    margin-left: 5.2083333333vw;
  }
}
.st-Header
  .header-Content
  .header-Inner
  .header-Nav
  .nav-Official
  .official-List
  .list-Item
  a {
  display: block;
}
@media (any-hover: hover) {
  .st-Header
    .header-Content
    .header-Inner
    .header-Nav
    .nav-Official
    .official-List
    .list-Item
    a {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .st-Header
    .header-Content
    .header-Inner
    .header-Nav
    .nav-Official
    .official-List
    .list-Item
    a:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@media print, screen and (min-width: 769px) {
  .st-Header
    .header-Content
    .header-Inner
    .header-Nav
    .nav-Official
    .official-List
    .list-Item:nth-of-type(1)
    a {
    width: 21px;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Header
    .header-Content
    .header-Inner
    .header-Nav
    .nav-Official
    .official-List
    .list-Item:nth-of-type(1)
    a {
    width: 5.5989583333vw;
  }
}
@media print, screen and (min-width: 769px) {
  .st-Header
    .header-Content
    .header-Inner
    .header-Nav
    .nav-Official
    .official-List
    .list-Item:nth-of-type(2)
    a {
    width: 28px;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Header
    .header-Content
    .header-Inner
    .header-Nav
    .nav-Official
    .official-List
    .list-Item:nth-of-type(2)
    a {
    width: 7.2916666667vw;
  }
}
.st-Header
  .header-Content
  .header-Inner
  .header-Nav
  .nav-Official
  .official-List
  .list-Item
  svg {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (any-hover: hover) {
  .st-Header .header-Content .header-Inner .header-Nav .nav-Official {
    pointer-events: none;
  }
  .st-Header
    .header-Content
    .header-Inner
    .header-Nav
    .nav-Official
    .official-Title {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }
  .st-Header
    .header-Content
    .header-Inner
    .header-Nav
    .nav-Official
    .official-List
    .list-Item
    a {
    pointer-events: all;
  }
  .st-Header
    .header-Content
    .header-Inner
    .header-Nav
    .nav-Official:hover
    .official-Title {
    color: #34ffe7;
  }
}
.st-Header.active .header-Hamburger::before {
  opacity: 1;
}
.st-Header.active .header-Hamburger::after {
  opacity: 0;
}
.st-Header.active .header-Overlay {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}
.st-Header.active .header-Content {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.4s 0.2s;
  transition: -webkit-transform 0.4s 0.2s;
  transition: transform 0.4s 0.2s;
  transition: transform 0.4s 0.2s, -webkit-transform 0.4s 0.2s;
}
.st-Footer {
  position: relative;
  z-index: 3;
}
.st-Footer::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
}
@media print, screen and (min-width: 769px) {
  .st-Footer::before {
    top: -238px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 1920px;
    height: calc(100% + 238px);
    background: url(/wp-content/themes/macross-si_v1/assets/images/pc/footer/bg_footer.png) no-repeat bottom
      center/auto 100%;
  }
}
@media print, screen and (min-width: 1921px) {
  .st-Footer::before {
    width: 100vw;
    background: url(/wp-content/themes/macross-si_v1/assets/images/pc/footer/bg_footer.png) no-repeat bottom
      center/100% 100%;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Footer::before {
    top: -13.28125vw;
    left: 0;
    width: 100vw;
    height: calc(100% + 13.28125vw);
    background: url(/wp-content/themes/macross-si_v1/assets/images/sp/footer/bg_footer.png) no-repeat bottom
      center/100% 100%;
  }
}
.st-Footer::after {
  content: "";
  position: absolute;
  display: block;
  z-index: 2;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media print, screen and (min-width: 769px) {
  .st-Footer::after {
    width: 389px;
    height: 220px;
    top: -255px;
    background: url(/wp-content/themes/macross-si_v1/assets/images/pc/footer/deco_footer_light.png) no-repeat top
      center/contain;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Footer::after {
    width: 50.6510416667vw;
    height: 25.2604166667vw;
    top: -29.6875vw;
    background: url(/wp-content/themes/macross-si_v1/assets/images/sp/footer/deco_footer_light.png) no-repeat top
      center/contain;
  }
}
.st-Footer .footer-Body {
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
@media print, screen and (min-width: 769px) {
  .st-Footer .footer-Body {
    width: 960px;
    padding: 0 0 40px;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Footer .footer-Body {
    padding: 0 0 7.8125vw;
  }
}
.st-Footer .footer-Share {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.st-Footer .footer-Share .share-Title {
  display: inline-block;
  font-family: Orbitron, sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  color: #fff;
}
@media print, screen and (min-width: 769px) {
  .st-Footer .footer-Share .share-Title {
    font-size: 2.6rem;
    text-shadow: 0 0 10px #53ffea;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Footer .footer-Share .share-Title {
    font-size: 4.1666666667vw;
    text-shadow: 0 0 2.6041666667vw #53ffea;
  }
}
.st-Footer .footer-Share .share-List {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media print, screen and (min-width: 769px) {
  .st-Footer .footer-Share .share-List {
    margin-left: 30px;
    gap: 0 20px;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Footer .footer-Share .share-List {
    margin-left: 5.2083333333vw;
    gap: 0 3.90625vw;
  }
}
.st-Footer .footer-Share .share-List .list-Item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
}
@media print, screen and (min-width: 769px) {
  .st-Footer .footer-Share .share-List .list-Item a {
    width: 60px;
    height: 60px;
    padding: 3px 0 0;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Footer .footer-Share .share-List .list-Item a {
    width: 13.0208333333vw;
    height: 13.0208333333vw;
    padding: 0.6510416667vw 0 0;
  }
}
.st-Footer .footer-Share .share-List .list-Item a::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M58%2030C58%2045.464%2045.464%2058%2030%2058C21.7512%2058%2014.3355%2054.433%209.21124%2048.7574L7.44264%2049.7785C12.9411%2056.0444%2021.0086%2060%2030%2060C46.5685%2060%2060%2046.5685%2060%2030C60%2013.4315%2046.5685%200%2030%200C13.4315%200%200%2013.4315%200%2030C0%2032.5471%200.317431%2035.0201%200.914891%2037.3815L2.72059%2036.339C2.24917%2034.3021%202%2032.1802%202%2030C2%2014.536%2014.536%202%2030%202C45.464%202%2058%2014.536%2058%2030Z%22%20fill%3D%22white%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M12%2048.9873C12%2050.9203%2010.433%2052.4873%208.5%2052.4873C6.567%2052.4873%205%2050.9203%205%2048.9873C5%2047.0543%206.567%2045.4873%208.5%2045.4873C10.433%2045.4873%2012%2047.0543%2012%2048.9873Z%22%20fill%3D%22white%22%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E")
    no-repeat top center/contain;
  will-change: filter;
  top: 0;
  left: 0;
}
@media print, screen and (min-width: 769px) {
  .st-Footer .footer-Share .share-List .list-Item a::before {
    -webkit-filter: drop-shadow(0 0 9.6px #53ffea);
    filter: drop-shadow(0 0 9.6px #53ffea);
  }
}
@media print, screen and (max-width: 768px) {
  .st-Footer .footer-Share .share-List .list-Item a::before {
    -webkit-filter: drop-shadow(0 0 1.25vw #53ffea);
    filter: drop-shadow(0 0 1.25vw #53ffea);
  }
}
.st-Footer .footer-Share .share-List .list-Item a span {
  display: block;
}
.st-Footer .footer-Share .share-List .list-Item a span svg {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (any-hover: hover) {
  .st-Footer .footer-Share .share-List .list-Item a {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .st-Footer .footer-Share .share-List .list-Item a:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@media print, screen and (max-width: 768px) {
  .st-Footer .footer-Share .share-List .list-Item:nth-of-type(1) a span {
    width: 5.5989583333vw;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Footer .footer-Share .share-List .list-Item:nth-of-type(2) a span {
    width: 5.5989583333vw;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Footer .footer-Share .share-List .list-Item:nth-of-type(3) a span {
    width: 3.2552083333vw;
  }
}
@media print, screen and (min-width: 769px) {
  .st-Footer .footer-Banner {
    margin: 70px 0 0;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Footer .footer-Banner {
    margin: 11.71875vw 0 0;
  }
}
.st-Footer .footer-Banner .banner-List {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media print, screen and (min-width: 769px) {
  .st-Footer .footer-Banner .banner-List {
    gap: 0 18px;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Footer .footer-Banner .banner-List {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2.34375vw;
  }
}
.st-Footer .footer-Banner .banner-List .list-Item a {
  display: block;
}
@media print, screen and (min-width: 769px) {
  .st-Footer .footer-Banner .banner-List .list-Item a {
    width: 308px;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Footer .footer-Banner .banner-List .list-Item a {
    width: 41.015625vw;
  }
}
@media (any-hover: hover) {
  .st-Footer .footer-Banner .banner-List .list-Item a {
    overflow: hidden;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .st-Footer .footer-Banner .banner-List .list-Item a:hover {
    opacity: 0.7;
  }
}
@media print, screen and (min-width: 769px) {
  .st-Footer .footer-Trademark {
    margin: 70px 0 0;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Footer .footer-Trademark {
    margin: 7.8125vw auto 0;
    width: 84.375vw;
  }
}
@media print, screen and (min-width: 769px) {
  .st-Footer .footer-Trademark .trademark-List {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.st-Footer .footer-Trademark .trademark-List .list-Item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
@media print, screen and (max-width: 768px) {
  .st-Footer .footer-Trademark .trademark-List .list-Item {
    border-top: 1px solid rgba(217, 217, 217, 0.2);
    padding: 3.90625vw 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Footer .footer-Trademark .trademark-List .list-Item:last-of-type {
    border-bottom: 1px solid rgba(217, 217, 217, 0.2);
  }
}
.st-Footer .footer-Trademark .trademark-List .list-Item + .list-Item {
  position: relative;
}
@media print, screen and (min-width: 769px) {
  .st-Footer .footer-Trademark .trademark-List .list-Item + .list-Item::before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    background: rgba(217, 217, 217, 0.2);
    top: 0;
    left: 0;
    height: 72px;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Footer .footer-Trademark .trademark-List .list-Item .logo {
    width: 24.4791666667vw;
  }
}
@media print, screen and (min-width: 769px) {
  .st-Footer .footer-Trademark .trademark-List .list-Item .logo img {
    height: auto;
  }
}
.st-Footer .footer-Trademark .trademark-List .list-Item .text {
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.7);
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
@media print, screen and (min-width: 769px) {
  .st-Footer .footer-Trademark .trademark-List .list-Item .text {
    font-size: 1.2rem;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Footer .footer-Trademark .trademark-List .list-Item .text {
    font-size: 2.6041666667vw;
  }
}
@media print, screen and (min-width: 769px) {
  .st-Footer .footer-Trademark .trademark-List .list-Item:nth-of-type(1) {
    width: 307px;
    padding-right: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .st-Footer .footer-Trademark .trademark-List .list-Item:nth-of-type(1) .logo {
    width: 45px;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Footer .footer-Trademark .trademark-List .list-Item:nth-of-type(1) .logo {
    padding: 0 9.5052083333vw 0 6.1197916667vw;
  }
}
@media print, screen and (min-width: 769px) {
  .st-Footer .footer-Trademark .trademark-List .list-Item:nth-of-type(1) .text {
    padding-top: 8px;
    margin-left: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .st-Footer .footer-Trademark .trademark-List .list-Item:nth-of-type(2) {
    width: 332px;
    padding: 0 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .st-Footer .footer-Trademark .trademark-List .list-Item:nth-of-type(2) .logo {
    width: 104px;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Footer .footer-Trademark .trademark-List .list-Item:nth-of-type(2) .logo {
    padding: 0 3.2552083333vw 0 0;
  }
}
@media print, screen and (min-width: 769px) {
  .st-Footer .footer-Trademark .trademark-List .list-Item:nth-of-type(2) .text {
    margin-left: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .st-Footer .footer-Trademark .trademark-List .list-Item:nth-of-type(3) {
    width: 321px;
    padding-left: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .st-Footer .footer-Trademark .trademark-List .list-Item:nth-of-type(3) .logo {
    width: 40px;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Footer .footer-Trademark .trademark-List .list-Item:nth-of-type(3) .logo {
    padding: 0 9.375vw 0 6.1197916667vw;
  }
}
@media print, screen and (min-width: 769px) {
  .st-Footer .footer-Trademark .trademark-List .list-Item:nth-of-type(3) .text {
    margin-left: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .st-Footer .footer-Bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 94px 0 0;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Footer .footer-Bottom {
    margin: 10.4166666667vw 0 0;
  }
}
@media print, screen and (min-width: 769px) {
  .st-Footer .footer-Bottom .footer-Link {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    padding: 0 0 6px;
  }
}
.st-Footer .footer-Bottom .footer-Link .logo-bushiroad {
  display: block;
}
@media print, screen and (min-width: 769px) {
  .st-Footer .footer-Bottom .footer-Link .logo-bushiroad {
    width: 143px;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Footer .footer-Bottom .footer-Link .logo-bushiroad {
    width: 35.9375vw;
    margin: 0 auto;
  }
}
@media (any-hover: hover) {
  .st-Footer .footer-Bottom .footer-Link .logo-bushiroad {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .st-Footer .footer-Bottom .footer-Link .logo-bushiroad:hover {
    opacity: 0.7;
  }
}
.st-Footer .footer-Bottom .footer-Link .link-List {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media print, screen and (min-width: 769px) {
  .st-Footer .footer-Bottom .footer-Link .link-List {
    margin-left: 40px;
    gap: 20px;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Footer .footer-Bottom .footer-Link .link-List {
    margin-top: 10.4166666667vw;
    gap: 0 5.2083333333vw;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.st-Footer .footer-Bottom .footer-Link .link-List li a {
  display: inline-block;
  font-family: Orbitron, sans-serif;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1;
  border-bottom: 1px solid #fff;
  white-space: nowrap;
}
@media print, screen and (min-width: 769px) {
  .st-Footer .footer-Bottom .footer-Link .link-List li a {
    font-size: 1.2rem;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Footer .footer-Bottom .footer-Link .link-List li a {
    font-size: 2.8645833333vw;
  }
}
@media (any-hover: hover) {
  .st-Footer .footer-Bottom .footer-Link .link-List li a {
    -webkit-transition: border-color 0.3s;
    transition: border-color 0.3s;
  }
  .st-Footer .footer-Bottom .footer-Link .link-List li a:hover {
    border-color: rgba(255, 255, 255, 0);
  }
}
@media print, screen and (min-width: 769px) {
  .st-Footer .footer-Bottom .footer-Copyright {
    margin-left: auto;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Footer .footer-Bottom .footer-Copyright {
    margin-top: 7.8125vw;
  }
}
.st-Footer .footer-Bottom .footer-Copyright p {
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.7);
}
@media print, screen and (min-width: 769px) {
  .st-Footer .footer-Bottom .footer-Copyright p {
    font-size: 1rem;
    text-align: right;
  }
}
@media print, screen and (max-width: 768px) {
  .st-Footer .footer-Bottom .footer-Copyright p {
    text-align: center;
    font-size: 2.8645833333vw;
  }
}
.otgs-development-site-front-end {
  display: none !important;
}
.index-Mainvisual {
  position: relative;
}
@media print, screen and (min-width: 769px) {
  .index-Mainvisual::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    bottom: -450px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 1200px;
    height: 855px;
    background: url(/wp-content/themes/macross-si_v1/assets/images/pc/index/deco_mainvisual_light.png) no-repeat
      top center/contain;
  }
}
.index-Mainvisual .mainvisual-Image {
  position: relative;
  z-index: 2;
}
@media print, screen and (min-width: 769px) {
  .index-Mainvisual .mainvisual-Image {
    width: 1536px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.index-Mainvisual .mainvisual-Logo {
  z-index: 3;
}
@media print, screen and (min-width: 769px) {
  .index-Mainvisual .mainvisual-Logo {
    position: relative;
    margin: -390px auto 0;
    width: 880px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Mainvisual .mainvisual-Logo {
    position: absolute;
    bottom: -4.5572916667vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100vw;
  }
}
.index-SubContents {
  z-index: 3;
}
@media print, screen and (min-width: 769px) {
  .index-SubContents {
    position: absolute;
    top: 140px;
    right: 36px;
  }
}
@media print, screen and (min-width: 769px) and (max-width: 1720px) {
  .index-SubContents {
    position: relative;
    top: auto;
    right: auto;
    margin: 160px 0 0;
  }
}
@media print, screen and (max-width: 768px) {
  .index-SubContents {
    margin: 10.4166666667vw 0 0;
  }
}
.index-SubContents .subContents_Body {
  margin: 0 auto;
}
@media print, screen and (min-width: 769px) and (max-width: 1720px) {
  .index-SubContents .subContents_Body {
    width: 960px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
}
@media print, screen and (max-width: 768px) {
  .index-SubContents .subContents_Body {
    width: 84.375vw;
  }
}
@media print, screen and (min-width: 769px) and (max-width: 1720px) {
  .index-SubContents .subContents_Body.en .subContents-Twitter {
    width: 100%;
  }
}
@media print, screen and (min-width: 769px) and (max-width: 1720px) {
  .index-SubContents
    .subContents_Body.en
    .subContents-Twitter
    .twitter-Content {
    width: 100%;
  }
}
.index-SubContents .subContents-Title {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-family: Orbitron, sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
}
@media print, screen and (min-width: 769px) {
  .index-SubContents .subContents-Title {
    font-size: 1.8rem;
  }
}
@media print, screen and (max-width: 768px) {
  .index-SubContents .subContents-Title {
    font-size: 4.1666666667vw;
  }
}
.index-SubContents .subContents-Title::before {
  content: "";
  display: block;
  will-change: filter;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2223%22%20height%3D%2212%22%20viewBox%3D%220%200%2023%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M15.5263%208.38107L23%200.5H4.12414L6.85616%203.38095H13.5621V5.73809H9.09147L11.5396%208.31969L14.3486%2011.5H18.281L15.5263%208.38107Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M0%200.5H2.22069L12.2138%2011.5H9.9931L0%200.5Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    no-repeat top center/contain;
}
@media print, screen and (min-width: 769px) {
  .index-SubContents .subContents-Title::before {
    margin-right: 4px;
    width: 23px;
    height: 11px;
    -webkit-filter: drop-shadow(0 0 6.3px rgba(255, 255, 255, 0.6));
    filter: drop-shadow(0 0 6.3px rgba(255, 255, 255, 0.6));
  }
}
@media print, screen and (max-width: 768px) {
  .index-SubContents .subContents-Title::before {
    width: 5.46875vw;
    height: 2.6041666667vw;
    margin-right: 2.6041666667vw;
    -webkit-filter: drop-shadow(0 0 0.8203125vw rgba(255, 255, 255, 0.6));
    filter: drop-shadow(0 0 0.8203125vw rgba(255, 255, 255, 0.6));
  }
}
.index-SubContents .subContents-Twitter .twitter-Content {
  border: 1px solid #119585;
  position: relative;
}
@media print, screen and (min-width: 769px) {
  .index-SubContents .subContents-Twitter .twitter-Content {
    margin: 14px 0 0;
    width: 280px;
    padding: 3px;
  }
}
@media print, screen and (min-width: 769px) and (max-width: 1720px) {
  .index-SubContents .subContents-Twitter .twitter-Content {
    width: 592px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-SubContents .subContents-Twitter .twitter-Content {
    margin: 5.2083333333vw 0 0;
    width: 82.2916666667vw;
    padding: 0.390625vw;
  }
}
.index-SubContents
  .subContents-Twitter
  .twitter-Content
  .twitter-Timeline::after,
.index-SubContents
  .subContents-Twitter
  .twitter-Content
  .twitter-Timeline::before,
.index-SubContents .subContents-Twitter .twitter-Content::after,
.index-SubContents .subContents-Twitter .twitter-Content::before {
  content: "";
  position: absolute;
  z-index: 2;
  display: block;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_391_236)%22%3E%0A%3Ccircle%20cx%3D%224%22%20cy%3D%224%22%20r%3D%224%22%20transform%3D%22matrix(1%200%200%20-1%200%208)%22%20fill%3D%22%2334FFE7%22%2F%3E%0A%3Ccircle%20cx%3D%222%22%20cy%3D%222%22%20r%3D%222%22%20transform%3D%22matrix(1%200%200%20-1%208%2012)%22%20fill%3D%22%2334FFE7%22%2F%3E%0A%3Ccircle%20cx%3D%221%22%20cy%3D%221%22%20r%3D%221%22%20transform%3D%22matrix(1%200%200%20-1%2013%2015)%22%20fill%3D%22%2334FFE7%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_391_236%22%3E%0A%3Crect%20width%3D%2215%22%20height%3D%2215%22%20fill%3D%22white%22%20transform%3D%22matrix(1%200%200%20-1%200%2015)%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A")
    no-repeat top center/contain;
  will-change: filter;
}
@media print, screen and (min-width: 769px) {
  .index-SubContents
    .subContents-Twitter
    .twitter-Content
    .twitter-Timeline::after,
  .index-SubContents
    .subContents-Twitter
    .twitter-Content
    .twitter-Timeline::before,
  .index-SubContents .subContents-Twitter .twitter-Content::after,
  .index-SubContents .subContents-Twitter .twitter-Content::before {
    width: 15px;
    height: 15px;
    -webkit-filter: drop-shadow(0 0 12px rgba(0, 255, 255, 0.9));
    filter: drop-shadow(0 0 12px rgba(0, 255, 255, 0.9));
  }
}
@media print, screen and (max-width: 768px) {
  .index-SubContents
    .subContents-Twitter
    .twitter-Content
    .twitter-Timeline::after,
  .index-SubContents
    .subContents-Twitter
    .twitter-Content
    .twitter-Timeline::before,
  .index-SubContents .subContents-Twitter .twitter-Content::after,
  .index-SubContents .subContents-Twitter .twitter-Content::before {
    width: 2.0833333333vw;
    height: 2.0833333333vw;
    -webkit-filter: drop-shadow(0 0 3.125vw rgba(0, 255, 255, 0.9));
    filter: drop-shadow(0 0 3.125vw rgba(0, 255, 255, 0.9));
  }
}
@media print, screen and (min-width: 769px) {
  .index-SubContents .subContents-Twitter .twitter-Content::before {
    top: -4px;
    left: -4px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-SubContents .subContents-Twitter .twitter-Content::before {
    top: -1.0416666667vw;
    left: -1.0416666667vw;
  }
}
.index-SubContents .subContents-Twitter .twitter-Content::after {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
@media print, screen and (min-width: 769px) {
  .index-SubContents .subContents-Twitter .twitter-Content::after {
    top: -4px;
    right: -4px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-SubContents .subContents-Twitter .twitter-Content::after {
    top: -1.0416666667vw;
    right: -1.0416666667vw;
  }
}
.index-SubContents .subContents-Twitter .twitter-Content .twitter-Timeline {
  background: #020d1b;
  -ms-overflow-style: none;
  scrollbar-width: none;
  background: #000;
  overflow-y: scroll;
  width: 100%;
}
.index-SubContents
  .subContents-Twitter
  .twitter-Content
  .twitter-Timeline::-webkit-scrollbar {
  display: none;
}
@media print, screen and (min-width: 769px) {
  .index-SubContents .subContents-Twitter .twitter-Content .twitter-Timeline {
    height: 222px;
  }
}
@media print, screen and (min-width: 769px) and (max-width: 1720px) {
  .index-SubContents .subContents-Twitter .twitter-Content .twitter-Timeline {
    height: 260px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-SubContents .subContents-Twitter .twitter-Content .twitter-Timeline {
    height: 65.7552083333vw;
  }
}
.index-SubContents
  .subContents-Twitter
  .twitter-Content
  .twitter-Timeline::before {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
@media print, screen and (min-width: 769px) {
  .index-SubContents
    .subContents-Twitter
    .twitter-Content
    .twitter-Timeline::before {
    bottom: -4px;
    left: -4px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-SubContents
    .subContents-Twitter
    .twitter-Content
    .twitter-Timeline::before {
    bottom: -1.0416666667vw;
    left: -1.0416666667vw;
  }
}
.index-SubContents
  .subContents-Twitter
  .twitter-Content
  .twitter-Timeline::after {
  -webkit-transform: scale(-1);
  transform: scale(-1);
}
@media print, screen and (min-width: 769px) {
  .index-SubContents
    .subContents-Twitter
    .twitter-Content
    .twitter-Timeline::after {
    bottom: -4px;
    right: -4px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-SubContents
    .subContents-Twitter
    .twitter-Content
    .twitter-Timeline::after {
    bottom: -1.0416666667vw;
    right: -1.0416666667vw;
  }
}
@media print, screen and (min-width: 769px) {
  .index-SubContents .subContents-Store {
    margin: 40px 0 0;
  }
}
@media print, screen and (min-width: 769px) and (max-width: 1720px) {
  .index-SubContents .subContents-Store {
    margin: 0 0 0 80px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-SubContents .subContents-Store {
    margin: 11.9791666667vw 0 0;
  }
}
@media print, screen and (min-width: 769px) {
  .index-SubContents .subContents-Store .store-List {
    margin: 14px 0 0;
  }
}
@media print, screen and (max-width: 768px) {
  .index-SubContents .subContents-Store .store-List {
    margin: 5.2083333333vw 0 0;
  }
}
@media print, screen and (min-width: 769px) {
  .index-SubContents .subContents-Store .store-List .list-Item + .list-Item {
    margin-top: 14px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-SubContents .subContents-Store .store-List .list-Item + .list-Item {
    margin-top: 3.3854166667vw;
  }
}
@media print, screen and (min-width: 769px) {
  .index-News {
    margin: 200px 0 0;
  }
}
@media print, screen and (min-width: 769px) and (max-width: 1720px) {
  .index-News {
    margin: 150px 0 0;
  }
}
@media print, screen and (max-width: 768px) {
  .index-News {
    margin: 13.0208333333vw 0 0;
  }
}
.index-News .news-Body {
  margin: 0 auto;
}
@media print, screen and (min-width: 769px) {
  .index-News .news-Body {
    width: 960px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media print, screen and (max-width: 768px) {
  .index-News .news-Body {
    padding-bottom: 16.9270833333vw;
  }
}
@media print, screen and (min-width: 769px) {
  .index-News .news-Title {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    order: 1;
    width: 261px;
    margin-right: auto;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
}
@media print, screen and (max-width: 768px) {
  .index-News .news-Title {
    width: 45.9635416667vw;
    margin: 0 0 0 7.8125vw;
  }
}
.index-News .news-Content {
  position: relative;
}
@media print, screen and (min-width: 769px) {
  .index-News .news-Content {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    order: 3;
    width: 100%;
    margin: 30px 0 0;
    padding: 0 0 160px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-News .news-Content {
    margin: 5.2083333333vw 0 0;
    z-index: 1;
  }
}
.index-News .news-Content::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: rgba(0, 11, 24, 0.7);
  width: 100vw;
}
@media print, screen and (min-width: 769px) {
  .index-News .news-Content::before {
    min-width: 1300px;
    top: 60px;
    height: calc(100% - 60px);
    -webkit-clip-path: polygon(
      0 0,
      100% 0,
      100% 100%,
      calc(100% - (100% - 960px) * 0.5) 100%,
      calc(100% - (100% - 960px + 120px) * 0.5) calc(100% - 54px),
      calc(100% - (100% + 960px - 120px) * 0.5) calc(100% - 54px),
      calc(100% - (100% + 960px) * 0.5) 100%,
      0 100%
    );
    clip-path: polygon(
      0 0,
      100% 0,
      100% 100%,
      calc(100% - (100% - 960px) * 0.5) 100%,
      calc(100% - (100% - 960px + 120px) * 0.5) calc(100% - 54px),
      calc(100% - (100% + 960px - 120px) * 0.5) calc(100% - 54px),
      calc(100% - (100% + 960px) * 0.5) 100%,
      0 100%
    );
  }
}
@media print, screen and (max-width: 768px) {
  .index-News .news-Content::before {
    width: 100%;
    top: 10.4166666667vw;
    height: calc(100% + 24.7395833333vw);
    -webkit-clip-path: polygon(
      0 0,
      100% 0,
      100% 100%,
      calc(100% - 3.90625vw) 100%,
      calc(100% - 13.8020833333vw) calc(100% - 9.1145833333vw),
      13.8020833333vw calc(100% - 9.1145833333vw),
      3.90625vw 100%,
      0 100%
    );
    clip-path: polygon(
      0 0,
      100% 0,
      100% 100%,
      calc(100% - 3.90625vw) 100%,
      calc(100% - 13.8020833333vw) calc(100% - 9.1145833333vw),
      13.8020833333vw calc(100% - 9.1145833333vw),
      3.90625vw 100%,
      0 100%
    );
  }
}
@media print, screen and (min-width: 769px) {
  .index-News .news-Content .news-Deco {
    display: inline-block;
    position: absolute;
    z-index: 2;
    width: 160px;
    top: 176px;
    right: -245px;
    padding: 0 0 10px;
  }
}
@media print, screen and (min-width: 769px) and (max-width: 1500px) {
  .index-News .news-Content .news-Deco {
    top: auto;
    bottom: 95px;
    right: -120px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-News .news-Content .news-Deco {
    display: none;
  }
}
@media print, screen and (min-width: 769px) {
  .index-News .news-Content .news-Deco::after,
  .index-News .news-Content .news-Deco::before {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    background: rgba(255, 255, 255, 0.4);
  }
}
@media print, screen and (min-width: 769px) {
  .index-News .news-Content .news-Deco::before {
    width: 60px;
    left: 0;
    bottom: 1px;
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@media print, screen and (min-width: 769px) and (max-width: 1500px) {
  .index-News .news-Content .news-Deco::before {
    -webkit-transform: rotate(-150deg);
    transform: rotate(-150deg);
  }
}
@media print, screen and (min-width: 769px) {
  .index-News .news-Content .news-Deco::after {
    bottom: 0;
    left: 0;
    width: 100%;
  }
}
@media print, screen and (min-width: 769px) {
  .index-News .news-Content .news-Deco .text {
    color: rgba(255, 255, 255, 0.4);
    font-family: Orbitron, sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.4;
    font-size: 1rem;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@media print, screen and (max-width: 768px) {
  .index-News .news-Content .swiper {
    width: 88.28125vw;
    margin: 0 auto;
    overflow: visible;
  }
}
@media print, screen and (max-width: 768px) {
  .index-News .news-Content .swiper .swiper-wrapper .swiper-slide {
    height: auto;
    padding: 0 1.953125vw;
  }
}
@media print, screen and (max-width: 768px) {
  .index-News .news-Content .swiper .swiper-wrapper .swiper-slide a {
    height: 100%;
  }
}
@media print, screen and (min-width: 769px) {
  .index-News .news-Btn {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2;
  }
}
@media print, screen and (max-width: 768px) {
  .index-News .news-Btn {
    text-align: right;
    position: relative;
    z-index: 2;
    padding-right: 7.8125vw;
    margin: 7.8125vw 0 0;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Story {
    margin: 66px 0 0;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Story {
    margin: 15.625vw 0 0;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Story::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    background: -webkit-radial-gradient(
      50.05% 49.97%,
      50.01% 50%,
      #1d2088 0.6%,
      rgba(22, 62, 159, 0.76) 13.7%,
      rgba(14, 97, 185, 0.488) 31.3%,
      rgba(7, 124, 206, 0.275) 48.9%,
      rgba(3, 144, 221, 0.122) 66.3%,
      rgba(0, 156, 230, 0.031) 83.5%,
      rgba(0, 160, 233, 0) 100%
    );
    background: radial-gradient(
      50.01% 50% at 50.05% 49.97%,
      #1d2088 0.6%,
      rgba(22, 62, 159, 0.76) 13.7%,
      rgba(14, 97, 185, 0.488) 31.3%,
      rgba(7, 124, 206, 0.275) 48.9%,
      rgba(3, 144, 221, 0.122) 66.3%,
      rgba(0, 156, 230, 0.031) 83.5%,
      rgba(0, 160, 233, 0) 100%
    );
    background-blend-mode: hard-light;
    mix-blend-mode: hard-light;
    opacity: 0.86;
    -webkit-transform: rotate(59.26deg);
    transform: rotate(59.26deg);
    width: 703px;
    height: 1066px;
    top: -195px;
    left: 8px;
  }
}
.index-Story::after {
  content: "";
  position: absolute;
  z-index: 2;
  display: block;
}
@media print, screen and (min-width: 769px) {
  .index-Story::after {
    width: 1767px;
    height: 1056px;
    top: -166px;
    left: 45%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: url(/wp-content/themes/macross-si_v1/assets/images/pc/index/bg_story_space.png) no-repeat top
      center/contain;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Story::after {
    width: 100vw;
    height: 210.546875vw;
    top: -18.2291666667vw;
    left: 0;
    background: url(/wp-content/themes/macross-si_v1/assets/images/sp/index/bg_story_space.png) no-repeat top
      center/contain;
  }
}
.index-Story .story-Deco {
  pointer-events: none;
}
@media print, screen and (max-width: 768px) {
  .index-Story .story-Deco {
    display: none;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Story .story-Deco::before {
    content: "";
    position: absolute;
    display: block;
    background: -webkit-radial-gradient(
      50.05% 49.97%,
      50.01% 50%,
      #1d2088 0.6%,
      rgba(22, 62, 159, 0.76) 13.7%,
      rgba(14, 97, 185, 0.488) 31.3%,
      rgba(7, 124, 206, 0.275) 48.9%,
      rgba(3, 144, 221, 0.122) 66.3%,
      rgba(0, 156, 230, 0.031) 83.5%,
      rgba(0, 160, 233, 0) 100%
    );
    background: radial-gradient(
      50.01% 50% at 50.05% 49.97%,
      #1d2088 0.6%,
      rgba(22, 62, 159, 0.76) 13.7%,
      rgba(14, 97, 185, 0.488) 31.3%,
      rgba(7, 124, 206, 0.275) 48.9%,
      rgba(3, 144, 221, 0.122) 66.3%,
      rgba(0, 156, 230, 0.031) 83.5%,
      rgba(0, 160, 233, 0) 100%
    );
    background-blend-mode: hard-light;
    mix-blend-mode: hard-light;
    opacity: 0.86;
    -webkit-transform: rotate(59.26deg);
    transform: rotate(59.26deg);
    width: 703px;
    height: 1066px;
    bottom: -560px;
    right: 280px;
  }
}
.index-Story .story-Title {
  position: relative;
  z-index: 4;
}
.index-Story .story-Title span {
  display: block;
  margin: 0 auto;
}
@media print, screen and (min-width: 769px) {
  .index-Story .story-Title span {
    width: 293px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Story .story-Title span {
    width: 49.0885416667vw;
  }
}
.index-Story .story-Content {
  position: relative;
  z-index: 3;
}
@media print, screen and (min-width: 769px) {
  .index-Story .story-Content {
    margin: -40px auto 0;
    padding: 112px 0 122px;
    width: 960px;
    -webkit-perspective: 100px;
    perspective: 100px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Story .story-Content {
    margin: -6.5104166667vw auto 0;
    padding: 14.7135416667vw 0 17.7083333333vw;
    width: 92.1875vw;
    -webkit-perspective: 32.5520833333vw;
    perspective: 32.5520833333vw;
    -webkit-perspective-origin: bottom center;
    perspective-origin: bottom center;
    -webkit-perspective-origin: 74% 95%;
    perspective-origin: 74% 95%;
  }
}
.index-Story .story-Content::before {
  content: "";
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media print, screen and (min-width: 769px) {
  .index-Story .story-Content::before {
    background: url(/wp-content/themes/macross-si_v1/assets/images/pc/index/bg_story.png) no-repeat top
      center/contain;
    width: 1024px;
    height: 1000px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Story .story-Content::before {
    background: url(/wp-content/themes/macross-si_v1/assets/images/sp/index/bg_story.png) no-repeat top
      center/contain;
    width: 100vw;
    height: 214.1927083333vw;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Story .story-Content.en::before {
    background: url(/wp-content/themes/macross-si_v1/assets/images/pc/index/bg_story_en.png) no-repeat top
      center/contain;
    height: 817px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Story .story-Content.en::before {
    background: url(/wp-content/themes/macross-si_v1/assets/images/sp/index/bg_story_en.png) no-repeat top
      center/contain;
    height: 132.8125vw;
  }
}
.index-Story .story-Content .story-Deco_Text {
  display: inline-block;
  position: absolute;
  z-index: 2;
}
@media print, screen and (min-width: 769px) {
  .index-Story .story-Content .story-Deco_Text {
    width: 160px;
    top: 363px;
    left: -180px;
    padding: 0 0 10px;
  }
}
@media print, screen and (min-width: 769px) and (max-width: 1500px) {
  .index-Story .story-Content .story-Deco_Text {
    width: 140px;
    left: -140px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Story .story-Content .story-Deco_Text {
    display: none;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Story .story-Content .story-Deco_Text::after,
  .index-Story .story-Content .story-Deco_Text::before {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    background: rgba(255, 255, 255, 0.4);
  }
}
@media print, screen and (min-width: 769px) {
  .index-Story .story-Content .story-Deco_Text::before {
    width: 60px;
    right: 0;
    bottom: 1px;
    -webkit-transform: rotate(-120deg);
    transform: rotate(-120deg);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Story .story-Content .story-Deco_Text::after {
    bottom: 0;
    left: 0;
    width: 100%;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Story .story-Content .story-Deco_Text .text {
    color: rgba(255, 255, 255, 0.4);
    font-family: Orbitron, sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.4;
    font-size: 1rem;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.index-Story .story-Content .story-Deco_Circle {
  position: absolute;
  z-index: 3;
  display: block;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
@media print, screen and (min-width: 769px) {
  .index-Story .story-Content .story-Deco_Circle {
    width: 403px;
    height: 403px;
    right: -230px;
    top: -330px;
    -webkit-transform: rotateX(3deg);
    transform: rotateX(3deg);
  }
}
@media print, screen and (max-width: 768px) {
  .index-Story .story-Content .story-Deco_Circle {
    width: 41.6666666667vw;
    height: 41.6666666667vw;
    right: -17.1875vw;
    bottom: -10.4166666667vw;
    -webkit-transform: rotateX(50deg) rotateY(-8deg);
    transform: rotateX(50deg) rotateY(-8deg);
  }
}
.index-Story .story-Content .story-Deco_Circle::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/wp-content/themes/macross-si_v1/assets/images/common/index/deco_circle_macross-si.png)
    no-repeat top center/contain;
  -webkit-animation: text-cicle-loop 60s linear infinite;
  animation: text-cicle-loop 60s linear infinite;
}
.index-Story .story-Content .story-Catch {
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
@media print, screen and (min-width: 769px) {
  .index-Story .story-Content .story-Catch {
    width: 766px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Story .story-Content .story-Catch {
    width: 77.6041666667vw;
  }
}
.index-Story .story-Content .story-Text {
  position: relative;
  z-index: 2;
}
@media print, screen and (min-width: 769px) {
  .index-Story .story-Content .story-Text {
    margin: 55px 0 0;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Story .story-Content .story-Text {
    margin: 5.2083333333vw 0 0;
  }
}
.index-Story .story-Content .story-Text p {
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 2;
}
@media print, screen and (min-width: 769px) {
  .index-Story .story-Content .story-Text p {
    font-size: 1.6rem;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Story .story-Content .story-Text p {
    font-size: 3.3854166667vw;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Story .story-Content .story-Text p + .large {
    margin: 40px 0 0;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Story .story-Content .story-Text p + .large {
    margin: 3.90625vw 0 0;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Story .story-Content .story-Text p + p {
    margin: 20px 0 0;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Story .story-Content .story-Text p + p {
    margin: 3.90625vw 0 0;
  }
}
.index-Story .story-Content .story-Text p.large {
  letter-spacing: 0.04em;
}
@media print, screen and (min-width: 769px) {
  .index-Story .story-Content .story-Text p.large {
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 2;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Story .story-Content .story-Text p.large {
    font-weight: 900;
    font-size: 5.2083333333vw;
    line-height: 1.8;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Story .story-Content .story-Text p.large + p {
    margin: 40px 0 0;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Story .story-Content .story-Text p.large + p {
    margin: 3.90625vw 0 0;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Title {
    margin: 102px 0 0;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Title {
    margin: 19.2708333333vw 0 0;
  }
}
.index-Title .title-Content {
  position: relative;
  margin: 0 auto;
}
@media print, screen and (min-width: 769px) {
  .index-Title .title-Content {
    width: 960px;
    padding: 60px 0 80px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Title .title-Content {
    width: 92.1875vw;
    padding: 10.4166666667vw 0 14.0625vw;
  }
}
.index-Title .title-Content .title-Frame {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.index-Title .title-Content .title-Frame::after,
.index-Title .title-Content .title-Frame::before {
  content: "";
  display: block;
  position: absolute;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0.5%205.19187V39.5H10.5V10.5V10H11H39.5V0.5H4.72268L0.5%205.19187Z%22%20stroke%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E")
    no-repeat top center/contain;
}
@media print, screen and (min-width: 769px) {
  .index-Title .title-Content .title-Frame::after,
  .index-Title .title-Content .title-Frame::before {
    width: 40px;
    height: 40px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Title .title-Content .title-Frame::after,
  .index-Title .title-Content .title-Frame::before {
    width: 7.8125vw;
    height: 7.8125vw;
  }
}
.index-Title .title-Content .title-Frame:nth-of-type(1)::before {
  top: 0;
  left: 0;
}
.index-Title .title-Content .title-Frame:nth-of-type(1)::after {
  top: 0;
  right: 0;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.index-Title .title-Content .title-Frame:nth-of-type(2)::before {
  bottom: 0;
  left: 0;
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
.index-Title .title-Content .title-Frame:nth-of-type(2)::after {
  bottom: 0;
  right: 0;
  -webkit-transform: scale(-1);
  transform: scale(-1);
}
.index-Title .title-Content p {
  position: relative;
  text-align: center;
}
.index-Title .title-Content p::before {
  content: "";
  display: block;
  position: absolute;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2247%22%20height%3D%2247%22%20viewBox%3D%220%200%2047%2047%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M39.2497%2035C35.7023%2039.8499%2029.969%2043%2023.5%2043C17.0309%2043%2011.2976%2039.8499%207.75032%2035H6.52698C10.2143%2040.4315%2016.4404%2044%2023.5%2044C30.5596%2044%2036.7857%2040.4315%2040.473%2035H39.2497ZM7.75032%2012C11.2976%207.15008%2017.0309%204%2023.5%204C29.969%204%2035.7023%207.15008%2039.2497%2012H40.473C36.7857%206.56846%2030.5596%203%2023.5%203C16.4404%203%2010.2143%206.56846%206.52698%2012H7.75032Z%22%20fill%3D%22%2334FFE7%22%2F%3E%0A%3Cpath%20d%3D%22M23%2039H24L24%2047H23L23%2039Z%22%20fill%3D%22%2334FFE7%22%2F%3E%0A%3Cpath%20d%3D%22M23%200L24%200L24%208L23%208L23%200Z%22%20fill%3D%22%2334FFE7%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    no-repeat top center/contain;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media print, screen and (min-width: 769px) {
  .index-Title .title-Content p::before {
    width: 74px;
    height: 74px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Title .title-Content p::before {
    width: 19.2708333333vw;
    height: 19.2708333333vw;
  }
}
.index-Title .title-Content p span {
  display: inline-block;
  position: relative;
  font-weight: 900;
  letter-spacing: 0.08em;
  color: #34ffe7;
  line-height: 1;
}
@media print, screen and (min-width: 769px) {
  .index-Title .title-Content p span {
    font-size: 2.4rem;
    text-shadow: 0 0 10px #0cff6d;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Title .title-Content p span {
    font-size: 5.46875vw;
    text-shadow: 0 0 2.6041666667vw #0cff6d;
  }
}
.index-Title .title-Content p span::after,
.index-Title .title-Content p span::before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  background: #34ffe7;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
@media print, screen and (min-width: 769px) {
  .index-Title .title-Content p span::after,
  .index-Title .title-Content p span::before {
    width: 16px;
    height: 1px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Title .title-Content p span::after,
  .index-Title .title-Content p span::before {
    width: 4.1666666667vw;
    height: 0.2604166667vw;
  }
}
.index-Title .title-Content p span::before {
  -webkit-transform-origin: right;
  transform-origin: right;
}
@media print, screen and (min-width: 769px) {
  .index-Title .title-Content p span::before {
    left: -21px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Title .title-Content p span::before {
    left: -5.46875vw;
  }
}
.index-Title .title-Content p span::after {
  -webkit-transform-origin: left;
  transform-origin: left;
}
@media print, screen and (min-width: 769px) {
  .index-Title .title-Content p span::after {
    right: -21px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Title .title-Content p span::after {
    right: -5.46875vw;
  }
}
.index-Title .title-Content p.en::before {
  display: none;
}
@media print, screen and (max-width: 768px) {
  .index-Title .title-Content p.en span {
    line-height: 1.3;
  }
}
.index-Title .title-Content p.en span::after,
.index-Title .title-Content p.en span::before {
  display: none;
}
.index-Title .title-Content .title-List {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media print, screen and (min-width: 769px) {
  .index-Title .title-Content .title-List {
    margin: 66px auto 0;
    padding: 0 40px;
    gap: 20px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Title .title-Content .title-List {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 13.0208333333vw auto 0;
    padding: 0 4.4270833333vw;
    gap: 6.7708333333vw 4.4270833333vw;
  }
}
.index-Title .title-Content .title-List li {
  position: relative;
}
@media print, screen and (min-width: 769px) {
  .index-Title .title-Content .title-List li {
    width: 130px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Title .title-Content .title-List li {
    width: 24.4791666667vw;
  }
}
.index-Title .title-Content .title-List li::after,
.index-Title .title-Content .title-List li::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2217%22%20height%3D%2230%22%20viewBox%3D%220%200%2017%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M3.19245%201.07411L13.4999%201.07411L13.4999%203.52411L0.199951%203.52411L3.19245%201.07411Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M17%203.08662L17%2024.3491L13.15%2029.0741L13.15%200.724121L17%203.08662Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    no-repeat top center/contain;
}
@media print, screen and (min-width: 769px) {
  .index-Title .title-Content .title-List li::after,
  .index-Title .title-Content .title-List li::before {
    width: 17px;
    height: 28px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Title .title-Content .title-List li::after,
  .index-Title .title-Content .title-List li::before {
    width: 3.125vw;
    height: 5.3385416667vw;
  }
}
.index-Title .title-Content .title-List li::before {
  -webkit-transform: scale(-1);
  transform: scale(-1);
}
@media print, screen and (min-width: 769px) {
  .index-Title .title-Content .title-List li::before {
    bottom: -4px;
    left: -5px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Title .title-Content .title-List li::before {
    bottom: -0.9114583333vw;
    left: -0.9114583333vw;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Title .title-Content .title-List li::after {
    top: -4px;
    right: -5px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Title .title-Content .title-List li::after {
    top: -0.9114583333vw;
    right: -0.9114583333vw;
  }
}
.index-Title .title-Content .title-List li img {
  position: relative;
  z-index: 2;
  display: block;
}
@media print, screen and (min-width: 769px) {
  .index-Title .title-Content .title-List li img {
    -webkit-box-shadow: 0 0 7px #53ffea;
    box-shadow: 0 0 7px #53ffea;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Title .title-Content .title-List li img {
    -webkit-box-shadow: 0 0 1.953125vw #53ffea;
    box-shadow: 0 0 1.953125vw #53ffea;
  }
}
.index-Title .title-Notice {
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 2;
  padding-left: 1em;
  text-indent: -1em;
}
@media print, screen and (min-width: 769px) {
  .index-Title .title-Notice {
    margin: 40px auto 0;
    font-size: 1.4rem;
    width: 960px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Title .title-Notice {
    margin: 5.2083333333vw auto 0;
    font-size: 2.8645833333vw;
    width: 92.1875vw;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Character {
    margin: 70px 0 0;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character {
    margin: 13.5416666667vw 0 0;
  }
}
.index-Character .character-Title span {
  display: block;
  margin: 0 auto;
}
@media print, screen and (min-width: 769px) {
  .index-Character .character-Title span {
    width: 486px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character .character-Title span {
    width: 81.5104166667vw;
  }
}
.index-Character .character-Content {
  position: relative;
}
@media print, screen and (min-width: 769px) {
  .index-Character .character-Content {
    margin: 50px auto 0;
    width: 960px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character .character-Content {
    margin: 13.0208333333vw 0 0;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Character .character-Content .character-Deco_Text {
    display: inline-block;
    position: absolute;
    z-index: 2;
    width: 180px;
    top: 380px;
    right: -196px;
    padding: 0 0 10px;
  }
}
@media print, screen and (min-width: 769px) and (max-width: 1500px) {
  .index-Character .character-Content .character-Deco_Text {
    top: 240px;
    right: -90px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character .character-Content .character-Deco_Text {
    display: none;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Character .character-Content .character-Deco_Text::after,
  .index-Character .character-Content .character-Deco_Text::before {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    background: rgba(255, 255, 255, 0.4);
  }
}
@media print, screen and (min-width: 769px) {
  .index-Character .character-Content .character-Deco_Text::before {
    width: 60px;
    left: 0;
    bottom: 1px;
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Character .character-Content .character-Deco_Text::after {
    bottom: 0;
    left: 0;
    width: 100%;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Character .character-Content .character-Deco_Text .text {
    color: rgba(255, 255, 255, 0.4);
    font-family: Orbitron, sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.4;
    font-size: 1rem;
  }
}
.index-Character .character-Content .character-Thumb {
  overflow: visible;
}
@media print, screen and (max-width: 768px) {
  .index-Character .character-Content .character-Thumb {
    width: 76.8229166667vw;
    margin: 0 auto;
  }
}
.index-Character .character-Content .character-Thumb .deco-diva,
.index-Character .character-Content .character-Thumb .deco-pilot {
  position: absolute;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
}
@media print, screen and (min-width: 769px) {
  .index-Character .character-Content .character-Thumb .deco-diva,
  .index-Character .character-Content .character-Thumb .deco-pilot {
    font-size: 1.6rem;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character .character-Content .character-Thumb .deco-diva,
  .index-Character .character-Content .character-Thumb .deco-pilot {
    font-size: 3.125vw;
  }
}
.index-Character .character-Content .character-Thumb .deco-diva::after,
.index-Character .character-Content .character-Thumb .deco-diva::before,
.index-Character .character-Content .character-Thumb .deco-pilot::after,
.index-Character .character-Content .character-Thumb .deco-pilot::before {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
}
.index-Character .character-Content .character-Thumb .deco-diva::before,
.index-Character .character-Content .character-Thumb .deco-pilot::before {
  border: 1px solid #fff;
}
@media print, screen and (min-width: 769px) {
  .index-Character .character-Content .character-Thumb .deco-diva::before,
  .index-Character .character-Content .character-Thumb .deco-pilot::before {
    width: 11px;
    height: 11px;
    top: 4px;
    right: -18px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character .character-Content .character-Thumb .deco-diva::before,
  .index-Character .character-Content .character-Thumb .deco-pilot::before {
    width: 2.6041666667vw;
    height: 2.6041666667vw;
    top: 50%;
    right: -3.90625vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.index-Character .character-Content .character-Thumb .deco-diva::after,
.index-Character .character-Content .character-Thumb .deco-pilot::after {
  background: #fff;
}
@media print, screen and (min-width: 769px) {
  .index-Character .character-Content .character-Thumb .deco-diva::after,
  .index-Character .character-Content .character-Thumb .deco-pilot::after {
    width: 5px;
    height: 5px;
    top: 7px;
    right: -15px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character .character-Content .character-Thumb .deco-diva::after,
  .index-Character .character-Content .character-Thumb .deco-pilot::after {
    width: 1.3020833333vw;
    height: 1.3020833333vw;
    top: 50%;
    right: -3.2552083333vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.index-Character .character-Content .character-Thumb .deco-diva .line,
.index-Character .character-Content .character-Thumb .deco-pilot .line {
  position: absolute;
  top: 0;
  right: 0;
}
.index-Character .character-Content .character-Thumb .deco-diva .line::after,
.index-Character .character-Content .character-Thumb .deco-diva .line::before,
.index-Character .character-Content .character-Thumb .deco-pilot .line::after,
.index-Character .character-Content .character-Thumb .deco-pilot .line::before {
  content: "";
  position: absolute;
  display: block;
  background: #fff;
  height: 1px;
}
@media print, screen and (min-width: 769px) {
  .index-Character .character-Content .character-Thumb .deco-diva .line::before,
  .index-Character
    .character-Content
    .character-Thumb
    .deco-pilot
    .line::before {
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transform: rotate(-105deg);
    transform: rotate(-105deg);
    width: 44px;
    top: 9px;
    right: -13px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character .character-Content .character-Thumb .deco-diva .line::before,
  .index-Character
    .character-Content
    .character-Thumb
    .deco-pilot
    .line::before {
    display: none;
  }
}
.index-Character .character-Content .character-Thumb .deco-diva .line::after,
.index-Character .character-Content .character-Thumb .deco-pilot .line::after {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
@media print, screen and (min-width: 769px) {
  .index-Character .character-Content .character-Thumb .deco-diva .line::after,
  .index-Character
    .character-Content
    .character-Thumb
    .deco-pilot
    .line::after {
    top: 51px;
    right: -24px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character .character-Content .character-Thumb .deco-diva .line::after,
  .index-Character
    .character-Content
    .character-Thumb
    .deco-pilot
    .line::after {
    top: 1.4322916667vw;
    right: -2.6041666667vw;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Character .character-Content .character-Thumb .deco-pilot {
    top: 23px;
    left: 172px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character .character-Content .character-Thumb .deco-pilot {
    top: -7.03125vw;
    left: 0;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Character
    .character-Content
    .character-Thumb
    .deco-pilot
    .line::after {
    width: 460px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character
    .character-Content
    .character-Thumb
    .deco-pilot
    .line::after {
    width: 57.5520833333vw;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Character .character-Content .character-Thumb .deco-diva {
    top: 123px;
    left: 23px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character .character-Content .character-Thumb .deco-diva {
    top: 34.2447916667vw;
    left: 0;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Character .character-Content .character-Thumb .deco-diva .line::after {
    width: 879px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character .character-Content .character-Thumb .deco-diva .line::after {
    width: 67.0572916667vw;
  }
}
.index-Character .character-Content .character-Thumb .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 769px) {
  .index-Character .character-Content .character-Thumb .swiper-wrapper {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.index-Character
  .character-Content
  .character-Thumb
  .swiper-wrapper
  .swiper-slide {
  position: relative;
}
.index-Character
  .character-Content
  .character-Thumb
  .swiper-wrapper
  .swiper-slide::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  border: 1px solid transparent;
  background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#53ffea),
      to(#9f53ff)
    )
    border-box border-box;
  background: -webkit-linear-gradient(left, #53ffea 0, #9f53ff 100%) border-box
    border-box;
  background: linear-gradient(90deg, #53ffea 0, #9f53ff 100%) border-box
    border-box;
  -webkit-mask: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #fff)
      )
      padding-box,
    -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) border-box;
  -webkit-mask: -webkit-linear-gradient(#fff 0 0) padding-box,
    -webkit-linear-gradient(#fff 0 0) border-box;
  -webkit-mask-composite: destination-out;
  -webkit-mask: -webkit-linear-gradient(#fff 0 0) padding-box,
    -webkit-linear-gradient(#fff 0 0) border-box;
  mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff))
      padding-box,
    -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) border-box;
  mask: linear-gradient(#fff 0 0) padding-box,
    linear-gradient(#fff 0 0) border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
@media print, screen and (min-width: 769px) {
  .index-Character
    .character-Content
    .character-Thumb
    .swiper-wrapper
    .swiper-slide::before {
    border-radius: 4px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character
    .character-Content
    .character-Thumb
    .swiper-wrapper
    .swiper-slide::before {
    border-radius: 0.5208333333vw;
  }
}
.index-Character
  .character-Content
  .character-Thumb
  .swiper-wrapper
  .swiper-slide::after {
  content: "";
  display: block;
  position: absolute;
  background: rgba(83, 255, 234, 0.6);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
}
.index-Character
  .character-Content
  .character-Thumb
  .swiper-wrapper
  .swiper-slide.swiper-slide-thumb-active {
  pointer-events: none;
}
.index-Character
  .character-Content
  .character-Thumb
  .swiper-wrapper
  .swiper-slide.swiper-slide-thumb-active::after {
  opacity: 1;
}
.index-Character
  .character-Content
  .character-Thumb
  .swiper-wrapper
  .swiper-slide.pilot {
  position: relative;
}
@media print, screen and (min-width: 769px) {
  .index-Character
    .character-Content
    .character-Thumb
    .swiper-wrapper
    .swiper-slide.pilot {
    width: 60px !important;
    height: 60px !important;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character
    .character-Content
    .character-Thumb
    .swiper-wrapper
    .swiper-slide.pilot {
    width: 13.0208333333vw !important;
    height: 13.0208333333vw !important;
  }
}
.index-Character
  .character-Content
  .character-Thumb
  .swiper-wrapper
  .swiper-slide.pilot
  .deco {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.index-Character
  .character-Content
  .character-Thumb
  .swiper-wrapper
  .swiper-slide.pilot
  .deco::after,
.index-Character
  .character-Content
  .character-Thumb
  .swiper-wrapper
  .swiper-slide.pilot
  .deco::before {
  content: "";
  display: block;
  position: absolute;
  border-top: 3px solid transparent;
  border-right: 3px solid transparent;
  background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#868af8),
      to(#9f53ff)
    )
    border-box border-box;
  background: -webkit-linear-gradient(left, #868af8 0, #9f53ff 100%) border-box
    border-box;
  background: linear-gradient(90deg, #868af8 0, #9f53ff 100%) border-box
    border-box;
  -webkit-mask: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #fff)
      )
      padding-box,
    -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) border-box;
  -webkit-mask: -webkit-linear-gradient(#fff 0 0) padding-box,
    -webkit-linear-gradient(#fff 0 0) border-box;
  -webkit-mask-composite: destination-out;
  -webkit-mask: -webkit-linear-gradient(#fff 0 0) padding-box,
    -webkit-linear-gradient(#fff 0 0) border-box;
  mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff))
      padding-box,
    -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) border-box;
  mask: linear-gradient(#fff 0 0) padding-box,
    linear-gradient(#fff 0 0) border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
@media print, screen and (min-width: 769px) {
  .index-Character
    .character-Content
    .character-Thumb
    .swiper-wrapper
    .swiper-slide.pilot
    .deco::after,
  .index-Character
    .character-Content
    .character-Thumb
    .swiper-wrapper
    .swiper-slide.pilot
    .deco::before {
    width: 16px;
    height: 16px;
    border-radius: 0 4px 0 0;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character
    .character-Content
    .character-Thumb
    .swiper-wrapper
    .swiper-slide.pilot
    .deco::after,
  .index-Character
    .character-Content
    .character-Thumb
    .swiper-wrapper
    .swiper-slide.pilot
    .deco::before {
    width: 2.0833333333vw;
    height: 2.0833333333vw;
    border-radius: 0 0.5208333333vw 0 0;
  }
}
.index-Character
  .character-Content
  .character-Thumb
  .swiper-wrapper
  .swiper-slide.pilot
  .deco::before {
  top: -1px;
  right: -1px;
}
.index-Character
  .character-Content
  .character-Thumb
  .swiper-wrapper
  .swiper-slide.pilot
  .deco::after {
  bottom: -1px;
  left: -1px;
  -webkit-transform: scale(-1);
  transform: scale(-1);
}
@media print, screen and (min-width: 769px) {
  .index-Character
    .character-Content
    .character-Thumb
    .swiper-wrapper
    .swiper-slide.pilot
    + .pilot {
    margin-left: 12px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character
    .character-Content
    .character-Thumb
    .swiper-wrapper
    .swiper-slide.pilot
    + .pilot {
    margin-left: 2.8645833333vw;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character
    .character-Content
    .character-Thumb
    .swiper-wrapper
    .swiper-slide.pilot:nth-of-type(6) {
    margin: 2.8645833333vw 63.5416666667vw 0 0;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Character
    .character-Content
    .character-Thumb
    .swiper-wrapper
    .swiper-slide.diva {
    width: 131px !important;
    height: 56px !important;
    margin: 42px 0 0;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character
    .character-Content
    .character-Thumb
    .swiper-wrapper
    .swiper-slide.diva {
    width: 23.6979166667vw !important;
    height: 13.0208333333vw !important;
    margin: 12.3697916667vw 0 0;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Character
    .character-Content
    .character-Thumb
    .swiper-wrapper
    .swiper-slide.diva
    + .diva {
    margin-left: 9px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character
    .character-Content
    .character-Thumb
    .swiper-wrapper
    .swiper-slide.diva
    + .diva {
    margin-left: 2.6041666667vw;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character
    .character-Content
    .character-Thumb
    .swiper-wrapper
    .swiper-slide.diva:nth-of-type(10) {
    margin-left: 0;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character
    .character-Content
    .character-Thumb
    .swiper-wrapper
    .swiper-slide.diva:nth-of-type(n + 10) {
    margin-top: 2.6041666667vw;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Character
    .character-Content
    .character-Thumb
    .swiper-wrapper
    .swiper-slide:nth-of-type(1) {
    margin-left: 300px;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Character
    .character-Content
    .character-Thumb
    .swiper-wrapper
    .swiper-slide:nth-of-type(6) {
    margin-right: 240px;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Character
    .character-Content
    .character-Thumb
    .swiper-wrapper
    .swiper-slide:nth-of-type(7) {
    margin-left: 102px;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Character
    .character-Content
    .character-Thumb
    .swiper-wrapper
    .swiper-slide:nth-of-type(12) {
    margin-right: 27px;
  }
}
@media (any-hover: hover) {
  .index-Character
    .character-Content
    .character-Thumb
    .swiper-wrapper
    .swiper-slide {
    cursor: pointer;
  }
  .index-Character
    .character-Content
    .character-Thumb
    .swiper-wrapper
    .swiper-slide::after {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .index-Character
    .character-Content
    .character-Thumb
    .swiper-wrapper
    .swiper-slide:hover::after {
    opacity: 0.5;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Character .character-Content .character-Thumb.en .deco-pilot {
    left: 246px;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Character
    .character-Content
    .character-Thumb.en
    .deco-pilot
    .line::after {
    width: 400px;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Character .character-Content .character-Thumb.en .deco-diva {
    left: 102px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character .character-Content .character-Thumb.en .deco-diva {
    top: 18.359375vw;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Character
    .character-Content
    .character-Thumb.en
    .deco-diva
    .line::after {
    width: 739px;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Character
    .character-Content
    .character-Thumb.en
    .swiper-wrapper
    .swiper-slide:nth-of-type(1) {
    margin-left: 228px;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Character
    .character-Content
    .character-Thumb.en
    .swiper-wrapper
    .swiper-slide:nth-of-type(5) {
    margin-right: 168px;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Character
    .character-Content
    .character-Thumb.en
    .swiper-wrapper
    .swiper-slide:nth-of-type(6) {
    margin-right: 0;
    margin-left: 102px;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Character
    .character-Content
    .character-Thumb.en
    .swiper-wrapper
    .swiper-slide:nth-of-type(7) {
    margin-left: 9px;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Character
    .character-Content
    .character-Thumb.en
    .swiper-wrapper
    .swiper-slide:nth-of-type(12) {
    margin-right: 27px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character
    .character-Content
    .character-Thumb.en
    .swiper-wrapper
    .swiper-slide.diva:nth-of-type(9) {
    margin-left: 0;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character
    .character-Content
    .character-Thumb.en
    .swiper-wrapper
    .swiper-slide.diva:nth-of-type(10) {
    margin-left: 2.6041666667vw;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character
    .character-Content
    .character-Thumb.en
    .swiper-wrapper
    .swiper-slide.diva:nth-of-type(n + 9) {
    margin-top: 2.6041666667vw;
  }
}
.index-Character .character-Content .character-Detail {
  position: relative;
}
@media print, screen and (min-width: 769px) {
  .index-Character .character-Content .character-Detail {
    margin: 45px 0 0;
    height: 836px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character .character-Content .character-Detail {
    margin: 0 auto;
    width: 92.1875vw;
    height: 184.375vw;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character .character-Content .character-Detail.en {
    height: 208.3333333333vw;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character .character-Content .character-Detail.en::before {
    background: url(/wp-content/themes/macross-si_v1/assets/images/sp/index/bg_character_en.png) no-repeat top
      center/100% 100%;
    height: 194.6614583333vw;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character
    .character-Content
    .character-Detail.en
    .swiper-wrapper
    .swiper-slide.basara-mylene {
    padding-top: 108.59375vw;
  }
}
.index-Character .character-Content .character-Detail::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
}
@media print, screen and (min-width: 769px) {
  .index-Character .character-Content .character-Detail::before {
    background: url(/wp-content/themes/macross-si_v1/assets/images/pc/index/bg_character.png) no-repeat top
      center/100% 100%;
    height: 740px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character .character-Content .character-Detail::before {
    background: url(/wp-content/themes/macross-si_v1/assets/images/sp/index/bg_character.png) no-repeat top
      center/100% 100%;
    height: 170.703125vw;
  }
}
.index-Character .character-Content .character-Detail .detail-Deco {
  position: absolute;
  z-index: 3;
  display: block;
}
@media print, screen and (min-width: 769px) {
  .index-Character .character-Content .character-Detail .detail-Deco {
    top: 128px;
    left: 39px;
    width: 18px;
    height: 178px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character .character-Content .character-Detail .detail-Deco {
    top: 20.1822916667vw;
    left: 3.90625vw;
    width: 3.7760416667vw;
    height: 36.4583333333vw;
  }
}
.index-Character .character-Content .character-Detail .detail-Deco svg {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.index-Character .character-Content .character-Detail .swiper-wrapper {
  z-index: 4;
}
.index-Character
  .character-Content
  .character-Detail
  .swiper-wrapper
  .swiper-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
@media print, screen and (min-width: 769px) {
  .index-Character
    .character-Content
    .character-Detail
    .swiper-wrapper
    .swiper-slide {
    padding: 0 0 60px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character
    .character-Content
    .character-Detail
    .swiper-wrapper
    .swiper-slide {
    padding: 108.59375vw 0 0;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character
    .character-Content
    .character-Detail
    .swiper-wrapper
    .swiper-slide.basara-mylene {
    padding-top: 100.78125vw;
  }
}
.index-Character
  .character-Content
  .character-Detail
  .swiper-wrapper
  .swiper-slide
  .detail-Slide-Deco {
  position: absolute;
  font-family: Orbitron, sans-serif;
  color: #34ffe7;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
@media print, screen and (min-width: 769px) {
  .index-Character
    .character-Content
    .character-Detail
    .swiper-wrapper
    .swiper-slide
    .detail-Slide-Deco {
    font-size: 2rem;
    top: 128px;
    left: 90px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character
    .character-Content
    .character-Detail
    .swiper-wrapper
    .swiper-slide
    .detail-Slide-Deco {
    font-size: 4.1666666667vw;
    top: 20.1822916667vw;
    left: 14.3229166667vw;
  }
}
.index-Character
  .character-Content
  .character-Detail
  .swiper-wrapper
  .swiper-slide
  .detail-Visual {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media print, screen and (max-width: 768px) {
  .index-Character
    .character-Content
    .character-Detail
    .swiper-wrapper
    .swiper-slide
    .detail-Visual {
    padding: 0 1px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character
    .character-Content
    .character-Detail
    .swiper-wrapper
    .swiper-slide
    .detail-Visual
    img {
    width: 100%;
    height: auto;
  }
}
.index-Character
  .character-Content
  .character-Detail
  .swiper-wrapper
  .swiper-slide
  .detail-Text {
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 2;
  color: #fff;
  position: relative;
  z-index: 3;
}
@media print, screen and (min-width: 769px) {
  .index-Character
    .character-Content
    .character-Detail
    .swiper-wrapper
    .swiper-slide
    .detail-Text {
    font-size: 1.6rem;
    padding: 0 80px;
    margin: 40px 0 0;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character
    .character-Content
    .character-Detail
    .swiper-wrapper
    .swiper-slide
    .detail-Text {
    font-size: 3.125vw;
    padding: 0 3.90625vw;
    margin: 6.5104166667vw 0 0;
  }
}
.index-Character
  .character-Content
  .character-Detail
  .swiper-wrapper
  .swiper-slide
  .detail-Name_List {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  z-index: 3;
}
@media print, screen and (min-width: 769px) {
  .index-Character
    .character-Content
    .character-Detail
    .swiper-wrapper
    .swiper-slide
    .detail-Name_List {
    gap: 28px 20px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character
    .character-Content
    .character-Detail
    .swiper-wrapper
    .swiper-slide
    .detail-Name_List {
    gap: 3.90625vw 2.6041666667vw;
  }
}
.index-Character
  .character-Content
  .character-Detail
  .swiper-wrapper
  .swiper-slide
  .detail-Name_List
  li {
  position: relative;
  background: -webkit-linear-gradient(
    356.92deg,
    rgba(4, 83, 78, 0.8) 2.55%,
    rgba(55, 7, 72, 0.8) 49.19%,
    rgba(0, 0, 0, 0.8) 97.45%
  );
  background: linear-gradient(
    93.08deg,
    rgba(4, 83, 78, 0.8) 2.55%,
    rgba(55, 7, 72, 0.8) 49.19%,
    rgba(0, 0, 0, 0.8) 97.45%
  );
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
}
@media print, screen and (min-width: 769px) {
  .index-Character
    .character-Content
    .character-Detail
    .swiper-wrapper
    .swiper-slide
    .detail-Name_List
    li {
    width: 267px;
    padding: 14px 0 16px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character
    .character-Content
    .character-Detail
    .swiper-wrapper
    .swiper-slide
    .detail-Name_List
    li {
    width: 40.8854166667vw;
    min-height: 14.84375vw;
    padding: 3.125vw 0;
  }
}
.index-Character
  .character-Content
  .character-Detail
  .swiper-wrapper
  .swiper-slide
  .detail-Name_List
  li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  border: 1px solid transparent;
  background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#53ffea),
      to(#9f53ff)
    )
    border-box border-box;
  background: -webkit-linear-gradient(left, #53ffea 0, #9f53ff 100%) border-box
    border-box;
  background: linear-gradient(90deg, #53ffea 0, #9f53ff 100%) border-box
    border-box;
  -webkit-mask: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #fff)
      )
      padding-box,
    -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) border-box;
  -webkit-mask: -webkit-linear-gradient(#fff 0 0) padding-box,
    -webkit-linear-gradient(#fff 0 0) border-box;
  -webkit-mask-composite: destination-out;
  -webkit-mask: -webkit-linear-gradient(#fff 0 0) padding-box,
    -webkit-linear-gradient(#fff 0 0) border-box;
  mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff))
      padding-box,
    -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) border-box;
  mask: linear-gradient(#fff 0 0) padding-box,
    linear-gradient(#fff 0 0) border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.index-Character
  .character-Content
  .character-Detail
  .swiper-wrapper
  .swiper-slide
  .detail-Name_List
  li::after {
  content: "";
  display: block;
  position: absolute;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2252%22%20height%3D%2252%22%20viewBox%3D%220%200%2052%2052%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M1.99928%2024.7142C1.99928%2024.7142%2021.9704%2024.7142%2024.2171%2026.961C26.9631%2029.707%2026.7135%2049.4285%2026.7135%2049.4285C26.7135%2049.4285%2026.4639%2029.2077%2028.7106%2026.961C31.4566%2024.215%2051.4277%2024.7142%2051.4277%2024.7142C51.4277%2024.7142%2031.4566%2025.2135%2028.7106%2022.4675C26.4639%2020.2207%2026.7135%200%2026.7135%200C26.7135%200%2026.9631%2019.7215%2024.2171%2022.4675C21.9704%2024.7142%201.99928%2024.7142%201.99928%2024.7142Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0.998661%2039.3095C0.998661%2039.3095%2010.9842%2039.3095%2012.1076%2040.4329C13.4806%2041.8059%2013.3558%2051.6666%2013.3558%2051.6666C13.3558%2051.6666%2013.231%2041.5563%2014.3543%2040.4329C15.7273%2039.0599%2025.7129%2039.3095%2025.7129%2039.3095C25.7129%2039.3095%2015.7273%2039.5591%2014.3543%2038.1861C13.231%2037.0628%2013.3558%2026.9524%2013.3558%2026.9524C13.3558%2026.9524%2013.4806%2036.8131%2012.1076%2038.1861C10.9842%2039.3095%200.998661%2039.3095%200.998661%2039.3095Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    no-repeat top center/contain;
}
@media print, screen and (min-width: 769px) {
  .index-Character
    .character-Content
    .character-Detail
    .swiper-wrapper
    .swiper-slide
    .detail-Name_List
    li::after {
    top: -24px;
    left: -7px;
    width: 50px;
    height: 52px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character
    .character-Content
    .character-Detail
    .swiper-wrapper
    .swiper-slide
    .detail-Name_List
    li::after {
    top: -4.8177083333vw;
    left: -3.90625vw;
    width: 9.765625vw;
    height: 10.0260416667vw;
  }
}
.index-Character
  .character-Content
  .character-Detail
  .swiper-wrapper
  .swiper-slide
  .detail-Name_List
  li
  .name-Character {
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.4;
  color: #fff;
  text-align: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media print, screen and (min-width: 769px) {
  .index-Character
    .character-Content
    .character-Detail
    .swiper-wrapper
    .swiper-slide
    .detail-Name_List
    li
    .name-Character {
    font-size: 2.2rem;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character
    .character-Content
    .character-Detail
    .swiper-wrapper
    .swiper-slide
    .detail-Name_List
    li
    .name-Character {
    font-size: 3.6458333333vw;
  }
}
.index-Character
  .character-Content
  .character-Detail
  .swiper-wrapper
  .swiper-slide
  .detail-Name_List
  li
  .name-Cv {
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media print, screen and (min-width: 769px) {
  .index-Character
    .character-Content
    .character-Detail
    .swiper-wrapper
    .swiper-slide
    .detail-Name_List
    li
    .name-Cv {
    margin: 8px 0 0;
    font-size: 1.6rem;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character
    .character-Content
    .character-Detail
    .swiper-wrapper
    .swiper-slide
    .detail-Name_List
    li
    .name-Cv {
    margin: 1.3020833333vw 0 0;
    font-size: 2.8645833333vw;
  }
}
.index-Character
  .character-Content
  .character-Detail
  .swiper-wrapper
  .swiper-slide
  .detail-Name_List
  li
  .name-Cv
  span {
  display: inline-block;
  font-family: Orbitron, sans-serif;
  font-weight: 900;
  letter-spacing: 0;
}
@media print, screen and (min-width: 769px) {
  .index-Character
    .character-Content
    .character-Detail
    .swiper-wrapper
    .swiper-slide
    .detail-Name_List
    li
    .name-Cv
    span {
    margin-right: 8px;
    font-size: 1.2rem;
    padding: 2px 0 0;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character
    .character-Content
    .character-Detail
    .swiper-wrapper
    .swiper-slide
    .detail-Name_List
    li
    .name-Cv
    span {
    margin-right: 1.3020833333vw;
    font-size: 2.8645833333vw;
    padding: 0.390625vw 0 0;
  }
}
.index-Character .character-Content .next,
.index-Character .character-Content .prev {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: absolute;
  z-index: 5;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.8);
  background: -webkit-linear-gradient(
    4.92deg,
    rgba(0, 255, 240, 0.4) 18.76%,
    rgba(94, 0, 126, 0.4) 85.48%
  );
  background: linear-gradient(
    85.08deg,
    rgba(0, 255, 240, 0.4) 18.76%,
    rgba(94, 0, 126, 0.4) 85.48%
  );
}
@media print, screen and (min-width: 769px) {
  .index-Character .character-Content .next,
  .index-Character .character-Content .prev {
    width: 93px;
    height: 93px;
    bottom: 423px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character .character-Content .next,
  .index-Character .character-Content .prev {
    width: 13.0208333333vw;
    height: 13.0208333333vw;
    bottom: 103.2552083333vw;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character .character-Content .next.en,
  .index-Character .character-Content .prev.en {
    bottom: 127.2135416667vw;
  }
}
.index-Character .character-Content .next .arrow::after,
.index-Character .character-Content .next .arrow::before,
.index-Character .character-Content .prev .arrow::after,
.index-Character .character-Content .prev .arrow::before {
  content: "";
  position: absolute;
  display: block;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2233%22%20height%3D%2243%22%20viewBox%3D%220%200%2033%2043%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M33%2042.5L-9.17939e-07%2021.5L33%200.500002L20.1667%2021.5L33%2042.5Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    no-repeat top center/contain;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media print, screen and (min-width: 769px) {
  .index-Character .character-Content .next .arrow::before,
  .index-Character .character-Content .prev .arrow::before {
    left: 17px;
    width: 36px;
    height: 45px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character .character-Content .next .arrow::before,
  .index-Character .character-Content .prev .arrow::before {
    left: 2.34375vw;
    width: 5.078125vw;
    height: 6.25vw;
  }
}
.index-Character .character-Content .next .arrow::after,
.index-Character .character-Content .prev .arrow::after {
  opacity: 0.6;
}
@media print, screen and (min-width: 769px) {
  .index-Character .character-Content .next .arrow::after,
  .index-Character .character-Content .prev .arrow::after {
    left: 50px;
    width: 20px;
    height: 25px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character .character-Content .next .arrow::after,
  .index-Character .character-Content .prev .arrow::after {
    left: 7.03125vw;
    width: 2.734375vw;
    height: 3.515625vw;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Character .character-Content .prev {
    left: -36px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character .character-Content .prev {
    left: 1.3020833333vw;
  }
}
@media (any-hover: hover) {
  .index-Character .character-Content .prev {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }
  .index-Character .character-Content .prev:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.index-Character .character-Content .next {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
@media print, screen and (min-width: 769px) {
  .index-Character .character-Content .next {
    right: -36px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Character .character-Content .next {
    right: 1.3020833333vw;
  }
}
@media (any-hover: hover) {
  .index-Character .character-Content .next {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }
  .index-Character .character-Content .next:hover {
    -webkit-transform: scale(-1.1, 1.1);
    transform: scale(-1.1, 1.1);
  }
}
@media print, screen and (min-width: 769px) {
  .index-System {
    margin: 70px 0 0;
  }
}
@media print, screen and (max-width: 768px) {
  .index-System {
    margin: 13.5416666667vw 0 0;
  }
}
@media print, screen and (min-width: 769px) {
  .index-System::after,
  .index-System::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    width: 1586px;
    height: 959px;
    background: url(/wp-content/themes/macross-si_v1/assets/images/pc/index/bg_system_space.png) no-repeat top
      center/contain;
  }
}
@media print, screen and (min-width: 769px) {
  .index-System::before {
    top: 376px;
    left: 0;
  }
}
@media print, screen and (min-width: 769px) {
  .index-System::after {
    right: -100px;
    top: 1391px;
    -webkit-transform: scale(-1);
    transform: scale(-1);
  }
}
.index-System .system-Title {
  position: relative;
  z-index: 2;
}
.index-System .system-Title span {
  display: block;
  margin: 0 auto;
}
@media print, screen and (min-width: 769px) {
  .index-System .system-Title span {
    width: 338px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-System .system-Title span {
    width: 56.640625vw;
  }
}
.index-System .system-Content {
  position: relative;
  z-index: 2;
}
@media print, screen and (min-width: 769px) {
  .index-System .system-Content {
    margin: 60px auto 0;
    width: 1200px;
    padding: 0 0 0 120px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-System .system-Content {
    margin: 6.25vw auto 0;
    width: 92.1875vw;
  }
}
.index-System .system-Content .system-List .list-Item {
  position: relative;
}
.index-System .system-Content .system-List .list-Item .list-Title {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  z-index: 3;
}
@media print, screen and (min-width: 769px) {
  .index-System
    .system-Content
    .system-List
    .list-Item
    .list-Title
    .title-Number {
    height: 190px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-System
    .system-Content
    .system-List
    .list-Item
    .list-Title
    .title-Number {
    width: 18.2291666667vw;
    height: 18.2291666667vw;
  }
}
.index-System
  .system-Content
  .system-List
  .list-Item
  .list-Title
  .title-Number
  svg {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
@media print, screen and (min-width: 769px) {
  .index-System
    .system-Content
    .system-List
    .list-Item
    .list-Title
    .title-Image {
    margin-left: 10px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-System
    .system-Content
    .system-List
    .list-Item
    .list-Title
    .title-Image {
    margin-left: 1.3020833333vw;
  }
}
.index-System .system-Content .system-List .list-Item .list-Scene {
  position: relative;
  z-index: 1;
}
@media print, screen and (min-width: 769px) {
  .index-System .system-Content .system-List .list-Item .list-Scene {
    margin: 50px 0 0;
    width: 680px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-System .system-Content .system-List .list-Item .list-Scene {
    margin: 5.7291666667vw auto 0;
    width: 89.5833333333vw;
  }
}
.index-System .system-Content .system-List .list-Item .list-Scene::after,
.index-System .system-Content .system-List .list-Item .list-Scene::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2248%22%20height%3D%2281%22%20viewBox%3D%220%200%2048%2081%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M8.55%201.00001L38%201L38%207.99999L0%208L8.55%201.00001Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M37.5%200.893451L47.5%207.02981L47.5%2067.3221L37.5%2079.5948L37.5%200.893451Z%22%20fill%3D%22white%22%20stroke%3D%22black%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    no-repeat top center/contain;
}
@media print, screen and (min-width: 769px) {
  .index-System .system-Content .system-List .list-Item .list-Scene::after,
  .index-System .system-Content .system-List .list-Item .list-Scene::before {
    width: 48px;
    height: 81px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-System .system-Content .system-List .list-Item .list-Scene::after,
  .index-System .system-Content .system-List .list-Item .list-Scene::before {
    width: 6.5104166667vw;
    height: 10.6770833333vw;
  }
}
@media print, screen and (min-width: 769px) {
  .index-System .system-Content .system-List .list-Item .list-Scene::before {
    top: -8px;
    right: -10px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-System .system-Content .system-List .list-Item .list-Scene::before {
    top: -0.9114583333vw;
    right: -1.3020833333vw;
  }
}
.index-System .system-Content .system-List .list-Item .list-Scene::after {
  -webkit-transform: scale(-1);
  transform: scale(-1);
}
@media print, screen and (min-width: 769px) {
  .index-System .system-Content .system-List .list-Item .list-Scene::after {
    bottom: -8px;
    left: -10px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-System .system-Content .system-List .list-Item .list-Scene::after {
    bottom: -0.9114583333vw;
    left: -1.3020833333vw;
  }
}
.index-System .system-Content .system-List .list-Item .list-Scene .scene-Image {
  position: relative;
  z-index: 2;
  overflow: hidden;
  border: 1px solid #fff;
}
@media print, screen and (min-width: 769px) {
  .index-System
    .system-Content
    .system-List
    .list-Item
    .list-Scene
    .scene-Image {
    border-radius: 4px;
    -webkit-box-shadow: 0 0 20px #53ffea;
    box-shadow: 0 0 20px #53ffea;
  }
}
@media print, screen and (max-width: 768px) {
  .index-System
    .system-Content
    .system-List
    .list-Item
    .list-Scene
    .scene-Image {
    border-radius: 0.5208333333vw;
    -webkit-box-shadow: 0 0 2.6041666667vw #53ffea;
    box-shadow: 0 0 2.6041666667vw #53ffea;
  }
}
.index-System
  .system-Content
  .system-List
  .list-Item
  .list-Scene
  .scene-Image
  p {
  position: absolute;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1;
}
@media print, screen and (min-width: 769px) {
  .index-System
    .system-Content
    .system-List
    .list-Item
    .list-Scene
    .scene-Image
    p {
    font-size: 1.2rem;
    text-shadow: 0 0 10px #000, 0 0 10px #000, 0 0 10px #000;
    bottom: 20px;
    right: 20px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-System
    .system-Content
    .system-List
    .list-Item
    .list-Scene
    .scene-Image
    p {
    font-size: 2.0833333333vw;
    text-shadow: 0 0 1.3020833333vw #000, 0 0 1.3020833333vw #000,
      0 0 1.3020833333vw #000;
    bottom: 2.6041666667vw;
    right: 2.6041666667vw;
  }
}
@media print, screen and (min-width: 769px) {
  .index-System .system-Content .system-List .list-Item .list-Visual {
    position: absolute;
    z-index: 2;
    top: 60px;
    right: -50px;
    width: 539px;
    height: 717px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-System .system-Content .system-List .list-Item .list-Visual {
    display: none;
  }
}
.index-System .system-Content .system-List .list-Item .list-Text {
  position: relative;
  z-index: 4;
}
@media print, screen and (min-width: 769px) {
  .index-System .system-Content .system-List .list-Item .list-Text {
    margin: 20px 0 0;
    width: 680px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-System .system-Content .system-List .list-Item .list-Text {
    margin: 4.8177083333vw 0 0;
    width: 92.1875vw;
  }
}
.index-System .system-Content .system-List .list-Item .list-Text span {
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  font-weight: 700;
  letter-spacing: 0.04em;
  background: #000;
}
@media print, screen and (min-width: 769px) {
  .index-System .system-Content .system-List .list-Item .list-Text span {
    font-size: 1.6rem;
    padding: 6px 10px;
    line-height: 2.8;
  }
}
@media print, screen and (max-width: 768px) {
  .index-System .system-Content .system-List .list-Item .list-Text span {
    font-size: 3.125vw;
    padding: 0.78125vw 1.3020833333vw;
    line-height: 2.4;
  }
}
@media print, screen and (min-width: 769px) {
  .index-System
    .system-Content
    .system-List
    .list-Item:nth-of-type(1)
    .list-Title
    .title-Image {
    width: 642px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-System
    .system-Content
    .system-List
    .list-Item:nth-of-type(1)
    .list-Title
    .title-Image {
    width: 71.2239583333vw;
  }
}
@media print, screen and (min-width: 769px) {
  .index-System .system-Content .system-List .list-Item:nth-of-type(2) {
    margin-top: 116px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-System .system-Content .system-List .list-Item:nth-of-type(2) {
    margin-top: 7.8125vw;
  }
}
@media print, screen and (min-width: 769px) {
  .index-System
    .system-Content
    .system-List
    .list-Item:nth-of-type(2)
    .list-Title
    .title-Image {
    width: 739px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-System
    .system-Content
    .system-List
    .list-Item:nth-of-type(2)
    .list-Title
    .title-Image {
    width: 72.5260416667vw;
  }
}
@media print, screen and (min-width: 769px) {
  .index-System
    .system-Content
    .system-List
    .list-Item:nth-of-type(2)
    .list-Scene,
  .index-System
    .system-Content
    .system-List
    .list-Item:nth-of-type(2)
    .list-Text {
    margin-right: 122px;
    margin-left: auto;
  }
}
@media print, screen and (min-width: 769px) {
  .index-System
    .system-Content
    .system-List
    .list-Item:nth-of-type(2)
    .list-Visual {
    z-index: 4;
    top: 58px;
    right: auto;
    left: -192px;
  }
}
@media print, screen and (min-width: 769px) {
  .index-System .system-Content .system-List .list-Item:nth-of-type(3) {
    margin-top: 74px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-System .system-Content .system-List .list-Item:nth-of-type(3) {
    margin-top: 7.8125vw;
  }
}
@media print, screen and (min-width: 769px) {
  .index-System
    .system-Content
    .system-List
    .list-Item:nth-of-type(3)
    .list-Title
    .title-Image {
    width: 545px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-System
    .system-Content
    .system-List
    .list-Item:nth-of-type(3)
    .list-Title
    .title-Image {
    width: 64.0625vw;
  }
}
@media print, screen and (min-width: 769px) {
  .index-System
    .system-Content
    .system-List
    .list-Item:nth-of-type(3)
    .list-Scene {
    z-index: 2;
  }
}
@media print, screen and (min-width: 769px) {
  .index-System
    .system-Content
    .system-List
    .list-Item:nth-of-type(3)
    .list-Visual {
    top: 58px;
    right: -39px;
    z-index: 1;
  }
}
@media print, screen and (min-width: 769px) {
  .index-System
    .system-Content
    .system-List.en
    .list-Item:nth-of-type(1)
    .list-Title
    .title-Image {
    width: 638px;
  }
}
@media print, screen and (min-width: 769px) {
  .index-System
    .system-Content
    .system-List.en
    .list-Item:nth-of-type(1)
    .list-Scene {
    margin-top: 40px;
  }
}
@media print, screen and (min-width: 769px) {
  .index-System .system-Content .system-List.en .list-Item:nth-of-type(2) {
    margin-top: 66px;
  }
}
@media print, screen and (min-width: 769px) {
  .index-System
    .system-Content
    .system-List.en
    .list-Item:nth-of-type(2)
    .list-Title
    .title-Image {
    width: 668px;
  }
}
@media print, screen and (min-width: 769px) {
  .index-System
    .system-Content
    .system-List.en
    .list-Item:nth-of-type(2)
    .list-Scene {
    margin-top: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .index-System .system-Content .system-List.en .list-Item:nth-of-type(3) {
    margin-top: 62px;
  }
}
@media print, screen and (min-width: 769px) {
  .index-System
    .system-Content
    .system-List.en
    .list-Item:nth-of-type(3)
    .list-Title
    .title-Image {
    width: 707px;
  }
}
@media print, screen and (min-width: 769px) {
  .index-System
    .system-Content
    .system-List.en
    .list-Item:nth-of-type(3)
    .list-Scene {
    margin-top: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .index-System
    .system-Content
    .system-List.en
    .list-Item:nth-of-type(3)
    .list-Visual {
    top: 93px;
    right: -55px;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Movie {
    margin: 160px 0 0;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Movie {
    margin: 14.0625vw 0 0;
  }
}
.index-Movie .movie-Body {
  margin: 0 auto;
  position: relative;
}
@media print, screen and (min-width: 769px) {
  .index-Movie .movie-Body {
    width: 960px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 60px 0 184px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Movie .movie-Body {
    padding: 0 0 16.9270833333vw;
  }
}
.index-Movie .movie-Body::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: rgba(0, 11, 24, 0.7);
  width: 100vw;
}
@media print, screen and (min-width: 769px) {
  .index-Movie .movie-Body::before {
    top: 0;
    min-width: 1300px;
    height: 100%;
    -webkit-clip-path: polygon(
      0 0,
      100% 0,
      100% 100%,
      calc(100% - (100% - 960px) * 0.5) 100%,
      calc(100% - (100% - 960px + 120px) * 0.5) calc(100% - 54px),
      calc(100% - (100% + 960px - 120px) * 0.5) calc(100% - 54px),
      calc(100% - (100% + 960px) * 0.5) 100%,
      0 100%
    );
    clip-path: polygon(
      0 0,
      100% 0,
      100% 100%,
      calc(100% - (100% - 960px) * 0.5) 100%,
      calc(100% - (100% - 960px + 120px) * 0.5) calc(100% - 54px),
      calc(100% - (100% + 960px - 120px) * 0.5) calc(100% - 54px),
      calc(100% - (100% + 960px) * 0.5) 100%,
      0 100%
    );
  }
}
@media print, screen and (max-width: 768px) {
  .index-Movie .movie-Body::before {
    bottom: 0;
    height: calc(100% - 29.4270833333vw);
    -webkit-clip-path: polygon(
      0 0,
      100% 0,
      100% 100%,
      calc(100% - 3.90625vw) 100%,
      calc(100% - 14.0625vw) calc(100% - 9.1145833333vw),
      14.0625vw calc(100% - 9.1145833333vw),
      3.90625vw 100%,
      0 100%
    );
    clip-path: polygon(
      0 0,
      100% 0,
      100% 100%,
      calc(100% - 3.90625vw) 100%,
      calc(100% - 14.0625vw) calc(100% - 9.1145833333vw),
      14.0625vw calc(100% - 9.1145833333vw),
      3.90625vw 100%,
      0 100%
    );
  }
}
.index-Movie .movie-Title {
  position: relative;
  z-index: 2;
}
@media print, screen and (min-width: 769px) {
  .index-Movie .movie-Title {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    order: 1;
    width: 270px;
    margin-right: auto;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
}
@media print, screen and (max-width: 768px) {
  .index-Movie .movie-Title {
    width: 45.4427083333vw;
    margin: 0 auto;
  }
}
.index-Movie .movie-Content {
  position: relative;
  z-index: 2;
  overflow: visible;
}
@media print, screen and (min-width: 769px) {
  .index-Movie .movie-Content {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    order: 3;
    width: 894px;
    margin: 40px auto 0;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Movie .movie-Content {
    width: 84.375vw;
    margin: 6.25vw auto 0;
  }
}
.index-Movie .movie-Content .movie-List {
  position: relative;
  z-index: 1;
}
@media print, screen and (min-width: 769px) {
  .index-Movie .movie-Content .movie-List .list-Item {
    padding: 65px 81px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Movie .movie-Content .movie-List .list-Item {
    padding: 2.2135416667vw 3.90625vw;
  }
}
.index-Movie .movie-Content .movie-List .list-Item a {
  display: block;
  -webkit-transition: -webkit-transform 0.4s, -webkit-box-shadow 1s;
  transition: -webkit-transform 0.4s, -webkit-box-shadow 1s;
  transition: transform 0.4s, box-shadow 1s;
  transition: transform 0.4s, box-shadow 1s, -webkit-transform 0.4s,
    -webkit-box-shadow 1s;
  position: relative;
  pointer-events: none;
}
@media print, screen and (min-width: 769px) {
  .index-Movie .movie-Content .movie-List .list-Item a {
    height: 417px;
    -webkit-box-shadow: 0 0 20px rgba(83, 255, 234, 0);
    box-shadow: 0 0 20px rgba(83, 255, 234, 0);
  }
}
@media print, screen and (max-width: 768px) {
  .index-Movie .movie-Content .movie-List .list-Item a {
    height: 42.96875vw;
    -webkit-box-shadow: 0 0 2.6041666667vw rgba(83, 255, 234, 0);
    box-shadow: 0 0 2.6041666667vw rgba(83, 255, 234, 0);
  }
}
.index-Movie .movie-Content .movie-List .list-Item a::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221%22%20height%3D%223%22%20viewBox%3D%220%200%201%203%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%3Crect%20width%3D%221%22%20height%3D%222.5%22%20fill%3D%22url(%23pattern0)%22%2F%3E%0A%3Cdefs%3E%0A%3Cpattern%20id%3D%22pattern0%22%20patternContentUnits%3D%22objectBoundingBox%22%20width%3D%220.5%22%20height%3D%221%22%3E%0A%3Cuse%20xlink%3Ahref%3D%22%23image0_739_3586%22%20transform%3D%22scale(0.25%200.1)%22%2F%3E%0A%3C%2Fpattern%3E%0A%3Cimage%20id%3D%22image0_739_3586%22%20width%3D%222%22%20height%3D%2210%22%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAAIAAAAKCAYAAACe5Y9JAAAAGklEQVQImWNkYGD4z4AVgKQ4cEvh1cXAwAAAeKoCEwdsGuAAAAAASUVORK5CYII%3D%22%2F%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A")
    repeat top center/auto;
}
.index-Movie .movie-Content .movie-List .list-Item a::after {
  content: "";
  position: absolute;
  z-index: 3;
  display: block;
  background: url(/wp-content/themes/macross-si_v1/assets/images/common/common/btn_play.png) no-repeat top
    center/contain;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media print, screen and (min-width: 769px) {
  .index-Movie .movie-Content .movie-List .list-Item a::after {
    -webkit-transform: translate(-50%, -50%) scale(0.48233);
    transform: translate(-50%, -50%) scale(0.48233);
    width: 483px;
    height: 104px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Movie .movie-Content .movie-List .list-Item a::after {
    -webkit-transform: translate(-50%, -50%) scale(0.90740741);
    transform: translate(-50%, -50%) scale(0.90740741);
    width: 47.3958333333vw;
    height: 9.8958333333vw;
  }
}
.index-Movie .movie-Content .movie-List .list-Item a img {
  position: relative;
  z-index: 1;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
@media (any-hover: hover) {
  .index-Movie .movie-Content .movie-List .list-Item a {
    overflow: hidden;
    cursor: pointer;
  }
  .index-Movie .movie-Content .movie-List .list-Item a img {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .index-Movie .movie-Content .movie-List .list-Item a:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
.index-Movie .movie-Content .movie-List .list-Item.swiper-slide-active a {
  pointer-events: all;
}
@media print, screen and (min-width: 769px) {
  .index-Movie .movie-Content .movie-List .list-Item.swiper-slide-active a {
    -webkit-box-shadow: 0 0 20px #53ffea;
    box-shadow: 0 0 20px #53ffea;
    -webkit-transform: scale(1.31147541);
    transform: scale(1.31147541);
  }
}
@media print, screen and (max-width: 768px) {
  .index-Movie .movie-Content .movie-List .list-Item.swiper-slide-active a {
    -webkit-box-shadow: 0 0 2.6041666667vw #53ffea;
    box-shadow: 0 0 2.6041666667vw #53ffea;
    -webkit-transform: scale(1.10204082);
    transform: scale(1.10204082);
  }
}
.index-Movie
  .movie-Content
  .movie-List
  .list-Item.swiper-slide-active
  a::after {
  opacity: 1;
}
.index-Movie .movie-Content .next,
.index-Movie .movie-Content .prev {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: absolute;
  z-index: 2;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.8);
  background: -webkit-linear-gradient(
    4.92deg,
    rgba(0, 255, 240, 0.4) 18.76%,
    rgba(94, 0, 126, 0.4) 85.48%
  );
  background: linear-gradient(
    85.08deg,
    rgba(0, 255, 240, 0.4) 18.76%,
    rgba(94, 0, 126, 0.4) 85.48%
  );
}
@media print, screen and (min-width: 769px) {
  .index-Movie .movie-Content .next,
  .index-Movie .movie-Content .prev {
    width: 93px;
    height: 93px;
    top: 213px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Movie .movie-Content .next,
  .index-Movie .movie-Content .prev {
    width: 13.0208333333vw;
    height: 13.0208333333vw;
    top: 17.1875vw;
  }
}
.index-Movie .movie-Content .next .arrow::after,
.index-Movie .movie-Content .next .arrow::before,
.index-Movie .movie-Content .prev .arrow::after,
.index-Movie .movie-Content .prev .arrow::before {
  content: "";
  position: absolute;
  display: block;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2233%22%20height%3D%2243%22%20viewBox%3D%220%200%2033%2043%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M33%2042.5L-9.17939e-07%2021.5L33%200.500002L20.1667%2021.5L33%2042.5Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    no-repeat top center/contain;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media print, screen and (min-width: 769px) {
  .index-Movie .movie-Content .next .arrow::before,
  .index-Movie .movie-Content .prev .arrow::before {
    left: 17px;
    width: 36px;
    height: 45px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Movie .movie-Content .next .arrow::before,
  .index-Movie .movie-Content .prev .arrow::before {
    left: 2.34375vw;
    width: 5.078125vw;
    height: 6.25vw;
  }
}
.index-Movie .movie-Content .next .arrow::after,
.index-Movie .movie-Content .prev .arrow::after {
  opacity: 0.6;
}
@media print, screen and (min-width: 769px) {
  .index-Movie .movie-Content .next .arrow::after,
  .index-Movie .movie-Content .prev .arrow::after {
    left: 50px;
    width: 20px;
    height: 25px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Movie .movie-Content .next .arrow::after,
  .index-Movie .movie-Content .prev .arrow::after {
    left: 7.03125vw;
    width: 2.6041666667vw;
    height: 3.515625vw;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Movie .movie-Content .prev {
    left: -78px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Movie .movie-Content .prev {
    left: -6.5104166667vw;
  }
}
@media (any-hover: hover) {
  .index-Movie .movie-Content .prev {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }
  .index-Movie .movie-Content .prev:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.index-Movie .movie-Content .next {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
@media print, screen and (min-width: 769px) {
  .index-Movie .movie-Content .next {
    right: -78px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Movie .movie-Content .next {
    right: -6.5104166667vw;
  }
}
@media (any-hover: hover) {
  .index-Movie .movie-Content .next {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
  }
  .index-Movie .movie-Content .next:hover {
    -webkit-transform: scale(-1.1, 1.1);
    transform: scale(-1.1, 1.1);
  }
}
.index-Movie .movie-Content.non-active .next,
.index-Movie .movie-Content.non-active .pagination,
.index-Movie .movie-Content.non-active .prev {
  display: none;
}
.index-Movie .pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  z-index: 2;
}
@media print, screen and (min-width: 769px) {
  .index-Movie .pagination {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 124px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Movie .pagination {
    position: relative;
    margin: 7.421875vw 0 0;
  }
}
.index-Movie .pagination .swiper-pagination-bullet {
  border-radius: 50%;
  background: 0 0;
  border: 1px solid #34ffe7;
  position: relative;
  opacity: 1;
}
@media print, screen and (min-width: 769px) {
  .index-Movie .pagination .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    margin: 0 6px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Movie .pagination .swiper-pagination-bullet {
    width: 2.6041666667vw;
    height: 2.6041666667vw;
    margin: 0 1.0416666667vw;
  }
}
.index-Movie .pagination .swiper-pagination-bullet::after,
.index-Movie .pagination .swiper-pagination-bullet::before {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media print, screen and (min-width: 769px) {
  .index-Movie .pagination .swiper-pagination-bullet::before {
    width: 24px;
    height: 24px;
    border: 2px solid #34ffe7;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Movie .pagination .swiper-pagination-bullet::before {
    width: 4.1666666667vw;
    height: 4.1666666667vw;
    border: 0.2604166667vw solid #34ffe7;
  }
}
.index-Movie .pagination .swiper-pagination-bullet::after {
  background: #34ffe7;
}
@media print, screen and (min-width: 769px) {
  .index-Movie .pagination .swiper-pagination-bullet::after {
    width: 6px;
    height: 6px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Movie .pagination .swiper-pagination-bullet::after {
    width: 1.0416666667vw;
    height: 1.0416666667vw;
  }
}
.index-Movie
  .pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active::after,
.index-Movie
  .pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  opacity: 1;
}
.index-Movie .movie-Btn {
  position: relative;
  z-index: 2;
}
@media print, screen and (min-width: 769px) {
  .index-Movie .movie-Btn {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Movie .movie-Btn {
    margin: 8.59375vw 0 0;
    padding-right: 7.8125vw;
    text-align: right;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Products {
    margin: 70px 0 0;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Products {
    margin: 14.0625vw 0 0;
  }
}
.index-Products .products-Title span {
  display: block;
  margin: 0 auto;
}
@media print, screen and (min-width: 769px) {
  .index-Products .products-Title span {
    width: 387px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Products .products-Title span {
    width: 64.84375vw;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Products .products-Content {
    margin: 60px auto 0;
    width: 960px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Products .products-Content {
    margin: 8.8541666667vw auto 0;
    width: 84.375vw;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Products .products-Content .products-Info {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Products .products-Content .products-Info .info-Image {
    width: 290px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Products .products-Content .products-Info .info-Image {
    width: 44.0104166667vw;
    margin: 0 auto;
  }
}
.index-Products .products-Content .products-Info .info-Image img {
  -o-object-position: top;
  object-position: top;
}
@media print, screen and (min-width: 769px) {
  .index-Products .products-Content .products-Info .info-Detail {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    margin-left: 40px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Products .products-Content .products-Info .info-Detail {
    margin-top: 7.8125vw;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Products .products-Content .products-Info .info-Detail dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.index-Products .products-Content .products-Info .info-Detail dl dd,
.index-Products .products-Content .products-Info .info-Detail dl dt {
  letter-spacing: 0.04em;
  line-height: 1.4;
}
@media print, screen and (min-width: 769px) {
  .index-Products .products-Content .products-Info .info-Detail dl dd,
  .index-Products .products-Content .products-Info .info-Detail dl dt {
    padding: 0 0 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
}
@media print, screen and (max-width: 768px) {
  .index-Products .products-Content .products-Info .info-Detail dl dd,
  .index-Products .products-Content .products-Info .info-Detail dl dt {
    font-size: 3.3854166667vw;
    padding: 0 0 3.125vw;
  }
}
.index-Products .products-Content .products-Info .info-Detail dl dd span,
.index-Products .products-Content .products-Info .info-Detail dl dt span {
  display: block;
  margin: 0.5em 0 0;
}
@media print, screen and (min-width: 769px) {
  .index-Products .products-Content .products-Info .info-Detail dl dd span,
  .index-Products .products-Content .products-Info .info-Detail dl dt span {
    font-size: 1.2rem;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Products .products-Content .products-Info .info-Detail dl dd span,
  .index-Products .products-Content .products-Info .info-Detail dl dt span {
    font-size: 2.6041666667vw;
  }
}
.index-Products .products-Content .products-Info .info-Detail dl dt {
  font-weight: 700;
  position: relative;
}
@media print, screen and (min-width: 769px) {
  .index-Products .products-Content .products-Info .info-Detail dl dt {
    width: 230px;
    padding-left: 28px;
    font-size: 1.6rem;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Products .products-Content .products-Info .info-Detail dl dt {
    padding-right: 1.3020833333vw;
    padding-left: 5.9895833333vw;
  }
}
.index-Products .products-Content .products-Info .info-Detail dl dt::before {
  content: "";
  display: block;
  position: absolute;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2210%22%20viewBox%3D%220%200%2020%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M13.5011%207.16521L20%200.000244141H3.58621L5.96188%202.61942H11.7931V4.76238H7.90563L10.0345%207.1094L12.477%2010.0007H15.8966L13.5011%207.16521Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M13.5011%207.16521L20%200.000244141H3.58621L5.96188%202.61942H11.7931V4.76238H7.90563L10.0345%207.1094L12.477%2010.0007H15.8966L13.5011%207.16521Z%22%20fill%3D%22url(%23paint0_linear_391_718)%22%2F%3E%0A%3Cpath%20d%3D%22M0%200.000244141H1.93103L10.6207%2010.0007H8.68966L0%200.000244141Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M0%200.000244141H1.93103L10.6207%2010.0007H8.68966L0%200.000244141Z%22%20fill%3D%22url(/wp-content/themes/macross-si_v1/assets/css/index/%23paint1_linear_391_718)%22%2F%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_391_718%22%20x1%3D%228.72906%22%20y1%3D%22-0.356916%22%20x2%3D%228.72906%22%20y2%3D%2210.7151%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22white%22%2F%3E%0A%3Cstop%20offset%3D%220.379373%22%20stop-color%3D%22white%22%2F%3E%0A%3Cstop%20offset%3D%220.379373%22%20stop-color%3D%22%23677CC5%22%2F%3E%0A%3Cstop%20offset%3D%220.772801%22%20stop-color%3D%22%23CBD3EF%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3ClinearGradient%20id%3D%22paint1_linear_391_718%22%20x1%3D%228.72906%22%20y1%3D%22-0.356916%22%20x2%3D%228.72906%22%20y2%3D%2210.7151%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22white%22%2F%3E%0A%3Cstop%20offset%3D%220.379373%22%20stop-color%3D%22white%22%2F%3E%0A%3Cstop%20offset%3D%220.379373%22%20stop-color%3D%22%23677CC5%22%2F%3E%0A%3Cstop%20offset%3D%220.772801%22%20stop-color%3D%22%23CBD3EF%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A")
    no-repeat top center/contain;
  left: 0;
  will-change: filter;
}
@media print, screen and (min-width: 769px) {
  .index-Products .products-Content .products-Info .info-Detail dl dt::before {
    width: 20px;
    height: 10px;
    top: 7px;
    -webkit-filter: drop-shadow(0 0 5.7px rgba(255, 255, 255, 0.6));
    filter: drop-shadow(0 0 5.7px rgba(255, 255, 255, 0.6));
  }
}
@media print, screen and (max-width: 768px) {
  .index-Products .products-Content .products-Info .info-Detail dl dt::before {
    width: 4.1666666667vw;
    height: 2.0833333333vw;
    top: 1.4322916667vw;
    -webkit-filter: drop-shadow(0 0 0.7421875vw rgba(255, 255, 255, 0.6));
    filter: drop-shadow(0 0 0.7421875vw rgba(255, 255, 255, 0.6));
  }
}
@media print, screen and (min-width: 769px) {
  .index-Products
    .products-Content
    .products-Info
    .info-Detail
    dl
    dt:nth-of-type(n + 2) {
    padding-top: 16px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Products
    .products-Content
    .products-Info
    .info-Detail
    dl
    dt:nth-of-type(n + 2) {
    padding-top: 3.125vw;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Products
    .products-Content
    .products-Info
    .info-Detail
    dl
    dt:nth-of-type(n + 2)::before {
    top: 23px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Products
    .products-Content
    .products-Info
    .info-Detail
    dl
    dt:nth-of-type(n + 2)::before {
    top: 4.5572916667vw;
  }
}
.index-Products .products-Content .products-Info .info-Detail dl dd {
  font-weight: 500;
}
@media print, screen and (min-width: 769px) {
  .index-Products .products-Content .products-Info .info-Detail dl dd {
    width: calc(100% - 230px);
    padding-top: 4px;
    padding-right: 10px;
    font-size: 1.4rem;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Products .products-Content .products-Info .info-Detail dl dd {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
}
@media print, screen and (min-width: 769px) {
  .index-Products
    .products-Content
    .products-Info
    .info-Detail
    dl
    dd:nth-of-type(n + 2) {
    padding-top: 18px;
  }
}
.index-Products .products-Content .products-Link {
  position: relative;
}
@media print, screen and (min-width: 769px) {
  .index-Products .products-Content .products-Link {
    margin: 40px 0 0;
    padding: 0 0 16px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Products .products-Content .products-Link {
    margin: 10.4166666667vw 0 0;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Products .products-Content .products-Link .link-List {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    gap: 60px 20px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Products
    .products-Content
    .products-Link
    .link-List
    .list-Item
    + .list-Item {
    margin-top: 3.3854166667vw;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Products
    .products-Content
    .products-Link
    .link-List
    .list-Item:last-of-type {
    width: 100%;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Products
    .products-Content
    .products-Link
    .link-List
    .list-Item:last-of-type {
    margin-top: 14.84375vw;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Products
    .products-Content
    .products-Link
    .link-List.en
    .list-Item:last-of-type {
    width: auto;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Products
    .products-Content
    .products-Link
    .link-List.en
    .list-Item:last-of-type {
    margin-top: 3.3854166667vw;
  }
}
.index-Products .products-Content .products-Link .reservation {
  position: absolute;
}
@media print, screen and (min-width: 769px) {
  .index-Products .products-Content .products-Link .reservation {
    bottom: 0;
    left: 215px;
    padding: 0 0 36px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Products .products-Content .products-Link .reservation {
    bottom: 20.3125vw;
    left: 0;
  }
}
.index-Products .products-Content .products-Link .reservation::after,
.index-Products .products-Content .products-Link .reservation::before {
  content: "";
  position: absolute;
  display: block;
  border-radius: 50%;
}
.index-Products .products-Content .products-Link .reservation::before {
  border: 1px solid #fff;
}
@media print, screen and (min-width: 769px) {
  .index-Products .products-Content .products-Link .reservation::before {
    top: 4px;
    left: 99px;
    width: 11px;
    height: 11px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Products .products-Content .products-Link .reservation::before {
    top: 0.390625vw;
    right: -3.90625vw;
    width: 2.6041666667vw;
    height: 2.6041666667vw;
  }
}
.index-Products .products-Content .products-Link .reservation::after {
  background: #fff;
}
@media print, screen and (min-width: 769px) {
  .index-Products .products-Content .products-Link .reservation::after {
    top: 7px;
    left: 102px;
    width: 5px;
    height: 5px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Products .products-Content .products-Link .reservation::after {
    top: 1.0416666667vw;
    right: -3.2552083333vw;
    width: 1.3020833333vw;
    height: 1.3020833333vw;
  }
}
.index-Products .products-Content .products-Link .reservation p {
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
}
@media print, screen and (min-width: 769px) {
  .index-Products .products-Content .products-Link .reservation p {
    font-size: 1.6rem;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Products .products-Content .products-Link .reservation p {
    font-size: 3.125vw;
  }
}
.index-Products .products-Content .products-Link .reservation p::after,
.index-Products .products-Content .products-Link .reservation p::before {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  background: #fff;
}
@media print, screen and (min-width: 769px) {
  .index-Products .products-Content .products-Link .reservation p::before {
    top: 9px;
    left: 105px;
    width: 44px;
    -webkit-transform: rotate(75deg);
    transform: rotate(75deg);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Products .products-Content .products-Link .reservation p::before {
    display: none;
  }
}
@media print, screen and (min-width: 769px) {
  .index-Products .products-Content .products-Link .reservation p::after {
    bottom: 0;
    left: 116px;
    width: 300px;
  }
}
@media print, screen and (max-width: 768px) {
  .index-Products .products-Content .products-Link .reservation p::after {
    top: 1.6927083333vw;
    right: -2.8645833333vw;
    width: 63.9322916667vw;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
.twitter-replace {
    width: 100%;
    aspect-ratio: 16 / 5; /* お好みで調整可能 */
    background-image: url(/wp-content/themes/macross-si_v1/assets/images/common/x_bg.png); /* ←画像のURLをここに設定 */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
  }
  
  .twitter-replace a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px; /* アクセシビリティを考慮するならaria-label推奨 */
  }