.head-log {
  position: fixed;
  left: 0;
  right: 0;
  top: 2.604vw;
  margin: auto;
  width: 6.146vw;
  min-width: 2.08vw;
  height: auto;
  z-index: 10;
  transform: translateY(42vh);
  opacity: 0;
}

.head-log img {
  width: 100%;
  height: auto;
}

.marquee-content-li {
  position: relative;
  width: 100%;
  height: 2.083vw;
  display: flex;
  align-items: center;
  overflow: hidden;
  color: #fff;
}

.marquee-content-child {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  padding-left: 7.083vw;
  font-size: 0.938vw;
  word-spacing: 0.521vw;
  color: #FFF;
}
.index-box{
  width: 100%;
  height: auto;
}
.floor1-container {
  width: 100%;
  height: auto;
}

.floor1-container img {
  width: 100%;
  height: auto;
  min-height: 100vh;
  object-fit: cover;
}

.floor2-container {
  width: 100%;
  height: 850vh;
  position: relative;
}

.sticky {
  position: sticky;
  width: 100%;
  height: 100vh;
  top: 0;
  color: #fff;
  overflow: hidden;
  z-index: 2;
}

.floor2-text {
  position: relative;
  width: 100%;
  height: 100%;
  color: #fff;
  font-weight: 600;
}

.floor2-text-common {
  position: absolute;
  color: var(--theme-color);
  font-size: 24.8vw;
  line-height: 0.75;
  z-index: 4;
}

.floor2-text-joy {
  left: 11vw;
  bottom: 22.4vw;
  transform: rotate(-15deg) translateY(-140vh);
}

.floor2-text-in {
  bottom: 12.3vw;
  left: 1vw;
  transform: rotate(5deg) translateY(-140vh);
}

.floor2-text-the {
  bottom: 17.3vw;
  right: 0vw;
  transform:  translateY(-125vh);
}

.floor2-text-crowd {
  right: 0;
  bottom: 0;
  transform: rotate(15deg) translateY(-150vh);
}

.floo2-img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 3;
  display: flex;
  justify-content: flex-end;
  margin-top: 17.188vw;
}

.floo2-img:nth-child(odd) {
  justify-content: flex-start;
}

.floo2-img-first {
  margin-top: 0vh;
}

.floo2-img-1 {
  width: 26.302vw;
  margin-left: 16.771vw;
}

.floo2-img-2 {
  width: 31.563vw;
  margin-right: 12.865vw;
}

.floo2-img-3 {
  width: 40.99vw;
  margin-left: 8.073vw;
}

.floo2-img-4 {
  width: 26.198vw;
  margin-right: 15.625vw;
}

.floo2-img-last {
  position: relative;
  z-index: 2;
  width: 83.646vw;
  height: auto;
  margin: 0 auto;
  margin-top: 16.188vw;
}
.floo2-last-text {
  width: 100%;
  height: 100%;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.875vw;
  font-weight: 600;
  line-height: 1.2;
}

.floo2-img-last img {
  width: 100%;
  height: auto;
}

.floo2-img-empty{
  width: 100%;
  height: 15vw;
}

.floor3-svg {
  width: 100%;
  height: 100vh;
  object-fit: contain;
}

.floor3-container {
  width: 100%;
  height: 500vh;
  min-height: 200vh;
  position: relative;
  background-color: #fff;
}

.floor3-container .sticky {
  padding: 0;
  z-index: 2;
}

.floor3-content.sticky {
  z-index: 1;
}

.floor3-content-bgimg {
  width: 100%;
  height: 100vh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
}

.floor3-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.floor3-content-bgimg img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100vh;
  object-fit: cover;
}

.floor3-content-title {
  position: relative;
  z-index: 2;
  opacity: 0;
  font-size: 1.875vw;
  font-weight: 600;
  color: #fff;
  text-align: center;
  line-height: 1.2;
}

.floor4-content {
  width: 100%;
  height: auto;
  padding-top: 8.333vw;
  padding-bottom: 10.417vw;
}

.floor-text {
  width: 100%;
  height: 8.958vw;
  font-size: 7.813vw;
  font-weight: var(--font-weight);
  color: var(--theme-color);
  text-align: center;
  cursor: pointer;
  position: relative;
  transition: all 0.2s;
  border-top: 0.5px solid #333;
  overflow: hidden;
}
.floor-text-coming{
  color: #2D2D2D;
}
.floor-text-more{
  display: block;
  color: var(--theme-color);
}
.floor-text-online{
  position: absolute;
  top: 1.927vw;
  right: 3.854vw;
  width: 3.854vw;
  height: 1.198vw;
  box-sizing: content-box;
  border: 2px solid #747374;
  border-radius: 2px;
  font-size: 0.938vw;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #747374;
  font-weight: 600;
}
.floor4-content .floor-img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  z-index: -1;
  transition: all 0.2s;
}

.floor-text-bgimg:hover {
  color: #fff;
}
.floor-text-bgimg:hover img {
  opacity: 1;
  transform: scale(1.1);
}
.floor-text-elfamine:hover .floor-text-online{
  color: #fff;
  border: 2px solid #fff;
}


.floor4-container .floor4-content .marquee-content-li {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  background: var(--theme-color);
  opacity: 0;
}

.floor4-more-marquee .marquee-content-child {
  color: #000;
  font-size: 7.813vw;
}

.floor4-more-marquee .icon-more {
  margin-left: 3.594vw;
}

.floor4-more-marquee .marquee-content-child {
  padding-left: 3.281vw;
}

.floor5-container {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.floor5-container img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: cover;
  opacity: 0.8;
}

.floor5-content {
  z-index: 2;
}

.floor5-text {
  width: 100%;
  color: #fff;
  font-size: 7.813vw;
  line-height: 0.8;
  text-align: center;
  font-weight: var(--font-weight);
}

.floor5-text-last {
  width: 100%;
  height: 6.25vw;
  position: relative;
  overflow: hidden;
}

.floor5-text-last .floor5-text {
  width: 100%;
  height: 100%;
}

.floor5-text-1 {
  color: #FF0054;
}

.floor5-text-2 {
  color: #085C55;
}

.floor5-text-3 {
  color: #5100BC;
}

.floor5-text-4 {
  color: #FB4D0F;
}

.floor6-container {
  width: 100%;
  height: 100vh;
  position: relative;
}

.floor6-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.floor6-content {
  width: 100%;
  position: absolute;
  top: 63vh;
  bottom: 16.29vh;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: var(--font-weight);
  z-index: 2;
}
.floor6-content-bg{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.6;
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.floor6-title {
  font-size: 2.344vw;
  line-height: 1.5;
  font-weight: 600;
  color: #fff;
  margin-bottom: 0.521vw;
}

.floor6-icons {
  font-size: 2.5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.floor6-icons a {
  display: block;
  color: #fff;
}

.floor6-icons a:last-of-type {
  margin-left: 3.385vw;
}

.floor2-svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  opacity: 0;
  z-index: 2;
}

.floor2-svg-box {
  width: 100%;
  height: 100%;
  position: relative;
}

.floor2-svg-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100vh;
  background-color: #fff;
}

.floor2-svg img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 2;
  transform: scale(1);
}
.floor6-container{
  position: relative;
  width: 100%;
  height: 150vh;

}
.floor6-bottom{
   font-size: 0.833vw;
   position: absolute;
   bottom: 2.5vw;
   left: 2.813vw;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   z-index: 3;
}
.floor6-bottom a{
  display: block;
  color: #fff;
  text-decoration: underline;
}
.floor6-bottom a{
  margin-right: 3.75vw;
}
@media (max-width: 828px),
(orientation: portrait) {
  .head-log {
    width: 29vw;
    transform: translateY(33vh);
  }
  .floor1-container{
    height: 100vh;
  }
  .floor1-container img{
    height: 100%;
    object-fit: cover;
  }
  .marquee-content-li{
      height: 10.17vw;
  }
  .marquee-content-child{
      font-size: 4.61vw;
      padding-left: 7.63vw;
  }
  .floor-text-bgimg:hover img {
    opacity: 0;
    transform: scale(1);
  }
  .floor2-container{
    height: 1000vh;
  }
  .floor2-text-common{
    font-size: 50vw;
    height: 37.5vw;
  }
  .floor2-text-crowd{
    transform: rotate(291deg) translateY(65.5vw);
    bottom: 300vw;
    right: 0;
  }
  .floor2-text-the{
    bottom: 300vw;
    left: 0;
    transform-origin: center bottom;
    transform: translateY(-39.5vw) rotate(280deg); 
  }
  .floor2-text-in{
     left: 0;
     bottom: 385vw;
     transform: rotate(285deg) translateY(0);
  }
  .floor2-text-joy{
     bottom: 250vh;
     left: 0;
     transform: rotate(300deg) translateY(-10.3vw);
  }
  .floo2-img{
    padding: 0;
    margin: 0 auto;
    justify-content: center !important;
    margin-bottom: 50.38vw;
  }
  .floo2-img img{
    width: 68.7vw;
    display: block;
    margin: 0;
  }
  .floo2-img-first{
    margin-top: -20vh;
  }
  .floo2-img-last{
    width: 68.7vw;
    height: auto;
  }
  .floo2-img-empty{
    height: 0;
  }
  .floo2-img-last img{
    height: 100%;
    height: auto;
  }
  .floo2-last-text{
    font-size: 4.61vw;
    padding: 0 7.17vw;
  }
  .floor3-content-title{
    font-size: 4.6vw;
    width: 58.45vw;
  }
  .floor3-content-title br{
    display: none;
  }
  .floor4-content {
    padding-top: 24vw;
  }
  .floor-text{
    font-size: 15vw;
    line-height: 0.75;
    padding: 4.7vw 0;
    height: auto;
  }
  .floor-text-elfamine{
    padding-bottom: 14.10vw;
  }
  .floor-text-online{
    top: unset;
    left: 0;
    right: 0;
    margin: auto;
    width: 19vw;
    height: 4.87vw;
    font-size: 4.75vw;
    bottom: 4.10vw;
  }
  .floor5-text{
     font-size: 19.2vw;
  }
  .floor5-text-last{
    height: 19.2vw;
  }
  .floor6-title{
     font-size: 3.8vw;
     margin-bottom: 4.35vw;
  }
  .floor6-icons{
     font-size: 9.74vw;
  }
  .floor6-icons a:last-of-type{
    margin-left: 11.53vw;
  }
  .floor6-bottom{
    font-size: 4.2vw;
    right: var(--page-padding);
    left: var(--page-padding);
    height: auto;
    bottom: 9.16vw;
    margin: auto;
    justify-content: space-between;
    align-items: flex-end;
  }
  .floor6-bottom a{
    width: 18vw;
    margin: 0;
    height: 100%;
    text-align: center;
    text-decoration: none;
    border-bottom: 1px solid #fff;
  }
  .floor6-bottom .floor6-bottom-terms{
    line-height: 0.9;
    width: 25vw;
    padding-bottom: 2px;
  }
  .floor6-content{
     bottom: 23.9vh;
  }
}
@media (max-width: 767px){
  .floo2-img-empty{
    height: 15vh;
  }
  .floor2-container{
    height: 800vh;
  }
}