@media(max-height: 1000px){
	.figure-right, .figure-left, .frame5-content{
		height: 600px;
	}
	.figure-right .figure-item .video-play{
		bottom: 50%;
	}
	.figure-icon{
		max-width: 570px;
	}
	.frame3 .btn{
		padding-bottom: 60px;
	}
}
@media(max-height: 900px){
	.frame5-content{
		max-height: 60vh;
	}
	.frame4-content{
		padding-top: 50px;
	}
	.tagline{
		height: 150px;
	}
	.frame2-box .list img{
		height: 200px;
	}
	.video-play{
		width: 100px;
		height: 120px;
	}
	.fv-bottom .maintext{
		height: 150px;
	}
	.fv .download img{
		height: 40px;
	}
	.fv .fv-logo{
		width: 200px;
	}
	.btn img{
		height: 50px;
	}
	.btn{
		gap: 20px;
	}
	.frame3-content{
		margin: 20px 0 60px;
	}
	.item-nav img{
		height: 50px;
	}
	.frame3-nav{
		gap: 40px;
	}
	.item-nav:before{
		left: 15px;
	}
	.frame4-content .description{
		height: 130px;
	}
	.fv .menu-social img{
		width: 70px;
		height: 70px;
	}
	.figure-item .video-play{
		width: 80px;
		height: 80px;
		bottom: 50%;
	}
	.frame6-logo{
		height: 150px;
	}
	.frame6-btn{
		width: 250px;
	}
}
@media(max-width: 1500px){
	.icon-item img {
	    width: 7vw;
	    height: auto;
	}
	.icon-item{
		width: 7.4vw;
		height: 8vw;
	}
}
@media(max-width: 1300px){
	.frame6-box .description{
		max-width: 80%;
		height: auto;
	}
}
@media(max-width: 1280px){
	.video-close{
		right: 10px;
	}
	.mySwiper .swiper-slide{
	    width: 100%;
	 }
  .frame3-for{
  	max-width: 65%;
  }
  .story-item.active .description{
  	max-width: calc(100% - 60px);
  }
  .swiper-button-next{
  	width: 80px;
  	height: 80px;
  	right: 0;
  }
  .swiper-button-prev{
  	width: 80px;
  	height: 80px;
  	left: 0;
  }
  .mySwiper{
  	padding: 0 30px;
  }
  .swiper-slide{
  	opacity: 0;
  }
  .swiper-slide-active{
  	opacity: 1
  }
}
@media(max-width: 1200px){
    .frame3{
    	background-position: left center;
    }
}
@media(max-width: 991px){
	.tagline{
		    height: 150px;
   		 max-width: 90%;
	}
	.frame3-content {
        padding: 0 30px;
    }
    .frame3-for{
    	max-width: 50%;
    }
    .frame4-content{
    	padding: 30px 30px 0;
    }
    .frame4-content .video-play{
    	width: 130px;
    	height: 150px;
    }
    .figure-item .video-play{
    	width: 50px;
    	height: 50px;
    }
    .figure-right .figure-item .video-play{
    	bottom: 50%;
    }
	.frame5-content, .figure-left, .figure-right {
        max-height: calc(100vh - 250px);
        height: 350px;
    }
    .frame4-content{
    	padding: 50px 50px 0;
    }
    .tagline {
        height: 120px;
        max-width: 90%;
    }
    .frame4-content .description{
    	height: 100px;
    }
}
@media(max-width: 767px){
	.frame3{
    	background-position: center center;
    }
	.texture1 {
	  top: 0;
	}
	.texture2 {
	  bottom: 1.85vw;
	  max-width: 30%;
	}
	.on-mb {
	  display: block !important;
	}
	.on-pc {
	  display: none !important;
	}
	.fv .fv-logo {
	  width: 37.04vw;
	  left: 0;
	  right: 0;
	  margin: 0 auto;
	  top: 14.81vw;
	}
	.btn {
	  padding: 0 5.56vw;
	  gap: 3.7vw;
	  flex-wrap: nowrap;
	  z-index: 10;
	  position: relative;
	}
	.btn a {
	  width: calc(50% - 1.85vw);
	}
	.btn img {
	  width: 100%;
	  height: auto;
	}
	.fv .download img {
	  height: 10.19vw;
	}
	.fv .download .btn-apk {
	  order: 1;
	}
	.fv .download {
	  padding: 0 7.41vw;
	  max-width: 65%;
	  gap: 1.11vw;
	  margin: 0 auto 1.85vw;
	}
	.fv .download .btn-android {
	  order: 2;
	  width: calc(50% - 0.56vw);
	}
	.fv .download .btn-ios {
	  order: 3;
	  width: calc(50% - 0.56vw);
	}
	.fv .download img {
	  height: auto;
	}
	.fv-bottom .maintext {
	  max-width: 80%;
	  height: 18.52vw;
	}
	.video-play {
	  width: 22.22vw;
	  height: 24.07vw;
	}
	.fv .menu-social img {
	  width: 12.96vw;
	  height: 12.96vw;
	}
	.tagline {
	  height: 16.48vw;
	  max-width: 80%;
	}
	.frame2-box .list img {
	  width: 30%;
	  height: auto;
	}
	.frame2-box .list1 {
	  margin-bottom: -3%;
	  margin-top: 3%;
	}
	.frame2 .btn {
	  position: absolute;
	  bottom: 18.52vw;
	}
	.frame2 {
	  justify-content: flex-start;
	  background-image: url(../images/frame2/mb_bg_frame2.webp);
	}
	.frame3-content {
	  padding: 0 5.56vw;
	  flex-direction: column;
	}
	.item-nav img,
	.item-nav {
	  height: 7.41vw;
	}
	.frame3-nav {
	  gap: 7.41vw;
	}
	.item-nav:before {
	  width: 1.85vw;
	  height: 5.56vw;
	  top: -6.67vw;
	  left: 9.26vw;
	}
	.frame3-for {
	  width: 100%;
	  max-width: 100%;
	  height: 55vw;
	      margin: 5.56vw -5.56vw 0;
	}
	.mySwiper{
		    padding: 0 5.56vw;
    width: calc(100% + 11vw);
	}
	.swiper-button-prev,.swiper-button-next{
		    width: 12vw;
	    height: 12vw;
	    transform: translateY(-1vw);
	}
	.frame3 {
	  background-image: url(../images/frame3/mb_bg_frame3.webp);
	  justify-content: flex-start;
	}
	.frame3 .btn {
	  padding-bottom: 0;
	}
	.story-item .featured {
	  margin-bottom: 1.85vw;
	}
	.frame4 {
	  background-image: url(../images/frame4/mb_bg_frame4.webp);
	  justify-content: flex-end;
	}
	.frame4-content {
	  min-height: auto;
	  padding: 0 5.56vw 3.7vw;
	  flex-direction: column-reverse;
	  display: flex;
	  align-items: center;
	}
	.frame4-content .description {
	  margin: 0;
	  height: 22vw;
	}
	.frame4-box .tagline {
	  position: absolute;
	  left: 0;
	  right: 0;
	  margin: 0 auto;
	  top: 0;
	}
	.frame5 {
	  justify-content: flex-start;
	}
	.frame5-content {
	  height: auto;
	  max-height: 100%;
	  margin: 0;
	  flex-wrap: wrap;
	  margin-top: 5.56vw;
	}
	.figure-left {
	  order: 2;
	  width: 60%;
	  margin-right: -10%;
	  height: 67vw;
	  max-height: calc(100vh - 116vw);
	}
	.figure-icon {
	  order: 1;
	  width: 72%;
	  max-width: 68.52vw;
	}
	.icon-item {
	  width: 14.81vw;
	  height: 16.67vw;
	}
	.icon-item img {
	  width: 12.22vw;
	  height: auto;
	}
	.figure-right {
	  order: 3;
	  width: 60%;
	  margin-left: -10%;
	  height: 67vw;
	  max-height: calc(100vh - 116vw);
	}
	.figure-right .figure-item .video-play{
		    width: 13vw;
	    bottom: 45%;
	    left: 22%;
	}
	.figure-left .figure-item .video-play{
		    width: 13vw;
	    bottom: 45%;
	    right: 22%;
	}
	.frame6-function {
	  gap: 3.7vw;
	  flex-wrap: nowrap;
	}
	.frame6-logo {
	  height: 14.81vw;
	}
	.frame6-btn {
	  width: 37.04vw;
	  gap: 1.11vw;
	}
	.frame6-btn .btn-small {
	  width: calc(50% - 0.56vw);
	}
	.frame6-box .description {
	  margin: 3.7vw 0;
	}
	.frame4-content .video-play {
        width: 22.22vw;
        height: 24.07vw;
    }

}