body > div#moviePlayWrapper {
  display: none;
  z-index: 3;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
body > div#moviePlayWrapper > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
body > div#moviePlayWrapper > div > div {
  display: block;
  position: relative;
  height: auto;
  background-color: rgba(0, 0, 0, 0.9);
}
body > div#moviePlayWrapper > div > div::before {
  display: block;
  padding-top: 56.3%;
  content: "";
}
body > div#moviePlayWrapper > div > div > button#btn_movieClose,
body > div#moviePlayWrapper > div > div > button#btn_screenshotClose {
  display: block;
  position: fixed;
  background-position: 0% 0%;
  background-size: 100% auto;
}

body {
  background-position: 50% 0%;
}
body > main {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body.curtain::after {
  -webkit-transition: opacity 0.7s cubic-bezier(0.73, -0.01, 1, 0.85);
  transition: opacity 0.7s cubic-bezier(0.73, -0.01, 1, 0.85);
}
body > header {
  min-height: 100svh;
  background-size: cover;
  background-repeat: no-repeat;
}
body > header::after {
  display: block;
  z-index: 1;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  background-color: #ececed;
  content: "";
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  -webkit-animation: scrollanim 1.6s cubic-bezier(0.65, 0, 0.35, 1) 0s infinite normal forwards;
  animation: scrollanim 1.6s cubic-bezier(0.65, 0, 0.35, 1) 0s infinite normal forwards;
}
body > header.hide_sa::after {
  opacity: 0;
}
body > header.anm_prg > picture:nth-child(1) {
  -webkit-animation: fade_slideIn-bt_3 0.7s ease 0.2s 1 normal forwards;
  animation: fade_slideIn-bt_3 0.7s ease 0.2s 1 normal forwards;
}
body > header.anm_prg > picture:nth-child(2) {
  -webkit-animation: fadeIn 1s ease 0.7s 1 normal forwards;
  animation: fadeIn 1s ease 0.7s 1 normal forwards;
}
body > header > picture {
  position: absolute;
  opacity: 0;
}
body > main > a#idx_ftv_cnt {
  display: block;
  z-index: 0;
  overflow: hidden;
  background-position: 0% 0%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-color: #000;
}
body > main > a#dlcLink {
  display: block;
  z-index: 0;
  overflow: hidden;
}
body > main > a#dlcLink > picture {
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
body > main > button#btn_movie_start {
  display: block;
  z-index: 0;
  overflow: hidden;
  background-color: #000;
}
body > main > button#btn_movie_start::before, body > main > button#btn_movie_start::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0 auto auto 0;
  content: "";
}
body > main > button#btn_movie_start::after {
  background-repeat: no-repeat;
}
body > main > button#btn_movie_start > picture {
  z-index: -1;
  position: absolute;
  margin: auto;
  inset: 0 0 0 0;
}
body > main > button#btn_movie_start > span {
  display: block;
  position: absolute;
  margin: auto;
  inset: 0 0 0 0;
}
body > main > button#btn_movie_start > span::before, body > main > button#btn_movie_start > span::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0 auto auto 0;
  background-position: 0% 0%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  content: "";
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
body > main > button#btn_movie_start > span::before {
  opacity: 1;
}
body > main > button#btn_movie_start > span::after {
  opacity: 0;
}
body > main > section#featured > picture {
  margin-right: auto;
  margin-left: auto;
}
body > main > section#featured > nav {
  display: grid;
  position: relative;
  margin-right: auto;
  margin-left: auto;
}
body > main > section#featured > nav > a {
  display: block;
  position: relative;
  overflow: hidden;
  opacity: 0;
}
body > main > section#featured > nav > a.anm_prg {
  -webkit-animation: fade_slideIn-bt 0.5s cubic-bezier(0, 0.42, 0.5, 1) 0s 1 normal forwards;
  animation: fade_slideIn-bt 0.5s cubic-bezier(0, 0.42, 0.5, 1) 0s 1 normal forwards;
}
body > main > section#featured > nav > a:hover > picture {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
body > main > section#featured > nav > a::before, body > main > section#featured > nav > a::after {
  display: block;
  position: absolute;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  content: "";
}
body > main > section#featured > nav > a::before {
  z-index: 1;
  width: 100%;
  height: 100%;
  inset: 0 auto auto 0;
}
body > main > section#featured > nav > a::after {
  background-size: 100% auto;
}
body > main > section#featured > nav > a > picture {
  position: absolute;
  margin: auto;
  inset: 0 0 0 0;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
body > main > section#news > picture {
  margin-right: auto;
  margin-left: auto;
}
body > main > section#news > nav {
  display: grid;
  position: relative;
  margin-right: auto;
  margin-left: auto;
}
body > main > section#news > nav > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  opacity: 0;
}
body > main > section#news > nav > a.anm_prg {
  -webkit-animation: fade_slideIn-bt 0.5s cubic-bezier(0, 0.42, 0.5, 1) 0s 1 normal forwards;
  animation: fade_slideIn-bt 0.5s cubic-bezier(0, 0.42, 0.5, 1) 0s 1 normal forwards;
}
body > main > section#news > nav > a:hover > div > picture {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
body > main > section#news > nav > a > div {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: #000;
}
body > main > section#news > nav > a > div::before {
  display: block;
  padding-top: 56.25%;
  content: "";
}
body > main > section#news > nav > a > div > picture {
  position: absolute;
  width: 100%;
  margin: auto;
  inset: 0 0 0 0;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
body > main > section#news > nav > a > p {
  letter-spacing: 0;
}
body > main > section#news > nav > a > p:nth-of-type(1) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #6b6b6b;
  line-height: 1;
  font-family: "Inter", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
}
body > main > section#news > nav > a > p:nth-of-type(1)::after {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  background-color: rgba(107, 107, 107, 0.25);
  font-weight: 500;
}
body > main > section#news > nav > a > p:nth-of-type(1).event::after {
  content: "EVENT";
}
body > main > section#news > nav > a > p:nth-of-type(1).game::after {
  content: "GAME";
}
body > main > section#news > nav > a > p:nth-of-type(1).goods::after {
  content: "GOODS";
}
body > main > section#news > nav > a > p:nth-of-type(1).notice::after {
  content: "NOTICE";
}
body > main > section#news > nav > a > p:nth-of-type(1).update::after {
  content: "UPDATE";
}
body > main > section#news > nav > a > p:nth-of-type(2) {
  color: #e2e2e2;
  font-weight: 700;
  line-height: 1.5;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
body > main > section#news > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  z-index: 0;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
  color: #e2e2e2;
  font-weight: 500;
  line-height: 1;
  font-family: "Inter", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
  letter-spacing: 0.1em;
  text-decoration: none;
}
body > main > section#news > a::before, body > main > section#news > a::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0 auto auto 0;
  background-repeat: no-repeat;
  content: "";
}
body > main > section#news > a::before {
  z-index: -1;
  background-position: 50% 0%;
  background-size: auto 100%;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
body > main > section#news > a::after {
  background-position: 0% 0%;
  background-size: 100% auto;
}
body > main > section#news > a > span {
  display: block;
  position: relative;
  font-weight: 400;
}
body > main > section#introduction {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
}
body > main > section#introduction.anm_prg > picture:nth-child(2) {
  -webkit-animation: fadeIn 1.2s ease-out 0s 1 normal forwards;
  animation: fadeIn 1.2s ease-out 0s 1 normal forwards;
}
body > main > section#introduction > picture {
  margin-right: auto;
  margin-left: auto;
}
body > main > section#introduction > picture:nth-child(2) {
  opacity: 0;
}
body > main > section#introduction > div.anm_prg > picture {
  -webkit-animation: fade_slideIn-lr 0.8s ease 0s 1 normal forwards;
  animation: fade_slideIn-lr 0.8s ease 0s 1 normal forwards;
}
body > main > section#introduction > div.anm_prg > p {
  -webkit-animation: fadeIn 0.5s ease 0.5s 1 normal forwards;
  animation: fadeIn 0.5s ease 0.5s 1 normal forwards;
}
body > main > section#introduction > div > picture {
  opacity: 0;
}
body > main > section#introduction > div > p {
  display: block;
  position: relative;
  color: #e2e2e2;
  line-height: 1.9;
  word-break: keep-all;
  overflow-wrap: anywhere;
  opacity: 0;
}
body > main > section#introduction > div > p:nth-of-type(2) {
  text-align: justify;
}
body > main > section#introduction > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  z-index: 0;
  align-items: center;
  color: #e2e2e2;
  font-weight: 500;
  line-height: 1;
  font-family: "Inter", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
  letter-spacing: 0.1em;
  text-decoration: none;
}
body > main > section#introduction > a::before, body > main > section#introduction > a::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0 auto auto 0;
  background-repeat: no-repeat;
  content: "";
}
body > main > section#introduction > a::before {
  z-index: -1;
  background-position: 50% 0%;
  background-size: auto 100%;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
body > main > section#introduction > a::after {
  background-position: 0% 0%;
  background-size: 100% auto;
}
body > main > section#introduction > a > span {
  display: block;
  position: relative;
  font-weight: 400;
}
body > main > section#spec > picture {
  margin-right: auto;
  margin-left: auto;
}
body > main > section#spec > ul {
  display: block;
  position: relative;
  list-style-type: none;
}
body > main > section#spec > ul > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  color: #e2e2e2;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
  letter-spacing: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-image: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(rgba(255, 255, 255, 0.25)), to(transparent));
  background-image: -webkit-linear-gradient(right, transparent, rgba(255, 255, 255, 0.25), transparent);
  background-image: linear-gradient(to left, transparent, rgba(255, 255, 255, 0.25), transparent);
  background-position: 0% 100%;
  background-repeat: no-repeat;
}
body > main > section#spec > ul > li > h1 {
  font-weight: bold;
}
body > main > section#spec > ul > li > div.list {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
body > main > section#spec > ul > li > div.list > p:nth-child(odd) {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body > div#moviePlayWrapper > div > div > #yt_player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  z-index: 1;
  transition: opacity 0.4s ease;
}
@media all and (min-width: 1921px) {
  body > div#moviePlayWrapper > div > div {
    width: 1600px;
  }
  body > div#moviePlayWrapper > div > div > button#btn_movieClose,
  body > div#moviePlayWrapper > div > div > button#btn_screenshotClose {
    width: 44px;
    height: 44px;
  }
  body > div#moviePlayWrapper > div > div > button#btn_movieClose,
  body > div#moviePlayWrapper > div > div > button#btn_screenshotClose {
    background-image: url("../images/common/pc/icon_close.png");
  }
  body > div#moviePlayWrapper > div > div > button#btn_movieClose,
  body > div#moviePlayWrapper > div > div > button#btn_screenshotClose {
    inset: 36px 64px auto auto;
  }
  body {
    background-image: url("../images/common/pc/background/loop.png");
  }
  body {
    background-size: 2560px 1px;
  }
  body > main {
    background-image: url("../images/common/pc/background/part_1.png"), url("../images/common/pc/background/part_2.png"), url("../images/common/pc/background/part_3.png");
  }
  body > main {
    background-size: 2560px 1124px, 1158px 1192px, 2560px 1329px;
  }
  body > header {
    background-image: url("../images/top/pc/fv/background.jpg");
  }
  body > header::after {
    height: 100px;
  }
  body > header::after else {
    height: 0;
  }
  body > header::after {
    top: calc(100svh - 100px);
    width: 2px;
  }
  body > header > picture:nth-child(1) {
    top: 50px;
  }
  body > header > picture:nth-child(1) else {
    top: 0;
  }
  body > header > picture:nth-child(1) {
    width: 1224px;
    height: 362px;
  }
  body > header > picture:nth-child(2) {
    top: 402px;
  }
  body > header > picture:nth-child(2) else {
    top: 0;
  }
  body > header > picture:nth-child(2) {
    width: 748px;
    height: 81px;
  }
  body > header > picture:nth-child(3) {
    bottom: 279px;
  }
  body > header > picture:nth-child(3) else {
    bottom: 0;
  }
  body > header > picture:nth-child(3) {
    width: 363px;
    height: 162px;
  }
  body > main {
    padding-bottom: 277px;
  }
  body > main else {
    padding-bottom: 0;
  }
  body > main > a#idx_ftv_cnt {
    inset: -473px 30px auto auto;
  }
  body > main > a#idx_ftv_cnt {
    width: 460px;
    height: 160px;
  }
  body > main > a#idx_ftv_cnt {
    background-image: url("../images/top/pc/fv/banner_cnt2.jpg");
  }
  body > main > a#dlcLink {
    inset: -573px 30px auto auto;
  }
  body > main > a#dlcLink {
    width: 460px;
    height: 258px;
  }
  body > main > a#dlcLink::after {
    background-image: url("../images/top/pc/fv/banner_dlc_frame.png");
  }
  body > main > button#btn_movie_start {
    inset: -295px 30px auto auto;
  }
  body > main > button#btn_movie_start {
    width: 460px;
    height: 258px;
  }
  body > main > button#btn_movie_start::before {
    background-image: url("../images/top/pc/movie/decoration.png"), url("../images/top/pc/movie/decoration_bdr.png");
  }
  body > main > button#btn_movie_start::before {
    background-size: 450px 247px, 100% auto;
  }
  body > main > button#btn_movie_start::after {
    background-image: url("../images/top/pc/movie/launchtrailer/title.png");
  }
  body > main > button#btn_movie_start::after {
    background-position: 50% calc(100% - 20px);
    background-size: 236px 42px;
  }
  body > main > button#btn_movie_start > picture {
    width: 460px;
    height: 258px;
  }
  body > main > button#btn_movie_start > span {
    width: 76px;
    height: 76px;
  }
  body > main > button#btn_movie_start > span::before {
    background-image: url("../images/top/pc/movie/play_f.png");
  }
  body > main > button#btn_movie_start > span::after {
    background-image: url("../images/top/pc/movie/play_n.png");
  }
  body > main > section#featured > picture {
    width: 265px;
    height: 103px;
  }
  body > main > section#featured > picture {
    margin-top: 239px;
  }
  body > main > section#featured > picture else {
    margin-top: 0;
  }
  body > main > section#featured > nav {
    margin-top: 40px;
  }
  body > main > section#featured > nav else {
    margin-top: 0;
  }
  body > main > section#featured > nav {
    -webkit-column-gap: 32px;
    -moz-column-gap: 32px;
    column-gap: 32px;
    row-gap: 20px;
    width: 2048px;
  }
  body > main > section#featured > nav > a {
    width: 1008px;
  }
  body > main > section#featured > nav > a:nth-child(1) {
    height: 400px;
  }
  body > main > section#featured > nav > a:nth-child(1)::before {
    background-image: url("../images/top/pc/featured/frame_01.png");
  }
  body > main > section#featured > nav > a:nth-child(1)::after {
    bottom: 8px;
    left: 9px;
    width: 280px;
    height: 65px;
  }
  body > main > section#featured > nav > a:nth-child(1)::after {
    background-image: url("../images/top/pc/featured/01_text.png");
  }
  body > main > section#featured > nav > a:nth-child(1) > picture {
    width: 1008px;
    height: 400px;
  }
  body > main > section#featured > nav > a:nth-child(2), body > main > section#featured > nav > a:nth-child(3) {
    height: 190px;
  }
  body > main > section#featured > nav > a:nth-child(2)::before, body > main > section#featured > nav > a:nth-child(3)::before {
    background-image: url("../images/top/pc/featured/frame_02.png");
  }
  body > main > section#featured > nav > a:nth-child(2)::after, body > main > section#featured > nav > a:nth-child(3)::after {
    bottom: 5px;
    left: 14px;
  }
  body > main > section#featured > nav > a:nth-child(2) > picture, body > main > section#featured > nav > a:nth-child(3) > picture {
    width: 1008px;
    height: 190px;
  }
  body > main > section#featured > nav > a:nth-child(2)::after {
    width: 346px;
    height: 66px;
  }
  body > main > section#featured > nav > a:nth-child(2)::after {
    background-image: url("../images/top/pc/featured/02_text.png");
  }
  body > main > section#featured > nav > a:nth-child(3)::after {
    width: 285px;
    height: 68px;
  }
  body > main > section#featured > nav > a:nth-child(3)::after {
    background-image: url("../images/top/pc/featured/03_text.png");
  }
  body > main > section#news > picture {
    width: 130px;
    height: 103px;
  }
  body > main > section#news > picture {
    margin-top: 306px;
  }
  body > main > section#news > picture else {
    margin-top: 0;
  }
  body > main > section#news > nav {
    margin-top: 40px;
  }
  body > main > section#news > nav else {
    margin-top: 0;
  }
  body > main > section#news > nav {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    width: 2043px;
  }
  body > main > section#news > nav.a1 {
    width: 676.5px;
  }
  body > main > section#news > nav.a2 {
    width: 1353px;
  }
  body > main > section#news > nav > a > p:nth-of-type(1) {
    width: 185px;
  }
  body > main > section#news > nav > a > p:nth-of-type(1) else {
    width: 0;
  }
  body > main > section#news > nav > a > p:nth-of-type(1) {
    height: 20px;
  }
  body > main > section#news > nav > a > p:nth-of-type(1) else {
    height: 0;
  }
  body > main > section#news > nav > a > p:nth-of-type(1) {
    font-size: 18px;
  }
  body > main > section#news > nav > a > p:nth-of-type(1) else {
    font-size: 0;
  }
  body > main > section#news > nav > a > p:nth-of-type(1) {
    margin-top: 12px;
  }
  body > main > section#news > nav > a > p:nth-of-type(1) else {
    margin-top: 0;
  }
  body > main > section#news > nav > a > p:nth-of-type(1)::after {
    width: 78px;
  }
  body > main > section#news > nav > a > p:nth-of-type(1)::after else {
    width: 0;
  }
  body > main > section#news > nav > a > p:nth-of-type(1)::after {
    font-size: 15px;
  }
  body > main > section#news > nav > a > p:nth-of-type(1)::after else {
    font-size: 0;
  }
  body > main > section#news > nav > a > p:nth-of-type(1)::after {
    border-radius: 4px;
  }
  body > main > section#news > nav > a > p:nth-of-type(1)::after else {
    border-radius: 0;
  }
  body > main > section#news > nav > a > p:nth-of-type(2) {
    font-size: 20px;
  }
  body > main > section#news > nav > a > p:nth-of-type(2) else {
    font-size: 0;
  }
  body > main > section#news > nav > a > p:nth-of-type(2) {
    margin-top: 12px;
  }
  body > main > section#news > nav > a > p:nth-of-type(2) else {
    margin-top: 0;
  }
  body > main > section#news > a {
    font-size: 20px;
  }
  body > main > section#news > a else {
    font-size: 0;
  }
  body > main > section#news > a {
    margin-top: 130px;
  }
  body > main > section#news > a else {
    margin-top: 0;
  }
  body > main > section#news > a {
    width: 400px;
    height: 73px;
  }
  body > main > section#news > a::before {
    background-image: url("../images/top/pc/introduction/lnk_hvr_bg.png");
  }
  body > main > section#news > a::after {
    background-image: url("../images/top/pc/introduction/lnk_deco.png");
  }
  body > main > section#news > a > span {
    font-size: 24px;
  }
  body > main > section#news > a > span else {
    font-size: 0;
  }
  body > main > section#news > a > span {
    margin-left: 15px;
  }
  body > main > section#news > a > span else {
    margin-left: 0;
  }
  body > main > section#introduction {
    margin-top: 224px;
  }
  body > main > section#introduction else {
    margin-top: 0;
  }
  body > main > section#introduction {
    background-image: url("../images/top/pc/introduction/background.png");
  }
  body > main > section#introduction {
    height: 1593px;
    padding-top: 94px;
    background-size: 2560px 1439px;
  }
  body > main > section#introduction > picture:nth-child(1) {
    width: 412px;
    height: 103px;
  }
  body > main > section#introduction > picture:nth-child(2) {
    width: 734px;
    height: 114px;
  }
  body > main > section#introduction > picture:nth-child(2) {
    margin-top: 19px;
  }
  body > main > section#introduction > picture:nth-child(2) else {
    margin-top: 0;
  }
  body > main > section#introduction > div {
    width: 1600px;
  }
  body > main > section#introduction > div else {
    width: 0;
  }
  body > main > section#introduction > div > picture {
    width: 1349px;
    height: 202px;
  }
  body > main > section#introduction > div > picture {
    margin-left: -30px;
  }
  body > main > section#introduction > div > p {
    font-size: 24px;
  }
  body > main > section#introduction > div > p else {
    font-size: 0;
  }
  body > main > section#introduction > div > p:nth-of-type(1) {
    margin-top: 20px;
  }
  body > main > section#introduction > div > p:nth-of-type(1) else {
    margin-top: 0;
  }
  body > main > section#introduction > div > p:nth-of-type(2) {
    margin-top: 45px;
  }
  body > main > section#introduction > div > p:nth-of-type(2) else {
    margin-top: 0;
  }
  body > main > section#introduction > a {
    font-size: 20px;
  }
  body > main > section#introduction > a else {
    font-size: 0;
  }
  body > main > section#introduction > a {
    margin-top: 130px;
  }
  body > main > section#introduction > a else {
    margin-top: 0;
  }
  body > main > section#introduction > a {
    width: 400px;
    height: 73px;
  }
  body > main > section#introduction > a::before {
    background-image: url("../images/top/pc/introduction/lnk_hvr_bg.png");
  }
  body > main > section#introduction > a::after {
    background-image: url("../images/top/pc/introduction/lnk_deco.png");
  }
  body > main > section#introduction > a > span {
    font-size: 24px;
  }
  body > main > section#introduction > a > span else {
    font-size: 0;
  }
  body > main > section#introduction > a > span {
    margin-left: 15px;
  }
  body > main > section#introduction > a > span else {
    margin-left: 0;
  }
  body > main > section#spec > picture:nth-of-type(1) {
    width: 114px;
    height: 103px;
  }
  body > main > section#spec > picture:nth-of-type(1) {
    margin-top: 306px;
  }
  body > main > section#spec > picture:nth-of-type(1) else {
    margin-top: 0;
  }
  body > main > section#spec > picture:nth-of-type(2) {
    width: 1599px;
    height: 78px;
  }
  body > main > section#spec > picture:nth-of-type(2) {
    margin-top: 33px;
  }
  body > main > section#spec > picture:nth-of-type(2) else {
    margin-top: 0;
  }
  body > main > section#spec > picture:nth-of-type(3) {
    width: 1599px;
    height: 78px;
  }
  body > main > section#spec > picture:nth-of-type(3) {
    margin-top: 152px;
  }
  body > main > section#spec > picture:nth-of-type(3) else {
    margin-top: 0;
  }
  body > main > section#spec > ul {
    margin-top: 16px;
  }
  body > main > section#spec > ul else {
    margin-top: 0;
  }
  body > main > section#spec > ul {
    width: 1400px;
  }
  body > main > section#spec > ul > li {
    font-size: 20px;
  }
  body > main > section#spec > ul > li else {
    font-size: 0;
  }
  body > main > section#spec > ul > li {
    padding-left: 90px;
  }
  body > main > section#spec > ul > li else {
    padding-left: 0;
  }
  body > main > section#spec > ul > li {
    min-height: 100px;
    padding-top: 25px;
    padding-bottom: 25px;
  }
  body > main > section#spec > ul > li > h1 {
    width: 310px;
  }
  body > main > section#spec > ul > li > div.list > p:nth-child(odd) {
    padding-right: 43px;
  }
  body > main > section#spec > ul > li > div.list > p:nth-child(odd) else {
    padding-right: 0;
  }
}
@media all and (min-width: 1281px) and (max-width: 1920px) {
  body > div#moviePlayWrapper > div > div {
    width: 1200px;
  }
  body > div#moviePlayWrapper > div > div > button#btn_movieClose,
  body > div#moviePlayWrapper > div > div > button#btn_screenshotClose {
    width: 33px;
    height: 33px;
  }
  body > div#moviePlayWrapper > div > div > button#btn_movieClose,
  body > div#moviePlayWrapper > div > div > button#btn_screenshotClose {
    background-image: url("../images/common/pc/icon_close@0.75x.png");
  }
  body > div#moviePlayWrapper > div > div > button#btn_movieClose,
  body > div#moviePlayWrapper > div > div > button#btn_screenshotClose {
    inset: 27px 48px auto auto;
  }
  body {
    background-image: url("../images/common/pc/background/loop@0.75x.png");
  }
  body {
    background-size: 1920px 1px;
  }
  body > main {
    background-image: url("../images/common/pc/background/part_1@0.75x.png"), url("../images/common/pc/background/part_2@0.75x.png"), url("../images/common/pc/background/part_3@0.75x.png");
  }
  body > main {
    background-size: 1920px 843px, 869px 894px, 1920px 997px;
  }
  body > header {
    background-image: url("../images/top/pc/fv/background@0.75x.jpg");
  }
  body > header::after {
    height: 75px;
  }
  body > header::after else {
    height: 0;
  }
  body > header::after {
    top: calc(100svh - 75px);
    width: 1px;
  }
  body > header > picture:nth-child(1) {
    top: 38px;
  }
  body > header > picture:nth-child(1) else {
    top: 0;
  }
  body > header > picture:nth-child(1) {
    width: 918px;
    height: 272px;
  }
  body > header > picture:nth-child(2) {
    top: 302px;
  }
  body > header > picture:nth-child(2) else {
    top: 0;
  }
  body > header > picture:nth-child(2) {
    width: 561px;
    height: 61px;
  }
  body > header > picture:nth-child(3) {
    bottom: 209px;
  }
  body > header > picture:nth-child(3) else {
    bottom: 0;
  }
  body > header > picture:nth-child(3) {
    width: 272px;
    height: 122px;
  }
  body > main {
    padding-bottom: 208px;
  }
  body > main else {
    padding-bottom: 0;
  }
  body > main > a#idx_ftv_cnt {
    inset: -355px 23px auto auto;
  }
  body > main > a#idx_ftv_cnt {
    width: 345px;
    height: 120px;
  }
  body > main > a#idx_ftv_cnt {
    background-image: url("../images/top/pc/fv/banner_cnt2@0.75x.jpg");
  }
  body > main > a#dlcLink {
    inset: -430px 23px auto auto;
  }
  body > main > a#dlcLink {
    width: 345px;
    height: 194px;
  }
  body > main > a#dlcLink::after {
    background-image: url("../images/top/pc/fv/banner_dlc_frame@0.75x.png");
  }
  body > main > button#btn_movie_start {
    inset: -221px 23px auto auto;
  }
  body > main > button#btn_movie_start {
    width: 345px;
    height: 194px;
  }
  body > main > button#btn_movie_start::before {
    background-image: url("../images/top/pc/movie/decoration@0.75x.png"), url("../images/top/pc/movie/decoration_bdr@0.75x.png");
  }
  body > main > button#btn_movie_start::before {
    background-size: 338px 185px, 100% auto;
  }
  body > main > button#btn_movie_start::after {
    background-image: url("../images/top/pc/movie/launchtrailer/title@0.75x.png");
  }
  body > main > button#btn_movie_start::after {
    background-position: 50% calc(100% - 15px);
    background-size: 177px 32px;
  }
  body > main > button#btn_movie_start > picture {
    width: 345px;
    height: 194px;
  }
  body > main > button#btn_movie_start > span {
    width: 57px;
    height: 57px;
  }
  body > main > button#btn_movie_start > span::before {
    background-image: url("../images/top/pc/movie/play_f@0.75x.png");
  }
  body > main > button#btn_movie_start > span::after {
    background-image: url("../images/top/pc/movie/play_n@0.75x.png");
  }
  body > main > section#featured > picture {
    width: 199px;
    height: 77px;
  }
  body > main > section#featured > picture {
    margin-top: 179px;
  }
  body > main > section#featured > picture else {
    margin-top: 0;
  }
  body > main > section#featured > nav {
    margin-top: 30px;
  }
  body > main > section#featured > nav else {
    margin-top: 0;
  }
  body > main > section#featured > nav > a:nth-child(1)::before {
    background-image: url("../images/top/pc/featured/frame_01@0.75x.png");
  }
  body > main > section#featured > nav > a:nth-child(1)::after {
    background-image: url("../images/top/pc/featured/01_text@0.75x.png");
  }
  body > main > section#featured > nav > a:nth-child(2)::before, body > main > section#featured > nav > a:nth-child(3)::before {
    background-image: url("../images/top/pc/featured/frame_02@0.75x.png");
  }
  body > main > section#featured > nav > a:nth-child(2)::after {
    background-image: url("../images/top/pc/featured/02_text@0.75x.png");
  }
  body > main > section#featured > nav > a:nth-child(3)::after {
    background-image: url("../images/top/pc/featured/03_text@0.75x.png");
  }
  body > main > section#news > picture {
    width: 98px;
    height: 77px;
  }
  body > main > section#news > picture {
    margin-top: 230px;
  }
  body > main > section#news > picture else {
    margin-top: 0;
  }
  body > main > section#news > nav {
    margin-top: 30px;
  }
  body > main > section#news > nav else {
    margin-top: 0;
  }
  body > main > section#news > nav {
    -webkit-column-gap: 23px;
    -moz-column-gap: 23px;
    column-gap: 23px;
  }
  body > main > section#news > nav.a1 {
    width: 507px;
  }
  body > main > section#news > nav.a2 {
    width: 1015px;
  }
  body > main > section#news > nav > a > p:nth-of-type(1) {
    width: 139px;
  }
  body > main > section#news > nav > a > p:nth-of-type(1) else {
    width: 0;
  }
  body > main > section#news > nav > a > p:nth-of-type(1) {
    height: 15px;
  }
  body > main > section#news > nav > a > p:nth-of-type(1) else {
    height: 0;
  }
  body > main > section#news > nav > a > p:nth-of-type(1) {
    font-size: 14px;
  }
  body > main > section#news > nav > a > p:nth-of-type(1) else {
    font-size: 0;
  }
  body > main > section#news > nav > a > p:nth-of-type(1) {
    margin-top: 9px;
  }
  body > main > section#news > nav > a > p:nth-of-type(1) else {
    margin-top: 0;
  }
  body > main > section#news > nav > a > p:nth-of-type(1)::after {
    width: 59px;
  }
  body > main > section#news > nav > a > p:nth-of-type(1)::after else {
    width: 0;
  }
  body > main > section#news > nav > a > p:nth-of-type(1)::after {
    font-size: 11px;
  }
  body > main > section#news > nav > a > p:nth-of-type(1)::after else {
    font-size: 0;
  }
  body > main > section#news > nav > a > p:nth-of-type(1)::after {
    border-radius: 3px;
  }
  body > main > section#news > nav > a > p:nth-of-type(1)::after else {
    border-radius: 0;
  }
  body > main > section#news > nav > a > p:nth-of-type(2) {
    font-size: 15px;
  }
  body > main > section#news > nav > a > p:nth-of-type(2) else {
    font-size: 0;
  }
  body > main > section#news > nav > a > p:nth-of-type(2) {
    margin-top: 9px;
  }
  body > main > section#news > nav > a > p:nth-of-type(2) else {
    margin-top: 0;
  }
  body > main > section#news > a {
    font-size: 15px;
  }
  body > main > section#news > a else {
    font-size: 0;
  }
  body > main > section#news > a {
    margin-top: 98px;
  }
  body > main > section#news > a else {
    margin-top: 0;
  }
  body > main > section#news > a {
    width: 300px;
    height: 55px;
  }
  body > main > section#news > a::before {
    background-image: url("../images/top/pc/introduction/lnk_hvr_bg@0.75x.png");
  }
  body > main > section#news > a::after {
    background-image: url("../images/top/pc/introduction/lnk_deco@0.75x.png");
  }
  body > main > section#news > a > span {
    font-size: 18px;
  }
  body > main > section#news > a > span else {
    font-size: 0;
  }
  body > main > section#news > a > span {
    margin-left: 11px;
  }
  body > main > section#news > a > span else {
    margin-left: 0;
  }
  body > main > section#introduction {
    margin-top: 168px;
  }
  body > main > section#introduction else {
    margin-top: 0;
  }
  body > main > section#introduction {
    background-image: url("../images/top/pc/introduction/background@0.75x.png");
  }
  body > main > section#introduction {
    height: 1195px;
    padding-top: 71px;
    background-size: 1920px 1079px;
  }
  body > main > section#introduction > picture:nth-child(1) {
    width: 309px;
    height: 77px;
  }
  body > main > section#introduction > picture:nth-child(2) {
    width: 551px;
    height: 86px;
  }
  body > main > section#introduction > picture:nth-child(2) {
    margin-top: 14px;
  }
  body > main > section#introduction > picture:nth-child(2) else {
    margin-top: 0;
  }
  body > main > section#introduction > div {
    width: 1200px;
  }
  body > main > section#introduction > div else {
    width: 0;
  }
  body > main > section#introduction > div > picture {
    width: 1012px;
    height: 152px;
  }
  body > main > section#introduction > div > picture {
    margin-left: -23px;
  }
  body > main > section#introduction > div > p {
    font-size: 18px;
  }
  body > main > section#introduction > div > p else {
    font-size: 0;
  }
  body > main > section#introduction > div > p:nth-of-type(1) {
    margin-top: 15px;
  }
  body > main > section#introduction > div > p:nth-of-type(1) else {
    margin-top: 0;
  }
  body > main > section#introduction > div > p:nth-of-type(2) {
    margin-top: 34px;
  }
  body > main > section#introduction > div > p:nth-of-type(2) else {
    margin-top: 0;
  }
  body > main > section#introduction > a {
    font-size: 15px;
  }
  body > main > section#introduction > a else {
    font-size: 0;
  }
  body > main > section#introduction > a {
    margin-top: 98px;
  }
  body > main > section#introduction > a else {
    margin-top: 0;
  }
  body > main > section#introduction > a {
    width: 300px;
    height: 55px;
  }
  body > main > section#introduction > a::before {
    background-image: url("../images/top/pc/introduction/lnk_hvr_bg@0.75x.png");
  }
  body > main > section#introduction > a::after {
    background-image: url("../images/top/pc/introduction/lnk_deco@0.75x.png");
  }
  body > main > section#introduction > a > span {
    font-size: 18px;
  }
  body > main > section#introduction > a > span else {
    font-size: 0;
  }
  body > main > section#introduction > a > span {
    margin-left: 11px;
  }
  body > main > section#introduction > a > span else {
    margin-left: 0;
  }
  body > main > section#spec > picture:nth-of-type(1) {
    width: 86px;
    height: 77px;
  }
  body > main > section#spec > picture:nth-of-type(1) {
    margin-top: 230px;
  }
  body > main > section#spec > picture:nth-of-type(1) else {
    margin-top: 0;
  }
  body > main > section#spec > picture:nth-of-type(2) {
    width: 1199px;
    height: 59px;
  }
  body > main > section#spec > picture:nth-of-type(2) {
    margin-top: 25px;
  }
  body > main > section#spec > picture:nth-of-type(2) else {
    margin-top: 0;
  }
  body > main > section#spec > picture:nth-of-type(3) {
    width: 1199px;
    height: 59px;
  }
  body > main > section#spec > picture:nth-of-type(3) {
    margin-top: 114px;
  }
  body > main > section#spec > picture:nth-of-type(3) else {
    margin-top: 0;
  }
  body > main > section#spec > ul {
    margin-top: 12px;
  }
  body > main > section#spec > ul else {
    margin-top: 0;
  }
  body > main > section#spec > ul {
    width: 1050px;
  }
  body > main > section#spec > ul > li {
    font-size: 15px;
  }
  body > main > section#spec > ul > li else {
    font-size: 0;
  }
  body > main > section#spec > ul > li {
    padding-left: 68px;
  }
  body > main > section#spec > ul > li else {
    padding-left: 0;
  }
  body > main > section#spec > ul > li {
    min-height: 75px;
    padding-top: 19px;
    padding-bottom: 19px;
  }
  body > main > section#spec > ul > li > h1 {
    width: 233px;
  }
  body > main > section#spec > ul > li > div.list > p:nth-child(odd) {
    padding-right: 32px;
  }
  body > main > section#spec > ul > li > div.list > p:nth-child(odd) else {
    padding-right: 0;
  }
}
@media all and (min-width: 768px) and (max-width: 1280px) {
  body > div#moviePlayWrapper > div > div {
    width: 93.75vw;
  }
  body > div#moviePlayWrapper > div > div > button#btn_movieClose,
  body > div#moviePlayWrapper > div > div > button#btn_screenshotClose {
    width: 2.58vw;
    height: 2.58vw;
  }
  body > div#moviePlayWrapper > div > div > button#btn_movieClose,
  body > div#moviePlayWrapper > div > div > button#btn_screenshotClose {
    inset: 2.11vw 3.75vw auto auto;
  }
  body {
    background-size: 150vw 1px;
  }
  body > main {
    background-size: 150vw 65.86vw, 67.85vw 69.84vw, 150vw 77.87vw;
  }
  body > header::after {
    height: 5.86vw;
  }
  body > header::after else {
    height: 0;
  }
  body > header::after {
    top: calc(100svh - 5.86vw);
    width: 1px;
  }
  body > header > picture:nth-child(1) {
    top: 2.93vw;
  }
  body > header > picture:nth-child(1) else {
    top: 0;
  }
  body > header > picture:nth-child(1) {
    width: 71.72vw;
    height: 21.21vw;
  }
  body > header > picture:nth-child(2) {
    top: 23.55vw;
  }
  body > header > picture:nth-child(2) else {
    top: 0;
  }
  body > header > picture:nth-child(2) {
    width: 43.83vw;
    height: 4.75vw;
  }
  body > header > picture:nth-child(3) {
    bottom: 16.35vw;
  }
  body > header > picture:nth-child(3) else {
    bottom: 0;
  }
  body > header > picture:nth-child(3) {
    width: 21.27vw;
    height: 9.49vw;
  }
  body > main {
    padding-bottom: 16.23vw;
  }
  body > main else {
    padding-bottom: 0;
  }
  body > main > a#idx_ftv_cnt {
    inset: -27.71vw 1.76vw auto auto;
  }
  body > main > a#idx_ftv_cnt {
    width: 26.95vw;
    height: 9.38vw;
  }
  body > main > a#dlcLink {
    inset: -33.57vw 1.76vw auto auto;
  }
  body > main > a#dlcLink {
    width: 26.95vw;
    height: 15.12vw;
  }
  body > main > button#btn_movie_start {
    inset: -17.29vw 1.76vw auto auto;
  }
  body > main > button#btn_movie_start {
    width: 26.95vw;
    height: 15.12vw;
  }
  body > main > button#btn_movie_start::before {
    background-size: 26.37vw 14.47vw, 100% auto;
  }
  body > main > button#btn_movie_start::after {
    background-position: 50% calc(100% - 1.17vw);
    background-size: 13.83vw 2.46vw;
  }
  body > main > button#btn_movie_start > picture {
    width: 26.95vw;
    height: 15.12vw;
  }
  body > main > button#btn_movie_start > span {
    width: 4.45vw;
    height: 4.45vw;
  }
  body > main > section#featured > picture {
    width: 15.53vw;
    height: 6.04vw;
  }
  body > main > section#featured > picture {
    margin-top: 14vw;
  }
  body > main > section#featured > picture else {
    margin-top: 0;
  }
  body > main > section#featured > nav {
    margin-top: 2.34vw;
  }
  body > main > section#featured > nav else {
    margin-top: 0;
  }
  body > main > section#news > picture {
    width: 7.62vw;
    height: 6.04vw;
  }
  body > main > section#news > picture {
    margin-top: 17.93vw;
  }
  body > main > section#news > picture else {
    margin-top: 0;
  }
  body > main > section#news > nav {
    margin-top: 2.34vw;
  }
  body > main > section#news > nav else {
    margin-top: 0;
  }
  body > main > section#news > nav {
    -webkit-column-gap: 1.76vw;
    -moz-column-gap: 1.76vw;
    column-gap: 1.76vw;
  }
  body > main > section#news > nav.a1 {
    width: 39.64vw;
  }
  body > main > section#news > nav.a2 {
    width: 79.28vw;
  }
  body > main > section#news > nav > a > p:nth-of-type(1) {
    width: 10.84vw;
  }
  body > main > section#news > nav > a > p:nth-of-type(1) else {
    width: 0;
  }
  body > main > section#news > nav > a > p:nth-of-type(1) {
    height: 1.17vw;
  }
  body > main > section#news > nav > a > p:nth-of-type(1) else {
    height: 0;
  }
  body > main > section#news > nav > a > p:nth-of-type(1) {
    font-size: 1.05vw;
  }
  body > main > section#news > nav > a > p:nth-of-type(1) else {
    font-size: 0;
  }
  body > main > section#news > nav > a > p:nth-of-type(1) {
    margin-top: 0.7vw;
  }
  body > main > section#news > nav > a > p:nth-of-type(1) else {
    margin-top: 0;
  }
  body > main > section#news > nav > a > p:nth-of-type(1)::after {
    width: 4.57vw;
  }
  body > main > section#news > nav > a > p:nth-of-type(1)::after else {
    width: 0;
  }
  body > main > section#news > nav > a > p:nth-of-type(1)::after {
    font-size: 0.88vw;
  }
  body > main > section#news > nav > a > p:nth-of-type(1)::after else {
    font-size: 0;
  }
  body > main > section#news > nav > a > p:nth-of-type(1)::after {
    border-radius: 0.23vw;
  }
  body > main > section#news > nav > a > p:nth-of-type(1)::after else {
    border-radius: 0;
  }
  body > main > section#news > nav > a > p:nth-of-type(2) {
    font-size: 1.17vw;
  }
  body > main > section#news > nav > a > p:nth-of-type(2) else {
    font-size: 0;
  }
  body > main > section#news > nav > a > p:nth-of-type(2) {
    margin-top: 0.7vw;
  }
  body > main > section#news > nav > a > p:nth-of-type(2) else {
    margin-top: 0;
  }
  body > main > section#news > a {
    font-size: 1.17vw;
  }
  body > main > section#news > a else {
    font-size: 0;
  }
  body > main > section#news > a {
    margin-top: 7.62vw;
  }
  body > main > section#news > a else {
    margin-top: 0;
  }
  body > main > section#news > a {
    width: 23.44vw;
    height: 4.28vw;
  }
  body > main > section#news > a > span {
    font-size: 1.41vw;
  }
  body > main > section#news > a > span else {
    font-size: 0;
  }
  body > main > section#news > a > span {
    margin-left: 0.88vw;
  }
  body > main > section#news > a > span else {
    margin-left: 0;
  }
  body > main > section#introduction {
    margin-top: 13.13vw;
  }
  body > main > section#introduction else {
    margin-top: 0;
  }
  body > main > section#introduction {
    height: 93.34vw;
    padding-top: 5.51vw;
    background-size: 150vw 84.32vw;
  }
  body > main > section#introduction > picture:nth-child(1) {
    width: 24.14vw;
    height: 6.04vw;
  }
  body > main > section#introduction > picture:nth-child(2) {
    width: 43.01vw;
    height: 6.68vw;
  }
  body > main > section#introduction > picture:nth-child(2) {
    margin-top: 1.11vw;
  }
  body > main > section#introduction > picture:nth-child(2) else {
    margin-top: 0;
  }
  body > main > section#introduction > div {
    width: 93.75vw;
  }
  body > main > section#introduction > div else {
    width: 0;
  }
  body > main > section#introduction > div > picture {
    width: 79.04vw;
    height: 11.84vw;
  }
  body > main > section#introduction > div > picture {
    margin-left: -1.76vw;
  }
  body > main > section#introduction > div > p {
    font-size: 1.41vw;
  }
  body > main > section#introduction > div > p else {
    font-size: 0;
  }
  body > main > section#introduction > div > p:nth-of-type(1) {
    margin-top: 1.17vw;
  }
  body > main > section#introduction > div > p:nth-of-type(1) else {
    margin-top: 0;
  }
  body > main > section#introduction > div > p:nth-of-type(2) {
    margin-top: 2.64vw;
  }
  body > main > section#introduction > div > p:nth-of-type(2) else {
    margin-top: 0;
  }
  body > main > section#introduction > a {
    font-size: 1.17vw;
  }
  body > main > section#introduction > a else {
    font-size: 0;
  }
  body > main > section#introduction > a {
    margin-top: 7.62vw;
  }
  body > main > section#introduction > a else {
    margin-top: 0;
  }
  body > main > section#introduction > a {
    width: 23.44vw;
    height: 4.28vw;
  }
  body > main > section#introduction > a > span {
    font-size: 1.41vw;
  }
  body > main > section#introduction > a > span else {
    font-size: 0;
  }
  body > main > section#introduction > a > span {
    margin-left: 0.88vw;
  }
  body > main > section#introduction > a > span else {
    margin-left: 0;
  }
  body > main > section#spec > picture:nth-of-type(1) {
    width: 6.68vw;
    height: 6.04vw;
  }
  body > main > section#spec > picture:nth-of-type(1) {
    margin-top: 17.93vw;
  }
  body > main > section#spec > picture:nth-of-type(1) else {
    margin-top: 0;
  }
  body > main > section#spec > picture:nth-of-type(2) {
    width: 93.69vw;
    height: 4.57vw;
  }
  body > main > section#spec > picture:nth-of-type(2) {
    margin-top: 1.93vw;
  }
  body > main > section#spec > picture:nth-of-type(2) else {
    margin-top: 0;
  }
  body > main > section#spec > picture:nth-of-type(3) {
    width: 93.69vw;
    height: 4.57vw;
  }
  body > main > section#spec > picture:nth-of-type(3) {
    margin-top: 8.91vw;
  }
  body > main > section#spec > picture:nth-of-type(3) else {
    margin-top: 0;
  }
  body > main > section#spec > ul {
    margin-top: 0.94vw;
  }
  body > main > section#spec > ul else {
    margin-top: 0;
  }
  body > main > section#spec > ul {
    width: 82.03vw;
  }
  body > main > section#spec > ul > li {
    font-size: 1.17vw;
  }
  body > main > section#spec > ul > li else {
    font-size: 0;
  }
  body > main > section#spec > ul > li {
    padding-left: 5.27vw;
  }
  body > main > section#spec > ul > li else {
    padding-left: 0;
  }
  body > main > section#spec > ul > li {
    min-height: 5.86vw;
    padding-top: 1.46vw;
    padding-bottom: 1.46vw;
  }
  body > main > section#spec > ul > li > h1 {
    width: 18.16vw;
  }
  body > main > section#spec > ul > li > div.list > p:nth-child(odd) {
    padding-right: 2.52vw;
  }
  body > main > section#spec > ul > li > div.list > p:nth-child(odd) else {
    padding-right: 0;
  }
}
@media all and (max-width: 767px) {
  body > div#moviePlayWrapper > div > div {
    width: 100%;
  }
  body > div#moviePlayWrapper > div > div > button#btn_movieClose,
  body > div#moviePlayWrapper > div > div > button#btn_screenshotClose {
    width: 6.93vw;
    height: 6.88vw;
  }
  html.webp body > div#moviePlayWrapper > div > div > button#btn_movieClose,
  html.webp body > div#moviePlayWrapper > div > div > button#btn_screenshotClose {
    background-image: url("../images/common/sp/icon_close@0.5x.webp");
    background-image: -webkit-image-set(url("../images/common/sp/icon_close@0.5x.webp") 1x, url("../images/common/sp/icon_close@0.75x.webp") 2x, url("../images/common/sp/icon_close.webp") 3x);
    background-image: image-set(url("../images/common/sp/icon_close@0.5x.webp") 1x, url("../images/common/sp/icon_close@0.75x.webp") 2x, url("../images/common/sp/icon_close.webp") 3x);
  }
  html.no-webp body > div#moviePlayWrapper > div > div > button#btn_movieClose,
  html.no-webp body > div#moviePlayWrapper > div > div > button#btn_screenshotClose {
    background-image: url("../images/common/sp/icon_close@0.5x.png");
    background-image: -webkit-image-set(url("../images/common/sp/icon_close@0.5x.png") 1x, url("../images/common/sp/icon_close@0.75x.png") 2x, url("../images/common/sp/icon_close.png") 3x);
    background-image: image-set(url("../images/common/sp/icon_close@0.5x.png") 1x, url("../images/common/sp/icon_close@0.75x.png") 2x, url("../images/common/sp/icon_close.png") 3x);
  }
  body > div#moviePlayWrapper > div > div > button#btn_movieClose,
  body > div#moviePlayWrapper > div > div > button#btn_screenshotClose {
    inset: 5.42vw 4.9vw auto auto;
  }
  html.webp body {
    background-image: url("../images/common/sp/background/loop@0.5x.webp");
    background-image: -webkit-image-set(url("../images/common/sp/background/loop@0.5x.webp") 1x, url("../images/common/sp/background/loop@0.75x.webp") 2x, url("../images/common/sp/background/loop.webp") 3x);
    background-image: image-set(url("../images/common/sp/background/loop@0.5x.webp") 1x, url("../images/common/sp/background/loop@0.75x.webp") 2x, url("../images/common/sp/background/loop.webp") 3x);
  }
  html.no-webp body {
    background-image: url("../images/common/sp/background/loop@0.5x.png");
    background-image: -webkit-image-set(url("../images/common/sp/background/loop@0.5x.png") 1x, url("../images/common/sp/background/loop@0.75x.png") 2x, url("../images/common/sp/background/loop.png") 3x);
    background-image: image-set(url("../images/common/sp/background/loop@0.5x.png") 1x, url("../images/common/sp/background/loop@0.75x.png") 2x, url("../images/common/sp/background/loop.png") 3x);
  }
  body {
    background-size: 100vw 1px;
    background-repeat: repeat-y;
  }
  html.webp body > main {
    background-image: url("../images/common/sp/background/part_2@0.5x.webp"), url("../images/common/sp/background/part_3@0.5x.webp");
    background-image: -webkit-image-set(url("../images/common/sp/background/part_2@0.5x.webp") 1x, url("../images/common/sp/background/part_2@0.75x.webp") 2x, url("../images/common/sp/background/part_2.webp") 3x), -webkit-image-set(url("../images/common/sp/background/part_3@0.5x.webp") 1x, url("../images/common/sp/background/part_3@0.75x.webp") 2x, url("../images/common/sp/background/part_3.webp") 3x);
    background-image: image-set(url("../images/common/sp/background/part_2@0.5x.webp") 1x, url("../images/common/sp/background/part_2@0.75x.webp") 2x, url("../images/common/sp/background/part_2.webp") 3x), image-set(url("../images/common/sp/background/part_3@0.5x.webp") 1x, url("../images/common/sp/background/part_3@0.75x.webp") 2x, url("../images/common/sp/background/part_3.webp") 3x);
  }
  html.no-webp body > main {
    background-image: url("../images/common/sp/background/part_2@0.5x.png"), url("../images/common/sp/background/part_3@0.5x.png");
    background-image: -webkit-image-set(url("../images/common/sp/background/part_2@0.5x.png") 1x, url("../images/common/sp/background/part_2@0.75x.png") 2x, url("../images/common/sp/background/part_2.png") 3x), -webkit-image-set(url("../images/common/sp/background/part_3@0.5x.png") 1x, url("../images/common/sp/background/part_3@0.75x.png") 2x, url("../images/common/sp/background/part_3.png") 3x);
    background-image: image-set(url("../images/common/sp/background/part_2@0.5x.png") 1x, url("../images/common/sp/background/part_2@0.75x.png") 2x, url("../images/common/sp/background/part_2.png") 3x), image-set(url("../images/common/sp/background/part_3@0.5x.png") 1x, url("../images/common/sp/background/part_3@0.75x.png") 2x, url("../images/common/sp/background/part_3.png") 3x);
  }
  body > main {
    background-position: 0% 0%, 50% 100%;
    background-size: 77.14vw 94.53vw, 100vw 112.5vw;
    background-repeat: no-repeat, no-repeat;
  }
  html.webp body > header {
    background-image: url("../images/top/sp/fv/background@0.5x.webp");
    background-image: -webkit-image-set(url("../images/top/sp/fv/background@0.5x.webp") 1x, url("../images/top/sp/fv/background@0.75x.webp") 2x, url("../images/top/sp/fv/background.webp") 3x);
    background-image: image-set(url("../images/top/sp/fv/background@0.5x.webp") 1x, url("../images/top/sp/fv/background@0.75x.webp") 2x, url("../images/top/sp/fv/background.webp") 3x);
  }
  html.no-webp body > header {
    background-image: url("../images/top/sp/fv/background@0.5x.jpg");
    background-image: -webkit-image-set(url("../images/top/sp/fv/background@0.5x.jpg") 1x, url("../images/top/sp/fv/background@0.75x.jpg") 2x, url("../images/top/sp/fv/background.jpg") 3x);
    background-image: image-set(url("../images/top/sp/fv/background@0.5x.jpg") 1x, url("../images/top/sp/fv/background@0.75x.jpg") 2x, url("../images/top/sp/fv/background.jpg") 3x);
  }
  body > header {
    height: 177.6vw;
    background-position: 50% 0%;
  }
  body > header::after {
    height: 14.9vw;
  }
  body > header::after else {
    height: 0;
  }
  body > header::after {
    bottom: 0;
    width: 0.21vw;
  }
  body > header.anm_prg > picture:nth-child(3) {
    -webkit-animation: fadeIn 1s ease-in 1.3s 1 normal forwards;
    animation: fadeIn 1s ease-in 1.3s 1 normal forwards;
  }
  body > header > picture:nth-child(1) {
    top: 13.44vw;
  }
  body > header > picture:nth-child(1) else {
    top: 0;
  }
  body > header > picture:nth-child(1) {
    width: 91.46vw;
    height: 17.71vw;
  }
  body > header > picture:nth-child(1) {
    left: 2.29vw;
  }
  body > header > picture:nth-child(2) {
    top: 39.17vw;
  }
  body > header > picture:nth-child(2) else {
    top: 0;
  }
  body > header > picture:nth-child(2) {
    width: 9.22vw;
    height: 94.9vw;
  }
  body > header > picture:nth-child(2) {
    right: 2.08vw;
  }
  body > header > picture:nth-child(3) {
    bottom: 40.31vw;
  }
  body > header > picture:nth-child(3) else {
    bottom: 0;
  }
  body > header > picture:nth-child(3) {
    width: 34.84vw;
    height: 12.03vw;
  }
  body > header > picture:nth-child(3) {
    right: 0;
    left: 0;
    margin: 0 auto;
  }
  body > main {
    padding-bottom: 39.74vw;
  }
  body > main else {
    padding-bottom: 0;
  }
  body > main > a#idx_ftv_cnt {
    width: 90.05vw;
    height: 31.3vw;
  }
  html.webp body > main > a#idx_ftv_cnt {
    background-image: url("../images/top/sp/fv/banner_cnt2@0.5x.webp");
    background-image: -webkit-image-set(url("../images/top/sp/fv/banner_cnt2@0.5x.webp") 1x, url("../images/top/sp/fv/banner_cnt2@0.75x.webp") 2x, url("../images/top/sp/fv/banner_cnt2.webp") 3x);
    background-image: image-set(url("../images/top/sp/fv/banner_cnt2@0.5x.webp") 1x, url("../images/top/sp/fv/banner_cnt2@0.75x.webp") 2x, url("../images/top/sp/fv/banner_cnt2.webp") 3x);
  }
  html.no-webp body > main > a#idx_ftv_cnt {
    background-image: url("../images/top/sp/fv/banner_cnt2@0.5x.jpg");
    background-image: -webkit-image-set(url("../images/top/sp/fv/banner_cnt2@0.5x.jpg") 1x, url("../images/top/sp/fv/banner_cnt2@0.75x.jpg") 2x, url("../images/top/sp/fv/banner_cnt2.jpg") 3x);
    background-image: image-set(url("../images/top/sp/fv/banner_cnt2@0.5x.jpg") 1x, url("../images/top/sp/fv/banner_cnt2@0.75x.jpg") 2x, url("../images/top/sp/fv/banner_cnt2.jpg") 3x);
  }
  body > main > a#idx_ftv_cnt {
    position: relative;
    margin: 10.1vw auto 0;
  }
  body > main > a#dlcLink {
    width: 90.05vw;
    height: 50.52vw;
  }
  body > main > a#dlcLink {
    position: relative;
    margin: 10.1vw auto 0;
  }
  body > main > button#btn_movie_start {
    width: 90vw;
    height: 50.52vw;
  }
  body > main > button#btn_movie_start {
    position: relative;
    margin: 8.33vw auto 0;
  }
  html.webp body > main > button#btn_movie_start::before {
    background-image: url("../images/top/sp/movie/decoration@0.5x.webp");
    background-image: -webkit-image-set(url("../images/top/sp/movie/decoration@0.5x.webp") 1x, url("../images/top/sp/movie/decoration@0.75x.webp") 2x, url("../images/top/sp/movie/decoration.webp") 3x);
    background-image: image-set(url("../images/top/sp/movie/decoration@0.5x.webp") 1x, url("../images/top/sp/movie/decoration@0.75x.webp") 2x, url("../images/top/sp/movie/decoration.webp") 3x);
  }
  html.no-webp body > main > button#btn_movie_start::before {
    background-image: url("../images/top/sp/movie/decoration@0.5x.png");
    background-image: -webkit-image-set(url("../images/top/sp/movie/decoration@0.5x.png") 1x, url("../images/top/sp/movie/decoration@0.75x.png") 2x, url("../images/top/sp/movie/decoration.png") 3x);
    background-image: image-set(url("../images/top/sp/movie/decoration@0.5x.png") 1x, url("../images/top/sp/movie/decoration@0.75x.png") 2x, url("../images/top/sp/movie/decoration.png") 3x);
  }
  body > main > button#btn_movie_start::before {
    background-position: 50% 50%;
    background-size: 87.86vw 48.44vw;
    background-repeat: no-repeat;
  }
  html.webp body > main > button#btn_movie_start::after {
    background-image: url("../images/top/sp/movie/launchtrailer/title@0.5x.webp");
    background-image: -webkit-image-set(url("../images/top/sp/movie/launchtrailer/title@0.5x.webp") 1x, url("../images/top/sp/movie/launchtrailer/title@0.75x.webp") 2x, url("../images/top/sp/movie/launchtrailer/title.webp") 3x);
    background-image: image-set(url("../images/top/sp/movie/launchtrailer/title@0.5x.webp") 1x, url("../images/top/sp/movie/launchtrailer/title@0.75x.webp") 2x, url("../images/top/sp/movie/launchtrailer/title.webp") 3x);
  }
  html.no-webp body > main > button#btn_movie_start::after {
    background-image: url("../images/top/sp/movie/launchtrailer/title@0.5x.png");
    background-image: -webkit-image-set(url("../images/top/sp/movie/launchtrailer/title@0.5x.png") 1x, url("../images/top/sp/movie/launchtrailer/title@0.75x.png") 2x, url("../images/top/sp/movie/launchtrailer/title.png") 3x);
    background-image: image-set(url("../images/top/sp/movie/launchtrailer/title@0.5x.png") 1x, url("../images/top/sp/movie/launchtrailer/title@0.75x.png") 2x, url("../images/top/sp/movie/launchtrailer/title.png") 3x);
  }
  body > main > button#btn_movie_start::after {
    background-position: 50% calc(100% - 3.13vw);
    background-size: 39.17vw 6.98vw;
  }
  body > main > button#btn_movie_start > picture {
    width: 90vw;
    height: 50.52vw;
  }
  body > main > button#btn_movie_start > span {
    width: 13.96vw;
    height: 13.96vw;
  }
  html.webp body > main > button#btn_movie_start > span::before {
    background-image: url("../images/top/sp/movie/play@0.5x.webp");
    background-image: -webkit-image-set(url("../images/top/sp/movie/play@0.5x.webp") 1x, url("../images/top/sp/movie/play@0.75x.webp") 2x, url("../images/top/sp/movie/play.webp") 3x);
    background-image: image-set(url("../images/top/sp/movie/play@0.5x.webp") 1x, url("../images/top/sp/movie/play@0.75x.webp") 2x, url("../images/top/sp/movie/play.webp") 3x);
  }
  html.no-webp body > main > button#btn_movie_start > span::before {
    background-image: url("../images/top/sp/movie/play@0.5x.png");
    background-image: -webkit-image-set(url("../images/top/sp/movie/play@0.5x.png") 1x, url("../images/top/sp/movie/play@0.75x.png") 2x, url("../images/top/sp/movie/play.png") 3x);
    background-image: image-set(url("../images/top/sp/movie/play@0.5x.png") 1x, url("../images/top/sp/movie/play@0.75x.png") 2x, url("../images/top/sp/movie/play.png") 3x);
  }
  body > main > section#featured > picture {
    width: 36.41vw;
    height: 11.51vw;
  }
  body > main > section#featured > picture {
    margin-top: 24.79vw;
  }
  body > main > section#featured > picture else {
    margin-top: 0;
  }
  body > main > section#featured > nav {
    margin-top: 4.17vw;
  }
  body > main > section#featured > nav else {
    margin-top: 0;
  }
  body > main > section#featured > nav {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 4.58vw;
    width: 90.05vw;
  }
  body > main > section#featured > nav > a {
    width: 100%;
  }
  body > main > section#featured > nav > a::before {
    background-size: 100% 100%;
  }
  body > main > section#featured > nav > a:nth-child(1) {
    height: 35.83vw;
  }
  html.webp body > main > section#featured > nav > a:nth-child(1)::before {
    background-image: url("../images/top/sp/featured/frame_01@0.5x.webp");
    background-image: -webkit-image-set(url("../images/top/sp/featured/frame_01@0.5x.webp") 1x, url("../images/top/sp/featured/frame_01@0.75x.webp") 2x, url("../images/top/sp/featured/frame_01.webp") 3x);
    background-image: image-set(url("../images/top/sp/featured/frame_01@0.5x.webp") 1x, url("../images/top/sp/featured/frame_01@0.75x.webp") 2x, url("../images/top/sp/featured/frame_01.webp") 3x);
  }
  html.no-webp body > main > section#featured > nav > a:nth-child(1)::before {
    background-image: url("../images/top/sp/featured/frame_01@0.5x.png");
    background-image: -webkit-image-set(url("../images/top/sp/featured/frame_01@0.5x.png") 1x, url("../images/top/sp/featured/frame_01@0.75x.png") 2x, url("../images/top/sp/featured/frame_01.png") 3x);
    background-image: image-set(url("../images/top/sp/featured/frame_01@0.5x.png") 1x, url("../images/top/sp/featured/frame_01@0.75x.png") 2x, url("../images/top/sp/featured/frame_01.png") 3x);
  }
  body > main > section#featured > nav > a:nth-child(1)::after {
    bottom: 1.3vw;
    left: 1.04vw;
    width: 23.96vw;
    height: 4.58vw;
  }
  html.webp body > main > section#featured > nav > a:nth-child(1)::after {
    background-image: url("../images/top/sp/featured/01_text@0.5x.webp");
    background-image: -webkit-image-set(url("../images/top/sp/featured/01_text@0.5x.webp") 1x, url("../images/top/sp/featured/01_text@0.75x.webp") 2x, url("../images/top/sp/featured/01_text.webp") 3x);
    background-image: image-set(url("../images/top/sp/featured/01_text@0.5x.webp") 1x, url("../images/top/sp/featured/01_text@0.75x.webp") 2x, url("../images/top/sp/featured/01_text.webp") 3x);
  }
  html.no-webp body > main > section#featured > nav > a:nth-child(1)::after {
    background-image: url("../images/top/sp/featured/01_text@0.5x.png");
    background-image: -webkit-image-set(url("../images/top/sp/featured/01_text@0.5x.png") 1x, url("../images/top/sp/featured/01_text@0.75x.png") 2x, url("../images/top/sp/featured/01_text.png") 3x);
    background-image: image-set(url("../images/top/sp/featured/01_text@0.5x.png") 1x, url("../images/top/sp/featured/01_text@0.75x.png") 2x, url("../images/top/sp/featured/01_text.png") 3x);
  }
  body > main > section#featured > nav > a:nth-child(1) > picture {
    width: 90.05vw;
    height: 35.83vw;
  }
  body > main > section#featured > nav > a:nth-child(2), body > main > section#featured > nav > a:nth-child(3) {
    height: 16.98vw;
  }
  html.webp body > main > section#featured > nav > a:nth-child(2)::before, html.webp body > main > section#featured > nav > a:nth-child(3)::before {
    background-image: url("../images/top/sp/featured/frame_02@0.5x.webp");
    background-image: -webkit-image-set(url("../images/top/sp/featured/frame_02@0.5x.webp") 1x, url("../images/top/sp/featured/frame_02@0.75x.webp") 2x, url("../images/top/sp/featured/frame_02.webp") 3x);
    background-image: image-set(url("../images/top/sp/featured/frame_02@0.5x.webp") 1x, url("../images/top/sp/featured/frame_02@0.75x.webp") 2x, url("../images/top/sp/featured/frame_02.webp") 3x);
  }
  html.no-webp body > main > section#featured > nav > a:nth-child(2)::before, html.no-webp body > main > section#featured > nav > a:nth-child(3)::before {
    background-image: url("../images/top/sp/featured/frame_02@0.5x.png");
    background-image: -webkit-image-set(url("../images/top/sp/featured/frame_02@0.5x.png") 1x, url("../images/top/sp/featured/frame_02@0.75x.png") 2x, url("../images/top/sp/featured/frame_02.png") 3x);
    background-image: image-set(url("../images/top/sp/featured/frame_02@0.5x.png") 1x, url("../images/top/sp/featured/frame_02@0.75x.png") 2x, url("../images/top/sp/featured/frame_02.png") 3x);
  }
  body > main > section#featured > nav > a:nth-child(2) > picture, body > main > section#featured > nav > a:nth-child(3) > picture {
    width: 90.05vw;
    height: 16.98vw;
  }
  body > main > section#featured > nav > a:nth-child(2)::after {
    bottom: 1.3vw;
    left: 1.15vw;
    width: 29.9vw;
    height: 4.74vw;
  }
  html.webp body > main > section#featured > nav > a:nth-child(2)::after {
    background-image: url("../images/top/sp/featured/02_text@0.5x.webp");
    background-image: -webkit-image-set(url("../images/top/sp/featured/02_text@0.5x.webp") 1x, url("../images/top/sp/featured/02_text@0.75x.webp") 2x, url("../images/top/sp/featured/02_text.webp") 3x);
    background-image: image-set(url("../images/top/sp/featured/02_text@0.5x.webp") 1x, url("../images/top/sp/featured/02_text@0.75x.webp") 2x, url("../images/top/sp/featured/02_text.webp") 3x);
  }
  html.no-webp body > main > section#featured > nav > a:nth-child(2)::after {
    background-image: url("../images/top/sp/featured/02_text@0.5x.png");
    background-image: -webkit-image-set(url("../images/top/sp/featured/02_text@0.5x.png") 1x, url("../images/top/sp/featured/02_text@0.75x.png") 2x, url("../images/top/sp/featured/02_text.png") 3x);
    background-image: image-set(url("../images/top/sp/featured/02_text@0.5x.png") 1x, url("../images/top/sp/featured/02_text@0.75x.png") 2x, url("../images/top/sp/featured/02_text.png") 3x);
  }
  body > main > section#featured > nav > a:nth-child(3)::after {
    bottom: 0.89vw;
    left: 0.99vw;
    width: 24.43vw;
    height: 4.95vw;
  }
  html.webp body > main > section#featured > nav > a:nth-child(3)::after {
    background-image: url("../images/top/sp/featured/03_text@0.5x.webp");
    background-image: -webkit-image-set(url("../images/top/sp/featured/03_text@0.5x.webp") 1x, url("../images/top/sp/featured/03_text@0.75x.webp") 2x, url("../images/top/sp/featured/03_text.webp") 3x);
    background-image: image-set(url("../images/top/sp/featured/03_text@0.5x.webp") 1x, url("../images/top/sp/featured/03_text@0.75x.webp") 2x, url("../images/top/sp/featured/03_text.webp") 3x);
  }
  html.no-webp body > main > section#featured > nav > a:nth-child(3)::after {
    background-image: url("../images/top/sp/featured/03_text@0.5x.png");
    background-image: -webkit-image-set(url("../images/top/sp/featured/03_text@0.5x.png") 1x, url("../images/top/sp/featured/03_text@0.75x.png") 2x, url("../images/top/sp/featured/03_text.png") 3x);
    background-image: image-set(url("../images/top/sp/featured/03_text@0.5x.png") 1x, url("../images/top/sp/featured/03_text@0.75x.png") 2x, url("../images/top/sp/featured/03_text.png") 3x);
  }
  body > main > section#news > picture {
    width: 17.81vw;
    height: 11.41vw;
  }
  body > main > section#news > picture {
    margin-top: 33.85vw;
  }
  body > main > section#news > picture else {
    margin-top: 0;
  }
  body > main > section#news > nav {
    margin-top: 4.17vw;
  }
  body > main > section#news > nav else {
    margin-top: 0;
  }
  body > main > section#news > nav {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 13.02vw;
    width: 90.1vw;
  }
  body > main > section#news > nav > a > p:nth-of-type(1) {
    width: 30.94vw;
  }
  body > main > section#news > nav > a > p:nth-of-type(1) else {
    width: 0;
  }
  body > main > section#news > nav > a > p:nth-of-type(1) {
    height: 3.33vw;
  }
  body > main > section#news > nav > a > p:nth-of-type(1) else {
    height: 0;
  }
  body > main > section#news > nav > a > p:nth-of-type(1) {
    font-size: 3.02vw;
  }
  body > main > section#news > nav > a > p:nth-of-type(1) else {
    font-size: 0;
  }
  body > main > section#news > nav > a > p:nth-of-type(1) {
    margin-top: 2.08vw;
  }
  body > main > section#news > nav > a > p:nth-of-type(1) else {
    margin-top: 0;
  }
  body > main > section#news > nav > a > p:nth-of-type(1)::after {
    width: 13.02vw;
  }
  body > main > section#news > nav > a > p:nth-of-type(1)::after else {
    width: 0;
  }
  body > main > section#news > nav > a > p:nth-of-type(1)::after {
    font-size: 2.5vw;
  }
  body > main > section#news > nav > a > p:nth-of-type(1)::after else {
    font-size: 0;
  }
  body > main > section#news > nav > a > p:nth-of-type(1)::after {
    border-radius: 0.73vw;
  }
  body > main > section#news > nav > a > p:nth-of-type(1)::after else {
    border-radius: 0;
  }
  body > main > section#news > nav > a > p:nth-of-type(2) {
    font-size: 3.33vw;
  }
  body > main > section#news > nav > a > p:nth-of-type(2) else {
    font-size: 0;
  }
  body > main > section#news > nav > a > p:nth-of-type(2) {
    margin-top: 2.08vw;
  }
  body > main > section#news > nav > a > p:nth-of-type(2) else {
    margin-top: 0;
  }
  body > main > section#news > nav > a > p:nth-of-type(2) {
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    text-align: justify;
  }
  body > main > section#news > a {
    font-size: 3.33vw;
  }
  body > main > section#news > a else {
    font-size: 0;
  }
  body > main > section#news > a {
    margin-top: 13.54vw;
  }
  body > main > section#news > a else {
    margin-top: 0;
  }
  body > main > section#news > a {
    width: 66.77vw;
    height: 12.4vw;
  }
  html.webp body > main > section#news > a::after {
    background-image: url("../images/top/sp/introduction/lnk_deco@0.5x.webp");
    background-image: -webkit-image-set(url("../images/top/sp/introduction/lnk_deco@0.5x.webp") 1x, url("../images/top/sp/introduction/lnk_deco@0.75x.webp") 2x, url("../images/top/sp/introduction/lnk_deco.webp") 3x);
    background-image: image-set(url("../images/top/sp/introduction/lnk_deco@0.5x.webp") 1x, url("../images/top/sp/introduction/lnk_deco@0.75x.webp") 2x, url("../images/top/sp/introduction/lnk_deco.webp") 3x);
  }
  html.no-webp body > main > section#news > a::after {
    background-image: url("../images/top/sp/introduction/lnk_deco@0.5x.png");
    background-image: -webkit-image-set(url("../images/top/sp/introduction/lnk_deco@0.5x.png") 1x, url("../images/top/sp/introduction/lnk_deco@0.75x.png") 2x, url("../images/top/sp/introduction/lnk_deco.png") 3x);
    background-image: image-set(url("../images/top/sp/introduction/lnk_deco@0.5x.png") 1x, url("../images/top/sp/introduction/lnk_deco@0.75x.png") 2x, url("../images/top/sp/introduction/lnk_deco.png") 3x);
  }
  body > main > section#news > a > span {
    font-size: 3.85vw;
  }
  body > main > section#news > a > span else {
    font-size: 0;
  }
  body > main > section#news > a > span {
    margin-left: 2.6vw;
  }
  body > main > section#news > a > span else {
    margin-left: 0;
  }
  body > main > section#news > a > span {
    margin-bottom: 0.1em;
  }
  body > main > section#introduction {
    margin-top: 35.94vw;
  }
  body > main > section#introduction else {
    margin-top: 0;
  }
  html.webp body > main > section#introduction {
    background-image: url("../images/top/sp/introduction/background@0.5x.webp");
    background-image: -webkit-image-set(url("../images/top/sp/introduction/background@0.5x.webp") 1x, url("../images/top/sp/introduction/background@0.75x.webp") 2x, url("../images/top/sp/introduction/background.webp") 3x);
    background-image: image-set(url("../images/top/sp/introduction/background@0.5x.webp") 1x, url("../images/top/sp/introduction/background@0.75x.webp") 2x, url("../images/top/sp/introduction/background.webp") 3x);
  }
  html.no-webp body > main > section#introduction {
    background-image: url("../images/top/sp/introduction/background@0.5x.png");
    background-image: -webkit-image-set(url("../images/top/sp/introduction/background@0.5x.png") 1x, url("../images/top/sp/introduction/background@0.75x.png") 2x, url("../images/top/sp/introduction/background.png") 3x);
    background-image: image-set(url("../images/top/sp/introduction/background@0.5x.png") 1x, url("../images/top/sp/introduction/background@0.75x.png") 2x, url("../images/top/sp/introduction/background.png") 3x);
  }
  body > main > section#introduction {
    display: block;
    background-position: 50% 21.35vw;
    background-size: 100% auto;
  }
  body > main > section#introduction > picture:nth-child(1) {
    width: 56.61vw;
    height: 11.51vw;
  }
  body > main > section#introduction > picture:nth-child(2) {
    width: 78.96vw;
    height: 10.16vw;
  }
  body > main > section#introduction > picture:nth-child(2) {
    margin-top: 3.49vw;
  }
  body > main > section#introduction > picture:nth-child(2) else {
    margin-top: 0;
  }
  body > main > section#introduction > div {
    width: 93.07vw;
  }
  body > main > section#introduction > div else {
    width: 0;
  }
  body > main > section#introduction > div {
    margin-top: 45.1vw;
    margin-right: auto;
    margin-left: auto;
  }
  body > main > section#introduction > div > picture {
    width: 88.96vw;
    height: 24.32vw;
  }
  body > main > section#introduction > div > p {
    font-size: 3.33vw;
  }
  body > main > section#introduction > div > p else {
    font-size: 0;
  }
  body > main > section#introduction > div > p {
    width: 87.5vw;
    -webkit-font-feature-settings: "palt";
    margin-right: auto;
    margin-left: auto;
    font-feature-settings: "palt";
    letter-spacing: 0.15em;
  }
  body > main > section#introduction > div > p:nth-of-type(1) {
    margin-top: 8.33vw;
  }
  body > main > section#introduction > div > p:nth-of-type(1) else {
    margin-top: 0;
  }
  body > main > section#introduction > div > p:nth-of-type(2) {
    margin-top: 8.33vw;
  }
  body > main > section#introduction > div > p:nth-of-type(2) else {
    margin-top: 0;
  }
  body > main > section#introduction > div > p > br {
    display: none;
    visibility: hidden;
  }
  body > main > section#introduction > a {
    font-size: 3.33vw;
  }
  body > main > section#introduction > a else {
    font-size: 0;
  }
  body > main > section#introduction > a {
    margin-top: 13.54vw;
  }
  body > main > section#introduction > a else {
    margin-top: 0;
  }
  body > main > section#introduction > a {
    width: 66.77vw;
    height: 12.4vw;
  }
  body > main > section#introduction > a {
    margin-right: auto;
    margin-left: auto;
  }
  html.webp body > main > section#introduction > a::after {
    background-image: url("../images/top/sp/introduction/lnk_deco@0.5x.webp");
    background-image: -webkit-image-set(url("../images/top/sp/introduction/lnk_deco@0.5x.webp") 1x, url("../images/top/sp/introduction/lnk_deco@0.75x.webp") 2x, url("../images/top/sp/introduction/lnk_deco.webp") 3x);
    background-image: image-set(url("../images/top/sp/introduction/lnk_deco@0.5x.webp") 1x, url("../images/top/sp/introduction/lnk_deco@0.75x.webp") 2x, url("../images/top/sp/introduction/lnk_deco.webp") 3x);
  }
  html.no-webp body > main > section#introduction > a::after {
    background-image: url("../images/top/sp/introduction/lnk_deco@0.5x.png");
    background-image: -webkit-image-set(url("../images/top/sp/introduction/lnk_deco@0.5x.png") 1x, url("../images/top/sp/introduction/lnk_deco@0.75x.png") 2x, url("../images/top/sp/introduction/lnk_deco.png") 3x);
    background-image: image-set(url("../images/top/sp/introduction/lnk_deco@0.5x.png") 1x, url("../images/top/sp/introduction/lnk_deco@0.75x.png") 2x, url("../images/top/sp/introduction/lnk_deco.png") 3x);
  }
  body > main > section#introduction > a > span {
    font-size: 3.85vw;
  }
  body > main > section#introduction > a > span else {
    font-size: 0;
  }
  body > main > section#introduction > a > span {
    margin-left: 2.6vw;
  }
  body > main > section#introduction > a > span else {
    margin-left: 0;
  }
  body > main > section#introduction > a > span {
    margin-bottom: 0.1em;
  }
  body > main > section#spec > picture:nth-of-type(1) {
    width: 15.68vw;
    height: 11.41vw;
  }
  body > main > section#spec > picture:nth-of-type(1) {
    margin-top: 35.78vw;
  }
  body > main > section#spec > picture:nth-of-type(1) else {
    margin-top: 0;
  }
  body > main > section#spec > picture:nth-of-type(2) {
    width: 99.95vw;
    height: 10.73vw;
  }
  body > main > section#spec > picture:nth-of-type(2) {
    margin-top: 3.8vw;
  }
  body > main > section#spec > picture:nth-of-type(2) else {
    margin-top: 0;
  }
  body > main > section#spec > picture:nth-of-type(3) {
    width: 99.95vw;
    height: 10.73vw;
  }
  body > main > section#spec > picture:nth-of-type(3) {
    margin-top: 25.68vw;
  }
  body > main > section#spec > picture:nth-of-type(3) else {
    margin-top: 0;
  }
  body > main > section#spec > ul {
    margin-top: 1.25vw;
  }
  body > main > section#spec > ul else {
    margin-top: 0;
  }
  body > main > section#spec > ul {
    width: 100%;
  }
  body > main > section#spec > ul > li {
    font-size: 3.33vw;
  }
  body > main > section#spec > ul > li else {
    font-size: 0;
  }
  body > main > section#spec > ul > li {
    padding-left: 4.69vw;
  }
  body > main > section#spec > ul > li else {
    padding-left: 0;
  }
  body > main > section#spec > ul > li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 1em;
    padding-right: 3em;
    padding-bottom: 1em;
    background-size: 100% 2px;
    line-height: 1.8;
  }
  body > main > section#spec > ul > li > p {
    margin-top: 0.5em;
  }
  body > main > section#spec > ul > li > div.list > p {
    line-height: 1.78;
    word-break: keep-all;
  }
  body > main > section#spec > ul > li > div.list > p:nth-child(odd) {
    padding-right: 2.86vw;
  }
  body > main > section#spec > ul > li > div.list > p:nth-child(odd) else {
    padding-right: 0;
  }
}
@media all and (min-width: 851px) and (max-width: 1280px) {
  body > div#moviePlayWrapper > div > div > button#btn_movieClose,
  body > div#moviePlayWrapper > div > div > button#btn_screenshotClose {
    background-image: url("../images/common/pc/icon_close@0.75x.png");
    background-image: -webkit-image-set(url("../images/common/pc/icon_close@0.75x.png") 1x, url("../images/common/pc/icon_close.png") 2x);
    background-image: image-set(url("../images/common/pc/icon_close@0.75x.png") 1x, url("../images/common/pc/icon_close.png") 2x);
  }
  body {
    background-image: url("../images/common/pc/background/loop@0.75x.png");
    background-image: -webkit-image-set(url("../images/common/pc/background/loop@0.75x.png") 1x, url("../images/common/pc/background/loop.png") 2x);
    background-image: image-set(url("../images/common/pc/background/loop@0.75x.png") 1x, url("../images/common/pc/background/loop.png") 2x);
  }
  body > main {
    background-image: url("../images/common/pc/background/part_1@0.75x.png"), url("../images/common/pc/background/part_2@0.75x.png"), url("../images/common/pc/background/part_3@0.75x.png");
    background-image: -webkit-image-set(url("../images/common/pc/background/part_1@0.75x.png") 1x, url("../images/common/pc/background/part_1.png") 2x), -webkit-image-set(url("../images/common/pc/background/part_2@0.75x.png") 1x, url("../images/common/pc/background/part_2.png") 2x), -webkit-image-set(url("../images/common/pc/background/part_3@0.75x.png") 1x, url("../images/common/pc/background/part_3.png") 2x);
    background-image: image-set(url("../images/common/pc/background/part_1@0.75x.png") 1x, url("../images/common/pc/background/part_1.png") 2x), image-set(url("../images/common/pc/background/part_2@0.75x.png") 1x, url("../images/common/pc/background/part_2.png") 2x), image-set(url("../images/common/pc/background/part_3@0.75x.png") 1x, url("../images/common/pc/background/part_3.png") 2x);
  }
  body > header {
    background-image: url("../images/top/pc/fv/background@0.75x.jpg");
    background-image: -webkit-image-set(url("../images/top/pc/fv/background@0.75x.jpg") 1x, url("../images/top/pc/fv/background.jpg") 2x);
    background-image: image-set(url("../images/top/pc/fv/background@0.75x.jpg") 1x, url("../images/top/pc/fv/background.jpg") 2x);
  }
  body > main > a#idx_ftv_cnt {
    background-image: url("../images/top/pc/fv/banner_cnt2@0.75x.jpg");
    background-image: -webkit-image-set(url("../images/top/pc/fv/banner_cnt2@0.75x.jpg") 1x, url("../images/top/pc/fv/banner_cnt2.jpg") 2x);
    background-image: image-set(url("../images/top/pc/fv/banner_cnt2@0.75x.jpg") 1x, url("../images/top/pc/fv/banner_cnt2.jpg") 2x);
  }
  body > main > a#dlcLink::after {
    background-image: url("../images/top/pc/fv/banner_dlc_frame@0.75x.png");
    background-image: -webkit-image-set(url("../images/top/pc/fv/banner_dlc_frame@0.75x.png") 1x, url("../images/top/pc/fv/banner_dlc_frame.png") 2x);
    background-image: image-set(url("../images/top/pc/fv/banner_dlc_frame@0.75x.png") 1x, url("../images/top/pc/fv/banner_dlc_frame.png") 2x);
  }
  body > main > button#btn_movie_start::before {
    background-image: url("../images/top/pc/movie/decoration@0.75x.png"), url("../images/top/pc/movie/decoration_bdr@0.75x.png");
    background-image: -webkit-image-set(url("../images/top/pc/movie/decoration@0.75x.png") 1x, url("../images/top/pc/movie/decoration.png") 2x), -webkit-image-set(url("../images/top/pc/movie/decoration_bdr@0.75x.png") 1x, url("../images/top/pc/movie/decoration_bdr.png") 2x);
    background-image: image-set(url("../images/top/pc/movie/decoration@0.75x.png") 1x, url("../images/top/pc/movie/decoration.png") 2x), image-set(url("../images/top/pc/movie/decoration_bdr@0.75x.png") 1x, url("../images/top/pc/movie/decoration_bdr.png") 2x);
  }
  body > main > button#btn_movie_start::after {
    background-image: url("../images/top/pc/movie/launchtrailer/title@0.75x.png");
    background-image: -webkit-image-set(url("../images/top/pc/movie/launchtrailer/title@0.75x.png") 1x, url("../images/top/pc/movie/launchtrailer/title.png") 2x);
    background-image: image-set(url("../images/top/pc/movie/launchtrailer/title@0.75x.png") 1x, url("../images/top/pc/movie/launchtrailer/title.png") 2x);
  }
  body > main > button#btn_movie_start > span::before {
    background-image: url("../images/top/pc/movie/play_f@0.75x.png");
    background-image: -webkit-image-set(url("../images/top/pc/movie/play_f@0.75x.png") 1x, url("../images/top/pc/movie/play_f.png") 2x);
    background-image: image-set(url("../images/top/pc/movie/play_f@0.75x.png") 1x, url("../images/top/pc/movie/play_f.png") 2x);
  }
  body > main > button#btn_movie_start > span::after {
    background-image: url("../images/top/pc/movie/play_n@0.75x.png");
    background-image: -webkit-image-set(url("../images/top/pc/movie/play_n@0.75x.png") 1x, url("../images/top/pc/movie/play_n.png") 2x);
    background-image: image-set(url("../images/top/pc/movie/play_n@0.75x.png") 1x, url("../images/top/pc/movie/play_n.png") 2x);
  }
  body > main > section#featured > nav > a:nth-child(1)::before {
    background-image: url("../images/top/pc/featured/frame_01@0.75x.png");
    background-image: -webkit-image-set(url("../images/top/pc/featured/frame_01@0.75x.png") 1x, url("../images/top/pc/featured/frame_01.png") 2x);
    background-image: image-set(url("../images/top/pc/featured/frame_01@0.75x.png") 1x, url("../images/top/pc/featured/frame_01.png") 2x);
  }
  body > main > section#featured > nav > a:nth-child(1)::after {
    background-image: url("../images/top/pc/featured/01_text@0.75x.png");
    background-image: -webkit-image-set(url("../images/top/pc/featured/01_text@0.75x.png") 1x, url("../images/top/pc/featured/01_text.png") 2x);
    background-image: image-set(url("../images/top/pc/featured/01_text@0.75x.png") 1x, url("../images/top/pc/featured/01_text.png") 2x);
  }
  body > main > section#featured > nav > a:nth-child(2)::before, body > main > section#featured > nav > a:nth-child(3)::before {
    background-image: url("../images/top/pc/featured/frame_02@0.75x.png");
    background-image: -webkit-image-set(url("../images/top/pc/featured/frame_02@0.75x.png") 1x, url("../images/top/pc/featured/frame_02.png") 2x);
    background-image: image-set(url("../images/top/pc/featured/frame_02@0.75x.png") 1x, url("../images/top/pc/featured/frame_02.png") 2x);
  }
  body > main > section#featured > nav > a:nth-child(2)::after {
    background-image: url("../images/top/pc/featured/02_text@0.75x.png");
    background-image: -webkit-image-set(url("../images/top/pc/featured/02_text@0.75x.png") 1x, url("../images/top/pc/featured/02_text.png") 2x);
    background-image: image-set(url("../images/top/pc/featured/02_text@0.75x.png") 1x, url("../images/top/pc/featured/02_text.png") 2x);
  }
  body > main > section#featured > nav > a:nth-child(3)::after {
    background-image: url("../images/top/pc/featured/03_text@0.75x.png");
    background-image: -webkit-image-set(url("../images/top/pc/featured/03_text@0.75x.png") 1x, url("../images/top/pc/featured/03_text.png") 2x);
    background-image: image-set(url("../images/top/pc/featured/03_text@0.75x.png") 1x, url("../images/top/pc/featured/03_text.png") 2x);
  }
  body > main > section#news > a::before {
    background-image: url("../images/top/pc/introduction/lnk_hvr_bg@0.75x.png");
    background-image: -webkit-image-set(url("../images/top/pc/introduction/lnk_hvr_bg@0.75x.png") 1x, url("../images/top/pc/introduction/lnk_hvr_bg.png") 2x);
    background-image: image-set(url("../images/top/pc/introduction/lnk_hvr_bg@0.75x.png") 1x, url("../images/top/pc/introduction/lnk_hvr_bg.png") 2x);
  }
  body > main > section#news > a::after {
    background-image: url("../images/top/pc/introduction/lnk_deco@0.75x.png");
    background-image: -webkit-image-set(url("../images/top/pc/introduction/lnk_deco@0.75x.png") 1x, url("../images/top/pc/introduction/lnk_deco.png") 2x);
    background-image: image-set(url("../images/top/pc/introduction/lnk_deco@0.75x.png") 1x, url("../images/top/pc/introduction/lnk_deco.png") 2x);
  }
  body > main > section#introduction {
    background-image: url("../images/top/pc/introduction/background@0.75x.png");
    background-image: -webkit-image-set(url("../images/top/pc/introduction/background@0.75x.png") 1x, url("../images/top/pc/introduction/background.png") 2x);
    background-image: image-set(url("../images/top/pc/introduction/background@0.75x.png") 1x, url("../images/top/pc/introduction/background.png") 2x);
  }
  body > main > section#introduction > a::before {
    background-image: url("../images/top/pc/introduction/lnk_hvr_bg@0.75x.png");
    background-image: -webkit-image-set(url("../images/top/pc/introduction/lnk_hvr_bg@0.75x.png") 1x, url("../images/top/pc/introduction/lnk_hvr_bg.png") 2x);
    background-image: image-set(url("../images/top/pc/introduction/lnk_hvr_bg@0.75x.png") 1x, url("../images/top/pc/introduction/lnk_hvr_bg.png") 2x);
  }
  body > main > section#introduction > a::after {
    background-image: url("../images/top/pc/introduction/lnk_deco@0.75x.png");
    background-image: -webkit-image-set(url("../images/top/pc/introduction/lnk_deco@0.75x.png") 1x, url("../images/top/pc/introduction/lnk_deco.png") 2x);
    background-image: image-set(url("../images/top/pc/introduction/lnk_deco@0.75x.png") 1x, url("../images/top/pc/introduction/lnk_deco.png") 2x);
  }
}
@media all and (min-width: 768px) and (max-width: 850px) {
  body > div#moviePlayWrapper > div > div > button#btn_movieClose,
  body > div#moviePlayWrapper > div > div > button#btn_screenshotClose {
    background-image: url("../images/common/pc/icon_close@0.5x.png");
    background-image: -webkit-image-set(url("../images/common/pc/icon_close@0.5x.png") 1x, url("../images/common/pc/icon_close@0.75x.png") 2x, url("../images/common/pc/icon_close.png") 3x);
    background-image: image-set(url("../images/common/pc/icon_close@0.5x.png") 1x, url("../images/common/pc/icon_close@0.75x.png") 2x, url("../images/common/pc/icon_close.png") 3x);
  }
  body {
    background-image: url("../images/common/pc/background/loop@0.5x.png");
    background-image: -webkit-image-set(url("../images/common/pc/background/loop@0.5x.png") 1x, url("../images/common/pc/background/loop@0.75x.png") 2x, url("../images/common/pc/background/loop.png") 3x);
    background-image: image-set(url("../images/common/pc/background/loop@0.5x.png") 1x, url("../images/common/pc/background/loop@0.75x.png") 2x, url("../images/common/pc/background/loop.png") 3x);
  }
  body > main {
    background-image: url("../images/common/pc/background/part_1@0.5x.png"), url("../images/common/pc/background/part_2@0.5x.png"), url("../images/common/pc/background/part_3@0.5x.png");
    background-image: -webkit-image-set(url("../images/common/pc/background/part_1@0.5x.png") 1x, url("../images/common/pc/background/part_1@0.75x.png") 2x, url("../images/common/pc/background/part_1.png") 3x), -webkit-image-set(url("../images/common/pc/background/part_2@0.5x.png") 1x, url("../images/common/pc/background/part_2@0.75x.png") 2x, url("../images/common/pc/background/part_2.png") 3x), -webkit-image-set(url("../images/common/pc/background/part_3@0.5x.png") 1x, url("../images/common/pc/background/part_3@0.75x.png") 2x, url("../images/common/pc/background/part_3.png") 3x);
    background-image: image-set(url("../images/common/pc/background/part_1@0.5x.png") 1x, url("../images/common/pc/background/part_1@0.75x.png") 2x, url("../images/common/pc/background/part_1.png") 3x), image-set(url("../images/common/pc/background/part_2@0.5x.png") 1x, url("../images/common/pc/background/part_2@0.75x.png") 2x, url("../images/common/pc/background/part_2.png") 3x), image-set(url("../images/common/pc/background/part_3@0.5x.png") 1x, url("../images/common/pc/background/part_3@0.75x.png") 2x, url("../images/common/pc/background/part_3.png") 3x);
  }
  body > header {
    background-image: url("../images/top/pc/fv/background@0.5x.jpg");
    background-image: -webkit-image-set(url("../images/top/pc/fv/background@0.5x.jpg") 1x, url("../images/top/pc/fv/background@0.75x.jpg") 2x, url("../images/top/pc/fv/background.jpg") 3x);
    background-image: image-set(url("../images/top/pc/fv/background@0.5x.jpg") 1x, url("../images/top/pc/fv/background@0.75x.jpg") 2x, url("../images/top/pc/fv/background.jpg") 3x);
  }
  body > main > a#idx_ftv_cnt {
    background-image: url("../images/top/pc/fv/banner_cnt2@0.5x.jpg");
    background-image: -webkit-image-set(url("../images/top/pc/fv/banner_cnt2@0.5x.jpg") 1x, url("../images/top/pc/fv/banner_cnt2@0.75x.jpg") 2x, url("../images/top/pc/fv/banner_cnt2.jpg") 3x);
    background-image: image-set(url("../images/top/pc/fv/banner_cnt2@0.5x.jpg") 1x, url("../images/top/pc/fv/banner_cnt2@0.75x.jpg") 2x, url("../images/top/pc/fv/banner_cnt2.jpg") 3x);
  }
  body > main > a#dlcLink::after {
    background-image: url("../images/top/pc/fv/banner_dlc_frame@0.5x.png");
    background-image: -webkit-image-set(url("../images/top/pc/fv/banner_dlc_frame@0.5x.png") 1x, url("../images/top/pc/fv/banner_dlc_frame@0.75x.png") 2x, url("../images/top/pc/fv/banner_dlc_frame.png") 3x);
    background-image: image-set(url("../images/top/pc/fv/banner_dlc_frame@0.5x.png") 1x, url("../images/top/pc/fv/banner_dlc_frame@0.75x.png") 2x, url("../images/top/pc/fv/banner_dlc_frame.png") 3x);
  }
  body > main > button#btn_movie_start::before {
    background-image: url("../images/top/pc/movie/decoration@0.5x.png"), url("../images/top/pc/movie/decoration_bdr@0.5x.png");
    background-image: -webkit-image-set(url("../images/top/pc/movie/decoration@0.5x.png") 1x, url("../images/top/pc/movie/decoration@0.75x.png") 2x, url("../images/top/pc/movie/decoration.png") 3x), -webkit-image-set(url("../images/top/pc/movie/decoration_bdr@0.5x.png") 1x, url("../images/top/pc/movie/decoration_bdr@0.75x.png") 2x, url("../images/top/pc/movie/decoration_bdr.png") 3x);
    background-image: image-set(url("../images/top/pc/movie/decoration@0.5x.png") 1x, url("../images/top/pc/movie/decoration@0.75x.png") 2x, url("../images/top/pc/movie/decoration.png") 3x), image-set(url("../images/top/pc/movie/decoration_bdr@0.5x.png") 1x, url("../images/top/pc/movie/decoration_bdr@0.75x.png") 2x, url("../images/top/pc/movie/decoration_bdr.png") 3x);
  }
  body > main > button#btn_movie_start::after {
    background-image: url("../images/top/pc/movie/launchtrailer/title@0.5x.png");
    background-image: -webkit-image-set(url("../images/top/pc/movie/launchtrailer/title@0.5x.png") 1x, url("../images/top/pc/movie/launchtrailer/title@0.75x.png") 2x, url("../images/top/pc/movie/launchtrailer/title.png") 3x);
    background-image: image-set(url("../images/top/pc/movie/launchtrailer/title@0.5x.png") 1x, url("../images/top/pc/movie/launchtrailer/title@0.75x.png") 2x, url("../images/top/pc/movie/launchtrailer/title.png") 3x);
  }
  body > main > button#btn_movie_start > span::before {
    background-image: url("../images/top/pc/movie/play_f@0.5x.png");
    background-image: -webkit-image-set(url("../images/top/pc/movie/play_f@0.5x.png") 1x, url("../images/top/pc/movie/play_f@0.75x.png") 2x, url("../images/top/pc/movie/play_f.png") 3x);
    background-image: image-set(url("../images/top/pc/movie/play_f@0.5x.png") 1x, url("../images/top/pc/movie/play_f@0.75x.png") 2x, url("../images/top/pc/movie/play_f.png") 3x);
  }
  body > main > button#btn_movie_start > span::after {
    background-image: url("../images/top/pc/movie/play_n@0.5x.png");
    background-image: -webkit-image-set(url("../images/top/pc/movie/play_n@0.5x.png") 1x, url("../images/top/pc/movie/play_n@0.75x.png") 2x, url("../images/top/pc/movie/play_n.png") 3x);
    background-image: image-set(url("../images/top/pc/movie/play_n@0.5x.png") 1x, url("../images/top/pc/movie/play_n@0.75x.png") 2x, url("../images/top/pc/movie/play_n.png") 3x);
  }
  body > main > section#featured > nav > a:nth-child(1)::before {
    background-image: url("../images/top/pc/featured/frame_01@0.5x.png");
    background-image: -webkit-image-set(url("../images/top/pc/featured/frame_01@0.5x.png") 1x, url("../images/top/pc/featured/frame_01@0.75x.png") 2x, url("../images/top/pc/featured/frame_01.png") 3x);
    background-image: image-set(url("../images/top/pc/featured/frame_01@0.5x.png") 1x, url("../images/top/pc/featured/frame_01@0.75x.png") 2x, url("../images/top/pc/featured/frame_01.png") 3x);
  }
  body > main > section#featured > nav > a:nth-child(1)::after {
    background-image: url("../images/top/pc/featured/01_text@0.5x.png");
    background-image: -webkit-image-set(url("../images/top/pc/featured/01_text@0.5x.png") 1x, url("../images/top/pc/featured/01_text@0.75x.png") 2x, url("../images/top/pc/featured/01_text.png") 3x);
    background-image: image-set(url("../images/top/pc/featured/01_text@0.5x.png") 1x, url("../images/top/pc/featured/01_text@0.75x.png") 2x, url("../images/top/pc/featured/01_text.png") 3x);
  }
  body > main > section#featured > nav > a:nth-child(2)::before, body > main > section#featured > nav > a:nth-child(3)::before {
    background-image: url("../images/top/pc/featured/frame_02@0.5x.png");
    background-image: -webkit-image-set(url("../images/top/pc/featured/frame_02@0.5x.png") 1x, url("../images/top/pc/featured/frame_02@0.75x.png") 2x, url("../images/top/pc/featured/frame_02.png") 3x);
    background-image: image-set(url("../images/top/pc/featured/frame_02@0.5x.png") 1x, url("../images/top/pc/featured/frame_02@0.75x.png") 2x, url("../images/top/pc/featured/frame_02.png") 3x);
  }
  body > main > section#featured > nav > a:nth-child(2)::after {
    background-image: url("../images/top/pc/featured/02_text@0.5x.png");
    background-image: -webkit-image-set(url("../images/top/pc/featured/02_text@0.5x.png") 1x, url("../images/top/pc/featured/02_text@0.75x.png") 2x, url("../images/top/pc/featured/02_text.png") 3x);
    background-image: image-set(url("../images/top/pc/featured/02_text@0.5x.png") 1x, url("../images/top/pc/featured/02_text@0.75x.png") 2x, url("../images/top/pc/featured/02_text.png") 3x);
  }
  body > main > section#featured > nav > a:nth-child(3)::after {
    background-image: url("../images/top/pc/featured/03_text@0.5x.png");
    background-image: -webkit-image-set(url("../images/top/pc/featured/03_text@0.5x.png") 1x, url("../images/top/pc/featured/03_text@0.75x.png") 2x, url("../images/top/pc/featured/03_text.png") 3x);
    background-image: image-set(url("../images/top/pc/featured/03_text@0.5x.png") 1x, url("../images/top/pc/featured/03_text@0.75x.png") 2x, url("../images/top/pc/featured/03_text.png") 3x);
  }
  body > main > section#news > a::before {
    background-image: url("../images/top/pc/introduction/lnk_hvr_bg@0.5x.png");
    background-image: -webkit-image-set(url("../images/top/pc/introduction/lnk_hvr_bg@0.5x.png") 1x, url("../images/top/pc/introduction/lnk_hvr_bg@0.75x.png") 2x, url("../images/top/pc/introduction/lnk_hvr_bg.png") 3x);
    background-image: image-set(url("../images/top/pc/introduction/lnk_hvr_bg@0.5x.png") 1x, url("../images/top/pc/introduction/lnk_hvr_bg@0.75x.png") 2x, url("../images/top/pc/introduction/lnk_hvr_bg.png") 3x);
  }
  body > main > section#news > a::after {
    background-image: url("../images/top/pc/introduction/lnk_deco@0.5x.png");
    background-image: -webkit-image-set(url("../images/top/pc/introduction/lnk_deco@0.5x.png") 1x, url("../images/top/pc/introduction/lnk_deco@0.75x.png") 2x, url("../images/top/pc/introduction/lnk_deco.png") 3x);
    background-image: image-set(url("../images/top/pc/introduction/lnk_deco@0.5x.png") 1x, url("../images/top/pc/introduction/lnk_deco@0.75x.png") 2x, url("../images/top/pc/introduction/lnk_deco.png") 3x);
  }
  body > main > section#introduction {
    background-image: url("../images/top/pc/introduction/background@0.5x.png");
    background-image: -webkit-image-set(url("../images/top/pc/introduction/background@0.5x.png") 1x, url("../images/top/pc/introduction/background@0.75x.png") 2x, url("../images/top/pc/introduction/background.png") 3x);
    background-image: image-set(url("../images/top/pc/introduction/background@0.5x.png") 1x, url("../images/top/pc/introduction/background@0.75x.png") 2x, url("../images/top/pc/introduction/background.png") 3x);
  }
  body > main > section#introduction > a::before {
    background-image: url("../images/top/pc/introduction/lnk_hvr_bg@0.5x.png");
    background-image: -webkit-image-set(url("../images/top/pc/introduction/lnk_hvr_bg@0.5x.png") 1x, url("../images/top/pc/introduction/lnk_hvr_bg@0.75x.png") 2x, url("../images/top/pc/introduction/lnk_hvr_bg.png") 3x);
    background-image: image-set(url("../images/top/pc/introduction/lnk_hvr_bg@0.5x.png") 1x, url("../images/top/pc/introduction/lnk_hvr_bg@0.75x.png") 2x, url("../images/top/pc/introduction/lnk_hvr_bg.png") 3x);
  }
  body > main > section#introduction > a::after {
    background-image: url("../images/top/pc/introduction/lnk_deco@0.5x.png");
    background-image: -webkit-image-set(url("../images/top/pc/introduction/lnk_deco@0.5x.png") 1x, url("../images/top/pc/introduction/lnk_deco@0.75x.png") 2x, url("../images/top/pc/introduction/lnk_deco.png") 3x);
    background-image: image-set(url("../images/top/pc/introduction/lnk_deco@0.5x.png") 1x, url("../images/top/pc/introduction/lnk_deco@0.75x.png") 2x, url("../images/top/pc/introduction/lnk_deco.png") 3x);
  }
}
@media all and (min-width: 768px) {
  body > div#moviePlayWrapper > div > div > button#btn_movieClose,
  body > div#moviePlayWrapper > div > div > button#btn_screenshotClose {
    cursor: pointer;
  }
  body {
    background-repeat: repeat;
  }
  body > main {
    background-position: 50% 0%, 0% 0%, 50% 100%;
    background-repeat: no-repeat, no-repeat, no-repeat;
  }
  body > header {
    height: 46.88vw;
    background-position: 50% 100%;
  }
  body > header::before {
    display: block;
    position: absolute;
    width: 100%;
    inset: 0 auto auto 0;
    background: -webkit-gradient(linear, left top, left bottom, from(black), to(transparent));
    background: -webkit-linear-gradient(top, black, transparent);
    background: linear-gradient(to bottom, black, transparent);
    content: "";
  }
  body > header.anm_prg > picture:nth-child(3) {
    -webkit-animation: fadeIn 1s ease-in 1.6s 1 normal forwards;
    animation: fadeIn 1s ease-in 1.6s 1 normal forwards;
  }
  body > header.anm_prg + main > a#idx_ftv_cnt, body > header.anm_prg + main > a#dlcLink {
    -webkit-animation: fade_slideIn-lr_2 1s ease 1.1s 1 normal forwards;
    animation: fade_slideIn-lr_2 1s ease 1.1s 1 normal forwards;
  }
  body > header.anm_prg + main > button#btn_movie_start {
    -webkit-animation: fade_slideIn-lr_2 1s ease 1.1s 1 normal forwards;
    animation: fade_slideIn-lr_2 1s ease 1.1s 1 normal forwards;
  }
  body > header > picture {
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
  }
  body > main > a#idx_ftv_cnt {
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    cursor: pointer;
    transition: opacity 0.3s ease;
  }
  body > main > a#idx_ftv_cnt:hover::before {
    opacity: 0.25;
  }
  body > main > a#idx_ftv_cnt::before {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0 auto auto 0;
    background-color: #000;
    content: "";
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  body > main > a#dlcLink {
    position: absolute;
    cursor: pointer;
    opacity: 0;
  }
  body > main > a#dlcLink::after {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0 auto auto 0;
    background-position: 0% 0%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: "";
  }
  body > main > a#dlcLink:hover::before {
    opacity: 0.25;
  }
  body > main > a#dlcLink:hover > picture {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  body > main > button#btn_movie_start {
    position: absolute;
    cursor: pointer;
    opacity: 0;
  }
  body > main > button#btn_movie_start:hover > picture {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  body > main > button#btn_movie_start:hover > span::before {
    opacity: 0.7;
  }
  body > main > button#btn_movie_start:hover > span::after {
    opacity: 1;
  }
  body > main > button#btn_movie_start::before {
    border-style: solid;
    background-position: 50% 50%, 50% 50%;
    background-repeat: no-repeat, no-repeat;
    -webkit-border-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 114, 255, 0.2)), color-stop(transparent), to(rgba(0, 114, 255, 0.2))) 1;
    -webkit-border-image: -webkit-linear-gradient(left, rgba(0, 114, 255, 0.2), transparent, rgba(0, 114, 255, 0.2)) 1;
    -o-border-image: linear-gradient(to right, rgba(0, 114, 255, 0.2), transparent, rgba(0, 114, 255, 0.2)) 1;
    border-width: 1px;
    border-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 114, 255, 0.2)), color-stop(transparent), to(rgba(0, 114, 255, 0.2))) 1;
    border-image: linear-gradient(to right, rgba(0, 114, 255, 0.2), transparent, rgba(0, 114, 255, 0.2)) 1;
    border-collapse: collapse;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  body > main > button#btn_movie_start > picture {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  body > main > section#featured > nav {
    grid-template-columns: repeat(2, 1fr);
  }
  body > main > section#featured > nav > a::before {
    background-size: cover;
  }
  body > main > section#featured > nav > a:nth-child(1) {
    grid-row: 1/3;
    grid-column: 1;
  }
  body > main > section#featured > nav > a:nth-child(2) {
    grid-row: 1;
    grid-column: 2;
  }
  body > main > section#featured > nav > a:nth-child(3) {
    grid-row: 2;
    grid-column: 2;
  }
  body > main > section#news > nav {
    grid-template-columns: repeat(3, 1fr);
  }
  body > main > section#news > nav.a1 {
    grid-template-columns: repeat(1, 1fr);
  }
  body > main > section#news > nav.a2 {
    grid-template-columns: repeat(2, 1fr);
  }
  body > main > section#news > nav > a > div::after {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0 auto auto 0;
    border-style: solid;
    content: "";
    -webkit-border-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 114, 255, 0.2)), color-stop(transparent), to(rgba(0, 114, 255, 0.2))) 1;
    -webkit-border-image: -webkit-linear-gradient(left, rgba(0, 114, 255, 0.2), transparent, rgba(0, 114, 255, 0.2)) 1;
    -o-border-image: linear-gradient(to right, rgba(0, 114, 255, 0.2), transparent, rgba(0, 114, 255, 0.2)) 1;
    border-width: 2px;
    border-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 114, 255, 0.2)), color-stop(transparent), to(rgba(0, 114, 255, 0.2))) 1;
    border-image: linear-gradient(to right, rgba(0, 114, 255, 0.2), transparent, rgba(0, 114, 255, 0.2)) 1;
    border-collapse: collapse;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  body > main > section#news > a:hover::before {
    opacity: 1;
  }
  body > main > section#news > a > span {
    margin-bottom: 0.2em;
  }
  body > main > section#introduction {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: 50% 0%;
  }
  body > main > section#introduction > div {
    margin-top: auto;
  }
  body > main > section#introduction > div > p {
    letter-spacing: 0.1em;
  }
  body > main > section#introduction > a:hover::before {
    opacity: 1;
  }
  body > main > section#introduction > a > span {
    margin-bottom: 0.2em;
  }
  body > main > section#spec > ul {
    margin-right: auto;
    margin-left: auto;
  }
  body > main > section#spec > ul > li {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-size: 100% 1px;
    line-height: 1;
  }
  body > main > section#spec > ul > li > h1 {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    line-height: 2.4;
  }
  body > main > section#spec > ul > li > p > br {
    display: none;
    visibility: hidden;
  }
  body > main > section#spec > ul > li > div.list > p {
    line-height: 2.4;
  }
}
@media all and (min-width: 768px) and (min-width: 1921px) {
  body > header::before {
    height: 612px;
  }
}
@media all and (min-width: 768px) and (min-width: 1281px) and (max-width: 1920px) {
  body > header::before {
    height: 459px;
  }
}
@media all and (min-width: 768px) and (min-width: 768px) and (max-width: 1280px) {
  body > header::before {
    height: 35.86vw;
  }
}
@media all and (min-width: 1621px) and (max-width: 1920px) {
  body > main > section#featured > nav {
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 15px;
    width: 1536px;
  }
  body > main > section#featured > nav > a {
    width: 756px;
  }
  body > main > section#featured > nav > a:nth-child(1) {
    height: 300px;
  }
  body > main > section#featured > nav > a:nth-child(1)::after {
    bottom: 6px;
    left: 7px;
    width: 210px;
    height: 49px;
  }
  body > main > section#featured > nav > a:nth-child(1) > picture {
    width: 756px;
    height: 300px;
  }
  body > main > section#featured > nav > a:nth-child(2), body > main > section#featured > nav > a:nth-child(3) {
    height: 143px;
  }
  body > main > section#featured > nav > a:nth-child(2)::after, body > main > section#featured > nav > a:nth-child(3)::after {
    bottom: 4px;
    left: 11px;
  }
  body > main > section#featured > nav > a:nth-child(2) > picture, body > main > section#featured > nav > a:nth-child(3) > picture {
    width: 756px;
    height: 143px;
  }
  body > main > section#featured > nav > a:nth-child(2)::after {
    width: 260px;
    height: 50px;
  }
  body > main > section#featured > nav > a:nth-child(3)::after {
    width: 214px;
    height: 51px;
  }
  body > main > section#news > nav {
    width: 1532px;
  }
}
@media all and (min-width: 768px) and (max-width: 1620px) {
  body > main > section#featured > nav {
    -webkit-column-gap: 1.48vw;
    -moz-column-gap: 1.48vw;
    column-gap: 1.48vw;
    row-gap: 0.93vw;
    width: 94.81vw;
  }
  body > main > section#featured > nav > a {
    width: 46.67vw;
  }
  body > main > section#featured > nav > a:nth-child(1) {
    height: 18.52vw;
  }
  body > main > section#featured > nav > a:nth-child(1)::after {
    bottom: 0.37vw;
    left: 0.42vw;
    width: 12.96vw;
    height: 3.01vw;
  }
  body > main > section#featured > nav > a:nth-child(1) > picture {
    width: 46.67vw;
    height: 18.52vw;
  }
  body > main > section#featured > nav > a:nth-child(2), body > main > section#featured > nav > a:nth-child(3) {
    height: 8.8vw;
  }
  body > main > section#featured > nav > a:nth-child(2)::after, body > main > section#featured > nav > a:nth-child(3)::after {
    bottom: 0.23vw;
    left: 0.65vw;
  }
  body > main > section#featured > nav > a:nth-child(2) > picture, body > main > section#featured > nav > a:nth-child(3) > picture {
    width: 46.67vw;
    height: 8.8vw;
  }
  body > main > section#featured > nav > a:nth-child(2)::after {
    width: 16.02vw;
    height: 3.06vw;
  }
  body > main > section#featured > nav > a:nth-child(3)::after {
    width: 13.19vw;
    height: 3.15vw;
  }
  body > main > section#news > nav {
    width: 94.58vw;
  }
}