* {font-size: inherit;}
@-webkit-keyframes placeholderAnimate { 
	from { background-position: calc(var(--inner-width)/2 * -1) 0; } 
	to { background-position: calc(var(--inner-width)/2) 0; } 
}

@keyframes placeholderAnimate { 
	from { background-position: calc(var(--inner-width)/2 * -1) 0; } 
	to { background-position: calc(var(--inner-width)/2) 0; } 
}

/* neon */
@-webkit-keyframes blink { 
	0% { opacity: 0; } 
	50% { opacity: 1;  } 
	100% { opacity: 0; } 
}
@keyframes blink { 
	0% { opacity: 0; } 
	50% { opacity: 1;  } 
	100% { opacity: 0; } 
}

/* zoom */
@-webkit-keyframes zoomIn { 
	0% { -webkit-transform: scale(0); } 
	45% { -webkit-transform: scale(1.1); } 
	100% { -webkit-transform: scale(1); } 
}
@keyframes zoomIn { 
	0% { -webkit-transform: scale(0); } 
	45% { -webkit-transform: scale(1.1); } 
	100% { -webkit-transform: scale(1); } 
}

/* bounce */
@-webkit-keyframes bounce1 { 
	from { -webkit-transform: scale(0) rotate(120deg); top: 5%; margin-left: 0px; } 
	to { -webkit-transform: scale(1) rotate(0deg); top: -80%; margin-left: -300px; }
}
@keyframes bounce1 { 
	from { transform: scale(0) rotate(120deg); top: 5%; margin-left: 0px; } 
	to { transform: scale(1) rotate(0deg); top: -80%; margin-left: -300px; }
}
@-webkit-keyframes bounce2 { 
	from { -webkit-transform: scale(0) rotate(-120deg); top: 5%; margin-right: 0px; } 
	to { -webkit-transform: scale(1) rotate(0deg); top: -60%; margin-right: -250px; }
}
@keyframes bounce2 { 
	from { transform: scale(0) rotate(-120deg); top: 5%; margin-right: 0px; } 
	to { transform: scale(1) rotate(0deg); top: -60%; margin-right: -250px; }
}
@-webkit-keyframes bounce3 { 
	from { -webkit-transform: scale(0) rotate(90deg); bottom: 60%; margin-left: 120px; } 
	to { -webkit-transform: scale(1) rotate(0deg); bottom: 80%; margin-left: 0px; }
}
@keyframes bounce3 { 
	from { transform: scale(0) rotate(90deg); bottom: 60%; margin-left: 120px; } 
	to { transform: scale(1) rotate(0deg); bottom: 80%; margin-left: 0px; }
}
@-webkit-keyframes bounce4 { 
	from { -webkit-transform: scale(0) rotate(120deg); bottom: 40%; margin-right: 40px; } 
	to { -webkit-transform: scale(1) rotate(0deg); bottom: 60%; margin-right: -60px;   }
}
@keyframes bounce4 { 
	from { transform: scale(0) rotate(120deg); bottom: 40%; margin-right: 40px; } 
	to { transform: scale(1) rotate(0deg); bottom: 60%; margin-right: -60px;  }
}

/* rotate */
@-webkit-keyframes rotate { 
	from { -webkit-transform: rotate(360deg);} 
	to { -webkit-transform: rotate(00deg);}
}
@keyframes rotate { 
	from { -webkit-transform: rotate(360deg);} 
	to { -webkit-transform: rotate(0deg);}
}

@keyframes circle { 
	0% { box-shadow: 0 0 0 0 rgba(180,0,45,0.7), 0 0 0 0 rgba(180,0,45,0.7); } 
		40% { box-shadow: 0 0 0 50px rgba(180,0,45,0), 0 0 0 20px rgba(180,0,45,0.7); } 
		80% { box-shadow: 0 0 0 50px rgba(180,0,45,0), 0 0 0 20px rgba(180,0,45,0); } 
		100% { box-shadow: 0 0 0 0 rgba(180,0,45,0), 0 0 0 25px rgba(180,0,45,0); } 
}
@keyframes circle { 
	0% { box-shadow: 0 0 0 0 rgba(180,0,45,0.7), 0 0 0 0 rgba(180,0,45,0.7); } 
		40% { box-shadow: 0 0 0 50px rgba(180,0,45,0), 0 0 0 20px rgba(180,0,45,0.7); } 
		80% { box-shadow: 0 0 0 50px rgba(180,0,45,0), 0 0 0 20px rgba(180,0,45,0); } 
		100% { box-shadow: 0 0 0 0 rgba(180,0,45,0), 0 0 0 25px rgba(180,0,45,0); } 
}
/* fadeInUp */
@-webkit-keyframes fadeInUp1 { 
	0% { opacity: 0.7; transform: translate(0, -3%); } 
	100% {  opacity: 1; transform: translate(0, -15%);} 
}

@keyframes fadeInUp1 { 
	0% { opacity: 0.7; transform: translate(0, -3%); } 
	100% {  opacity: 1; transform: translate(0, -15%);} 
}
@-webkit-keyframes fadeInUp2 { 
	0% { opacity: 0.7; transform: translate(0, 0); } 
	100% {  opacity: 1; transform: translate(0, -20%);} 
}

@keyframes fadeInUp2 { 
	0% { opacity: 0.7; transform: translate(0, 0); } 
	100% {  opacity: 1; transform: translate(0, -20%);} 
}
@keyframes circular-jump{
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	50% {
		-webkit-transform: translateY(50px);
		transform: translateY(50px);

	}
}
@keyframes circular-size{
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.12);
		transform: scale(1.12);
	}
}
@keyframes width { 
	0% { width: 0; } 
	100% { width: 100%;} 
}
/* zoom */
.zoom-in {  
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;

	-webkit-animation-duration: 1300ms; 
	animation-duration: 1300ms;
	-webkit-animation-fill-mode: forwards; 
	animation-fill-mode: forwards; 
	-webkit-animation-timing-function: linear; 
	animation-timing-function: linear; 
	-webkit-animation-name: zoomIn; 
	animation-name: zoomIn;
}
.bounce {  
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;

	-webkit-animation-duration: 200ms; 
	animation-duration: 200ms;
	-webkit-animation-fill-mode: forwards; 
	animation-fill-mode: forwards; 
	-webkit-animation-timing-function: ease-in-out; 
	animation-timing-function: ease-in-out; 
}
.fadeInUp{
	/* -webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%; */

	-webkit-animation-duration: 5000ms; 
	animation-duration: 5000ms;
	-webkit-animation-fill-mode: forwards; 
	animation-fill-mode: forwards; 
	animation-timing-function: ease-in-out; 
	animation-iteration-count: infinite;
}


/* layout frame */	
body { position: relative; }
#main_visual{position: relative; width: 100%;}
#main_visual .main_slide{height: 80rem;border-radius: 100px; overflow: hidden; position: relative;}
#main_visual .swiper-container{height: inherit;}
#main_visual .swiper-slide-bg{position: relative; }
#main_visual .swiper-slide-bg.slide1{width: 100%; height: inherit; background:url('/images/section0_bg1.jpg') no-repeat center / cover;}
#main_visual .swiper-slide-bg.slide2{width: 100%; height: inherit; background:url('/images/section0_bg2.jpg') no-repeat center / cover;}
#main_visual .swiper-pagination{bottom: 9.8rem; }
#main_visual .swiper-pagination-bullet{width: 1.2rem; height: 1.2rem;opacity: 1;border: 1px solid #fff;
	background: transparent; margin: 0 10px;}
#main_visual .swiper-pagination-bullet-active{background:#fff;}
.main_slide .img_wrap1{position: absolute; top: 5.3rem; right: 0; width: 100%;}
.main_slide .img_wrap2{position: absolute; top: 5.3rem; right: 0; width: 100%;}

.main_slide .bounce_01{position: absolute; top: 5rem; right: 75rem; }
.main_slide .bounce_02{position: absolute; top: 0; right: 46.3rem; }
.main_slide .bounce_03{position: absolute; top: 42rem;  right: 4rem; }

.main_slide .txt_wrap {padding: 23.3rem 0 0 27.7rem;
	position: relative;
	z-index: 10;
	display: table;
	text-align: left;
}
.main_slide .swiper-slide-active .bounce_01 {
	-webkit-animation-delay: 1300ms;
	animation-delay: 1300ms;
	-webkit-animation-name: bounce1;
	animation-name: bounce1;
}
.main_slide .swiper-slide-active .bounce_02 {
	-webkit-animation-delay: 1500ms;
	animation-delay: 1500ms;
	-webkit-animation-name: bounce2;
	animation-name: bounce2;
}
.main_slide .swiper-slide-active .bounce_03{
	-webkit-animation-delay: 1800ms;
	animation-delay: 1800ms;
	-webkit-animation-name: bounce3;
	animation-name: bounce3;
} 
.main_slide .fadeInUp1{position: absolute; top: -15rem; right: 50rem; }
.main_slide .fadeInUp2{position: absolute; top: 8rem; right: 31rem;}
.main_slide .fadeInUp3{position: absolute; top: 0; right: 40rem;}

.main_slide .swiper-slide-active .fadeInUp1{
	-webkit-animation-delay: 900ms;
	animation-delay: 900ms;
	-webkit-animation-name: fadeInUp1;
	animation-name: fadeInUp1;
}
.main_slide .swiper-slide-active .fadeInUp2{
	-webkit-animation-delay: 300ms;
	animation-delay: 300ms;
	-webkit-animation-name: fadeInUp2;
	animation-name: fadeInUp2;
}

.main_slide .swiper-slide-active .fadeInUp3{
	-webkit-animation-delay: 300ms;
	animation-delay: 300ms;
	-webkit-animation-name: fadeInUp1;
	animation-name: fadeInUp1;
}
.main_slide .txt_wrap .title{line-height: 1.2;}
.main_slide .txt_wrap span{color: #fff; font-family: var(--font-family-esa); line-height: 1;margin: 15px 0 0;}
.main_slide .txt_wrap span:first-child{margin: 0;}
.main_slide .txt_wrap strong{font-weight: 400;color: var(--color-yellow);font-size: inherit;}
.main_slide .txt_wrap .sub-txt span{font-family: var(--font-family-ptd); line-height: 2.8rem;}
.main_slide .txt_wrap .txt-ani{
	opacity: 1;
}
.mv_line{position:absolute;bottom:38.5%;width:0;height:2px;background-color:rgba(255,255,255,0.3);}
.main_slide .sub-txt{margin-top: 20px;}
.main_slide .counting{color: #fff; position: absolute; right: 17rem; bottom: 14rem;}
.main_slide .counting span{font-family: var(--font-family-esa); font-size: 12rem;}
.main_slide .counting small{font-size: 3.4rem;font-family: var(--font-family-esa);}
.main_slide .counting p{text-align: right;}
.ani_load, .ani_load02 {
	opacity:0;
}
.ani_view {
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-ms-transform:translate(0,0);
	-o-transform:translate(0,0);
	transform:translate(0,0);
	-webkit-transition: all 1s ease .1s;
	-moz-transition: all 1s ease .1s;
	-ms-transition: all 1s ease .1s;
	-o-transition: all 1s ease .1s;
	transition: all 1s ease .1s;
}
.ani_load.ani_view {
	opacity:1;
}
.txt-hidd {
	overflow: hidden;
}
.tft-slide_wrap .txt-ani{
	transform: translate(0,0);
	opacity: 1;
}
.txt-ani span{
	display: inline-block;
	-webkit-transform: translate3d(0px, 100%, 0px);
	-moz-transform: translate3d(0px, 100%, 0px);
	-ms-transform: translate3d(0px, 100%, 0px);
	-o-transform: translate3d(0px, 100%, 0px);
	transform: translate3d(0px, 100%, 0px);
	/* opacity: 0;	 */

}
.txt-ani, .eco-ani{
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s;
	transition: transform .5s,-webkit-transform .5s;

}
.txt-ani01{
	-webkit-transition: all 1s cubic-bezier(0,.72,.44,.99) 0.3s;
	-moz-transition: all 1s cubic-bezier(0,.72,.44,.99) 0.3s;
	-ms-transition: all 1s cubic-bezier(0,.72,.44,.99) 0.3s;
	-o-transition: all 1s cubic-bezier(0,.72,.44,.99) 0.3s;
	transition: all 1s cubic-bezier(0,.72,.44,.99) 0.3s;
}
.txt-ani02{
	-webkit-transition: all 1s cubic-bezier(0,.72,.44,.99) 0.4s;
	-moz-transition: all 1s cubic-bezier(0,.72,.44,.99) 0.4s;
	-ms-transition: all 1s cubic-bezier(0,.72,.44,.99) 0.4s;
	-o-transition: all 1s cubic-bezier(0,.72,.44,.99) 0.4s;
	transition: all 1s cubic-bezier(0,.72,.44,.99) 0.4s;
}
.txt-ani03{
	-webkit-transition: all 1s cubic-bezier(0,.72,.44,.99) 0.5s;
	-moz-transition: all 1s cubic-bezier(0,.72,.44,.99) 0.5s;
	-ms-transition: all 1s cubic-bezier(0,.72,.44,.99) 0.5s;
	-o-transition: all 1s cubic-bezier(0,.72,.44,.99) 0.5s;
	transition: all 1s cubic-bezier(0,.72,.44,.99) 0.5s;
}
.txt-ani04{
	-webkit-transition: all 1s cubic-bezier(0,.72,.44,.99) 0.6s;
	-moz-transition: all 1s cubic-bezier(0,.72,.44,.99) 0.6s;
	-ms-transition: all 1s cubic-bezier(0,.72,.44,.99) 0.6s;
	-o-transition: all 1s cubic-bezier(0,.72,.44,.99) 0.6s;
	transition: all 1s cubic-bezier(0,.72,.44,.99) 0.6s;
}
.txt-ani05{
	-webkit-transition: all 1s cubic-bezier(0,.72,.44,.99) 0.7s;
	-moz-transition: all 1s cubic-bezier(0,.72,.44,.99) 0.7s;
	-ms-transition: all 1s cubic-bezier(0,.72,.44,.99) 0.7s;
	-o-transition: all 1s cubic-bezier(0,.72,.44,.99) 0.7s;
	transition: all 1s cubic-bezier(0,.72,.44,.99) 0.7s;
}
.img-aniload, .img-aniload02, .swiper-slide-active .tft-slide-div .inner-cen.tft-ani, .swiper-slide-active .mano-slide-div .inner-cen.tft-ani, .swiper-slide-active .story-slide-div .inner-cen.tft-ani{
	transform: translate(0,0);
	opacity:1;
}
/* active */
.swiper-slide-active .txt-ani span{
	-webkit-transform: translate3d(0px, 0, 0px);
	-moz-transform: translate3d(0px, 0, 0px);
	-ms-transform: translate3d(0px, 0, 0px);
	-o-transform: translate3d(0px, 0, 0px);
	transform: translate3d(0px, 0, 0px);
	opacity: 1;
}
.mv_line.on{
	-webkit-animation-duration: 6.5s; 
	animation-duration: 6.5s;
	/* animation-delay: 900ms; */
	-webkit-animation-name: width;
	animation-name: width;
	/* width: 100%; */
}
.mv_line.end{ width: 100%; }
.main_slide .btn_more{margin-top: 8rem;}
.btn_more { color: #fff; position: relative; display: inline-block;}
.btn_more > span{position: relative;display: inline-block;}
.btn_more .icon_more {
	position: absolute;
	left: 0;
	top: 0;
	font-family: var(--font-family-ptd) !important;
	display: flex;
	justify-content:flex-start;
	align-items: center;
	width: 5rem;
	height: 5rem;
	background-color: var(--color-green);
	border-radius: 15rem;
	overflow: hidden;
	transition: width 0.5s cubic-bezier(0.9, 0, 0.1, 1);
	margin-top: 0 !important;
	}
.btn_more .icon_more svg {
	width: 1.8rem;
	height: 1.3rem;
	margin-left: 1.5rem;
	transition: all .3s;
}
.btn_more .icon_more img{margin-left: 15px;}
.btn_more .icon_more em {
	position: absolute;
	top: 0;
	left: 5.8rem;
	z-index: 3;
	color: #fff;
	font-size: 1.6rem;
	line-height: 5rem;
	font-weight: 500;
}
.btn_more .txt {
	display: flex;
	align-items: center;
	line-height: 5rem;
	padding-right: 1.5rem;
	margin-left: 5.8rem;
	font-weight: 500;
	transition: all 1s .3s;
}
@media (hover: hover){
	.btn_more:hover .icon_more {
		width: 16rem;
		transition: width 0.5s cubic-bezier(0.9, 0, 0.1, 1);
	}

}


.section{margin-bottom: 13rem;}
.tit_wrap{margin-bottom: 7.5rem;}
#section1{position: relative;overflow: hidden;}
#section1 .tit_wrap h3{color: var(--color-green);}
#section1 .main_menu_slide{position: relative;padding-top: 8rem}
#section1 .main_menu_slide .swiper-container{overflow: visible;}
#section1 .main_menu_slide li{text-align: center; width: 37.9rem;margin: 0 2rem 0 2rem;}
#section1 .main_menu_slide li h4{font-weight: 700;color: #222;}
#section1 .main_menu_slide li .hide{opacity: 0;transition: all .3s;}
#section1 .main_menu_slide li .hide p{font-size: 2rem; margin-top: 30px;color: var(--color-txt);}
#section1 .main_menu_slide li .txt_area{margin-top: 3rem;}
#section1 .main_menu_slide .card{width: 37.9rem; height: 37.9rem; text-align: center;position: relative;
border-radius: 4rem; background-color: var(--color-beige);overflow: hidden;display: flex;
flex-direction: column; justify-content: space-between;cursor: pointer;}
#section1 .icon_more svg { width: 18px; height: 13px; color: var(--color-green);}
#section1 .img_wrap{margin-top: 7rem; transition: all .3s;}
#section1 .txt_wrap{ color: #fff; background: var(--color-green);height: 8.3rem; transition: all .3s; display: flex; justify-content: space-between;align-items: center;opacity: 0;}
#section1 .scale{transform: scale(1.2);}
#section1 .txt_wrap p{margin-left: 6rem;font-weight: 500;}
#section1 .txt_wrap span{display: flex; justify-content: center; align-items: center;
	margin-right: 3rem; width: 5rem; height: 5rem; background: var(--color-yellow); border-radius: 50%;}
#section1 .main_menu_slide .swiper-slide-active{margin-top: -9rem;}
#section1 .main_menu_slide .swiper-slide-active .card{ box-shadow: 0 25px 40px 0 rgba(0,0,0,.1);}
#section1 .main_menu_slide .swiper-slide-active .hide{opacity: 1;}
#section1 .main_menu_slide .swiper-scrollbar{
	position: relative;
	max-width: 1280px;
    margin: 10rem auto 0 auto;
    background: #e5e5e5;
    border-radius: 0;
    height: 1px;
}
#section1 .main_menu_slide .swiper-scrollbar-drag{
	width: 100%;
    position: relative;
    background: var(--color-green);
    border-radius: 0;
    left: 0;
    top: -2px;
    height: 3px;
}

@media (hover: hover){
	#section1 .card:hover .txt_wrap{opacity: 1;}
	#section1 .card:hover .img_wrap{margin-top: 50px;}

}
#section2{position: relative;}
#section2 .store_slide{position: relative;border-radius: 8rem 0 0 8rem; overflow: hidden;}
#section2 .store_slide .swiper-slide{background-size: cover;}
#section2 .store_slide .store_inner::after{content: ''; display: block;position: absolute; top: 0; right: 0;
	background:url('/images/section2_store_slide_bg.png') no-repeat left center / cover; width: 270px; height:100%; z-index: 1;}
#section2 .desc{position: absolute; top: 50%; right: 3.7rem; color: #fff;background-color: var(--color-green);
	z-index: 2;text-align: center; transform: translateY(-50%);}
#section2 .desc h4{font-size: 3rem;}
#section2 .desc p{font-size: 3rem; color: var(--color-yellow); font-weight: 700; margin-top: 1rem;}
#section2 .store{position: relative; overflow: hidden;background-color: var(--color-beige);border-radius: 0 8rem 8rem 0;}
#section2 .store .abs{top: 0; left: 0;}
#section2 .tit_wrap h3{color: var(--color-green);}
#section2 .container{display: flex; align-items: center; }
#section2 .container > div{width: 50%; height: 53.8rem;}
#section2 .store_slide .img{height: 53.8rem;background-repeat: no-repeat; background-position: center top;}

#section2 .store_twrap{margin-top: 8rem;overflow: hidden;}
#section2 .store_tit_wrap{max-width: 58rem;margin: 0 auto 4rem auto;}
#section2 .store_tit_wrap h3{ font-size: 5rem; color: var(--color-green);line-height: 1;}
#section2 .store_tit_wrap{display: flex; justify-content: space-between;}

#section2 .store_search_wrap{z-index: 5;position: relative; text-align: center;}
#section2 .store_search_input_box{position: relative; width: 64rem; height: 7rem;padding: 2px 0 0 70px;box-sizing: border-box;
	border: 2px solid var(--color-green); border-radius: 35rem;background: #fff;margin: 0 auto;}
#section2 .store_search_wrap input{ width: 100%; position: relative;outline: none; border: none; height: 100%;background: none;font-size: 2.2rem;}
#section2 .store_search_wrap input::placeholder{font-size: 2.2rem; color: #bebebe;}
#section2 .store_search_wrap label{position: relative;}
#section2 .store_search_wrap .store_search_input_box::before{content: ''; background:url('/images/icon/ico_search.png') no-repeat center / cover;
width: 4rem; height: 4.1rem;position: absolute; top: 1.3rem; left: 2rem;}
#section2 .store_search_wrap .store_search_btn{
	position: absolute;top: 0.5rem;
    right: 0.6rem;
    background: var(--color-green);
    color: #fff;
    height: 5.6rem;
    width: 16rem;
    border-radius: 3rem;
	text-transform: uppercase;
	font-weight: 500;
}
.store_bg_store{background-image: url('/images/section2_store.png');}
.store_bg_store_on{background-image: url('/images/section2_store_on.png');animation: blink 1s infinite step-end;}
.store_bg_marks{background-image: url('/images/section2_mark.png');}
.bg-full{position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
#section2 .btn_more .txt{color: var(--color-green);}


#section3{position: relative; background-color: var(--color-dark-green);margin-bottom: 0;padding-bottom: 13rem;}
#section3 .tit_wrap{width: 21%;}
#section3 .tit_wrap h3{color: #fff;}
#section3 .tit_wrap > p{color: #fff; margin-top: 3rem;line-height: 1.4;}
#section3 > div{ display:flex;justify-content: center; align-items: center; position: relative; height: 80rem;}
#section3::after{content: '';display: block; position: absolute; top: -25rem; left: 0; right: 0; bottom: 0;
	background-color: var(--color-dark-green);width: 100%; height:100%;z-index: -1;} 
#section3 .btn_more{margin-top: 4rem;}
#section3 .btn_more .icon_more{background-color: var(--color-yellow);}
#section3 .left{position: relative;width: 39.5%; height: inherit;}
#section3 .left .lft01{top: 20rem; margin-left: -16rem; width: 42.8rem; height: 42.8rem;
	overflow: hidden; z-index: 1; transition: all .5s; border-radius: 100%;-webkit-border-radius: 100%;
	-webkit-animation: circular-jump 7s 0s linear infinite;
    animation: circular-jump 7s 0s linear infinite;}
#section3 .left .lft01 img{-webkit-animation: circular-size 7s 0s ease-in-out infinite;
    animation: circular-size 7s 0s ease-in-out infinite;max-width: none;margin-top: -20px;}
#section3 .left .lft02{top: 5rem; margin-left: -25rem; z-index: 5;animation-duration: 7s;}
#section3 .left .lft03{top: 0; margin-left: 8rem;}
#section3 .left .lft04{bottom: 5rem; margin-left: -32rem;animation-duration: 5s;}
#section3 .circular{-webkit-animation: circular-size 3s 0s ease-in-out infinite;
    animation: circular-size 3s 0s ease-in-out infinite;}
#section3 .right{position: relative;width: 39.5%;height: inherit;}
#section3 .right .rgt01{top: 5rem; margin-left: 12rem; width: 42rem; height: 42rem;
	overflow: hidden; z-index: 1; transition: all .5s; border-radius: 100%;-webkit-border-radius: 100%;
	-webkit-animation: circular-jump 8s 0s linear infinite;
    animation: circular-jump 8s 0s linear infinite;}
#section3 .right .rgt01 img{-webkit-animation: circular-size 7s 0s ease-in-out infinite;
    animation: circular-size 7s 0s ease-in-out infinite;max-width: none;margin-top: -20px;}

#section3 .right .rgt02{top: 41rem; right: 34rem;animation-duration: 5s;} 
#section3 .right .rgt03{bottom: 15rem; right: 5rem;animation-duration: 2.6s;}
#section3 .right .rgt04{bottom: 0; right: 23rem;}

@media (hover: hover){
	#section3 .btn_more:hover .arr{fill: #fff;}
}


#section4 {margin-top: 13rem;}
#section4 .media_item{margin-top: 2.6rem;}
#section4 h3{color: var(--color-green);}
#section4 > div{ display:flex;justify-content: center; align-items: flex-start; position: relative;}
#section4 .col{width: 48%;}
#section4 .col + .col{margin-left: 4%;}
#section4 .media_item {margin-top: 2.6rem;}

@media(max-width: 1760px){
	#section2 .store_search_input_box{width: 90%;}
	#section2 .store_tit_wrap{max-width: 90%;}
	#section3 .left .lft01{width: 35rem; height: 35rem;}
	#section3 .left .lft02 img{width: 18rem;}
	#section3 .left .lft03 img{width: 12rem;}
	#section3 .right .rgt01{width: 35rem; height: 35rem;}
	#section3 .right .rgt02 img{width: 15rem;height: 15rem;}
	#section3 .right .rgt03 img{width: 15rem;height:15rem;}
	#section3 .right .rgt04 img{width: 13rem; height: 13rem;}
	#section3 .left .lft02{margin-left: -18rem;}
	#section3 .left .lft04{margin-left:0;}
	#section3 .tit_wrap{width: 30%;}
	#section3 .left, #section3 .right{width: 35%;}
}
@media(max-width: 1470px){
	.main_slide .txt_wrap{padding: 21rem 0 0 15.7rem;}
}
@media(max-width: 1390px){
	#section3 .left .lft02 img{width: 18rem;}
	#section3 .left .lft03 img{width: 12rem;}
	#section3 .right .rgt01{margin-left: 3rem;}
	#section3 .right .rgt02 img{width: 12rem; height: 12rem;}
	#section3 .right .rgt02 {right: 22rem;}
	#section3 .right .rgt03 img{width: 10rem;height:10rem;}
	#section3 .right .rgt04 img{width: 7rem; height: 7rem;}
}
@media(max-width: 1300px){
	#section2 .store_tit_wrap h3{font-size: 4rem;}
	#section2 .store_slide .store_inner::after{width: 245px;}
	#section2 .desc{right: 2.6rem}
	#section2 .desc p{font-size: 3.2rem;}
}
@media (max-width:1260px){
	#section3 .tit_wrap > p br{display: none;}
}


@media (max-width: 1080px){
	
	/* html { font-size: 0.9940vmin; } */
	/*html { font-size: 1.4386vmin; }*/

	/* bounce */
	@-webkit-keyframes bounce1 { 
		from { -webkit-transform: scale(0) rotate(120deg); top: 5%; margin-left: 0px; } 
		to { -webkit-transform: scale(1) rotate(0deg); top: -100%; margin-left: -25rem; }
	}
	@keyframes bounce1 { 
		from { transform: scale(0) rotate(120deg); top: 5%; margin-left: 0px; } 
		to { transform: scale(1) rotate(0deg); top: -100%; margin-left: -25rem; }
	}
	@-webkit-keyframes bounce2 { 
		from { -webkit-transform: scale(0) rotate(-120deg); top: 5%; margin-right: 0px; } 
		to { -webkit-transform: scale(1) rotate(0deg); top: -110%; margin-right: -21.3rem; }
	}
	@keyframes bounce2 { 
		from { transform: scale(0) rotate(-120deg); top: 5%; margin-right: 0px; } 
		to { transform: scale(1) rotate(0deg); top: -110%; margin-right: -21.3rem; }
	}

	@-webkit-keyframes bounce3 { 
		from { -webkit-transform: scale(0) rotate(90deg); bottom: 60%; margin-left: 0px; } 
		to { -webkit-transform: scale(1) rotate(0deg); bottom: 80%; margin-left: 0px; }
	}
	@keyframes bounce3 { 
		from { transform: scale(0) rotate(90deg); bottom: 60%; margin-left: 0px; } 
		to { transform: scale(1) rotate(0deg); bottom: 80%; margin-left: 0px; }
	}
	@-webkit-keyframes bounce4 { 
		from { -webkit-transform: scale(0) rotate(120deg); bottom: 40%; margin-right: 40px; } 
		to { -webkit-transform: scale(1) rotate(0deg); bottom: 60%; margin-right: -60px;   }
	}
	@keyframes bounce4 { 
		from { transform: scale(0) rotate(120deg); bottom: 40%; margin-right: 40px; } 
		to { transform: scale(1) rotate(0deg); bottom: 60%; margin-right: -60px;  }
	}
	#main_visual .container{padding: 0;}
	#main_visual .w_container{margin: 0;}
	#main_visual .main_slide{border-radius: 0;}
	#main_visual .swiper-slide-bg.slide1{background:url('/images/m/section0_bg1.jpg') no-repeat center / cover;}
	#main_visual .swiper-slide-bg.slide2{background:url('/images/m/section0_bg2.jpg') no-repeat center / cover;}
	.main_slide .txt_wrap .sub-txt span{font-size: 2.025rem;}
	.main_slide .txt_wrap{padding: 16rem 0 0 5rem;}
	.main_slide .counting{right: 8.5rem;}
	.main_slide .img_wrap1{top: 41rem;}
	.main_slide .bounce_01 img{width: 9rem;}
	.main_slide .bounce_02 img{width: 8.8rem;}
	.main_slide .bounce_03 img{width: 9rem;}
	.main_slide .bounce_03{top: 30rem;right: -4rem;}
	#main_visual .main_slide{height: 100rem;}
	.mv_line{bottom: 47%;}
	.main_slide .bounce_01{margin-top: 10rem; right: 50rem;}
	.main_slide .bounce_02{right: 24.3rem;}
	.main_slide .img_wrap2{display: none;}
	.main_slide .sub-txt{/*margin-top: 3rem;*/}
	.main_slide .btn_more{margin-top: 4rem;}
	.main_slide .fadeInUp1{top: 45rem;}
	.main_slide .fadeInUp2{right: 40rem;}
	#section1 .tit_wrap h3{animation: none;}
	#section1 .main_menu_slide{padding-top: 0;}
	#section1 .main_menu_slide .card{border-radius: 6rem;}
	#section1 .main_menu_slide .swiper-scrollbar{display: none;}
	#section1 .main_menu_slide .swiper-slide-active{margin-top: 0;}
	#section1 .main_menu_slide li .hide{display: none;}
	#section1 .main_menu_slide li{margin: 0 2rem 0 2rem;}
	#section1 .main_menu_slide li h4{font-size: 3.2rem;}
	#section1 .img_wrap{margin-top: 9rem;}
	#section1 .img_wrap img{width: 30rem;}
	#section1 .scale{transform: scale(1.5);}
	#section2 .tit_wrap h3{animation: none;}
	#section2 .container{flex-direction: column;}
	#section2 .btn_more{display: none;}
	#section2 .store_tit_wrap{justify-content: center;}
	#section2 .container > div{width: 100%;height: 52.5rem;}
	#section2 .store_slide{border-radius: 8rem;}
	#section2 .store{border-radius: 8rem;margin-top: 2.2rem;}
	#section2 .store_slide .store_inner::after{width: 100%;background: url('/images/m/section2_store_slide_bg.png') no-repeat center top / cover;
		bottom: 0; top: auto; height: 40%;}
	#section2 .desc{transform: translateX(-50%); left: 50%; right: 0; top: auto; bottom: 7rem;}
	.btn_more .icon_more{width: 16rem; transition: width 0.5s cubic-bezier(0.9, 0, 0.1, 1);}
	.btn_more .txt{margin-left: 7.7rem;}
	.store_bg_marks{animation: none;}
	#section2 .store_slide .img{background-position: center; background-size: 130%;}
	#section2 .store_search_wrap .store_search_btn{ font-size: 2rem; border-radius: 4rem;}
	#section2 .store_twrap{margin-top: 5.6rem;}
	#section3{overflow: hidden; padding-bottom: 0;}
	#section3 .tit_wrap h3{animation: none;font-size: 5rem;}
	#section3::after{display: none;}
	#section3 > div{flex-direction: column;height: 124rem;}
	#section3 .left, #section3 .right, #section3 .tit_wrap{width: 100%;margin-bottom: 0;}
	#section3 .tit_wrap > p br{display: block;}
	#section3 .left .lft01{margin-left: 0; transform: none; left: -10rem; top: -3rem;}
	#section3 .left .lft01 img{width: 58rem;}
	#section3 .left .lft02{margin-left: 0; top: 0;}
	#section3 .left .lft03{top: auto;
		bottom: 5rem;
		margin-left: 8rem;
		right: 0;
		left: auto;}
	#section3 .left .lft04{display: none;}
	#section3 .right .rgt01{margin-left: 0; right: -8rem; bottom: -2rem; top: auto;}
	#section3 .right .rgt01 img{width: 58rem;}
	#section3 .right .rgt02{right: auto;left: 3rem;top: 35rem;}
	#section3 .right .rgt02 img{width: 15rem;height: 15rem;}
	#section3 .right .rgt03{bottom: 22rem; right: auto; left: -3rem;}
	#section3 .right .rgt04{display: none;}
	#section4 > div{flex-direction: column;}
	#section4 h3{text-align: center;}
	#section4 .col{width: 100%;}
	#section4 .col + .col{ margin-left: 0;margin-top: 10rem;}
}

@media (max-width: 640px){
	.section{margin-bottom: 10rem;}
	.tit_wrap{margin-bottom: 4rem;}
	.main_slide .txt_wrap .title{font-size: 5rem;}
	.main_slide .txt_wrap .sub-txt span{line-height: 1.6;}
	.btn_more .icon_more{width: 21rem; height: 6rem;}
	.btn_more .txt{line-height: 8rem;}
	.btn_more .icon_more svg{width: 2.8rem; height: 12.1rem; margin-left: 2.5rem;}
	.btn_more .icon_more em{line-height: 6rem;font-size: 2.025rem;left: 8rem;}
	#section2 .desc h4{font-size: 3rem;}
	#section2 .desc p{margin-top: 0.5rem;font-size: 3rem;}
	#section2 .store_tit_wrap h3{font-size: 3rem;}
	#section3 .btn_more{height: 6rem;}
	#section3 .btn_more .icon_more{left: 50%; transform: translateX(-50%);}
	#section3 .btn_more .icon_more em{color: var(--color-green);}
	.mv_line{bottom: 41%;}
	#section3 .left .lft04{display: none;}
	#section3 .left .lft01 img{width: 85rem;}
	#section3 .left .lft02{left: auto; right: 0; }
	#section3 .left .lft03{right: -5rem;}
	#section1 .main_menu_slide li .hide p{display: none;}
}

@media (max-width: 768px){
	.main_slide .bounce_01{margin-top: -2rem; right: 30rem;}
	.main_slide .bounce_03{right: 0;}
}
@media (max-width:480px){
	#section1 .main_menu_slide li .hide p{font-size: 2.375rem;}
	#section2 .store_search_input_box{padding: 2px 0 0 50px;}
}