@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&family=Noto+Sans+SC:wght@400;700&family=Noto+Sans+TC:wght@400;700&display=swap');

html, body, div, span, applet, object, iframe,
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,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

html:lang(zh-cmn-Hans), body:lang(zh-cmn-Hans), div:lang(zh-cmn-Hans), span:lang(zh-cmn-Hans), applet:lang(zh-cmn-Hans), object:lang(zh-cmn-Hans), iframe:lang(zh-cmn-Hans),
h1:lang(zh-cmn-Hans), h2:lang(zh-cmn-Hans), h3:lang(zh-cmn-Hans), h4:lang(zh-cmn-Hans), h5:lang(zh-cmn-Hans), h6:lang(zh-cmn-Hans), p:lang(zh-cmn-Hans), blockquote:lang(zh-cmn-Hans), pre:lang(zh-cmn-Hans),
a:lang(zh-cmn-Hans), abbr:lang(zh-cmn-Hans), acronym:lang(zh-cmn-Hans), address:lang(zh-cmn-Hans), big:lang(zh-cmn-Hans), cite:lang(zh-cmn-Hans), code:lang(zh-cmn-Hans),
del:lang(zh-cmn-Hans), dfn:lang(zh-cmn-Hans), em:lang(zh-cmn-Hans), img:lang(zh-cmn-Hans), ins:lang(zh-cmn-Hans), kbd:lang(zh-cmn-Hans), q:lang(zh-cmn-Hans), s:lang(zh-cmn-Hans), samp:lang(zh-cmn-Hans),
small:lang(zh-cmn-Hans), strike:lang(zh-cmn-Hans), strong:lang(zh-cmn-Hans), sub:lang(zh-cmn-Hans), sup:lang(zh-cmn-Hans), tt:lang(zh-cmn-Hans), var:lang(zh-cmn-Hans),
b:lang(zh-cmn-Hans), u:lang(zh-cmn-Hans), i:lang(zh-cmn-Hans), center:lang(zh-cmn-Hans),
dl:lang(zh-cmn-Hans), dt:lang(zh-cmn-Hans), dd:lang(zh-cmn-Hans), ol:lang(zh-cmn-Hans), ul:lang(zh-cmn-Hans), li:lang(zh-cmn-Hans),
fieldset:lang(zh-cmn-Hans), form:lang(zh-cmn-Hans), label:lang(zh-cmn-Hans), legend:lang(zh-cmn-Hans),
table:lang(zh-cmn-Hans), caption:lang(zh-cmn-Hans), tbody:lang(zh-cmn-Hans), tfoot:lang(zh-cmn-Hans), thead:lang(zh-cmn-Hans), tr:lang(zh-cmn-Hans), th:lang(zh-cmn-Hans), td:lang(zh-cmn-Hans),
article:lang(zh-cmn-Hans), aside:lang(zh-cmn-Hans), canvas:lang(zh-cmn-Hans), details:lang(zh-cmn-Hans), embed:lang(zh-cmn-Hans),
figure:lang(zh-cmn-Hans), figcaption:lang(zh-cmn-Hans), footer:lang(zh-cmn-Hans), header:lang(zh-cmn-Hans), hgroup:lang(zh-cmn-Hans),
main:lang(zh-cmn-Hans), menu:lang(zh-cmn-Hans), nav:lang(zh-cmn-Hans), output:lang(zh-cmn-Hans), ruby:lang(zh-cmn-Hans), section:lang(zh-cmn-Hans), summary:lang(zh-cmn-Hans),
time:lang(zh-cmn-Hans), mark:lang(zh-cmn-Hans), audio:lang(zh-cmn-Hans), video:lang(zh-cmn-Hans) {
  font-family: 'Noto Sans SC', sans-serif;
}

html:lang(zh-cmn-Hant), body:lang(zh-cmn-Hant), div:lang(zh-cmn-Hant), span:lang(zh-cmn-Hant), applet:lang(zh-cmn-Hant), object:lang(zh-cmn-Hant), iframe:lang(zh-cmn-Hant),
h1:lang(zh-cmn-Hant), h2:lang(zh-cmn-Hant), h3:lang(zh-cmn-Hant), h4:lang(zh-cmn-Hant), h5:lang(zh-cmn-Hant), h6:lang(zh-cmn-Hant), p:lang(zh-cmn-Hant), blockquote:lang(zh-cmn-Hant), pre:lang(zh-cmn-Hant),
a:lang(zh-cmn-Hant), abbr:lang(zh-cmn-Hant), acronym:lang(zh-cmn-Hant), address:lang(zh-cmn-Hant), big:lang(zh-cmn-Hant), cite:lang(zh-cmn-Hant), code:lang(zh-cmn-Hant),
del:lang(zh-cmn-Hant), dfn:lang(zh-cmn-Hant), em:lang(zh-cmn-Hant), img:lang(zh-cmn-Hant), ins:lang(zh-cmn-Hant), kbd:lang(zh-cmn-Hant), q:lang(zh-cmn-Hant), s:lang(zh-cmn-Hant), samp:lang(zh-cmn-Hant),
small:lang(zh-cmn-Hant), strike:lang(zh-cmn-Hant), strong:lang(zh-cmn-Hant), sub:lang(zh-cmn-Hant), sup:lang(zh-cmn-Hant), tt:lang(zh-cmn-Hant), var:lang(zh-cmn-Hant),
b:lang(zh-cmn-Hant), u:lang(zh-cmn-Hant), i:lang(zh-cmn-Hant), center:lang(zh-cmn-Hant),
dl:lang(zh-cmn-Hant), dt:lang(zh-cmn-Hant), dd:lang(zh-cmn-Hant), ol:lang(zh-cmn-Hant), ul:lang(zh-cmn-Hant), li:lang(zh-cmn-Hant),
fieldset:lang(zh-cmn-Hant), form:lang(zh-cmn-Hant), label:lang(zh-cmn-Hant), legend:lang(zh-cmn-Hant),
table:lang(zh-cmn-Hant), caption:lang(zh-cmn-Hant), tbody:lang(zh-cmn-Hant), tfoot:lang(zh-cmn-Hant), thead:lang(zh-cmn-Hant), tr:lang(zh-cmn-Hant), th:lang(zh-cmn-Hant), td:lang(zh-cmn-Hant),
article:lang(zh-cmn-Hant), aside:lang(zh-cmn-Hant), canvas:lang(zh-cmn-Hant), details:lang(zh-cmn-Hant), embed:lang(zh-cmn-Hant),
figure:lang(zh-cmn-Hant), figcaption:lang(zh-cmn-Hant), footer:lang(zh-cmn-Hant), header:lang(zh-cmn-Hant), hgroup:lang(zh-cmn-Hant),
main:lang(zh-cmn-Hant), menu:lang(zh-cmn-Hant), nav:lang(zh-cmn-Hant), output:lang(zh-cmn-Hant), ruby:lang(zh-cmn-Hant), section:lang(zh-cmn-Hant), summary:lang(zh-cmn-Hant),
time:lang(zh-cmn-Hant), mark:lang(zh-cmn-Hant), audio:lang(zh-cmn-Hant), video:lang(zh-cmn-Hant) {
  font-family: 'Noto Sans TC', sans-serif;
}

html:lang(ko), body:lang(ko), div:lang(ko), span:lang(ko), applet:lang(ko), object:lang(ko), iframe:lang(ko),
h1:lang(ko), h2:lang(ko), h3:lang(ko), h4:lang(ko), h5:lang(ko), h6:lang(ko), p:lang(ko), blockquote:lang(ko), pre:lang(ko),
a:lang(ko), abbr:lang(ko), acronym:lang(ko), address:lang(ko), big:lang(ko), cite:lang(ko), code:lang(ko),
del:lang(ko), dfn:lang(ko), em:lang(ko), img:lang(ko), ins:lang(ko), kbd:lang(ko), q:lang(ko), s:lang(ko), samp:lang(ko),
small:lang(ko), strike:lang(ko), strong:lang(ko), sub:lang(ko), sup:lang(ko), tt:lang(ko), var:lang(ko),
b:lang(ko), u:lang(ko), i:lang(ko), center:lang(ko),
dl:lang(ko), dt:lang(ko), dd:lang(ko), ol:lang(ko), ul:lang(ko), li:lang(ko),
fieldset:lang(ko), form:lang(ko), label:lang(ko), legend:lang(ko),
table:lang(ko), caption:lang(ko), tbody:lang(ko), tfoot:lang(ko), thead:lang(ko), tr:lang(ko), th:lang(ko), td:lang(ko),
article:lang(ko), aside:lang(ko), canvas:lang(ko), details:lang(ko), embed:lang(ko),
figure:lang(ko), figcaption:lang(ko), footer:lang(ko), header:lang(ko), hgroup:lang(ko),
main:lang(ko), menu:lang(ko), nav:lang(ko), output:lang(ko), ruby:lang(ko), section:lang(ko), summary:lang(ko),
time:lang(ko), mark:lang(ko), audio:lang(ko), video:lang(ko) {
  font-family: 'Noto Sans KR', sans-serif;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

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

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

@font-face {
  font-family: 'BarlowExtraLight';
  src: url("./fonts/Barlow-ExtraLight.ttf");
}
@font-face {
  font-family: 'BarlowBold';
  src: url("./fonts/Barlow-Bold.ttf");
}
@font-face {
  font-family: 'BarlowThin';
  src: url("./fonts/Barlow-Thin.ttf");
}
@font-face {
  font-family: 'BarlowRegular';
  src: url("./fonts/Barlow-Regular.ttf");
}
@font-face {
  font-family: 'CormorantGaramondBold';
  src: url("./fonts/CormorantGaramond-Bold.ttf");
}
@font-face {
  font-family: 'CormorantGaramondSemiBold';
  src: url("./fonts/CormorantGaramond-SemiBold.ttf");
}
@font-face {
  font-family: 'CormorantGaramondLight';
  src: url("./fonts/CormorantGaramond-Light.ttf");
}
@font-face {
  font-family: 'KontrapunktMikiBold';
  src: url("./fonts/KontrapunktMiki-Bold.otf");
}
@font-face {
  font-family: 'KontrapunktMikiExtraBold';
  src: url("./fonts/KontrapunktMiki-ExtraBold.otf");
}
@font-face {
  font-family: 'KontrapunktMikiRegular';
  src: url("./fonts/KontrapunktMiki-Regular.otf");
}

@font-face {
  font-weight: 200;
  font-family: "BrandonGrotesque";

  src: url(./fonts/BrandonGrotesque-Thin.otf) format("opentype");
}

@font-face {
  font-weight: 300;
  font-family: "BrandonGrotesque";

  src: url(./fonts/Brandon_light.otf) format("opentype");
}

@font-face {
  font-weight: 400;
  font-family: "BrandonGrotesque";

  src: url(./fonts/Brandon_reg.otf) format("opentype");
}

@font-face {
  font-weight: 500;
  font-family: "BrandonGrotesque";

  src: url(./fonts/Brandon_med.otf) format("opentype");
}

@font-face {
  font-family: 'AnonymousProBold';
  src: url("./fonts/AnonymousPro-Bold.ttf");
}
@font-face {
  font-family: 'AnonymousProRegular';
  src: url("./fonts/AnonymousPro-Regular.ttf");
}

@font-face {
  font-family: 'KariaBold';
  src: url("./fonts/Karla-Bold.ttf");
}
@font-face {
  font-family: 'KariaRegular';
  src: url("./fonts/Karla-Regular.ttf");
}

@font-face {
  font-family: 'ttnorms';
  font-weight: bold;
  src: url("./fonts/TTNorms-Bold.otf")
    format('opentype');
}

@font-face {
  font-family: 'ttnorms';
  font-weight: normal;
  src: url("./fonts/TTNorms-Regular.otf")
    format('opentype');
}

.EngNumFont {
  font-family: 'BarlowExtraLight';
}
.EngNumFontBold {
  font-family: 'BarlowBold';
}
.EngNumFontThin {
  font-family: 'BarlowThin';
}
.EngNumFontRegular {
  font-family: 'BarlowRegular';
}

.ElilaiFontBold {
  font-family: 'CormorantGaramondBold';
}

.CormorantGaramondLight {
  font-family: 'CormorantGaramondLight';
}

.EngAnteroomBold {
  font-family: 'AnonymousProBold';
}
.EngAnteroomRegular {
  font-family: 'AnonymousProRegular';
}

.EngStrataBold {
  font-family: 'KariaBold';
}
.EngStrataRegular {
  font-family: 'KariaRegular';
}

/*@font-face {
  font-family: 'KontrapunktMikiRegular';
  src: url("../fonts/KontrapunktMiki-Regular.otf");
}*/

html{
  overflow-x : hidden;
  overflow-y : auto;
}
html.sp_menu-opened {
  overflow-y : hidden;
  height: 50vh;
}

body {
  -webkit-text-size-adjust: 100%;
  background-color: #ffffff;
  overflow-x: hidden;
  line-height: 1.6;
  letter-spacing: 1px;

  font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  color: #333333; }

html.menu-opened {
  overflow-y: hidden;
  height: 50vh;
}
body.menu-opened {
  width: 100vw;
  overflow: hidden;
}
body.sp_menu-opened {
  overflow-x: hidden;
  overflow-y : auto;
  height: 50vh;
}
.main-wrapper.sp_menu-opened {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
.common-footer.sp_menu-opened {
  width: 100vw;
  height: 0;
  overflow: hidden;
}

a {
  color: inherit; }

img {
  vertical-align: middle; }

.Card {
  border: 1px solid #181818;
  padding: 8px; }

.Grid {
  display: flex;
  flex-wrap: wrap; }
.Grid > * {
  box-sizing: border-box;
  display: flex; }
@media (min-width: 481px) {
  .Grid--2col > * {
    width: 50%;
  }
  .Grid--3col > * {
    width: 33.3%;
  }
  .Grid--4col > * {
    width: 25%;
  }
}

.Button {
  display: inline-block;
  box-sizing: border-box;
  padding: 1em;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: none;
  border: 1px solid #181818;
  border-radius: 0;
  letter-spacing: inherit;
  line-height: 1.2;
  font-family: inherit;
  font-size: inherit;
  text-decoration: none;
  color: inherit;
  transition: opacity 500ms; }
@media (min-width: 641px) {
  .BlockButton:hover {
    box-shadow: 0px 15px 20px rgba(0,0,0,0.18);
  }
  .BlockButtonDark:hover {
    box-shadow: 0px 15px 20px rgba(0,0,0,0.50);
  }
  .BlockButtonDarkRescape:hover {
    box-shadow: 0px 15px 20px rgba(0,0,0,0.50);
    opacity: 0.85;
  }
  .BlockButtonFade:hover {
    box-shadow: 0px 15px 20px rgba(0,0,0,0.18);
    opacity: 0.8;
  }

  .TextButton:hover {
    opacity: 0.7 !important; }

  .BlockShadow {
    box-shadow: 3px 3px 20px rgba(0,0,0,0.18);
  }
}
@media (max-width: 641px) {
  .spShadowBlock {
    box-shadow: 3px 3px 10px rgba(0,0,0,0.18);
  }
}
.SpBlockShadow {
  box-shadow: 3px 3px 15px rgba(0,0,0,0.18);
}
.Button.is-focus {
  text-decoration: none; }
.Button:active, .Button.is-active {
  background-image: none;
  outline: 0; }
.Button.disabled, .Button:is-disabled {
  opacity: .65; }
.Button--invert {
  background-color: #181818;
  color: white; }

a.Button.is-disabled,
fieldset[disabled] a.Button {
  pointer-events: none; }

.Button-block {
  display: block;
  width: 100%; }

input[type="submit"].Button-block,
input[type="reset"].Button-block,
input[type="button"].Button-block {
  width: 100%; }

.pager{
  margin: 3em 0 0 0;
  font-size: 12px;
  letter-spacing: -0.4em;
  white-space: nowrap;
  text-align: center;
}

.pager .page-numbers{
  position: relative;
  text-decoration: none !important;
  display: inline-block;
  vertical-align:  middle;
  letter-spacing: normal;
  padding: 0.8em 1em;
  line-height: 1;
  border: 1px solid #181818;
  text-align: center;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0.5em;
  transition: background-color 0.4s ease 0s,color 0.4s ease 0s;
  border-radius: 100%;
}

.pager .page-numbers.current,
.pager .page-numbers:hover{
  background-color: #f5f2ee;
  color: #000000;
}

.pager .page-numbers:first-child{
  margin-left: 0;
}

.pager .page-numbers:last-child{
  margin-right: 0;
}

.pager .page-numbers.prev:hover,
.pager .page-numbers.next:hover{
  background-color: #ffffff !important;
}

.pager .page-numbers.prev:after{
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: .1em;
  margin-right: .5em;
  border-style: solid;
  border-width: 6px 7.5px 6px 0;
  border-color: transparent #000 transparent transparent
}

.pager .page-numbers.next:after{
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: .1em;
  margin-left: .5em;
  border-style: solid;
  border-width: 6px 0 6px 7.5px;
  border-color: transparent transparent transparent #000
}

.pager .page-numbers.prev{
  padding: 0;
}

.pager .page-numbers.next{
  padding: 0;
}


@media (max-width: 650px) {
  .pager{ font-size: 10px; }
}

.content {
  /* padding-top: 120px;  */
}
@media (max-width:768px) {
  .content {
    padding-top: 122px; } }

.page__title {
  font-size: 4.5rem;
  font-family: 'p22-underground', 'Yu Gothic', '貂ｸ繧ｴ繧ｷ繝�け', YuGothic, '貂ｸ繧ｴ繧ｷ繝�け菴�', sans-serif;
}

a {
  text-decoration: none;
}

@media (min-width:769px) {
  .sp_only {
    display: none !important;
  }
}

@media (max-width:768px) {
  .pc_only {
    display: none !important;
  }
}

.dispaly_none {
  display: none !important;
}

/* 蜈ｱ騾壼､画焚險ｭ螳� */
:root {
  --base_normal-font-size: 11.875px;
}

.fixed {
  position: fixed;
}

.win_cover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 999999;
  pointer-events: none;
}

@media (max-width:640px) {
  .win_cover {
    width: 640px;
  }
}

.win_cover.fade_out {
  -webkit-animation-name: fadeOutBG;
          animation-name: fadeOutBG;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes fadeOutBG {
  0% {
    opacity : 1;
  }
  100% {
    opacity : 0;
  }
}

@keyframes fadeOutBG {
  0% {
    opacity : 1;
  }
  100% {
    opacity : 0;
  }
}

.omission_text {
  opacity: 0;
}

@media (min-width: 641px) {
  .hoverShadow:hover {
    box-shadow: 0px 15px 20px rgba(66, 66, 86,0.2);
  }
}

.fadeInUnder {
  -webkit-animation-name: fadeInUnder;
          animation-name: fadeInUnder;
  -webkit-animation-duration: 1.0s;
          animation-duration: 1.0s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.hoverImage {
  transition-duration: 0.4s;
}
.hoverBlock {
  overflow: hidden;
}
.hoverBlock svg {
  transition-duration: 0.4s;
}

@media (min-width: 641px) {
  .hoverBlock:hover .hoverImage {
    transform: scale(1.1);
    transition-duration: 0.4s;
  }
  .hoverBlock:hover svg {
    transform: scale(1.1);
    transition-duration: 0.4s;
  }
}

@-webkit-keyframes fadeInUnder {
  from {
    opacity : 0;
    transform : translate(0, 50px);
  }
  40% {
    opacity : 0.4;
    transform : translate(0, 0);
  }
  50% {
    opacity : 0.5;
    transform : translate(0, 0);
  }
  75% {
    opacity : 0.75;
    transform : translate(0, 0);
  }
  to {
    opacity : 1.0;
    transform : translate(0, 0);
  }
}

@keyframes fadeInUnder {
  from {
    opacity : 0;
    transform : translate(0, 50px);
  }
  40% {
    opacity : 0.4;
    transform : translate(0, 0);
  }
  50% {
    opacity : 0.5;
    transform : translate(0, 0);
  }
  75% {
    opacity : 0.75;
    transform : translate(0, 0);
  }
  to {
    opacity : 1.0;
    transform : translate(0, 0);
  }
}

select,option {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.fade_in_ga {
  -webkit-animation-name: gaFadeIn;
          animation-name: gaFadeIn;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes gaFadeIn {
  from {
    opacity : 0;
  }
  to {
    opacity : 1.0;
  }
}

@keyframes gaFadeIn {
  from {
    opacity : 0;
  }
  to {
    opacity : 1.0;
  }
}

.main-wrapper {
  opacity: 0;
}

.main-wrapper.none {
  display: none;
}

.brank {
  margin-top: 30px;
}

a {
  /*-webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/
}

.page-numbers.prev {
  display: none;
}
.page-numbers.next {
  display: none;
}

.pager {
  margin-top: 50px;
  margin-bottom: 55px;
}

.pager .page-numbers {
  border-radius: 0;
  border: 1px solid #E6E6E6;
  font-size: 18px;
  color: #999999;
  width: 45px;
  height: 45px;
  margin: 0 2px;
  padding: 0;
  padding-top: 12px;
  font-family: 'BarlowExtraLight';
}

.pager .page-numbers.dots {
  border: none;
  padding-top: 8px;
  width: 32px;
  margin: 0;
}

.pager .page-numbers.current, .pager .page-numbers:hover {
  background-color: #E6E6E6;
  color: #333333;
}

.pager .page-numbers.dots:hover {
  background-color: transparent;
  color: #999999;
}

@media (max-width:640px) {
  .pager {
    margin-bottom: 80px;
  }
  .pager .page-numbers {
    font-size: 28px;
    width: 70px;
    height: 70px;
    padding-top: 20px;
    margin: 0 5px;
  }
  .pager .page-numbers.dots {
    padding-top: 12px;
    width: 35px;
  }
}

.swiper-wrapper {
  transition-timing-function: ease-in-out;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-transform:perspective(0);
  will-change: transform;
}
.swiper-wrapper.opened {
  transition-duration: 350ms !important;
}

select,option {
  color: #000;
}

.lang_li_ante {
  margin-right: 25px !important;
  font-size: 23px !important;
  top: 31px !important;
}

.drop_under_arrow_ante {
  border-width: 8px 8px 0 8px;
}

.lang_panel_ante {
  position: absolute;
  top: 95px;
  right: 0;
  background-color: rgb(242, 242, 242);
  width: 90px;
  opacity: 0;
  pointer-events: none;
}

.menu-top_sp_ante {
  margin-right: 90px !important;
  position: absolute !important;
  right: 0 !important;
}

.lang_panel_ante_link_wrap {
  width: 100%;
  text-align: center;
  font-size: 20px;
  color: #999999;
  margin-bottom: 5px;
}

.fade_in_anteroom_lang {
  pointer-events: auto !important;
  -webkit-animation-name: antFadeIn;
          animation-name: antFadeIn;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes antFadeIn {
  from {
    opacity : 0;
  }
  to {
    opacity : 1.0;
  }
}

@keyframes antFadeIn {
  from {
    opacity : 0;
  }
  to {
    opacity : 1.0;
  }
}