/* ************************************************************************
   ************************************************************************

    COMMON SETTINGS

   ************************************************************************
   ************************************************************************ */
/* ------------------------------
    RESPONSIVE SETTINGS
  ------------------------------ */
/* ------------------------------
    FONT
  ------------------------------ */
@font-face {
  font-family: "Quentin";
  src: url("../fonts/Quentin.otf") format("opentype");
}
@font-face {
  font-family: "neueplak";
  src: url("../fonts/NeuePlak-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "neueplak";
  src: url("../fonts/NeuePlak-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "neueplak";
  src: url("../fonts/NeuePlak-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NeuePlakCondensed";
  src: url("../fonts/NeuePlakCondensed-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NeuePlakCondensed";
  src: url("../fonts/NeuePlakCondensed-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NeuePlakCondensed";
  src: url("../fonts/NeuePlakCondensed-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "neueplak-wide";
  src: url("../fonts/NeuePlak-WideBold.eot");
  src: local("Neue Plak Wide Bold"), local("NeuePlak-WideBold"), url("../fonts/NeuePlak-WideBold.eot?#iefix") format("embedded-opentype"), url("../fonts/NeuePlak-WideBold.woff2") format("woff2"), url("../fonts/NeuePlak-WideBold.woff") format("woff"), url("../fonts/NeuePlak-WideBold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "neueplak-wide";
  src: url("../fonts/NeuePlak-WideBlack.eot");
  src: local("Neue Plak Wide Black"), local("NeuePlak-WideBlack"), url("../fonts/NeuePlak-WideBlack.eot?#iefix") format("embedded-opentype"), url("../fonts/NeuePlak-WideBlack.woff2") format("woff2"), url("../fonts/NeuePlak-WideBlack.woff") format("woff"), url("../fonts/NeuePlak-WideBlack.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
.t__min {
  font-family: cormorant-garamond, shippori-mincho, sans-serif !important;
}

/* ------------------------------
    COLOR SETTINGS
  ------------------------------ */
/* ------------------------------
    MIXIN
  ------------------------------ */
/* ------------------------------
    TRANSITION TIMING
  ------------------------------ */
/* ------------------------------
    KEYFRAME
  ------------------------------ */
@-webkit-keyframes scrollDown {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: center top;
            transform-origin: center top;
  }
  45% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: center top;
            transform-origin: center top;
  }
  55% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
  }
  100% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
  }
}
@keyframes scrollDown {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: center top;
            transform-origin: center top;
  }
  45% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: center top;
            transform-origin: center top;
  }
  55% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
  }
  100% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
  }
}
@-webkit-keyframes loopCl {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes loopCl {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@-webkit-keyframes loopClRv {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@keyframes loopClRv {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@-webkit-keyframes floatAnim {
  0% {
    -webkit-transform: scale(1) translatey(0);
            transform: scale(1) translatey(0);
  }
  20% {
    -webkit-transform: scale(1.025) translatey(2rem);
            transform: scale(1.025) translatey(2rem);
  }
  40% {
    -webkit-transform: scale(1) translatey(0);
            transform: scale(1) translatey(0);
  }
  60% {
    -webkit-transform: scale(1.025) translatey(2rem);
            transform: scale(1.025) translatey(2rem);
  }
  80% {
    -webkit-transform: scale(1) translatey(0);
            transform: scale(1) translatey(0);
  }
  100% {
    -webkit-transform: scale(1.025) translatey(2rem);
            transform: scale(1.025) translatey(2rem);
  }
}
@keyframes floatAnim {
  0% {
    -webkit-transform: scale(1) translatey(0);
            transform: scale(1) translatey(0);
  }
  20% {
    -webkit-transform: scale(1.025) translatey(2rem);
            transform: scale(1.025) translatey(2rem);
  }
  40% {
    -webkit-transform: scale(1) translatey(0);
            transform: scale(1) translatey(0);
  }
  60% {
    -webkit-transform: scale(1.025) translatey(2rem);
            transform: scale(1.025) translatey(2rem);
  }
  80% {
    -webkit-transform: scale(1) translatey(0);
            transform: scale(1) translatey(0);
  }
  100% {
    -webkit-transform: scale(1.025) translatey(2rem);
            transform: scale(1.025) translatey(2rem);
  }
}
@-webkit-keyframes BoudingMarker {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-200%);
            transform: translateY(-200%);
  }
  5% {
    opacity: 1;
    -webkit-transform: translateY(-200%);
            transform: translateY(-200%);
  }
  85% {
    opacity: 1;
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes BoudingMarker {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-200%);
            transform: translateY(-200%);
  }
  5% {
    opacity: 1;
    -webkit-transform: translateY(-200%);
            transform: translateY(-200%);
  }
  85% {
    opacity: 1;
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@-webkit-keyframes rotateLoop {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotateLoop {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.topSectionTitle {
  font-family: "neueplak-wide", sans-serif !important;
  font-weight: 700;
}

.topBanners {
  background: #121212;
  color: white;
}
@media screen and (min-width: 320px) {
  .topBanners {
    padding: 15px 0 3rem;
  }
}
@media screen and (min-width: 600px) {
  .topBanners {
    padding: 30px 0 3rem;
  }
}

.bannerItem .img {
  position: relative;
  padding-bottom: 66.67%;
  overflow: hidden;
}
.bannerItem img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.bannerItem figcaption {
  padding: 0.5rem 0 0;
  text-align: center;
  color: rgba(255, 255, 255, 0.65);
}

.bannerThumbs {
  margin: 1.5rem auto 0;
}
.bannerThumbs .bannerWrapper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bannerThumbs .bannerItem {
  cursor: pointer;
  opacity: 0.4;
  -webkit-transform: scale(0.85) !important;
          transform: scale(0.85) !important;
  -webkit-transition: opacity 300ms ease, -webkit-transform 300ms ease;
  transition: opacity 300ms ease, -webkit-transform 300ms ease;
  transition: opacity 300ms ease, transform 300ms ease;
  transition: opacity 300ms ease, transform 300ms ease, -webkit-transform 300ms ease;
}
.bannerThumbs .bannerItem a {
  pointer-events: none;
}
.bannerThumbs .bannerItem.swiper-slide-thumb-active {
  opacity: 1;
  -webkit-transform: scale(1) !important;
          transform: scale(1) !important;
}
.bannerThumbs .bannerItem:hover {
  opacity: 0.85;
}
.bannerThumbs figcaption {
  display: none;
}

.layer {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.fvBg {
  overflow: hidden;
}
.fvBg .bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.fvBg .people {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.fvBg .people picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.fvBg .people img {
  height: auto !important;
}
@media screen and (min-width: 320px) {
  .fvBg .people img {
    width: 114% !important;
  }
}
@media screen and (min-width: 600px) {
  .fvBg .people img {
    width: 63.8% !important;
  }
}
@media screen and (min-width: 1441px) {
  .fvBg .people img {
    width: 91.8% !important;
  }
}
.fvBg .copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (min-width: 320px) {
  .fvBg .copy {
    padding: 0 2.5% 18rem;
  }
}
@media screen and (min-width: 600px) {
  .fvBg .copy {
    padding: 0 0 4rem 2.5%;
  }
}
.fvBg .copy img {
  height: auto !important;
}
@media screen and (min-width: 320px) {
  .fvBg .copy img {
    width: 100% !important;
  }
}
@media screen and (min-width: 600px) {
  .fvBg .copy img {
    width: 42.5% !important;
  }
}
.fvBg .logo {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (min-width: 320px) {
  .fvBg .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8.56rem 0 0 0;
  }
}
@media screen and (min-width: 600px) {
  .fvBg .logo {
    display: none;
    padding: 8.56rem 0 0 0;
  }
}
.fvBg .logo img {
  height: auto !important;
}
@media screen and (min-width: 320px) {
  .fvBg .logo img {
    width: 40% !important;
  }
}
@media screen and (min-width: 600px) {
  .fvBg .logo img {
    width: 40% !important;
  }
}

@media screen and (min-width: 600px) {
  #__topFv .__news article {
    max-width: 50%;
  }
}

.fvmatch {
  overflow: hidden;
}
.fvmatch .fvmatch_bg, .fvmatch .fvmatch_people, .fvmatch .fvmatch_info, .fvmatch .fvmatch_video {
  position: absolute;
  z-index: 1;
}
.fvmatch .fvmatch_bg {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fvmatch .fvmatch_bg img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.fvmatch .fvmatch_bg .layerCopy {
  position: absolute;
  z-index: 1;
  inset: auto auto 2.5vw 2.5vw;
  width: 25% !important;
  height: auto !important;
}
@media screen and (min-width: 320px) {
  .fvmatch .fvmatch_bg .layerCopy {
    display: none !important;
  }
}
@media screen and (min-width: 600px) {
  .fvmatch .fvmatch_bg .layerCopy {
    display: block !important;
  }
}
.fvmatch .fvmatch_people {
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (min-width: 320px) {
  .fvmatch .fvmatch_people {
    width: 100%;
  }
}
@media screen and (min-width: 600px) {
  .fvmatch .fvmatch_people {
    width: 50%;
  }
}
.fvmatch .fvmatch_people img {
  height: auto !important;
}
@media screen and (min-width: 320px) {
  .fvmatch .fvmatch_people img {
    width: 115% !important;
    -webkit-transform: translateY(-10%) translateX(18.5%);
            transform: translateY(-10%) translateX(18.5%);
  }
}
@media screen and (min-width: 600px) {
  .fvmatch .fvmatch_people img {
    width: 100% !important;
    -webkit-transform: translateY(18%);
            transform: translateY(18%);
  }
}
.fvmatch .fvmatch_info {
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 320px) {
  .fvmatch .fvmatch_info {
    width: 50%;
    height: 100%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (min-width: 600px) {
  .fvmatch .fvmatch_info {
    width: 50%;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.fvmatch .fvmatch_info img {
  -o-object-fit: contain !important;
     object-fit: contain !important;
  height: auto !important;
}
@media screen and (min-width: 320px) {
  .fvmatch .fvmatch_info img {
    width: 92.5% !important;
    -webkit-transform: translateY(62.5%);
            transform: translateY(62.5%);
  }
}
@media screen and (min-width: 600px) {
  .fvmatch .fvmatch_info img {
    width: 72.5% !important;
    -webkit-transform: translateY(12.5%);
            transform: translateY(12.5%);
  }
}

.topPlaerlist__maintenance {
  line-height: 1.82;
  padding: 0 5vw;
}
@media screen and (min-width: 320px) {
  .topPlaerlist__maintenance {
    font-size: 1.14rem;
  }
}
@media screen and (min-width: 600px) {
  .topPlaerlist__maintenance {
    font-size: 1.24rem;
  }
}/*# sourceMappingURL=top.css.map */