@charset "UTF-8";
/*/////////////////////////////////////////
スタイルリセット
/////////////////////////////////////////*/
html,
body,
div,
span,
applet,
object,
iframe,
input,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
button {
  border: 0 none;
  font-size: 100%;
  font-weight: normal;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

ol,
ul {
  list-style: none outside none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

/*transformを使うと Chromeで部分的に antialiasedが効かない*/
html {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

*,
:before,
:after {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img {
  border: none;
  -ms-interpolation-mode: bicubic;
  vertical-align: bottom;
  width: 100%;
  height: auto;
}

button,
input,
textarea,
select {
  background: none;
  border: none;
  border-radius: 0;
}

button {
  cursor: pointer;
  -webkit-appearance: none;
}

input {
  -webkit-appearance: none;
}

input::-moz-focus-inner,
button::-moz-focus-inner {
  border: none;
}

textarea {
  -webkit-appearance: none;
}

a,
a.hover {
  text-decoration: none;
}

br {
  line-height: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}

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

/* フォーカス状態のスタイル - キーボードアクセシビリティのため */
:focus {
  outline: none;
}

/* マウスユーザーのみoutlineを非表示にする（オプション） */
:focus:not(:focus-visible) {
  outline: none;
}

:focus-visible {
  outline: none;
}

/* インタラクティブ要素のタブ操作を確保 */
a[href]:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
[tabindex]:not([tabindex="-1"]):focus {
  outline: none;
}

/* IE11 コンテンツ領域とスクロールバーの重なりを回避 */
@-ms-viewport {
  width: auto !important;
}
html {
  -ms-overflow-style: scrollbar !important;
}

html {
  font-size: 16px;
  overscroll-behavior-y: none;
}

body {
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: #433d2a;
  background-color: #E8E1C5;
  font-size: 16px;
}

a {
  color: #fff;
}
a.hover {
  transition: opacity 0.3s;
}
a.hover:hover {
  opacity: 0.5;
}

.txt-hidden {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}

.f-serif {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.f-rocknrollone {
  font-family: "RocknRoll One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.inner {
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 72px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1168px) and (min-width: 941px) {
  .inner {
    padding-left: clamp(3.5rem, -7.8373493976rem + 19.2771084337vw, 4.5rem);
    padding-right: clamp(3.5rem, -7.8373493976rem + 19.2771084337vw, 4.5rem);
  }
}
@media screen and (max-width: 940px) and (min-width: 394px) {
  .inner {
    padding-left: clamp(1rem, -0.804029304rem + 7.326007326vw, 3.5rem);
    padding-right: clamp(1rem, -0.804029304rem + 7.326007326vw, 3.5rem);
  }
}
@media screen and (max-width: 393px) {
  .inner {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.inner.inner-w {
  max-width: inherit;
  padding: 0 0;
}
@media screen and (max-width: 940px) {
  .inner.inner-w {
    padding: 0 0;
  }
}

@media screen and (min-width: 941px) {
  .ifSp {
    display: none !important;
  }
}
@media screen and (max-width: 940px) {
  .ifPc {
    display: none !important;
  }
}
.column {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 940px) {
  .column {
    flex-direction: column;
  }
}
.column .img {
  width: 50%;
}
@media screen and (max-width: 940px) {
  .column .img {
    width: 100%;
  }
}
.column .text {
  width: 50%;
}
@media screen and (max-width: 940px) {
  .column .text {
    width: 100%;
  }
}
.column .text p {
  color: #fff;
  text-align: center;
  font-feature-settings: "palt" on;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
}

nav ul {
  display: flex;
  list-style: none;
}
nav ul li {
  margin-right: 20px;
}

.hamburger {
  display: none;
  position: fixed;
  top: 20px;
  right: 20px;
  width: 44px;
  height: 44px;
  cursor: pointer;
}
.hamburger span {
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 7px;
  background-color: #000;
  transition: 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 21px;
}
.hamburger span:nth-child(3) {
  top: 32px;
}

.nav-open .hamburger span:nth-child(1) {
  top: 21px;
  transform: rotate(-45deg);
}
.nav-open .hamburger span:nth-child(2) {
  opacity: 0;
}
.nav-open .hamburger span:nth-child(3) {
  top: 21px;
  transform: rotate(45deg);
}
.nav-open nav {
  right: 0;
}

@media screen and (max-width: 940px) {
  .hamburger {
    display: block;
  }
  nav {
    position: fixed;
    top: 0;
    right: -100%;
    width: 300px;
    height: 100vh;
    background-color: #fff;
    transition: 0.3s ease-in-out;
    box-shadow: -2px 0 4px rgba(0, 0, 0, 0.1);
  }
  nav ul {
    flex-direction: column;
    margin-top: 80px;
  }
  nav ul li {
    margin: 0;
    border-bottom: 1px solid #eee;
  }
  nav ul li a {
    display: block;
    padding: 20px;
  }
}
/* 四隅にSVGを配置したボーダーボックス（ボーダーとSVGが被らないバージョン） */
.page_top {
  margin-top: 47px;
}
@media screen and (max-width: 1279px) {
  .page_top {
    margin-top: 20px;
  }
}
@media screen and (max-width: 940px) {
  .page_top {
    margin-top: 24px;
  }
}
.page_top a {
  display: block;
  width: 256px;
  margin: 0 auto;
}
@media screen and (max-width: 940px) {
  .page_top a {
    width: 180px;
  }
}

.share {
  display: flex;
  justify-content: center;
  list-style: none;
  padding: 0;
}
.share li {
  margin: 0 4px;
}
@media screen and (max-width: 1279px) {
  .share li {
    margin: 0 3px;
  }
}
.share li a {
  display: block;
}
.share li a img {
  width: 38px;
  height: 38px;
}

.bg1 {
  position: relative;
  background: linear-gradient(0deg, rgb(181, 127, 88) 0%, rgb(116, 72, 40) 100%);
}
.bg1::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background-image: url(../../images/pattern.png);
  background-repeat: repeat;
  background-position: center;
  opacity: 0.05;
}
@media screen and (max-width: 940px) {
  .bg1::before {
    background-size: 102.5px;
  }
}

.bg2 {
  background-image: url(../../images/bg_system-world.jpg);
  background-repeat: repeat-y;
  background-position: center;
  background-size: 100% auto;
}

.bg3 {
  background-color: #e8e1c5;
}

h2 {
  text-align: center;
}
.catch {
  text-align: center;
}
.catch p {
  color: #fff;
  font-feature-settings: "palt" on;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8;
}
@media screen and (max-width: 940px) {
  .catch p {
    text-align: center;
    /* shadow_s */
    font-size: 16px;
    letter-spacing: 0.8px;
  }
}
.catch + .text {
  margin-top: 33px;
}
@media screen and (max-width: 940px) {
  .catch + .text {
    margin-top: 58px;
  }
}

.text {
  text-align: center;
}
.text p {
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 900;
  line-height: 220%; /* 39.6px */
  letter-spacing: 0.9px;
}
@media screen and (max-width: 940px) {
  .text p {
    font-size: 13px;
    letter-spacing: 0.7px;
    text-align: left;
  }
}

.wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

#MV-wrap {
  position: relative;
  width: 100%;
  /* メインビジュアル - 背景として設定 */
}
#MV-wrap h1 {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  text-align: center;
  font-size: 2rem;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}
#MV-wrap #mv {
  width: 100%;
  position: relative;
  /* 上部に固定するヘッダーブロック */
  /*SP用MVSNS*/
  /* 下部に固定するフッターブロック */
}
#MV-wrap #mv > picture,
#MV-wrap #mv > img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1279px) and (min-width: 941px) {
  #MV-wrap #mv > picture,
  #MV-wrap #mv > img {
    width: 130%;
    position: relative;
    left: -15%;
  }
}
#MV-wrap #mv .mv-bg.ifTb {
  display: none !important;
}
@media screen and (max-width: 1279px) and (min-width: 941px) {
  #MV-wrap #mv .mv-bg.ifPc {
    display: none !important;
  }
  #MV-wrap #mv .mv-bg.ifSp {
    display: none !important;
  }
  #MV-wrap #mv .mv-bg.ifTb {
    display: block !important;
  }
}
#MV-wrap #mv .switch-logo {
  position: absolute;
  top: 64px;
  left: 0;
  width: 100px;
  height: 100px;
}
@media screen and (max-width: 751px) {
  #MV-wrap #mv .switch-logo {
    top: 80px;
    width: 64px;
    height: 64px;
  }
}
#MV-wrap #mv .head-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1279px) {
  #MV-wrap #mv .head-block {
    display: block;
    position: static;
    width: 100%;
    height: 0;
  }
}
#MV-wrap #mv .head-block .logo-platform {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 1279px) {
  #MV-wrap #mv .head-block .logo-platform {
    position: absolute;
    top: 0;
    left: 0;
  }
}
#MV-wrap #mv .head-block .logo-platform li.switch {
  width: 100px;
}
@media screen and (max-width: 1279px) {
  #MV-wrap #mv .head-block .logo-platform li.switch {
    width: clamp(4rem, 2.3763736264rem + 6.5934065934vw, 6.25rem);
  }
}
#MV-wrap #mv .head-block .logo-platform li.ps5 {
  width: 169px;
}
@media screen and (max-width: 1279px) {
  #MV-wrap #mv .head-block .logo-platform li.ps5 {
    width: clamp(6.8125rem, 4.106456044rem + 10.989010989vw, 10.5625rem);
  }
}
#MV-wrap #mv .head-block .head-block-other {
  margin-left: auto;
  display: flex;
}
@media screen and (max-width: 1279px) {
  #MV-wrap #mv .head-block .head-block-other {
    justify-content: center;
    width: 100%;
    height: 50px;
    position: relative;
    margin-left: inherit;
  }
}
#MV-wrap #mv .head-block .share {
  background-size: 100%;
  width: 256px;
  height: 62px;
  align-items: center;
  margin-right: 367px;
}
@media screen and (max-width: 940px) {
  #MV-wrap #mv .head-block .share {
    position: relative;
    bottom: inherit;
    left: inherit;
    width: 185px;
    height: 56px;
    width: clamp(10rem, -3.0208333333rem + 55.5555555556vw, 10.625rem);
    height: clamp(3rem, 0.3958333333rem + 11.1111111111vw, 3.125rem);
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 940px) {
  #MV-wrap #mv .head-block .share li a img {
    width: clamp(1.875rem, -0.7291666667rem + 11.1111111111vw, 2rem);
    height: clamp(1.875rem, -0.7291666667rem + 11.1111111111vw, 2rem);
  }
}
#MV-wrap #mv .head-block .lang-development {
  display: flex;
  position: fixed;
  z-index: 10;
  top: 0;
  right: 0;
}
#MV-wrap #mv .head-block .lang-development .lang {
  position: relative;
  margin-top: 33px;
  margin-left: 89px;
}
@media screen and (max-width: 1280px) {
  #MV-wrap #mv .head-block .lang-development .lang {
    margin-left: clamp(2.8125rem, -4.820980826rem + 12.9793510324vw, 5.5625rem);
  }
}
@media screen and (max-width: 1279px) {
  #MV-wrap #mv .head-block .lang-development .lang {
    position: absolute;
    top: 0;
    right: 99px;
    right: calc(clamp(5.625rem, 2.918956044rem + 10.989010989vw, 9.375rem) + 20px);
    margin-left: 0;
    margin-top: 17px;
  }
}
@media screen and (max-width: 393px) {
  #MV-wrap #mv .head-block .lang-development .lang {
    margin-top: clamp(0rem, -4.6575342466rem + 23.2876712329vw, 1.0625rem);
    right: calc(clamp(3.75rem, -4.4691780822rem + 41.095890411vw, 5.625rem) + 10px);
  }
}
#MV-wrap #mv .head-block .lang-development .lang::before {
  content: "";
  position: absolute;
  top: 14px;
  right: 20px;
  display: block;
  width: 9px;
  height: 6px;
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  background-color: #586666;
  pointer-events: none;
}
@media screen and (max-width: 1279px) {
  #MV-wrap #mv .head-block .lang-development .lang::before {
    top: 12px;
    right: 10px;
  }
}
#MV-wrap #mv .head-block .lang-development .lang ul.switch-btn {
  width: 105px;
  height: 34px;
  display: flex;
  cursor: pointer;
  background-size: 100%;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1279px) {
  #MV-wrap #mv .head-block .lang-development .lang ul.switch-btn {
    width: clamp(4.3125rem, 2.6888736264rem + 6.5934065934vw, 6.5625rem);
    height: clamp(1.875rem, 1.6945970696rem + 0.7326007326vw, 2.125rem);
    background-size: 100% 100%;
  }
}
#MV-wrap #mv .head-block .lang-development .lang ul.switch-btn li {
  font-size: 16px;
  line-height: 1;
  display: none;
  color: #586666;
  font-weight: 900;
  padding-right: 17px;
}
@media screen and (max-width: 1279px) {
  #MV-wrap #mv .head-block .lang-development .lang ul.switch-btn li {
    font-size: 12px;
    padding-right: 13px;
  }
}
#MV-wrap #mv .head-block .lang-development .lang ul.switch-btn li.active {
  display: block;
}
#MV-wrap #mv .head-block .lang-development .lang .select-box {
  opacity: 0;
  visibility: hidden;
  transition-duration: 0.2s;
  transition-property: opacity, visibility;
  margin-top: 1px;
  background-color: #fff;
  width: 106px;
  position: absolute;
}
@media screen and (max-width: 1279px) {
  #MV-wrap #mv .head-block .lang-development .lang .select-box {
    width: clamp(4.3125rem, 2.6888736264rem + 6.5934065934vw, 6.5625rem);
  }
}
#MV-wrap #mv .head-block .lang-development .lang .select-box ul {
  padding: 5px 0;
}
#MV-wrap #mv .head-block .lang-development .lang .select-box ul li {
  text-align: left;
}
#MV-wrap #mv .head-block .lang-development .lang .select-box ul li a {
  width: 100%;
  font-size: 16px;
  line-height: 1;
  color: #586666;
  font-weight: 900;
  padding-right: 17px;
  padding: 5px 10px;
  display: block;
  text-decoration: none;
  text-align: center;
}
@media screen and (max-width: 1279px) {
  #MV-wrap #mv .head-block .lang-development .lang .select-box ul li a {
    font-size: 12px;
  }
}
#MV-wrap #mv .head-block .lang-development .lang .select-box ul li:nth-child(n+2) {
  border-top: solid 1px #e5e5e5;
}
#MV-wrap #mv .head-block .lang-development .lang .select-box.active {
  opacity: 1;
  visibility: visible;
}
#MV-wrap #mv .head-block .lang-development .development {
  width: 150px;
  margin-left: 24px;
}
@media screen and (max-width: 1280px) {
  #MV-wrap #mv .head-block .lang-development .development {
    margin-left: clamp(0.75rem, -1.3318584071rem + 3.5398230088vw, 1.5rem);
  }
}
@media screen and (max-width: 1279px) {
  #MV-wrap #mv .head-block .lang-development .development {
    margin-left: 0;
    position: absolute;
    right: -2px;
    top: 0;
    width: clamp(5.625rem, 2.918956044rem + 10.989010989vw, 9.375rem);
  }
}
@media screen and (max-width: 393px) {
  #MV-wrap #mv .head-block .lang-development .development {
    width: clamp(4.375rem, -1.1044520548rem + 27.397260274vw, 5.625rem);
  }
}
#MV-wrap #mv .sns-content {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 40px;
  margin-top: -9999px;
  opacity: 0;
}
@media screen and (max-width: 940px) {
  #MV-wrap #mv .sns-content {
    opacity: 1;
    margin-top: -60px;
  }
}
#MV-wrap #mv .sns-content .sns-list li {
  margin-top: 8px;
}
#MV-wrap #mv .foot-block {
  width: 100%;
  height: 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: absolute;
  bottom: 47px;
  padding-left: 72px;
  padding-right: 72px;
}
@media screen and (max-width: 1168px) and (min-width: 941px) {
  #MV-wrap #mv .foot-block {
    padding-left: clamp(3.5rem, -7.8373493976rem + 19.2771084337vw, 4.5rem);
    padding-right: clamp(3.5rem, -7.8373493976rem + 19.2771084337vw, 4.5rem);
  }
}
@media screen and (max-width: 940px) and (min-width: 394px) {
  #MV-wrap #mv .foot-block {
    padding-left: clamp(1rem, -0.804029304rem + 7.326007326vw, 3.5rem);
    padding-right: clamp(1rem, -0.804029304rem + 7.326007326vw, 3.5rem);
  }
}
@media screen and (max-width: 393px) {
  #MV-wrap #mv .foot-block {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (max-width: 1279px) {
  #MV-wrap #mv .foot-block {
    bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: inherit;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 1279px) and (min-width: 941px) {
  #MV-wrap #mv .foot-block {
    align-items: flex-start;
  }
}
#MV-wrap #mv .foot-block .release-date {
  position: relative;
}
@media screen and (max-width: 1279px) {
  #MV-wrap #mv .foot-block .release-date {
    left: 0;
    margin-bottom: 18px;
  }
}
#MV-wrap #mv .foot-block .release-date .top,
#MV-wrap #mv .foot-block .release-date .top .two_paragraph {
  position: relative;
  z-index: 2;
}
#MV-wrap #mv .foot-block .release-date .top::before, #MV-wrap #mv .foot-block .release-date .top::after,
#MV-wrap #mv .foot-block .release-date .top .two_paragraph::before,
#MV-wrap #mv .foot-block .release-date .top .two_paragraph::after {
  content: "";
  width: 62px;
  height: 48px;
  position: absolute;
  z-index: 2;
  top: 10px;
  background-image: url(../../images/mark.png);
  background-size: 100%;
}
@media screen and (min-width: 1600px) {
  #MV-wrap #mv .foot-block .release-date .top::before, #MV-wrap #mv .foot-block .release-date .top::after,
  #MV-wrap #mv .foot-block .release-date .top .two_paragraph::before,
  #MV-wrap #mv .foot-block .release-date .top .two_paragraph::after {
    width: clamp(3.875rem, 0.0000916111rem + 3.8724880839vw, 6.4139rem);
    height: clamp(3rem, 0.0000709247rem + 2.9980552908vw, 4.9656rem);
    top: clamp(0.625rem, 0.000014776rem + 0.6245948522vw, 1.0345rem);
  }
}
@media screen and (max-width: 940px) {
  #MV-wrap #mv .foot-block .release-date .top::before, #MV-wrap #mv .foot-block .release-date .top::after,
  #MV-wrap #mv .foot-block .release-date .top .two_paragraph::before,
  #MV-wrap #mv .foot-block .release-date .top .two_paragraph::after {
    top: inherit;
    width: 36px;
    height: 28px;
    bottom: -2px;
    width: clamp(2.25rem, 0.1588053291rem + 8.5137696527vw, 5.160645rem);
    height: clamp(1.75rem, 0.1235152559rem + 6.621820841vw, 4.013835rem);
    bottom: calc(0px - clamp(0.125rem, 0.0088225183rem + 0.4729872029vw, 0.2867025rem));
  }
}
#MV-wrap #mv .foot-block .release-date .top::before,
#MV-wrap #mv .foot-block .release-date .top .two_paragraph::before {
  left: 0;
}
@media screen and (max-width: 940px) {
  #MV-wrap #mv .foot-block .release-date .top::before,
  #MV-wrap #mv .foot-block .release-date .top .two_paragraph::before {
    left: -12px;
    left: calc(0px - clamp(0.75rem, 0.0529351097rem + 2.8379232176vw, 1.720215rem));
  }
}
#MV-wrap #mv .foot-block .release-date .top::after,
#MV-wrap #mv .foot-block .release-date .top .two_paragraph::after {
  right: 0;
  transform: scale(-1, 1);
}
@media screen and (max-width: 940px) {
  #MV-wrap #mv .foot-block .release-date .top::after,
  #MV-wrap #mv .foot-block .release-date .top .two_paragraph::after {
    right: -12px;
    right: calc(0px - clamp(0.75rem, 0.0529351097rem + 2.8379232176vw, 1.720215rem));
  }
}
#MV-wrap #mv .foot-block .release-date .bottom {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  font-feature-settings: "palt" on;
  text-shadow: 0.25vw 0.25vw 0 #433d2a;
  -webkit-text-stroke-width: 0.25vw;
  -webkit-text-stroke-color: #433d2a;
}
@media screen and (max-width: 1279px) {
  #MV-wrap #mv .foot-block .release-date .bottom {
    text-shadow: 0.6vw 0.6vw 0 #433d2a;
    -webkit-text-stroke-width: 0.6vw;
  }
}
#MV-wrap #mv .foot-block .release-date > div {
  padding: 0 79px;
  position: relative;
  font-size: 64px;
  font-style: normal;
  font-weight: 900;
  line-height: 100%; /* 64px */
}
@media screen and (min-width: 1600px) {
  #MV-wrap #mv .foot-block .release-date > div {
    padding: 0 clamp(4.9375rem, 0.0001167302rem + 4.9342993327vw, 8.17255rem);
  }
}
@media screen and (max-width: 940px) {
  #MV-wrap #mv .foot-block .release-date > div {
    font-size: 48px;
    padding: 0 clamp(1.875rem, 0.1323377742rem + 7.0948080439vw, 4.3005375rem);
  }
}
#MV-wrap #mv .foot-block .release-date > div span {
  background: linear-gradient(180deg, #ffa721 21.92%, #d97417 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-feature-settings: "palt" on;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  position: relative;
  z-index: 2;
}
#MV-wrap #mv .foot-block .release-date > div span.size-m {
  font-size: 64px;
}
@media screen and (min-width: 1600px) {
  #MV-wrap #mv .foot-block .release-date > div span.size-m {
    font-size: clamp(4rem, 0.0000945663rem + 3.9974070543vw, 6.6208rem);
  }
}
@media screen and (max-width: 940px) {
  #MV-wrap #mv .foot-block .release-date > div span.size-m {
    font-size: 24px;
    font-size: clamp(1.5rem, 0.1058702194rem + 5.6758464351vw, 3.44043rem);
  }
}
#MV-wrap #mv .foot-block .release-date > div span.size-s {
  font-size: 40px;
}
@media screen and (min-width: 1600px) {
  #MV-wrap #mv .foot-block .release-date > div span.size-s {
    font-size: clamp(2.5rem, 0.0000591039rem + 2.498379409vw, 4.138rem);
  }
}
@media screen and (max-width: 940px) {
  #MV-wrap #mv .foot-block .release-date > div span.size-s {
    font-size: 24px;
    font-size: clamp(1.5rem, 0.1058702194rem + 5.6758464351vw, 3.44043rem);
  }
}
@media screen and (min-width: 1600px) {
  #MV-wrap #mv .foot-block .release-date > div span.size-m-sp {
    font-size: clamp(4rem, 0.0000945663rem + 3.9974070543vw, 6.6208rem);
  }
}
@media screen and (max-width: 940px) {
  #MV-wrap #mv .foot-block .release-date > div span.size-m-sp {
    font-size: 48px;
    font-size: clamp(3rem, 0.2117404388rem + 11.3516928702vw, 6.88086rem);
  }
}
#MV-wrap #mv .foot-block .btn-reservation {
  width: 270px;
  position: fixed;
  z-index: 10;
  right: 48px;
  bottom: 48px;
}
@media screen and (max-width: 940px) {
  #MV-wrap #mv .foot-block .btn-reservation {
    width: 100%;
    right: inherit;
    bottom: 24px;
    margin: 0 auto;
    max-width: 361px;
    left: 50%;
    margin-left: -181px;
  }
}
#MV-wrap #mv .foot-block .btn-buy {
  width: 270px;
  position: fixed;
  z-index: 10;
  right: 48px;
  bottom: 48px;
}
@media screen and (max-width: 940px) {
  #MV-wrap #mv .foot-block .btn-buy {
    width: 100%;
    right: inherit;
    bottom: 24px;
    margin: 0 auto;
    max-width: 361px;
    left: 50%;
    margin-left: -181px;
    opacity: 0;
  }
}
#MV-wrap #mv .foot-block .btn-scr {
  opacity: 0;
}
#MV-wrap #mv .foot-block .btn-scr.active {
  opacity: 1;
  visibility: visible;
}

#news {
  padding: 56px 0 51px;
}
@media screen and (max-width: 940px) {
  #news {
    padding: 24px 0;
  }
}
#news .news-wrap {
  text-align: center;
}
#news .box-normal {
  overflow: hidden;
}
#news .box-normal .box-body {
  padding: 19px 3px 23px 37px;
  display: flex;
  align-items: flex-start;
  border-radius: 16px;
  border: 3px solid #433d2a;
  background-color: #e8e1c5;
}
@media screen and (max-width: 940px) {
  #news .box-normal .box-body {
    flex-direction: column;
    padding: 14px 0px;
  }
}
#news .box-normal .box-body h2 {
  width: 184px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 7px;
}
@media screen and (max-width: 940px) {
  #news .box-normal .box-body h2 {
    width: 130px;
    margin: 0 auto;
  }
}
#news .box-normal .box-body h2 div {
  width: 115px;
}
@media screen and (max-width: 940px) {
  #news .box-normal .box-body h2 div {
    width: 68px;
    margin-right: 8px;
  }
}
#news .box-normal .box-body h2 span {
  color: #433d2a;
  font-feature-settings: "palt" on;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 14px */
}
#news .box-normal .box-body .scroll-area {
  width: calc(100% - 184px);
  height: 45px;
}
@media screen and (max-width: 940px) {
  #news .box-normal .box-body .scroll-area {
    width: 100%;
    height: 56px;
  }
}
#news .box-normal .box-body .scroll-area.overflow #mCSB_1_scrollbar_vertical {
  display: block !important;
  opacity: 1 !important;
}
#news .box-normal .box-body .scroll-area ul {
  padding: 0 35px;
  margin: 14px 0 0;
}
@media screen and (max-width: 940px) {
  #news .box-normal .box-body .scroll-area ul {
    padding: 0 20px;
  }
}
@media screen and (max-width: 940px) and (max-width: 940px) {
  #news .box-normal .box-body .scroll-area ul {
    padding: 0 13px;
    margin: 9px 0 0;
  }
}
#news .box-normal .box-body .scroll-area ul li {
  display: flex;
}
@media screen and (max-width: 940px) {
  #news .box-normal .box-body .scroll-area ul li {
    flex-direction: column;
  }
}
#news .box-normal .box-body .scroll-area ul li:nth-child(n+2) {
  margin-top: 16px;
}
#news .box-normal .box-body .scroll-area ul li div,
#news .box-normal .box-body .scroll-area ul li p,
#news .box-normal .box-body .scroll-area ul li a, #news .box-normal .box-body .scroll-area ul li span {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4; /* 2.293625.2px */
  text-align: left;
}
@media screen and (max-width: 940px) {
  #news .box-normal .box-body .scroll-area ul li div,
  #news .box-normal .box-body .scroll-area ul li p,
  #news .box-normal .box-body .scroll-area ul li a, #news .box-normal .box-body .scroll-area ul li span {
    font-size: 14px;
  }
}
@media screen and (max-width: 940px) {
  #news .box-normal .box-body .scroll-area ul li div {
    width: 100%;
  }
}
#news .box-normal .box-body .scroll-area ul li p,
#news .box-normal .box-body .scroll-area ul li a, #news .box-normal .box-body .scroll-area ul li span {
  display: inline-block;
  margin-left: 24px;
}
@media screen and (max-width: 940px) {
  #news .box-normal .box-body .scroll-area ul li p,
  #news .box-normal .box-body .scroll-area ul li a, #news .box-normal .box-body .scroll-area ul li span {
    margin-left: 0;
    margin-top: 1px;
    width: 100%;
  }
}
#news .box-normal .box-body .scroll-area ul li a {
  text-decoration: underline;
}
#news .box-normal .box-body .scroll-area ul li a, #news .box-normal .box-body .scroll-area ul li span {
  color: #433d2a;
}
#news .box-normal #mCSB_1_scrollbar_vertical {
  display: none !important;
}
#news .box-normal .mCSB_scrollTools .mCSB_draggerRail {
  background-color: #d9d9d9;
  display: none;
}
#news .box-normal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
  background-color: #ed8b1b;
  margin-left: -2px;
  bottom: -2px;
  border-radius: 0;
  height: calc(100% - 4px);
  border-radius: 8px;
}
#news .box-normal .mCSB_draggerContainer::before, #news .box-normal .mCSB_draggerContainer::after {
  content: "";
  position: absolute;
  border-radius: 8px;
  background-color: #c5c2af;
}
#news .box-normal .mCSB_draggerContainer::before {
  height: calc(100% - 4px);
  width: 8px;
  top: 2px;
  left: -2px;
}

#story {
  position: relative;
  z-index: 1;
  background-image: url("../../images/bg_story.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 56px 0 79px;
}
@media screen and (max-width: 940px) {
  #story {
    padding: 32px 0 32px;
  }
}
#story .inner h2 {
  width: 228px;
  margin: 0 auto;
}
@media screen and (max-width: 940px) {
  #story .inner h2 {
    width: 100%;
    max-width: 393px;
  }
}
#story .inner h2 + .catch {
  margin-top: 12px;
}
@media screen and (max-width: 940px) {
  #story .inner h2 + .catch {
    margin: 0 auto;
    max-width: 393px;
  }
}
#story .inner h2 + .catch p {
  text-align: center;
  margin-top: 15px;
}
@media screen and (max-width: 940px) {
  #story .inner h2 + .catch p {
    margin-top: 22px;
  }
}
#story .inner .movie-wrap {
  margin-top: 32px;
}
@media screen and (max-width: 940px) {
  #story .inner .movie-wrap {
    margin: 24px auto 0;
  }
}
#story .inner .movie-wrap .movie {
  width: 100%;
  aspect-ratio: 16/9;
}
#story .inner .movie-wrap .movie iframe {
  width: 100%;
  height: 100%;
}
#story .inner .column {
  margin-top: 27px;
  gap: 0 32px;
}
@media screen and (max-width: 940px) {
  #story .inner .column {
    margin-top: 21px;
    flex-direction: column;
  }
}
#story .inner .column .img {
  width: 50%;
}
@media screen and (max-width: 940px) {
  #story .inner .column .img {
    max-width: inherit;
    width: 100%;
    margin: 24px auto 0;
  }
}
#story .inner .column .text {
  max-width: 424px;
  margin-top: 26px;
}
@media screen and (max-width: 940px) {
  #story .inner .column .text {
    width: 100%;
    margin: 0 auto;
    max-width: 393px;
  }
}
#story .inner .column .text p {
  width: 72%;
  margin: 10px auto 0;
}
@media screen and (max-width: 940px) {
  #story .inner .column .text p {
    width: 100%;
    font-size: 16px;
    margin-top: 5px;
  }
}

#characters {
  position: relative;
  z-index: 1;
  background-image: url("../../images/bg_characters.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 56px 0 75px;
}
@media screen and (max-width: 940px) {
  #characters {
    padding-top: 33px;
    padding-bottom: 32px;
  }
}
@media screen and (min-width: 769px) {
  #characters .ifSp {
    display: none !important;
  }
  #characters .ifPc {
    display: inline-block !important;
  }
}
@media screen and (max-width: 768px) {
  #characters .ifSp {
    display: inline-block !important;
  }
  #characters .ifPc {
    display: none !important;
  }
}
#characters h2 {
  text-align: center;
}
#characters h2 img {
  width: 100%;
  max-width: 336px;
}
#characters h2 + .catch {
  margin-top: 12px;
}
@media screen and (max-width: 940px) {
  #characters h2 + .catch {
    margin: 0 auto;
    max-width: 393px;
  }
}
#characters h2 + .catch img {
  width: 100%;
  max-width: 735px;
}
#characters .characters-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  margin: 41px auto 0;
  padding: 0px 0 0;
  position: relative;
  gap: 0 0;
  overflow: hidden;
}
@media screen and (max-width: 1168px) and (min-width: 941px) {
  #characters .characters-wrap {
    padding-left: clamp(3.5rem, -7.8373493976rem + 19.2771084337vw, 4.5rem);
    padding-right: clamp(3.5rem, -7.8373493976rem + 19.2771084337vw, 4.5rem);
  }
}
@media screen and (max-width: 940px) and (min-width: 394px) {
  #characters .characters-wrap {
    padding-left: clamp(1rem, -0.804029304rem + 7.326007326vw, 3.5rem);
    padding-right: clamp(1rem, -0.804029304rem + 7.326007326vw, 3.5rem);
  }
}
@media screen and (max-width: 940px) {
  #characters .characters-wrap {
    margin: 22px auto 0;
  }
  #characters .characters-wrap::before, #characters .characters-wrap::after {
    content: "";
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    width: 100%;
    height: clamp(1.5625rem, 0.434981685rem + 4.5787545788vw, 3.125rem);
    z-index: 2;
    background-position: center top;
  }
  #characters .characters-wrap::before {
    top: 0;
  }
  #characters .characters-wrap::after {
    bottom: 0;
  }
}
@media screen and (max-width: 393px) {
  #characters .characters-wrap {
    padding-left: 16px;
    padding-right: 16px;
  }
}
#characters .characters-wrap.characters-hero {
  margin-top: 55px;
  align-items: center;
  padding: 0 112px;
  gap: 0 72px;
  opacity: 1;
}
@media screen and (max-width: 1280px) {
  #characters .characters-wrap.characters-hero {
    margin-top: clamp(1.75rem, -2.9341814159rem + 7.9646017699vw, 3.4375rem);
    padding: 0 clamp(4.125rem, -3.8554572271rem + 13.5693215339vw, 7rem);
    gap: 0 clamp(2.25rem, -3.9955752212rem + 10.6194690265vw, 4.5rem);
  }
}
@media screen and (max-width: 940px) {
  #characters .characters-wrap.characters-hero {
    padding: clamp(2.5625rem, 0.7133699634rem + 7.5091575092vw, 5.125rem) clamp(1.875rem, 0.521978022rem + 5.4945054945vw, 3.75rem) clamp(2.5625rem, 0.7133699634rem + 7.5091575092vw, 5.125rem);
    margin-top: 23px;
  }
}
#characters .characters-wrap.characters-hero .character-info::before {
  display: none;
}
#characters .characters-wrap.characters-hero .character-info .number {
  display: none;
}
#characters .characters-wrap.characters-hero .character-info .character-info-name {
  font-size: 40px;
  text-align: center;
  margin-top: 5px;
}
@media screen and (max-width: 940px) {
  #characters .characters-wrap.characters-hero .character-info .character-info-name {
    font-size: 24px;
    margin-top: 0;
  }
}
#characters .characters-wrap.characters-hero .character-info .character-info-description {
  margin-top: 38px;
}
@media screen and (max-width: 940px) {
  #characters .characters-wrap.characters-hero .character-info .character-info-description {
    margin-top: 11px;
  }
}
#characters .characters-wrap .characters-swiper {
  width: 100%;
  margin: 0;
  overflow: visible;
  transition: none;
  position: relative;
  z-index: 2;
}
#characters .characters-wrap .characters-swiper .swiper-wrapper {
  transition-property: transform;
  will-change: transform;
}
#characters .characters-wrap .characters-swiper .swiper-slide {
  width: 100%;
  padding: 0 0;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}
@media screen and (min-width: 1025px) {
  #characters .characters-wrap .characters-swiper .swiper-slide {
    width: 880px !important;
  }
}
@media screen and (max-width: 940px) {
  #characters .characters-wrap .characters-swiper .swiper-slide {
    width: 100%;
  }
}
#characters .characters-wrap .characters-swiper .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
}
#characters .characters-wrap .characters-swiper .swiper-slide .text {
  color: #744828;
  font-feature-settings: "palt" on;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0em;
  text-align: left;
  position: absolute;
  top: 283px;
  left: 472px;
  width: 320px;
}
@media screen and (max-width: 768px) and (min-width: 394px) {
  #characters .characters-wrap .characters-swiper .swiper-slide .text {
    padding-left: clamp(1rem, -1.6336898396rem + 10.6951871658vw, 3.5rem);
    padding-right: clamp(1rem, -1.6336898396rem + 10.6951871658vw, 3.5rem);
  }
}
@media screen and (max-width: 940px) {
  #characters .characters-wrap .characters-swiper .swiper-slide .text {
    width: clamp(16.875rem, 2.8216374269rem + 29.2397660819vw, 20rem);
    top: clamp(13.75rem, -3.9572368421rem + 36.8421052632vw, 17.6875rem);
    left: clamp(21.875rem, -6.7938596491rem + 59.649122807vw, 28.25rem);
    line-height: 1.5;
    font-size: clamp(1rem, -0.1242690058rem + 2.3391812865vw, 1.25rem);
  }
}
@media screen and (max-width: 768px) {
  #characters .characters-wrap .characters-swiper .swiper-slide .text {
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
    top: 98.6vw;
    left: 0;
    font-size: 16px;
    line-height: 1.65;
  }
}
#characters .characters-wrap .characters-swiper .virtual-slide-wide {
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -37px;
  margin-left: -440px;
  height: 75px;
}
@media screen and (max-width: 1024px) {
  #characters .characters-wrap .characters-swiper .virtual-slide-wide {
    left: 0;
    margin-left: 0;
    margin-top: -37px;
    height: 7.227vw;
  }
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  #characters .characters-wrap .characters-swiper .virtual-slide-wide {
    height: clamp(3.6328125rem, 0.4522058824rem + 6.6176470588vw, 4.6875rem);
  }
}
@media screen and (max-width: 768px) {
  #characters .characters-wrap .characters-swiper .virtual-slide-wide {
    margin-top: 24px;
    left: 0;
    margin: 0;
    height: 41px;
    top: calc(71vw + 24px);
  }
}
#characters .characters-wrap .characters-swiper .virtual-slide-wide .swiper-button-prev,
#characters .characters-wrap .characters-swiper .virtual-slide-wide .swiper-button-next {
  background-image: url(../../images/arrow_bg.png);
  background-size: 100%;
  color: inherit;
  width: 74px;
  height: 100%;
  transition: opacity 0.3s ease;
  top: 0;
  margin-top: 0;
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  #characters .characters-wrap .characters-swiper .virtual-slide-wide .swiper-button-prev,
  #characters .characters-wrap .characters-swiper .virtual-slide-wide .swiper-button-next {
    width: clamp(3.584375rem, 0.4461764706rem + 6.5294117647vw, 4.625rem);
  }
}
@media screen and (max-width: 768px) {
  #characters .characters-wrap .characters-swiper .virtual-slide-wide .swiper-button-prev,
  #characters .characters-wrap .characters-swiper .virtual-slide-wide .swiper-button-next {
    width: 40px;
  }
}
#characters .characters-wrap .characters-swiper .virtual-slide-wide .swiper-button-prev:hover,
#characters .characters-wrap .characters-swiper .virtual-slide-wide .swiper-button-next:hover {
  opacity: 0.7;
}
#characters .characters-wrap .characters-swiper .virtual-slide-wide .swiper-button-prev::after,
#characters .characters-wrap .characters-swiper .virtual-slide-wide .swiper-button-next::after {
  display: none;
}
#characters .characters-wrap .characters-swiper .virtual-slide-wide .swiper-button-prev::before,
#characters .characters-wrap .characters-swiper .virtual-slide-wide .swiper-button-next::before {
  content: "";
  width: 25px;
  height: 35px;
  background-size: 100%;
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  #characters .characters-wrap .characters-swiper .virtual-slide-wide .swiper-button-prev::before,
  #characters .characters-wrap .characters-swiper .virtual-slide-wide .swiper-button-next::before {
    width: clamp(1.2109375rem, 0.1507352941rem + 2.2058823529vw, 1.5625rem);
    height: clamp(1.6953125rem, 0.2110294118rem + 3.0882352941vw, 2.1875rem);
  }
}
@media screen and (max-width: 768px) {
  #characters .characters-wrap .characters-swiper .virtual-slide-wide .swiper-button-prev::before,
  #characters .characters-wrap .characters-swiper .virtual-slide-wide .swiper-button-next::before {
    width: 13px;
    height: 19px;
  }
}
#characters .characters-wrap .characters-swiper .virtual-slide-wide .swiper-button-prev {
  left: -32px;
}
@media screen and (max-width: 1024px) {
  #characters .characters-wrap .characters-swiper .virtual-slide-wide .swiper-button-prev {
    left: calc(0px - clamp(1rem, -2.0156862745rem + 6.2745098039vw, 2rem));
  }
}
@media screen and (max-width: 768px) {
  #characters .characters-wrap .characters-swiper .virtual-slide-wide .swiper-button-prev {
    left: 4.4vw;
  }
}
#characters .characters-wrap .characters-swiper .virtual-slide-wide .swiper-button-prev::before {
  background-image: url(../../images/arrow_l.png);
  background-size: 100% 100%;
  margin-left: -3px;
}
#characters .characters-wrap .characters-swiper .virtual-slide-wide .swiper-button-next {
  right: -32px;
}
@media screen and (max-width: 1024px) {
  #characters .characters-wrap .characters-swiper .virtual-slide-wide .swiper-button-next {
    right: calc(0px - clamp(1rem, -2.0156862745rem + 6.2745098039vw, 2rem));
  }
}
@media screen and (max-width: 768px) {
  #characters .characters-wrap .characters-swiper .virtual-slide-wide .swiper-button-next {
    right: 4.4vw;
  }
}
#characters .characters-wrap .characters-swiper .virtual-slide-wide .swiper-button-next::before {
  background-image: url(../../images/arrow_r.png);
  background-size: 100% 100%;
  margin-right: -3px;
}
#characters .characters-wrap .characters-swiper .swiper-pagination {
  position: relative;
  bottom: inherit;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  #characters .characters-wrap .characters-swiper .swiper-pagination {
    position: absolute;
    margin-top: 0;
    bottom: 20px;
    z-index: 1;
  }
}
#characters .characters-wrap .characters-swiper .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  background-color: #e8e1c5;
  opacity: 1;
  margin: 0 8px;
}
@media screen and (max-width: 768px) {
  #characters .characters-wrap .characters-swiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: #fff;
    margin: 0 6px;
  }
}
#characters .characters-wrap .characters-swiper .swiper-pagination-bullet-active {
  background-color: #ed8b1b;
}
#characters .characters-wrap .character-info {
  width: calc(100% - 552px);
}
#characters .characters-wrap .character-info::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 81px;
  right: 42px;
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  opacity: 0.3;
  width: 30%;
  height: 80%;
}
#characters .characters-wrap .character-info .character-info-name {
  color: #ed8b1b;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 16px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  #characters .characters-wrap .character-info .character-info-name {
    font-size: 18px;
    margin-top: 9px;
  }
}
#characters .characters-wrap .character-info .character-info-description {
  color: #e5fae6;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 2.2;
  margin-top: 15px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 940px) {
  #characters .characters-wrap .character-info .character-info-description {
    margin-top: 5px;
    font-size: 14px;
    line-height: 2;
  }
}
@media screen and (max-width: 768px) {
  #characters .characters-wrap .character-info .character-info-description br {
    display: none;
  }
}
#characters .characters-wrap .character-info .slide_number {
  margin-top: 18px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  #characters .characters-wrap .character-info .slide_number {
    text-align: center;
    margin-top: 11px;
  }
}
#characters .characters-wrap .character-info .slide_number span {
  color: #e5fae6;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}
#characters .characters-wrap .character-info .slide_number span.number_of {
  margin-right: 0.3em;
}
#characters .characters-wrap .character-info .slide_number span.total {
  margin-left: 0.3em;
}
#characters .characters-wrap .character-info-name-eng {
  width: 100%;
  margin-top: 0px;
  text-align: center;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  #characters .characters-wrap .character-info-name-eng {
    margin-top: 19px;
    text-align: left;
  }
}
#characters .characters-wrap .character-info-name-eng img {
  height: 63px;
  width: auto;
}
@media screen and (max-width: 1200px) {
  #characters .characters-wrap .character-info-name-eng img {
    width: auto;
    height: 5.4vw;
  }
}
#characters .characters-wrap.characters-hero .characters-img {
  width: 480px;
}
@media screen and (max-width: 1280px) {
  #characters .characters-wrap.characters-hero .characters-img {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  #characters .characters-wrap.characters-hero .characters-img {
    width: 79%;
  }
}
#characters .characters-wrap.characters-hero .character-info {
  width: calc(100% - 480px - 72px);
}
@media screen and (max-width: 1280px) {
  #characters .characters-wrap.characters-hero .character-info {
    width: calc(50% - clamp(2.25rem, -3.9955752212rem + 10.6194690265vw, 4.5rem));
  }
}
@media screen and (max-width: 768px) {
  #characters .characters-wrap.characters-hero .character-info {
    width: 100%;
    margin-top: 19px;
  }
}
#characters .characters-wrap.characters-hero .character-info .character-info-description {
  padding-right: 0;
}
#characters .characters-wrap + .catch {
  margin-top: 46px;
}
#characters .characters-wrap + .catch + .text p {
  text-align: center;
}
#characters .characters-wrap.active .fade-transition {
  transition: opacity 0.15s ease;
}
#characters .characters-wrap.active .fade-out {
  opacity: 0;
}
#characters .characters-wrap.active .fade-in {
  opacity: 1;
}

#system-world {
  padding: 121px 0;
}
@media screen and (max-width: 940px) {
  #system-world {
    padding: 108px 0 32px;
  }
}
@media screen and (min-width: 769px) {
  #system-world .ifSp {
    display: none !important;
  }
  #system-world .ifPc {
    display: inline-block !important;
  }
}
@media screen and (max-width: 768px) {
  #system-world .ifSp {
    display: inline-block !important;
  }
  #system-world .ifPc {
    display: none !important;
  }
}
#system-world .inner {
  max-width: 1168px;
}
#system-world .inner .block {
  border-radius: 24px;
  background-color: #fff;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.25);
  width: 100%;
  max-width: 1024px;
  padding-top: 55px;
  padding-bottom: 51px;
  padding-left: 72px;
  padding-right: 72px;
  position: relative;
}
@media screen and (max-width: 1168px) and (min-width: 941px) {
  #system-world .inner .block {
    padding-left: clamp(3.5rem, -7.8373493976rem + 19.2771084337vw, 4.5rem);
    padding-right: clamp(3.5rem, -7.8373493976rem + 19.2771084337vw, 4.5rem);
  }
}
@media screen and (max-width: 940px) and (min-width: 394px) {
  #system-world .inner .block {
    padding-left: clamp(1rem, -0.804029304rem + 7.326007326vw, 3.5rem);
    padding-right: clamp(1rem, -0.804029304rem + 7.326007326vw, 3.5rem);
  }
}
@media screen and (max-width: 940px) {
  #system-world .inner .block {
    padding-top: 97px;
    padding-bottom: clamp(1.3125rem, -0.0346206581rem + 5.4844606947vw, 3.1875rem);
  }
}
@media screen and (max-width: 393px) {
  #system-world .inner .block {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 21px;
  }
}
#system-world .inner .block .icon {
  position: absolute;
  z-index: 1;
}
#system-world .inner .block.system-block .icon {
  width: 224px;
  left: 40px;
  top: -41px;
}
@media screen and (max-width: 1040px) and (min-width: 941px) {
  #system-world .inner .block.system-block .icon {
    width: clamp(11.5rem, -12.2626262626rem + 40.404040404vw, 14rem);
    left: clamp(3.125rem, 9.0656565657rem - 10.101010101vw, 2.5rem);
    top: calc(0 - clamp(1.875rem, -4.0656565657rem + 10.101010101vw, 2.5rem));
  }
}
@media screen and (max-width: 940px) {
  #system-world .inner .block.system-block .icon {
    width: 176px;
    left: 50%;
    top: -77px;
    margin-left: -88px;
  }
}
#system-world .inner .block.world-block .icon {
  width: 420px;
  left: -128px;
  top: -80px;
}
@media screen and (max-width: 1040px) and (min-width: 941px) {
  #system-world .inner .block.world-block .icon {
    width: clamp(17.5rem, -65.6691919192rem + 141.4141414141vw, 26.25rem);
    left: calc(0px - clamp(0.625rem, -69.4747474747rem + 119.1919191919vw, 8rem));
    top: calc(0px - clamp(3.75rem, -8.1313131313rem + 20.202020202vw, 5rem));
  }
}
@media screen and (max-width: 940px) {
  #system-world .inner .block.world-block .icon {
    width: 344px;
    left: 50%;
    top: -210px;
    margin-left: -172px;
  }
}
#system-world .inner .block.world-block .world-swiper {
  margin-top: 39px;
}
@media screen and (max-width: 940px) {
  #system-world .inner .block.world-block .world-swiper {
    margin-top: 25px;
  }
}
#system-world .inner .block.world-block .world-swiper .swiper-pagination {
  position: relative;
  bottom: inherit;
  margin-top: 20px;
}
@media screen and (max-width: 940px) {
  #system-world .inner .block.world-block .world-swiper .swiper-pagination {
    margin-top: 8px;
  }
}
#system-world .inner .block.world-block .world-swiper .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  background-color: #e8e1c5;
  opacity: 1;
  margin: 0 8px;
}
@media screen and (max-width: 940px) {
  #system-world .inner .block.world-block .world-swiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 4px;
  }
}
#system-world .inner .block.world-block .world-swiper .swiper-pagination-bullet-active {
  background-color: #ed8b1b;
}
#system-world .inner .block.world-block .catch + .text {
  margin-top: 15px;
}
#system-world .inner .block .catch {
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
#system-world .inner .block .catch + .text {
  margin: 26px auto 0;
}
@media screen and (max-width: 940px) {
  #system-world .inner .block .catch + .text {
    margin: 22px auto 0;
    max-width: 393px;
    max-width: 393px;
  }
}
#system-world .inner .block .catch + .text p {
  letter-spacing: 0;
}
#system-world .inner .block .img-main {
  max-width: 880px;
  margin: 37px auto 0;
}
@media screen and (max-width: 940px) {
  #system-world .inner .block .img-main {
    margin: 24px auto 0;
  }
}
#system-world .inner .block .img-main video {
  width: 100%;
}
#system-world .inner .block .text p {
  color: #433d2a;
  text-align: center;
  font-feature-settings: "palt" on;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 1px;
}
@media screen and (max-width: 940px) {
  #system-world .inner .block .text p {
    color: var(--bk, #433d2a);
    text-align: center;
    font-feature-settings: "palt" on;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%; /* 2.293628.8px */
    letter-spacing: 0.8px;
  }
}
#system-world .inner .block .column {
  margin-top: 39px;
  gap: 0 32px;
}
@media screen and (max-width: 940px) {
  #system-world .inner .block .column {
    margin-top: 24px;
  }
}
#system-world .inner .block .column .text {
  max-width: 424px;
}
@media screen and (max-width: 940px) {
  #system-world .inner .block .column .text {
    max-width: 393px;
    margin: 0 auto;
  }
}
#system-world .inner .block .column .text img {
  margin-top: 40px;
}
@media screen and (max-width: 940px) {
  #system-world .inner .block .column .text img {
    margin-top: 0;
  }
}
#system-world .inner .block .column .text p {
  color: #433d2a;
  text-align: center;
  font-feature-settings: "palt" on;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.9px;
  text-shadow: none;
  margin-top: 18px;
}
@media screen and (max-width: 940px) {
  #system-world .inner .block .column .text p {
    margin-top: 15px;
    color: var(--bk, #433d2a);
    text-align: center;
    font-feature-settings: "palt" on;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 2.293625.6px */
    letter-spacing: 0.8px;
  }
}
@media screen and (max-width: 940px) {
  #system-world .inner .block .column .img {
    margin-top: 24px;
  }
}
#system-world .inner .block:nth-child(n+2) {
  margin-top: 120px;
}
@media screen and (max-width: 940px) {
  #system-world .inner .block:nth-child(n+2) {
    margin-top: 229px;
  }
}

#continuous3-contents {
  padding-top: 80px;
  padding-bottom: 58px;
}
@media screen and (max-width: 940px) {
  #continuous3-contents {
    padding-top: 31px;
    padding-bottom: 30px;
  }
}
#continuous3-contents .inner {
  max-width: 1168px;
}
#continuous3-contents .inner .continuous3-contents-wrap .head-box {
  width: 100%;
  background-color: #fff;
  padding: 32px 0px 30px;
}
@media screen and (max-width: 940px) {
  #continuous3-contents .inner .continuous3-contents-wrap .head-box {
    padding: 18px 0px 16px;
  }
}
#continuous3-contents .inner .continuous3-contents-wrap .head-box h3 {
  width: 100%;
  max-width: 550px;
  margin: 0 auto;
}
@media screen and (max-width: 940px) {
  #continuous3-contents .inner .continuous3-contents-wrap .head-box h3 {
    width: 100%;
    max-width: 300px;
  }
}
#continuous3-contents .inner .continuous3-contents-wrap > .box-normal {
  border-radius: 24px;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.25);
  max-width: 1024px;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (max-width: 940px) {
  #continuous3-contents .inner .continuous3-contents-wrap > .box-normal {
    border-radius: 16px;
  }
}
#continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body {
  background-color: #e8e1c5;
  padding: 40px 0 0 0;
}
@media screen and (max-width: 940px) {
  #continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body {
    padding-top: 16px;
  }
}
#continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body h4 {
  letter-spacing: 1.6px;
  position: relative;
  padding: 10px 0;
  color: #fff;
  text-align: center;
  font-feature-settings: "palt" on;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  border-radius: 44px;
  background-color: #744828;
  letter-spacing: -0.01em;
}
@media screen and (max-width: 940px) {
  #continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body h4 {
    font-size: 19px;
    padding: 12px 0;
  }
}
#continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-head,
#continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-foot {
  padding-left: 56px;
  padding-right: 56px;
}
@media screen and (max-width: 1168px) and (min-width: 941px) {
  #continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-head,
  #continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-foot {
    padding-left: 56px;
    padding-right: 56px;
  }
}
@media screen and (max-width: 940px) and (min-width: 394px) {
  #continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-head,
  #continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-foot {
    padding-left: clamp(1rem, -0.804029304rem + 7.326007326vw, 3.5rem);
    padding-right: clamp(1rem, -0.804029304rem + 7.326007326vw, 3.5rem);
  }
}
@media screen and (max-width: 393px) {
  #continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-head,
  #continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-foot {
    padding-left: 16px;
    padding-right: 16px;
  }
}
#continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-head {
  display: flex;
  margin-top: 0;
  gap: 0 48px;
}
@media screen and (max-width: 768px) {
  #continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-head {
    flex-direction: column;
  }
}
#continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-head .package-img,
#continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-head .package-info {
  width: calc(50% - 24px);
  padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-head .package-img,
  #continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-head .package-info {
    width: 100%;
  }
}
#continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-head .package-img p {
  color: #433d2a;
  font-feature-settings: "palt" on;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  margin-top: 7px;
}
@media screen and (max-width: 768px) {
  #continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-head .package-img p {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  #continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-head .package-info {
    width: 100%;
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) and (max-width: 940px) {
  #continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-head .package-info {
    margin-top: 0;
  }
}
#continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-head .package-info ol {
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  #continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-head .package-info ol {
    margin-top: 16px;
    margin-left: 11px;
  }
}
#continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-head .package-info ol li {
  color: #433d2a;
  font-feature-settings: "palt" on;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
  text-indent: -1em;
  padding-left: 1em;
}
#continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-head .package-info ol li:nth-child(n+2) {
  margin-top: 9px;
}
@media screen and (max-width: 768px) {
  #continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-head .package-info ol li:nth-child(n+2) {
    margin-top: 5px;
  }
}
#continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-head .package-info ol + div {
  display: inline-block;
  position: relative;
  padding: 0 33px;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  #continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-head .package-info ol + div {
    margin-left: 8px;
    margin-top: 6px;
  }
}
#continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-head .package-info ol + div::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #433d2a;
  position: absolute;
  left: 0;
  top: 50%;
}
#continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-head .package-info ol + div span {
  background-color: #e8e1c5;
  position: relative;
  z-index: 2;
  padding: 0 6px;
}
#continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-head .package-info ol + div + ol {
  margin-top: 13px;
}
@media screen and (max-width: 768px) {
  #continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-head .package-info ol + div + ol {
    margin-top: 7px;
  }
}
#continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-head .package-info p.f-serif {
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: 0.8px;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  #continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-head .package-info p.f-serif {
    font-size: 14px;
    text-align: center;
    margin-top: 16px;
  }
}
#continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-foot {
  padding-top: 31px;
  padding-bottom: 49px;
}
@media screen and (max-width: 768px) {
  #continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-foot {
    padding-top: 16px;
    padding-bottom: 24px;
  }
}
#continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-foot .reservation_target_selection dl {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  #continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-foot .reservation_target_selection dl {
    margin-top: 17px;
    gap: 8px;
  }
}
#continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-foot .reservation_target_selection dl dt {
  width: 100%;
  text-align: center;
  height: 80px;
}
@media screen and (max-width: 768px) {
  #continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-foot .reservation_target_selection dl dt {
    width: 129px;
    height: auto;
    margin: 0 auto 16px;
  }
}
#continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-foot .reservation_target_selection dl dt img {
  max-width: 201px;
}
#continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-foot .reservation_target_selection dl dd {
  width: calc(25% - 12px);
  text-align: center;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 940px) {
  #continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-foot .reservation_target_selection dl dd {
    width: calc(33% - clamp(0.25rem, -0.8166666667rem + 2.6666666667vw, 0.75rem));
  }
}
@media screen and (max-width: 640px) {
  #continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-foot .reservation_target_selection dl dd {
    width: calc(50% - 4px);
  }
}
#continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-foot .reservation_target_selection dl dd a {
  display: inline-block;
  transition: opacity 0.3s;
  padding: 10.2% 0 8%;
  text-align: center;
}
#continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-foot .reservation_target_selection dl dd a:hover {
  opacity: 0.8;
}
#continuous3-contents .inner .continuous3-contents-wrap > .box-normal + .box-normal:nth-child(n+2) {
  margin-top: 48px;
}
#continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .box-normal .box-body-wrap .head-box h3 {
  width: 100%;
  margin: 0 auto;
}
#continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .box-normal .box-body-wrap .box-body {
  padding-top: 0;
}
#continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .box-normal .box-body-wrap .box-body .continuous3-contents-body-foot {
  padding-bottom: 0;
  padding-top: 41px;
}
@media screen and (max-width: 768px) {
  #continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .box-normal .box-body-wrap .box-body .continuous3-contents-body-foot {
    padding-top: 16px;
  }
}
#continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .box-normal .box-body-wrap .box-body .shop_bonus-body-head {
  margin-top: 24px;
  padding: 0;
  gap: 0 24px;
}
@media screen and (max-width: 768px) {
  #continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .box-normal .box-body-wrap .box-body .shop_bonus-body-head {
    margin-top: 17px;
    gap: 0;
    display: flex;
    flex-direction: column;
  }
}
#continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop_bonus-body-head,
#continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop_bonus-body-foot {
  padding-left: 80px;
  padding-right: 80px;
}
@media screen and (max-width: 1280px) {
  #continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop_bonus-body-head,
  #continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop_bonus-body-foot {
    padding-left: clamp(2.5rem, -4.4395280236rem + 11.7994100295vw, 5rem);
    padding-right: clamp(2.5rem, -4.4395280236rem + 11.7994100295vw, 5rem);
  }
}
@media screen and (max-width: 768px) {
  #continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop_bonus-body-head,
  #continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop_bonus-body-foot {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop-swiper {
  width: 100%;
  max-width: 912px;
  overflow: inherit;
}
#continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop-swiper .shop_bonus-body-head {
  margin-top: 24px;
}
#continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop-swiper .shop_bonus-body-head .shop_bonus_img {
  max-width: 328px;
  width: calc(33% - 12px);
  padding: 1px 16px 15px;
  border-radius: 16px;
  background-color: #fff;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 640px) {
  #continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop-swiper .shop_bonus-body-head .shop_bonus_img {
    width: calc(50% - 12px);
  }
}
@media screen and (max-width: 768px) and (min-width: 394px) {
  #continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop-swiper .shop_bonus-body-head .shop_bonus_img {
    padding-left: clamp(0.625rem, 0.3543956044rem + 1.0989010989vw, 1rem);
    padding-right: clamp(0.625rem, 0.3543956044rem + 1.0989010989vw, 1rem);
  }
}
@media screen and (max-width: 393px) {
  #continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop-swiper .shop_bonus-body-head .shop_bonus_img {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 768px) {
  #continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop-swiper .shop_bonus-body-head .shop_bonus_img {
    width: 100%;
    padding-bottom: 11px;
    max-width: inherit;
  }
}
#continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop-swiper .shop_bonus-body-head .shop_bonus_img .shop_name {
  width: 100%;
  max-width: 258px;
  margin: 39px auto 0;
  text-align: center;
}
#continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop-swiper .shop_bonus-body-head .shop_bonus_img .shop_logo {
  text-align: center;
  margin-top: 16px;
}
#continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop-swiper .shop_bonus-body-head .shop_bonus_img .shop_logo img {
  width: 150px;
  margin: 0 auto;
  display: inline-block;
}
#continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop-swiper .shop_bonus-body-head .shop_bonus_img .bonus_name {
  width: 100%;
  margin-top: 16px;
  color: #433d2a;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}
@media screen and (max-width: 768px) {
  #continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop-swiper .shop_bonus-body-head .shop_bonus_img .bonus_name {
    margin-top: 15px;
    font-size: 16px;
  }
}
#continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop-swiper .shop_bonus-body-head .shop_bonus_img .shop_img {
  margin: 15px auto 0;
}
@media screen and (max-width: 768px) {
  #continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop-swiper .shop_bonus-body-head .shop_bonus_img .shop_img {
    margin-top: 8px;
  }
}
#continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop-swiper .shop_bonus-body-head .shop_bonus_img .shop_btn {
  max-width: 162px;
  margin: 16px auto 0;
}
@media screen and (max-width: 768px) {
  #continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop-swiper .shop_bonus-body-head .shop_bonus_img .shop_btn {
    max-width: 272px;
    margin-top: 18px;
  }
}
@media screen and (max-width: 768px) {
  #continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop-swiper .shop_bonus-body-head .shop_bonus_img:nth-child(n+2) {
    margin-top: 15px;
  }
}
#continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop-swiper .swiper-button-lock {
  display: inherit;
}
#continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop-swiper .swiper-button-next {
  right: 16px;
  transform: scale(-1, 1);
}
#continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop-swiper .swiper-button-prev {
  left: 16px;
}
#continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop-swiper .swiper-button-next,
#continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop-swiper .swiper-button-prev {
  top: 50%;
  margin-top: -16px;
  width: 32px;
  height: 33px;
}
@media screen and (min-width: 769px) {
  #continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop-swiper .swiper-button-next,
  #continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop-swiper .swiper-button-prev {
    display: none;
  }
}
#continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop-swiper .swiper-button-next:after,
#continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop-swiper .swiper-button-prev:after {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMiAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMSIgeT0iMS40MjcyNSIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiBmaWxsPSIjMDgxODIwIi8+CjxyZWN0IHg9IjEiIHk9IjEuNDI3MjUiIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgc3Ryb2tlPSIjODhDMDcwIiBzdHJva2Utd2lkdGg9IjIiLz4KPHJlY3QgeD0iMTAiIHk9IjE0LjQyNzIiIHdpZHRoPSIzLjMzMzMzIiBoZWlnaHQ9IjMuMzMzMzMiIGZpbGw9IiM4OEMwNzAiLz4KPHJlY3QgeD0iMTMuMzM0IiB5PSIxMS4wOTM4IiB3aWR0aD0iMy4zMzMzMyIgaGVpZ2h0PSIzLjMzMzMzIiBmaWxsPSIjODhDMDcwIi8+CjxyZWN0IHg9IjEzLjMzNCIgeT0iMTcuNzYwNyIgd2lkdGg9IjMuMzMzMzMiIGhlaWdodD0iMy4zMzMzMyIgZmlsbD0iIzg4QzA3MCIvPgo8cmVjdCB4PSIxNi42NjYiIHk9IjcuNzYwNzQiIHdpZHRoPSIzLjMzMzMzIiBoZWlnaHQ9IjMuMzMzMzMiIGZpbGw9IiM4OEMwNzAiLz4KPHJlY3QgeD0iMTYuNjY2IiB5PSIyMS4wOTM4IiB3aWR0aD0iMy4zMzMzMyIgaGVpZ2h0PSIzLjMzMzMzIiBmaWxsPSIjODhDMDcwIi8+Cjwvc3ZnPgo=");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
#continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop-banner-nav {
  display: none;
}
@media screen and (max-width: 768px) {
  #continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop-banner-nav {
    display: flex;
    gap: 0 22px;
    margin: 16px auto 0;
    max-width: 289px;
  }
}
#continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop-banner-nav .banner-item {
  position: relative;
  cursor: pointer;
}
#continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop-banner-nav .banner-item.active::before {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -4px;
  bottom: -16px;
  width: 8px;
  height: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 20px;
  background-color: #ed8b1b;
}
#continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop_bonus-body-foot {
  padding: 17px 0 47px;
}
@media screen and (max-width: 768px) {
  #continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop_bonus-body-foot {
    padding: 15px 0 24px;
  }
}
#continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop_bonus-body-foot p {
  color: #433d2a;
  font-feature-settings: "palt" on;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6; /* 2.293622.4px */
}
@media screen and (max-width: 768px) {
  #continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop_bonus-body-foot p {
    color: var(--bk, #433d2a);
    font-feature-settings: "palt" on;
    font-family: "Noto Sans JP";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 19.2px */
  }
}
#continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop_bonus-body-foot .reservation_target_selection {
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
  gap: 0 56px;
}
#continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop_bonus-body-foot .reservation_target_selection dl {
  width: calc(50% - 28px);
}
#continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop_bonus-body-foot .reservation_target_selection dl dt {
  width: 100%;
  text-align: center;
  height: 80px;
}
#continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop_bonus-body-foot .reservation_target_selection dl dt img {
  max-width: 201px;
}
#continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop_bonus-body-foot .reservation_target_selection dl dd {
  text-align: center;
}
#continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop_bonus-body-foot .reservation_target_selection dl dd a {
  display: inline-block;
  transition: opacity 0.3s;
}
#continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop_bonus-body-foot .reservation_target_selection dl dd a:hover {
  opacity: 0.8;
}
#continuous3-contents .inner .continuous3-contents-wrap#shop_bonus .shop_bonus-body-foot .reservation_target_selection dl dd:nth-of-type(n + 2) {
  margin-top: 16px;
}
#continuous3-contents .inner .continuous3-contents-wrap#product_info .box-normal .box-body-wrap .head-box h3 {
  width: 100%;
  margin: 0 auto;
}
#continuous3-contents .inner .continuous3-contents-wrap#product_info .box-normal .box-body-wrap .box-body {
  padding-top: 0;
}
#continuous3-contents .inner .continuous3-contents-wrap#product_info .box-normal .box-body-wrap .box-body .continuous3-contents-body-foot {
  padding-bottom: 0;
  padding-top: 41px;
}
#continuous3-contents .inner .continuous3-contents-wrap#product_info .box-normal .box-body-wrap .box-body .shop_bonus-body-head {
  margin-top: 24px;
  padding: 0;
  gap: 0 24px;
}
#continuous3-contents .inner .continuous3-contents-wrap#product_info .product_info-body {
  display: flex;
  gap: 0 56px;
  padding-top: 41px;
  padding-bottom: 51px;
  padding-left: 56px;
  padding-right: 56px;
}
@media screen and (max-width: 940px) and (min-width: 394px) {
  #continuous3-contents .inner .continuous3-contents-wrap#product_info .product_info-body {
    padding-left: clamp(1rem, -0.804029304rem + 7.326007326vw, 3.5rem);
    padding-right: clamp(1rem, -0.804029304rem + 7.326007326vw, 3.5rem);
  }
}
@media screen and (max-width: 768px) {
  #continuous3-contents .inner .continuous3-contents-wrap#product_info .product_info-body {
    flex-direction: column;
    padding-top: 16px;
    padding-bottom: 22px;
    gap: 0 28px;
  }
}
@media screen and (max-width: 393px) {
  #continuous3-contents .inner .continuous3-contents-wrap#product_info .product_info-body {
    padding-left: 16px;
    padding-right: 16px;
  }
}
#continuous3-contents .inner .continuous3-contents-wrap#product_info .product_info-body .product_info-img {
  width: 39.5%;
  max-width: 360px;
}
@media screen and (max-width: 768px) {
  #continuous3-contents .inner .continuous3-contents-wrap#product_info .product_info-body .product_info-img {
    width: 100%;
    max-width: inherit;
  }
}
#continuous3-contents .inner .continuous3-contents-wrap#product_info .product_info-body .product_info-info {
  width: calc(60.5% - 56px);
}
@media screen and (max-width: 768px) {
  #continuous3-contents .inner .continuous3-contents-wrap#product_info .product_info-body .product_info-info {
    width: 100%;
    margin-top: 12px;
    padding: 0 8px;
  }
  #continuous3-contents .inner .continuous3-contents-wrap#product_info .product_info-body .product_info-info .box-normal {
    padding: 0;
  }
  #continuous3-contents .inner .continuous3-contents-wrap#product_info .product_info-body .product_info-info *::before, #continuous3-contents .inner .continuous3-contents-wrap#product_info .product_info-body .product_info-info *::after, #continuous3-contents .inner .continuous3-contents-wrap#product_info .product_info-body .product_info-info .corner {
    display: none;
  }
}
#continuous3-contents .inner .continuous3-contents-wrap#product_info .product_info-body .product_info-info .name-plate {
  color: var(--wh, #fff);
  text-align: center;
  font-feature-settings: "palt" on;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  border-radius: 44px;
  border-bottom: 2px solid var(--brown, #744828);
  background: var(--brown, #744828);
  display: inline-block;
  padding: 5px 12px 7px;
}
@media screen and (max-width: 768px) {
  #continuous3-contents .inner .continuous3-contents-wrap#product_info .product_info-body .product_info-info .name-plate {
    font-size: 10px;
    padding: 5px 8px 5px;
  }
}
#continuous3-contents .inner .continuous3-contents-wrap#product_info .product_info-body .product_info-info .name-label {
  width: 100%;
  margin-top: 1px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--brown, #744828);
}
#continuous3-contents .inner .continuous3-contents-wrap#product_info .product_info-body .product_info-info .name-label span {
  color: var(--brown, #744828);
  font-feature-settings: "palt" on;
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4; /* 16.8px */
}
#continuous3-contents .inner .continuous3-contents-wrap#product_info .product_info-body .product_info-info .name-label div.title1 {
  color: var(--brown, #744828);
  font-feature-settings: "palt" on;
  font-family: "Noto Sans JP";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4; /* 39.2px */
}
@media screen and (max-width: 768px) {
  #continuous3-contents .inner .continuous3-contents-wrap#product_info .product_info-body .product_info-info .name-label div.title1 {
    font-size: 26px;
  }
}
#continuous3-contents .inner .continuous3-contents-wrap#product_info .product_info-body .product_info-info .name-label div.title2 {
  color: var(--brown, #744828);
  font-feature-settings: "palt" on;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4; /* 22.4px */
}
#continuous3-contents .inner .continuous3-contents-wrap#product_info .product_info-body .product_info-info ul {
  margin-top: 25px;
}
#continuous3-contents .inner .continuous3-contents-wrap#product_info .product_info-body .product_info-info ul li {
  display: flex;
  gap: 0 10px;
}
#continuous3-contents .inner .continuous3-contents-wrap#product_info .product_info-body .product_info-info ul li div,
#continuous3-contents .inner .continuous3-contents-wrap#product_info .product_info-body .product_info-info ul li span {
  display: inline-block;
  color: var(--bk, #433d2a);
  font-feature-settings: "palt" on;
  font-size: 16px;
  font-style: normal;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  #continuous3-contents .inner .continuous3-contents-wrap#product_info .product_info-body .product_info-info ul li div,
  #continuous3-contents .inner .continuous3-contents-wrap#product_info .product_info-body .product_info-info ul li span {
    font-size: 14px;
  }
}
#continuous3-contents .inner .continuous3-contents-wrap#product_info .product_info-body .product_info-info ul li span {
  min-width: 135px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #continuous3-contents .inner .continuous3-contents-wrap#product_info .product_info-body .product_info-info ul li span {
    min-width: 111px;
  }
}
#continuous3-contents .inner .continuous3-contents-wrap#product_info .product_info-body .product_info-info ul li div {
  font-weight: 400;
}
#continuous3-contents .inner .continuous3-contents-wrap#product_info .product_info-body .product_info-info ul li:nth-child(n+2) {
  margin-top: 8px;
}
#continuous3-contents .inner .continuous3-contents-wrap + .continuous3-contents-wrap:nth-child(n+2) {
  margin-top: 49px;
}
@media screen and (max-width: 768px) {
  #continuous3-contents .inner .continuous3-contents-wrap + .continuous3-contents-wrap:nth-child(n+2) {
    margin-top: 24px;
  }
}

#footer {
  padding: 63px 0;
}
@media screen and (max-width: 768px) {
  #footer {
    padding: 30px 0 110px;
  }
}
#footer .inner {
  max-width: 1168px;
}
@media screen and (max-width: 768px) and (min-width: 394px) {
  #footer .inner {
    padding-left: clamp(2rem, 2.7216117216rem - 2.9304029304vw, 1rem);
    padding-right: clamp(2rem, 2.7216117216rem - 2.9304029304vw, 1rem);
  }
}
@media screen and (max-width: 393px) {
  #footer .inner {
    padding-left: 32px;
    padding-right: 32px;
  }
}
#footer .footer-link {
  display: flex;
  justify-content: center;
  gap: 32px;
}
#footer .footer-link .box-normal::before,
#footer .footer-link .box-normal::after,
#footer .footer-link .box-normal .box-body-wrap::before,
#footer .footer-link .box-normal .box-body-wrap::after {
  background-color: #fff;
}
#footer .footer-link .box-normal .corner {
  background-image: url(../images/corner3.svg);
}
@media screen and (max-width: 768px) {
  #footer .footer-link {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    gap: inherit;
    max-width: 393px;
    margin: 0 auto;
  }
}
#footer .footer-link a {
  display: block;
  width: 50%;
}
@media screen and (max-width: 768px) {
  #footer .footer-link a {
    width: 100%;
  }
  #footer .footer-link a:nth-child(n+2) {
    margin-top: 13px;
  }
}
#footer .footer-link a .box-body {
  text-align: center;
}
#footer .footer-link a .box-body span {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2.4px;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  #footer .footer-link a .box-body span {
    letter-spacing: 1.8px;
    font-size: 18px;
  }
}
#footer .footer-link a.icon_dl .box-body span {
  padding-right: 38px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #footer .footer-link a.icon_dl .box-body span {
    padding-right: 25px;
  }
}
#footer .footer-link a.icon_dl .box-body span::before {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  right: 0;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIyOV8zNzIpIj4KPHBhdGggZD0iTTIuOTQ0MzQgMTYuMTY3SDE5LjI3NzdWMTguNTAwM0gyLjk0NDM0VjE2LjE2N1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik05Ljk0NDM0IDExLjUwMDVIMTIuMjc3N1YxMy44MzM4SDkuOTQ0MzRWMTEuNTAwNVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMi4yNzczIDkuMTY2OTlIMTQuNjEwN1YxMS41MDAzSDEyLjI3NzNWOS4xNjY5OVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xNC42MTEzIDYuODMzOThIMTYuOTQ0N1Y5LjE2NzMySDE0LjYxMTNWNi44MzM5OFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik05Ljk0NDM0IC0wLjI0MjE4OEgxMi4yNzc3VjkuMDkxMTVIOS45NDQzNFYtMC4yNDIxODhaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMC42MTEzMjggNi44MzM5OEgyLjk0NDY2VjE2LjE2NzNIMC42MTEzMjhWNi44MzM5OFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xOS4yNzczIDYuODMzOThIMjEuNjEwN1YxNi4xNjczSDE5LjI3NzNWNi44MzM5OFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik03LjYxMTMzIDkuMTY2OTlIOS45NDQ2NlYxMS41MDAzSDcuNjExMzNWOS4xNjY5OVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik01LjI3NzM0IDYuODMzOThINy42MTA2OFY5LjE2NzMySDUuMjc3MzRWNi44MzM5OFoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjI5XzM3MiI+CjxyZWN0IHdpZHRoPSIyMSIgaGVpZ2h0PSIxOSIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNSAwLjIwMjE0OCkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 27px;
  height: 25px;
}
@media screen and (max-width: 768px) {
  #footer .footer-link a.icon_dl .box-body span::before {
    top: 4px;
    right: 0;
    width: 22px;
    height: 20px;
  }
}
#footer .footer-txt {
  color: #433d2a;
  text-align: center;
  font-size: 29px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4; /* 40.6px */
  margin-top: 38px;
}
@media screen and (max-width: 768px) {
  #footer .footer-txt {
    font-size: 18px;
    margin-top: 20px;
  }
}
#footer .footer-banner {
  text-align: center;
  margin-top: 16px;
  display: flex;
  gap: 0 32px;
}
@media screen and (max-width: 768px) {
  #footer .footer-banner {
    margin-top: 7px;
    flex-direction: column;
    gap: 0;
  }
}
#footer .footer-banner a {
  width: calc(50% - 16px);
}
@media screen and (max-width: 768px) {
  #footer .footer-banner a {
    width: 100%;
  }
  #footer .footer-banner a:nth-child(n+2) {
    margin-top: 25px;
  }
}
#footer .footer-company {
  width: 100%;
  max-width: 736px;
  margin: 24px auto 0;
}
@media screen and (max-width: 768px) {
  #footer .footer-company {
    width: 100%;
    max-width: inherit;
  }
}
#footer .footer-company span:nth-child(1) {
  width: 55%;
}
@media screen and (max-width: 768px) {
  #footer .footer-company span:nth-child(1) {
    width: 143px;
  }
}
#footer .footer-company span:nth-child(2) {
  width: 45%;
}
@media screen and (max-width: 768px) {
  #footer .footer-company span:nth-child(2) {
    width: 121px;
  }
}
#footer .footer-company + h4 {
  margin-top: 23px;
}
@media screen and (max-width: 768px) {
  #footer .footer-company + h4 {
    margin-top: 16px;
  }
}
#footer .footer-company2 {
  width: 389px;
  margin: 46px auto 0;
  display: flex;
  align-items: center;
  gap: 0 30px;
}
@media screen and (max-width: 768px) {
  #footer .footer-company2 {
    width: 100%;
    max-width: 393px;
    margin-top: 23px;
    gap: 0 30px;
    padding: 0 32px;
  }
}
#footer .footer-company2 span:nth-child(1) {
  width: 55%;
}
@media screen and (max-width: 768px) {
  #footer .footer-company2 span:nth-child(1) {
    width: 143px;
  }
}
#footer .footer-company2 span:nth-child(2) {
  width: 45%;
}
@media screen and (max-width: 768px) {
  #footer .footer-company2 span:nth-child(2) {
    width: 121px;
  }
}
#footer .footer-company2 + h4 {
  margin-top: 23px;
}
@media screen and (max-width: 768px) {
  #footer .footer-company2 + h4 {
    margin-top: 16px;
  }
}
#footer h4 {
  color: #433d2a;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  margin-top: 23px;
}
@media screen and (max-width: 768px) {
  #footer h4 {
    font-size: 14px;
    margin-top: 25px;
  }
}
#footer .share {
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  #footer .share {
    margin-top: 7px;
  }
}
#footer .share li {
  margin: 0 6px;
}
#footer .share li a img {
  width: 48px;
  height: 48px;
}
#footer .footer-copyright {
  text-align: center;
  margin-top: 21px;
}
@media screen and (max-width: 768px) {
  #footer .footer-copyright {
    margin-top: 19px;
  }
}
#footer .footer-copyright .inner {
  max-width: inherit;
}
#footer .footer-copyright .inner small {
  color: #433d2a;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  #footer .footer-copyright .inner small {
    font-size: 12px;
  }
}
#footer .footer-copyright .inner ul {
  margin-top: 7px;
}
@media screen and (max-width: 768px) {
  #footer .footer-copyright .inner ul {
    margin-top: -1px;
  }
}
#footer .footer-copyright .inner ul li {
  color: #433d2a;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  #footer .footer-copyright .inner ul li {
    font-size: 12px;
  }
}
#footer .footer-copyright .inner ul li:nth-child(n+2) {
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  #footer .footer-copyright .inner ul li:nth-child(n+2) {
    margin-top: 8px;
  }
}

.kr #MV-wrap #mv .foot-block .release-date > div,
.en #MV-wrap #mv .foot-block .release-date > div,
.zh-TW #MV-wrap #mv .foot-block .release-date > div,
.zh-CN #MV-wrap #mv .foot-block .release-date > div {
  text-align: center;
  line-height: 1;
}
.kr #MV-wrap #mv .foot-block .release-date > div.top::before, .kr #MV-wrap #mv .foot-block .release-date > div.top::after,
.en #MV-wrap #mv .foot-block .release-date > div.top::before,
.en #MV-wrap #mv .foot-block .release-date > div.top::after,
.zh-TW #MV-wrap #mv .foot-block .release-date > div.top::before,
.zh-TW #MV-wrap #mv .foot-block .release-date > div.top::after,
.zh-CN #MV-wrap #mv .foot-block .release-date > div.top::before,
.zh-CN #MV-wrap #mv .foot-block .release-date > div.top::after {
  display: none;
}
.kr #MV-wrap #mv .foot-block .release-date > div.top, .kr #MV-wrap #mv .foot-block .release-date > div.bottom,
.en #MV-wrap #mv .foot-block .release-date > div.top,
.en #MV-wrap #mv .foot-block .release-date > div.bottom,
.zh-TW #MV-wrap #mv .foot-block .release-date > div.top,
.zh-TW #MV-wrap #mv .foot-block .release-date > div.bottom,
.zh-CN #MV-wrap #mv .foot-block .release-date > div.top,
.zh-CN #MV-wrap #mv .foot-block .release-date > div.bottom {
  padding: 0;
}
@media screen and (max-width: 940px) {
  .kr #MV-wrap #mv .foot-block .release-date > div.top, .kr #MV-wrap #mv .foot-block .release-date > div.bottom,
  .en #MV-wrap #mv .foot-block .release-date > div.top,
  .en #MV-wrap #mv .foot-block .release-date > div.bottom,
  .zh-TW #MV-wrap #mv .foot-block .release-date > div.top,
  .zh-TW #MV-wrap #mv .foot-block .release-date > div.bottom,
  .zh-CN #MV-wrap #mv .foot-block .release-date > div.top,
  .zh-CN #MV-wrap #mv .foot-block .release-date > div.bottom {
    padding: 0;
  }
}
.kr #MV-wrap #mv .foot-block .release-date > div.top .two_paragraph, .kr #MV-wrap #mv .foot-block .release-date > div.bottom .two_paragraph,
.en #MV-wrap #mv .foot-block .release-date > div.top .two_paragraph,
.en #MV-wrap #mv .foot-block .release-date > div.bottom .two_paragraph,
.zh-TW #MV-wrap #mv .foot-block .release-date > div.top .two_paragraph,
.zh-TW #MV-wrap #mv .foot-block .release-date > div.bottom .two_paragraph,
.zh-CN #MV-wrap #mv .foot-block .release-date > div.top .two_paragraph,
.zh-CN #MV-wrap #mv .foot-block .release-date > div.bottom .two_paragraph {
  display: inline-block;
  padding: 0 79px;
  line-height: 1;
}
@media screen and (min-width: 1600px) {
  .kr #MV-wrap #mv .foot-block .release-date > div.top .two_paragraph, .kr #MV-wrap #mv .foot-block .release-date > div.bottom .two_paragraph,
  .en #MV-wrap #mv .foot-block .release-date > div.top .two_paragraph,
  .en #MV-wrap #mv .foot-block .release-date > div.bottom .two_paragraph,
  .zh-TW #MV-wrap #mv .foot-block .release-date > div.top .two_paragraph,
  .zh-TW #MV-wrap #mv .foot-block .release-date > div.bottom .two_paragraph,
  .zh-CN #MV-wrap #mv .foot-block .release-date > div.top .two_paragraph,
  .zh-CN #MV-wrap #mv .foot-block .release-date > div.bottom .two_paragraph {
    padding: 0 clamp(4.9375rem, 0.0001167302rem + 4.9342993327vw, 8.17255rem);
  }
}
@media screen and (max-width: 940px) {
  .kr #MV-wrap #mv .foot-block .release-date > div.top .two_paragraph, .kr #MV-wrap #mv .foot-block .release-date > div.bottom .two_paragraph,
  .en #MV-wrap #mv .foot-block .release-date > div.top .two_paragraph,
  .en #MV-wrap #mv .foot-block .release-date > div.bottom .two_paragraph,
  .zh-TW #MV-wrap #mv .foot-block .release-date > div.top .two_paragraph,
  .zh-TW #MV-wrap #mv .foot-block .release-date > div.bottom .two_paragraph,
  .zh-CN #MV-wrap #mv .foot-block .release-date > div.top .two_paragraph,
  .zh-CN #MV-wrap #mv .foot-block .release-date > div.bottom .two_paragraph {
    font-size: 48px;
    padding: 0 clamp(1.875rem, 0.1323377742rem + 7.0948080439vw, 4.3005375rem);
    line-height: 0;
  }
}
.kr #MV-wrap #mv .foot-block .release-date > div .two_paragraph::before, .kr #MV-wrap #mv .foot-block .release-date > div .two_paragraph::after,
.en #MV-wrap #mv .foot-block .release-date > div .two_paragraph::before,
.en #MV-wrap #mv .foot-block .release-date > div .two_paragraph::after,
.zh-TW #MV-wrap #mv .foot-block .release-date > div .two_paragraph::before,
.zh-TW #MV-wrap #mv .foot-block .release-date > div .two_paragraph::after,
.zh-CN #MV-wrap #mv .foot-block .release-date > div .two_paragraph::before,
.zh-CN #MV-wrap #mv .foot-block .release-date > div .two_paragraph::after {
  top: 20px;
}
@media screen and (min-width: 1600px) {
  .kr #MV-wrap #mv .foot-block .release-date > div .two_paragraph::before, .kr #MV-wrap #mv .foot-block .release-date > div .two_paragraph::after,
  .en #MV-wrap #mv .foot-block .release-date > div .two_paragraph::before,
  .en #MV-wrap #mv .foot-block .release-date > div .two_paragraph::after,
  .zh-TW #MV-wrap #mv .foot-block .release-date > div .two_paragraph::before,
  .zh-TW #MV-wrap #mv .foot-block .release-date > div .two_paragraph::after,
  .zh-CN #MV-wrap #mv .foot-block .release-date > div .two_paragraph::before,
  .zh-CN #MV-wrap #mv .foot-block .release-date > div .two_paragraph::after {
    top: clamp(1.25rem, 0.000029552rem + 1.2491897045vw, 2.069rem);
  }
}
@media screen and (max-width: 940px) {
  .kr #MV-wrap #mv .foot-block .release-date > div .two_paragraph::before, .kr #MV-wrap #mv .foot-block .release-date > div .two_paragraph::after,
  .en #MV-wrap #mv .foot-block .release-date > div .two_paragraph::before,
  .en #MV-wrap #mv .foot-block .release-date > div .two_paragraph::after,
  .zh-TW #MV-wrap #mv .foot-block .release-date > div .two_paragraph::before,
  .zh-TW #MV-wrap #mv .foot-block .release-date > div .two_paragraph::after,
  .zh-CN #MV-wrap #mv .foot-block .release-date > div .two_paragraph::before,
  .zh-CN #MV-wrap #mv .foot-block .release-date > div .two_paragraph::after {
    top: inherit;
    bottom: calc(0px - clamp(0.125rem, 0.0088225183rem + 0.4729872029vw, 0.2867025rem));
  }
}
.kr #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-m-sp-line_eye,
.en #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-m-sp-line_eye,
.zh-TW #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-m-sp-line_eye,
.zh-CN #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-m-sp-line_eye {
  line-height: 1;
}
@media screen and (max-width: 940px) {
  .kr #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-m-sp-line_eye,
  .en #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-m-sp-line_eye,
  .zh-TW #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-m-sp-line_eye,
  .zh-CN #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-m-sp-line_eye {
    display: block;
    text-align: left;
  }
}
.kr #MV-wrap #mv .foot-block .release-date > div .two_paragraph:nth-of-type(2),
.en #MV-wrap #mv .foot-block .release-date > div .two_paragraph:nth-of-type(2),
.zh-TW #MV-wrap #mv .foot-block .release-date > div .two_paragraph:nth-of-type(2),
.zh-CN #MV-wrap #mv .foot-block .release-date > div .two_paragraph:nth-of-type(2) {
  margin-top: 0.4em;
}
@media screen and (max-width: 1600px) and (min-width: 1169px) {
  .kr #MV-wrap #mv .foot-block .release-date > div .two_paragraph:nth-of-type(2),
  .en #MV-wrap #mv .foot-block .release-date > div .two_paragraph:nth-of-type(2),
  .zh-TW #MV-wrap #mv .foot-block .release-date > div .two_paragraph:nth-of-type(2),
  .zh-CN #MV-wrap #mv .foot-block .release-date > div .two_paragraph:nth-of-type(2) {
    margin-top: clamp(0rem, -4.0684454756rem + 5.5684454756vw, 1.5rem);
  }
}
@media screen and (max-width: 1168px) {
  .kr #MV-wrap #mv .foot-block .release-date > div .two_paragraph:nth-of-type(2),
  .en #MV-wrap #mv .foot-block .release-date > div .two_paragraph:nth-of-type(2),
  .zh-TW #MV-wrap #mv .foot-block .release-date > div .two_paragraph:nth-of-type(2),
  .zh-CN #MV-wrap #mv .foot-block .release-date > div .two_paragraph:nth-of-type(2) {
    margin-top: 0;
  }
}
@media screen and (max-width: 940px) {
  .kr #MV-wrap #mv .foot-block .release-date > div .two_paragraph:nth-of-type(2),
  .en #MV-wrap #mv .foot-block .release-date > div .two_paragraph:nth-of-type(2),
  .zh-TW #MV-wrap #mv .foot-block .release-date > div .two_paragraph:nth-of-type(2),
  .zh-CN #MV-wrap #mv .foot-block .release-date > div .two_paragraph:nth-of-type(2) {
    margin-top: clamp(1.375rem, 0.0907449726rem + 5.2285191956vw, 3.1625rem);
  }
}
.kr #news .box-normal .box-body h2,
.en #news .box-normal .box-body h2,
.zh-TW #news .box-normal .box-body h2,
.zh-CN #news .box-normal .box-body h2 {
  width: 115px;
}
@media screen and (max-width: 940px) {
  .kr #news .box-normal .box-body h2,
  .en #news .box-normal .box-body h2,
  .zh-TW #news .box-normal .box-body h2,
  .zh-CN #news .box-normal .box-body h2 {
    width: 70px;
  }
}
.kr #news .box-normal .box-body .scroll-area,
.en #news .box-normal .box-body .scroll-area,
.zh-TW #news .box-normal .box-body .scroll-area,
.zh-CN #news .box-normal .box-body .scroll-area {
  width: calc(100% - 115px);
}
@media screen and (max-width: 940px) {
  .kr #news .box-normal .box-body .scroll-area,
  .en #news .box-normal .box-body .scroll-area,
  .zh-TW #news .box-normal .box-body .scroll-area,
  .zh-CN #news .box-normal .box-body .scroll-area {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .kr #continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-head .package-info ol + div,
  .en #continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-head .package-info ol + div,
  .zh-TW #continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-head .package-info ol + div,
  .zh-CN #continuous3-contents .inner .continuous3-contents-wrap > .box-normal .box-body .continuous3-contents-body-head .package-info ol + div {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: 100%;
    margin-left: 0;
  }
}

.kr #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-m {
  font-size: 54.848;
}
@media screen and (min-width: 1600px) {
  .kr #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-m {
    font-size: clamp(4rem, 0.0000945663rem + 3.9974070543vw, 6.6208rem);
  }
}
@media screen and (max-width: 1600px) and (min-width: 941px) {
  .kr #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-m {
    font-size: clamp(3.428rem, 2.6112291351rem + 1.3887708649vw, 4rem);
  }
}
@media screen and (max-width: 940px) {
  .kr #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-m {
    font-size: clamp(2.5rem, 1.8332650823rem + 2.7144424132vw, 3.428rem);
  }
}
@media screen and (max-width: 940px) {
  .kr #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-s.size-s-pc {
    display: none;
  }
}
@media screen and (min-width: 941px) {
  .kr #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-s.size-s-pc {
    display: inline-block;
  }
}
@media screen and (max-width: 940px) {
  .kr #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-s.size-s-sp {
    display: inline-block;
  }
}
@media screen and (min-width: 941px) {
  .kr #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-s.size-s-sp {
    display: none;
  }
}
.kr .catch p {
  font-weight: 700;
}
.kr #story {
  padding-top: 44px;
}
@media screen and (max-width: 940px) {
  .kr #story {
    padding-top: 20px;
  }
}
.kr #story .inner h2 + .catch {
  margin-top: 21px;
}
@media screen and (max-width: 940px) {
  .kr #story .inner h2 + .catch {
    margin-top: 0px;
  }
}
.kr #story .inner h2 + .catch p {
  margin-top: 29px;
}
@media screen and (max-width: 940px) {
  .kr #story .inner h2 + .catch p {
    margin-top: 25px;
  }
}
@media screen and (max-width: 940px) {
  .kr #story .inner .column {
    margin-top: 23px;
  }
}
.kr #story .inner .column .text {
  margin-top: 37px;
}
@media screen and (max-width: 940px) {
  .kr #story .inner .column .text {
    margin-top: 0;
  }
}
.kr #story .inner .column .text p {
  width: 80%;
  letter-spacing: 0;
  margin-top: 17px;
  font-weight: 700;
}
@media screen and (max-width: 940px) {
  .kr #story .inner .column .text p {
    margin-top: 17px;
  }
}
.kr #characters {
  padding-top: 42px;
}
.kr #characters h2 + .catch {
  margin-top: 27px;
}
.kr #characters .characters-wrap .characters-swiper .swiper-slide .text {
  font-size: 17px;
  line-height: 1.45;
  font-weight: 700;
}
.kr #system-world .inner .block .catch + .text p {
  font-weight: 700;
}
.kr #system-world .inner .block .column .text img {
  margin-top: 69px;
}
@media screen and (max-width: 940px) {
  .kr #system-world .inner .block .column .text img {
    margin-top: 0;
  }
}
.kr #system-world .inner .block .column .text p {
  font-weight: 700;
}

.en #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-m {
  font-size: 48px;
}
@media screen and (min-width: 1600px) {
  .en #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-m {
    font-size: clamp(3.5rem, 0.0000827455rem + 3.4977311725vw, 5.7932rem);
  }
}
@media screen and (max-width: 1600px) and (min-width: 941px) {
  .en #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-m {
    font-size: clamp(3rem, 2.2860394537rem + 1.2139605463vw, 3.5rem);
  }
}
@media screen and (max-width: 940px) {
  .en #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-m {
    font-size: clamp(2.4375rem, 0.0001007084rem + 9.9232541133vw, 5.8300125rem);
  }
}
.en #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-s {
  font-size: 40px;
}
@media screen and (min-width: 1600px) {
  .en #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-s {
    font-size: clamp(2rem, 0.0000472831rem + 1.9987035272vw, 3.3104rem);
  }
}
@media screen and (max-width: 940px) {
  .en #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-s {
    font-size: clamp(1.5rem, 0.0000619744rem + 6.1066179159vw, 3.5877rem);
  }
}
@media screen and (min-width: 1600px) {
  .en #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-m-sp {
    font-size: clamp(3.5rem, 0.0000827455rem + 3.4977311725vw, 5.7932rem);
  }
}
@media screen and (max-width: 940px) {
  .en #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-m-sp {
    font-size: clamp(1.5rem, 0.1058702194rem + 5.6758464351vw, 3.44043rem);
  }
}
.en #MV-wrap #mv .foot-block .release-date > div .two_paragraph::before, .en #MV-wrap #mv .foot-block .release-date > div .two_paragraph::after {
  top: 10px;
}
@media screen and (min-width: 1601px) {
  .en #MV-wrap #mv .foot-block .release-date > div .two_paragraph::before, .en #MV-wrap #mv .foot-block .release-date > div .two_paragraph::after {
    top: 0.3vw;
  }
}
@media screen and (max-width: 940px) {
  .en #MV-wrap #mv .foot-block .release-date > div .two_paragraph::before, .en #MV-wrap #mv .foot-block .release-date > div .two_paragraph::after {
    top: inherit;
    bottom: calc(0px - clamp(0.125rem, 0.0088225183rem + 0.4729872029vw, 0.2867025rem));
  }
}
.en #MV-wrap #mv .foot-block .release-date > div .two_paragraph:nth-of-type(2) {
  margin-top: 0.9vw;
}
@media screen and (max-width: 940px) {
  .en #MV-wrap #mv .foot-block .release-date > div .two_paragraph:nth-of-type(2) {
    margin-top: 5.9vw;
  }
}
@media screen and (max-width: 940px) {
  .en #MV-wrap #mv .foot-block .release-date > div .two_paragraph:nth-of-type(2) span.size-m {
    font-size: clamp(2rem, 0.0000826325rem + 8.1421572212vw, 4.7836rem);
  }
}
@media screen and (max-width: 940px) {
  .en #MV-wrap #mv .foot-block .release-date > div .two_paragraph:nth-of-type(2) span.size-m-sp-line_eye {
    font-size: clamp(1.5rem, 0.0000619744rem + 6.1066179159vw, 3.5877rem);
  }
}
.en .catch p {
  font-weight: 700;
}
.en #story {
  padding-top: 44px;
}
.en #story .inner .column .text p {
  width: 100%;
}
.en #continuous3-contents .inner .continuous3-contents-wrap#package_bonus .head-box h3 {
  max-width: 764px;
}
@media screen and (max-width: 940px) {
  .en #continuous3-contents .inner .continuous3-contents-wrap#package_bonus .head-box h3 {
    max-width: inherit;
    width: calc(100% - 42px);
  }
}
.en #characters .characters-wrap .characters-swiper .swiper-slide .text {
  top: 274px;
  left: 440px;
  width: 370px;
  line-height: 1.4;
}
@media screen and (max-width: 940px) {
  .en #characters .characters-wrap .characters-swiper .swiper-slide .text {
    width: clamp(16.875rem, -11.2317251462rem + 58.4795321637vw, 23.125rem);
    top: clamp(13.75rem, -1.4276315789rem + 31.5789473684vw, 17.125rem);
    left: clamp(21.875rem, -3.4210526316rem + 52.6315789474vw, 27.5rem);
    line-height: 1.4;
    font-size: clamp(1rem, -0.1242690058rem + 2.3391812865vw, 1.25rem);
  }
}
@media screen and (max-width: 768px) {
  .en #characters .characters-wrap .characters-swiper .swiper-slide .text {
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
    top: 98.6vw;
    left: 0;
    font-size: 16px;
    line-height: 1.65;
  }
}
.en #system-world .inner .block .text p {
  font-weight: 700;
}
@media screen and (max-width: 940px) {
  .en #system-world .inner .block .text p {
    line-height: 1.65;
  }
}
@media screen and (max-width: 940px) {
  .en #system-world .inner .block .column .text {
    width: 86%;
  }
}

.zh-TW #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-l,
.zh-CN #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-l {
  font-size: 64px;
}
@media screen and (min-width: 1600px) {
  .zh-TW #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-l,
  .zh-CN #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-l {
    font-size: clamp(4rem, 0.0000945663rem + 3.9974070543vw, 6.6208rem);
  }
}
@media screen and (max-width: 1600px) and (min-width: 941px) {
  .zh-TW #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-l,
  .zh-CN #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-l {
    font-size: clamp(2.436rem, 0.2027314112rem + 3.7972685888vw, 4rem);
  }
}
@media screen and (max-width: 940px) {
  .zh-TW #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-l,
  .zh-CN #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-l {
    font-size: clamp(2.5rem, 0.1649908592rem + 9.5063985375vw, 5.75rem);
  }
}
.zh-TW #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-m,
.zh-CN #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-m {
  font-size: 48px;
}
@media screen and (min-width: 1600px) {
  .zh-TW #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-m,
  .zh-CN #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-m {
    font-size: clamp(3rem, 0.0000709247rem + 2.9980552908vw, 4.9656rem);
  }
}
@media screen and (max-width: 1600px) and (min-width: 941px) {
  .zh-TW #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-m,
  .zh-CN #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-m {
    font-size: clamp(1.827rem, 0.1520485584rem + 2.8479514416vw, 3rem);
  }
}
@media screen and (max-width: 940px) {
  .zh-TW #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-m,
  .zh-CN #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-m {
    font-size: clamp(2.5rem, 0.1649908592rem + 9.5063985375vw, 5.75rem);
  }
}
.zh-TW #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-s,
.zh-CN #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-s {
  font-size: 40px;
}
@media screen and (min-width: 1600px) {
  .zh-TW #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-s,
  .zh-CN #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-s {
    font-size: clamp(2.5rem, 0.0000591039rem + 2.498379409vw, 4.138rem);
  }
}
@media screen and (max-width: 1600px) and (min-width: 941px) {
  .zh-TW #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-s,
  .zh-CN #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-s {
    font-size: clamp(1.5225rem, 0.126707132rem + 2.373292868vw, 2.5rem);
  }
}
@media screen and (max-width: 940px) {
  .zh-TW #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-s,
  .zh-CN #MV-wrap #mv .foot-block .release-date > div .two_paragraph span.size-s {
    font-size: clamp(1.5rem, 0.0989945155rem + 5.7038391225vw, 3.45rem);
  }
}
@media screen and (min-width: 1601px) {
  .zh-TW #MV-wrap #mv .foot-block .release-date > div .two_paragraph:nth-of-type(1)::before, .zh-TW #MV-wrap #mv .foot-block .release-date > div .two_paragraph:nth-of-type(1)::after,
  .zh-CN #MV-wrap #mv .foot-block .release-date > div .two_paragraph:nth-of-type(1)::before,
  .zh-CN #MV-wrap #mv .foot-block .release-date > div .two_paragraph:nth-of-type(1)::after {
    top: clamp(1.25rem, 3.1577693041rem - 1.906577693vw, 0rem);
  }
}
@media screen and (max-width: 940px) {
  .zh-TW #MV-wrap #mv .foot-block .release-date > div .two_paragraph:nth-of-type(1)::before, .zh-TW #MV-wrap #mv .foot-block .release-date > div .two_paragraph:nth-of-type(1)::after,
  .zh-CN #MV-wrap #mv .foot-block .release-date > div .two_paragraph:nth-of-type(1)::before,
  .zh-CN #MV-wrap #mv .foot-block .release-date > div .two_paragraph:nth-of-type(1)::after {
    top: inherit;
    bottom: calc(0px - clamp(0.125rem, 0.0088225183rem + 0.4729872029vw, 0.2867025rem));
  }
}
.zh-TW .catch p,
.zh-CN .catch p {
  font-weight: 700;
}
.zh-TW #story,
.zh-CN #story {
  padding-top: 44px;
}
@media screen and (max-width: 940px) {
  .zh-TW #story,
  .zh-CN #story {
    padding-top: 20px;
  }
}
@media screen and (max-width: 940px) {
  .zh-TW #story .inner .column,
  .zh-CN #story .inner .column {
    margin-top: 24px;
  }
}
.zh-TW #story .inner .column .text,
.zh-CN #story .inner .column .text {
  margin-top: 54px;
}
@media screen and (max-width: 940px) {
  .zh-TW #story .inner .column .text,
  .zh-CN #story .inner .column .text {
    margin-top: 0;
  }
}
.zh-TW #story .inner h2 + .catch,
.zh-CN #story .inner h2 + .catch {
  margin-top: 19px;
}
@media screen and (max-width: 940px) {
  .zh-TW #story .inner h2 + .catch,
  .zh-CN #story .inner h2 + .catch {
    margin-top: 1px;
  }
}
.zh-TW #story .inner h2 + .catch p,
.zh-CN #story .inner h2 + .catch p {
  margin-top: 25px;
}
@media screen and (max-width: 940px) {
  .zh-TW #story .inner h2 + .catch p,
  .zh-CN #story .inner h2 + .catch p {
    margin-top: 19px;
  }
}
.zh-TW #story .inner .column .text p,
.zh-CN #story .inner .column .text p {
  width: 100%;
  margin-top: 15px;
  font-weight: 700;
}
@media screen and (max-width: 940px) {
  .zh-TW #story .inner .column .text p,
  .zh-CN #story .inner .column .text p {
    margin-top: 7px;
  }
}
.zh-TW #characters,
.zh-CN #characters {
  padding-top: 44px;
}
@media screen and (max-width: 940px) {
  .zh-TW #characters,
  .zh-CN #characters {
    padding-top: 23px;
  }
}
.zh-TW #characters h2 + .catch,
.zh-CN #characters h2 + .catch {
  margin-top: 24px;
}
@media screen and (max-width: 940px) {
  .zh-TW #characters h2 + .catch,
  .zh-CN #characters h2 + .catch {
    margin-top: 6px;
  }
}
.zh-TW #characters .characters-wrap .characters-swiper .swiper-slide .text,
.zh-CN #characters .characters-wrap .characters-swiper .swiper-slide .text {
  font-weight: 700;
}
.zh-TW #system-world .inner .block .text p,
.zh-CN #system-world .inner .block .text p {
  font-weight: 700;
}
.zh-TW #system-world .inner .block .column .text img,
.zh-CN #system-world .inner .block .column .text img {
  margin-top: 65px;
}
@media screen and (max-width: 940px) {
  .zh-TW #system-world .inner .block .column .text img,
  .zh-CN #system-world .inner .block .column .text img {
    margin-top: 0px;
  }
}
.zh-TW #system-world .inner .block.world-block .catch + .text,
.zh-CN #system-world .inner .block.world-block .catch + .text {
  margin-top: 23px;
}
@media screen and (max-width: 940px) {
  .zh-TW #system-world .inner .block.world-block .catch + .text,
  .zh-CN #system-world .inner .block.world-block .catch + .text {
    margin-top: 15px;
  }
}

#common {
  /* header */
  /* lang-select */
  /* lang-select */
  /* sns */
}
#common header {
  position: fixed;
  top: 0;
  display: flex;
  width: 100%;
  height: 80px;
  border-bottom: 1px solid #e6e6e6;
  padding: 16px;
  box-sizing: border-box;
  justify-content: space-between;
  background-color: #fff;
  z-index: 100;
}
#common header h1 img {
  width: 78px;
  height: 48px;
}
#common .lang-select {
  font-size: 12px;
  font-family: "Noto Sans", "Noto Sans SC", "Noto Sans TC", "Noto Sans KR", sans-serif;
  text-align: center;
  cursor: pointer;
  z-index: 100;
  font-weight: 400;
  line-height: 36px;
}
#common .lang-on {
  position: relative;
  width: 110px;
  height: 36px;
  padding-left: 9px;
  line-height: 34px;
  color: #000000;
  background: rgb(255, 255, 255);
  border: 1px solid #e6e6e6;
  border-radius: 48px;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  box-sizing: border-box;
  margin-top: 6px;
}
#common .lang-on::before {
  position: absolute;
  content: "";
  width: 18px;
  height: 18px;
  top: 50%;
  left: 10px;
  background: url(../../common/images/logo/icon_world.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: translateY(-50%);
}
#common .lang-on::after {
  position: absolute;
  content: "";
  width: 9px;
  height: 6px;
  top: 50%;
  right: 12px;
  background: url(../../common/images/logo/lang-arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: translateY(-50%);
}
#common .lang-list {
  display: none;
  width: 100px;
  height: auto;
  margin: 0 0 0 auto;
  background: rgba(36, 36, 36, 0.6);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  border-radius: 16px;
}
#common .lang-list li a {
  display: inline-block;
  padding: 10px 0;
  transition: all 0.3s;
  font-weight: 500;
  color: #fff;
}
#common .lang-list li a:hover {
  color: #fff;
}
#common .lang-list li {
  transition: all 0.3s;
}
#common .lang-list li:hover {
  background: rgba(19, 19, 19, 0.284);
}
#common .sns-content {
  width: 100%;
  margin: 0 auto 24px;
}
#common .sns-list {
  display: flex;
  width: 62%;
  max-width: 312px;
  justify-content: space-between;
  margin: 0 auto;
  column-gap: 10px;
}
#common .sns-list li {
  width: auto;
  height: auto;
  transition: all 0.3s ease-out;
}
#common .sns-list li:hover {
  transform: scale(1.2);
}
@media screen and (min-width: 751px) {
  #common {
    /* header sns */
  }
  #common header {
    height: 64px;
    padding: 12px 16px;
  }
  #common header h1 img {
    width: 65px;
    height: 40px;
  }
  #common .sns-content {
    margin: 0;
  }
  #common header .sns-list {
    width: 180px;
    margin: 0 0 0 auto;
  }
  #common header .sns-list li {
    width: 36px;
    height: 36px;
    margin-top: 2px;
  }
  #common .lang-on {
    margin: 2px 0 0 24px;
  }
}
@media screen and (max-width: 750px) {
  #common .sns-content {
    display: none;
  }
}/*# sourceMappingURL=style.css.map */