@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@500&display=swap');
:root	{
	--primary: #5B83CC;
}
@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	{ 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:#000; letter-spacing:0; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 400; font-style: normal; font-size:14px; line-height:1.75; -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%; 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 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); }

/* ------------ 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; }
.inVewImg > img, 
.inVewImg > picture, 
.inVewImg > picture > img	{ opacity: 0; transform: scale(1.03); }
.inVewImg.active > img, 
.inVewImg.active > picture, 
.inVewImg.active > picture > img	{ opacity: 1; transform: scale(1) translateZ(0); transition: opacity .8s ease-out, transform .8s ease-out; transition-property: opacity, transform; transition-delay: .4s; }
@keyframes blur	{ 
	from	{ opacity: 0; filter: blur(20px); }
	to	{ opacity: 1; filter: blur(0px); }
}

.txbgcol	{ background: linear-gradient(45deg, #058FC6, #058FC6, #EEFF07); background-size: 300% 300%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; animation: gradientShift 3s ease infinite; }
@keyframes gradientShift {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
@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 ------------- */
.mainimg_wrapper	{ width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: .7cqw; margin: 0; }
.mainimg_wrapper > strong	{ width: 100%; height: 6.2cqw; display: flex; align-items: flex-end; padding: 1.2cqw 2.4cqw; font-size: 1.27cqw; line-height: 1; font-weight: 500; letter-spacing:.05em; opacity: 0; }
.mainimg_wrapper > h1	{ position: absolute; top: 5.5cqw; right: 4cqw; display: flex; flex-direction: column; gap: 11.4cqw; z-index: 2; }
.mainimg_wrapper > h1 > b	{ writing-mode: vertical-rl; font-size: 4.444cqw; line-height: 1; font-family: "arboria",sans-serif; font-weight: 400; letter-spacing:.05em; opacity: 0; }
.mainimg_wrapper > strong.active, 
.mainimg_wrapper > h1.active > b	{ animation: blur 1s ease forwards 1s; }
.mainimg	{ width: 100%; display: -webkit-flex; display: flex; }
@media (max-width: 767.9px)	{ 
	.mainimg_wrapper	{ padding: 1.4cqw; margin: 0; }
	.mainimg_wrapper > strong	{ height: 27cqw; padding: 4cqw 5cqw; font-size: 3.6cqw; }
	.mainimg_wrapper > h1	{ top: 8.8cqw; right: 4.5cqw; gap: 35.8cqw; }
	.mainimg_wrapper > h1 > b	{ font-size: 7.2cqw; }
}

/* ------------ INTRODUCTION ------------- */
.introduction_wrapper	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 5.2cqw 0 0 18.518cqw; margin: 0 0 10.2cqw; }
.introduction_inner	{ width: 100%; position: relative; padding: 0 0 41cqw; display: flex; }
.introduction_inner .intxt	{ width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2.1cqw; position: relative; z-index: 1; }
.introduction_inner .intxt > p	{ text-align: center; font-size: 1.04cqw; line-height: 2; letter-spacing:.02em; 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); }
.introduction_inner .intxt.active > p	{ opacity: 1; transform: translateY(0); }
@media (min-width: 768px)	{ 
	.introduction_inner .inimg	{ position: absolute; bottom: 0; left: 0; display: flex; width: 37.222cqw; }
	.introduction_inner .intxt	{ padding: 0 0 0 1cqw; }
	.introduction_inner .intxt > p br.sp	{ display: none; }
}
@media (max-width: 767.9px)	{ 
	.introduction_wrapper	{ padding: 19cqw 0 0; margin: 0 0 47.6cqw; }
	.introduction_inner	{ padding: 0; flex-direction: column; align-items: center; justify-content: center; }
	.introduction_inner .intxt	{ gap: 6.2cqw; margin: 0 0 10cqw; }
	.introduction_inner .intxt > p	{ font-size: 3.4cqw; }
	.introduction_inner .inimg	{ width: 92%; }
}
.introduction_inner .intxt.active > p:nth-child(2)	{ -webkit-transition-delay: .1s; transition-delay: .2s; }
.introduction_inner .intxt.active > p:nth-child(3)	{ -webkit-transition-delay: .3s; transition-delay: .4s; }
.introduction_inner .intxt.active > p:nth-child(4)	{ -webkit-transition-delay: .3s; transition-delay: .6s; }
.introduction_inner .intxt.active > p:nth-child(5)	{ -webkit-transition-delay: .3s; transition-delay: .8s; }
.introduction_inner .intxt.active > p:nth-child(6)	{ -webkit-transition-delay: .3s; transition-delay: 1s; }

/* ------------ SCENE AREA ------------- */
.pSceneArea-wrapper	{ width: 100%; padding: 0 2.777cqw; }
.pSceneArea-1	{ width: 100%; display: flex; border-top: 1px solid #000; padding: 1.38cqw 0; }
.pSceneArea-1 .scttle	{ display: flex; }
.pSceneArea-2	{ width: 100%; display: flex; flex-wrap: wrap; border-top: 1px solid #000; padding: 1.38cqw 0; }
.pSceneArea-2 .scttle	{ width: 100%; display: flex; justify-content: center; padding: .7cqw 0; margin: 0 0 2cqw; }
.pSceneArea-2-inner	{ display: flex; width: 100%; justify-content: center; padding: 14cqw 2cqw 6.666cqw 0; }
.pSceneArea-3	{ width: 100%; display: flex; flex-wrap: wrap; border-top: 1px solid #000; padding: 1.38cqw 0 2.4cqw; }
.pSceneArea-3 .scttle	{ width: 100%; display: flex; justify-content: center; padding: .7cqw 0; margin: 0 0 7cqw; }
.pSceneArea-3-inner	{ display: flex; width: 100%; align-items: center; justify-content: center; padding: 7.4cqw 2cqw 12cqw 0; }
.scttle strong	{ font-size: 1.38cqw; line-height: 1; font-family: "arboria",sans-serif; font-weight: 500; letter-spacing:.05em; }
.scimg	{ width: 100%; display: block; position: relative; }
.pSceneArea-1 .sctxt	{ display: flex; flex-direction: column; }
.txtjp p	{ width: 95%; font-size: .97cqw; line-height: 1.8; font-weight: 500; letter-spacing:.02em; margin: 0 0 1cqw; }
.txtinfo	{ width: 100%; display: flex; flex-direction: column; }
.txtinfo > strong	{ font-size: .84cqw; line-height: 1; font-family: "arboria",sans-serif; font-weight: 500; letter-spacing:.05em; 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: .4cqw 0; gap: 0 .6cqw; }
.txtinfo > a.soon	{ pointer-events: none; }
.txtinfo > a:hover	{ color:#000; opacity: 1; }
.txtinfo > a b,
.txtinfo > a span	{ color:#000; font-size: .84cqw; line-height: 1; font-family: "arboria",sans-serif; font-weight: 500; letter-spacing:.05em; }
.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:#e10000; }
.txtinfo > a.soon b::after	{ display: none; }

@media (min-width: 768px)	{ 
	.pSceneArea-1 .scttle	{ order: 3; flex-grow: 1; justify-content: flex-end; }
	.pSceneArea-1 .scimg	{ order: 2; width: 32.5cqw; }
	.pSceneArea-1 .sctxt	{ order: 1; width: 30.925cqw; justify-content: flex-end; }
	.pSceneArea-1 .sctxt .txtjp	{ width: 90%; }
	.pSceneArea-1 .sctxt .txtjp p	{ width: 95%; margin: 0 0 1cqw; }
	.pSceneArea-2-inner .scimg	{ width: 24.8cqw; }
	.pSceneArea-2-inner .sctxt	{ width: 42.4cqw; display: flex; flex-direction: column; justify-content: space-between; }
	.pSceneArea-2-inner .sctxt .txtjp	{ width: 64%; }
	.pSceneArea-3-inner .scimg-wrapper	{ width: 35.18cqw; display: flex; flex-direction: column; gap: 2.5cqw; }
	.pSceneArea-3-inner .scimg-wrapper .scimg	{ width: 24.8cqw; }
	.pSceneArea-3-inner .scimg-wrapper .scimg:first-child	{ margin-left: auto; }
	.pSceneArea-3-inner .sctxt	{ width: 34.49cqw; display: flex; flex-direction: column; gap: 2cqw; margin: 0 0 2.3cqw; }
	.pSceneArea-3-inner .sctxt .txtjp	{ width: 80%; }
	.txtinfo > a:hover b::after	{ animation: likline 1s ease 0s 1 normal none; }
}
@media (max-width: 767.9px)	{ 
	.pSceneArea-wrapper	{ padding: 0 2.4cqw; }
	.pSceneArea-1	{ flex-direction: column; border-top: 1px solid #000; padding: 1.38cqw 0; }
	.pSceneArea-1 .scttle	{ width: 100%; height: 17cqw; align-items: center; justify-content: center; }
	.pSceneArea-1 .scimg	{ width: 100%; margin: 0 0 4cqw; }
	.pSceneArea-1 .sctxt	{ width: 100%; padding: 0 1cqw 0 0; margin: 0 0 6cqw; }
	.pSceneArea-1 .sctxt .txtjp	{ width: 100%; margin: 0 0 3cqw; }
	.pSceneArea-2	{ padding: 3cqw 0 0; }
	.pSceneArea-2 .scttle	{ padding: 5cqw 0; margin: 0; }
	.pSceneArea-2-inner	{ flex-wrap: wrap; justify-content: center; padding: 3.6cqw 0 16cqw 0; }
	.pSceneArea-2-inner .scimg	{ width: 82%; }
	.pSceneArea-2-inner .sctxt	{ width: 100%; padding: 0 1cqw 0 0; margin: 0 0 26cqw; }
	.pSceneArea-2-inner .sctxt .txtjp	{ width: 100%; margin: 0 0 2cqw; }
	.pSceneArea-3	{ padding: 3cqw 0; }
	.pSceneArea-3 .scttle	{ padding: 5cqw 0; margin: 0 0 1cqw; }
	.pSceneArea-3-inner	{ flex-wrap: wrap; padding: 5.6cqw 0 12cqw; }
	.pSceneArea-3-inner .scimg-wrapper	{ width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9cqw; }
	.pSceneArea-3-inner .scimg-wrapper .scimg	{ width: 80%; }
	.pSceneArea-3-inner .sctxt	{ width: 100%; display: flex; flex-wrap: wrap; padding: 0 1cqw 0 0; gap: 2cqw; margin: 0 0 26cqw; }
	.pSceneArea-3-inner .sctxt .txtjp	{ width: 100%; }
	.txtjp p	{ width: 100%; font-size: 3.32cqw; line-height: 1.8; font-weight: 500; letter-spacing:.02em; margin: 0; }
	.txtinfo > strong	{ font-size: 3.2cqw; padding: 5cqw 0 0; margin: 0 0 2cqw; }
	.txtinfo	{ width: 100%; }
	.txtinfo > a	{ padding: 1.8cqw 0; gap: 2.2cqw 2cqw; }
	.txtinfo > a b,
	.txtinfo > a span	{ font-size: 3.2cqw; }
	.txtinfo > a span.inbr	{ margin-right: 5cqw;  }
	.txtinfo > a b	{ margin-left: 1cqw; }
	.scttle strong	{ font-size: 4.3cqw; padding: 0 0 1cqw; }
}
.scene-pagination	{ width: 2cqw!important; display: flex; flex-direction: column; position: absolute; top: 0; left: auto!important; right: -2cqw; z-index: 2; padding: 0; margin: 0; }
.scene-pagination .swiper-pagination-bullet	{ width: 2cqw; height: 1.32cqw; display: flex; align-items: center; justify-content: center; background-color: transparent; border-radius: 0; opacity: 1; padding: 0!important; margin: 0!important; }
.scene-pagination .swiper-pagination-bullet	{ font-size: 1cqw; line-height: 1; font-family: "arboria",sans-serif; font-weight: 500; }
.scene-pagination .swiper-pagination-bullet-active	{ background: linear-gradient(45deg, #058FC6, #058FC6, #EEFF07); background-size: 300% 300%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; animation: gradientShift 3s ease infinite; opacity: 1; }
@media (max-width: 767.9px)	{ 
	.scene-pagination	{ width: 6cqw!important; right: -6cqw; }
	.scene-pagination .swiper-pagination-bullet	{ width: 6cqw; height: 4.84cqw; }
	.scene-pagination .swiper-pagination-bullet	{ font-size: 3.3cqw; }
	.pSceneArea-1 .scene-pagination	{ top: -16.4cqw!important; right: 0; }
}
.pSceneinimg-wrapper	{ width: 100%; display: flex; align-items: center; justify-content: center; gap: 1.62cqw; }
.pSceneinimg	{ width: 37.82cqw; }
@media (max-width: 767.9px)	{ 
	.pSceneinimg-wrapper	{ flex-wrap: wrap; gap: 0; }
	.pSceneinimg	{ width: 100%; }
	.pSceneArea-2 .pSceneinimg-wrapper	{ flex-wrap: wrap; gap: 10px; }

}

/* ------------ SINGL IMG ------------- */
.singlimg-wrapper	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: .7cqw 2.777cqw 0; }
.singlimg-inner	{ width: 100%; display: flex; align-items: center; justify-content: center; line-height: 1; padding: 15.84cqw 0; border-top: 1px solid #000; }
.singlimg	{ width: 52.824cqw; display: flex; align-items: center; justify-content: center; line-height: 1; }
@media (min-width: 768px)	{ 
	.singlimg-wrapper.btm4	{ margin: 0 0 1.6cqw; }
}
@media (max-width: 767.9px)	{ 
	.singlimg-wrapper	{ padding: .7cqw 2.4cqw 0; }
	.singlimg-inner	{ padding: 38cqw 0; }
	.singlimg	{ width: 93%; }
}
@media (min-width: 768px)	{ 
	.singlimg-last-wrapper	{ width: 100%; height: 100%; aspect-ratio: 1439 / 1080; display: flex; align-items: center; justify-content: center; position: relative; margin: 0 0 4cqw;}
	.singlimg-last-bg	{ width: 100%; height: 100%; aspect-ratio: 1439 / 1080; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; }
	.singlimg-last-bg img, 
	.singlimg-last-bg picture	{ width: 100%; height: 100%; object-fit: cover; }
	.singlimg-last	{ position: relative; z-index: 3; width: 37.82cqw; border: 1px solid #fff; margin: 2cqw 0 0; }
}
@media (max-width: 767.9px)	{ 
	.singlimg-last-wrapper	{ width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;padding: 19cqw 0 0; margin: 0 0 7cqw;}
	.singlimg-last-bg	{ order: 2; width: 88%; }
	.singlimg-last	{ order: 1; width: 100%; margin: 0 0 8cqw; }
}

/* ------------ 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: 12cqw 0 0; border-top: 1px solid #000; }
.productinner > h3	{ width: 100%; text-align: center; font-family: "arboria",sans-serif; font-size: 1.9444cqw; line-height: 1; font-weight: 400; letter-spacing:.05em; margin: 0 0 3cqw; padding: 0; }
ul.productList	{ width: 61.1111cqw; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 6cqw 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.25cqw; }
ul.productList > li > a.soon	{ pointer-events: none; }
ul.productList > li > a > p	{ width: 100%; line-height: 1;  }
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:#000; font-family: "arboria",sans-serif; font-size: 1cqw; line-height: 1.9; font-weight: 500; letter-spacing:.05em; opacity: 1; transition: opacity .8s ease; }
ul.productList > li > a > p.txt > b	{ color:#000; margin: 0 0 0 1em; display: inline-block; font-family: "arboria",sans-serif; font-size: 1.1cqw; line-height: 1.1; font-weight: 500; letter-spacing:0; position: relative; }
ul.productList > li > a > p.txt > b::after	{ content:""; width: 100%; height: 1px; background-color: #000; position: absolute; left: 0; right: 0; bottom: 0; }
ul.productList > li > a.soon > p.txt > b	{ font-size: .9cqw; color:#e10000; }
ul.productList > li > a.soon > p.txt > b:after	{ display: none; }
@media (min-width: 768px)	{ 
	ul.productList > li > a:hover > p.img img	{ transform: scale(1.06); }
	ul.productList > li > a:hover > p.txt > b::after	{ animation: likline 1s ease 0s 1 normal none; }
}
@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: 27cqw 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: 3.8cqw; color:#666; }
}
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: .1s; transition-delay: .2s; }
ul.productList.active > li:nth-child(3)	{ -webkit-transition-delay: .3s; transition-delay: .4s; }
ul.productList.active > li:nth-child(4)	{ -webkit-transition-delay: .3s; transition-delay: .6s; }
ul.productList.active > li:nth-child(5)	{ -webkit-transition-delay: .3s; transition-delay: .8s; }
ul.productList.active > li:nth-child(6)	{ -webkit-transition-delay: .3s; transition-delay: 1s; }
ul.productList.active > li:nth-child(7)	{ -webkit-transition-delay: .3s; transition-delay: 1.2s; }
ul.productList.active > li:nth-child(8)	{ -webkit-transition-delay: .3s; transition-delay: 1.4s; }
ul.productList.active > li:nth-child(9)	{ -webkit-transition-delay: .3s; transition-delay: 1.6s; }

/* ------------ 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 4cqw; }
.underinfo-inner > ul > li	{ font-family: "arboria",sans-serif; font-size: .8cqw; line-height: 1.9; font-weight: 500; letter-spacing:.05em; }
.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: #fff; border: 1px solid #000; }
.vai-wrapper > a span	{ color:#000; font-family: "arboria",sans-serif; font-size: 1cqw; line-height: 1.9; font-weight: 500; letter-spacing:.05em; transition: color .6s ease; }
@media (min-width: 768px)	{ 
	.vai-wrapper > a:hover	{ background-color: #000; }
	.vai-wrapper > a:hover span	{ color:#fff; }
}
@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: 2.8cqw; }
	.vai-wrapper	{ width: 100%; }
	.vai-wrapper > a	{ width: 100%; aspect-ratio: 15 / 2; }
	.vai-wrapper > a span	{ font-size: 3.6cqw; }
}

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

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