@charset "utf-8";
@import 'common.css';
:root {
  --artist-pnavw: 9rem;
  --exhibition-pnavw: 11rem;
}
.bg1 {
  background-color: #262626;
}
.bg2 {
  background-color: #F5F5F5;
}
.c00 {
  color: #000000;
}
.c33 {
  color: #333333;
}
.c99 {
  color: #999999;
}
.c80 {
  color: #808080;
}
.c85 {
  color: #858585;
}
.cff {
  color: #ffffff;
}
.co1 {
  color: #6D7278;
}
.icoimg {
  display: flex;
  align-items: center;
  justify-content: center;
}
.icoimg img {
  max-width: 100%;
  max-height: 100%;
}
[line-txt] {
  background-image: linear-gradient(currentcolor, currentcolor);
  background-size: 0% 1px;
  background-repeat: no-repeat;
  background-position: bottom right;
  transition: background-size 0.8s cubic-bezier(0, 0.7, 0.32, 1.28);
}
@media (hover: hover) and (pointer: fine) {
  [btn-moreH]:hover [btn-more-jt] {
    animation-duration: 0.8s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-name: ArrowMoveNext;
  }
  [btn-moreH]:hover [line-txt] {
    background-size: 100% 1px;
    background-position: bottom left;
  }
}
@keyframes sonarAnimation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  5% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
  }
}
@keyframes sonarAnimation2 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  5% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes ArrowMoveNext {
  0% {
    opacity: 1;
    transform: none;
    transform-origin: right center;
  }
  40% {
    opacity: 1;
    transform: translateX(5px) scale(0);
    transform-origin: right center;
  }
  40.01% {
    opacity: 0;
    transform: translateX(-5px) scale(1);
    transform-origin: left center;
  }
  100% {
    opacity: 1;
    transform: none;
    transform-origin: left center;
  }
}
@keyframes ArrowMoveBack {
  0% {
    transform: none;
    transform-origin: left center;
  }
  40% {
    transform: translateX(-5px) scale(0);
    transform-origin: left center;
  }
  40.01% {
    transform: translateX(5px) scale(0.8);
    transform-origin: right center;
  }
  100% {
    transform: none;
    transform-origin: right center;
  }
}
@keyframes arrowGoRight {
  0% {
    opacity: 1;
    transform: translate(-100%, 100%);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
html {
  font-size: 10px;
}
@media screen and (min-width: 2000px) {
  html {
    font-size: 10.2px;
  }
}
@media screen and (min-width: 2200px) {
  html {
    font-size: 10.4px;
  }
}
@media screen and (min-width: 2400px) {
  html {
    font-size: 10.8px;
  }
}
@media screen and (min-width: 2500px) {
  html {
    font-size: 11px;
  }
}
@media screen and (min-width: 3000px) {
  html {
    font-size: 11.2px;
  }
}
@media screen and (max-width: 1370px) {
  html {
    font-size: 9.375px;
  }
}
@media screen and (max-width: 1280px) {
  html {
    font-size: 9px;
  }
}
.inner {
  width: 91.66%;
  margin: 0 auto;
}
@media screen and (max-width: 1180px) {
  .inner {
    width: 92%;
  }
}
.inner-pl {
  padding-left: 4.17%;
}
@media screen and (max-width: 1180px) {
  .inner-pl {
    padding-left: 4%;
  }
}
.inner-pr {
  padding-right: 4.17%;
}
@media screen and (max-width: 1180px) {
  .inner-pr {
    padding-right: 4%;
  }
}
.inner-ml {
  margin-left: 4.17%;
}
@media screen and (max-width: 1180px) {
  .inner-ml {
    margin-left: 4%;
  }
}
.inner-mr {
  margin-right: 4.17%;
}
@media screen and (max-width: 1180px) {
  .inner-mr {
    margin-right: 4%;
  }
}
.inner1770 {
  width: 92.18%;
  margin: 0 auto;
}
@media screen and (max-width: 1180px) {
  .inner1770 {
    width: 92%;
  }
}
.inner1600 {
  width: 83.34%;
  margin: 0 auto;
}
@media screen and (max-width: 1650px) {
  .inner1600 {
    width: 86%;
  }
}
@media screen and (max-width: 1180px) {
  .inner1600 {
    width: 90%;
  }
}
.inner1510 {
  width: 78.64%;
  margin: 0 auto;
}
@media screen and (max-width: 1650px) {
  .inner1510 {
    width: 84%;
  }
}
@media screen and (max-width: 1180px) {
  .inner1510 {
    width: 90%;
  }
}
.inner1436 {
  width: 74.792%;
  margin: 0 auto;
}
@media screen and (max-width: 1650px) {
  .inner1436 {
    width: 82%;
  }
}
@media screen and (max-width: 1180px) {
  .inner1436 {
    width: 90%;
  }
}
.inner1300 {
  width: 67.708%;
  margin: 0 auto;
}
@media screen and (max-width: 1650px) {
  .inner1300 {
    width: 80%;
  }
}
@media screen and (max-width: 1180px) {
  .inner1300 {
    width: 90%;
  }
}
.inner1208 {
  max-width: 120.8rem;
  margin: 0 auto;
  width: 84%;
}
@media screen and (max-width: 1180px) {
  .inner1208 {
    width: 90%;
  }
}
.lh20 {
  line-height: 2;
}
@media screen and (max-width: 1181px) {
  .lh20 {
    line-height: 1.8;
  }
}
.lh18 {
  line-height: 1.8;
}
@media screen and (max-width: 1181px) {
  .lh18 {
    line-height: 1.7;
  }
}
.lh175 {
  line-height: 1.75;
}
@media screen and (max-width: 1181px) {
  .lh175 {
    line-height: 1.7;
  }
}
.lh17 {
  line-height: 1.7;
}
@media screen and (max-width: 1181px) {
  .lh17 {
    line-height: 1.65;
  }
}
.lh165 {
  line-height: 1.65;
}
@media screen and (max-width: 1181px) {
  .lh165 {
    line-height: 1.6;
  }
}
.lh16 {
  line-height: 1.6;
}
.lh15 {
  line-height: 1.5;
}
.lh145 {
  line-height: 1.45;
}
.lh14 {
  line-height: 1.4;
}
.lh13 {
  line-height: 1.3;
}
.lh136 {
  line-height: 1.36;
}
.lh125 {
  line-height: 1.25;
}
.lh12 {
  line-height: 1.2;
}
.lh11 {
  line-height: 1.1;
}
.lh10 {
  line-height: 1;
}
.br40 {
  border-radius: 4rem;
}
@media screen and (max-width: 1181px) {
  .br40 {
    border-radius: 3rem;
  }
}
@media screen and (max-width: 750px) {
  .br40 {
    border-radius: 2rem;
  }
}
.br30 {
  border-radius: 3rem;
}
@media screen and (max-width: 1181px) {
  .br30 {
    border-radius: 2rem;
  }
}
@media screen and (max-width: 750px) {
  .br30 {
    border-radius: 1.6rem;
  }
}
.br20 {
  border-radius: 2rem;
}
@media screen and (max-width: 1181px) {
  .br20 {
    border-radius: 1.5rem;
  }
}
@media screen and (max-width: 750px) {
  .br20 {
    border-radius: 1.2rem;
  }
}
.br10 {
  border-radius: 1rem;
}
@media screen and (max-width: 1181px) {
  .br10 {
    border-radius: 0.8rem;
  }
}
.br12 {
  border-radius: 1.2rem;
}
@media screen and (max-width: 1181px) {
  .br12 {
    border-radius: 1rem;
  }
}
.br15 {
  border-radius: 1.5rem;
}
@media screen and (max-width: 1181px) {
  .br15 {
    border-radius: 1.2rem;
  }
}
@media screen and (max-width: 750px) {
  .br15 {
    border-radius: 1rem;
  }
}
.br08 {
  border-radius: 0.8rem;
}
.br06 {
  border-radius: 0.6rem;
}
.img-br20 img {
  border-radius: 2rem;
}
@media screen and (max-width: 1181px) {
  .img-br20 img {
    border-radius: 1.5rem;
  }
}
@media screen and (max-width: 750px) {
  .img-br20 img {
    border-radius: 1.2rem;
  }
}
[swiper-ipad] {
  overflow: hidden;
}
@media screen and (max-width: 1181px) {
  [swiper-ipad] {
    overflow: initial;
  }
}
[swiper-iphone] {
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  [swiper-iphone] {
    overflow: initial;
  }
}
.pc {
  display: none;
}
@media screen and (min-width: 1181px) {
  .pc {
    display: block;
  }
}
.mo {
  display: none;
}
@media screen and (max-width: 1180px) {
  .mo {
    display: block;
  }
}
.df-flex {
  display: flex;
}
.df-flex-ipad {
  display: flex;
}
@media screen and (max-width: 1180px) {
  .df-flex-ipad {
    display: block;
  }
}
.df-flex-iphone {
  display: flex;
}
@media screen and (max-width: 640px) {
  .df-flex-iphone {
    display: block;
  }
}
.flex-w {
  flex-wrap: wrap;
}
@media screen and (max-width: 1180px) {
  .flex-w-ipad {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 640px) {
  .flex-w-iphone {
    flex-wrap: wrap;
  }
}
.fd-c {
  flex-direction: column;
}
.fj-c {
  justify-content: center;
}
.fj-sb {
  justify-content: space-between;
}
.fd-rr {
  flex-direction: row-reverse;
}
.fa-c {
  align-items: center;
}
.fa-b {
  align-items: flex-end;
}
.fws500 {
  font-weight: 500;
}
.fwb500 {
  font-weight: 500;
}
.fwno {
  font-weight: normal;
}
.fwli {
  font-weight: lighter;
}
.fwblod {
  font-weight: bold;
}
.tt-up {
  text-transform: uppercase;
}
.pageC-a a {
  color: #6D7278;
}
.pageC-a a:hover {
  text-decoration: underline;
}
.pageC-imgb img {
  border-radius: 1.2rem;
}
.pageC img {
  max-width: 100% !important;
  height: auto !important;
}
.pageC-br20 img {
  border-radius: 2rem;
}
@media screen and (max-width: 1180px) {
  .pageC-br20 img {
    border-radius: 1rem;
  }
}
@media screen and (max-width: 750px) {
  .pageC-br20 img {
    border-radius: 0.8rem;
  }
}
.pageC-ul ul {
  margin-left: 2rem;
}
.pageC-tab table {
  width: 100% !important;
}
.pageC-tab table tr td {
  border: 1px solid #333333;
  padding: 2rem;
}
@media screen and (max-width: 1180px) {
  .pageC-tab table tr td {
    padding: 1.5rem;
  }
}
@media screen and (max-width: 750px) {
  .pageC-tab table tr td {
    padding: 1rem;
  }
}
@media screen and (max-width: 750px) {
  .pageC-tab-ov {
    overflow-x: auto;
  }
  .pageC-tab-ov table {
    min-width: 750px !important;
  }
}
[hoverText-box] {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  line-height: 1.1;
  overflow: hidden;
}
[hoverText-box] .is-text {
  display: block;
  transform: translateY(0);
  -webkit-transition: 0.6s cubic-bezier(0.47, 0.16, 0.24, 1);
  transition: 0.6s cubic-bezier(0.47, 0.16, 0.24, 1);
}
[hoverText-box] .is-text:nth-child(2) {
  position: absolute;
  left: 0;
  top: 100%;
  opacity: 0;
}
@media (hover: hover) and (pointer: fine) {
  [hovertext]:hover [hoverText-box] .is-text:nth-child(1) {
    opacity: 0;
    transform: translateY(-101%);
  }
  [hovertext]:hover [hoverText-box] .is-text:nth-child(2) {
    opacity: 1;
    transform: translateY(-100%);
  }
}
.tt-arow {
  position: relative;
  width: 3.3rem;
  height: 3.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 500;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}
.tt-arow.pos-a {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.tt-arow.pos-a.swiper-prev {
  left: 0;
}
.tt-arow.pos-a.tt-arow-l {
  left: 4.17%;
}
.tt-arow.pos-a.swiper-next {
  right: 0;
}
.tt-arow.pos-a.tt-arow-r {
  right: 4.17%;
}
.tt-arow .ico {
  position: relative;
  color: #6D7278;
  line-height: 1;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}
.tt-arow.swiper-button-disabled {
  opacity: 0.3;
  cursor: no-drop;
}
.tt-arow.swiper-button-lock {
  display: none;
}
@media (hover: hover) and (pointer: fine) {
  .tt-arow:hover .ico {
    color: #000000;
  }
}
@media screen and (max-width: 1180px) {
  .tt-arow {
    width: 2.8rem;
    height: 2.8rem;
  }
  .tt-arow.pos-a.tt-arow-l {
    left: 4%;
  }
  .tt-arow.pos-a.tt-arow-r {
    right: 4%;
  }
}
@media screen and (max-width: 750px) {
  .tt-arow {
    width: 2.2rem;
    height: 2.2rem;
  }
}
.tt-flext-arrow {
  display: flex;
}
.tt-flext-arrow .tt-arow {
  position: relative;
  top: auto;
  transform: none;
  margin-left: 3rem;
}
.tt-flext-arrow .tt-arow:first-child {
  margin-left: 0;
}
@media screen and (max-width: 1180px) {
  .tt-flext-arrow .tt-arow {
    margin-left: 2.2rem;
  }
}
@media screen and (max-width: 750px) {
  .tt-flext-arrow .tt-arow {
    margin-left: 1.4rem;
  }
}
@media screen and (max-width: 1180px) {
  .tt-pad-arow {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3rem;
  }
  .tt-pad-arow .tt-arow {
    position: relative;
    top: auto;
    transform: none;
    margin-left: 3rem;
  }
  .tt-pad-arow .tt-arow:first-child {
    margin-left: 0;
  }
  .tt-pad-arow .tt-arow.swiper-prev {
    left: initial;
  }
  .tt-pad-arow .tt-arow.tt-arow-l {
    left: initial;
  }
  .tt-pad-arow .tt-arow.swiper-next {
    right: initial;
  }
  .tt-pad-arow .tt-arow.tt-arow-r {
    right: initial;
  }
}
[tt-ermH] {
  position: relative;
}
[tt-ermH] .foot-ermbox {
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translate(-50%, -15%);
  width: 14rem;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  border-radius: 5px;
  padding: 5px;
  background-color: #ffffff;
  box-shadow: 0 1rem 2rem rgba(51, 51, 51, 0.1);
  z-index: 1000;
  transition: 0.5s;
  -webkit-transition: 0.5s;
}
[tt-ermH] .foot-ermbox::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  padding: 5px;
  background-color: #ffffff;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateY(50%) rotate(45deg);
}
[tt-ermH]:hover .foot-ermbox {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
  transform: translate(-50%, 0);
}
.pvideo-bg {
  position: fixed;
  z-index: 1008;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.4s;
  -webkit-transition: 0.4s;
}
.pvideo-box {
  position: absolute;
  top: 60%;
  left: 50%;
  width: 74%;
  transform: translate(-50%, -50%);
  opacity: 0;
  color: #ffffff;
  transition: 0.4s;
  -webkit-transition: 0.4s;
}
.pvideo-box .videon {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
@media screen and (max-width: 1180px) {
  .pvideo-box {
    width: 90%;
  }
}
@media screen and (max-width: 640px) {
  .pvideo-box {
    width: 100%;
  }
}
.pvideo {
  background-color: #000000;
  position: relative;
  width: 100%;
  height: 100%;
}
.pv-close {
  position: fixed;
  right: 3%;
  top: 3%;
  line-height: 1;
  text-align: center;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3.2rem;
  transition: 0.4s;
  -webkit-transition: 0.4s;
}
.pv-close:hover {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.overlay {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.overlay .pvideo-box {
  opacity: 1;
  pointer-events: all;
  top: 50%;
}
.md-modal {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1100;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.7);
  pointer-events: none;
  transition: 0.35s;
  -webkit-transition: 0.35s;
}
.md-content {
  margin: 0 auto;
  position: relative;
  opacity: 0;
  transition: 0.35s;
  -webkit-transition: 0.35s;
}
.md-modal-page {
  width: 100%;
  height: 100%;
  display: block;
}
.md-show body {
  overflow-y: hidden;
}
.md-show .form-box-close {
  opacity: 1;
}
.md-show .md-content {
  transform: inherit;
  -webkit-transform: inherit;
  opacity: 1;
}
.md-show .md-modal {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.mask-modal {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1010;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.45);
  pointer-events: none;
  transition: 0.35s;
  -webkit-transition: 0.35s;
}
.mask-modal-page {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  max-height: 100vh;
}
.mask-page {
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 100vh;
}
.mask-content {
  margin: 0 auto;
  transform: scale(0.96);
  opacity: 0;
  transition: 0.35s;
  -webkit-transition: 0.35s;
}
.mask-show .mask-modal {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.mask-show .mask-content {
  transform: inherit;
  -webkit-transform: inherit;
  opacity: 1;
}
.mask-show .mask-box-close {
  opacity: 1;
}
.mask-box-close {
  position: fixed;
  right: 5%;
  top: 5vh;
  color: #ffffff;
  display: block;
  opacity: 0;
  cursor: pointer;
  background-color: #ffffff;
  width: 6.5rem;
  height: 6.5rem;
  border-radius: 50%;
  color: #999999;
  z-index: 10;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}
.mask-box-close i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  line-height: 1;
}
@media (hover: hover) {
  .mask-box-close:hover {
    background-color: #000000;
    color: #ffffff;
    transform: scale(0.96);
  }
}
@media screen and (max-width: 1180px) {
  .mask-box-close {
    right: 3%;
    width: 5rem;
    height: 5rem;
  }
}
@media screen and (max-width: 750px) {
  .mask-box-close {
    width: 4.4rem;
    height: 4.4rem;
  }
}
@media screen and (max-width: 640px) {
  .mask-box-close {
    top: 1rem;
    box-shadow: 0 0.3rem 3rem rgba(0, 0, 0, 0.16);
  }
}
.pt180 {
  padding-top: 18rem;
}
@media screen and (max-width: 1650px) {
  .pt180 {
    padding-top: 15rem;
  }
}
@media screen and (max-width: 1440px) {
  .pt180 {
    padding-top: 13rem;
  }
}
@media screen and (max-width: 1180px) {
  .pt180 {
    padding-top: 11rem;
  }
}
@media screen and (max-width: 640px) {
  .pt180 {
    padding-top: 7.5rem;
  }
}
.pb180 {
  padding-bottom: 18rem;
}
@media screen and (max-width: 1650px) {
  .pb180 {
    padding-bottom: 15rem;
  }
}
@media screen and (max-width: 1440px) {
  .pb180 {
    padding-bottom: 13rem;
  }
}
@media screen and (max-width: 1180px) {
  .pb180 {
    padding-bottom: 11rem;
  }
}
@media screen and (max-width: 640px) {
  .pb180 {
    padding-bottom: 7.5rem;
  }
}
.pt170 {
  padding-top: 17rem;
}
@media screen and (max-width: 1650px) {
  .pt170 {
    padding-top: 15rem;
  }
}
@media screen and (max-width: 1440px) {
  .pt170 {
    padding-top: 13rem;
  }
}
@media screen and (max-width: 1180px) {
  .pt170 {
    padding-top: 11rem;
  }
}
@media screen and (max-width: 640px) {
  .pt170 {
    padding-top: 7.5rem;
  }
}
.pb170 {
  padding-bottom: 17rem;
}
@media screen and (max-width: 1650px) {
  .pb170 {
    padding-bottom: 15rem;
  }
}
@media screen and (max-width: 1440px) {
  .pb170 {
    padding-bottom: 13rem;
  }
}
@media screen and (max-width: 1180px) {
  .pb170 {
    padding-bottom: 11rem;
  }
}
@media screen and (max-width: 640px) {
  .pb170 {
    padding-bottom: 7.5rem;
  }
}
.pt160 {
  padding-top: 16rem;
}
@media screen and (max-width: 1650px) {
  .pt160 {
    padding-top: 15rem;
  }
}
@media screen and (max-width: 1440px) {
  .pt160 {
    padding-top: 13rem;
  }
}
@media screen and (max-width: 1180px) {
  .pt160 {
    padding-top: 10rem;
  }
}
@media screen and (max-width: 640px) {
  .pt160 {
    padding-top: 7.5rem;
  }
}
.pb160 {
  padding-bottom: 16rem;
}
@media screen and (max-width: 1650px) {
  .pb160 {
    padding-bottom: 15rem;
  }
}
@media screen and (max-width: 1440px) {
  .pb160 {
    padding-bottom: 13rem;
  }
}
@media screen and (max-width: 1180px) {
  .pb160 {
    padding-bottom: 10rem;
  }
}
@media screen and (max-width: 640px) {
  .pb160 {
    padding-bottom: 7.5rem;
  }
}
.pt150 {
  padding-top: 15rem;
}
@media screen and (max-width: 1650px) {
  .pt150 {
    padding-top: 14rem;
  }
}
@media screen and (max-width: 1440px) {
  .pt150 {
    padding-top: 12rem;
  }
}
@media screen and (max-width: 1180px) {
  .pt150 {
    padding-top: 9rem;
  }
}
@media screen and (max-width: 640px) {
  .pt150 {
    padding-top: 7rem;
  }
}
.pb150 {
  padding-bottom: 15rem;
}
@media screen and (max-width: 1650px) {
  .pb150 {
    padding-bottom: 14rem;
  }
}
@media screen and (max-width: 1440px) {
  .pb150 {
    padding-bottom: 12rem;
  }
}
@media screen and (max-width: 1180px) {
  .pb150 {
    padding-bottom: 9rem;
  }
}
@media screen and (max-width: 640px) {
  .pb150 {
    padding-bottom: 7rem;
  }
}
.pt140 {
  padding-top: 14rem;
}
@media screen and (max-width: 1650px) {
  .pt140 {
    padding-top: 13rem;
  }
}
@media screen and (max-width: 1440px) {
  .pt140 {
    padding-top: 12rem;
  }
}
@media screen and (max-width: 1180px) {
  .pt140 {
    padding-top: 9rem;
  }
}
@media screen and (max-width: 640px) {
  .pt140 {
    padding-top: 6.5rem;
  }
}
.pb140 {
  padding-bottom: 14rem;
}
@media screen and (max-width: 1650px) {
  .pb140 {
    padding-bottom: 13rem;
  }
}
@media screen and (max-width: 1440px) {
  .pb140 {
    padding-bottom: 12rem;
  }
}
@media screen and (max-width: 1180px) {
  .pb140 {
    padding-bottom: 9rem;
  }
}
@media screen and (max-width: 640px) {
  .pb140 {
    padding-bottom: 6.5rem;
  }
}
.pt130 {
  padding-top: 13rem;
}
@media screen and (max-width: 1650px) {
  .pt130 {
    padding-top: 12rem;
  }
}
@media screen and (max-width: 1440px) {
  .pt130 {
    padding-top: 11rem;
  }
}
@media screen and (max-width: 1180px) {
  .pt130 {
    padding-top: 9rem;
  }
}
@media screen and (max-width: 640px) {
  .pt130 {
    padding-top: 6.5rem;
  }
}
.pb130 {
  padding-bottom: 13rem;
}
@media screen and (max-width: 1650px) {
  .pb130 {
    padding-bottom: 12rem;
  }
}
@media screen and (max-width: 1440px) {
  .pb130 {
    padding-bottom: 11rem;
  }
}
@media screen and (max-width: 1180px) {
  .pb130 {
    padding-bottom: 9rem;
  }
}
@media screen and (max-width: 640px) {
  .pb130 {
    padding-bottom: 6.5rem;
  }
}
.pt120 {
  padding-top: 12rem;
}
@media screen and (max-width: 1650px) {
  .pt120 {
    padding-top: 11rem;
  }
}
@media screen and (max-width: 1440px) {
  .pt120 {
    padding-top: 10rem;
  }
}
@media screen and (max-width: 1180px) {
  .pt120 {
    padding-top: 9rem;
  }
}
@media screen and (max-width: 640px) {
  .pt120 {
    padding-top: 6.5rem;
  }
}
.pb120 {
  padding-bottom: 12rem;
}
@media screen and (max-width: 1650px) {
  .pb120 {
    padding-bottom: 11rem;
  }
}
@media screen and (max-width: 1440px) {
  .pb120 {
    padding-bottom: 10rem;
  }
}
@media screen and (max-width: 1180px) {
  .pb120 {
    padding-bottom: 9rem;
  }
}
@media screen and (max-width: 640px) {
  .pb120 {
    padding-bottom: 6.5rem;
  }
}
.pt110 {
  padding-top: 11rem;
}
@media screen and (max-width: 1650px) {
  .pt110 {
    padding-top: 10rem;
  }
}
@media screen and (max-width: 1440px) {
  .pt110 {
    padding-top: 9rem;
  }
}
@media screen and (max-width: 1180px) {
  .pt110 {
    padding-top: 8rem;
  }
}
@media screen and (max-width: 640px) {
  .pt110 {
    padding-top: 6.5rem;
  }
}
.pb110 {
  padding-bottom: 11rem;
}
@media screen and (max-width: 1650px) {
  .pb110 {
    padding-bottom: 10rem;
  }
}
@media screen and (max-width: 1440px) {
  .pb110 {
    padding-bottom: 9rem;
  }
}
@media screen and (max-width: 1180px) {
  .pb110 {
    padding-bottom: 8rem;
  }
}
@media screen and (max-width: 640px) {
  .pb110 {
    padding-bottom: 6.5rem;
  }
}
.pt100 {
  padding-top: 10rem;
}
@media screen and (max-width: 1650px) {
  .pt100 {
    padding-top: 9rem;
  }
}
@media screen and (max-width: 1440px) {
  .pt100 {
    padding-top: 8rem;
  }
}
@media screen and (max-width: 1180px) {
  .pt100 {
    padding-top: 7.5rem;
  }
}
@media screen and (max-width: 640px) {
  .pt100 {
    padding-top: 6.5rem;
  }
}
.pb100 {
  padding-bottom: 10rem;
}
@media screen and (max-width: 1650px) {
  .pb100 {
    padding-bottom: 9rem;
  }
}
@media screen and (max-width: 1440px) {
  .pb100 {
    padding-bottom: 8rem;
  }
}
@media screen and (max-width: 1180px) {
  .pb100 {
    padding-bottom: 7.5rem;
  }
}
@media screen and (max-width: 640px) {
  .pb100 {
    padding-bottom: 6.5rem;
  }
}
.pt90 {
  padding-top: 9rem;
}
@media screen and (max-width: 1650px) {
  .pt90 {
    padding-top: 8rem;
  }
}
@media screen and (max-width: 1440px) {
  .pt90 {
    padding-top: 7rem;
  }
}
@media screen and (max-width: 1180px) {
  .pt90 {
    padding-top: 6.5rem;
  }
}
@media screen and (max-width: 640px) {
  .pt90 {
    padding-top: 5.5rem;
  }
}
.pb90 {
  padding-bottom: 9rem;
}
@media screen and (max-width: 1650px) {
  .pb90 {
    padding-bottom: 8rem;
  }
}
@media screen and (max-width: 1440px) {
  .pb90 {
    padding-bottom: 7rem;
  }
}
@media screen and (max-width: 1180px) {
  .pb90 {
    padding-bottom: 6.5rem;
  }
}
@media screen and (max-width: 640px) {
  .pb90 {
    padding-bottom: 5.5rem;
  }
}
.pt80 {
  padding-top: 8rem;
}
@media screen and (max-width: 1440px) {
  .pt80 {
    padding-top: 7rem;
  }
}
@media screen and (max-width: 1180px) {
  .pt80 {
    padding-top: 6rem;
  }
}
@media screen and (max-width: 640px) {
  .pt80 {
    padding-top: 5rem;
  }
}
.pb80 {
  padding-bottom: 8rem;
}
@media screen and (max-width: 1440px) {
  .pb80 {
    padding-bottom: 7rem;
  }
}
@media screen and (max-width: 1180px) {
  .pb80 {
    padding-bottom: 6rem;
  }
}
@media screen and (max-width: 640px) {
  .pb80 {
    padding-bottom: 5rem;
  }
}
.pt70 {
  padding-top: 7rem;
}
@media screen and (max-width: 1440px) {
  .pt70 {
    padding-top: 6rem;
  }
}
@media screen and (max-width: 1180px) {
  .pt70 {
    padding-top: 5rem;
  }
}
@media screen and (max-width: 640px) {
  .pt70 {
    padding-top: 4.5rem;
  }
}
.pb70 {
  padding-bottom: 7rem;
}
@media screen and (max-width: 1440px) {
  .pb70 {
    padding-bottom: 6rem;
  }
}
@media screen and (max-width: 1180px) {
  .pb70 {
    padding-bottom: 5rem;
  }
}
@media screen and (max-width: 640px) {
  .pb70 {
    padding-bottom: 4.5rem;
  }
}
.pt65 {
  padding-top: 6.5rem;
}
@media screen and (max-width: 1440px) {
  .pt65 {
    padding-top: 6rem;
  }
}
@media screen and (max-width: 1180px) {
  .pt65 {
    padding-top: 5rem;
  }
}
@media screen and (max-width: 640px) {
  .pt65 {
    padding-top: 4.5rem;
  }
}
.pb65 {
  padding-bottom: 6.5rem;
}
@media screen and (max-width: 1440px) {
  .pb65 {
    padding-bottom: 6rem;
  }
}
@media screen and (max-width: 1180px) {
  .pb65 {
    padding-bottom: 5rem;
  }
}
@media screen and (max-width: 640px) {
  .pb65 {
    padding-bottom: 4.5rem;
  }
}
.pt60 {
  padding-top: 6rem;
}
@media screen and (max-width: 1440px) {
  .pt60 {
    padding-top: 5rem;
  }
}
@media screen and (max-width: 1180px) {
  .pt60 {
    padding-top: 4.5rem;
  }
}
@media screen and (max-width: 640px) {
  .pt60 {
    padding-top: 4rem;
  }
}
.pb60 {
  padding-bottom: 6rem;
}
@media screen and (max-width: 1440px) {
  .pb60 {
    padding-bottom: 5rem;
  }
}
@media screen and (max-width: 1180px) {
  .pb60 {
    padding-bottom: 4.5rem;
  }
}
@media screen and (max-width: 640px) {
  .pb60 {
    padding-bottom: 4rem;
  }
}
.pt50 {
  padding-top: 5rem;
}
@media screen and (max-width: 1440px) {
  .pt50 {
    padding-top: 4.5rem;
  }
}
@media screen and (max-width: 1180px) {
  .pt50 {
    padding-top: 4rem;
  }
}
@media screen and (max-width: 640px) {
  .pt50 {
    padding-top: 3.5rem;
  }
}
.pb50 {
  padding-bottom: 5rem;
}
@media screen and (max-width: 1440px) {
  .pb50 {
    padding-bottom: 4.5rem;
  }
}
@media screen and (max-width: 1180px) {
  .pb50 {
    padding-bottom: 4rem;
  }
}
@media screen and (max-width: 640px) {
  .pb50 {
    padding-bottom: 3.5rem;
  }
}
.pt45 {
  padding-top: 4.5rem;
}
@media screen and (max-width: 1440px) {
  .pt45 {
    padding-top: 3.8rem;
  }
}
@media screen and (max-width: 1180px) {
  .pt45 {
    padding-top: 3.5rem;
  }
}
@media screen and (max-width: 640px) {
  .pt45 {
    padding-top: 3rem;
  }
}
.pt40 {
  padding-top: 4rem;
}
@media screen and (max-width: 1440px) {
  .pt40 {
    padding-top: 3.6rem;
  }
}
@media screen and (max-width: 1180px) {
  .pt40 {
    padding-top: 3rem;
  }
}
@media screen and (max-width: 640px) {
  .pt40 {
    padding-top: 2.6rem;
  }
}
.pb40 {
  padding-bottom: 4rem;
}
@media screen and (max-width: 1440px) {
  .pb40 {
    padding-bottom: 3.6rem;
  }
}
@media screen and (max-width: 1180px) {
  .pb40 {
    padding-bottom: 3rem;
  }
}
@media screen and (max-width: 640px) {
  .pb40 {
    padding-bottom: 2.6rem;
  }
}
.pt35 {
  padding-top: 3.5rem;
}
@media screen and (max-width: 1440px) {
  .pt35 {
    padding-top: 3rem;
  }
}
@media screen and (max-width: 1180px) {
  .pt35 {
    padding-top: 2.6rem;
  }
}
@media screen and (max-width: 640px) {
  .pt35 {
    padding-top: 2.2rem;
  }
}
.pb35 {
  padding-bottom: 3.5rem;
}
@media screen and (max-width: 1440px) {
  .pb35 {
    padding-bottom: 3rem;
  }
}
@media screen and (max-width: 1180px) {
  .pb35 {
    padding-bottom: 2.6rem;
  }
}
@media screen and (max-width: 640px) {
  .pb35 {
    padding-bottom: 2.2rem;
  }
}
.pt30 {
  padding-top: 3rem;
}
@media screen and (max-width: 1440px) {
  .pt30 {
    padding-top: 2.5rem;
  }
}
@media screen and (max-width: 1180px) {
  .pt30 {
    padding-top: 2rem;
  }
}
.pb30 {
  padding-bottom: 3rem;
}
@media screen and (max-width: 1440px) {
  .pb30 {
    padding-bottom: 2.5rem;
  }
}
@media screen and (max-width: 1180px) {
  .pb30 {
    padding-bottom: 2rem;
  }
}
.pt25 {
  padding-top: 2.5rem;
}
@media screen and (max-width: 1180px) {
  .pt25 {
    padding-top: 2rem;
  }
}
@media screen and (max-width: 750px) {
  .pt25 {
    padding-top: 1.5rem;
  }
}
.pt20 {
  padding-top: 2rem;
}
@media screen and (max-width: 1440px) {
  .pt20 {
    padding-top: 1.5rem;
  }
}
@media screen and (max-width: 1180px) {
  .pt20 {
    padding-top: 1.2rem;
  }
}
@media screen and (max-width: 640px) {
  .pt20 {
    padding-top: 1rem;
  }
}
.pb20 {
  padding-bottom: 2rem;
}
@media screen and (max-width: 1440px) {
  .pb20 {
    padding-bottom: 1.5rem;
  }
}
@media screen and (max-width: 1180px) {
  .pb20 {
    padding-bottom: 1.2rem;
  }
}
@media screen and (max-width: 640px) {
  .pb20 {
    padding-bottom: 1rem;
  }
}
.mb50 {
  margin-bottom: 5rem;
}
@media screen and (max-width: 1440px) {
  .mb50 {
    margin-bottom: 4.5rem;
  }
}
@media screen and (max-width: 1180px) {
  .mb50 {
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 640px) {
  .mb50 {
    margin-bottom: 3.6rem;
  }
}
.mt50 {
  margin-top: 5rem;
}
@media screen and (max-width: 1440px) {
  .mt50 {
    margin-top: 4.5rem;
  }
}
@media screen and (max-width: 1180px) {
  .mt50 {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 640px) {
  .mt50 {
    margin-top: 3.6rem;
  }
}
.mb45 {
  margin-bottom: 4.5rem;
}
@media screen and (max-width: 1650px) {
  .mb45 {
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 1180px) {
  .mb45 {
    margin-bottom: 3.5rem;
  }
}
@media screen and (max-width: 640px) {
  .mb45 {
    margin-bottom: 3rem;
  }
}
.mt45 {
  margin-top: 4.5rem;
}
@media screen and (max-width: 1650px) {
  .mt45 {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 1180px) {
  .mt45 {
    margin-top: 3.5rem;
  }
}
@media screen and (max-width: 640px) {
  .mt45 {
    margin-top: 3rem;
  }
}
.mb40 {
  margin-bottom: 4rem;
}
@media screen and (max-width: 1650px) {
  .mb40 {
    margin-bottom: 3.5rem;
  }
}
@media screen and (max-width: 1180px) {
  .mb40 {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 640px) {
  .mb40 {
    margin-bottom: 2.5rem;
  }
}
.mt40 {
  margin-top: 4rem;
}
@media screen and (max-width: 1650px) {
  .mt40 {
    margin-top: 3.5rem;
  }
}
@media screen and (max-width: 1180px) {
  .mt40 {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 640px) {
  .mt40 {
    margin-top: 2.5rem;
  }
}
.mb35 {
  margin-bottom: 3.5rem;
}
@media screen and (max-width: 1650px) {
  .mb35 {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 1180px) {
  .mb35 {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 640px) {
  .mb35 {
    margin-bottom: 2rem;
  }
}
.mt35 {
  margin-top: 3.5rem;
}
@media screen and (max-width: 1650px) {
  .mt35 {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 1180px) {
  .mt35 {
    margin-top: 2.5rem;
  }
}
@media screen and (max-width: 640px) {
  .mt35 {
    margin-top: 2rem;
  }
}
.mb30 {
  margin-bottom: 3rem;
}
@media screen and (max-width: 1650px) {
  .mb30 {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 1440px) {
  .mb30 {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 640px) {
  .mb30 {
    margin-bottom: 1.8rem;
  }
}
.mt30 {
  margin-top: 3rem;
}
@media screen and (max-width: 1650px) {
  .mt30 {
    margin-top: 2.5rem;
  }
}
@media screen and (max-width: 1440px) {
  .mt30 {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 640px) {
  .mt30 {
    margin-top: 1.8rem;
  }
}
.mb25 {
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 1180px) {
  .mb25 {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 750px) {
  .mb25 {
    margin-bottom: 1.5rem;
  }
}
.mt25 {
  margin-top: 2.5rem;
}
@media screen and (max-width: 1180px) {
  .mt25 {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 750px) {
  .mt25 {
    margin-top: 1.5rem;
  }
}
.mb20 {
  margin-bottom: 2rem;
}
@media screen and (max-width: 1180px) {
  .mb20 {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 750px) {
  .mb20 {
    margin-bottom: 1.2rem;
  }
}
.mt20 {
  margin-top: 2rem;
}
@media screen and (max-width: 1180px) {
  .mt20 {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 750px) {
  .mt20 {
    margin-top: 1.2rem;
  }
}
.mb15 {
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 1180px) {
  .mb15 {
    margin-bottom: 1.2rem;
  }
}
@media screen and (max-width: 750px) {
  .mb15 {
    margin-bottom: 1rem;
  }
}
.mt15 {
  margin-top: 1.5rem;
}
@media screen and (max-width: 1180px) {
  .mt15 {
    margin-top: 1.2rem;
  }
}
@media screen and (max-width: 750px) {
  .mt15 {
    margin-top: 1rem;
  }
}
.mb10 {
  margin-bottom: 1rem;
}
@media screen and (max-width: 750px) {
  .mb10 {
    margin-bottom: 0.6rem;
  }
}
.mt10 {
  margin-top: 1rem;
}
@media screen and (max-width: 750px) {
  .mt10 {
    margin-top: 0.6rem;
  }
}
.ml10 {
  margin-left: 1rem;
}
@media screen and (max-width: 750px) {
  .ml10 {
    margin-left: 0.6rem;
  }
}
.ml15 {
  margin-left: 1.5rem;
}
@media screen and (max-width: 750px) {
  .ml15 {
    margin-left: 1rem;
  }
}
.ml20 {
  margin-left: 2rem;
}
@media screen and (max-width: 750px) {
  .ml20 {
    margin-left: 1.5rem;
  }
}
.ml25 {
  margin-left: 2.5rem;
}
@media screen and (max-width: 750px) {
  .ml25 {
    margin-left: 2rem;
  }
}
[split-trigger] [split-target] {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  display: flex;
  height: 100%;
}
[split-trigger] [aria-hidden] {
  display: flex;
  height: 100%;
  align-items: center;
}
[split-trigger] [aria-hidden] > span {
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition: 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}
[split-trigger] [aria-hidden] > span:nth-child(1) {
  transition-delay: 0ms;
  -webkit-transition-delay: 0ms;
}
[split-trigger] [aria-hidden] > span:nth-child(2) {
  transition-delay: 30ms;
  -webkit-transition-delay: 30ms;
}
[split-trigger] [aria-hidden] > span:nth-child(3) {
  transition-delay: 60ms;
  -webkit-transition-delay: 60ms;
}
[split-trigger] [aria-hidden] > span:nth-child(4) {
  transition-delay: 90ms;
  -webkit-transition-delay: 90ms;
}
[split-trigger] [aria-hidden] > span:nth-child(5) {
  transition-delay: 120ms;
  -webkit-transition-delay: 120ms;
}
[split-trigger] [aria-hidden] > span:nth-child(6) {
  transition-delay: 150ms;
  -webkit-transition-delay: 150ms;
}
[split-trigger] [aria-hidden] > span:nth-child(7) {
  transition-delay: 180ms;
  -webkit-transition-delay: 180ms;
}
[split-trigger] [aria-hidden] > span:nth-child(8) {
  transition-delay: 210ms;
  -webkit-transition-delay: 210ms;
}
[split-trigger] [aria-hidden] > span:nth-child(9) {
  transition-delay: 240ms;
  -webkit-transition-delay: 240ms;
}
[split-trigger] [aria-hidden] > span:nth-child(10) {
  transition-delay: 270ms;
  -webkit-transition-delay: 270ms;
}
[split-trigger] [aria-hidden] > span:nth-child(11) {
  transition-delay: 300ms;
  -webkit-transition-delay: 300ms;
}
[split-trigger] [aria-hidden] > span:nth-child(12) {
  transition-delay: 330ms;
  -webkit-transition-delay: 330ms;
}
[split-trigger] [aria-hidden] > span:nth-child(13) {
  transition-delay: 360ms;
  -webkit-transition-delay: 360ms;
}
[split-trigger] [aria-hidden] > span:nth-child(14) {
  transition-delay: 390ms;
  -webkit-transition-delay: 390ms;
}
[split-trigger] [aria-hidden] > span:nth-child(15) {
  transition-delay: 420ms;
  -webkit-transition-delay: 420ms;
}
[split-trigger] [aria-hidden] > span:nth-child(16) {
  transition-delay: 450ms;
  -webkit-transition-delay: 450ms;
}
[split-trigger] [aria-hidden] > span:nth-child(17) {
  transition-delay: 480ms;
  -webkit-transition-delay: 480ms;
}
[split-trigger] [aria-hidden] > span:nth-child(18) {
  transition-delay: 510ms;
  -webkit-transition-delay: 510ms;
}
[split-trigger] [aria-hidden] > span:nth-child(19) {
  transition-delay: 540ms;
  -webkit-transition-delay: 540ms;
}
[split-trigger] [aria-hidden] > span:nth-child(20) {
  transition-delay: 570ms;
  -webkit-transition-delay: 570ms;
}
[split-trigger] [aria-hidden] > span:nth-child(21) {
  transition-delay: 600ms;
  -webkit-transition-delay: 600ms;
}
[split-trigger] [aria-hidden] > span:nth-child(22) {
  transition-delay: 630ms;
  -webkit-transition-delay: 630ms;
}
[split-trigger] [aria-hidden] > span:nth-child(23) {
  transition-delay: 660ms;
  -webkit-transition-delay: 660ms;
}
[split-trigger] [aria-hidden] > span:nth-child(24) {
  transition-delay: 690ms;
  -webkit-transition-delay: 690ms;
}
[split-trigger] [aria-hidden] > span:nth-child(25) {
  transition-delay: 720ms;
  -webkit-transition-delay: 720ms;
}
[split-trigger] [aria-hidden] > span:nth-child(26) {
  transition-delay: 750ms;
  -webkit-transition-delay: 750ms;
}
[split-trigger] [aria-hidden] > span:nth-child(27) {
  transition-delay: 780ms;
  -webkit-transition-delay: 780ms;
}
[split-trigger] [aria-hidden] > span:nth-child(28) {
  transition-delay: 810ms;
  -webkit-transition-delay: 810ms;
}
[split-trigger] [aria-hidden] > span:nth-child(29) {
  transition-delay: 840ms;
  -webkit-transition-delay: 840ms;
}
[split-trigger] [aria-hidden] > span:nth-child(30) {
  transition-delay: 870ms;
  -webkit-transition-delay: 870ms;
}
[split-trigger] [aria-hidden] > span:nth-child(31) {
  transition-delay: 900ms;
  -webkit-transition-delay: 900ms;
}
[split-trigger] [aria-hidden] > span:nth-child(32) {
  transition-delay: 930ms;
  -webkit-transition-delay: 930ms;
}
[split-trigger] [aria-hidden] > span:nth-child(33) {
  transition-delay: 960ms;
  -webkit-transition-delay: 960ms;
}
[split-trigger] [aria-hidden] > span:nth-child(34) {
  transition-delay: 990ms;
  -webkit-transition-delay: 990ms;
}
[split-trigger] [aria-hidden] > span:nth-child(35) {
  transition-delay: 1020ms;
  -webkit-transition-delay: 1020ms;
}
[split-trigger] [aria-hidden] > span:nth-child(36) {
  transition-delay: 1050ms;
  -webkit-transition-delay: 1050ms;
}
[split-trigger] [aria-hidden] > span:nth-child(37) {
  transition-delay: 1080ms;
  -webkit-transition-delay: 1080ms;
}
[split-trigger] [aria-hidden] > span:nth-child(38) {
  transition-delay: 1110ms;
  -webkit-transition-delay: 1110ms;
}
[split-trigger] [aria-hidden] > span:nth-child(39) {
  transition-delay: 1140ms;
  -webkit-transition-delay: 1140ms;
}
[split-trigger] [aria-hidden] > span:nth-child(40) {
  transition-delay: 1170ms;
  -webkit-transition-delay: 1170ms;
}
[split-trigger] [aria-hidden] > span:nth-child(41) {
  transition-delay: 1200ms;
  -webkit-transition-delay: 1200ms;
}
[split-trigger] [aria-hidden] > span:nth-child(42) {
  transition-delay: 1230ms;
  -webkit-transition-delay: 1230ms;
}
[split-trigger] [aria-hidden] > span:nth-child(43) {
  transition-delay: 1260ms;
  -webkit-transition-delay: 1260ms;
}
[split-trigger] [aria-hidden] > span:nth-child(44) {
  transition-delay: 1290ms;
  -webkit-transition-delay: 1290ms;
}
[split-trigger] [aria-hidden] > span:nth-child(45) {
  transition-delay: 1320ms;
  -webkit-transition-delay: 1320ms;
}
[split-trigger] [aria-hidden] > span:nth-child(46) {
  transition-delay: 1350ms;
  -webkit-transition-delay: 1350ms;
}
[split-trigger] [aria-hidden] > span:nth-child(47) {
  transition-delay: 1380ms;
  -webkit-transition-delay: 1380ms;
}
[split-trigger] [aria-hidden] > span:nth-child(48) {
  transition-delay: 1410ms;
  -webkit-transition-delay: 1410ms;
}
[split-trigger] [aria-hidden] > span:nth-child(49) {
  transition-delay: 1440ms;
  -webkit-transition-delay: 1440ms;
}
[split-trigger] [aria-hidden] > span:nth-child(50) {
  transition-delay: 1470ms;
  -webkit-transition-delay: 1470ms;
}
[split-trigger] [aria-hidden] > span:nth-child(51) {
  transition-delay: 1500ms;
  -webkit-transition-delay: 1500ms;
}
[split-trigger] [aria-hidden] > span:nth-child(52) {
  transition-delay: 1530ms;
  -webkit-transition-delay: 1530ms;
}
[split-trigger] [aria-hidden] > span:nth-child(53) {
  transition-delay: 1560ms;
  -webkit-transition-delay: 1560ms;
}
[split-trigger] [aria-hidden] > span:nth-child(54) {
  transition-delay: 1590ms;
  -webkit-transition-delay: 1590ms;
}
[split-trigger] [aria-hidden] > span:nth-child(55) {
  transition-delay: 1620ms;
  -webkit-transition-delay: 1620ms;
}
[split-trigger] [aria-hidden] > span:nth-child(56) {
  transition-delay: 1650ms;
  -webkit-transition-delay: 1650ms;
}
[split-trigger] [aria-hidden] > span:nth-child(57) {
  transition-delay: 1680ms;
  -webkit-transition-delay: 1680ms;
}
[split-trigger] [aria-hidden] > span:nth-child(58) {
  transition-delay: 1710ms;
  -webkit-transition-delay: 1710ms;
}
[split-trigger] [aria-hidden] > span:nth-child(59) {
  transition-delay: 1740ms;
  -webkit-transition-delay: 1740ms;
}
[split-trigger] [aria-hidden] > span:nth-child(60) {
  transition-delay: 1770ms;
  -webkit-transition-delay: 1770ms;
}
[split-trigger] [aria-hidden] > span:nth-child(61) {
  transition-delay: 1800ms;
  -webkit-transition-delay: 1800ms;
}
[split-trigger] [aria-hidden] > span:nth-child(62) {
  transition-delay: 1830ms;
  -webkit-transition-delay: 1830ms;
}
[split-trigger] [aria-hidden] > span:nth-child(63) {
  transition-delay: 1860ms;
  -webkit-transition-delay: 1860ms;
}
[split-trigger] [aria-hidden] > span:nth-child(64) {
  transition-delay: 1890ms;
  -webkit-transition-delay: 1890ms;
}
[split-trigger] [aria-hidden] > span:nth-child(65) {
  transition-delay: 1920ms;
  -webkit-transition-delay: 1920ms;
}
[split-trigger] [aria-hidden] > span:nth-child(66) {
  transition-delay: 1950ms;
  -webkit-transition-delay: 1950ms;
}
[split-trigger] [aria-hidden] > span:nth-child(67) {
  transition-delay: 1980ms;
  -webkit-transition-delay: 1980ms;
}
[split-trigger] [aria-hidden] > span:nth-child(68) {
  transition-delay: 2010ms;
  -webkit-transition-delay: 2010ms;
}
[split-trigger] [aria-hidden] > span:nth-child(69) {
  transition-delay: 2040ms;
  -webkit-transition-delay: 2040ms;
}
[split-trigger] [aria-hidden] > span:nth-child(70) {
  transition-delay: 2070ms;
  -webkit-transition-delay: 2070ms;
}
[split-trigger] [aria-hidden] > span:nth-child(71) {
  transition-delay: 2100ms;
  -webkit-transition-delay: 2100ms;
}
[split-trigger] [aria-hidden] > span:nth-child(72) {
  transition-delay: 2130ms;
  -webkit-transition-delay: 2130ms;
}
[split-trigger] [aria-hidden] > span:nth-child(73) {
  transition-delay: 2160ms;
  -webkit-transition-delay: 2160ms;
}
[split-trigger] [aria-hidden] > span:nth-child(74) {
  transition-delay: 2190ms;
  -webkit-transition-delay: 2190ms;
}
[split-trigger] [aria-hidden] > span:nth-child(75) {
  transition-delay: 2220ms;
  -webkit-transition-delay: 2220ms;
}
[split-trigger] [aria-hidden] > span:nth-child(76) {
  transition-delay: 2250ms;
  -webkit-transition-delay: 2250ms;
}
[split-trigger] [aria-hidden] > span:nth-child(77) {
  transition-delay: 2280ms;
  -webkit-transition-delay: 2280ms;
}
[split-trigger] [aria-hidden] > span:nth-child(78) {
  transition-delay: 2310ms;
  -webkit-transition-delay: 2310ms;
}
[split-trigger] [aria-hidden] > span:nth-child(79) {
  transition-delay: 2340ms;
  -webkit-transition-delay: 2340ms;
}
[split-trigger] [aria-hidden] > span:nth-child(80) {
  transition-delay: 2370ms;
  -webkit-transition-delay: 2370ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(1) {
  transition-delay: 0ms;
  -webkit-transition-delay: 0ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(2) {
  transition-delay: 30ms;
  -webkit-transition-delay: 30ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(3) {
  transition-delay: 60ms;
  -webkit-transition-delay: 60ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(4) {
  transition-delay: 90ms;
  -webkit-transition-delay: 90ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(5) {
  transition-delay: 120ms;
  -webkit-transition-delay: 120ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(6) {
  transition-delay: 150ms;
  -webkit-transition-delay: 150ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(7) {
  transition-delay: 180ms;
  -webkit-transition-delay: 180ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(8) {
  transition-delay: 210ms;
  -webkit-transition-delay: 210ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(9) {
  transition-delay: 240ms;
  -webkit-transition-delay: 240ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(10) {
  transition-delay: 270ms;
  -webkit-transition-delay: 270ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(11) {
  transition-delay: 300ms;
  -webkit-transition-delay: 300ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(12) {
  transition-delay: 330ms;
  -webkit-transition-delay: 330ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(13) {
  transition-delay: 360ms;
  -webkit-transition-delay: 360ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(14) {
  transition-delay: 390ms;
  -webkit-transition-delay: 390ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(15) {
  transition-delay: 420ms;
  -webkit-transition-delay: 420ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(16) {
  transition-delay: 450ms;
  -webkit-transition-delay: 450ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(17) {
  transition-delay: 480ms;
  -webkit-transition-delay: 480ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(18) {
  transition-delay: 510ms;
  -webkit-transition-delay: 510ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(19) {
  transition-delay: 540ms;
  -webkit-transition-delay: 540ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(20) {
  transition-delay: 570ms;
  -webkit-transition-delay: 570ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(21) {
  transition-delay: 600ms;
  -webkit-transition-delay: 600ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(22) {
  transition-delay: 630ms;
  -webkit-transition-delay: 630ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(23) {
  transition-delay: 660ms;
  -webkit-transition-delay: 660ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(24) {
  transition-delay: 690ms;
  -webkit-transition-delay: 690ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(25) {
  transition-delay: 720ms;
  -webkit-transition-delay: 720ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(26) {
  transition-delay: 750ms;
  -webkit-transition-delay: 750ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(27) {
  transition-delay: 780ms;
  -webkit-transition-delay: 780ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(28) {
  transition-delay: 810ms;
  -webkit-transition-delay: 810ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(29) {
  transition-delay: 840ms;
  -webkit-transition-delay: 840ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(30) {
  transition-delay: 870ms;
  -webkit-transition-delay: 870ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(31) {
  transition-delay: 900ms;
  -webkit-transition-delay: 900ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(32) {
  transition-delay: 930ms;
  -webkit-transition-delay: 930ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(33) {
  transition-delay: 960ms;
  -webkit-transition-delay: 960ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(34) {
  transition-delay: 990ms;
  -webkit-transition-delay: 990ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(35) {
  transition-delay: 1020ms;
  -webkit-transition-delay: 1020ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(36) {
  transition-delay: 1050ms;
  -webkit-transition-delay: 1050ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(37) {
  transition-delay: 1080ms;
  -webkit-transition-delay: 1080ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(38) {
  transition-delay: 1110ms;
  -webkit-transition-delay: 1110ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(39) {
  transition-delay: 1140ms;
  -webkit-transition-delay: 1140ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(40) {
  transition-delay: 1170ms;
  -webkit-transition-delay: 1170ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(41) {
  transition-delay: 1200ms;
  -webkit-transition-delay: 1200ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(42) {
  transition-delay: 1230ms;
  -webkit-transition-delay: 1230ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(43) {
  transition-delay: 1260ms;
  -webkit-transition-delay: 1260ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(44) {
  transition-delay: 1290ms;
  -webkit-transition-delay: 1290ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(45) {
  transition-delay: 1320ms;
  -webkit-transition-delay: 1320ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(46) {
  transition-delay: 1350ms;
  -webkit-transition-delay: 1350ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(47) {
  transition-delay: 1380ms;
  -webkit-transition-delay: 1380ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(48) {
  transition-delay: 1410ms;
  -webkit-transition-delay: 1410ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(49) {
  transition-delay: 1440ms;
  -webkit-transition-delay: 1440ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(50) {
  transition-delay: 1470ms;
  -webkit-transition-delay: 1470ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(51) {
  transition-delay: 1500ms;
  -webkit-transition-delay: 1500ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(52) {
  transition-delay: 1530ms;
  -webkit-transition-delay: 1530ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(53) {
  transition-delay: 1560ms;
  -webkit-transition-delay: 1560ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(54) {
  transition-delay: 1590ms;
  -webkit-transition-delay: 1590ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(55) {
  transition-delay: 1620ms;
  -webkit-transition-delay: 1620ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(56) {
  transition-delay: 1650ms;
  -webkit-transition-delay: 1650ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(57) {
  transition-delay: 1680ms;
  -webkit-transition-delay: 1680ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(58) {
  transition-delay: 1710ms;
  -webkit-transition-delay: 1710ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(59) {
  transition-delay: 1740ms;
  -webkit-transition-delay: 1740ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(60) {
  transition-delay: 1770ms;
  -webkit-transition-delay: 1770ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(61) {
  transition-delay: 1800ms;
  -webkit-transition-delay: 1800ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(62) {
  transition-delay: 1830ms;
  -webkit-transition-delay: 1830ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(63) {
  transition-delay: 1860ms;
  -webkit-transition-delay: 1860ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(64) {
  transition-delay: 1890ms;
  -webkit-transition-delay: 1890ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(65) {
  transition-delay: 1920ms;
  -webkit-transition-delay: 1920ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(66) {
  transition-delay: 1950ms;
  -webkit-transition-delay: 1950ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(67) {
  transition-delay: 1980ms;
  -webkit-transition-delay: 1980ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(68) {
  transition-delay: 2010ms;
  -webkit-transition-delay: 2010ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(69) {
  transition-delay: 2040ms;
  -webkit-transition-delay: 2040ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(70) {
  transition-delay: 2070ms;
  -webkit-transition-delay: 2070ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(71) {
  transition-delay: 2100ms;
  -webkit-transition-delay: 2100ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(72) {
  transition-delay: 2130ms;
  -webkit-transition-delay: 2130ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(73) {
  transition-delay: 2160ms;
  -webkit-transition-delay: 2160ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(74) {
  transition-delay: 2190ms;
  -webkit-transition-delay: 2190ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(75) {
  transition-delay: 2220ms;
  -webkit-transition-delay: 2220ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(76) {
  transition-delay: 2250ms;
  -webkit-transition-delay: 2250ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(77) {
  transition-delay: 2280ms;
  -webkit-transition-delay: 2280ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(78) {
  transition-delay: 2310ms;
  -webkit-transition-delay: 2310ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(79) {
  transition-delay: 2340ms;
  -webkit-transition-delay: 2340ms;
}
[split-trigger] [split-delay] [aria-hidden] > span:nth-child(80) {
  transition-delay: 2370ms;
  -webkit-transition-delay: 2370ms;
}
[split-trigger] [split-second-el] {
  position: absolute;
}
[split-trigger] [split-second-el] > span {
  opacity: 0;
  -webkit-transform: translateY(105%);
  transform: translateY(105%);
}
@media (hover: hover) and (pointer: fine) {
  [split-trigger]:hover [split-first-el] > span {
    -webkit-transform: translateY(-105%);
    transform: translateY(-105%);
    opacity: 0;
  }
  [split-trigger]:hover [split-second-el] > span {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.s-parallax-b {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}
.s-parallax-img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  height: 135%;
  height: calc(100% + 126px);
}
.s-parallax-img img,
.s-parallax-img video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
[tt-swiper] .imgBox img {
  opacity: 0;
  transform-origin: right;
  transform: scale(1.02) scaleX(1.02) translate3d(0, 0, 0);
  transition: transform 1.2s, opacity 0.7s;
}
[tt-swiper] .swiper-slide-active .imgBox img {
  opacity: 1;
  transform: scale(1) scaleX(1) translate3d(0, 0, 0);
  transition: transform 2.2s 0.04s cubic-bezier(0.08, 0.92, 0.35, 1), opacity 0.7s;
}
[tt-swiper].is-next .imgBox img {
  transform-origin: right !important;
}
[tt-swiper].is-next .swiper-slide-active .imgBox img {
  transform-origin: left !important;
}
[tt-swiper].is-prev .imgBox img {
  transform-origin: left !important;
}
[tt-swiper].is-prev .swiper-slide-active .imgBox img {
  transform-origin: right !important;
}
.swiper-pag.swiper-pagination-lock {
  display: none !important;
}
@media screen and (min-width: 1181px) {
  .fixedImg {
    background-attachment: fixed;
  }
  .fixedImg21 {
    background-attachment: fixed;
  }
}
@media screen and (max-width: 1441px) {
  .f16 {
    font-size: 15px;
  }
}
@media screen and (max-width: 1260px) {
  .f16 {
    font-size: 14px;
  }
}
@media screen and (max-width: 1180px) {
  .df-flex-ipad {
    display: block;
  }
  .flex-w-ipad {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 640px) {
  .cookie-box {
    display: block;
  }
  .cookie-rbox {
    margin: 2rem 0 0;
  }
  .f15 {
    font-size: 13px;
  }
}
@media screen and (min-width: 1651px) {
  .f13 {
    font-size: 1.3rem;
  }
  .f14 {
    font-size: 1.4rem;
  }
  .f15 {
    font-size: 1.5rem;
  }
  .f16 {
    font-size: 1.6rem;
  }
  .f17 {
    font-size: 1.7rem;
  }
  .f18 {
    font-size: 1.8rem;
  }
  .f19 {
    font-size: 1.9rem;
  }
  .f20 {
    font-size: 2rem;
  }
  .f21 {
    font-size: 2.1rem;
  }
  .f22 {
    font-size: 2.2rem;
  }
  .f23 {
    font-size: 2.3rem;
  }
  .f24 {
    font-size: 2.4rem;
  }
  .f25 {
    font-size: 2.5rem;
  }
  .f26 {
    font-size: 2.6rem;
  }
  .f27 {
    font-size: 2.7rem;
  }
  .f28 {
    font-size: 2.8rem;
  }
  .f29 {
    font-size: 2.9rem;
  }
  .f30 {
    font-size: 3rem;
  }
  .f31 {
    font-size: 3.1rem;
  }
  .f32 {
    font-size: 3.2rem;
  }
  .f33 {
    font-size: 3.3rem;
  }
  .f34 {
    font-size: 3.4rem;
  }
  .f35 {
    font-size: 3.5rem;
  }
  .f36 {
    font-size: 3.6rem;
  }
  .f37 {
    font-size: 3.7rem;
  }
  .f38 {
    font-size: 3.8rem;
  }
  .f39 {
    font-size: 3.9rem;
  }
  .f40 {
    font-size: 4rem;
  }
  .f41 {
    font-size: 4.1rem;
  }
  .f42 {
    font-size: 4.2rem;
  }
  .f43 {
    font-size: 4.3rem;
  }
  .f44 {
    font-size: 4.4rem;
  }
  .f45 {
    font-size: 4.5rem;
  }
  .f46 {
    font-size: 4.6rem;
  }
  .f47 {
    font-size: 4.7rem;
  }
  .f48 {
    font-size: 4.8rem;
  }
  .f49 {
    font-size: 4.9rem;
  }
  .f50 {
    font-size: 5rem;
  }
  .f51 {
    font-size: 5.1rem;
  }
  .f52 {
    font-size: 5.2rem;
  }
  .f53 {
    font-size: 5.3rem;
  }
  .f54 {
    font-size: 5.4rem;
  }
  .f55 {
    font-size: 5.5rem;
  }
  .f56 {
    font-size: 5.6rem;
  }
  .f57 {
    font-size: 5.7rem;
  }
  .f58 {
    font-size: 5.8rem;
  }
  .f59 {
    font-size: 5.9rem;
  }
  .f60 {
    font-size: 6rem;
  }
  .f61 {
    font-size: 6.1rem;
  }
  .f62 {
    font-size: 6.2rem;
  }
  .f63 {
    font-size: 6.3rem;
  }
  .f64 {
    font-size: 6.4rem;
  }
  .f65 {
    font-size: 6.5rem;
  }
  .f66 {
    font-size: 6.6rem;
  }
  .f67 {
    font-size: 6.7rem;
  }
  .f68 {
    font-size: 6.8rem;
  }
  .f69 {
    font-size: 6.9rem;
  }
  .f70 {
    font-size: 7rem;
  }
  .f71 {
    font-size: 7.1rem;
  }
  .f72 {
    font-size: 7.2rem;
  }
  .f73 {
    font-size: 7.3rem;
  }
  .f74 {
    font-size: 7.4rem;
  }
  .f75 {
    font-size: 7.5rem;
  }
  .f76 {
    font-size: 7.6rem;
  }
  .f77 {
    font-size: 7.7rem;
  }
  .f78 {
    font-size: 7.8rem;
  }
  .f79 {
    font-size: 7.9rem;
  }
  .f80 {
    font-size: 8rem;
  }
  .f81 {
    font-size: 8.1rem;
  }
  .f82 {
    font-size: 8.2rem;
  }
  .f83 {
    font-size: 8.3rem;
  }
  .f84 {
    font-size: 8.4rem;
  }
  .f85 {
    font-size: 8.5rem;
  }
  .f86 {
    font-size: 8.6rem;
  }
  .f87 {
    font-size: 8.7rem;
  }
  .f88 {
    font-size: 8.8rem;
  }
  .f89 {
    font-size: 8.9rem;
  }
  .f90 {
    font-size: 9rem;
  }
  .f91 {
    font-size: 9.1rem;
  }
  .f92 {
    font-size: 9.2rem;
  }
  .f93 {
    font-size: 9.3rem;
  }
  .f94 {
    font-size: 9.4rem;
  }
  .f95 {
    font-size: 9.5rem;
  }
  .f96 {
    font-size: 9.6rem;
  }
  .f97 {
    font-size: 9.7rem;
  }
  .f98 {
    font-size: 9.8rem;
  }
  .f99 {
    font-size: 9.9rem;
  }
  .f100 {
    font-size: 10rem;
  }
  .f101 {
    font-size: 10.1rem;
  }
  .f102 {
    font-size: 10.2rem;
  }
  .f103 {
    font-size: 10.3rem;
  }
  .f104 {
    font-size: 10.4rem;
  }
  .f105 {
    font-size: 10.5rem;
  }
  .f106 {
    font-size: 10.6rem;
  }
  .f107 {
    font-size: 10.7rem;
  }
  .f108 {
    font-size: 10.8rem;
  }
  .f109 {
    font-size: 10.9rem;
  }
  .f110 {
    font-size: 11rem;
  }
  .f111 {
    font-size: 11.1rem;
  }
  .f112 {
    font-size: 11.2rem;
  }
  .f113 {
    font-size: 11.3rem;
  }
  .f114 {
    font-size: 11.4rem;
  }
  .f115 {
    font-size: 11.5rem;
  }
  .f116 {
    font-size: 11.6rem;
  }
  .f117 {
    font-size: 11.7rem;
  }
  .f118 {
    font-size: 11.8rem;
  }
  .f119 {
    font-size: 11.9rem;
  }
  .f120 {
    font-size: 12rem;
  }
  .f121 {
    font-size: 12.1rem;
  }
  .f122 {
    font-size: 12.2rem;
  }
  .f123 {
    font-size: 12.3rem;
  }
  .f124 {
    font-size: 12.4rem;
  }
  .f125 {
    font-size: 12.5rem;
  }
  .f126 {
    font-size: 12.6rem;
  }
  .f127 {
    font-size: 12.7rem;
  }
  .f128 {
    font-size: 12.8rem;
  }
  .f129 {
    font-size: 12.9rem;
  }
  .f130 {
    font-size: 13rem;
  }
  .f131 {
    font-size: 13.1rem;
  }
  .f132 {
    font-size: 13.2rem;
  }
  .f133 {
    font-size: 13.3rem;
  }
  .f134 {
    font-size: 13.4rem;
  }
  .f135 {
    font-size: 13.5rem;
  }
  .f136 {
    font-size: 13.6rem;
  }
  .f137 {
    font-size: 13.7rem;
  }
  .f138 {
    font-size: 13.8rem;
  }
  .f139 {
    font-size: 13.9rem;
  }
  .f140 {
    font-size: 14rem;
  }
  .f141 {
    font-size: 14.1rem;
  }
  .f142 {
    font-size: 14.2rem;
  }
  .f143 {
    font-size: 14.3rem;
  }
  .f144 {
    font-size: 14.4rem;
  }
  .f145 {
    font-size: 14.5rem;
  }
  .f146 {
    font-size: 14.6rem;
  }
  .f147 {
    font-size: 14.7rem;
  }
  .f148 {
    font-size: 14.8rem;
  }
  .f149 {
    font-size: 14.9rem;
  }
  .f150 {
    font-size: 15rem;
  }
  .f151 {
    font-size: 15.1rem;
  }
  .f152 {
    font-size: 15.2rem;
  }
  .f153 {
    font-size: 15.3rem;
  }
  .f154 {
    font-size: 15.4rem;
  }
  .f155 {
    font-size: 15.5rem;
  }
  .f156 {
    font-size: 15.6rem;
  }
  .f157 {
    font-size: 15.7rem;
  }
  .f158 {
    font-size: 15.8rem;
  }
  .f159 {
    font-size: 15.9rem;
  }
  .f160 {
    font-size: 16rem;
  }
  .f161 {
    font-size: 16.1rem;
  }
  .f162 {
    font-size: 16.2rem;
  }
  .f163 {
    font-size: 16.3rem;
  }
  .f164 {
    font-size: 16.4rem;
  }
  .f165 {
    font-size: 16.5rem;
  }
  .f166 {
    font-size: 16.6rem;
  }
  .f167 {
    font-size: 16.7rem;
  }
  .f168 {
    font-size: 16.8rem;
  }
  .f169 {
    font-size: 16.9rem;
  }
  .f170 {
    font-size: 17rem;
  }
}
@media screen and (min-width: 1181px) and (max-width: 1650px) {
  .f31 {
    font-size: 2.81818182rem;
  }
  .f32 {
    font-size: 2.90909091rem;
  }
  .f33 {
    font-size: 3rem;
  }
  .f34 {
    font-size: 3.09090909rem;
  }
  .f35 {
    font-size: 3.18181818rem;
  }
  .f36 {
    font-size: 3.27272727rem;
  }
  .f37 {
    font-size: 3.36363636rem;
  }
  .f38 {
    font-size: 3.45454545rem;
  }
  .f39 {
    font-size: 3.54545455rem;
  }
  .f40 {
    font-size: 3.63636364rem;
  }
  .f41 {
    font-size: 3.72727273rem;
  }
  .f42 {
    font-size: 3.81818182rem;
  }
  .f43 {
    font-size: 3.90909091rem;
  }
  .f44 {
    font-size: 4rem;
  }
  .f45 {
    font-size: 4.09090909rem;
  }
  .f46 {
    font-size: 4.18181818rem;
  }
  .f47 {
    font-size: 4.27272727rem;
  }
  .f48 {
    font-size: 4.36363636rem;
  }
  .f49 {
    font-size: 4.45454545rem;
  }
  .f50 {
    font-size: 4.54545455rem;
  }
  .f51 {
    font-size: 4.63636364rem;
  }
  .f52 {
    font-size: 4.72727273rem;
  }
  .f53 {
    font-size: 4.81818182rem;
  }
  .f54 {
    font-size: 4.90909091rem;
  }
  .f55 {
    font-size: 5rem;
  }
  .f56 {
    font-size: 5.09090909rem;
  }
  .f57 {
    font-size: 5.18181818rem;
  }
  .f58 {
    font-size: 5.27272727rem;
  }
  .f59 {
    font-size: 5.36363636rem;
  }
  .f60 {
    font-size: 5.45454545rem;
  }
  .f61 {
    font-size: 5.54545455rem;
  }
  .f62 {
    font-size: 5.63636364rem;
  }
  .f63 {
    font-size: 5.72727273rem;
  }
  .f64 {
    font-size: 5.81818182rem;
  }
  .f65 {
    font-size: 5.90909091rem;
  }
  .f66 {
    font-size: 6rem;
  }
  .f67 {
    font-size: 6.09090909rem;
  }
  .f68 {
    font-size: 6.18181818rem;
  }
  .f69 {
    font-size: 6.27272727rem;
  }
  .f70 {
    font-size: 6.36363636rem;
  }
  .f71 {
    font-size: 6.45454545rem;
  }
  .f72 {
    font-size: 6.54545455rem;
  }
  .f73 {
    font-size: 6.63636364rem;
  }
  .f74 {
    font-size: 6.72727273rem;
  }
  .f75 {
    font-size: 6.81818182rem;
  }
  .f76 {
    font-size: 6.90909091rem;
  }
  .f77 {
    font-size: 7rem;
  }
  .f78 {
    font-size: 7.09090909rem;
  }
  .f79 {
    font-size: 7.18181818rem;
  }
  .f80 {
    font-size: 7.27272727rem;
  }
  .f81 {
    font-size: 7.36363636rem;
  }
  .f82 {
    font-size: 7.45454545rem;
  }
  .f83 {
    font-size: 7.54545455rem;
  }
  .f84 {
    font-size: 7.63636364rem;
  }
  .f85 {
    font-size: 7.72727273rem;
  }
  .f86 {
    font-size: 7.81818182rem;
  }
  .f87 {
    font-size: 7.90909091rem;
  }
  .f88 {
    font-size: 8rem;
  }
  .f89 {
    font-size: 8.09090909rem;
  }
  .f90 {
    font-size: 8.18181818rem;
  }
  .f91 {
    font-size: 8.27272727rem;
  }
  .f92 {
    font-size: 8.36363636rem;
  }
  .f93 {
    font-size: 8.45454545rem;
  }
  .f94 {
    font-size: 8.54545455rem;
  }
  .f95 {
    font-size: 8.63636364rem;
  }
  .f96 {
    font-size: 8.72727273rem;
  }
  .f97 {
    font-size: 8.81818182rem;
  }
  .f98 {
    font-size: 8.90909091rem;
  }
  .f99 {
    font-size: 9rem;
  }
  .f100 {
    font-size: 9.09090909rem;
  }
  .f101 {
    font-size: 9.18181818rem;
  }
  .f102 {
    font-size: 9.27272727rem;
  }
  .f103 {
    font-size: 9.36363636rem;
  }
  .f104 {
    font-size: 9.45454545rem;
  }
  .f105 {
    font-size: 9.54545455rem;
  }
  .f106 {
    font-size: 9.63636364rem;
  }
  .f107 {
    font-size: 9.72727273rem;
  }
  .f108 {
    font-size: 9.81818182rem;
  }
  .f109 {
    font-size: 9.90909091rem;
  }
  .f110 {
    font-size: 10rem;
  }
  .f111 {
    font-size: 10.09090909rem;
  }
  .f112 {
    font-size: 10.18181818rem;
  }
  .f113 {
    font-size: 10.27272727rem;
  }
  .f114 {
    font-size: 10.36363636rem;
  }
  .f115 {
    font-size: 10.45454545rem;
  }
  .f116 {
    font-size: 10.54545455rem;
  }
  .f117 {
    font-size: 10.63636364rem;
  }
  .f118 {
    font-size: 10.72727273rem;
  }
  .f119 {
    font-size: 10.81818182rem;
  }
  .f120 {
    font-size: 10.90909091rem;
  }
  .f121 {
    font-size: 11rem;
  }
  .f122 {
    font-size: 11.09090909rem;
  }
  .f123 {
    font-size: 11.18181818rem;
  }
  .f124 {
    font-size: 11.27272727rem;
  }
  .f125 {
    font-size: 11.36363636rem;
  }
  .f126 {
    font-size: 11.45454545rem;
  }
  .f127 {
    font-size: 11.54545455rem;
  }
  .f128 {
    font-size: 11.63636364rem;
  }
  .f129 {
    font-size: 11.72727273rem;
  }
  .f130 {
    font-size: 11.81818182rem;
  }
  .f131 {
    font-size: 11.90909091rem;
  }
  .f132 {
    font-size: 12rem;
  }
  .f133 {
    font-size: 12.09090909rem;
  }
  .f134 {
    font-size: 12.18181818rem;
  }
  .f135 {
    font-size: 12.27272727rem;
  }
  .f136 {
    font-size: 12.36363636rem;
  }
  .f137 {
    font-size: 12.45454545rem;
  }
  .f138 {
    font-size: 12.54545455rem;
  }
  .f139 {
    font-size: 12.63636364rem;
  }
  .f140 {
    font-size: 12.72727273rem;
  }
  .f141 {
    font-size: 12.81818182rem;
  }
  .f142 {
    font-size: 12.90909091rem;
  }
  .f143 {
    font-size: 13rem;
  }
  .f144 {
    font-size: 13.09090909rem;
  }
  .f145 {
    font-size: 13.18181818rem;
  }
  .f146 {
    font-size: 13.27272727rem;
  }
  .f147 {
    font-size: 13.36363636rem;
  }
  .f148 {
    font-size: 13.45454545rem;
  }
  .f149 {
    font-size: 13.54545455rem;
  }
  .f150 {
    font-size: 13.63636364rem;
  }
  .f151 {
    font-size: 13.72727273rem;
  }
  .f152 {
    font-size: 13.81818182rem;
  }
  .f153 {
    font-size: 13.90909091rem;
  }
  .f154 {
    font-size: 14rem;
  }
  .f155 {
    font-size: 14.09090909rem;
  }
  .f156 {
    font-size: 14.18181818rem;
  }
  .f157 {
    font-size: 14.27272727rem;
  }
  .f158 {
    font-size: 14.36363636rem;
  }
  .f159 {
    font-size: 14.45454545rem;
  }
  .f160 {
    font-size: 14.54545455rem;
  }
  .f161 {
    font-size: 14.63636364rem;
  }
  .f162 {
    font-size: 14.72727273rem;
  }
  .f163 {
    font-size: 14.81818182rem;
  }
  .f164 {
    font-size: 14.90909091rem;
  }
  .f165 {
    font-size: 15rem;
  }
  .f166 {
    font-size: 15.09090909rem;
  }
  .f167 {
    font-size: 15.18181818rem;
  }
  .f168 {
    font-size: 15.27272727rem;
  }
  .f169 {
    font-size: 15.36363636rem;
  }
  .f170 {
    font-size: 15.45454545rem;
  }
  .f19 {
    font-size: 1.88118812rem;
  }
  .f20 {
    font-size: 1.98019802rem;
  }
  .f21 {
    font-size: 2.07920792rem;
  }
  .f22 {
    font-size: 2.17821782rem;
  }
  .f23 {
    font-size: 2.27722772rem;
  }
  .f24 {
    font-size: 2.37623762rem;
  }
  .f25 {
    font-size: 2.47524752rem;
  }
  .f26 {
    font-size: 2.57425743rem;
  }
  .f27 {
    font-size: 2.67326733rem;
  }
  .f28 {
    font-size: 2.77227723rem;
  }
  .f29 {
    font-size: 2.87128713rem;
  }
  .f30 {
    font-size: 2.97029703rem;
  }
  .f14 {
    font-size: 1.4rem;
  }
  .f15 {
    font-size: 1.5rem;
  }
  .f16 {
    font-size: 1.6rem;
  }
  .f17 {
    font-size: 1.7rem;
  }
  .f18 {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 641px) and (max-width: 1180px) {
  .fp12 {
    font-size: 1.2rem;
  }
  .fp13 {
    font-size: 1.3rem;
  }
  .fp14 {
    font-size: 1.4rem;
  }
  .fp15 {
    font-size: 1.5rem;
  }
  .fp16 {
    font-size: 1.6rem;
  }
  .fp17 {
    font-size: 1.7rem;
  }
  .fp18 {
    font-size: 1.8rem;
  }
  .fp19 {
    font-size: 1.9rem;
  }
  .fp20 {
    font-size: 2rem;
  }
  .fp21 {
    font-size: 2.1rem;
  }
  .fp22 {
    font-size: 2.2rem;
  }
  .fp23 {
    font-size: 2.3rem;
  }
  .fp24 {
    font-size: 2.4rem;
  }
  .fp25 {
    font-size: 2.5rem;
  }
  .fp26 {
    font-size: 2.6rem;
  }
  .fp27 {
    font-size: 2.7rem;
  }
  .fp28 {
    font-size: 2.8rem;
  }
  .fp29 {
    font-size: 2.9rem;
  }
  .fp30 {
    font-size: 3rem;
  }
  .fp31 {
    font-size: 3.1rem;
  }
  .fp32 {
    font-size: 3.2rem;
  }
  .fp33 {
    font-size: 3.3rem;
  }
  .fp34 {
    font-size: 3.4rem;
  }
  .fp35 {
    font-size: 3.5rem;
  }
  .fp36 {
    font-size: 3.6rem;
  }
  .fp37 {
    font-size: 3.7rem;
  }
  .fp38 {
    font-size: 3.8rem;
  }
  .fp39 {
    font-size: 3.9rem;
  }
  .fp40 {
    font-size: 4rem;
  }
  .fp41 {
    font-size: 4.1rem;
  }
  .fp42 {
    font-size: 4.2rem;
  }
  .fp43 {
    font-size: 4.3rem;
  }
  .fp44 {
    font-size: 4.4rem;
  }
  .fp45 {
    font-size: 4.5rem;
  }
  .fp46 {
    font-size: 4.6rem;
  }
  .fp47 {
    font-size: 4.7rem;
  }
  .fp48 {
    font-size: 4.8rem;
  }
  .fp49 {
    font-size: 4.9rem;
  }
  .fp50 {
    font-size: 5rem;
  }
  .fp51 {
    font-size: 5.1rem;
  }
  .fp52 {
    font-size: 5.2rem;
  }
  .fp53 {
    font-size: 5.3rem;
  }
  .fp54 {
    font-size: 5.4rem;
  }
  .fp55 {
    font-size: 5.5rem;
  }
  .fp56 {
    font-size: 5.6rem;
  }
  .fp57 {
    font-size: 5.7rem;
  }
  .fp58 {
    font-size: 5.8rem;
  }
  .fp59 {
    font-size: 5.9rem;
  }
  .fp60 {
    font-size: 6rem;
  }
  .fp61 {
    font-size: 6.1rem;
  }
  .fp62 {
    font-size: 6.2rem;
  }
  .fp63 {
    font-size: 6.3rem;
  }
  .fp64 {
    font-size: 6.4rem;
  }
  .fp65 {
    font-size: 6.5rem;
  }
  .fp66 {
    font-size: 6.6rem;
  }
  .fp67 {
    font-size: 6.7rem;
  }
  .fp68 {
    font-size: 6.8rem;
  }
  .fp69 {
    font-size: 6.9rem;
  }
  .fp70 {
    font-size: 7rem;
  }
  .fp71 {
    font-size: 7.1rem;
  }
  .fp72 {
    font-size: 7.2rem;
  }
  .fp73 {
    font-size: 7.3rem;
  }
  .fp74 {
    font-size: 7.4rem;
  }
  .fp75 {
    font-size: 7.5rem;
  }
  .fp76 {
    font-size: 7.6rem;
  }
  .fp77 {
    font-size: 7.7rem;
  }
  .fp78 {
    font-size: 7.8rem;
  }
  .fp79 {
    font-size: 7.9rem;
  }
  .fp80 {
    font-size: 8rem;
  }
  .fp81 {
    font-size: 8.1rem;
  }
  .fp82 {
    font-size: 8.2rem;
  }
  .fp83 {
    font-size: 8.3rem;
  }
  .fp84 {
    font-size: 8.4rem;
  }
  .fp85 {
    font-size: 8.5rem;
  }
  .fp86 {
    font-size: 8.6rem;
  }
  .fp87 {
    font-size: 8.7rem;
  }
  .fp88 {
    font-size: 8.8rem;
  }
  .fp89 {
    font-size: 8.9rem;
  }
  .fp90 {
    font-size: 9rem;
  }
  .fp91 {
    font-size: 9.1rem;
  }
  .fp92 {
    font-size: 9.2rem;
  }
  .fp93 {
    font-size: 9.3rem;
  }
  .fp94 {
    font-size: 9.4rem;
  }
  .fp95 {
    font-size: 9.5rem;
  }
  .fp96 {
    font-size: 9.6rem;
  }
  .fp97 {
    font-size: 9.7rem;
  }
  .fp98 {
    font-size: 9.8rem;
  }
  .fp99 {
    font-size: 9.9rem;
  }
  .fp100 {
    font-size: 10rem;
  }
  .fp101 {
    font-size: 10.1rem;
  }
  .fp102 {
    font-size: 10.2rem;
  }
  .fp103 {
    font-size: 10.3rem;
  }
  .fp104 {
    font-size: 10.4rem;
  }
  .fp105 {
    font-size: 10.5rem;
  }
  .fp106 {
    font-size: 10.6rem;
  }
  .fp107 {
    font-size: 10.7rem;
  }
  .fp108 {
    font-size: 10.8rem;
  }
  .fp109 {
    font-size: 10.9rem;
  }
  .fp110 {
    font-size: 11rem;
  }
  .fp111 {
    font-size: 11.1rem;
  }
  .fp112 {
    font-size: 11.2rem;
  }
  .fp113 {
    font-size: 11.3rem;
  }
  .fp114 {
    font-size: 11.4rem;
  }
  .fp115 {
    font-size: 11.5rem;
  }
  .fp116 {
    font-size: 11.6rem;
  }
  .fp117 {
    font-size: 11.7rem;
  }
  .fp118 {
    font-size: 11.8rem;
  }
  .fp119 {
    font-size: 11.9rem;
  }
  .fp120 {
    font-size: 12rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 640px) {
  .fw12 {
    font-size: 1.2rem;
  }
  .fw13 {
    font-size: 1.3rem;
  }
  .fw14 {
    font-size: 1.4rem;
  }
  .fw15 {
    font-size: 1.5rem;
  }
  .fw16 {
    font-size: 1.6rem;
  }
  .fw17 {
    font-size: 1.7rem;
  }
  .fw18 {
    font-size: 1.8rem;
  }
  .fw19 {
    font-size: 1.9rem;
  }
  .fw20 {
    font-size: 2rem;
  }
  .fw21 {
    font-size: 2.1rem;
  }
  .fw22 {
    font-size: 2.2rem;
  }
  .fw23 {
    font-size: 2.3rem;
  }
  .fw24 {
    font-size: 2.4rem;
  }
  .fw25 {
    font-size: 2.5rem;
  }
  .fw26 {
    font-size: 2.6rem;
  }
  .fw27 {
    font-size: 2.7rem;
  }
  .fw28 {
    font-size: 2.8rem;
  }
  .fw29 {
    font-size: 2.9rem;
  }
  .fw30 {
    font-size: 3rem;
  }
  .fw31 {
    font-size: 3.1rem;
  }
  .fw32 {
    font-size: 3.2rem;
  }
  .fw33 {
    font-size: 3.3rem;
  }
  .fw34 {
    font-size: 3.4rem;
  }
  .fw35 {
    font-size: 3.5rem;
  }
  .fw36 {
    font-size: 3.6rem;
  }
  .fw37 {
    font-size: 3.7rem;
  }
  .fw38 {
    font-size: 3.8rem;
  }
  .fw39 {
    font-size: 3.9rem;
  }
  .fw40 {
    font-size: 4rem;
  }
  .fw41 {
    font-size: 4.1rem;
  }
  .fw42 {
    font-size: 4.2rem;
  }
  .fw43 {
    font-size: 4.3rem;
  }
  .fw44 {
    font-size: 4.4rem;
  }
  .fw45 {
    font-size: 4.5rem;
  }
  .fw46 {
    font-size: 4.6rem;
  }
  .fw47 {
    font-size: 4.7rem;
  }
  .fw48 {
    font-size: 4.8rem;
  }
  .fw49 {
    font-size: 4.9rem;
  }
  .fw50 {
    font-size: 5rem;
  }
  .fw51 {
    font-size: 5.1rem;
  }
  .fw52 {
    font-size: 5.2rem;
  }
  .fw53 {
    font-size: 5.3rem;
  }
  .fw54 {
    font-size: 5.4rem;
  }
  .fw55 {
    font-size: 5.5rem;
  }
  .fw56 {
    font-size: 5.6rem;
  }
  .fw57 {
    font-size: 5.7rem;
  }
  .fw58 {
    font-size: 5.8rem;
  }
  .fw59 {
    font-size: 5.9rem;
  }
  .fw60 {
    font-size: 6rem;
  }
  .fw61 {
    font-size: 6.1rem;
  }
  .fw62 {
    font-size: 6.2rem;
  }
  .fw63 {
    font-size: 6.3rem;
  }
  .fw64 {
    font-size: 6.4rem;
  }
  .fw65 {
    font-size: 6.5rem;
  }
  .fw66 {
    font-size: 6.6rem;
  }
  .fw67 {
    font-size: 6.7rem;
  }
  .fw68 {
    font-size: 6.8rem;
  }
  .fw69 {
    font-size: 6.9rem;
  }
  .fw70 {
    font-size: 7rem;
  }
  .fw71 {
    font-size: 7.1rem;
  }
  .fw72 {
    font-size: 7.2rem;
  }
  .fw73 {
    font-size: 7.3rem;
  }
  .fw74 {
    font-size: 7.4rem;
  }
  .fw75 {
    font-size: 7.5rem;
  }
  .fw76 {
    font-size: 7.6rem;
  }
  .fw77 {
    font-size: 7.7rem;
  }
  .fw78 {
    font-size: 7.8rem;
  }
  .fw79 {
    font-size: 7.9rem;
  }
  .fw80 {
    font-size: 8rem;
  }
  .fw81 {
    font-size: 8.1rem;
  }
  .fw82 {
    font-size: 8.2rem;
  }
  .fw83 {
    font-size: 8.3rem;
  }
  .fw84 {
    font-size: 8.4rem;
  }
  .fw85 {
    font-size: 8.5rem;
  }
  .fw86 {
    font-size: 8.6rem;
  }
  .fw87 {
    font-size: 8.7rem;
  }
  .fw88 {
    font-size: 8.8rem;
  }
  .fw89 {
    font-size: 8.9rem;
  }
  .fw90 {
    font-size: 9rem;
  }
  .fw91 {
    font-size: 9.1rem;
  }
  .fw92 {
    font-size: 9.2rem;
  }
  .fw93 {
    font-size: 9.3rem;
  }
  .fw94 {
    font-size: 9.4rem;
  }
  .fw95 {
    font-size: 9.5rem;
  }
  .fw96 {
    font-size: 9.6rem;
  }
  .fw97 {
    font-size: 9.7rem;
  }
  .fw98 {
    font-size: 9.8rem;
  }
  .fw99 {
    font-size: 9.9rem;
  }
  .fw100 {
    font-size: 10rem;
  }
  .fw101 {
    font-size: 10.1rem;
  }
  .fw102 {
    font-size: 10.2rem;
  }
  .fw103 {
    font-size: 10.3rem;
  }
  .fw104 {
    font-size: 10.4rem;
  }
  .fw105 {
    font-size: 10.5rem;
  }
  .fw106 {
    font-size: 10.6rem;
  }
  .fw107 {
    font-size: 10.7rem;
  }
  .fw108 {
    font-size: 10.8rem;
  }
  .fw109 {
    font-size: 10.9rem;
  }
  .fw110 {
    font-size: 11rem;
  }
  .fw111 {
    font-size: 11.1rem;
  }
  .fw112 {
    font-size: 11.2rem;
  }
  .fw113 {
    font-size: 11.3rem;
  }
  .fw114 {
    font-size: 11.4rem;
  }
  .fw115 {
    font-size: 11.5rem;
  }
  .fw116 {
    font-size: 11.6rem;
  }
  .fw117 {
    font-size: 11.7rem;
  }
  .fw118 {
    font-size: 11.8rem;
  }
  .fw119 {
    font-size: 11.9rem;
  }
  .fw120 {
    font-size: 12rem;
  }
}
@media screen and (min-width: 0px) {
  [show-psimg] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }
  [show-primg] {
    display: flex;
    height: 100%;
  }
  [show-imgbox] {
    position: relative;
    overflow: hidden;
    border-radius: inherit;
  }
  [show-imgbox] [show-img] {
    overflow: hidden;
    border-radius: inherit;
  }
  [show-img] {
    opacity: 0;
    transform: scale(1.04);
    filter: brightness(2);
    transition: filter 1.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 1.3s cubic-bezier(0.19, 1, 0.22, 1), transform 1.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.6s cubic-bezier(0.19, 1, 0.22, 1);
  }
  [show-img2] {
    opacity: 0;
    transform: scale(1.2);
    transition: opacity 1.3s cubic-bezier(0.19, 1, 0.22, 1), transform 1.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.6s cubic-bezier(0.19, 1, 0.22, 1);
  }
  [show-img3] {
    transform: scale(1.1);
    transition: opacity 1.3s cubic-bezier(0.19, 1, 0.22, 1), transform 1.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.6s cubic-bezier(0.19, 1, 0.22, 1);
  }
  [show-opacity],
  [show-opacityD] {
    opacity: 0;
    transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  [show-scale50],
  [show-scale50D] {
    opacity: 0;
    transform: scale(0.5);
    transform-origin: center;
  }
  [show-scale90],
  [show-scale90D] {
    opacity: 0;
    transform: scale(0.9);
    transform-origin: center;
  }
  [show-scale96],
  [show-scale96D] {
    opacity: 0;
    transform: scale(0.96);
    transform-origin: center;
  }
  [show-text],
  [show-textD] {
    opacity: 0;
    transform: translateY(4vw);
    transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1), transform 1s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 1s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  [show-text2],
  [show-textD2] {
    opacity: 0;
    transform: translateY(20%);
    transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1), transform 1s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 1s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  [show-text3],
  [show-textD3] {
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 1s cubic-bezier(0.34, 0.44, 0.41, 1.12), transform 1s cubic-bezier(0.09, 0.34, 0.63, 1), -webkit-transform 1s cubic-bezier(0.09, 0.34, 0.63, 1);
  }
  [show-text-F],
  [show-text-FD] {
    opacity: 0;
    filter: blur(10px);
    transform: translateY(4vw);
    transition: 1.2s cubic-bezier(0.34, 0.44, 0.41, 1.12);
  }
  [show-text-F2],
  [show-text-FD2] {
    opacity: 0;
    transform: translateY(20%);
    filter: blur(5px);
    transition: 1.2s cubic-bezier(0.34, 0.44, 0.41, 1.12);
  }
  [show-text-Fx],
  [show-text-FxD] {
    opacity: 0;
    transform: translateX(4vw);
    filter: blur(5px);
    transition: 1.2s cubic-bezier(0.34, 0.44, 0.41, 1.12);
  }
  [show-text-Fx2],
  [show-text-FxD2] {
    opacity: 0;
    transform: translateX(3rem);
    filter: blur(5px);
    transition: 1s cubic-bezier(0.33, 1, 0.68, 1);
  }
  [show-text-skew],
  [show-text-skewD] {
    opacity: 0;
    transform: translateY(25%) skew(15deg);
    transition: 1.2s cubic-bezier(0.33, 1, 0.68, 1);
  }
  [show-text-skew2],
  [show-text-skew2D] {
    opacity: 0;
    transform: translateY(15%) skew(5deg);
    transition: 1.2s cubic-bezier(0.33, 1, 0.68, 1);
  }
  [show-text-matrix],
  [show-text-matrixD] {
    opacity: 0;
    transform: matrix(1, -0.1, 0, 1, 0, -10);
    transform-origin: left center;
    transition: 1.2s cubic-bezier(0.49, 0.54, 0.16, 1);
  }
  [show-textL],
  [show-textLD] {
    opacity: 0;
    transform: translateX(4vw);
    transition: opacity 1s cubic-bezier(0.34, 0.44, 0.41, 1.12), transform 1s cubic-bezier(0.09, 0.34, 0.63, 1), -webkit-transform 1s cubic-bezier(0.09, 0.34, 0.63, 1);
  }
  [show-textL2],
  [show-textLD2] {
    opacity: 0;
    transform: translateX(15%);
    transition: transform 1s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.8s ease 0.3s;
  }
  [show-textR],
  [show-textRD] {
    opacity: 0;
    transform: translateX(-4vw);
    transition: opacity 1s cubic-bezier(0.34, 0.44, 0.41, 1.12), transform 1s cubic-bezier(0.09, 0.34, 0.63, 1), -webkit-transform 1s cubic-bezier(0.09, 0.34, 0.63, 1);
    will-change: opacity, transform;
  }
  [show-textR2],
  [show-textRD2] {
    opacity: 0;
    transform: translateX(-15%);
    transition: transform 1s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.8s ease 0.3s;
  }
  [pbanner-img] {
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
    transform-origin: center bottom;
    opacity: 0.1;
    transition: 2s;
    -webkit-transition: 2s;
  }
  [show-scaleX] {
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    opacity: 0;
    transition: transform 1s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
  }
  [show-rotatetY],
  [show-rotatetYD] {
    opacity: 0;
    transform: rotate(10deg) translateY(15%);
    -webkit-transform: rotate(10deg) translateY(15%);
    transition: transform 1s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
  }
  [clip-w],
  [clip-wD] {
    clip-path: inset(0 100% 0 0);
    -webkit-transition: 1.2s cubic-bezier(0.34, 0.44, 0.41, 1.12);
    transition: 1.2s cubic-bezier(0.34, 0.44, 0.41, 1.12);
  }
  [clip-wc],
  [clip-wcD] {
    clip-path: inset(0 50% 0 50%);
    -webkit-transition: 1.2s cubic-bezier(0.34, 0.44, 0.41, 1.12);
    transition: 1.2s cubic-bezier(0.34, 0.44, 0.41, 1.12);
  }
  [clip-w2],
  [clip-wD2] {
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    transition: -webkit-clip-path 1.6s cubic-bezier(0.16, 1, 0.3, 1);
    transition: clip-path 1.6s cubic-bezier(0.16, 1, 0.3, 1);
    transition: clip-path 1.6s cubic-bezier(0.16, 1, 0.3, 1), -webkit-clip-path 1.6s cubic-bezier(0.16, 1, 0.3, 1);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  [clip-w3],
  [clip-w3D] {
    -webkit-clip-path: polygon(50% 0, 100% 0, 100% 100%, 25% 100%);
    clip-path: polygon(50% 0, 100% 0, 100% 100%, 25% 100%);
    -webkit-transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  [clip-h],
  [clip-hD] {
    clip-path: inset(0 0 100% 0);
    -webkit-transition: 1.2s cubic-bezier(0.34, 0.44, 0.41, 1.12);
    transition: 1.2s cubic-bezier(0.34, 0.44, 0.41, 1.12);
  }
  [jb-textD] {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  [jb-text],
  [jb-textD] {
    -webkit-mask-image: linear-gradient(90deg, #fff 24%, transparent 33%);
    mask-image: linear-gradient(90deg, #fff 24%, transparent 33%);
    -webkit-mask-position: 100% 0%;
    mask-position: 100% 0%;
    -webkit-mask-size: 400% 400%;
    mask-size: 400% 400%;
  }
  @keyframes textMask {
    0% {
      -webkit-mask-position: 50% 0;
      mask-position: 50% 0;
    }
    100% {
      -webkit-mask-position: 0% 0;
      mask-position: 0% 0;
    }
  }
  .action [show-img] {
    filter: brightness(1);
  }
  .action [show-img],
  .action [show-img2] {
    opacity: 1;
    transform: initial;
  }
  .action [show-img3] {
    transform: initial;
  }
  .action [show-opacity],
  .action[show-opacityD] {
    opacity: 1;
  }
  .action [show-text],
  .action[show-textD],
  .action [show-text2],
  .action[show-textD2],
  .action [show-text3],
  .action[show-textD3] {
    opacity: 1;
    transform: initial;
  }
  .action [show-text-F],
  .action[show-text-FD],
  .action [show-text-F2],
  .action[show-text-FD2] {
    filter: initial;
    opacity: 1;
    transform: initial;
  }
  .action [show-text-Fx],
  .action[show-text-FxD],
  .action [show-text-Fx2],
  .action[show-text-FxD2] {
    filter: initial;
    opacity: 1;
    transform: initial;
  }
  .action [show-text-skew],
  .action[show-text-skewD],
  .action [show-text-skew2],
  .action[show-text-skew2D] {
    opacity: 1;
    transform: initial;
  }
  .action [show-text-matrix],
  .action[show-text-matrixD] {
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
  .action [show-textL],
  .action[show-textLD],
  .action [show-textR],
  .action[show-textRD],
  .action [show-textL2],
  .action[show-textLD2],
  .action [show-textR2],
  .action[show-textRD2] {
    opacity: 1;
    transform: initial;
  }
  .action [show-scale50],
  .action[show-scale50D],
  .action [show-scale90],
  .action[show-scale90D] {
    opacity: 1;
    transform: initial;
    transform-origin: center;
    transition: 1.5s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  .action [show-scale96],
  .action[show-scale96D] {
    opacity: 1;
    transform: initial;
    transform-origin: center;
    transition: 1.5s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  .action [pbanner-img] {
    transform: initial;
    -webkit-transform: initial;
    opacity: 1;
  }
  .action [show-scaleX] {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    opacity: 1;
  }
  .action [show-rotatetY],
  .action[show-rotatetYD] {
    transform: initial;
    -webkit-transform: initial;
    opacity: 1;
  }
  .action [clip-w],
  .action[clip-wD],
  .action [clip-wc],
  .action[clip-wcD] {
    clip-path: inset(0 0 0 0);
  }
  .action [clip-w2],
  .action[clip-wD2] {
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
  }
  .action [clip-w3],
  .action[clip-wD3] {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
  }
  .action [clip-h],
  .action[clip-hD] {
    clip-path: inset(0 0 0 0);
  }
  .action [jb-text],
  .action[jb-textD] {
    animation: textMask 1.8s ease forwards;
  }
  [show-imgskewX] {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: #e5e1da;
    width: 100%;
    height: 100%;
    z-index: 2;
    transform: scale(1.2) skewX(-20deg);
    transform-origin: right bottom;
    animation: picBefore 1000ms 200ms cubic-bezier(0.65, 0, 0.35, 1) forwards;
  }
  @keyframes picBefore {
    0% {
      width: 100%;
    }
    100% {
      width: 0;
    }
  }
  @keyframes fadeInUpSkew {
    from {
      opacity: 0;
      transform: translateY(50px) skew(15deg);
    }
    to {
      opacity: 1;
      transform: translateY(0) skew(0);
    }
  }
  @-webkit-keyframes mask-play {
    from {
      -webkit-mask-position: 0 0;
      mask-position: 0 0;
    }
    to {
      -webkit-mask-position: 0 100%;
      mask-position: 0 100%;
    }
  }
  @keyframes mask-play {
    from {
      -webkit-mask-position: 0 0;
      mask-position: 0 0;
    }
    to {
      -webkit-mask-position: 0 100%;
      mask-position: 0 100%;
    }
  }
  .dly20 {
    transition-delay: 2s;
    -webkit-transition-delay: 2s;
  }
  .dly19 {
    transition-delay: 1.9s;
    -webkit-transition-delay: 1.9s;
  }
  .dly18 {
    transition-delay: 1.8s;
    -webkit-transition-delay: 1.8s;
  }
  .dly17 {
    transition-delay: 1.7s;
    -webkit-transition-delay: 1.7s;
  }
  .dly16 {
    transition-delay: 1.6s;
    -webkit-transition-delay: 1.6s;
  }
  .dly15 {
    transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s;
  }
  .dly14 {
    transition-delay: 1.4s;
    -webkit-transition-delay: 1.4s;
  }
  .dly13 {
    transition-delay: 1.3s;
    -webkit-transition-delay: 1.3s;
  }
  .dly12 {
    transition-delay: 1.2s;
    -webkit-transition-delay: 1.2s;
  }
  .dly11 {
    transition-delay: 1.1s;
    -webkit-transition-delay: 1.1s;
  }
  .dly10 {
    transition-delay: 1s;
    -webkit-transition-delay: 1s;
  }
  .dly9 {
    transition-delay: 0.9s;
    -webkit-transition-delay: 0.9s;
  }
  .dly8 {
    transition-delay: 0.8s;
    -webkit-transition-delay: 0.8s;
  }
  .dly7 {
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
  }
  .dly6 {
    transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
  }
  .dly5 {
    transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
  }
  .dly4 {
    transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
  }
  .dly3 {
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
  }
  .dly2 {
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
  }
  .dly1 {
    transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
  }
  .action .dly-20 {
    transition-delay: 2s;
    -webkit-transition-delay: 2s;
  }
  .action .dly-19 {
    transition-delay: 1.9s;
    -webkit-transition-delay: 1.9s;
  }
  .action .dly-18 {
    transition-delay: 1.8s;
    -webkit-transition-delay: 1.8s;
  }
  .action .dly-17 {
    transition-delay: 1.7s;
    -webkit-transition-delay: 1.7s;
  }
  .action .dly-16 {
    transition-delay: 1.6s;
    -webkit-transition-delay: 1.6s;
  }
  .action .dly-15 {
    transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s;
  }
  .action .dly-14 {
    transition-delay: 1.4s;
    -webkit-transition-delay: 1.4s;
  }
  .action .dly-13 {
    transition-delay: 1.3s;
    -webkit-transition-delay: 1.3s;
  }
  .action .dly-12 {
    transition-delay: 1.2s;
    -webkit-transition-delay: 1.2s;
  }
  .action .dly-11 {
    transition-delay: 1.1s;
    -webkit-transition-delay: 1.1s;
  }
  .action .dly-10 {
    transition-delay: 1s;
    -webkit-transition-delay: 1s;
  }
  .action .dly-9 {
    transition-delay: 0.9s;
    -webkit-transition-delay: 0.9s;
  }
  .action .dly-8 {
    transition-delay: 0.8s;
    -webkit-transition-delay: 0.8s;
  }
  .action .dly-7 {
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
  }
  .action .dly-6 {
    transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
  }
  .action .dly-5 {
    transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
  }
  .action .dly-4 {
    transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
  }
  .action .dly-3 {
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
  }
  .action .dly-2 {
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
  }
  .action .dly-1 {
    transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
  }
}
.top {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 999;
  color: #000000;
  background-color: #ffffff;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}
.top a {
  color: #000000;
}
.menu-open .top::before {
  opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
  .top a:hover {
    color: #6D7278;
  }
}
.pageH {
  height: 15rem;
}
@media screen and (max-width: 1180px) {
  .pageH {
    height: 50px;
  }
}
[data-header-change] .top-tbox {
  height: 0;
}
[data-header-change] .logo2 {
  opacity: 1;
}
.top-tbox {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 10rem;
  position: relative;
  overflow: hidden;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}
.top-tbox::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #c8c8c8;
}
@media screen and (max-width: 1180px) {
  .top-tbox {
    display: none;
  }
}
.logo,
.logo2 {
  height: 86%;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}
.logo a,
.logo2 a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.logo a img,
.logo2 a img {
  max-height: 100%;
  display: block;
  object-fit: cover;
}
.logo2 {
  opacity: 0;
}
.logo2 a img {
  height: 1.5rem;
}
@media screen and (max-width: 1180px) {
  .logo2 {
    opacity: 1;
  }
}
.top-bbox {
  position: relative;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.top-bbox::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #c8c8c8;
}
@media screen and (max-width: 1180px) {
  .top-bbox {
    height: 50px;
  }
}
@media screen and (max-width: 1180px) {
  .nav-box {
    display: none;
  }
}
.nav {
  display: flex;
  font-family: 'shs-M';
}
.nav > li {
  margin-right: 4.1666vw;
}
.nav > li:last-child {
  margin-right: 0;
}
@media screen and (max-width: 1440px) {
  .nav > li {
    margin-right: 3vw;
  }
}
@media screen and (max-width: 1360px) {
  .nav > li {
    margin-right: 2vw;
  }
}
.grop-lager {
  width: 22rem;
  display: flex;
  justify-content: end;
  align-items: center;
}
@media screen and (max-width: 1180px) {
  .grop-lager {
    display: none;
  }
}
.menu-handler {
  width: 25px;
  height: 50px;
  position: relative;
  cursor: pointer;
  display: none;
}
.menu-handler .menu-bar {
  width: 25px;
  height: 2px;
  background: #6D7278;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(0deg);
  transition: margin 0.4s 0.4s, transform 0.4s, opacity 0.4s;
}
.menu-handler .menu-bar:nth-child(1) {
  margin-top: -7px;
}
.menu-handler .menu-bar:nth-child(3) {
  margin-top: 7px;
}
.menu-handler.active .menu-bar:nth-child(1) {
  margin-top: 0;
  transform: translateY(-50%) rotate(40deg);
  transition: margin 0.4s, transform 0.4s 0.4s, opacity 0.4s;
}
.menu-handler.active .menu-bar:nth-child(2) {
  opacity: 0;
}
.menu-handler.active .menu-bar:nth-child(3) {
  margin-top: 0;
  transform: translateY(-50%) rotate(-40deg);
  transition: margin 0.4s, transform 0.4s 0.4s, opacity 0.4s;
}
@media screen and (max-width: 1180px) {
  .menu-handler {
    display: block;
  }
}
.menubarM {
  color: #000000;
  position: fixed;
  pointer-events: none;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  opacity: 0;
  background-color: #ffffff;
  z-index: 995;
  transition: 0.6s cubic-bezier(0.625, 0.05, 0, 1);
  -webkit-transition: 0.6s cubic-bezier(0.625, 0.05, 0, 1);
}
.menubarM a {
  color: #000000;
}
.menubarM-box {
  height: 100vh;
  padding-top: 50px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 2rem;
}
.menubarM-list {
  padding-bottom: 50px;
}
.menubarM-list > li {
  position: relative;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(3rem);
  transform: translateY(3rem);
  -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.menubarM-list > li > a {
  position: relative;
  display: flex;
  font-size: 1.8rem;
  padding: 1.8rem 4%;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #858585;
  line-height: 1;
}
.menubarM-list > li > a .txt {
  line-height: 1.2;
}
.menubarM-list > li > a .arrow {
  width: 1.1rem;
}
.menubarM-list > li[has-item] > a::after {
  font-family: "iconfont" !important;
  content: "\e661";
  margin-left: 1rem;
  flex-shrink: 0;
  color: #6D7278;
  -webkit-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.menubarM-list .subnav {
  display: none;
  padding: 2rem 0 2rem 5%;
}
.menubarM-list .subnav p {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.menubarM-list .subnav a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1.4;
  padding: 1.2rem 0;
  font-size: 1.8rem;
  font-weight: 500;
}
.menubarM-list .subnav a::after {
  content: "\e635";
  font-family: "iconfont";
  margin-left: 1.2rem;
  font-size: 2rem;
  flex-shrink: 0;
  line-height: 1;
  font-weight: normal;
  color: #6D7278;
}
.menubarM-bot {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.menu-lager {
  flex-shrink: 0;
  margin-left: 5%;
}
.menu-open {
  overflow: hidden;
}
@media screen and (max-width: 1180px) {
  .menu-open .menubarM {
    opacity: 1;
    pointer-events: all;
  }
  .menu-open .menubarM-list > li {
    opacity: 1;
    pointer-events: all;
    transform: initial;
  }
  .menu-open .menubarM-list > li:nth-child(1) {
    transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
  }
  .menu-open .menubarM-list > li:nth-child(2) {
    transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
  }
  .menu-open .menubarM-list > li:nth-child(3) {
    transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
  }
  .menu-open .menubarM-list > li:nth-child(4) {
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
  }
  .menu-open .menubarM-list > li:nth-child(5) {
    transition-delay: 0.8s;
    -webkit-transition-delay: 0.8s;
  }
  .menu-open .menubarM-list > li:nth-child(6) {
    transition-delay: 0.9s;
    -webkit-transition-delay: 0.9s;
  }
  .menu-open .menubarM-list > li:nth-child(7) {
    transition-delay: 1s;
    -webkit-transition-delay: 1s;
  }
  .menu-open .menubarM-list > li:nth-child(8) {
    transition-delay: 1.1s;
    -webkit-transition-delay: 1.1s;
  }
  .menu-open .menubarM-list > li:nth-child(9) {
    transition-delay: 1.2s;
    -webkit-transition-delay: 1.2s;
  }
  .menu-open .menubarM-list > li:nth-child(10) {
    transition-delay: 1.3s;
    -webkit-transition-delay: 1.3s;
  }
  .menu-open .menubarM-list > li:nth-child(11) {
    transition-delay: 1.4s;
    -webkit-transition-delay: 1.4s;
  }
  .menu-open .menubarM-list > li:nth-child(12) {
    transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s;
  }
  .menu-open .menubarM-list > li:nth-child(13) {
    transition-delay: 1.6s;
    -webkit-transition-delay: 1.6s;
  }
  .menu-open .menubarM-list > li:nth-child(14) {
    transition-delay: 1.7s;
    -webkit-transition-delay: 1.7s;
  }
  .menu-open .menubarM-list > li:nth-child(15) {
    transition-delay: 1.8s;
    -webkit-transition-delay: 1.8s;
  }
  .menu-open .menubarM-list > li:nth-child(16) {
    transition-delay: 1.9s;
    -webkit-transition-delay: 1.9s;
  }
  .menu-open .warp {
    opacity: 0;
  }
}
.banner-box {
  position: relative;
  overflow: hidden;
}
.banner {
  position: relative;
}
.banner .swiper-slide {
  height: auto;
}
.banner .imgBox {
  height: 100%;
  display: block;
}
.banner .imgBox img,
.banner .imgBox video {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.banner .swiper-pag {
  position: absolute;
  bottom: 5%;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 500;
}
.banner .swiper-pag .swiper-pagination-bullet {
  width: 8.2rem;
  height: 1px;
  opacity: 1;
  background-color: #ffffff;
  margin-left: 3rem;
  position: relative;
  border-radius: initial;
}
.banner .swiper-pag .swiper-pagination-bullet:first-child {
  margin-left: 0;
}
.banner .swiper-pag .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: #000000;
}
.banner .swiper-pag .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  animation-name: barMove;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
  animation-duration: 5s;
}
@media screen and (max-width: 1180px) {
  .banner {
    height: calc(100vh - 50px);
  }
  .banner .swiper-pag .swiper-pagination-bullet {
    width: 6rem;
    margin-left: 2rem;
  }
}
@media screen and (max-width: 750px) {
  .banner .swiper-pag .swiper-pagination-bullet {
    width: 4rem;
    margin-left: 1rem;
  }
}
@media screen and (max-width: 480px) {
  .banner .swiper-pag .swiper-pagination-bullet {
    width: 3rem;
    margin-left: 0.5rem;
  }
}
@-webkit-keyframes barMove {
  0% {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
@keyframes barMove {
  0% {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
.banner-desc {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.banner-text {
  text-align: center;
}
.banner-text .line {
  width: 6rem;
  height: 1px;
  background-color: #ffffff;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 750px) {
  .banner-text .line {
    width: 5.4rem;
  }
}
.ibox-tbox .t {
  margin-right: 3rem;
}
.ibox-tbox .ibox-tbox-c {
  flex: 1;
}
.ibox-tbox .ibox-tbox-r {
  flex-shrink: 0;
}
.ibox-more {
  border: 1px solid #858585;
  color: #858585;
  display: inline-flex;
  height: 3.4rem;
  align-items: center;
  justify-content: center;
  line-height: 1;
  -webkit-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}
.ibox-more .txt {
  text-decoration: underline;
  padding: 0 1.4rem;
  display: flex;
}
@media screen and (max-width: 1440px) {
  .ibox-more .txt {
    padding-left: 1.3rem;
    padding-right: 1.3rem;
  }
}
@media screen and (max-width: 1180px) {
  .ibox-more {
    height: 3.2rem;
  }
  .ibox-more .txt {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 1180px) {
  .ibox-more:hover,
  [btn-moreH]:hover .ibox-more {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
  }
  .ibox-more:hover .txt,
  [btn-moreH]:hover .ibox-more .txt {
    text-decoration: none;
  }
}
.ibox-exhibition-swiper {
  overflow: hidden;
}
.ibox-exhibition-swiper .swiper-slide {
  height: auto;
  display: flex;
  flex-direction: column;
}
.ibox-exhibition-swiper .imgBox {
  aspect-ratio: 1 / 1;
}
.ibox-exhibition-swiper .desc {
  flex: 1;
  margin-top: 2rem;
}
.ibox-exhibition-swiper .t {
  line-height: 1.36;
}
.ibox-exhibition-swiper .time {
  line-height: 1.15384;
}
.ibox-exhibition-swiper .add {
  line-height: 1.5;
  margin-top: 0.5rem;
}
.nt-line {
  height: 1px;
  background-color: #c8c8c8;
  width: 100%;
}
.ibox-artist-list > li {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  margin-top: 7rem;
}
.ibox-artist-list .imgBox {
  width: 48.86%;
  flex-shrink: 0;
}
.ibox-artist-list .desc {
  flex: 1;
  margin-right: 10.98%;
}
.ibox-artist-list .title {
  line-height: 1.36;
}
.ibox-artist-list .c {
  margin-top: 4.16vw;
  line-height: 1.5;
}
.ibox-artist-list .bot {
  margin-top: 3.64vw;
}
@media screen and (max-width: 1440px) {
  .ibox-artist-list > li {
    margin-top: 5rem;
  }
}
@media screen and (max-width: 1180px) {
  .ibox-artist-list > li {
    margin-top: 4.5rem;
  }
  .ibox-artist-list .desc {
    margin-right: 8%;
  }
}
@media screen and (max-width: 640px) {
  .ibox-artist-list > li {
    margin-top: 4rem;
    flex-direction: column;
  }
  .ibox-artist-list .c {
    margin-top: 2.5rem;
  }
  .ibox-artist-list .bot {
    margin-top: 2rem;
  }
  .ibox-artist-list .desc {
    margin-right: 0;
    margin-top: 3rem;
  }
  .ibox-artist-list .imgBox {
    width: 100%;
  }
}
.inew-ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -2%;
}
.inew-ul > li {
  position: relative;
  width: 31.33%;
  margin-left: 2%;
}
.inew-ul .desc {
  margin-top: 2rem;
}
.inew-ul .c {
  margin-top: 1rem;
  line-height: 1.714;
}
.inew-ul .bot {
  margin-top: 0.8rem;
  line-height: 1.2;
  display: flex;
  align-items: center;
}
.inew-ul .bot .type {
  margin-right: 1.3rem;
}
@media screen and (max-width: 1180px) {
  .inew-ul {
    flex-direction: column;
    margin-top: -4.5rem;
  }
  .inew-ul > li {
    display: flex;
    width: 100%;
    margin-top: 4.5rem;
  }
  .inew-ul .imgBox {
    width: 45%;
    margin-right: 5%;
    flex-shrink: 0;
  }
  .inew-ul .desc {
    flex: 1;
    margin-top: 0;
  }
}
@media screen and (max-width: 640px) {
  .inew-ul {
    flex-direction: row;
    margin-top: -3rem;
  }
  .inew-ul > li {
    display: block;
    margin-top: 3rem;
  }
  .inew-ul .imgBox {
    width: 100%;
  }
  .inew-ul .desc {
    margin-top: 1.2rem;
  }
}
.ibox-work-box .s-parallax-b::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.ibox-work-box .desc {
  padding-left: 5%;
  padding-right: 5%;
  text-align: center;
}
.ibox-work-box .t {
  margin-top: 2rem;
}
.foot {
  position: relative;
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.foot::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 1px;
  width: 100%;
  background-color: #c8c8c8;
}
@media screen and (max-width: 750px) {
  .foot {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
.foot-item-ul {
  display: flex;
  justify-content: center;
  margin-left: -10%;
}
.foot-item-ul > li {
  width: 23.33%;
  margin-left: 10%;
}
@media screen and (max-width: 1360px) {
  .foot-item-ul {
    margin-left: -6%;
  }
  .foot-item-ul > li {
    margin-left: 6%;
    width: 27.33%;
  }
}
@media screen and (max-width: 1180px) {
  .foot-item-ul {
    margin-left: -4%;
  }
  .foot-item-ul > li {
    margin-left: 4%;
    width: 29.33%;
  }
}
@media screen and (max-width: 860px) {
  .foot-item-ul {
    flex-direction: column;
    margin-left: 0;
    display: block;
  }
  .foot-item-ul > li {
    width: 100%;
    margin-left: 0;
  }
}
.foot-add {
  margin-bottom: 5rem;
  font-size: 1.4rem;
}
@media screen and (max-width: 860px) {
  .foot-add {
    margin-bottom: 4.5rem;
  }
  .foot-add > li {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 860px) {
  .foot-bot .foot-item-ul > li {
    margin-bottom: 5rem;
  }
  .foot-bot .foot-item-ul > li:last-child {
    margin-bottom: 0;
  }
}
.foot-sharp {
  display: flex;
}
.foot-sharp a {
  width: 3.4rem;
  height: 3.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 3.2rem;
}
.foot-sharp a img,
.foot-sharp a svg {
  max-width: 100%;
  display: block;
}
.foot-sharp a svg path {
  transition: 0.3s;
  -webkit-transition: 0.3s;
}
.foot-sharp a:last-child {
  margin-right: 0;
}
@media (hover: hover) and (pointer: fine) {
  .foot-sharp a:hover svg path {
    fill: #000000;
  }
}
@media screen and (max-width: 1180px) {
  .foot-sharp a {
    margin-right: 2.5rem;
  }
}
@media screen and (max-width: 750px) {
  .foot-sharp {
    margin-top: 2.5rem;
  }
  .foot-sharp a {
    margin-right: 2rem;
  }
}
.foot-bot .foot-item-ul {
  flex-direction: row-reverse;
  align-items: end;
}
.foot-email {
  display: flex;
  border-bottom: 1px solid #c8c8c8;
  padding-bottom: 0.6rem;
}
.foot-email .lbox {
  flex: 1;
}
.foot-email .txt {
  border: 0 none;
  width: 100%;
  color: #333333;
}
.foot-email .btn {
  flex-shrink: 0;
  width: 4rem;
  margin-left: 1.5rem;
}
.foot-email .btn img,
.foot-email .btn svg {
  max-width: 100%;
  display: block;
}
.foot-email .btn svg path {
  transition: 0.3s;
  -webkit-transition: 0.3s;
}
@media (hover: hover) and (pointer: fine) {
  .foot-email .btn:hover svg path {
    fill: #000000;
  }
}
.foot-logo {
  line-height: 1;
}
.foot-logo img {
  max-width: 22.8rem;
  display: block;
}
.foot-beian {
  font-size: 1rem;
  margin-top: 0.2rem;
}
@media screen and (max-width: 1180px) {
  .foot-beian {
    font-size: 1.4rem;
  }
}
.page-Tbox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 1180px) {
  .page-Tbox {
    display: block;
  }
}
.page-Tbox-l .t {
  margin-right: 3vw;
}
@media screen and (max-width: 1180px) {
  .page-Tbox-l {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.page-Tbox-c {
  flex: 1;
  margin-left: 5vw;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
@media screen and (max-width: 1180px) {
  .page-Tbox-c {
    margin: 4.5rem 0 0;
  }
}
@media screen and (max-width: 750px) {
  .page-Tbox-c {
    flex-direction: column;
    align-items: initial;
    margin: 4rem 0 0;
  }
}
.page-Tbox-c2 {
  flex: 1;
  margin-left: 5vw;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.page-pnav-box {
  margin-right: 5vw;
  flex: 1;
}
@media screen and (max-width: 1180px) {
  .page-pnav-box {
    margin-right: 0;
  }
}
@media screen and (max-width: 750px) {
  .page-pnav-box {
    margin-left: -4%;
    margin-right: -4%;
    position: relative;
    border-bottom: 1px solid #858585;
  }
  .page-pnav-box::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 2rem;
    background: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 0) 14%, #ffffff);
    background: -o-linear-gradient(270deg, rgba(255, 255, 255, 0) 14%, #ffffff);
    background: -moz-linear-gradient(270deg, rgba(255, 255, 255, 0) 14%, #ffffff);
    background: -ms-linear-gradient(270deg, rgba(255, 255, 255, 0) 14%, #ffffff);
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 14%, #ffffff);
  }
  .page-pnav-box::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 2rem;
    background: -webkit-linear-gradient(270deg, #ffffff 14%, rgba(255, 255, 255, 0));
    background: -o-linear-gradient(270deg, #ffffff 14%, rgba(255, 255, 255, 0));
    background: -moz-linear-gradient(270deg, #ffffff 14%, rgba(255, 255, 255, 0));
    background: -ms-linear-gradient(270deg, #ffffff 14%, rgba(255, 255, 255, 0));
    background: linear-gradient(270deg, #ffffff 14%, rgba(255, 255, 255, 0));
  }
}
.page-pnav,
.news-pnav,
.work-pnav {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  margin-right: var(--exhibition-pnavw);
}
.page-pnav a,
.news-pnav a,
.work-pnav a {
  color: #6D7278;
  margin-right: 5.208vw;
}
.page-pnav a:last-of-type,
.news-pnav a:last-of-type,
.work-pnav a:last-of-type {
  margin-right: 0;
}
.page-pnav a:hover,
.news-pnav a:hover,
.work-pnav a:hover {
  color: #000000;
}
.page-pnav a.active,
.news-pnav a.active,
.work-pnav a.active {
  color: #000000;
}
@media screen and (max-width: 1180px) {
  .page-pnav,
  .news-pnav,
  .work-pnav {
    justify-content: initial;
    flex-wrap: wrap;
    margin-right: 0;
  }
  .page-pnav a,
  .news-pnav a,
  .work-pnav a {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 750px) {
  .page-pnav,
  .news-pnav,
  .work-pnav {
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding: 0 4%;
    position: relative;
  }
  .page-pnav a,
  .news-pnav a,
  .work-pnav a {
    flex-shrink: 0;
    margin-right: 2.5rem;
  }
}
.work-pnav {
  margin-right: 0;
}
.news-pnav {
  margin-right: 0;
  justify-content: initial;
}
.dropdown-type {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 0;
  flex-shrink: 0;
}
@media screen and (max-width: 1180px) {
  .dropdown-type {
    position: relative;
    right: initial;
    top: initial;
  }
}
.dropdown-tbox {
  padding: 0 1.5rem;
  height: 5.6rem;
  display: flex;
  border: 1px solid #000000;
  justify-content: space-between;
  width: var(--exhibition-pnavw);
  align-items: center;
}
.dropdown-tbox .txt {
  line-height: 1;
  display: block;
  margin-right: 2rem;
}
.dropdown-tbox .arrow {
  flex-shrink: 0;
  font-size: 1rem;
  color: #000000;
  line-height: 1;
  display: block;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  width: 2.1rem;
}
.show .dropdown-tbox .arrow {
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}
@media screen and (max-width: 1180px) {
  .dropdown-tbox {
    height: 4.4rem;
  }
  .dropdown-tbox .arrow {
    width: 1.6rem;
  }
}
.dropdown-cbox {
  position: absolute;
  right: 0%;
  top: 100%;
  min-width: 100%;
  z-index: 1001;
  opacity: 0;
  pointer-events: none;
  padding-top: 1.2rem;
  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.show .dropdown-cbox {
  opacity: 1;
  pointer-events: all;
  transform: initial;
}
.dropdown-code {
  background-color: #ffffff;
  border: 1px solid #000000;
  transform: scaleY(0.8);
  transform-origin: top center;
  padding: 1.2rem 0;
}
.dropdown-code ul {
  overflow: hidden;
}
.dropdown-code li {
  position: relative;
  padding: 1rem 1.5rem;
  line-height: 1.4;
  display: flex;
  justify-content: space-between;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}
.dropdown-code li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}
.dropdown-code li * {
  position: relative;
  z-index: 1;
}
@media (hover: hover) {
  .dropdown-code li:hover::after {
    opacity: 1;
    background-color: #d8d8d8;
  }
}
.exhibition-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -2%;
  margin-top: -8rem;
}
.exhibition-list > li {
  position: relative;
  width: 31.33%;
  margin-left: 2%;
  margin-top: 8rem;
}
.exhibition-list .imgBox {
  aspect-ratio: 1 / 1;
}
.exhibition-list .desc {
  flex: 1;
  margin-top: 2rem;
}
.exhibition-list .t {
  line-height: 1.36;
}
.exhibition-list .time {
  line-height: 1.15384;
}
.exhibition-list .add {
  line-height: 1.5;
  margin-top: 0.5rem;
}
@media screen and (max-width: 1440px) {
  .exhibition-list {
    margin-top: -7rem;
  }
  .exhibition-list > li {
    margin-top: 7rem;
  }
}
@media screen and (max-width: 1180px) {
  .exhibition-list {
    margin-top: -6rem;
  }
  .exhibition-list > li {
    margin-top: 6rem;
  }
  .exhibition-list .time {
    line-height: 1.46;
  }
}
@media screen and (max-width: 860px) {
  .exhibition-list {
    margin-top: -4.5rem;
  }
  .exhibition-list > li {
    margin-top: 4.5rem;
    width: 48%;
  }
}
@media screen and (max-width: 640px) {
  .exhibition-list > li {
    width: 100%;
  }
}
.exhibition3-list > li {
  display: flex;
  padding: 1rem 0;
  align-items: flex-start;
  border-bottom: 1px solid #d8d8d8;
  position: relative;
}
.exhibition3-list .imgBox {
  width: 6%;
  flex-shrink: 0;
}
.exhibition3-list .desc {
  flex: 1;
  display: flex;
  line-height: 1.36;
}
.exhibition3-list .item {
  margin-left: 3rem;
}
.exhibition3-list .title {
  flex: 1;
}
.exhibition3-list .time {
  width: 24%;
}
.exhibition3-list .add {
  width: 15%;
}
@media screen and (max-width: 1180px) {
  .exhibition3-list .imgBox {
    width: 8rem;
  }
  .exhibition3-list .item {
    margin-left: 2.5rem;
  }
}
@media screen and (max-width: 750px) {
  .exhibition3-list > li {
    padding: 2rem 0;
  }
  .exhibition3-list .desc {
    flex-direction: column;
  }
  .exhibition3-list .item {
    width: 100%;
  }
  .exhibition3-list .add {
    color: #808080;
    font-size: 1.6rem;
    margin-top: 0.5rem;
  }
}
.page-year-navbox {
  position: relative;
}
@media screen and (max-width: 640px) {
  .page-year-navbox {
    padding: 0;
  }
  .page-year-navbox::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4vw;
    background: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 0) 14%, #ffffff);
    background: -o-linear-gradient(270deg, rgba(255, 255, 255, 0) 14%, #ffffff);
    background: -moz-linear-gradient(270deg, rgba(255, 255, 255, 0) 14%, #ffffff);
    background: -ms-linear-gradient(270deg, rgba(255, 255, 255, 0) 14%, #ffffff);
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 14%, #ffffff);
  }
  .page-year-navbox::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 4vw;
    background: -webkit-linear-gradient(270deg, #ffffff 14%, rgba(255, 255, 255, 0));
    background: -o-linear-gradient(270deg, #ffffff 14%, rgba(255, 255, 255, 0));
    background: -moz-linear-gradient(270deg, #ffffff 14%, rgba(255, 255, 255, 0));
    background: -ms-linear-gradient(270deg, #ffffff 14%, rgba(255, 255, 255, 0));
    background: linear-gradient(270deg, #ffffff 14%, rgba(255, 255, 255, 0));
  }
}
.page-year-ul {
  border-bottom: 1px solid #d8d8d8;
  display: flex;
  flex-wrap: wrap;
}
.page-year-ul a {
  margin-right: 2rem;
  display: flex;
  padding-bottom: 1rem;
  line-height: 1.4;
  color: #6D7278;
}
.page-year-ul a.active {
  color: #000000;
}
@media screen and (max-width: 640px) {
  .page-year-ul {
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding: 0 4%;
  }
  .page-year-ul a {
    flex-shrink: 0;
    padding-bottom: 2rem;
    margin-right: 3rem;
  }
}
@media screen and (max-width: 640px) {
  .exhibition-infoT .time {
    line-height: 1.2;
  }
}
.view-about-img {
  background-color: #d8d8d8;
}
.view-about-img img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.page-inav {
  border-bottom: 1px solid #c8c8c8;
  display: flex;
  position: sticky;
  background-color: #ffffff;
  z-index: 800;
  top: 5rem;
  font-family: "shs-SB";
}
.page-inav a {
  margin-right: 3.125vw;
  height: 5rem;
  display: flex;
  align-items: center;
  color: #6D7278;
  line-height: 1;
  flex-shrink: 0;
}
.page-inav a:last-of-type {
  margin-right: 0;
}
.page-inav a._current {
  color: #000000;
}
@media screen and (max-width: 1180px) {
  .page-inav {
    top: 50px;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }
  .page-inav a {
    margin-right: 2rem;
  }
}
.view-about-desc {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 860px) {
  .view-about-desc {
    display: block;
  }
}
.view-about-lbox {
  flex: 1;
  position: sticky;
  top: 12rem;
}
@media screen and (max-width: 1180px) {
  .view-about-lbox {
    position: initial;
    top: initial;
  }
}
.view-about-rbox {
  width: 57.2%;
  margin-left: 5%;
  margin-right: 8.6%;
}
@media screen and (max-width: 1180px) {
  .view-about-rbox {
    margin-right: 5%;
  }
}
@media screen and (max-width: 860px) {
  .view-about-rbox {
    width: 100%;
    margin-left: 0;
    margin-top: 3rem;
    margin-right: 0;
  }
}
.view-about-con {
  overflow: hidden;
  height: var(--view-about-descH);
}
.exhibitioni-in-swiper {
  position: relative;
}
.exhibitioni-in-swiper .tt-arow {
  background-color: #231916;
  width: 6rem;
  height: 6rem;
}
.exhibitioni-in-swiper .tt-arow .ico {
  width: 3.8rem;
}
@media (hover: hover) and (pointer: fine) {
  .exhibitioni-in-swiper .tt-arow:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }
}
@media screen and (max-width: 1180px) {
  .exhibitioni-in-swiper .tt-arow {
    width: 5rem;
    height: 5rem;
  }
  .exhibitioni-in-swiper .tt-arow .ico {
    width: 3.2rem;
  }
}
@media screen and (max-width: 750px) {
  .exhibitioni-in-swiper .tt-arow {
    width: 4rem;
    height: 4rem;
    background-color: rgba(35, 25, 22, 0.5);
  }
  .exhibitioni-in-swiper .tt-arow .ico {
    width: 2.8rem;
  }
}
.view-work-swiper {
  position: relative;
}
.view-work-swiper .swiper-slide {
  height: auto;
}
.view-work-swiper .item {
  display: flex;
  align-items: end;
}
.view-work-swiper .imgBox {
  width: 53%;
}
.view-work-swiper .desc {
  width: 20%;
  margin-right: 3.5%;
}
.view-work-swiper .tt-arow {
  width: 6.1rem;
}
@media screen and (max-width: 1180px) {
  .view-work-swiper .item {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
  }
  .view-work-swiper .imgBox {
    width: 100%;
  }
  .view-work-swiper .desc {
    width: 100%;
    margin-right: 0;
    margin-top: 3rem;
  }
  .view-work-swiper .tt-arow {
    width: 4rem;
  }
}
@media screen and (max-width: 750px) {
  .view-work-swiper .tt-arow {
    width: 3.2rem;
  }
}
.exhibitioni-guides-box .s-parallax-b::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.exhibitioni-guides-box .desc {
  padding-left: 5%;
  padding-right: 5%;
  text-align: center;
  padding-top: 18rem;
  padding-bottom: 18rem;
}
@media screen and (max-width: 1440px) {
  .exhibitioni-guides-box .desc {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
}
@media screen and (max-width: 1180px) {
  .exhibitioni-guides-box .desc {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }
}
@media screen and (max-width: 860px) {
  .exhibitioni-guides-box .desc {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
}
@media screen and (max-width: 750px) {
  .exhibitioni-guides-box .desc {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}
@media screen and (max-width: 640px) {
  .exhibitioni-guides-box .desc {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }
}
.ibox-more2 {
  border: 1px solid #ffffff;
  color: #ffffff;
  display: inline-flex;
  height: 4.8rem;
  align-items: center;
  justify-content: center;
  line-height: 1;
  -webkit-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}
.ibox-more2 .txt {
  text-decoration: underline;
  padding: 0 2rem;
  display: flex;
}
@media screen and (max-width: 1440px) {
  .ibox-more2 .txt {
    padding-left: 1.9rem;
    padding-right: 1.9rem;
  }
}
@media screen and (max-width: 1180px) {
  .ibox-more2 {
    height: 4.6rem;
  }
  .ibox-more2 .txt {
    padding-left: 1.8rem;
    padding-right: 1.8rem;
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 1180px) {
  .ibox-more2:hover,
  [btn-moreH]:hover .ibox-more2 {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #000000;
  }
  .ibox-more2:hover .txt,
  [btn-moreH]:hover .ibox-more2 .txt {
    text-decoration: none;
  }
}
.view-new-ul > li {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #979797;
  padding-top: 1rem;
  padding-bottom: 1rem;
  line-height: 1.66;
}
.view-new-ul > li:first-of-type {
  border-top: 1px solid #979797;
}
.view-new-ul .t {
  flex: 1;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}
.view-new-ul .name {
  width: 12.878%;
  margin: 0 5%;
}
.view-new-ul .time {
  flex-shrink: 0;
  line-height: 1.4;
}
@media screen and (max-width: 860px) {
  .view-new-ul > li {
    flex-wrap: wrap;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    flex-direction: column;
  }
  .view-new-ul .t {
    width: 100%;
    flex: initial;
  }
  .view-new-ul .name {
    margin: 0.2rem 0 0;
    width: 100%;
  }
  .view-new-ul .time {
    line-height: 1.2;
  }
}
.artist-pnav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.6rem;
  margin-right: var(--artist-pnavw);
}
.artist-pnav a {
  color: #6D7278;
}
.artist-pnav a:last-of-type {
  margin-right: 0;
}
.artist-pnav a:hover {
  color: #000000;
}
.artist-pnav a.active {
  color: #000000;
}
.artist-pnav a.nocur {
  color: #d8d8d8;
}
@media screen and (max-width: 1180px) {
  .artist-pnav {
    margin-right: 0;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 750px) {
  .artist-pnav {
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding: 0 4%;
    position: relative;
    font-size: 2.4rem;
  }
  .artist-pnav a {
    flex-shrink: 0;
    margin-right: 4.5rem;
    margin-bottom: 1rem;
  }
}
.artist-list-btnbox {
  position: absolute;
  right: 0;
  top: 1.2rem;
  display: flex;
  border: 1px solid #000000;
  padding: 0.54rem 0.8rem;
  width: var(--artist-pnavw);
  align-items: center;
}
.artist-list-btnbox .artist-item img,
.artist-list-btnbox .artist-item svg {
  display: block;
}
.artist-list-btnbox .artist-item svg path {
  fill: #000000;
}
.artist-list-btnbox .artist-item.active svg path {
  fill: #858585;
}
.artist-list-btnbox .line {
  height: 1.9rem;
  width: 1px;
  background-color: #000000;
  margin: 0 1.25rem;
}
@media screen and (max-width: 1180px) {
  .artist-list-btnbox {
    width: fit-content;
    position: initial;
    padding: 0.8rem 1.25rem;
  }
}
.artist-ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -2%;
  margin-top: -6rem;
}
.artist-ul > li {
  position: relative;
  width: 14.66%;
  margin-left: 2%;
  padding-top: 6rem;
}
.artist-ul .imgBox img {
  filter: grayscale(100%);
}
.artist-ul .desc {
  margin-top: 1.5rem;
}
@media (hover: hover) and (pointer: fine) {
  .artist-ul > li:hover .imgBox img {
    filter: grayscale(0);
  }
}
@media screen and (max-width: 1280px) {
  .artist-ul {
    margin-top: -5rem;
  }
  .artist-ul > li {
    width: 23%;
    padding-top: 5rem;
  }
}
@media screen and (max-width: 860px) {
  .artist-ul {
    margin-left: -3%;
    margin-top: -4rem;
  }
  .artist-ul > li {
    width: 30.33%;
    margin-left: 3%;
    padding-top: 4rem;
  }
}
@media screen and (max-width: 750px) {
  .artist-ul > li {
    width: 47%;
  }
}
.artist-ul2 {
  display: flex;
  flex-wrap: wrap;
  margin-top: -6rem;
}
.artist-ul2 > li {
  width: 25%;
  padding-top: 6rem;
}
.artist-ul2 .name-t {
  font-size: 3.6rem;
  font-family: "en-smbd";
  line-height: 1;
  border-top: 1px solid #979797;
  padding-top: 3rem;
}
.artist-ul2 .name-c {
  font-family: "shs-M";
  font-size: 2.2rem;
  line-height: 1.63;
  padding-top: 1.5rem;
  padding-right: 2rem;
}
@media screen and (max-width: 1280px) {
  .artist-ul2 {
    margin-top: -5rem;
  }
  .artist-ul2 > li {
    width: 33.33%;
    padding-top: 5rem;
  }
}
@media screen and (max-width: 1180px) {
  .artist-ul2 > li {
    width: 33.33%;
  }
  .artist-ul2 .name-t {
    font-size: 3.4rem;
  }
  .artist-ul2 .name-c {
    font-size: 2rem;
  }
  .artist-ul2 .name-c p {
    margin-bottom: 0.4rem;
  }
  .artist-ul2 .name-c p:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 750px) {
  .artist-ul2 {
    margin-top: -4rem;
  }
  .artist-ul2 > li {
    width: 50%;
    padding-top: 4rem;
  }
}
@media screen and (max-width: 640px) {
  .artist-ul2 > li {
    width: 100%;
  }
  .artist-ul2 .name-c {
    padding-right: 0;
  }
}
.artist-about-ltx {
  width: 19.5rem;
}
.artist-about-lname {
  margin-top: 1.5rem;
}
.view-history-page {
  display: flex;
  justify-content: space-between;
}
.view-history-page .lbox {
  width: 23.5%;
  flex-shrink: 0;
}
.view-history-page .rbox {
  flex: 1;
}
@media screen and (max-width: 1180px) {
  .view-history-page {
    display: block;
  }
  .view-history-page .lbox {
    width: 100%;
  }
  .view-history-page .rbox {
    margin-top: 4.5rem;
  }
}
@media screen and (max-width: 640px) {
  .view-history-page .rbox {
    margin-top: 4rem;
  }
}
.view-history-ul {
  margin-top: 1.5rem;
}
.view-history-ul > li {
  position: relative;
  padding: 0.5rem 0;
  display: grid;
  align-items: start;
  gap: 0 3rem;
  grid-template-columns: 1fr 3fr 2fr 3fr;
  line-height: 1.5;
}
@media screen and (max-width: 1280px) {
  .view-history-ul > li {
    gap: 0 2rem;
  }
}
@media screen and (max-width: 1180px) {
  .view-history-ul > li {
    gap: 0 1.5rem;
  }
}
@media screen and (max-width: 640px) {
  .view-history-ul > li {
    gap: 0 1rem;
    grid-template-columns: 2fr 3fr;
  }
}
.artist-history-dl > dd {
  border-bottom: 1px solid #000000;
  padding-bottom: 2.6rem;
  margin-bottom: 3rem;
}
.artist-history-dl > dd:last-child {
  border-bottom: 0 none;
  margin-bottom: 0;
}
.view-publication-swiper {
  position: relative;
}
.view-publication-ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -2%;
  margin-top: -6rem;
}
.view-publication-ul > li {
  width: 31.33%;
  margin-left: 2%;
  margin-top: 6rem;
  position: relative;
}
.view-publication-ul .txt {
  margin-top: 2rem;
}
@media screen and (max-width: 1180px) {
  .view-publication-ul {
    margin-top: -5rem;
  }
  .view-publication-ul > li {
    margin-top: 5rem;
  }
}
@media screen and (max-width: 750px) {
  .view-publication-ul {
    margin-left: -3%;
  }
  .view-publication-ul > li {
    width: 47%;
    margin-left: 3%;
  }
}
@media screen and (max-width: 640px) {
  .view-publication-ul {
    margin-top: -4rem;
  }
  .view-publication-ul > li {
    margin-top: 4rem;
  }
  .view-publication-ul .txt {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 520px) {
  .view-publication-ul > li {
    width: 100%;
  }
}
.view-inner {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 860px) {
  .view-inner {
    display: block;
  }
}
.view-innerL {
  flex: 1;
  position: sticky;
  top: 12rem;
}
@media screen and (max-width: 1180px) {
  .view-innerL {
    position: initial;
    top: initial;
  }
}
.view-innerR {
  width: 65.8%;
  margin-left: 5%;
}
@media screen and (max-width: 1180px) {
  .view-innerR {
    width: 62.2%;
  }
}
@media screen and (max-width: 860px) {
  .view-innerR {
    margin-left: 0;
    width: 100%;
    margin-top: 3rem;
  }
}
.view-team-ul {
  margin-top: -6rem;
}
.view-team-ul > li {
  display: flex;
  margin-top: 6rem;
}
.view-team-ul .imgBox {
  width: 21.8%;
  min-width: 18rem;
  margin-right: 3.5rem;
  flex-shrink: 0;
}
.view-team-ul .desc {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.view-team-ul .c {
  margin-top: 1.8rem;
}
.view-team-ul .bot {
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
}
.view-team-ul .bot a {
  border-bottom: 1px solid #858585;
  color: #858585;
}
.view-team-ul .bot a:hover {
  color: #000000;
}
@media screen and (max-width: 860px) {
  .view-team-ul > li {
    display: block;
  }
  .view-team-ul .imgBox {
    margin-bottom: 2.5rem;
  }
}
.location-nav-ul {
  line-height: 1.25;
}
.location-nav-ul > li {
  margin-bottom: 5rem;
}
.location-nav-ul a {
  color: #858585;
  text-decoration-thickness: 1px;
  text-decoration-color: transparent;
  text-underline-offset: 0.375rem;
}
.location-nav-ul ._current a {
  color: #000000;
}
@media screen and (max-width: 1180px) {
  .location-nav-ul > li {
    margin-bottom: 4rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .location-nav-ul a:hover {
    text-decoration-line: underline;
    text-decoration-color: #000000;
  }
}
.location-page {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 860px) {
  .location-page {
    display: block;
  }
}
.location-nav {
  flex: 1;
  position: sticky;
  top: 8rem;
}
@media screen and (max-width: 860px) {
  .location-nav {
    position: initial;
    top: initial;
  }
}
.location-page-rbox {
  width: 69.4%;
  aspect-ratio: 5 / 4;
}
@media screen and (max-width: 860px) {
  .location-page-rbox {
    width: 100%;
  }
}
.location-ritem {
  position: sticky;
  top: 8rem;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  display: block;
}
.location-ritem > img {
  position: relative;
  aspect-ratio: auto;
  inset: 0px;
  color: transparent;
  -o-object-position: center;
  object-position: center;
  width: 100%;
  height: 100%;
  -o-object-fit: cover !important;
  object-fit: cover !important;
}
.nt-underline {
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.375rem;
  text-decoration-color: #000000;
  cursor: pointer;
  transition-duration: 0.15s;
  transition-property: -webkit-text-decoration;
  transition-property: text-decoration;
  transition-property: text-decoration, -webkit-text-decoration;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.locatiopnP-desc {
  display: flex;
  flex-wrap: wrap;
  margin-left: -4%;
  padding-left: 17.04%;
  margin-top: -2.2rem;
}
.locatiopnP-desc > li {
  width: 29.33%;
  margin-left: 4%;
  margin-top: 2.2rem;
}
.locatiopnP-desc .c {
  margin-top: 2.5rem;
}
@media screen and (max-width: 1180px) {
  .locatiopnP-desc {
    padding-left: 8%;
  }
  .locatiopnP-desc > li {
    width: 46%;
  }
}
@media screen and (max-width: 750px) {
  .locatiopnP-desc {
    margin-left: 0;
    padding-left: 0;
  }
  .locatiopnP-desc > li {
    margin-left: 0;
    width: 100%;
    margin-bottom: 4rem;
  }
  .locatiopnP-desc > li:last-child {
    margin-bottom: 0;
  }
}
.locationP-dtime {
  display: grid;
  grid-template-columns: 6.5rem 1fr;
  align-items: start;
  gap: 0rem 0.5rem;
}
.new-item {
  display: flex;
  flex-direction: column;
}
.new-item .t {
  margin-top: 2rem;
  font-weight: normal;
}
.new-item .con {
  font-size: 1.4rem;
  line-height: 1.57;
  margin-top: 1rem;
}
.new-item .c {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.new-item .bot {
  margin-top: 0.6rem;
  color: #858585;
  line-height: 2rem;
}
.new-item .bot .name {
  font-size: 1.4rem;
}
@media screen and (max-width: 1180px) {
  .new-item .c {
    -webkit-line-clamp: 3;
  }
}
.news-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: start;
  gap: 4rem 3.8rem;
}
@media screen and (max-width: 1180px) {
  .news-list {
    gap: 3rem 3.5rem;
  }
}
@media screen and (max-width: 860px) {
  .news-list {
    grid-template-columns: 1fr 1fr;
    gap: 3rem 3%;
  }
}
@media screen and (max-width: 360px) {
  .news-list {
    grid-template-columns: 1fr;
  }
}
.news-page {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 0rem 3.8rem;
}
@media screen and (max-width: 1180px) {
  .news-page {
    gap: 0rem 3.5rem;
  }
}
@media screen and (max-width: 860px) {
  .news-page {
    display: block;
  }
}
.news-first {
  flex-shrink: 0;
  position: sticky;
  top: 8rem;
}
@media screen and (max-width: 860px) {
  .news-first {
    width: 100%;
    top: initial;
    position: initial;
  }
}
@media screen and (max-width: 860px) {
  .news-rbox {
    margin-left: 0;
    margin-top: 3rem;
  }
}
.news-ul2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 4rem 3.8rem;
}
@media screen and (max-width: 1180px) {
  .news-ul2 {
    gap: 3rem 3.5rem;
  }
}
@media screen and (max-width: 860px) {
  .news-ul2 {
    gap: 3rem 3%;
  }
}
@media screen and (max-width: 360px) {
  .news-ul2 {
    grid-template-columns: 1fr;
  }
}
.info-page {
  max-width: 64.6rem;
  margin: 0 auto;
}
.info-page-img {
  max-width: 87.8rem;
  margin: 0 auto;
}
.news-view-desc {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
}
.news-view-desc .imgBox {
  width: 40.378%;
}
.news-view-desc .desc {
  width: 48.56%;
}
@media screen and (max-width: 640px) {
  .news-view-desc {
    flex-direction: column;
  }
  .news-view-desc .imgBox {
    width: 100%;
  }
  .news-view-desc .desc {
    width: 100%;
    margin-top: 3rem;
  }
}
.news-infoT .inf {
  display: flex;
  align-items: center;
}
.news-infoT .type {
  margin-right: 2rem;
}
.work-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -3%;
  margin-top: -6rem;
}
.work-list > li {
  width: 47%;
  margin-left: 3%;
  margin-top: 6rem;
  position: relative;
}
.work-list .imgBox {
  aspect-ratio: 1 / 0.75;
}
.work-list .desc {
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
  position: relative;
}
.work-list .c {
  line-height: 1.42;
  margin-top: 1rem;
}
.work-list .rbox {
  flex-shrink: 0;
  margin-left: 5%;
}
.work-list .more {
  border: 1px solid #000000;
  padding: 0 1.2rem;
  display: flex;
  height: 4.2rem;
}
.work-list .more .txt {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 4.4rem;
}
.work-list .zt-buy-txt {
  position: relative;
  display: flex;
  align-items: center;
}
.work-list .zt-buy-txt::before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 100%;
  background-color: #b5353d;
  flex-shrink: 0;
  margin-right: 0.8rem;
}
@media (hover: hover) and (pointer: fine) {
  .work-list > li:hover .more {
    background-color: #000000;
    color: #ffffff;
  }
}
@media screen and (max-width: 1180px) {
  .work-list {
    margin-top: -5rem;
  }
  .work-list > li {
    margin-top: 5rem;
  }
}
@media screen and (max-width: 640px) {
  .work-list {
    margin-top: -4rem;
  }
  .work-list > li {
    margin-top: 4rem;
    width: 100%;
  }
}
.work-view-page {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 2fr;
  align-items: flex-start;
  gap: 0 3%;
}
@media screen and (max-width: 860px) {
  .work-view-page {
    display: block;
  }
}
.work-view-lbox {
  padding-bottom: 6.8rem;
  position: sticky;
  top: 8rem;
}
.work-view-lbox .info {
  line-height: 1.66;
}
@media screen and (max-width: 1180px) {
  .work-view-lbox {
    padding-bottom: 7rem;
  }
}
@media screen and (max-width: 860px) {
  .work-view-lbox {
    width: 100%;
    margin-right: 0;
    padding-bottom: 4rem;
  }
}
@media screen and (max-width: 860px) {
  .work-view-rbox {
    width: 100%;
    margin-left: 0;
    margin-bottom: 4rem;
  }
}
.work-view-bot {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 32.33%;
}
@media screen and (max-width: 860px) {
  .work-view-bot {
    position: initial;
    left: auto;
    bottom: auto;
    width: 100%;
  }
}
.work-more {
  border: 1px solid #000000;
  text-align: center;
  justify-content: center;
  display: flex;
  height: 4.8rem;
  align-items: center;
  line-height: 5rem;
  font-size: 2.2rem;
}
@media (hover: hover) and (pointer: fine) {
  .work-more:hover {
    background-color: #000000;
    color: #ffffff;
  }
}
@media screen and (max-width: 1280px) {
  .work-more {
    font-size: 1.8rem;
  }
}
.work-view-img {
  position: relative;
  cursor: zoom-in;
}
.work-view-img .odd-ico {
  position: absolute;
  right: 0.7rem;
  bottom: 0.7rem;
  background-color: #ffffff;
  width: 4.2rem;
  height: 4.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.work-view-img .odd-ico img {
  max-width: 2rem;
}
.mask-work {
  background-color: #ffffff;
  max-width: 100rem;
  width: 90%;
  position: relative;
}
@media screen and (max-width: 750px) {
  .mask-work {
    width: auto;
    padding: 6.5rem 5%;
    min-height: 100vh;
  }
}
.mask-work-box {
  padding: 3rem;
}
.mask-work-box .bot {
  display: flex;
  justify-content: flex-end;
}
.mask-work-box .work-more {
  width: 24rem;
}
@media screen and (max-width: 750px) {
  .mask-work-box {
    padding: 0;
  }
  .mask-work-box .work-more {
    width: 100%;
  }
}
.tt-form-ul {
  list-style: none;
  display: flex;
  margin-left: -5%;
}
.tt-from-item {
  flex: 1;
  position: relative;
  margin-left: 5%;
}
.tt-from-item .arrow {
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1rem;
}
@media screen and (max-width: 750px) {
  .tt-from-item .arrow {
    right: 1.2rem;
  }
}
.tt-form-txt {
  border: 0 none;
  border-bottom: 1px solid #979797;
  padding: 1.4rem 0;
  line-height: 1.2;
  display: block;
  width: 100%;
  font-size: 2.2rem;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}
.tt-form-txt:focus {
  border-color: #6D7278;
}
@media screen and (max-width: 1180px) {
  .tt-form-txt {
    font-size: 2rem;
  }
}
@media screen and (max-width: 750px) {
  .tt-form-txt {
    padding: 1.2rem 0;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 640px) {
  .tt-form-txt {
    font-size: 1.6rem;
  }
}
.tt-form-txt2 {
  resize: none;
  height: 14rem;
  padding: 1rem;
  font-size: 1.8rem;
  border: 1px solid #979797;
}
@media screen and (max-width: 1180px) {
  .tt-form-txt2 {
    font-size: 1.6rem;
  }
}
.mask-work-close {
  position: absolute;
  left: 100%;
  top: 0.6rem;
  display: flex;
  color: #ffffff;
  align-items: center;
  font-size: 1.4rem;
  line-height: 1;
  cursor: pointer;
}
.mask-work-close .ico {
  margin: 0 1rem;
  width: 1.3rem;
}
.mask-work-close .txt {
  white-space: nowrap;
  margin-top: 0.2rem;
}
@media screen and (max-width: 1180px) {
  .mask-work-close {
    left: auto;
    top: 1rem;
    right: 1rem;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .mask-work-close .ico {
    width: 4rem;
    height: 4rem;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mask-work-close .ico img {
    width: 2rem;
  }
  .mask-work-close .txt {
    display: none;
  }
}
body #spotlight .header {
  width: auto;
  right: 1%;
  bottom: 1%;
  width: 4rem;
  height: 100%;
  top: auto;
  transform: initial;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-color: initial;
}
body #spotlight .header .page,
body #spotlight .header .theme,
body #spotlight .header .player {
  display: none;
}
body #spotlight .header .icon {
  background-position: center center;
  margin-top: 0.8rem;
}
body #spotlight .header div {
  padding-right: 0;
  height: 4rem;
  width: 4rem;
  filter: invert(1);
  background-color: #000000;
}
@media screen and (max-width: 1180px) {
  body #spotlight .header {
    width: 3.6rem;
  }
  body #spotlight .header div {
    height: 3.6rem;
    width: 3.6rem;
  }
  body #spotlight .header .icon {
    margin-top: 0.6rem;
  }
}