@charset "UTF-8";
:root {
  --black: #000;
  --white: #FFF;
  --primary: #0080FF;
  --primary-dark: #014180;
  --primary-dark2: #230080;
  --gray: #8A8A8A;
  --gray-dark: #707070;
  --gray-border: #787878;
  --platform-black: #000;
  --platform-blue: #0064A5;
  --platform-red: #B20000;
}

/*-------------------------------------
リセットCSS
--------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, a, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

a:hover {
  transition: all 0.3s ease-in;
}

ins {
  color: var(--black);
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  font-style: normal;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

hr {
  display: block;
  height: 1px;
  border: 0;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

input[type=submit],
input[type=button],
input[type=radio] select {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}

input[type=submit]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration,
input[type=radio]::-webkit-search-decoration select::-webkit-search-decoration {
  display: none;
}

input[type=submit]::focus,
input[type=button]::focus,
input[type=radio]::focus select::focus {
  outline-offset: -2px;
}

html {
  font-size: 55%;
}
@media (min-width: 375px) {
  html {
    font-size: 62.5%;
  }
}
@media (min-width: 480px) {
  html {
    font-size: 66%;
  }
}
@media (min-width: 768px) {
  html {
    font-size: 52%;
  }
}
@media (min-width: ) {
  html {
    font-size: 62.5%;
  }
}
@media (min-width: 1024px) {
  html {
    font-size: 62.5%;
  }
}
@media (min-width: 1100px) {
  html {
    font-size: 62.5%;
  }
}
@media (min-width: 1280px) {
  html {
    font-size: 62.5%;
  }
}
@media (min-width: 1440px) {
  html {
    font-size: 62.5%;
  }
}
@media (min-width: 1680px) {
  html {
    font-size: 64.5%;
  }
}
@media (min-width: 1900px) {
  html {
    font-size: 66.5%;
  }
}

body {
  font-size: 10px;
  font-size: 1rem;
  line-height: 1;
  box-sizing: border-box;
  color: var(--black);
  background: var(--white);
  font-weight: 400;
  width: 100%;
  font-feature-settings: "palt";
  font-family: "Montserrat", "Helvetica Neue", HelveticaNeue, Roboto, "Segoe UI", "Noto Sans", "Hiragino Kaku Gothic ProN", YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}
body:lang(ja) {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
body:lang(en) {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
body:lang(ko) {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-family: "Noto Sans KR", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
body:lang(zh-Hans) {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-family: "PingFang SC", "Arial", "Microsoft YaHei", sans-serif;
}
body:lang(zh-Hant) {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-family: "PingFang TC", "Microsoft JhengHei", "STHeiti", "Arial", sans-serif;
}

body.fixed {
  position: fixed;
}

html,
body {
  height: auto;
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  -webkit-overflow-scrolling: touch;
}

img,
video,
object,
picture {
  max-width: 100%;
  height: auto;
  border: none;
  display: block;
  vertical-align: bottom;
}

a {
  color: var(--black);
  text-decoration: none;
}

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

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

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
ul, ol, li,
dl, dt, dd,
table, tr, th, td,
small,
time,
a,
span,
div {
  line-height: 1;
  box-sizing: border-box;
  letter-spacing: 0.08em;
}

.layout__normal {
  width: calc(100% - 40px);
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .layout__normal {
    width: min(86%, 120rem);
  }
}

.layout__youtube {
  margin: 0 auto;
  width: 100%;
  aspect-ratio: 16/9;
}
.layout__youtube iframe {
  width: 100%;
  height: 100%;
}

.layout__have_post {
  font-weight: 500;
}
.layout__have_post .inner-layout {
  width: 88%;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.45);
  font-size: min(18 / 750 * 100vw * 1.25, 1.8rem);
  padding: 5%;
  border: solid 1px rgba(0, 0, 0, 0.07);
}
@media (min-width: 1024px) {
  .layout__have_post .inner-layout {
    max-width: 102.4rem;
    padding: 3rem 6rem 10rem;
  }
}
.layout__have_post .the_content-ttlhead {
  font-size: min(20 / 750 * 100vw, 2rem);
  margin: 2em 0 2.25em;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .layout__have_post .the_content-ttlhead {
    font-size: 1.3rem;
  }
}
.layout__have_post .the_content-ttlhead a {
  background-image: linear-gradient(110deg, #1E3048 0%, #2E4386 100%);
  text-decoration: none;
  color: var(--white);
  padding: 0.25em 0.75em;
}
.layout__have_post h1 {
  font-size: min(34 / 750 * 100vw, 3.4rem);
  line-height: 1.5;
  margin-bottom: 1.25em;
  padding-bottom: 1.25em;
  border-bottom: solid 3px var(--black);
  font-weight: 600;
}
@media (min-width: 1024px) {
  .layout__have_post h1 {
    font-size: 3.2rem;
  }
}
.layout__have_post h1 span {
  line-height: 1.5;
}
.layout__have_post h2 {
  font-size: min(30 / 750 * 100vw, 3rem);
  line-height: 1.5;
  margin-bottom: 0.75em;
  font-weight: 600;
}
@media (min-width: 1024px) {
  .layout__have_post h2 {
    font-size: 2.6rem;
  }
}
.layout__have_post h3 {
  font-size: min(26 / 750 * 100vw, 2.6rem);
  line-height: 1.5;
  margin-bottom: 0.75em;
  font-weight: 600;
}
@media (min-width: 1024px) {
  .layout__have_post h3 {
    font-size: 2.2rem;
  }
}
.layout__have_post h4 {
  font-size: min(22 / 750 * 100vw, 2.2rem);
  line-height: 1.5;
  margin-bottom: 0.75em;
  font-weight: 600;
}
@media (min-width: 1024px) {
  .layout__have_post h4 {
    font-size: 2rem;
  }
}
.layout__have_post h5, .layout__have_post h6 {
  font-size: min(20 / 750 * 100vw, 2rem);
  line-height: 1.5;
  margin-bottom: 0.75em;
  font-weight: 600;
}
@media (min-width: 1024px) {
  .layout__have_post h5, .layout__have_post h6 {
    font-size: 1.8rem;
  }
}
.layout__have_post p {
  font-size: min(26 / 750 * 100vw, 2.2rem);
  line-height: 2;
  margin-bottom: 1.5em;
  min-height: 1em;
}
@media (min-width: 1024px) {
  .layout__have_post p {
    font-size: 1.8rem;
    line-height: 2.2;
  }
}
.layout__have_post ul li, .layout__have_post ol li {
  margin-left: 1em;
  line-height: 1.4;
}
.layout__have_post ul li + li, .layout__have_post ol li + li {
  margin-top: 0.75em;
}
.layout__have_post .sme-font-size {
  line-height: inherit;
}
.layout__have_post .wp-block-image {
  margin-bottom: 1.5em;
}
.layout__have_post a {
  color: var(--primary);
  text-decoration: underline;
}
.layout__have_post table th {
  line-height: 1.4;
}
@media (min-width: 1024px) {
  .layout__have_post table th {
    font-size: 1.6rem;
  }
}
.layout__have_post table td {
  line-height: 1.4;
}
@media (min-width: 1024px) {
  .layout__have_post table td {
    font-size: 1.5rem;
  }
}

.layout__search {
  width: 100%;
  background: rgba(255, 255, 255, 0.75);
  display: block;
  margin-bottom: 6.5em;
  font-size: 10px;
  margin-inline: auto;
  position: relative;
}
.layout__search form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .layout__search form {
    width: calc(100% - 80px);
  }
}
.layout__search .searchform-db__layoutwrap {
  display: flex;
  padding: 1em 1.75em;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .layout__search .searchform-db__layoutwrap {
    flex-wrap: nowrap;
  }
}
.layout__search .searchform-db__layout {
  margin: 0.5em 0;
}
.layout__search .searchform-db__layout label {
  margin-right: 1em;
  white-space: nowrap;
  line-height: 1.75;
}
.layout__search .searchform-db__layout label:last-of-type {
  margin-right: 0;
}
.layout__search .btn-1 {
  width: 100%;
  margin-inline: auto;
  padding: 0 1.75em 1em;
}
@media (min-width: 768px) {
  .layout__search .btn-1 {
    padding: 0;
  }
}
.layout__search input[type=submit] {
  letter-spacing: 0.1em;
  display: block;
  color: var(--white);
  background-image: url(../img/common/icon-search-white.svg), linear-gradient(90deg, #00A5A5 0%, #1478FF 100%);
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
  background-size: 25% 25%, cover;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transition: 1.2s ease;
  margin-inline: auto;
  width: 100%;
  height: 50px;
}
@media (min-width: 768px) {
  .layout__search input[type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 100%;
    aspect-ratio: 1/1;
  }
}
.layout__search input[type=submit]:hover {
  filter: hue-rotate(65deg);
}

.list__tag {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  font-size: clamp(10px, 18/750*100vw*1.15, 1.6rem);
  gap: 0.5em 1em;
}
@media (min-width: 1024px) {
  .list__tag {
    font-size: clamp(10px, 12/1440*100vw, 1.2rem);
  }
}
.list__tag .tag {
  color: var(--white);
  padding: 0.3em 0.55em 0.4em;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
}
.list__tag .tag.platform-pc, .list__tag .tag.platform-others, .list__tag .tag.platform-xbox-one, .list__tag .tag.platform-xbox-series-x-s {
  background: var(--platform-black);
}
.list__tag .tag.platform-playstation4, .list__tag .tag.platform-playstation5 {
  background: var(--platform-blue);
}
.list__tag .tag.platform-nintendo-switch, .list__tag .tag.platform-nintendo-switch2 {
  background: var(--platform-red);
}
.list__tag .tag .gamesplatform_date {
  font-weight: 600;
}
.list__tag .tag .gamesplatform_tag {
  opacity: 0.7;
  font-weight: 400;
  margin-top: 0.2em;
}

.list__tab {
  width: 100%;
  font-size: clamp(12px, 18/750*100vw*1.15, 1.6rem);
  margin-bottom: 3em;
  position: relative;
}
.list__tab .inner-layout:before {
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  background: var(--white);
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 1024px) {
  .list__tab .inner-layout:before {
    width: calc((100% - min(86%, 120rem)) / 2);
  }
}
.list__tab .inner-layout:after {
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  background: var(--white);
  position: absolute;
  top: 0;
  right: 0;
}
@media (min-width: 1024px) {
  .list__tab .inner-layout:after {
    width: calc((100% - min(86%, 120rem)) / 2);
  }
}
.list__tab .list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  font-weight: 600;
}
.list__tab .list .btn {
  width: calc(100% / 3);
  border-left: solid 1px var(--primary-dark2);
  border-bottom: solid 1px var(--primary-dark2);
}
@media (min-width: 1024px) {
  .list__tab .list .btn {
    width: calc(100% / 5);
    border-bottom: none;
    position: relative;
  }
}
.list__tab .list .btn:nth-of-type(3n) {
  border-right: solid 1px var(--primary-dark2);
}
@media (min-width: 1024px) {
  .list__tab .list .btn:nth-of-type(3n) {
    border-right: none;
  }
}
.list__tab .list .btn:nth-of-type(n + 4) {
  border-bottom: none;
}
@media (min-width: 1024px) {
  .list__tab .list .btn:nth-of-type(n + 5) {
    border-right: solid 1px var(--primary-dark2);
  }
}
.list__tab .list .btn:last-of-type {
  border-right: solid 1px var(--primary-dark2);
}
.list__tab .list .btn:before {
  content: "";
  display: block;
  width: calc(100% + 4px);
  height: 1px;
  background-color: var(--white);
  position: absolute;
  top: 0;
  left: -2px;
}
.list__tab .list .btn.is--current {
  background-clip: border-box;
}
.list__tab .list .btn.is--current a {
  color: var(--white);
  background: none;
}
.list__tab .list .btn a {
  letter-spacing: 0;
  color: var(--primary-dark2);
  background: var(--white);
  padding: 1em 0;
  display: block;
  flex-shrink: 0;
  text-align: center;
  height: 100%;
  transition: 0.5s ease;
}
.list__tab .list .btn a:hover {
  color: var(--primary);
}
@media (min-width: 1024px) {
  .list__tab .list .btn.pcnone {
    display: none;
  }
}

.list__pagination ul.page-numbers {
  display: flex;
  justify-content: center;
  gap: 0 0.75em;
}
.list__pagination ul.page-numbers li {
  font-size: min(24 / 750 * 100vw * 1.15, 2.4rem);
  width: 2em;
  height: 2em;
  border: solid 1px var(--gray-border);
  display: flex;
  justify-content: center;
  align-items: center;
}
.list__pagination ul.page-numbers li span,
.list__pagination ul.page-numbers li a {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  color: var(--gray-border);
}
.list__pagination ul.page-numbers li span.current,
.list__pagination ul.page-numbers li a.current {
  background: var(--primary-dark);
  color: var(--white);
}

.list__dl-normal {
  font-size: min(24 / 750 * 100vw, 2rem);
  color: var(--gray-dark);
  font-weight: 500;
  margin-bottom: 1.5em;
}
@media (min-width: 1024px) {
  .list__dl-normal {
    display: flex;
    justify-content: space-between;
  }
}
.list__dl-normal dt {
  line-height: 1.75;
}
@media (min-width: 1024px) {
  .list__dl-normal dt {
    width: 12em;
  }
}
.list__dl-normal dd {
  line-height: 1.75;
}
@media (min-width: 1024px) {
  .list__dl-normal dd {
    width: calc(100% - 12em);
  }
}
@media (min-width: 1024px) {
  .list__dl-normal dd .whitespace {
    white-space: nowrap;
  }
}
.list__dl-normal dd .pconly {
  display: none;
}
@media (min-width: 1024px) {
  .list__dl-normal dd .pconly {
    display: block;
  }
}

.ttl__simple {
  font-size: min(26 / 750 * 100vw * 1.25, 2.6rem);
  letter-spacing: 0.37em;
  font-weight: 300;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.ttl__simple.center {
  text-align: center;
}
.ttl__simple.white {
  color: var(--white);
}
.ttl__simple.gray {
  color: var(--gray);
}
.ttl__simple.bg-grad-spe-110deg {
  background-image: linear-gradient(110deg, #1E3048 0%, #2E4386 100%);
}
.ttl__simple.col-large {
  padding: 1em 0;
}
.ttl__simple.margin-bottom {
  margin-bottom: 1.25em;
}

.ttl__middle {
  display: flex;
  justify-content: center;
  background-image: linear-gradient(110deg, #1E3048 0%, #2E4386 100%);
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.ttl__middle .ttl {
  font-size: min(20 / 750 * 100vw * 1.25, 2rem);
  letter-spacing: 0.37em;
  font-weight: 600;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  background-image: linear-gradient(90deg, #00A5A5 0%, #1478FF 100%);
  padding: 0.8em 0;
}
.ttl__middle.center {
  text-align: center;
}

.ttl__middle2 {
  display: flex;
  justify-content: center;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.ttl__middle2 .ttl {
  letter-spacing: 0.37em;
  font-weight: 700;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  background-image: linear-gradient(90deg, #00A5A5 0%, #1478FF 100%);
  padding: 0.35em 0;
}

.ttl__middle2wrap {
  font-size: min(22 / 750 * 100vw * 1.25, 2.2rem);
  background-image: linear-gradient(110deg, #1E3048 0%, #2E4386 100%);
  margin-bottom: 3em;
}

.ttl__middle3wrap {
  font-size: min(22 / 750 * 100vw * 1.25, 2.2rem);
  background-image: linear-gradient(110deg, #1E3048 0%, #2E4386 100%);
  margin-bottom: 3em;
}
.ttl__middle3wrap .inner-layout {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.btn__readmore {
  width: 200px;
}
.btn__readmore a img {
  transition: 1.2s ease;
}
.btn__readmore a:hover img {
  filter: hue-rotate(65deg);
}

.btn__imgwrap .imgwrap {
  overflow: hidden;
}
.btn__imgwrap .imgwrap img {
  width: 100%;
  transition: 0.7s ease;
  transform: scale(1.01);
  transform-origin: center center;
}
.btn__imgwrap:hover .imgwrap img {
  transform: scale(1.12);
}

.btn__normal {
  font-size: min(22 / 750 * 100vw * 1.25, 2.2rem);
}
.btn__normal a {
  display: block;
  width: 100%;
  background-image: linear-gradient(90deg, #00A5A5 0%, #1478FF 100%);
  color: var(--white);
  transition: 1.2s ease;
  padding: 1.25em 1em;
  text-align: center;
}
.btn__normal a:hover {
  filter: hue-rotate(65deg);
}

.card__news-swiperlayout {
  padding: 0 20px;
}
@media (min-width: 1024px) {
  .card__news-swiperlayout {
    padding: 0;
    width: 100%;
  }
}
.card__news-swiperlayout .swiper-wrapper {
  width: 100%;
  padding-bottom: 50px;
}
@media (min-width: 1024px) {
  .card__news-swiperlayout .swiper-wrapper {
    width: 100%;
    padding-bottom: 90px;
    gap: 0 2.75%;
    display: flex;
    flex-wrap: wrap;
  }
}

.card__news-normallayout {
  width: 100%;
  padding-bottom: 50px;
  gap: 0 3%;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 1024px) {
  .card__news-normallayout {
    gap: 0 2.75%;
    padding-bottom: 90px;
  }
}
.card__news-normallayout .card__news {
  width: 48.5%;
  margin-bottom: 3%;
}
@media (min-width: 1024px) {
  .card__news-normallayout .card__news {
    width: 31.5%;
    margin-bottom: 2.75%;
  }
}

.card__news {
  display: block;
  height: auto;
  position: relative;
}
.card__news a {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: solid 1px var(--gray-border);
  padding: min(14 / 750 * 100vw, 1.4rem);
  height: 100%;
  background-image: linear-gradient(323deg, #1E3048 -20%, #2E4386 90%);
}
.card__news .img {
  width: 100%;
}
.card__news .text {
  font-size: min(18 / 750 * 100vw * 1.25, 1.8rem);
  color: var(--white);
  font-weight: 600;
  line-height: 1.75;
  margin-top: 1em;
  margin-bottom: 2em;
}
@media (min-width: 1024px) {
  .card__news .text {
    font-size: min(16 / 1440 * 100vw, 1.6rem);
  }
}
.card__news .timelayout {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  gap: 1em;
}
.card__news .timelayout .tag {
  color: var(--primary);
}
.card__news .timelayout .tag:hover {
  text-decoration: underline;
}
.card__news .timelayout time {
  color: var(--white);
  margin-left: auto;
}
.card__news.card__news-swiper {
  width: 100%;
}
@media (min-width: 1024px) {
  .card__news.card__news-swiper {
    width: 31.5%;
  }
}
.card__news.featured:after {
  content: "";
  width: 3em;
  height: 3em;
  display: block;
  background-image: url(../img/common/icon-pin.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
}

.card__games-normallayout {
  width: 76%;
  padding-bottom: 50px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .card__games-normallayout {
    width: 100%;
    gap: 0 2.75%;
    padding-bottom: 90px;
  }
}
.card__games-normallayout .card__games {
  margin-bottom: 14%;
}
@media (min-width: 1024px) {
  .card__games-normallayout .card__games {
    width: 31.5%;
    margin-bottom: 9rem;
  }
}
@media (min-width: 1024px) {
  .card__games-normallayout .card__games:nth-of-type(3n + 1) {
    position: relative;
  }
}
@media (min-width: 1024px) {
  .card__games-normallayout .card__games:nth-of-type(3n + 1):after {
    content: "";
    display: block;
    width: 100vw;
    height: 1px;
    background-image: linear-gradient(110deg, #1E3048 0%, #2E4386 100%);
    position: absolute;
    bottom: -4.5rem;
    left: calc((100vw - min(86vw, 120rem)) / -2);
  }
}
@media (min-width: 1024px) {
  .card__games-normallayout .card__games:nth-last-of-type(-n + 3):after {
    content: none;
  }
}

.card__games-swiperlayout .swiper-wrapper {
  width: 100%;
  padding-bottom: 70px;
}
@media (min-width: 1024px) {
  .card__games-swiperlayout .swiper-wrapper {
    padding-bottom: 110px;
    display: flex;
    flex-wrap: nowrap;
  }
}
.card__games-swiperlayout .swiper-button-next,
.card__games-swiperlayout .swiper-button-prev {
  width: 10vw;
  height: 10vw;
  top: calc((86vw / 1.65) * 9 / 16 / 2);
}
@media (min-width: 640px) {
  .card__games-swiperlayout .swiper-button-next,
.card__games-swiperlayout .swiper-button-prev {
    width: 7vw;
    height: 7vw;
    top: calc((86vw / 1.65) * 9 / 16 / 2);
  }
}
@media (min-width: 768px) {
  .card__games-swiperlayout .swiper-button-next,
.card__games-swiperlayout .swiper-button-prev {
    width: 5.5vw;
    height: 5.5vw;
    top: calc((86vw / 2.2) * 9 / 16 / 2);
  }
}
@media (min-width: 1024px) {
  .card__games-swiperlayout .swiper-button-next,
.card__games-swiperlayout .swiper-button-prev {
    width: 4.5vw;
    height: 4.5vw;
    top: calc((86vw / 2.2) * 9 / 16 / 2);
  }
}
@media (min-width: 1100px) {
  .card__games-swiperlayout .swiper-button-next,
.card__games-swiperlayout .swiper-button-prev {
    width: 4vw;
    height: 4vw;
    top: calc((90vw / 2.5) * 9 / 16 / 2);
  }
}
@media (min-width: 1280px) {
  .card__games-swiperlayout .swiper-button-next,
.card__games-swiperlayout .swiper-button-prev {
    width: 48px;
    height: 48px;
    top: calc(((90vw / 3.2) * 9 / 16 / 2) - (48px / 4));
  }
}
@media (min-width: 1680px) {
  .card__games-swiperlayout .swiper-button-next,
.card__games-swiperlayout .swiper-button-prev {
    width: 48px;
    height: 48px;
    top: calc(((90vw / 4.2) * 9 / 16 / 2) - (48px / 4));
  }
}
.card__games-swiperlayout .swiper-button-next:after,
.card__games-swiperlayout .swiper-button-prev:after {
  content: none;
}
.card__games-swiperlayout .swiper-button-prev {
  left: -24px;
  background-image: url(../img/common/icon-arrow-prev-type1.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 640px) {
  .card__games-swiperlayout .swiper-button-prev {
    left: calc(-7vw / 2);
  }
}
@media (min-width: 768px) {
  .card__games-swiperlayout .swiper-button-prev {
    left: calc(-5.5vw / 2);
  }
}
@media (min-width: 1024px) {
  .card__games-swiperlayout .swiper-button-prev {
    left: calc(-4.5vw / 2);
  }
}
@media (min-width: 1100px) {
  .card__games-swiperlayout .swiper-button-prev {
    left: calc(-4vw / 2);
  }
}
@media (min-width: 1280px) {
  .card__games-swiperlayout .swiper-button-prev {
    left: -24px;
  }
}
@media (min-width: 1680px) {
  .card__games-swiperlayout .swiper-button-prev {
    left: -24px;
  }
}
.card__games-swiperlayout .swiper-button-next {
  right: -24px;
  background-image: url(../img/common/icon-arrow-next-type1.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 640px) {
  .card__games-swiperlayout .swiper-button-next {
    right: calc(-7vw / 2);
  }
}
@media (min-width: 768px) {
  .card__games-swiperlayout .swiper-button-next {
    right: calc(-5.5vw / 2);
  }
}
@media (min-width: 1024px) {
  .card__games-swiperlayout .swiper-button-next {
    right: calc(-4.5vw / 2);
  }
}
@media (min-width: 1100px) {
  .card__games-swiperlayout .swiper-button-next {
    right: calc(-4vw / 2);
  }
}
@media (min-width: 1280px) {
  .card__games-swiperlayout .swiper-button-next {
    right: -24px;
  }
}
@media (min-width: 1680px) {
  .card__games-swiperlayout .swiper-button-next {
    right: -24px;
  }
}

.card__games {
  display: block;
  height: auto;
}
.card__games a {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
}
.card__games a:hover .btn {
  filter: hue-rotate(65deg);
}
.card__games a .cattag {
  letter-spacing: 0.37em;
  font-weight: 700;
  color: var(--white);
  background-image: linear-gradient(90deg, #00A5A5 0%, #1478FF 100%);
  padding: 1em 1em;
  display: block;
  width: fit-content;
  order: 2;
  margin-top: 1em;
}
.card__games a .cattag.coming-soon {
  filter: saturate(0%) brightness(70%);
}
.card__games .img {
  width: 100%;
  position: relative;
  order: 1;
}
.card__games .top {
  order: 3;
}
.card__games .top .ttl {
  font-size: min(24 / 750 * 100vw * 1.15, 2.4rem);
  font-weight: 600;
  margin: 0.85em 0 0.3em;
  color: var(--gray);
  line-height: 1.2;
}
@media (min-width: 1024px) {
  .card__games .top .ttl {
    font-size: min(20 / 1440 * 100vw, 2rem);
    margin: 0.5em 0 1em;
  }
}
.card__games .top .lang {
  font-size: clamp(10px, 13/750*100vw*1.15, 1.3rem);
  color: var(--gray);
  margin-bottom: 1.5em;
  line-height: 1.2;
}
@media (min-width: 1024px) {
  .card__games .top .lang {
    font-size: clamp(10px, 11/1440*100vw, 1.1rem);
  }
}
.card__games .top .lang .row + .row {
  margin-top: 0.5em;
}
.card__games .list__tag {
  order: 4;
  margin-bottom: 1.15em;
}
@media (min-width: 1024px) {
  .card__games .list__tag {
    margin-bottom: 2.15em;
  }
}
.card__games .btn {
  order: 5;
  margin-top: auto;
  font-size: min(22 / 750 * 100vw * 1.25, 2.2rem);
  letter-spacing: 0.1em;
  font-weight: 700;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  background-image: linear-gradient(90deg, #00A5A5 0%, #1478FF 100%);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transition: 1.2s ease;
}
@media (min-width: 1024px) {
  .card__games .btn {
    font-size: min(18 / 1440 * 100vw, 1.8rem);
    width: max-content;
    align-self: center;
  }
}
.card__games .btn:after {
  content: "";
  display: block;
  width: 0.9em;
  height: 0.9em;
  background-image: url(../img/common/icon-arrow-right.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 1em;
  transition: 1.2s ease;
}
.card__games.card__games-swiper {
  width: 100%;
}
.card__games.btn__imgwrap:hover .nolink .imgwrap img {
  transform: scale(1.01);
}
.card__games .nolink .btn {
  display: none;
}

@media (min-width: 1280px) {
  .swiper.js--swiper2.card__games-swiperlayout .swiper-wrapper {
    transform: none !important;
    justify-content: center !important;
  }
}

.swiper-pagination.js--swiper-pagination2 {
  display: none;
}

.swiper-pagination .swiper-pagination-bullet {
  width: 17px;
  height: 11px;
  border-radius: 0;
  opacity: 1;
  background: none;
}
.swiper-pagination .swiper-pagination-bullet:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 5px;
}
.swiper-pagination .swiper-pagination-bullet-active:after {
  background: var(--primary);
}
.swiper-pagination.white .swiper-pagination-bullet:after {
  background: var(--white);
}
.swiper-pagination.white .swiper-pagination-bullet-active:after {
  background: var(--primary);
}
.swiper-pagination.gray .swiper-pagination-bullet:after {
  background: var(--gray);
}
.swiper-pagination.gray .swiper-pagination-bullet-active:after {
  background: var(--primary);
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 0;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 13px;
}

.spnone {
  display: none;
}

.wp-block-embed.is-type-video {
  width: 100%;
  aspect-ratio: 16/9;
}
.wp-block-embed.is-type-video .wp-block-embed__wrapper {
  width: 100%;
  height: 100%;
}
.wp-block-embed.is-type-video .wp-block-embed__wrapper iframe {
  width: 100%;
  height: 100%;
}

.wp-element-caption {
  margin-top: 1em !important;
}

.wp-block-table.aligncenter {
  margin: 0 auto;
}
.wp-block-table.alignright {
  margin-left: auto;
}
.wp-block-table.alignleft {
  margin-right: auto;
}

.wp-element-caption {
  text-align: center !important;
}

.common__header {
  width: 100%;
  position: fixed;
  z-index: 4;
  height: 52px;
}
@media (min-width: 1024px) {
  .common__header {
    height: 72px;
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(255, 255, 255, 0.7);
  }
}
@media (min-width: 1024px) {
  .common__header.is--onload {
    opacity: 1;
  }
}
.common__header .inner-layout {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  height: 52px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-image: url(../img/common/header-bg.jpg);
  background-size: cover;
  background-position: center center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .common__header .inner-layout {
    background-image: url(../img/common/header-bg@2x.jpg);
  }
}
@media (min-width: 1024px) {
  .common__header .inner-layout {
    position: static;
    width: 100%;
    height: 100%;
    margin: 0;
  }
}
.common__header .headerlogo {
  width: 100px;
  display: flex;
  flex-direction: column;
  order: 2;
  position: relative;
  z-index: 3;
}
@media (min-width: 1024px) {
  .common__header .headerlogo {
    order: 1;
    width: 152px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 14px;
  }
}

.js--gnav {
  transition: 0.8s cubic-bezier(0.61, 1, 0.88, 1);
}
.js--gnav.is--gnavopen {
  background: none;
}

.gnav__hamburger {
  width: 52px;
  height: 52px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  order: 3;
  z-index: 3;
  gap: 5px 0;
}
@media (min-width: 1024px) {
  .gnav__hamburger {
    display: none;
  }
}
.gnav__hamburger:before {
  content: "";
  display: block;
  width: 50%;
  height: 1px;
  background: var(--primary-dark);
  transition: 0.3s ease;
}
.gnav__hamburger:after {
  content: "";
  display: block;
  width: 50%;
  height: 1px;
  background: var(--primary-dark);
  transition: 0.3s ease;
}
.gnav__hamburger .border {
  width: 50%;
  height: 1px;
  background: var(--primary-dark);
  transition: 0.3s ease;
}
.gnav__hamburger.js--is--close:before {
  width: 40%;
  transform: rotate(45deg) translateX(3px) translateY(3px);
}
.gnav__hamburger.js--is--close:after {
  width: 40%;
  transform: rotate(-45deg) translateX(6px) translateY(-5px);
}
.gnav__hamburger.js--is--close .border {
  opacity: 0;
}

.gnav__layout {
  position: fixed;
  z-index: 3;
  top: calc(50% + (52px/2));
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: none;
}
@media (min-width: 1024px) {
  .gnav__layout {
    display: block;
    position: static;
    transform: none;
    margin-right: 0;
    order: 2;
    margin-left: auto;
  }
}
.gnav__layout .gnav01 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  display: flex;
  flex-direction: column;
  align-items: baseline;
  justify-content: center;
  font-size: 1.6rem;
  text-align: center;
  width: max-content;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .gnav__layout .gnav01 {
    flex-direction: row;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .gnav__layout .gnav01 {
    font-size: 1.3rem;
  }
}
.gnav__layout .gnav01 li {
  margin-bottom: 1.85em;
  line-height: 1.25;
}
@media (min-width: 1024px) {
  .gnav__layout .gnav01 li {
    margin-bottom: 0;
    margin-left: 1em;
    margin-right: 1em;
  }
}
.gnav__layout .gnav01 li:last-of-type {
  margin-bottom: 0;
}
.gnav__layout .gnav01 li a {
  white-space: nowrap;
  color: var(--primary-dark);
  transition: 0.3s ease;
  letter-spacing: 0.1em;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  transition: 0.3s ease;
}
@media (min-width: 1024px) {
  .gnav__layout .gnav01 li a {
    align-items: center;
  }
}
.gnav__layout .gnav01 li a:hover {
  color: var(--primary);
}

.gnav__langicon {
  width: 52px;
  height: 52px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  order: 1;
  position: relative;
  z-index: 3;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .gnav__langicon {
    width: 72px;
    height: 72px;
    order: 3;
  }
}
.gnav__langicon img {
  display: block;
  width: 42%;
}
@media (min-width: 1024px) {
  .gnav__langicon img {
    width: 32%;
  }
}
.gnav__langicon .text {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: var(--primary-dark);
  font-size: 8px;
  font-weight: 500;
  letter-spacing: 0;
  margin-top: 3px;
}
@media (min-width: 1024px) {
  .gnav__langicon .text {
    font-size: 10px;
  }
}

.gnav__lang {
  display: none;
  position: fixed;
  top: 52px;
  width: 100%;
  background: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
@media (min-width: 1024px) {
  .gnav__lang {
    top: 72px;
    width: 240px;
    right: 0;
  }
}
.gnav__lang .gnav02 {
  width: 100%;
}
.gnav__lang li {
  width: 100%;
}
.gnav__lang a {
  border-bottom: solid 1px var(--primary-dark);
  display: block;
  width: 100%;
  padding: 1.15em 0 1.15em 13px;
  font-size: 12px;
  color: var(--primary-dark);
  position: relative;
  transition: 0.5s ease;
}
.gnav__lang a:after {
  content: "";
  display: block;
  width: 0.6em;
  height: 0.6em;
  border-top: solid 1px var(--primary-dark);
  border-right: solid 1px var(--primary-dark);
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
  top: 50%;
  right: 13px;
  transition: 0.3s ease;
}
.gnav__lang a:hover {
  color: var(--primary);
}
.gnav__lang a:hover:after {
  border-top: solid 1px var(--primary);
  border-right: solid 1px var(--primary);
}

.gnav__bg {
  position: fixed;
  top: 52px;
  left: 0;
  width: 100%;
  height: calc(100vh - 52px);
  height: calc(100dvh - 52px);
  z-index: 2;
  display: none;
  background: white;
}

.main__common {
  overflow-x: hidden;
  min-height: 100vh;
  min-height: 100dvh;
  margin-top: 52px;
}
@media (min-width: 1024px) {
  .main__common {
    margin-top: 0;
    padding-top: 72px;
    min-height: calc(100vh - 500px - 72px);
    min-height: calc(100dvh - 500px - 72px);
  }
}
.main__common.grad-spe-110deg {
  background-image: linear-gradient(110deg, #1E3048 0%, #2E4386 100%);
}
.main__common.bg-images-normal {
  background-image: url(../img/common/bg-common2.jpg);
  background-size: 640px 828px;
  background-position: top center;
  background-repeat: repeat;
}
@media (min-width: 1024px) {
  .main__common.bg-images-normal {
    background-size: calc(640px*2) calc(828px*2);
  }
}
.main__common.padding-normal {
  padding-top: min(110 / 750 * 100vw, 11rem);
  padding-bottom: min(110 / 750 * 100vw, 11rem);
}

.common__footer {
  background: var(--primary-dark);
}
.common__footer .inner-layout {
  padding-top: 4.8rem;
  padding-bottom: 1.8rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .common__footer .inner-layout {
    padding-top: 15.8rem;
    padding-bottom: 2.8rem;
  }
}
.common__footer .logo {
  width: 16rem;
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .common__footer .logo {
    width: 25rem;
    margin-bottom: 12rem;
  }
}
.common__footer .footersns {
  list-style: none;
  display: flex;
  gap: 0 2.8rem;
  margin-bottom: 5rem;
}
@media (min-width: 768px) {
  .common__footer .footersns {
    gap: 0 4.8rem;
    margin-bottom: 3rem;
  }
}
.common__footer .footersns li {
  width: 3.8rem;
}
.common__footer .footernav {
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 1.5em;
  font-size: 11px;
}
.common__footer .footernav a {
  color: var(--white);
}
.common__footer .footerbottom {
  background: var(--white);
  text-align: center;
  font-size: 11px;
  padding: 1em 0;
}
.common__footer .footerbottom small {
  font-size: 11px;
  color: var(--gray);
}

@media (min-width: 1024px) {
  .home .main__common,
.bodyclass__en .main__common,
.bodyclass__kr .main__common,
.bodyclass__zh-hant .main__common,
.bodyclass__zh-hans .main__common,
.single-preview_cle .main__common {
    padding-top: 0;
  }
}
.home .sec-fv,
.bodyclass__en .sec-fv,
.bodyclass__kr .sec-fv,
.bodyclass__zh-hant .sec-fv,
.bodyclass__zh-hans .sec-fv,
.single-preview_cle .sec-fv {
  width: 100vw;
}
@media (min-width: 1024px) {
  .home .sec-fv,
.bodyclass__en .sec-fv,
.bodyclass__kr .sec-fv,
.bodyclass__zh-hant .sec-fv,
.bodyclass__zh-hans .sec-fv,
.single-preview_cle .sec-fv {
    width: 100%;
  }
}
.home .sec-fv .swiper-wrapper,
.bodyclass__en .sec-fv .swiper-wrapper,
.bodyclass__kr .sec-fv .swiper-wrapper,
.bodyclass__zh-hant .sec-fv .swiper-wrapper,
.bodyclass__zh-hans .sec-fv .swiper-wrapper,
.single-preview_cle .sec-fv .swiper-wrapper {
  padding-top: 15px;
  padding-bottom: 70px;
}
@media (min-width: 768px) {
  .home .sec-fv .swiper-wrapper,
.bodyclass__en .sec-fv .swiper-wrapper,
.bodyclass__kr .sec-fv .swiper-wrapper,
.bodyclass__zh-hant .sec-fv .swiper-wrapper,
.bodyclass__zh-hans .sec-fv .swiper-wrapper,
.single-preview_cle .sec-fv .swiper-wrapper {
    padding-top: 20px;
    padding-bottom: 60px;
  }
}
.home .sec-fv .swiper-slide,
.bodyclass__en .sec-fv .swiper-slide,
.bodyclass__kr .sec-fv .swiper-slide,
.bodyclass__zh-hant .sec-fv .swiper-slide,
.bodyclass__zh-hans .sec-fv .swiper-slide,
.single-preview_cle .sec-fv .swiper-slide {
  height: auto;
}
.home .sec-fv .fvslide .fvslidelink,
.bodyclass__en .sec-fv .fvslide .fvslidelink,
.bodyclass__kr .sec-fv .fvslide .fvslidelink,
.bodyclass__zh-hant .sec-fv .fvslide .fvslidelink,
.bodyclass__zh-hans .sec-fv .fvslide .fvslidelink,
.single-preview_cle .sec-fv .fvslide .fvslidelink {
  display: flex;
  justify-content: center;
  height: 100%;
}
.home .sec-fv .fvslide .fvslidelink.none--link,
.bodyclass__en .sec-fv .fvslide .fvslidelink.none--link,
.bodyclass__kr .sec-fv .fvslide .fvslidelink.none--link,
.bodyclass__zh-hant .sec-fv .fvslide .fvslidelink.none--link,
.bodyclass__zh-hans .sec-fv .fvslide .fvslidelink.none--link,
.single-preview_cle .sec-fv .fvslide .fvslidelink.none--link {
  pointer-events: none;
}
.home .sec-fv .fvslide .fvslideimg,
.bodyclass__en .sec-fv .fvslide .fvslideimg,
.bodyclass__kr .sec-fv .fvslide .fvslideimg,
.bodyclass__zh-hant .sec-fv .fvslide .fvslideimg,
.bodyclass__zh-hans .sec-fv .fvslide .fvslideimg,
.single-preview_cle .sec-fv .fvslide .fvslideimg {
  width: 100%;
}
.home .sec-fv .fvslide .fvslideimg .fvslideimgwrap,
.bodyclass__en .sec-fv .fvslide .fvslideimg .fvslideimgwrap,
.bodyclass__kr .sec-fv .fvslide .fvslideimg .fvslideimgwrap,
.bodyclass__zh-hant .sec-fv .fvslide .fvslideimg .fvslideimgwrap,
.bodyclass__zh-hans .sec-fv .fvslide .fvslideimg .fvslideimgwrap,
.single-preview_cle .sec-fv .fvslide .fvslideimg .fvslideimgwrap {
  border: solid 2px #6D6D6D;
  position: relative;
}
.home .sec-fv .fvslide .fvslideimg .fvslideimgwrap:after,
.bodyclass__en .sec-fv .fvslide .fvslideimg .fvslideimgwrap:after,
.bodyclass__kr .sec-fv .fvslide .fvslideimg .fvslideimgwrap:after,
.bodyclass__zh-hant .sec-fv .fvslide .fvslideimg .fvslideimgwrap:after,
.bodyclass__zh-hans .sec-fv .fvslide .fvslideimg .fvslideimgwrap:after,
.single-preview_cle .sec-fv .fvslide .fvslideimg .fvslideimgwrap:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #FFF;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.8;
  transition: 0.45s ease;
}
.home .sec-fv .fvslide .fvslideimg .fvslideimgwrap img, .home .sec-fv .fvslide .fvslideimg .fvslideimgwrap picture,
.bodyclass__en .sec-fv .fvslide .fvslideimg .fvslideimgwrap img,
.bodyclass__en .sec-fv .fvslide .fvslideimg .fvslideimgwrap picture,
.bodyclass__kr .sec-fv .fvslide .fvslideimg .fvslideimgwrap img,
.bodyclass__kr .sec-fv .fvslide .fvslideimg .fvslideimgwrap picture,
.bodyclass__zh-hant .sec-fv .fvslide .fvslideimg .fvslideimgwrap img,
.bodyclass__zh-hant .sec-fv .fvslide .fvslideimg .fvslideimgwrap picture,
.bodyclass__zh-hans .sec-fv .fvslide .fvslideimg .fvslideimgwrap img,
.bodyclass__zh-hans .sec-fv .fvslide .fvslideimg .fvslideimgwrap picture,
.single-preview_cle .sec-fv .fvslide .fvslideimg .fvslideimgwrap img,
.single-preview_cle .sec-fv .fvslide .fvslideimg .fvslideimgwrap picture {
  object-fit: contain;
  width: 100%;
}
@media (min-width: 1024px) {
  .home .sec-fv .fvslide .fvslideimg .fvslideimgwrap img, .home .sec-fv .fvslide .fvslideimg .fvslideimgwrap picture,
.bodyclass__en .sec-fv .fvslide .fvslideimg .fvslideimgwrap img,
.bodyclass__en .sec-fv .fvslide .fvslideimg .fvslideimgwrap picture,
.bodyclass__kr .sec-fv .fvslide .fvslideimg .fvslideimgwrap img,
.bodyclass__kr .sec-fv .fvslide .fvslideimg .fvslideimgwrap picture,
.bodyclass__zh-hant .sec-fv .fvslide .fvslideimg .fvslideimgwrap img,
.bodyclass__zh-hant .sec-fv .fvslide .fvslideimg .fvslideimgwrap picture,
.bodyclass__zh-hans .sec-fv .fvslide .fvslideimg .fvslideimgwrap img,
.bodyclass__zh-hans .sec-fv .fvslide .fvslideimg .fvslideimgwrap picture,
.single-preview_cle .sec-fv .fvslide .fvslideimg .fvslideimgwrap img,
.single-preview_cle .sec-fv .fvslide .fvslideimg .fvslideimgwrap picture {
    height: 100%;
    margin-inline: auto;
  }
}
.home .sec-fv .fvslide .fvslidebox,
.bodyclass__en .sec-fv .fvslide .fvslidebox,
.bodyclass__kr .sec-fv .fvslide .fvslidebox,
.bodyclass__zh-hant .sec-fv .fvslide .fvslidebox,
.bodyclass__zh-hans .sec-fv .fvslide .fvslidebox,
.single-preview_cle .sec-fv .fvslide .fvslidebox {
  font-size: min(22 / 750 * 100vw, 22px * 0.6);
  padding: 1.15em 0 0;
}
@media (min-width: 1024px) {
  .home .sec-fv .fvslide .fvslidebox,
.bodyclass__en .sec-fv .fvslide .fvslidebox,
.bodyclass__kr .sec-fv .fvslide .fvslidebox,
.bodyclass__zh-hant .sec-fv .fvslide .fvslidebox,
.bodyclass__zh-hans .sec-fv .fvslide .fvslidebox,
.single-preview_cle .sec-fv .fvslide .fvslidebox {
    font-size: 16px;
  }
}
.home .sec-fv .fvslide .fvslidebox .fvslideboxttl,
.bodyclass__en .sec-fv .fvslide .fvslidebox .fvslideboxttl,
.bodyclass__kr .sec-fv .fvslide .fvslidebox .fvslideboxttl,
.bodyclass__zh-hant .sec-fv .fvslide .fvslidebox .fvslideboxttl,
.bodyclass__zh-hans .sec-fv .fvslide .fvslidebox .fvslideboxttl,
.single-preview_cle .sec-fv .fvslide .fvslidebox .fvslideboxttl {
  font-size: min(26 / 750 * 100vw, 26px * 0.6);
  color: var(--white);
  line-height: 1.3;
  font-weight: bold;
  margin-bottom: 0.3em;
}
@media (min-width: 1024px) {
  .home .sec-fv .fvslide .fvslidebox .fvslideboxttl,
.bodyclass__en .sec-fv .fvslide .fvslidebox .fvslideboxttl,
.bodyclass__kr .sec-fv .fvslide .fvslidebox .fvslideboxttl,
.bodyclass__zh-hant .sec-fv .fvslide .fvslidebox .fvslideboxttl,
.bodyclass__zh-hans .sec-fv .fvslide .fvslidebox .fvslideboxttl,
.single-preview_cle .sec-fv .fvslide .fvslidebox .fvslideboxttl {
    font-size: 16px;
  }
}
.home .sec-fv .fvslide .fvslidebox .fvslideboxtext,
.bodyclass__en .sec-fv .fvslide .fvslidebox .fvslideboxtext,
.bodyclass__kr .sec-fv .fvslide .fvslidebox .fvslideboxtext,
.bodyclass__zh-hant .sec-fv .fvslide .fvslidebox .fvslideboxtext,
.bodyclass__zh-hans .sec-fv .fvslide .fvslidebox .fvslideboxtext,
.single-preview_cle .sec-fv .fvslide .fvslidebox .fvslideboxtext {
  color: var(--white);
  line-height: 1.5;
}
@media (min-width: 1024px) {
  .home .sec-fv .fvslide .fvslidebox .fvslideboxtext,
.bodyclass__en .sec-fv .fvslide .fvslidebox .fvslideboxtext,
.bodyclass__kr .sec-fv .fvslide .fvslidebox .fvslideboxtext,
.bodyclass__zh-hant .sec-fv .fvslide .fvslidebox .fvslideboxtext,
.bodyclass__zh-hans .sec-fv .fvslide .fvslidebox .fvslideboxtext,
.single-preview_cle .sec-fv .fvslide .fvslidebox .fvslideboxtext {
    font-size: 12px;
  }
}
@media (min-width: 1024px) {
  .home .sec-fv .fvslide .fvslidebox .fvslideboxtext br,
.bodyclass__en .sec-fv .fvslide .fvslidebox .fvslideboxtext br,
.bodyclass__kr .sec-fv .fvslide .fvslidebox .fvslideboxtext br,
.bodyclass__zh-hant .sec-fv .fvslide .fvslidebox .fvslideboxtext br,
.bodyclass__zh-hans .sec-fv .fvslide .fvslidebox .fvslideboxtext br,
.single-preview_cle .sec-fv .fvslide .fvslidebox .fvslideboxtext br {
    display: none;
  }
}
@media (min-width: 1024px) {
  .home .sec-fv .fvslide .fvslidebox.none--pc,
.bodyclass__en .sec-fv .fvslide .fvslidebox.none--pc,
.bodyclass__kr .sec-fv .fvslide .fvslidebox.none--pc,
.bodyclass__zh-hant .sec-fv .fvslide .fvslidebox.none--pc,
.bodyclass__zh-hans .sec-fv .fvslide .fvslidebox.none--pc,
.single-preview_cle .sec-fv .fvslide .fvslidebox.none--pc {
    display: none;
  }
}
.home .sec-fv .swiper-button-next, .home .sec-fv .swiper-button-prev,
.bodyclass__en .sec-fv .swiper-button-next,
.bodyclass__en .sec-fv .swiper-button-prev,
.bodyclass__kr .sec-fv .swiper-button-next,
.bodyclass__kr .sec-fv .swiper-button-prev,
.bodyclass__zh-hant .sec-fv .swiper-button-next,
.bodyclass__zh-hant .sec-fv .swiper-button-prev,
.bodyclass__zh-hans .sec-fv .swiper-button-next,
.bodyclass__zh-hans .sec-fv .swiper-button-prev,
.single-preview_cle .sec-fv .swiper-button-next,
.single-preview_cle .sec-fv .swiper-button-prev {
  top: 0;
  width: 50px;
  height: 50px;
  margin-top: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.home .sec-fv .swiper-button-next:after, .home .sec-fv .swiper-rtl .swiper-button-prev:after,
.bodyclass__en .sec-fv .swiper-button-next:after,
.bodyclass__en .sec-fv .swiper-rtl .swiper-button-prev:after,
.bodyclass__kr .sec-fv .swiper-button-next:after,
.bodyclass__kr .sec-fv .swiper-rtl .swiper-button-prev:after,
.bodyclass__zh-hant .sec-fv .swiper-button-next:after,
.bodyclass__zh-hant .sec-fv .swiper-rtl .swiper-button-prev:after,
.bodyclass__zh-hans .sec-fv .swiper-button-next:after,
.bodyclass__zh-hans .sec-fv .swiper-rtl .swiper-button-prev:after,
.single-preview_cle .sec-fv .swiper-button-next:after,
.single-preview_cle .sec-fv .swiper-rtl .swiper-button-prev:after {
  content: none;
}
.home .sec-fv .swiper-button-prev:after, .home .sec-fv .swiper-rtl .swiper-button-next:after,
.bodyclass__en .sec-fv .swiper-button-prev:after,
.bodyclass__en .sec-fv .swiper-rtl .swiper-button-next:after,
.bodyclass__kr .sec-fv .swiper-button-prev:after,
.bodyclass__kr .sec-fv .swiper-rtl .swiper-button-next:after,
.bodyclass__zh-hant .sec-fv .swiper-button-prev:after,
.bodyclass__zh-hant .sec-fv .swiper-rtl .swiper-button-next:after,
.bodyclass__zh-hans .sec-fv .swiper-button-prev:after,
.bodyclass__zh-hans .sec-fv .swiper-rtl .swiper-button-next:after,
.single-preview_cle .sec-fv .swiper-button-prev:after,
.single-preview_cle .sec-fv .swiper-rtl .swiper-button-next:after {
  content: none;
}
.home .sec-fv .swiper-button-next,
.bodyclass__en .sec-fv .swiper-button-next,
.bodyclass__kr .sec-fv .swiper-button-next,
.bodyclass__zh-hant .sec-fv .swiper-button-next,
.bodyclass__zh-hans .sec-fv .swiper-button-next,
.single-preview_cle .sec-fv .swiper-button-next {
  left: calc(50% + 42vw);
  right: inherit;
  top: 22vw;
  background-image: url(../img/common/icon-arrow-next-type1.svg);
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .home .sec-fv .swiper-button-next,
.bodyclass__en .sec-fv .swiper-button-next,
.bodyclass__kr .sec-fv .swiper-button-next,
.bodyclass__zh-hant .sec-fv .swiper-button-next,
.bodyclass__zh-hans .sec-fv .swiper-button-next,
.single-preview_cle .sec-fv .swiper-button-next {
    left: calc(50% + 35vw + 50px);
    top: 22vw;
  }
}
@media (min-width: 1280px) {
  .home .sec-fv .swiper-button-next,
.bodyclass__en .sec-fv .swiper-button-next,
.bodyclass__kr .sec-fv .swiper-button-next,
.bodyclass__zh-hant .sec-fv .swiper-button-next,
.bodyclass__zh-hans .sec-fv .swiper-button-next,
.single-preview_cle .sec-fv .swiper-button-next {
    left: calc(50% + 35.5vw + 50px);
  }
}
@media (min-width: 1440px) {
  .home .sec-fv .swiper-button-next,
.bodyclass__en .sec-fv .swiper-button-next,
.bodyclass__kr .sec-fv .swiper-button-next,
.bodyclass__zh-hant .sec-fv .swiper-button-next,
.bodyclass__zh-hans .sec-fv .swiper-button-next,
.single-preview_cle .sec-fv .swiper-button-next {
    left: calc(50% + 36vw + 50px);
  }
}
@media (min-width: 1680px) {
  .home .sec-fv .swiper-button-next,
.bodyclass__en .sec-fv .swiper-button-next,
.bodyclass__kr .sec-fv .swiper-button-next,
.bodyclass__zh-hant .sec-fv .swiper-button-next,
.bodyclass__zh-hans .sec-fv .swiper-button-next,
.single-preview_cle .sec-fv .swiper-button-next {
    left: calc(50% + 31vw + 50px);
    top: 18vw;
  }
}
.home .sec-fv .swiper-button-prev,
.bodyclass__en .sec-fv .swiper-button-prev,
.bodyclass__kr .sec-fv .swiper-button-prev,
.bodyclass__zh-hant .sec-fv .swiper-button-prev,
.bodyclass__zh-hans .sec-fv .swiper-button-prev,
.single-preview_cle .sec-fv .swiper-button-prev {
  left: calc(50% + -42vw);
  right: inherit;
  top: 22vw;
  background-image: url(../img/common/icon-arrow-prev-type1.svg);
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .home .sec-fv .swiper-button-prev,
.bodyclass__en .sec-fv .swiper-button-prev,
.bodyclass__kr .sec-fv .swiper-button-prev,
.bodyclass__zh-hant .sec-fv .swiper-button-prev,
.bodyclass__zh-hans .sec-fv .swiper-button-prev,
.single-preview_cle .sec-fv .swiper-button-prev {
    left: calc(50% + -35vw + -50px);
    top: 22vw;
  }
}
@media (min-width: 1280px) {
  .home .sec-fv .swiper-button-prev,
.bodyclass__en .sec-fv .swiper-button-prev,
.bodyclass__kr .sec-fv .swiper-button-prev,
.bodyclass__zh-hant .sec-fv .swiper-button-prev,
.bodyclass__zh-hans .sec-fv .swiper-button-prev,
.single-preview_cle .sec-fv .swiper-button-prev {
    left: calc(50% + -35.5vw + -50px);
  }
}
@media (min-width: 1440px) {
  .home .sec-fv .swiper-button-prev,
.bodyclass__en .sec-fv .swiper-button-prev,
.bodyclass__kr .sec-fv .swiper-button-prev,
.bodyclass__zh-hant .sec-fv .swiper-button-prev,
.bodyclass__zh-hans .sec-fv .swiper-button-prev,
.single-preview_cle .sec-fv .swiper-button-prev {
    left: calc(50% + -36vw + -50px);
  }
}
@media (min-width: 1680px) {
  .home .sec-fv .swiper-button-prev,
.bodyclass__en .sec-fv .swiper-button-prev,
.bodyclass__kr .sec-fv .swiper-button-prev,
.bodyclass__zh-hant .sec-fv .swiper-button-prev,
.bodyclass__zh-hans .sec-fv .swiper-button-prev,
.single-preview_cle .sec-fv .swiper-button-prev {
    left: calc(50% + -31vw + -50px);
    top: 18vw;
  }
}
.home .sec-fv .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .home .sec-fv .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet,
.bodyclass__en .sec-fv .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.bodyclass__en .sec-fv .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet,
.bodyclass__kr .sec-fv .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.bodyclass__kr .sec-fv .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet,
.bodyclass__zh-hant .sec-fv .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.bodyclass__zh-hant .sec-fv .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet,
.bodyclass__zh-hans .sec-fv .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.bodyclass__zh-hans .sec-fv .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet,
.single-preview_cle .sec-fv .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.single-preview_cle .sec-fv .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 9px;
  position: relative;
  overflow: hidden;
}
.home .sec-fv .swiper-pagination .swiper-pagination-bullet,
.bodyclass__en .sec-fv .swiper-pagination .swiper-pagination-bullet,
.bodyclass__kr .sec-fv .swiper-pagination .swiper-pagination-bullet,
.bodyclass__zh-hant .sec-fv .swiper-pagination .swiper-pagination-bullet,
.bodyclass__zh-hans .sec-fv .swiper-pagination .swiper-pagination-bullet,
.single-preview_cle .sec-fv .swiper-pagination .swiper-pagination-bullet {
  width: min(10vw, 160px);
  height: 18px;
}
.home .sec-fv .swiper-pagination .swiper-pagination-bullet:after,
.bodyclass__en .sec-fv .swiper-pagination .swiper-pagination-bullet:after,
.bodyclass__kr .sec-fv .swiper-pagination .swiper-pagination-bullet:after,
.bodyclass__zh-hant .sec-fv .swiper-pagination .swiper-pagination-bullet:after,
.bodyclass__zh-hans .sec-fv .swiper-pagination .swiper-pagination-bullet:after,
.single-preview_cle .sec-fv .swiper-pagination .swiper-pagination-bullet:after {
  margin-top: 0;
  position: absolute;
  top: 9px;
  left: 0;
  z-index: 2;
}
.home .sec-fv .swiper-pagination .swiper-pagination-bullet:before,
.bodyclass__en .sec-fv .swiper-pagination .swiper-pagination-bullet:before,
.bodyclass__kr .sec-fv .swiper-pagination .swiper-pagination-bullet:before,
.bodyclass__zh-hant .sec-fv .swiper-pagination .swiper-pagination-bullet:before,
.bodyclass__zh-hans .sec-fv .swiper-pagination .swiper-pagination-bullet:before,
.single-preview_cle .sec-fv .swiper-pagination .swiper-pagination-bullet:before {
  content: "";
  height: 1px;
  width: 100%;
  position: absolute;
  top: 9px;
  left: 0;
  background: #FFF;
  opacity: 0.4;
  z-index: 1;
}
.home .sec-fv .swiper-pagination .swiper-pagination-bullet-active:after,
.bodyclass__en .sec-fv .swiper-pagination .swiper-pagination-bullet-active:after,
.bodyclass__kr .sec-fv .swiper-pagination .swiper-pagination-bullet-active:after,
.bodyclass__zh-hant .sec-fv .swiper-pagination .swiper-pagination-bullet-active:after,
.bodyclass__zh-hans .sec-fv .swiper-pagination .swiper-pagination-bullet-active:after,
.single-preview_cle .sec-fv .swiper-pagination .swiper-pagination-bullet-active:after {
  background: var(--white);
  animation-name: swiper-anime;
  animation-duration: 4s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-direction: normal;
  animation-fill-mode: forwards;
  animation-play-state: running;
}
.home .sec-fv .swiper-horizontal > .swiper-pagination-bullets, .home .sec-fv .swiper-pagination-bullets.swiper-pagination-horizontal, .home .sec-fv .swiper-pagination-custom, .home .sec-fv .swiper-pagination-fraction,
.bodyclass__en .sec-fv .swiper-horizontal > .swiper-pagination-bullets,
.bodyclass__en .sec-fv .swiper-pagination-bullets.swiper-pagination-horizontal,
.bodyclass__en .sec-fv .swiper-pagination-custom,
.bodyclass__en .sec-fv .swiper-pagination-fraction,
.bodyclass__kr .sec-fv .swiper-horizontal > .swiper-pagination-bullets,
.bodyclass__kr .sec-fv .swiper-pagination-bullets.swiper-pagination-horizontal,
.bodyclass__kr .sec-fv .swiper-pagination-custom,
.bodyclass__kr .sec-fv .swiper-pagination-fraction,
.bodyclass__zh-hant .sec-fv .swiper-horizontal > .swiper-pagination-bullets,
.bodyclass__zh-hant .sec-fv .swiper-pagination-bullets.swiper-pagination-horizontal,
.bodyclass__zh-hant .sec-fv .swiper-pagination-custom,
.bodyclass__zh-hant .sec-fv .swiper-pagination-fraction,
.bodyclass__zh-hans .sec-fv .swiper-horizontal > .swiper-pagination-bullets,
.bodyclass__zh-hans .sec-fv .swiper-pagination-bullets.swiper-pagination-horizontal,
.bodyclass__zh-hans .sec-fv .swiper-pagination-custom,
.bodyclass__zh-hans .sec-fv .swiper-pagination-fraction,
.single-preview_cle .sec-fv .swiper-horizontal > .swiper-pagination-bullets,
.single-preview_cle .sec-fv .swiper-pagination-bullets.swiper-pagination-horizontal,
.single-preview_cle .sec-fv .swiper-pagination-custom,
.single-preview_cle .sec-fv .swiper-pagination-fraction {
  bottom: 28px;
}
@media (min-width: 768px) {
  .home .sec-fv .swiper-horizontal > .swiper-pagination-bullets, .home .sec-fv .swiper-pagination-bullets.swiper-pagination-horizontal, .home .sec-fv .swiper-pagination-custom, .home .sec-fv .swiper-pagination-fraction,
.bodyclass__en .sec-fv .swiper-horizontal > .swiper-pagination-bullets,
.bodyclass__en .sec-fv .swiper-pagination-bullets.swiper-pagination-horizontal,
.bodyclass__en .sec-fv .swiper-pagination-custom,
.bodyclass__en .sec-fv .swiper-pagination-fraction,
.bodyclass__kr .sec-fv .swiper-horizontal > .swiper-pagination-bullets,
.bodyclass__kr .sec-fv .swiper-pagination-bullets.swiper-pagination-horizontal,
.bodyclass__kr .sec-fv .swiper-pagination-custom,
.bodyclass__kr .sec-fv .swiper-pagination-fraction,
.bodyclass__zh-hant .sec-fv .swiper-horizontal > .swiper-pagination-bullets,
.bodyclass__zh-hant .sec-fv .swiper-pagination-bullets.swiper-pagination-horizontal,
.bodyclass__zh-hant .sec-fv .swiper-pagination-custom,
.bodyclass__zh-hant .sec-fv .swiper-pagination-fraction,
.bodyclass__zh-hans .sec-fv .swiper-horizontal > .swiper-pagination-bullets,
.bodyclass__zh-hans .sec-fv .swiper-pagination-bullets.swiper-pagination-horizontal,
.bodyclass__zh-hans .sec-fv .swiper-pagination-custom,
.bodyclass__zh-hans .sec-fv .swiper-pagination-fraction,
.single-preview_cle .sec-fv .swiper-horizontal > .swiper-pagination-bullets,
.single-preview_cle .sec-fv .swiper-pagination-bullets.swiper-pagination-horizontal,
.single-preview_cle .sec-fv .swiper-pagination-custom,
.single-preview_cle .sec-fv .swiper-pagination-fraction {
    bottom: 20px;
  }
}
.home .sec-fv .swiper-slide-active.fvslide .fvslideimg .fvslideimgwrap:after,
.bodyclass__en .sec-fv .swiper-slide-active.fvslide .fvslideimg .fvslideimgwrap:after,
.bodyclass__kr .sec-fv .swiper-slide-active.fvslide .fvslideimg .fvslideimgwrap:after,
.bodyclass__zh-hant .sec-fv .swiper-slide-active.fvslide .fvslideimg .fvslideimgwrap:after,
.bodyclass__zh-hans .sec-fv .swiper-slide-active.fvslide .fvslideimg .fvslideimgwrap:after,
.single-preview_cle .sec-fv .swiper-slide-active.fvslide .fvslideimg .fvslideimgwrap:after {
  opacity: 0;
}
.home .sec-fv .swiper:hover .swiper-pagination .swiper-pagination-bullet-active:after,
.bodyclass__en .sec-fv .swiper:hover .swiper-pagination .swiper-pagination-bullet-active:after,
.bodyclass__kr .sec-fv .swiper:hover .swiper-pagination .swiper-pagination-bullet-active:after,
.bodyclass__zh-hant .sec-fv .swiper:hover .swiper-pagination .swiper-pagination-bullet-active:after,
.bodyclass__zh-hans .sec-fv .swiper:hover .swiper-pagination .swiper-pagination-bullet-active:after,
.single-preview_cle .sec-fv .swiper:hover .swiper-pagination .swiper-pagination-bullet-active:after {
  animation-play-state: paused;
}
.home .home-bg,
.bodyclass__en .home-bg,
.bodyclass__kr .home-bg,
.bodyclass__zh-hant .home-bg,
.bodyclass__zh-hans .home-bg,
.single-preview_cle .home-bg {
  background-image: url(../img/common/bg-common2.jpg);
  background-size: 640px 828px;
  background-position: top center;
  background-repeat: repeat;
}
@media (min-width: 1024px) {
  .home .home-bg,
.bodyclass__en .home-bg,
.bodyclass__kr .home-bg,
.bodyclass__zh-hant .home-bg,
.bodyclass__zh-hans .home-bg,
.single-preview_cle .home-bg {
    background-size: calc(640px* 2) calc(828px* 2);
  }
}
.home .sec-news,
.bodyclass__en .sec-news,
.bodyclass__kr .sec-news,
.bodyclass__zh-hant .sec-news,
.bodyclass__zh-hans .sec-news,
.single-preview_cle .sec-news {
  padding-top: min(110 / 750 * 100vw, 11rem);
  padding-bottom: min(110 / 750 * 100vw, 11rem);
}
.home .sec-news .ttl__simple,
.bodyclass__en .sec-news .ttl__simple,
.bodyclass__kr .sec-news .ttl__simple,
.bodyclass__zh-hant .sec-news .ttl__simple,
.bodyclass__zh-hans .sec-news .ttl__simple,
.single-preview_cle .sec-news .ttl__simple {
  margin-bottom: 1.25em;
}
@media (min-width: 1024px) {
  .home .sec-news .inner-layout,
.bodyclass__en .sec-news .inner-layout,
.bodyclass__kr .sec-news .inner-layout,
.bodyclass__zh-hant .sec-news .inner-layout,
.bodyclass__zh-hans .sec-news .inner-layout,
.single-preview_cle .sec-news .inner-layout {
    width: min(86%, 120rem);
    margin: 0 auto;
  }
}
.home .sec-news .btn__readmore,
.bodyclass__en .sec-news .btn__readmore,
.bodyclass__kr .sec-news .btn__readmore,
.bodyclass__zh-hant .sec-news .btn__readmore,
.bodyclass__zh-hans .sec-news .btn__readmore,
.single-preview_cle .sec-news .btn__readmore {
  margin: 0 auto;
  margin-top: 2.8rem;
}
.home .sec-games,
.bodyclass__en .sec-games,
.bodyclass__kr .sec-games,
.bodyclass__zh-hant .sec-games,
.bodyclass__zh-hans .sec-games,
.single-preview_cle .sec-games {
  padding-bottom: min(110 / 750 * 100vw, 11rem);
}
.home .sec-games .ttl__simple,
.bodyclass__en .sec-games .ttl__simple,
.bodyclass__kr .sec-games .ttl__simple,
.bodyclass__zh-hant .sec-games .ttl__simple,
.bodyclass__zh-hans .sec-games .ttl__simple,
.single-preview_cle .sec-games .ttl__simple {
  margin-bottom: 1.25em;
}
.home .sec-games .ttl__middle,
.bodyclass__en .sec-games .ttl__middle,
.bodyclass__kr .sec-games .ttl__middle,
.bodyclass__zh-hant .sec-games .ttl__middle,
.bodyclass__zh-hans .sec-games .ttl__middle,
.single-preview_cle .sec-games .ttl__middle {
  margin-bottom: 50px;
}
.home .sec-games .inner-layout,
.bodyclass__en .sec-games .inner-layout,
.bodyclass__kr .sec-games .inner-layout,
.bodyclass__zh-hant .sec-games .inner-layout,
.bodyclass__zh-hans .sec-games .inner-layout,
.single-preview_cle .sec-games .inner-layout {
  width: 86%;
  margin-inline: auto;
}
@media (min-width: 1100px) {
  .home .sec-games .inner-layout,
.bodyclass__en .sec-games .inner-layout,
.bodyclass__kr .sec-games .inner-layout,
.bodyclass__zh-hant .sec-games .inner-layout,
.bodyclass__zh-hans .sec-games .inner-layout,
.single-preview_cle .sec-games .inner-layout {
    width: 90%;
  }
}
.home .sec-games .inner-layout .swiper,
.bodyclass__en .sec-games .inner-layout .swiper,
.bodyclass__kr .sec-games .inner-layout .swiper,
.bodyclass__zh-hant .sec-games .inner-layout .swiper,
.bodyclass__zh-hans .sec-games .inner-layout .swiper,
.single-preview_cle .sec-games .inner-layout .swiper {
  overflow: visible;
}
.home .sec-games .btn__readmore,
.bodyclass__en .sec-games .btn__readmore,
.bodyclass__kr .sec-games .btn__readmore,
.bodyclass__zh-hant .sec-games .btn__readmore,
.bodyclass__zh-hans .sec-games .btn__readmore,
.single-preview_cle .sec-games .btn__readmore {
  margin: 0 auto;
  margin-top: 2.8rem;
}
.home .sec-games .secondttl,
.bodyclass__en .sec-games .secondttl,
.bodyclass__kr .sec-games .secondttl,
.bodyclass__zh-hant .sec-games .secondttl,
.bodyclass__zh-hans .sec-games .secondttl,
.single-preview_cle .sec-games .secondttl {
  margin-top: min(110 / 750 * 100vw, 11rem);
}
.home .sec-service,
.bodyclass__en .sec-service,
.bodyclass__kr .sec-service,
.bodyclass__zh-hant .sec-service,
.bodyclass__zh-hans .sec-service,
.single-preview_cle .sec-service {
  padding-bottom: min(110 / 750 * 100vw, 11rem);
  background-size: cover;
  background-position: top center;
  overflow: hidden;
  position: relative;
}
.home .sec-service .ttl__simple,
.bodyclass__en .sec-service .ttl__simple,
.bodyclass__kr .sec-service .ttl__simple,
.bodyclass__zh-hant .sec-service .ttl__simple,
.bodyclass__zh-hans .sec-service .ttl__simple,
.single-preview_cle .sec-service .ttl__simple {
  position: relative;
  z-index: 2;
}
.home .sec-service .inner-layout,
.bodyclass__en .sec-service .inner-layout,
.bodyclass__kr .sec-service .inner-layout,
.bodyclass__zh-hant .sec-service .inner-layout,
.bodyclass__zh-hans .sec-service .inner-layout,
.single-preview_cle .sec-service .inner-layout {
  width: min(76%, 76.8rem);
  margin: 0 auto;
  padding-top: min(110 / 750 * 100vw, 11rem);
  position: relative;
  z-index: 2;
}
@media (min-width: 1024px) {
  .home .sec-service .wrap,
.bodyclass__en .sec-service .wrap,
.bodyclass__kr .sec-service .wrap,
.bodyclass__zh-hant .sec-service .wrap,
.bodyclass__zh-hans .sec-service .wrap,
.single-preview_cle .sec-service .wrap {
    width: max-content;
    margin-left: auto;
    margin-right: auto;
  }
}
.home .sec-service p,
.bodyclass__en .sec-service p,
.bodyclass__kr .sec-service p,
.bodyclass__zh-hant .sec-service p,
.bodyclass__zh-hans .sec-service p,
.single-preview_cle .sec-service p {
  font-weight: 600;
  font-size: min(18 / 750 * 100vw * 1.25, 1.8rem);
  color: var(--gray);
  line-height: 2.666;
  margin-bottom: 3em;
}
.home .sec-service p br,
.bodyclass__en .sec-service p br,
.bodyclass__kr .sec-service p br,
.bodyclass__zh-hant .sec-service p br,
.bodyclass__zh-hans .sec-service p br,
.single-preview_cle .sec-service p br {
  display: none;
}
@media (min-width: 768px) {
  .home .sec-service p br,
.bodyclass__en .sec-service p br,
.bodyclass__kr .sec-service p br,
.bodyclass__zh-hant .sec-service p br,
.bodyclass__zh-hans .sec-service p br,
.single-preview_cle .sec-service p br {
    display: block;
  }
}
.home .sec-service .bg-earth-01,
.bodyclass__en .sec-service .bg-earth-01,
.bodyclass__kr .sec-service .bg-earth-01,
.bodyclass__zh-hant .sec-service .bg-earth-01,
.bodyclass__zh-hans .sec-service .bg-earth-01,
.single-preview_cle .sec-service .bg-earth-01 {
  display: none;
}
@media (min-width: 1024px) {
  .home .sec-service .bg-earth-01,
.bodyclass__en .sec-service .bg-earth-01,
.bodyclass__kr .sec-service .bg-earth-01,
.bodyclass__zh-hant .sec-service .bg-earth-01,
.bodyclass__zh-hans .sec-service .bg-earth-01,
.single-preview_cle .sec-service .bg-earth-01 {
    z-index: 1;
    display: block;
    position: absolute;
    width: 100rem;
    top: auto;
    top: -28rem;
    left: 50%;
    transform: translateX(calc(-50% + -68rem));
    mix-blend-mode: multiply;
  }
}
.home .sec-service .bg-earth-01 img,
.bodyclass__en .sec-service .bg-earth-01 img,
.bodyclass__kr .sec-service .bg-earth-01 img,
.bodyclass__zh-hant .sec-service .bg-earth-01 img,
.bodyclass__zh-hans .sec-service .bg-earth-01 img,
.single-preview_cle .sec-service .bg-earth-01 img {
  width: 100%;
}
.home .sec-service .bg-earth-02,
.bodyclass__en .sec-service .bg-earth-02,
.bodyclass__kr .sec-service .bg-earth-02,
.bodyclass__zh-hant .sec-service .bg-earth-02,
.bodyclass__zh-hans .sec-service .bg-earth-02,
.single-preview_cle .sec-service .bg-earth-02 {
  position: absolute;
  width: min(100vw, 76.8rem);
  top: max(-9vw, -11rem);
  right: max(-34vw, -26rem);
  mix-blend-mode: multiply;
  z-index: 1;
}
@media (min-width: 1024px) {
  .home .sec-service .bg-earth-02,
.bodyclass__en .sec-service .bg-earth-02,
.bodyclass__kr .sec-service .bg-earth-02,
.bodyclass__zh-hant .sec-service .bg-earth-02,
.bodyclass__zh-hans .sec-service .bg-earth-02,
.single-preview_cle .sec-service .bg-earth-02 {
    width: 131rem;
    top: auto;
    bottom: -30rem;
    left: 50%;
    transform: translateX(calc(-50% + 44rem));
  }
}
.home .sec-service .bg-earth-02 img,
.bodyclass__en .sec-service .bg-earth-02 img,
.bodyclass__kr .sec-service .bg-earth-02 img,
.bodyclass__zh-hant .sec-service .bg-earth-02 img,
.bodyclass__zh-hans .sec-service .bg-earth-02 img,
.single-preview_cle .sec-service .bg-earth-02 img {
  width: 100%;
}

@keyframes swiper-anime {
  0% {
    left: calc(-100% + -1px);
  }
  100% {
    left: 0;
  }
}
.bodyclass__service .sec_service {
  position: relative;
}
@media (min-width: 1024px) {
  .bodyclass__service .sec_service {
    padding-top: 8rem;
  }
}
.bodyclass__service .sec_service .fv {
  position: relative;
  margin-bottom: 3em;
  display: block;
  z-index: 2;
}
@media (min-width: 1024px) {
  .bodyclass__service .sec_service .fv {
    width: min(86%, 96rem);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8em;
  }
}
.bodyclass__service .sec_service .inner-layout {
  max-width: 96rem;
  position: relative;
  z-index: 2;
}
.bodyclass__service .sec_service .box {
  background-image: linear-gradient(110deg, #1E3048 0%, #2E4386 100%);
  font-size: min(26 / 750 * 100vw * 1.25, 2.6rem);
  padding: 2.4em 1.85em;
  margin-bottom: 3em;
}
.bodyclass__service .sec_service .box h3 {
  font-size: min(28 / 750 * 100vw * 1.25, 2.8rem);
  letter-spacing: 0.37em;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  background-image: linear-gradient(90deg, #00A5A5 0%, #1478FF 100%);
  width: fit-content;
}
.bodyclass__service .sec_service .box h3 + p {
  font-size: min(20 / 750 * 100vw * 1.25, 1.6rem);
  font-weight: 500;
  line-height: 1.75;
  margin-top: 0.75em;
  color: var(--white);
  opacity: 0.85;
}
.bodyclass__service .sec_service dl {
  color: var(--gray);
  border-top: solid 1px var(--gray);
  font-size: min(26 / 750 * 100vw * 1.25, 2.6rem);
  padding: 1.5em 0;
}
@media (min-width: 1024px) {
  .bodyclass__service .sec_service dl {
    display: flex;
    justify-content: space-between;
  }
}
.bodyclass__service .sec_service dl:last-of-type {
  border-bottom: solid 1px var(--gray);
}
.bodyclass__service .sec_service dl dt {
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 0.5em;
}
@media (min-width: 1024px) {
  .bodyclass__service .sec_service dl dt {
    width: 14em;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    height: 1em;
    justify-content: space-between;
  }
}
@media (min-width: 1024px) {
  .bodyclass__service .sec_service dl dt:after {
    content: "";
    width: calc(1em*2);
    height: calc(0.34em*2);
    display: block;
    background-image: url(../img/page/service/icon.svg);
    background-repeat: no-repeat;
    margin-right: 1.5em;
  }
}
.bodyclass__service .sec_service dl dd {
  font-size: min(18 / 750 * 100vw * 1.25, 1.8rem);
  line-height: 2;
}
@media (min-width: 1024px) {
  .bodyclass__service .sec_service dl dd {
    font-size: min(16 / 1440 * 100vw, 1.6rem);
  }
}
.bodyclass__service .bg-earth-02 {
  position: absolute;
  width: min(100vw, 76.8rem);
  top: max(-17vw, -11rem);
  right: max(-34vw, -26rem);
  mix-blend-mode: multiply;
  z-index: 1;
}
@media (min-width: 1024px) {
  .bodyclass__service .bg-earth-02 {
    right: max(-10vw, -26rem);
  }
}

.post-type-archive-games .col2btn,
.post-type-archive-games_en .col2btn,
.post-type-archive-games_zhhant .col2btn,
.post-type-archive-games_zhhans .col2btn,
.post-type-archive-games_kr .col2btn {
  width: 80%;
  margin-inline: auto;
  display: flex;
  justify-content: center;
  list-style: none;
  flex-direction: column;
  gap: min(22 / 750 * 100vw * 1.25, 2.2rem) 0;
}
@media (min-width: 1024px) {
  .post-type-archive-games .col2btn,
.post-type-archive-games_en .col2btn,
.post-type-archive-games_zhhant .col2btn,
.post-type-archive-games_zhhans .col2btn,
.post-type-archive-games_kr .col2btn {
    width: 640px;
    flex-direction: row;
    justify-content: space-between;
  }
}
.post-type-archive-games .col2btn li,
.post-type-archive-games_en .col2btn li,
.post-type-archive-games_zhhant .col2btn li,
.post-type-archive-games_zhhans .col2btn li,
.post-type-archive-games_kr .col2btn li {
  width: 48.5%;
}

.no-matching {
  font-size: min(24 / 750 * 100vw * 1.15, 2.4rem);
  line-height: 1.75;
  font-weight: 500;
}
@media (min-width: 1024px) {
  .no-matching {
    margin: 0 auto;
    font-size: min(20 / 1440 * 100vw, 2rem);
  }
}

.error404 p {
  text-align: center;
  font-size: min(18 / 750 * 100vw * 1.25, 1.8rem);
  color: var(--gray);
}
@media (min-width: 1024px) {
  .error404 p {
    font-size: min(16 / 1440 * 100vw, 1.6rem);
  }
}

.pages-simple .sec_01 {
  position: relative;
}
@media (min-width: 1024px) {
  .pages-simple .sec_01 {
    padding-top: 8rem;
  }
}
.pages-simple .sec_01 .ttl__simple.margin-bottom {
  margin-bottom: 3em;
}
@media (min-width: 1024px) {
  .pages-simple .sec_01 .ttl__simple.margin-bottom {
    margin-bottom: 6em;
  }
}
.pages-simple .sec_01 .logo {
  width: 40%;
  margin-inline: auto;
  margin-top: 8vw;
  margin-bottom: 10vw;
}
@media (min-width: 1024px) {
  .pages-simple .sec_01 .logo {
    width: 306px;
    margin-top: -110px;
    margin-bottom: 60px;
  }
}
.pages-simple .sec_01 .ttl_small {
  font-size: min(20 / 750 * 100vw * 1.25, 1.8rem);
  color: var(--gray-dark);
  font-weight: 600;
  margin-bottom: 0.75em;
}
.pages-simple .sec_01 .ttl_01 {
  font-size: min(24 / 750 * 100vw * 1.25, 2.8rem);
  color: var(--gray-dark);
  font-weight: 600;
  text-align: center;
  padding-bottom: 1.5em;
  margin-bottom: 1.5em;
  border-bottom: solid 1px var(--gray-border);
}
.pages-simple .sec_01 .ttl_01.type02 {
  margin-top: 3em;
}
.pages-simple .sec_01 .box {
  font-size: min(18 / 750 * 100vw * 1.25, 1.8rem);
}
.pages-simple .sec_01 .box:first-of-type {
  margin-top: 6.5em;
}
.pages-simple .sec_01 .box + .box {
  margin-top: 3.8em;
}
@media (min-width: 1024px) {
  .pages-simple .sec_01 .box + .box {
    margin-top: 3em;
  }
}
.pages-simple .sec_01 .formlayout {
  margin-bottom: 2.5em;
  font-size: min(18 / 750 * 100vw * 1.25, 1.8rem);
}
@media (min-width: 1024px) {
  .pages-simple .sec_01 .formlayout {
    font-size: min(16 / 1440 * 100vw, 1.7rem);
    display: flex;
    justify-content: space-between;
  }
}
.pages-simple .sec_01 .formlayout .formttl {
  font-size: min(18 / 750 * 100vw * 1.25, 1.8rem);
  color: var(--gray);
  line-height: 1.75;
  font-weight: 500;
  margin-bottom: 0.5em;
}
@media (min-width: 1024px) {
  .pages-simple .sec_01 .formlayout .formttl {
    font-size: min(16 / 1440 * 100vw, 1.7rem);
    width: 15em;
  }
}
.pages-simple .sec_01 .formlayout .formttl .red {
  color: #B20000;
}
.pages-simple .sec_01 .formlayout .right {
  line-height: 1.4;
}
@media (min-width: 1024px) {
  .pages-simple .sec_01 .formlayout .right {
    width: calc(100% - 17em);
  }
}
.pages-simple .sec_01 .formlayout input[type=text],
.pages-simple .sec_01 .formlayout input[type=email],
.pages-simple .sec_01 .formlayout select {
  border: solid 1px var(--gray-border);
  width: 100%;
  padding: 1.25em;
}
.pages-simple .sec_01 .formlayout textarea {
  border: solid 1px var(--gray-border);
  width: 100%;
  padding: 1.25em;
}
@media (min-width: 1024px) {
  .pages-simple .sec_01 .formlayoutsubmit {
    display: flex;
  }
}
.pages-simple .sec_01 .formlayoutsubmit input[type=submit] {
  font-size: min(18 / 750 * 100vw * 1.25, 1.8rem);
  color: var(--white);
  background-image: linear-gradient(90deg, #00A5A5 0%, #1478FF 100%);
  text-align: center;
  display: block;
  width: min(84%, 42rem);
  margin-inline: auto;
  margin-top: 3.5em;
  padding: 1.75em 0;
  transition: 1.2s ease;
}
@media (min-width: 1024px) {
  .pages-simple .sec_01 .formlayoutsubmit input[type=submit] {
    font-size: min(16 / 1440 * 100vw, 1.7rem);
  }
}
.pages-simple .sec_01 .formlayoutsubmit input[type=submit]:hover {
  filter: hue-rotate(65deg);
}
.pages-simple .sec_01 .formlayoutsubmit input[type=submit].return {
  background: var(--gray);
}
.pages-simple .sec_01 .formlayoutsubmit input[type=submit].return:hover {
  filter: hue-rotate(65deg);
}
.pages-simple .sec_01 .link__text {
  color: var(--primary);
  text-decoration: underline;
}
.pages-simple .sec_01 .ttl_line {
  font-size: min(22 / 750 * 100vw * 1.25, 2.4rem);
  color: var(--gray-dark);
  font-weight: 600;
  border-bottom: solid 1px var(--gray-border);
  padding-bottom: 0.85em;
  margin-bottom: 0.85em;
}
@media (min-width: 1024px) {
  .pages-simple .sec_01 .ttl_line {
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
  }
}
.pages-simple .sec_01 h4 {
  font-size: min(20 / 750 * 100vw * 1.25, 2.2rem);
  color: var(--gray-dark);
  font-weight: 600;
  margin-top: 2.5em;
  margin-bottom: 0.5em;
  line-height: 1.4;
}
.pages-simple .sec_01 p {
  font-size: min(18 / 750 * 100vw * 1.25, 1.8rem);
  color: var(--gray);
  line-height: 1.75;
}
@media (min-width: 1024px) {
  .pages-simple .sec_01 p {
    font-size: min(16 / 1440 * 100vw, 1.7rem);
  }
}
.pages-simple .sec_01 p + p {
  margin-top: 1.75em;
}
.pages-simple .sec_01 p + ul, .pages-simple .sec_01 p + ol {
  margin-top: 1.75em;
}
.pages-simple .sec_01 p.red {
  color: #B20000;
}
.pages-simple .sec_01 ul, .pages-simple .sec_01 ol {
  font-size: min(18 / 750 * 100vw * 1.25, 1.8rem);
  color: var(--gray);
  margin-left: 1.25em;
}
@media (min-width: 1024px) {
  .pages-simple .sec_01 ul, .pages-simple .sec_01 ol {
    font-size: min(16 / 1440 * 100vw, 1.7rem);
  }
}
.pages-simple .sec_01 ul li, .pages-simple .sec_01 ol li {
  line-height: 1.6;
}
.pages-simple .sec_01 ul li + li, .pages-simple .sec_01 ol li + li {
  margin-top: 1em;
}
.pages-simple .sec_01 .inner-layout {
  max-width: 96rem;
  position: relative;
  z-index: 2;
}
.pages-simple .sec_01 .bg-earth-02 {
  position: absolute;
  width: min(100vw, 50rem);
  top: max(-17vw, -11rem);
  right: max(-34vw, -26rem);
  mix-blend-mode: multiply;
  z-index: 1;
  display: none;
}
@media (min-width: 1024px) {
  .pages-simple .sec_01 .bg-earth-02 {
    display: block;
    right: max(-10vw, -26rem);
  }
}

/*# sourceMappingURL=style.css.map */