.kv {
  background-image: url("/online/grandfantasia-origin/assets/images/index/update_Spiritclaw/kv-bg.webp"); }
  @media screen and (orientation: portrait) {
    .kv {
      background-image: url("/online/grandfantasia-origin/assets/images/index/update_Spiritclaw/kv-bg-m.webp"); } }
  .kv .slogan h1 {
    background: -webkit-gradient(linear, left bottom, left top, from(#1cf2ff), to(#d3faff));
    background: -webkit-linear-gradient(bottom, #1cf2ff 0%, #d3faff 100%);
    background: -o-linear-gradient(bottom, #1cf2ff 0%, #d3faff 100%);
    background: linear-gradient(to top, #1cf2ff 0%, #d3faff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone; }
    .kv .slogan h1::before {
      -webkit-text-stroke: 6px #005676;
      text-stroke: 6px #005676; }
  .kv .slogan h3::before {
    -webkit-text-stroke: 5px #005676;
    text-stroke: 5px #005676; }

@media screen and (orientation: portrait) {
  .EN .kv .slogan {
    font-size: 6vw; } }

.EN .classes-slogan {
  width: 13em; }

.JP .classes-slogan {
  width: 12em; }

.role-1 {
  background-image: url("/online/grandfantasia-origin/assets/images/index/role-1-2.webp"); }