@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@500&display=swap');
:root	{
	--primary: #000000;
	--bg-color: #F3F2ED;
	--white: #FFFFFF;
	--black: #000000;
	--soon: #000000;
	--pr-txt: #000000;
	--font-en: "arboria", sans-serif;
}
@media (max-width: 1000px) {
	.result_suggest_title .result_suggest_list { margin: 0 -1.5rem!important; }
	:root	{
		--main-speed: 30s;
	}
}
.solrbar, 
.header_caution	{ display: none; }
#site_body	{ overflow: visible; }
@media (max-width: 1000px) {
 .result_suggest_title .result_suggest_list { margin: 0 -1.5rem!important; }
}
.search_feature.active, 
.search_styling.active, 
.result_suggest	{ background-color: #fff; position: relative; z-index: 2; }
search_box	{ z-index: 3; }
.header_caution { height: 48px; }
#contents { width: 100%!important; max-width: 100%!important; padding: 0; margin: 0; }
#pisss { width: 100%!important; max-width: 100%!important; }
#pi { width: 100%!important; max-width: 100%!important; margin: 0; background-color: transparent!important; padding: 0; }
#pi > img { display: none!important; }
@media (min-width: 768px)	{
	.result_suggest_title .result_suggest_list { margin: 0 -1.5rem 0; }
}
.section_main, 
.seach_sort_wrapper,
.search_contents,
.bread	{ background-color: #fff; }
.seach_sort_wrapper,
.search_contents,
.bread,
.store_footer	{ position: relative; z-index: 2; }
.result_suggest	{ margin: 0; }
.pi_description	{ padding: 0!important; background-color: #fff; }
.pi_lgzformat	{ background-color: var(--bg-color); display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 0; margin: 0; letter-spacing:0; position: relative; container-type: inline-size; }
.pi_lgzformat div	{ color: var(--primary); letter-spacing:0; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 400; font-style: normal; font-size:14px; line-height: normal; -webkit-text-size-adjust:100%; -webkit-font-smoothing: antialiased; }
.pi_lgzformat *	{ letter-spacing:0; }
.pi_lgzformat .en	{ font-family: "arboria",sans-serif; font-weight: 400; font-style: normal; }
.pi_lgzformat img, 
.pi_lgzformat picture	{ width: 100%; height: auto; vertical-align: bottom; line-height: 1;  }
.pi_lgzformat ul:before,
.pi_lgzformat ol:before,
.pi_lgzformat dl:before, 
.pi_lgzformat ul:after, 
.pi_lgzformat ol:after, 
.pi_lgzformat dl:after	{ display: none!important; }
.pi_lgzformat video,
.pi_lgzformat picture,
.pi_lgzformat img	{ width: 100%; height: auto; vertical-align: bottom; line-height: 0; }
.pi_lgzformat .small {font-size:80%;}
.pi_lgzformat .center-text	{ text-align: center; }
.pi_lgzformat_inner	{ width: 100%; container-type: inline-size; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 1; }
.contanc	{ width: 100%; height: 0px; transform: translateY(-48px); }
.contanc2	{ display: block; width: 100%; height: 0px; transform: translateY(10.8cqw); }
@media (max-width: 767.9px)	{ 
	.contanc	{ transform: translateY(-48px); }
	.contanc2	{ transform: translateY(4.8cqw); }
}
.loading-mask	{ opacity: 0; pointer-events: none; }

/* ------------ ANIMATION ------------- */
.scrollIn	{ opacity: 0; transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateY(30px); }
.scrollIn.active	{ opacity: 1; -webkit-transition-delay: .3s; transition-delay: .3s; transform: translateY(0); }
.inVewImg	{ overflow: hidden; display: flex; width: 100%; height: auto; }
.inVewImg > img, 
.inVewImg > picture > img	{ opacity: 0; transform: scale(1.05); }
.inVewImg.active > img, 
.inVewImg.active > picture > img	{ opacity: 1; transform: scale(1) translateZ(0); transition: opacity 1s ease-out, transform 1s ease-out; transition-property: opacity, transform; transition-delay: .6s; }
.inVewImgWait	{ overflow: hidden; display: flex; width: 100%; height: auto; }
.inVewImgWait > img, 
.inVewImgWait > picture > img	{ opacity: 0; transform: scale(1.05); }
.inVewImgWait.active > img, 
.inVewImgWait.active > picture > img	{ opacity: 1; transform: scale(1) translateZ(0); transition: opacity 1s ease-out, transform 1s ease-out; transition-property: opacity, transform; transition-delay: .3s; }
@media (min-width: 768px)	{ 
	.main_ttle > h1	{ display: flex; flex-wrap: wrap; align-content: space-between; justify-content: space-between; padding: .8cqw 1.2cqw 2.8cqw 2.7cqw; }
	.main_ttle > h1 > span	{ width: 50%; }
	.main_ttle > h1 > span.in	{ text-align: right; }
}
@keyframes blur	{ 
	from	{ opacity: 0; filter: blur(20px); }
	to	{ opacity: 1; filter: blur(0px); }
}
@keyframes likline {
	0%,
	100%	{ width: 100%; right: 0; opacity: 1; }
	50% { width: 0; left: 100%; right: 0; opacity: 1; }
	50.1%	{ width: 0; left: 0; right: 100%; opacity: 0; }
}

/* ------------ MAIN AREA ------------- */
.main_wrapper { display: block; width: 100%; position: relative; margin-bottom: calc(270 / 2812 * 100cqw); }
.main_panel { width: 100%; height: 100%; overflow: hidden; position: relative; }
.main_panel::after	{ content:""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: var(--bg-color); width: 100%; height: 100%; z-index: 5; transition: transform .6s cubic-bezier(.215,.61,.355,1); }
.autoStart .main_panel::after	{ transform: translateX(100%); -webkit-transition-delay: .3s; transition-delay: .3s; }
.hero-slider-wrapper	{ pointer-events: none; }
.hero-slider-wrapper, 
.top-hero-swiper, 
.top-hero-swiper .swiper-wrapper, 
.top-hero-swiper .swiper-slide	{ width: 100%; inset: 0; }
@media (max-width: 767.9px)	{ 
	.main_wrapper	{ margin-bottom: calc(130 / 625 * 100cqw); }
}

/* ---------- SWIPER LAYOUT ---------- */
.top-hero-swiper .swiper-slide span	{ width: 100%; /* height: calc(100vh - 110px); */ height: 100%; aspect-ratio: 72 / 41; display: inline-block; overflow: hidden; inset: 0; opacity: 1; }
.top-hero-swiper .swiper-slide span.top-hero-image	{ display: inline-block; transition: clip-path 1s cubic-bezier(.215,.61,.355,1); line-height: 1; padding: 0; margin: 0; }
.top-hero-swiper .swiper-slide.swiper-slide-next span.top-hero-image	{ clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); line-height: 1; padding: 0; margin: 0; }
.top-hero-swiper .swiper-slide.swiper-slide-active span.top-hero-image	{ clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); line-height: 1; padding: 0; margin: 0; }
@media (max-width: 767.9px)	{ 
	.top-hero-swiper .swiper-slide span	{ aspect-ratio: auto;  height: calc(100dvh - 48px); }
}

/* ---------- SWIPER SCALE ---------- */
.top-hero-swiper .swiper-slide img,
.top-hero-swiper .swiper-slide picture	{ display: block; width: 100%; height: 100%; object-fit: cover; }

/* ---------- SWIPER MASK SLIDE ---------- */
.top-hero-swiper .swiper-slide span.top-hero-image span	{ inset: 0; transform: translateX(0); transition: none; }
/* 
.top-hero-swiper .swiper-slide.swiper-slide-next span.top-hero-image span	{ transform: translateX(-50%); }
.top-hero-swiper .swiper-slide.swiper-slide-active span.top-hero-image span	{ transform: translateX(0); transition: transform 1s cubic-bezier(.215,.61,.355,1); }
 */
.top-hero-swiper .swiper-slide img	{ backface-visibility: hidden; transform-origin: center; }
.top-hero-swiper:not(.is-ready)
.swiper-slide-active img,
.top-hero-swiper:not(.is-ready)
.swiper-slide-active picture	{ transform: scale(1); transition: none; }

/* ------------ MAIN TITLE ------------- */
.main_ttle_wrapper	{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; display: flex; z-index: 1; overflow: hidden; }
.main_ttle	{ width: 100%; height: 100%; position: relative; }
.main_ttle > h1	{ line-height: 1; position: relative; width: 100%; height: 100%; }
.main_ttle > h1 span	{ font-size: calc(113 / 1440 * 100cqw); color: var(--white); font-family: var(--font-en); font-weight: 700; letter-spacing: 5%; vertical-align: middle; text-transform: uppercase; }
.main_ttle > p	{ font-size: calc(18 / 1440 * 100cqw); color: var(--white); font-weight: 500; line-height: 153%; letter-spacing: 5%; position: absolute; }
@media (min-width: 768px)	{ 
	.main_ttle > h1	{ display: flex; flex-wrap: wrap; align-content: space-between; justify-content: space-between; padding: .8cqw 1.2cqw 2.8cqw 2.7cqw; }
	.main_ttle > h1 > span	{ width: 50%; }
	.main_ttle > h1 > span.in	{ text-align: right; }
	.main_ttle > p	{ top: 48%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 2.9cqw; }
}
@media (max-width: 767.9px)	{ 
	.main_ttle > h1	{ display: flex; flex-wrap: wrap; align-content: space-between; justify-content: space-between; padding: .8cqw 1.2cqw 2.8cqw 2.8cqw; }
	.main_ttle > h1 > span	{ font-size: 8.7677vh; position: absolute; writing-mode: vertical-rl; }
	.main_ttle > h1 > span.to	{ top: 5vh; right: 1cqw; } 
	.main_ttle > h1 > span.in	{ bottom: 7cqw; right: 1cqw; }
	.main_ttle > h1 > span.mo	{ top: 5vh; left: 4.2cqw; }
	.main_ttle > p	{ font-size: calc(15 / 390 * 100cqw); bottom: 10cqw; left: 5.5cqw; }
}

/* ------------ MAIN INFORMATION ------------- */
.main_information_wrapper	{ margin-bottom: calc(577 / 2812 * 100cqw); width: 100%; display: flex; align-items: center; justify-content: space-between; }
.main_information_txt	{ padding-left: calc(336 / 2812 * 100cqw); gap: calc(30 / 1440 * 100cqw); margin-bottom: calc(30 / 1440 * 100cqw); display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.main_information_txt p	{ color: var(--black); font-size: calc(15 / 1440 * 100cqw); font-weight: 500; line-height: 2; letter-spacing: 2%; }
.main_information_img	{ width: calc(641 / 1440 * 100cqw); flex-shrink: 0; }
@media (max-width: 767.9px)	{ 
	.main_information_wrapper	{ margin-bottom: calc(200 / 625 * 100cqw); flex-wrap: wrap; }
	.main_information_txt	{ width: 100%; padding: 0 0 calc(105 / 625 * 100cqw); gap: calc(20 / 390 * 100cqw); margin-bottom: calc(30 / 1440 * 100cqw); align-items: center; }
	.main_information_txt p	{ font-size: calc(10 / 390 * 100cqw); text-align: center; }
	.main_information_img	{ width: 100%;  flex-shrink: 0; }
}

/* ------------ CONTENTS ------------- */
.main_contents_wrapper	{ width: 100%; display: flex; flex-direction: column; position: relative; }
.main_contents	{ display: flex; }
.contents_txt_wrapper	{ display: flex; flex-direction: column; }
.contents_txt	{ width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 0; }
.contents_txt > strong	{ width: calc(88 / 1440 * 100cqw); margin-bottom: calc(20 / 2812 * 100cqw); border-radius: 200px; aspect-ratio: 22 / 9; display: flex; align-items: center; justify-content: center; border: 1px solid var(--black); }
.contents_txt > strong > span	{ font-size: calc(19 / 1440 * 100cqw); color: var(--black); font-family: var(--font-en); font-weight: 500; letter-spacing: 5%; line-height: normal; vertical-align: middle; }
.contents_txt > h3	{ font-size: calc(80 / 1440 * 100cqw); margin-bottom: calc(45 / 2812 * 100cqw); color: var(--black); font-family: var(--font-en); font-weight: 700; letter-spacing: 5%; line-height: 98%; vertical-align: middle; }
.contents_txt > p	{ font-size: calc(14 / 1440 * 100cqw); color: var(--black); font-weight: 500; letter-spacing: 2%; line-height: 1.8; }
.contents_txt > strong, 
.contents_txt > h3, 
.contents_txt > p	{ opacity: 0; transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateY(30px); }
.contents_txt.active > strong, 
.contents_txt.active > h3, 
.contents_txt.active > p	{ opacity: 1; -webkit-transition-delay: .2s; transition-delay: .2s; transform: translateY(0); }
.contents_txt.active > h3	{ -webkit-transition-delay: .4s; transition-delay: .4s; }
.contents_txt.active > p	{ -webkit-transition-delay: .6s; transition-delay: .6s; }
.subtxt_wrapper	{ display: flex; flex-direction: column; gap: calc(10 / 1440 * 100cqw);; }
.subtxt_wrapper > p	{ width: calc(496 / 1440 * 100cqw); font-size: calc(14 / 1440 * 100cqw); color: var(--black); font-weight: 500; letter-spacing: 2%; line-height: 1.8; }
.txtinfo	{ width: 100%; display: flex; flex-direction: column; align-items: flex-start; }
.txtinfo > strong	{ font-size: calc(12 / 1440 * 100cqw); color: var(--black); font-family: var(--font-en); font-weight: 500; letter-spacing: 5%; line-height: normal; padding: 1.4cqw 0 0; margin: 0 0 .55cqw; }
.txtinfo > a	{ color:#000; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; padding: .32cqw 0; gap: 0 .6cqw; transition: opacity .6s ease; opacity: 1; }
.txtinfo > a.soon	{ pointer-events: none; }
.txtinfo > a:hover	{ color:#000; opacity: 1; }
.txtinfo > a b,
.txtinfo > a span	{ font-size: calc(12 / 1440 * 100cqw); color: var(--black); font-family: var(--font-en); font-weight: 500; letter-spacing: 5%; line-height: normal;  }
.txtinfo > a b	{ position: relative; margin-left: .4cqw; }
.txtinfo > a b::after	{ content:""; width: 100%; height: 1px; background-color: #000; position: absolute; left: 0; right: 0; bottom: 0; }
.txtinfo > a.soon b span	{ color: var(--soon); font-size: calc(11/ 1440 * 100cqw); line-height: normal; }
.txtinfo > a.soon b::after	{ display: none; }
@media (min-width: 768px)	{ 
	.contents_txt.active > h3 br	{ display: none; }
	.txtinfo > a:hover	{ opacity: .6; }
	.txtinfo > a:hover b::after	{ animation: likline 1s ease 0s 1 normal none; }
}
@media (max-width: 767.9px)	{ 
	.contents_txt > strong	{ width: calc(65 / 390 * 100cqw); aspect-ratio: 5 / 2; margin-bottom: calc(8 / 625 * 100cqw); }
	.contents_txt > strong > span	{ font-size: calc(15 / 390 * 100cqw); }
	.contents_txt > h3	{ font-size: calc(45 / 390 * 100cqw); margin-bottom: calc(40 / 625 * 100cqw); }
	.contents_txt > p	{ font-size: calc(13 / 390 * 100cqw); }
	.subtxt_wrapper	{ display: flex; flex-direction: column; gap: calc(20 / 625 * 100cqw); }
	.subtxt_wrapper > p	{ width: 94%; font-size: calc(13 / 390 * 100cqw); }
	.txtinfo	{ width: 100%; gap: .5cqw; }
	.txtinfo > strong	{ font-size: 3.2cqw; padding: 5cqw 0 0; margin: 0 0 2cqw; }
	.txtinfo > a	{ padding: .8cqw 0; gap: 2.2cqw 2cqw; }
	.txtinfo > a b,
	.txtinfo > a span	{ font-size: calc(12 / 390 * 100cqw) }
	.txtinfo > a span.inbr	{ margin-right: 8cqw; }
	.txtinfo > a span.inbr2	{ margin-right: 17cqw; }
	.txtinfo > a b	{ margin-left: 1cqw; }
	.txtinfo > a.soon b span	{ font-size: calc(11/ 390 * 100cqw); }
}

@media (min-width: 768px)	{ 
	.contents01	{ padding: 0 0 0 calc(186 / 2812 * 100cqw); gap: calc(156 / 2812 * 100cqw); margin-bottom: calc(510 / 2812 * 100cqw); }
	.contents01 .contents_mv	{ width: calc(625 / 1440 * 100cqw); flex-shrink: 0; }
	.contents01 .contents_txt_wrapper	{ padding-top: calc(410 / 2812 * 100cqw); }
	.contents01 .contents_txt	{ padding-left: calc(82 / 2812 * 100cqw); margin-bottom: calc(330 / 2812 * 100cqw); }
	.contents01 .contents_txt > p	{ width: calc(496 / 1440 * 100cqw); }
	.contents01 .subimg_wrapper	{ display: flex; flex-direction: column; }
	.contents01 .subimg_wrapper .img03	{ width: calc(374 / 1440 * 100cqw); margin: 0 calc(96 / 2812 * 100cqw) 0 auto; }
	.contents01 .subimg_wrapper .img04	{ width: calc(226 / 1440 * 100cqw); margin: -3cqw auto 0 0; }
	.contents02	{ flex-direction: column; margin-bottom: calc(455 / 2812 * 100cqw); }
	.contents02 .contents_txt_wrapper	{ padding: 0 calc(118 / 2812 * 100cqw); margin-bottom: calc(147 / 2812 * 100cqw); }
	.contents02 .contents_txt > p	{ width: calc(496 / 1440 * 100cqw); }
	.contents02 .contents_mv	{ width: calc(763 / 1440 * 100cqw); margin: 0 calc(118 / 2812 * 100cqw) calc(260 / 2812 * 100cqw) auto;  }
	.contents02 .subimg_wrapper	{ display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }
	.contents02 .subimg_img06	{ width: calc(464 / 1440 * 100cqw); }
	.contents02 .subimg_img0789	{ margin-bottom: calc(250 / 2812 * 100cqw); width: calc(1608 / 2812 * 100cqw); padding-top: calc(228 / 2812 * 100cqw); }
	.contents02 .subimg_img0789img	{ gap: calc(22 / 2812 * 100cqw); margin-bottom: calc(98 / 2812 * 100cqw); width: 100%; display: flex; justify-content: space-around; }
	.contents02 .subimg_img101112	{ margin-bottom: calc(232 / 2812 * 100cqw); width: 100%; display: flex; align-items: flex-start; justify-content: center; padding-left: calc(410 / 2812 * 100cqw); }
	.contents02 .subimg_img101112 .img10	{ order: 2; width: calc(543 / 1440 * 100cqw); }
	.contents02 .subimg_wrapper1112	{ width: calc(1103 / 2812 * 100cqw); display: flex; flex-direction: column; }
	.contents02 .subimg_wrapper1112 .subtxt_wrapper	{ order: 1; }
	.contents02 .subimg_img1112	{ margin-bottom: calc(190 / 2812 * 100cqw); padding-top: calc(475 / 2812 * 100cqw); width: calc(863 / 2812 * 100cqw); }
	.contents02 .subimg_img1112 .inVewImg	{ width: calc(318 / 1440 * 100cqw); }
	.contents02 .subimg_img1112 .inVewImg.img11	{ margin: 0 auto 0 0;  }
	.contents02 .subimg_img1112 .inVewImg.img12	{ margin: -1.8cqw 0 0 auto;}
	.contents02 .subimg_img1314	{ margin-bottom: calc(210 / 2812 * 100cqw); gap: calc(25 / 2812 * 100cqw); width: 100%; display: flex; justify-content: center; }
	.contents02 .subimg_img1314  .inVewImg	{ width: calc(544 / 1440 * 100cqw); }
	.contents02 .subimg_img15	{ padding-left: calc(60 / 2812 * 100cqw); gap: calc(50 / 2812 * 100cqw); width: 100%; display: flex; flex-direction: column; align-items: center; }
	.contents02 .subimg_img15 .inVewImg	{ width: calc(344 / 1440 * 100cqw); }
	.contents02 .subimg_img15 .subtxt_wrapper	{ padding-left: calc(26 / 2812 * 100cqw); }
	.contents03	{ flex-direction: column; margin-bottom: calc(136 / 2812 * 100cqw); }
	.contents03 .contents_txt_wrapper	{ margin: 0 calc(224 / 2812 * 100cqw) calc(165 / 2812 * 100cqw) auto; }
	.contents03 .contents_txt p	{ width: calc(496 / 1440 * 100cqw); }
	.contents03 .contents_mv	{ margin-bottom: calc(300 / 2812 * 100cqw); width: calc(1320 / 1440 * 100cqw); align-self: center; }
	.contents03 .subimg_wrapper	{ margin-bottom: calc(170 / 2812 * 100cqw); display: flex; justify-content: flex-start; gap: calc(20 / 2812 * 100cqw);  }
	.contents03 .subimg_wrapper .inVewImg	{ width: calc(496 / 1440 * 100cqw); }
	.contents03 .subimg_img19	{ display: flex; flex-direction: column; padding-left: calc(1721 / 2812 * 100cqw); }
	.contents03 .subimg_img19 .inVewImg	{ margin-bottom: calc(40 / 2812 * 100cqw); width: calc(344 / 1440 * 100cqw); }
	.contents04	{ margin-bottom: calc(170 / 2812 * 100cqw); flex-wrap: wrap; align-items: center; gap: 0 calc(260 / 2812 * 100cqw); }
	.contents04 .subimg_wrapper	{ order: 1; width: calc(843 / 2812 * 100cqw); flex-shrink: 0; }
	.contents04 .subimg_wrapper .img20	{ width: calc(341 / 1440 * 100cqw); margin: 0 auto 0 0; }
	.contents04 .subimg_wrapper .img21	{ width: calc(273 / 1440 * 100cqw); margin: calc((83 / 2812 * 100cqw) * -1) 0 0 auto; }
	.contents04 .contents_txt_wrapper	{ order: 2; flex-grow: 1; padding-top: 3cqw; }
	.contents04 .contents_txt p	{ width: calc(496 / 1440 * 100cqw); }
	.contents04 .contents_mv	{ order: 3; width: 100%; display: flex; justify-content: flex-end; margin-top: calc((78 / 2812 * 100cqw) * -1); padding-right: calc(118 / 2812 * 100cqw); }
	.contents04 .contents_mv .inVewImg	{ width: calc(910 / 1440 * 100cqw); }
	.inVewImg.img07.active > img, 
	.inVewImg.img07.active > picture > img	{ transition-delay: .9s; }
	.inVewImg.img08.active > img, 
	.inVewImg.img08.active > picture > img	{ transition-delay: 1.1s; }
	.inVewImg.img09.active > img, 
	.inVewImg.img09.active > picture > img	{ transition-delay: 1.3s; }
	.inVewImg.img11.active > img, 
	.inVewImg.img11.active > picture > img	{ transition-delay: .9s; }
	.inVewImg.img12.active > img, 
	.inVewImg.img12.active > picture > img	{ transition-delay: 1.1s; }
	.inVewImg.img13.active > img, 
	.inVewImg.img13.active > picture > img	{ transition-delay: .6s; }
	.inVewImg.img14.active > img, 
	.inVewImg.img14.active > picture > img	{ transition-delay: .9s; }
	.inVewImg.img17.active > img, 
	.inVewImg.img17.active > picture > img	{ transition-delay: .6s; }
	.inVewImg.img18.active > img, 
	.inVewImg.img18.active > picture > img	{ transition-delay: .9s; }
}
.inVewImgWait.img02.active > img, 
.inVewImgWait.img02.active > picture > img	{ transform; transition-delay: 1s; }
.inVewImgWait.img03.active > img, 
.inVewImgWait.img03.active > picture > img	{ transform; transition-delay: 1.4s; }
.inVewImgWait.img04.active > img, 
.inVewImgWait.img04.active > picture > img	{ transform; transition-delay: 1.6s; }
.inVewImgWait.img05.active > img, 
.inVewImgWait.img05.active > picture > img	{ transform; transition-delay: 1s; }
.inVewImgWait.img20.active > img, 
.inVewImgWait.img20.active > picture > img	{ transform; transition-delay: 1s; }
.inVewImgWait.img21.active > img, 
.inVewImgWait.img21.active > picture > img	{ transform; transition-delay: 1.4s; }

@media (max-width: 767.9px)	{ 
	.main_contents	{ flex-direction: column; }
	.contents01	{ padding-left: calc(39 / 625 * 100cqw); margin-bottom: calc(158 / 625 * 100cqw); gap: calc(86 / 625 * 100cqw); }
	.contents01 .contents_mv	{ width: calc(341 / 390 * 100cqw); }
	.contents01 .contents_txt	{ padding-left: calc(92 / 625 * 100cqw); margin-bottom: calc(104 / 625 * 100cqw); }
	.contents01 .contents_txt > p	{ width: calc(282 / 390 * 100cqw); }
	.contents01 .subimg_wrapper	{ width: 100%; }
	.contents01 .subimg_wrapper .img03	{ width: calc(241 / 390 * 100cqw); margin: 0 0 0 auto; }
	.contents01 .subimg_wrapper .img04	{ width: calc(206 / 390 * 100cqw); margin: -6cqw auto 0 0; }
	.contents02	{ flex-direction: column; margin-bottom: calc(152 / 625 * 100cqw); }
	.contents02 .contents_txt_wrapper	{ padding-left: calc(39 / 625 * 100cqw); margin-bottom: calc(146 / 625 * 100cqw); }
	.contents02 .contents_txt > p	{ width: calc(282 / 390 * 100cqw); }
	.contents02 .contents_mv	{ width: 100%; padding-left: calc(39 / 625 * 100cqw);  margin-bottom: calc(79 / 625 * 100cqw); }
	.contents02 .contents_mv .inVewImgWait.img05	{ width: calc(357 / 390 * 100cqw); }
	.contents02 .subimg_wrapper	{ display: flex; flex-direction: column; justify-content: center; }
	.contents02 .subimg_img06	{ width: calc(267 / 390 * 100cqw); margin: 0 auto calc(110 / 625 * 100cqw) 0; }
	.contents02 .subimg_img0789	{ margin-bottom: calc(95 / 390 * 100cqw); display: flex; flex-direction: column; align-items: center; }
	.contents02 .subimg_img0789img	{ margin-bottom: calc(55 / 625 * 100cqw); width: calc(187 / 390 * 100cqw); gap: calc(16 / 625 * 100cqw); display: flex; flex-direction: column; }
	.contents02 .subtxt_wrapper	{ width: 100%; padding-left: calc(39 / 625 * 100cqw); }
	.contents02 .subimg_img101112	{ margin-bottom: calc(190 / 625 * 100cqw); width: 100%; display: flex;flex-direction: column; }
	.contents02 .subimg_img101112 .img10	{ width: calc(366 / 390 * 100cqw); margin: 0 0 calc(66 / 625 * 100cqw) auto; }
	.contents02 .subimg_wrapper1112	{ width: 100%; display: flex; flex-direction: column; }
	.contents02 .subimg_img1112	{ margin-bottom: calc(45 / 390 * 100cqw); width: calc(585 / 625 * 100cqw); }
	.contents02 .subimg_img1112 .inVewImg	{ width: calc(267 / 390 * 100cqw); }
	.contents02 .subimg_img1112 .inVewImg.img11	{ margin: 0 auto 0 0;  }
	.contents02 .subimg_img1112 .inVewImg.img12	{ margin: -8.5cqw 0 0 auto;}
	.contents02 .subimg_img1314	{ margin-bottom: calc(60 / 390 * 100cqw); gap: calc(17 / 625 * 100cqw); width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
	.contents02 .subimg_img1314  .inVewImg	{ width: calc(342 / 390 * 100cqw); }
	.contents02 .subimg_img15	{ gap: calc(64 / 625 * 100cqw); padding: 0 calc(39 / 625 * 100cqw); width: 100%; display: flex; flex-direction: column; align-items: center; }
	.contents02 .subimg_img15 .inVewImg	{ width: calc(252 / 390 * 100cqw); }
	.contents02 .subimg_img15 .subtxt_wrapper	{ width: 100%; padding: 0; }
	.contents03	{ flex-direction: column; margin-bottom: calc(152 / 625 * 100cqw); }
	.contents03 .contents_txt_wrapper	{ margin: 0 0 calc(80 / 625 * 100cqw) calc(39 / 625 * 100cqw); }
	.contents03 .contents_txt p	{ width: calc(342 / 390 * 100cqw); }
	.contents03 .contents_mv	{ margin-bottom: calc(66 / 625 * 100cqw); width: calc(345 / 390 * 100cqw); align-self: center; }
	.contents03 .subimg_wrapper	{ margin-bottom: calc(60 / 625 * 100cqw); display: flex; flex-direction: column; align-items: center; gap: calc(24 / 625 * 100cqw);  }
	.contents03 .subimg_wrapper .inVewImg	{ width: calc(252 / 390 * 100cqw); }
	.contents03 .subimg_img19	{ display: flex; flex-direction: column; padding-left: calc(39 / 625 * 100cqw); }
	.contents03 .subimg_img19 .inVewImg	{ margin-bottom: calc(40 / 625 * 100cqw); width: calc(148 / 390 * 100cqw); }

	.contents04	{ margin-bottom: calc(10 / 625 * 100cqw); display: flex; flex-direction: column; }
	.contents04 .contents_txt_wrapper	{ margin-bottom: calc(50 / 625 * 100cqw); padding: 0 0 0 calc(39 / 625 * 100cqw); }
	.contents04 .contents_txt > p	{ width: calc(301 / 390 * 100cqw); }
	.contents04 .subimg_wrapper	{ margin-bottom: calc(105 / 625 * 100cqw); width: calc(585 / 625 * 100cqw); }
	.contents04 .subimg_wrapper .img20	{ width: calc(244 / 390 * 100cqw); margin: 0 auto 0 0; }
	.contents04 .subimg_wrapper .img21	{ width: calc(171 / 390 * 100cqw); margin: calc((44 / 625 * 100cqw) * -1) 0 0 auto; }
	.contents04 .contents_mv	{ width: 100%; }
	.contents04 .contents_mv .inVewImg	{ width: 100%; }
}

/* ------------ PRODUCT ------------- */
.productwrapper	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0 2.777cqw; margin: 0 0 10.4cqw; }
.productinner	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 11.5cqw 0 0; }
.productinner > h3	{ color: var(--pr-txt); width: 100%; text-align: center; font-family: var(--font-en); font-size: calc(28/ 1440 * 100cqw); line-height: 1; font-weight: 400; letter-spacing: 5%; margin: 0 0 3cqw; padding: 0; }
ul.productList	{ width: 61.1111cqw; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 5cqw 3cqw; list-style-type: none; }
ul.productList > li	{ width: calc(100% / 3 - 2cqw); display: -webkit-flex; display: flex; }
ul.productList > li > a	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; gap: 1.1cqw; }
ul.productList > li > a.soon	{ pointer-events: none; }
ul.productList > li > a > p	{ width: 100%; line-height: 1; position: relative; }
ul.productList > li > a > p.img	{ width: 100%; height: 100%; aspect-ratio: 3 / 4;display: -webkit-flex; display: flex; border: 1px solid #E0E0E0; overflow: hidden; }
ul.productList > li > a > p.img img	{ transition: all .8s; transform: scale(1); }
ul.productList > li > a > p.txt	{ color: var(--pr-txt); font-family: var(--font-en); font-size: calc(15/ 1440 * 100cqw); line-height: 1.8; font-weight: 400; letter-spacing: 5%; opacity: 1; transition: opacity .8s ease; }
ul.productList > li > a > p.txt > b	{ color: var(--pr-txt); margin: 0 0 0 1em; display: inline-block; font-family: var(--font-en); font-size: calc(15/ 1440 * 100cqw); line-height: 1.9; font-weight: 400; letter-spacing: 5%; text-decoration: underline; }
ul.productList > li > a.soon > p.txt > b	{ text-decoration: underline; }
ul.productList > li > a > p.txt > span	{ color: var(--pr-txt); display: block; width: 100%; font-size: calc(14/ 1440 * 100cqw); line-height: 1.9; font-weight: 400; }
@media (min-width: 768px)	{ 
	ul.productList > li > a:hover > p.img img	{ transform: scale(1.06); }
	ul.productList > li > a:hover > p.txt	{ opacity: .4; }
	ul.productList > li > a > p.txt > span	{ position: absolute; left: 0; bottom: -2em;  }
}
@media (max-width: 1440px)	{ 
	.productinner > h3	{ font-size: 28px; }
	ul.productList	{ width: 880px; gap: 6cqw 48px; }
	ul.productList > li	{ width: calc(100% / 3 - 32px); display: -webkit-flex; display: flex; }
}
@media (max-width: 1100px)	{ 
	ul.productList	{ width: 80%; gap: 6cqw 21px; }
	ul.productList > li	{ width: calc(100% / 3 - 14px); display: -webkit-flex; display: flex; }
}
@media (max-width: 767.9px)	{ 
	.productwrapper	{ padding: 0 2.4cqw; margin: 0 0 18cqw; }
	.productinner	{ padding: 0 4cqw; }
	.productinner > h3	{ width: 100%; font-size: 6.15cqw; margin: 0 0 12.8cqw; padding: 20cqw 0 0; }
	ul.productList	{ width: 100%; gap: 12cqw 0; }
	ul.productList > li	{ width: 100%; }
	ul.productList > li > a	{ gap: 5cqw; }
	ul.productList > li > a > p.txt, 
	ul.productList > li > a > p.txt > b, 
	ul.productList > li > a.soon > p.txt > b	{ font-size: calc(14/ 390 * 100cqw); }
	ul.productList > li > a > p.txt > span	{ font-size: calc(13/ 390 * 100cqw); }
}
ul.productList > li	{ opacity: 0; transition: opacity 1s ease; }
ul.productList.active > li	{ opacity: 1; }
ul.productList.active > li:nth-child(2)	{ -webkit-transition-delay: .2s; transition-delay: .2s; }
ul.productList.active > li:nth-child(3)	{ -webkit-transition-delay: .4s; transition-delay: .4s; }
ul.productList.active > li:nth-child(4)	{ -webkit-transition-delay: .6s; transition-delay: .6s; }
ul.productList.active > li:nth-child(5)	{ -webkit-transition-delay: .8s; transition-delay: .8s; }
ul.productList.active > li:nth-child(6)	{ -webkit-transition-delay: 1s; transition-delay: 1s; }
ul.productList.active > li:nth-child(7)	{ -webkit-transition-delay: 1.2s; transition-delay: 1.2s; }
ul.productList.active > li:nth-child(8)	{ -webkit-transition-delay: 1.4s; transition-delay: 1.4s; }
ul.productList.active > li:nth-child(9)	{ -webkit-transition-delay: 1.6s; transition-delay: 1.6s; }
ul.productList.active > li:nth-child(10)	{ -webkit-transition-delay: 1.8s; transition-delay: 1.8s; }
ul.productList.active > li:nth-child(11)	{ -webkit-transition-delay: 2s; transition-delay: 2s; }
ul.productList.active > li:nth-child(12)	{ -webkit-transition-delay: 2.2s; transition-delay: 2.2s; }

/* ------------ UNDER INFO ------------- */
.underinfo-wrapper	{ width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 2.777cqw 22cqw; }
.underinfo-inner	{ width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 8cqw 0 0; border-top: 1px solid #000; }
.underinfo-inner > ul	{ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .14cqw; margin: 0 0 6cqw; }
.underinfo-inner > ul > li	{ color: var(--pr-txt); font-family: var(--font-en); font-size: calc(12/ 1440 * 100cqw); line-height: 1.9; font-weight: 500; letter-spacing: 1%; }
.vai-wrapper	{ display: flex; align-items: center; justify-content: center; }
.vai-wrapper > a	{ width: 27.777cqw; aspect-ratio: 150 / 17; display: flex; align-items: center; justify-content: center; transition: background-color .6s ease; background-color: transparent; border: 1px solid var(--black); }
.vai-wrapper > a span	{ color: var(--pr-txt); font-family: var(--font-en); font-size: calc(14/ 1440 * 100cqw); line-height: normal; font-weight: 700; letter-spacing: 1%; transition: color .6s ease; }
@media (min-width: 768px)	{ 
	.vai-wrapper > a:hover	{ background-color: var(--black); }
	.vai-wrapper > a:hover span	{ color: var(--white); }
}
@media (max-width: 767.9px)	{ 
	.underinfo-wrapper	{ padding: 0 6cqw 40cqw; }
	.underinfo-inner	{ padding: 20cqw 0 0; }
	.underinfo-inner > ul	{ width: 100%; align-items: flex-start; gap: .6cqw; margin: 0 0 20cqw; }
	.underinfo-inner > ul > li	{ font-size: calc(11/ 390 * 100cqw); }
	.vai-wrapper	{ width: 100%; }
	.vai-wrapper > a	{ width: 100%; aspect-ratio: 15 / 2; }
	.vai-wrapper > a span	{ font-size: calc(14/ 390 * 100cqw); }
}


/* ------------ BLOCK ------------- */
@media (min-width: 768px)	{ .pconly { display: block; } }
@media (max-width: 767.9px)	{ .sponly { display: block; } }
@media (min-width: 768px)	{ .sponly { display: none!important; } }
@media (max-width: 767.9px)	{ .pconly { display: none!important; } }

.no-transition * {
  transition: none !important; -webkit-transition-delay: 0; transition-delay: 0;
}