@charset "UTF-8";
:root	{
	--color-Primary: #8c8c8c;
	--color-Secondary: transparent;
	--color-White: #fff;
	--color-Black: #000;
	--font-jp: "helvetica-neue-lt-pro", "source-han-sans-japanese", sans-serif;
	--font-en: "helvetica-neue-lt-pro", sans-serif;
}
.solrbar, 
.header_caution	{ display: none; }
#site_body	{ overflow: visible; }
html	{ scrollbar-gutter: stable; }
/* ------------ FONT
Helvetica Neue LT Pro 45 Light
font-family: "helvetica-neue-lt-pro", sans-serif;
font-weight: 300;
font-style: normal;

Helvetica Neue LT Pro 55 Roman
font-family: "helvetica-neue-lt-pro", sans-serif;
font-weight: 400;
font-style: normal;

Source Han Sans JP Medium
font-family: "source-han-sans-japanese", sans-serif;
font-weight: 500;
font-style: normal;
------------- */
@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: block; position: relative; width: 100%; padding: 0; margin: 0; font-family: var(--font-jp); font-weight: 500; letter-spacing:.02em; position: relative; container-type: inline-size; }
.pi_lgzformat div	{ letter-spacing:0; font-style: normal; font-size:14px; line-height:1.75; font-feature-settings: normal; -webkit-text-size-adjust:100%; color: var(--color-Primary); -webkit-font-smoothing: antialiased; }
.pi_lgzformat *	{ letter-spacing:0; }
.pi_lgzformat .en	{ font-family: var(--font-en); 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 picture, 
.pi_lgzformat img	{ display: block; width: 100%; height: auto; vertical-align: bottom; line-height: 0; }
.pi_lgzformat video	{ width: 100%; height: 100%; object-fit: cover; }
.pi_lgzformat .center-text	{ text-align: center; }
.pi_lgzformat_inner	{ width: 100%; container-type: inline-size; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 1; }
.contanc	{ display: block; 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	{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-color: #fff; pointer-events: none; z-index: 15; transition: opacity .5s ease; -webkit-transition-delay: .3s; transition-delay: .3s; }


/* ------------ ANIMATION ------------- */
.scrollIn	{ opacity: 0; transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1); }
.scrollIn.active	{ opacity: 1; -webkit-transition-delay: .4s; transition-delay: .4s; }
.scrollB	{ opacity: 0; transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1); }
.scrollB.active	{ opacity: 1; animation-name: blur; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
@keyframes flowLeft {
	from { transform: translateX(0); }
	to { transform: translateX(-100%); }
}
@keyframes blur	{ 
	from	{ opacity: 0; filter: blur(30px); }
	to	{ opacity: 1; filter: blur(0px); }
}

/* ------------ MAIN AREA ------------- */
.main_wrapper	{ width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; position: relative; line-height: 1; overflow: hidden; }
.sub_wrapper	{ width: 100%; display: flex; flex-direction: column; position: relative; line-height: 1; overflow: hidden; padding: 28cqw 0 calc(461 / 2000 * 100cqw); }
.top_tnf	{ position: absolute; top: calc(88 / 2000 * 100cqw); right: calc(91 / 2000 * 100cqw); width: calc(162 / 2000 * 100cqw); z-index: 3; }
.main-swiper	{ width: 100%; position: relative; z-index: 1; }
.main-swiper .swiper-slide	{ width: 100%; overflow: hidden; }
.main-swiper .swiper-slide picture,
.main-swiper .swiper-slide img	{ width: 100%; line-height: 1; }
.slider-img	{ opacity: 1; transition: opacity 0.6s ease; }
.slider-img.is-loading	{ opacity: 0; }
.slider-line	{ position: absolute; inset: 0; pointer-events: none; z-index: 2; opacity: 1; transition: opacity 1s ease; }
.slider-line.hide	{ opacity: 0; }
@media (max-width: 767.9px)	{ 
	.sub_wrapper	{ padding: 43cqw 0 calc(270 / 1200 * 100cqw); }
	.top_tnf	{ position: absolute; top: calc(54 / 1200 * 100cqw); right: calc(37 / 1200 * 100cqw); width: calc(175 / 1200 * 100cqw); }
}
.navtrigger01, 
.navtrigger02, 
.navtrigger03	{ display: block; width: 100%; position: relative; }

/* ------------ MAIN INFORMATION ------------- */
.main_information	{ width: 100%; display: flex; flex-direction: column; position: relative; padding: calc(66 / 1440 * 100cqw) 0 calc(135 / 1440 * 100cqw) calc(183 / 1440 * 100cqw); z-index: 3; }
.main_information > h1, 
.main_information > h2	{ font-family: var(--font-en); font-weight: 300; color: var(--color-Primary); text-align: center; line-height: 1; letter-spacing:.03em; opacity: 0; transition: opacity .6s ease; }
.main_information > h1	{ font-size: calc(48.189 / 1440 * 100cqw); letter-spacing:.055em; position: absolute; top: 6.8cqw; right: 6.2cqw; }
.main_information > h2	{ width: calc(360 / 1440 * 100cqw); position: absolute; top: 3.8cqw; right: 6.5cqw; display: flex; justify-content: flex-end; }
.main_information > p	{ font-size: calc(14.173 / 1440 * 100cqw); line-height: calc(35.7197 / 1440 * 100cqw); letter-spacing:.04em; font-family: var(--font-jp); font-weight: 500; color: var(--color-Primary); margin: 0; opacity: 0; transition: opacity .6s ease; }
.main_information > h1.active	{ opacity: 1; -webkit-transition-delay: .4s; transition-delay: .4s; }
.main_information > h2.active	{ opacity: 1; -webkit-transition-delay: .4s; transition-delay: .4s; }
.main_information > p.active	{ opacity: 1; -webkit-transition-delay: .8s; transition-delay: .8s; }
@media (max-width: 767.9px)	{ 
	.main_information	{ padding: calc(350 / 1200 * 100cqw) 0 0 calc(98 / 1200 * 100cqw); }
	.main_information > h1	{ font-size: calc(21.024 / 375 * 100cqw); top: calc(148 / 1200 * 100cqw); right: calc(104 / 1200 * 100cqw); letter-spacing:.07em; }
	.main_information > h2	{ width: calc(174 / 375 * 100cqw); top: calc(88 / 1200 * 100cqw); right: calc(100 / 1200 * 100cqw); }
	.main_information > p	{ font-size: calc(9.921 / 375 * 100cqw); line-height: calc(20.4945 / 375 * 100cqw); letter-spacing:.04em; }
	.main_information > h1.active	{ opacity: 1; -webkit-transition-delay: 1.4s; transition-delay: 1.4s; }
	.main_information > h2.active	{ opacity: 1; -webkit-transition-delay: 1.4s; transition-delay: 1.4s; }
	.main_information > p.active	{ opacity: 1; -webkit-transition-delay: 1.8s; transition-delay: 1.8s; }
}

/* ------------ NAV ------------- */
.nav_wrapper	{ margin-bottom: calc(180 / 1440 * 100cqw); width: 100%; display: flex; flex-direction: column; }
.nav_inner	{ padding-top: calc(50 / 1440 * 100cqw); width: 100%; display: flex; flex-direction: column; align-items: flex-start; padding: 0; }
.nav_inner > a	{ width: 100%; display: flex; transition: opacity .5s ease; }
.nav_inner > a:hover	{ oopacity: .6; }
.nav_ttle	{ height: calc(60 / 1440 * 100cqw); padding: 0 0 calc(5 / 1440 * 100cqw) calc(132 / 1440 * 100cqw); gap: calc(18 / 1440 * 100cqw); display: flex; align-items: flex-end; line-height: 1; position: relative;  }
.nav_ttle b	{ font-size: calc(20.835 / 1440 * 100cqw); font-family: var(--font-en); font-weight: 300; color: var(--color-Primary); line-height: 1; letter-spacing:.04em; }
.nav_ttle span	{ width: calc(110 / 1440 * 100cqw); height: calc(12 / 1440 * 100cqw); position: relative; display: flex; justify-content: flex-end; align-items: flex-start; }
.nav_ttle span > img	{ width: 45%; line-height: 1; }
.nav_ttle span::before	{ content:""; position: absolute; top: 1px; left: 0; display: block; width: 45%; height: 100%; border-top: 1px solid var(--color-Primary); }
.nav_img	{ width: 100%; height: calc(225 / 1440 * 100cqw); overflow: hidden; position: relative; display: flex; }
.nav_img > p	{ width: auto; height: calc(225 / 1440 * 100cqw); background-repeat: repeat-x; background-size: auto 100%; display: flex; }
.nav_img.forM > p	{ aspect-ratio: 3780 / 450; animation: flowLeft 38s linear infinite; }
.nav_img.forW > p	{ aspect-ratio: 4074 / 450; animation: flowLeft 30s linear infinite; }
.nav_img.forK > p	{ aspect-ratio: 3948 / 450; animation: flowLeft 46s linear infinite; }
@media (max-width: 767.9px)	{ 
	.nav_wrapper	{ margin-bottom: calc(84 / 375 * 100cqw); padding-top: calc(80 / 375 * 100cqw); }
	.nav_inner	{ padding-top: 0; }
	.nav_ttle	{ height: calc(21 / 375 * 100cqw); padding: 0 0 0 calc(22 / 375 * 100cqw); gap: calc(8 / 375 * 100cqw); }
	.nav_ttle b	{ font-size: calc(9.921 / 375 * 100cqw); }
	.nav_ttle span	{ width: calc(52 / 375 * 100cqw); height: calc(6 / 375 * 100cqw); }
	.nav_img	{ height: calc(75 / 375 * 100cqw); }
	.nav_img > p	{ height: calc(75 / 375 * 100cqw); }
	.nav_img.forM > p	{ aspect-ratio: 1260 / 150; animation: flowLeft 38s linear infinite; }
	.nav_img.forW > p	{ aspect-ratio: 1358 / 150; animation: flowLeft 30s linear infinite; }
	.nav_img.forK > p	{ aspect-ratio: 1316 / 150; animation: flowLeft 46s linear infinite; }
}

/* ------------ CONTENTS ------------- */
.contents_wrapper	{ width: 100%; display: flex; flex-direction: column; position: relative; }
.contents_navwrapper	{ width: 100%; display: flex; flex-direction: column; align-items: flex-end; position: -webkit-sticky; position: sticky; top: 48px; z-index: 6; pointer-events: none; gap: 1cqw; padding: calc(60 / 2000 * 100cqw) calc(82 / 2000 * 100cqw) 0 0;}
.contents_navwrapper > h3	{ position: absolute; top: 40vh; right: 4.2cqw; display: flex; }
.contents_navwrapper > h3	{ width: calc(9 / 1440 * 100cqw); font-family: var(--font-en); font-weight: 300; color: var(--color-White); text-align: center; line-height: 1; letter-spacing:.02em; }
.sticky_tnf	{ width: calc(140 / 2000 * 100cqw); }
.current_nav	{ display: flex; gap: 2.6cqw; align-items: flex-end; }
.current_nav li	{ position: relative; display: flex; }
.current_nav li::before	{ content:""; width: .6cqw; height: .6cqw; background-color: var(--color-Primary); border-radius: .6cqw; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: -1cqw; opacity: 0; }
.current_nav li.active::before	{ opacity: 1; }
.current_nav li a	{ font-size: calc(19 / 2000 * 100cqw); font-family: var(--font-en); font-weight: 400; color: var(--color-Primary); line-height: 1; letter-spacing:.04em; padding: .5cqw 0; pointer-events: auto; }
.current_nav li.active a	{ font-size: calc(22 / 2000 * 100cqw); }
.current_nav li:nth-child(2).active	{ margin-left: 1em; }
.current_nav li:last-child.active	{ margin-left: 1em; }
@media (max-width: 767.9px)	{ 
	.contents_navwrapper	{ gap: 3cqw; padding: calc(80 / 1200 * 100cqw) calc(47 / 1200 * 100cqw) 0 0;}
	.contents_navwrapper > h3	{ width: calc(21 / 1200 * 100cqw); top: 21.4vh; right: 4.2cqw; }
	.sticky_tnf	{ width: calc(195 / 1200 * 100cqw); }
	.current_nav	{ gap: 5cqw;  }
	.current_nav li::before	{ width: 1.4cqw; height: 1.4cqw; border-radius: 1.4cqw; left: -2.4cqw; }
	.current_nav li a	{ font-size: calc(32 / 1200 * 100cqw); padding: 1cqw 0; }
	.current_nav li.active a	{ font-size: calc(38 / 1200 * 100cqw); }
	.current_nav li:last-child.active	{ margin-left: .5em; }
}

/* ------------ CONTENTS ------------- */
.btn-wrapper	{ pointer-events: none; }
button.js-modal-open	{ width: calc(65 / 1440 * 100cqw); padding: calc(15 / 1440 * 100cqw) 0; height: auto; display: flex; align-items: center; justify-content: space-between; margin: 0; border: 0; transition: opacity .6s ease; pointer-events: auto!important; }
button.js-modal-open .svg_plus	{ width: calc(15 / 1440 * 100cqw); aspect-ratio: 1 / 1; line-height: 1; transition: opacity .8s ease; stroke: var(--color-Primary); stroke-width: 1px; stroke-linecap: round; }
button.js-modal-open b	{ font-size: calc(15.591 / 1440 * 100cqw); color: var(--color-Primary); font-family: var(--font-en); font-weight: 400; white-space: nowrap; line-height: 1; text-box: trim-both cap alphabetic; }
@media (min-width: 768px)	{
	button.js-modal-open:hover	{ opacity: .4; }
}
@media (max-width: 767.9px)	{ 
	button.js-modal-open	{ width: calc(65 / 375 * 100cqw); padding: calc(15 / 375 * 100cqw) 0; }
	button.js-modal-open .svg_plus	{ width: calc(15 / 375 * 100cqw); }
	button.js-modal-open b	{ font-size: calc(15.591 / 375 * 100cqw); }
}
.imgSetwrapper	{ pointer-events: none; }
.imgSetwrapper, 
.img-wrapper	{ width: 100%; display: flex; position: relative; }
.img-wrapper	{ pointer-events: auto; }
.imgtate	{ width: 100%; aspect-ratio: 3 / 4; overflow: hidden; }
.imgtate2	{ width: 100%; aspect-ratio: 30 / 37; overflow: hidden; }
.imgtate picture,
.imgtate img,
.imgtate2 picture,
.imgtate2 img	{ width: 100%; height: 100%; object-fit: cover; }
.imgyoko	{ width: 100%; aspect-ratio: 4 / 3; overflow: hidden; }
.imgyoko picture,
.imgyoko img	{ width: 100%; height: 100%; object-fit: cover; }

.imgSet001	{ padding: calc(170 / 1440 * 100cqw) 0 0; margin-bottom: calc(200 / 1440 * 100cqw); justify-content: flex-start; }
.imgSet001 .img-wrapper	{ width: calc(800 / 1440 * 100cqw); }
@media (max-width: 767.9px)	{ 
	.imgSet001	{ padding: calc(35 / 375 * 100cqw) 0 0; margin-bottom: calc(60 / 375 * 100cqw); }
	.imgSet001 .img-wrapper	{ width: calc(325 / 375 * 100cqw); }
}
@media (min-width: 768px)	{
	.imgSet002 { display: flex; margin: 0 0 calc(170 / 1440 * 100cqw); justify-content: flex-end; }
	.imgSet002 .js-modal-open	{ position: absolute; left: calc(630 / 1440 * 100cqw); top: calc(0px - (45 / 1440 * 100cqw));  }
	.boxSet002 { width: calc(1096 / 1440 * 100cqw); position: relative; aspect-ratio: 4 / 3; }
	.boxSet002 .row-items { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; position: relative; }
	.boxSet002 .row-items .img-wrapper { position: absolute; }
	.boxSet002 .item-2 { width: calc(375 / 1440 * 100cqw); top: calc(98 / 1440 * 100cqw); left: 0; z-index: 2; }
	.boxSet002 .item-3 { width: calc(525 / 1440 * 100cqw); top: 0; left: calc(285 / 1440 * 100cqw); }
	.boxSet002 .item-4 { width: calc(375 / 1440 * 100cqw); top: calc(280 / 1440 * 100cqw); right: 0; }
	.boxSet002 .item-5 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	.boxSet002 .img-wrapper { opacity: 0; }
	.boxSet002.active .item-2 { animation: animItem2 11s infinite linear; }
	.boxSet002.active .item-3 { animation: animItem3 11s infinite linear; }
	.boxSet002.active .item-4 { animation: animItem4 11s infinite linear; }
	.boxSet002.active .item-5 { animation: animItem5 11s infinite linear; }
	@keyframes animItem2 { 0% { opacity: 0; } 9.09% { opacity: 1; } 54.54% { opacity: 1; } 63.63% { opacity: 0; } 100% { opacity: 0; } }
	@keyframes animItem3 { 0%, 9.09% { opacity: 0; } 18.18% { opacity: 1; } 54.54% { opacity: 1; } 63.63% { opacity: 0; } 100% { opacity: 0; } }
	@keyframes animItem4 { 0%, 18.18% { opacity: 0; } 27.27% { opacity: 1; } 54.54% { opacity: 1; } 63.63% { opacity: 0; } 100% { opacity: 0; } }
	@keyframes animItem5 { 0%, 54.54% { opacity: 0; } 63.63% { opacity: 1; } 90.90% { opacity: 1; } 100% { opacity: 0; } }
	.imgSet002sp { display: none; }
}
@media (max-width: 767.9px)	{ 
	.imgSet002 { display: none; }
	.imgSet002sp	{ padding-right: calc(20 / 375 * 100cqw); margin-bottom: calc(76 / 375 * 100cqw); display: flex; justify-content: flex-end; }
	.imgSet002sp .img-wrapper	{ width: calc(260 / 375 * 100cqw); padding-bottom: calc(36 / 375 * 100cqw); position: relative; }
	.imgSet002sp .js-modal-open	{ position: absolute; right: calc(5 / 375 * 100cqw); bottom: calc(0px - (12 / 375 * 100cqw)); }
	.imgSetwrapper .slider-container	{ width: 100%; height: auto; position: relative; }
	.imgSetwrapper .swiper-pagination	{ bottom: calc(0px - (40 / 375 * 100cqw)); width: auto; display: flex; gap: 0 calc(5 / 375 * 100cqw);; }
	.imgSetwrapper .swiper-pagination-bullet	{ background-color: transparent; display: flex; align-items: center; justify-content: center; margin: 0; padding: 0; width: calc(16 / 375 * 100cqw); height: calc(32 / 375 * 100cqw); aspect-ratio: 1 / 2; border-radius: 0; position: relative; }
	.imgSetwrapper .swiper-pagination-bullet	{ border-bottom: 1px solid transparent; opacity: 1; }
	.imgSetwrapper .swiper-pagination-bullet.swiper-pagination-bullet-active	{ border-bottom: 1px solid var(--color-Primary); }
	.imgSetwrapper .swiper-pagination-bullet::before	{ content:"●"; color: var(--color-Primary); font-size: calc(6 / 375 * 100cqw); color: var(--color-Primary); font-family: var(--font-jp); font-weight: 400; white-space: nowrap; line-height: 1; text-box: trim-both cap alphabetic; }
	.imgSetwrapper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
	.imgSetwrapper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; }
}
.imgSet006	{ margin-bottom: calc(100 / 1440 * 100cqw); justify-content: center; }
.imgSet006 .img-wrapper	{ width: calc(675 / 1440 * 100cqw); }
.imgSet007	{ margin-bottom: calc(130 / 1440 * 100cqw); flex-direction: column; align-items: center; }
.imgSet007 .img-wrapper, 
.imgSet007 .btn-wrapper	{ width: calc(368 / 1440 * 100cqw); }
.imgSet007 .btn-wrapper	{ display: flex; justify-content: flex-end; }
.imgSet008	{ padding-left: calc(103 / 1440 * 100cqw); justify-content: flex-start; }
.imgSet008 .img-wrapper	{ width: calc(675 / 1440 * 100cqw); }
@media (max-width: 767.9px)	{ 
	.imgSet006	{ margin-bottom: calc(75 / 375 * 100cqw); }
	.imgSet006 .img-wrapper	{ width: 100%; }
	.imgSet007	{ margin-bottom: calc(40 / 375 * 100cqw); flex-direction: column; align-items: center; }
	.imgSet007 .img-wrapper, 
	.imgSet007 .btn-wrapper	{ width: calc(265 / 375 * 100cqw); }
	.imgSet008	{ padding: 0; margin-bottom: calc(65 / 375 * 100cqw); }
	.imgSet008 .img-wrapper	{ width: 100%; }
}
@media (min-width: 768px)	{
	.imgSet009sp	{ display: none; }
	.imgSet009	{ margin-top: calc(0px - (500 / 1440 * 100cqw)); margin-bottom: calc(316 / 1440 * 100cqw); padding-right: calc(90 / 1440 * 100cqw); display: flex; flex-direction: column; align-items: flex-end; }
	.imgSet009 .img-wrapper	{ width: calc(400 / 1440 * 100cqw); margin-bottom: calc(20 / 1440 * 100cqw); }
}
@media (max-width: 767.9px)	{ 
	.imgSet009	{ display: none; }
	.imgSet009sp	{ padding-left: calc(31 / 375 * 100cqw); margin-bottom: calc(145 / 375 * 100cqw); display: flex; justify-content: flex-start; }
	.imgSet009sp .img-wrapper	{ width: calc(260 / 375 * 100cqw); padding-bottom: calc(36 / 375 * 100cqw); position: relative; }
	.imgSet009sp .js-modal-open	{ position: absolute; right: calc(5 / 375 * 100cqw); bottom: calc(0px - (12 / 375 * 100cqw)); }
}
.imgSet012	{ margin-bottom: calc(135 / 1440 * 100cqw); padding-left: calc(63 / 1440 * 100cqw); gap: calc(26 / 1440 * 100cqw); display: flex; align-items: flex-start; }
.imgSet012 .img-wrapper.img12	{ width: calc(320 / 1440 * 100cqw); }
.imgSet012 .img-wrapper.img13	{ margin-top: calc(130 / 1440 * 100cqw); width: calc(400 / 1440 * 100cqw); display: flex; flex-wrap: wrap; }
.imgSet012 .img-wrapper.img12, 
.imgSet012 .img-wrapper.img13	{ 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); }
.imgSet012 .img-wrapper.img13 .btn-wrapper	{ width: 100%; display: flex; justify-content: flex-end; }
@media (min-width: 768px)	{
	.imgSet012 .img-wrapper.img12, 
	.imgSet012 .img-wrapper.img13	{ transform: translateY(5cqw); }
}
@media (max-width: 767.9px)	{ 
	.imgSet012 .img-wrapper.img12, 
	.imgSet012 .img-wrapper.img13	{ transform: translateY(20cqw); }
}
.imgSet012.active .img-wrapper.img12	{ transform: translateY(0); opacity: 1; -webkit-transition-delay: .6s; transition-delay: .6s; }
.imgSet012.active .img-wrapper.img13	{ transform: translateY(0); opacity: 1; -webkit-transition-delay: 1s; transition-delay: 1s; }
.imgSet014	{ margin-bottom: calc(460 / 1440 * 100cqw); flex-direction: column; align-items: center;  }
.imgSet014 .img-wrapper	{ width: calc(1200 / 1440 * 100cqw); }
.imgSet014 .btn-wrapper	{ width: calc(1200 / 1440 * 100cqw); display: flex; justify-content: flex-end; }
@media (max-width: 767.9px)	{ 
	.imgSet012	{ margin-bottom: calc(25 / 375 * 100cqw); padding: 0; gap: calc(5 / 375 * 100cqw); justify-content: center; }
	.imgSet012 .img-wrapper.img12	{ width: calc(170 / 375 * 100cqw); }
	.imgSet012 .img-wrapper.img13	{ width: calc(170 / 375 * 100cqw); margin: 0; }
	.imgSet012 .img-wrapper.img13 .imgtate	{ order: 1; }
	.imgSet012 .img-wrapper.img13 .btn-wrapper	{ order: 2; width: 100%; display: flex; justify-content: flex-end; }
	.imgSet014	{ margin-bottom: calc(30 / 375 * 100cqw); }
	.imgSet014 .img-wrapper	{ width: 100%; }
	.imgSet014 .btn-wrapper	{ width: 86%; }
}
.imgSet016	{ padding-top: calc(210 / 1440 * 100cqw); margin-bottom: calc(190 / 1440 * 100cqw); flex-direction: column; align-items: center;  }
.imgSet016 .img-wrapper	{ width: 100%; }
.imgSet016 .btn-wrapper	{ width: calc(1200 / 1440 * 100cqw); display: flex; justify-content: flex-end; }
@media (max-width: 767.9px)	{ 
	.imgSet016	{ padding-top: calc(125 / 375 * 100cqw); margin-bottom: calc(10 / 375 * 100cqw); }
	.imgSet016 .img-wrapper	{ width: 100%; }
	.imgSet016 .btn-wrapper	{ width: 86; display: none; }
}
@media (min-width: 768px)	{
	.imgSet017	{ margin-bottom: calc(280 / 1440 * 100cqw); flex-direction: column; align-items: center; }
	.imgSet017 .img-wrapper	{ width: calc(800 / 1440 * 100cqw); }
	.imgSet017 .btn-wrapper	{ display: none; }
}
@media (max-width: 767.9px)	{ 
	.imgSet017	{ margin-bottom: calc(40 / 375 * 100cqw); }
	.imgSet017 .img-wrapper	{ width: 100%; flex-wrap: wrap; }
	.imgSet017 .btn-wrapper	{ width: 90%; display: flex; justify-content: flex-end; }
}
.imgSet018	{ margin-bottom: calc(170 / 1440 * 100cqw); flex-direction: column; align-items: center; }
.imgSet018 .img-wrapper	{ width: calc(600 / 1440 * 100cqw); }
.imgSet018 .btn-wrapper	{ width: calc(600 / 1440 * 100cqw); display: flex; justify-content: flex-end; }
@media (max-width: 767.9px)	{ 
	.imgSet018	{ margin-bottom: calc(40 / 375 * 100cqw); align-items: flex-end; padding-right: calc(18 / 375 * 100cqw); }
	.imgSet018 .img-wrapper	{ width: calc(220 / 375 * 100cqw); }
	.imgSet018 .btn-wrapper	{ width: calc(220 / 375 * 100cqw); justify-content: flex-start; }
}
.imgSet019 { margin: 0 0 calc(160 / 1440 * 100cqw); flex-direction: column; align-items: center; }
.imgSet019 .btn-wrapper	{ width: calc(1065 / 1440 * 100cqw); display: flex; justify-content: flex-end; }
.boxSet019	{ width: calc(1065 / 1440 * 100cqw); height: 100%; aspect-ratio: 1065 / 700; position: relative; }
.boxSet019 .row-items	{ width: 100%; height: 100%; display: flex; justify-content: space-between; }
.boxSet019 .item-19, 
.boxSet019 .item-20 { width: calc(525 / 1440 * 100cqw); aspect-ratio: 525 / 700; }
.boxSet019 .item-21 { width: 100%; position: absolute; top: 0; right: 0; left: 0; bottom: 0; overflow: hidden; }
.boxSet019 .img-wrapper { opacity: 0; }
.boxSet019.active .item-19 { animation: animItem19 10s infinite linear; }
.boxSet019.active .item-20 { animation: animItem20 10s infinite linear; }
.boxSet019.active .item-21 { animation: animItem21 10s infinite linear; }
@keyframes animItem19 { 0% { opacity: 0; } 10% { opacity: 1; } 50% { opacity: 1; } 60% { opacity: 0; } 100% { opacity: 0; } }
@keyframes animItem20 { 0%, 10% { opacity: 0; } 20% { opacity: 1; } 50% { opacity: 1; } 60% { opacity: 0; } 100% { opacity: 0; } }
@keyframes animItem21 { 0%, 50% { opacity: 0; } 60% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } }
@media (max-width: 767.9px)	{ 
	.imgSet019 { margin: 0 0 calc(65 / 375 * 100cqw); }
	.imgSet019 .btn-wrapper	{ width: 86%; }
	.boxSet019	{ width: 100%; aspect-ratio: auto; }
	.boxSet019 .item-19, 
	.boxSet019 .item-20 { width: calc(185 / 375 * 100cqw); height: 100%; aspect-ratio: 185 / 282; }
	.boxSet019 .item-19 .imgtate, 
	.boxSet019 .item-20 .imgtate	{ width: calc(185 / 375 * 100cqw); height: 100%; aspect-ratio: 185 / 282; }
}
.imgSet022	{ margin-bottom: calc(270 / 1440 * 100cqw); flex-direction: column; align-items: center; }
.imgSet022 .img-wrapper	{ width: calc(675 / 1440 * 100cqw); }
.imgSet022 .btn-wrapper	{ width: calc(670 / 1440 * 100cqw); display: flex; justify-content: flex-end; }
.imgSet023	{ margin-bottom: calc(140 / 1440 * 100cqw); flex-direction: column; align-items: center; }
.imgSet023 .img-wrapper	{ width: calc(412.5 / 1440 * 100cqw); }
@media (max-width: 767.9px)	{ 
	.imgSet022	{ margin-bottom: calc(135 / 375 * 100cqw); }
	.imgSet022 .img-wrapper	{ width: 100%; }
	.imgSet022 .btn-wrapper	{ width: 86%; }
	.imgSet023	{ margin-bottom: calc(60 / 375 * 100cqw); }
	.imgSet023 .img-wrapper	{ width: calc(225 / 375 * 100cqw); }
}
.imgSet024	{ margin-bottom: calc(170 / 1440 * 100cqw); align-items: center; }
.imgSet024 .img-wrapper.img24, 
.imgSet024 .img-wrapper.img25	{ opacity: 0; transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1); }
.imgSet024.active .img-wrapper.img24	{ opacity: 1; -webkit-transition-delay: .4s; transition-delay: .4s; }
.imgSet024.active .img-wrapper.img25	{ opacity: 1; -webkit-transition-delay: .8s; transition-delay: .8s; }
@media (min-width: 768px)	{
	.imgSet024 .img-wrapper.img24	{ width: calc(570 / 1440 * 100cqw); }
	.imgSet024 .img-wrapper.img25	{ width: calc(375 / 1440 * 100cqw); margin-left: calc(0px - (83 / 1440 * 100cqw)); }
}
@media (max-width: 767.9px)	{ 
	.imgSet024	{ margin-bottom: calc(130 / 375 * 100cqw); }
	.imgSet024 .img-wrapper.img24	{ width: calc(270 / 375 * 100cqw); }
	.imgSet024 .img-wrapper.img25	{ width: calc(160 / 375 * 100cqw); position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; }
}
.imgSet026	{ margin-bottom: calc(260 / 1440 * 100cqw); flex-direction: column; align-items: center; }
.imgSet026 .img-wrapper	{ width: calc(660 / 1440 * 100cqw); }
.imgSet026 .btn-wrapper	{ width: calc(660 / 1440 * 100cqw); display: flex; justify-content: flex-end; }
@media (max-width: 767.9px)	{ 
	.imgSet026	{ margin-bottom: calc(95 / 375 * 100cqw); }
	.imgSet026 .img-wrapper	{ width: 100%; }
	.imgSet026 .btn-wrapper	{ width: 86%; }
}
.imgSet027	{ margin-bottom: calc(105 / 1440 * 100cqw); padding: calc(220 / 1440 * 100cqw) 0 0 calc(170 / 1440 * 100cqw); flex-direction: column; align-items: flex-start; }
.imgSet027 .img-wrapper	{ width: calc(600 / 1440 * 100cqw); }
.imgSet027 .btn-wrapper	{ width: calc(600 / 1440 * 100cqw); display: flex; justify-content: flex-end; }
.imgSet028	{ margin-bottom: calc(195 / 1440 * 100cqw); padding-top: calc(220 / 1440 * 100cqw); flex-direction: column; align-items: center; }
.imgSet028 .img-wrapper	{ width: calc(675 / 1440 * 100cqw); }
.imgSet028 .btn-wrapper	{ width: calc(675 / 1440 * 100cqw); display: flex; justify-content: flex-end; }
@media (max-width: 767.9px)	{ 
	.imgSet027	{ margin-bottom: calc(70 / 375 * 100cqw); padding: calc(120 / 375 * 100cqw) 0 0 calc(20 / 375 * 100cqw); }
	.imgSet027 .img-wrapper	{ width: calc(240 / 375 * 100cqw); }
	.imgSet027 .btn-wrapper	{ width: calc(240 / 375 * 100cqw); }
	.imgSet028	{ margin-bottom: calc(50 / 375 * 100cqw); padding: 0; }
	.imgSet028 .img-wrapper	{ width: 100%; }
	.imgSet028 .btn-wrapper	{ width: 86%; }
}
.imgSet030	{ margin-bottom: calc(240 / 1440 * 100cqw); padding-left: calc(67 / 1440 * 100cqw); flex-wrap: wrap; gap: 0 calc(10 / 1440 * 100cqw); }
.imgSet030 .img-wrapper.img30, 
.imgSet030 .img-wrapper.img31	{ width: calc(367 / 1440 * 100cqw); opacity: 0; transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1); }
.imgSet030 .img-wrapper.img31	{ margin-right: auto;  }
.imgSet030.active .img-wrapper.img30	{ opacity: 1; -webkit-transition-delay: .4s; transition-delay: .4s; }
.imgSet030.active .img-wrapper.img31	{ opacity: 1; -webkit-transition-delay: .8s; transition-delay: .8s; }
.imgSet030 .btn-wrapper	{ width: calc(744 / 1440 * 100cqw); display: flex; justify-content: flex-end; }
@media (max-width: 767.9px)	{ 
	.imgSet030	{ margin-bottom: calc(85 / 375 * 100cqw); gap: 0 calc(5 / 375 * 100cqw); justify-content: flex-end; }
	.imgSet030 .img-wrapper.img30, 
	.imgSet030 .img-wrapper.img31	{ width: calc(154.4 / 375 * 100cqw); margin: 0; }
	.imgSet030 .btn-wrapper	{ width: 100%; padding-right: 7%; }
}
.imgSet032	{ margin-bottom: calc(200 / 1440 * 100cqw); flex-direction: column; align-items: center; }
.imgSet032 .img-wrapper	{ width: calc(525 / 1440 * 100cqw); }
.imgSet032 .btn-wrapper	{ width: calc(525 / 1440 * 100cqw); display: flex; justify-content: flex-end; }
.imgSet033	{ margin-bottom: calc(100 / 1440 * 100cqw); flex-direction: column; align-items: center; }
.imgSet033 .img-wrapper	{ width: calc(750 / 1440 * 100cqw); }
.imgSet033 .btn-wrapper	{ width: calc(750 / 1440 * 100cqw); display: flex; justify-content: flex-end; }
.imgSet034	{ margin-bottom: calc(190 / 1440 * 100cqw); flex-direction: column; align-items: center; }
.imgSet034 .img-wrapper	{ width: calc(600 / 1440 * 100cqw); }
.imgSet034 .btn-wrapper	{ width: calc(600 / 1440 * 100cqw); display: flex; justify-content: flex-end; }
@media (max-width: 767.9px)	{ 
	.imgSet032	{ margin-bottom: calc(15 / 375 * 100cqw); }
	.imgSet032 .img-wrapper	{ width: calc(265 / 375 * 100cqw); }
	.imgSet032 .btn-wrapper	{ width: calc(265 / 375 * 100cqw); }
	.imgSet033	{ margin-bottom: calc(80 / 375 * 100cqw); }
	.imgSet033 .img-wrapper	{ width: 100%; }
	.imgSet033 .btn-wrapper	{ width: 86%; }
	.imgSet034	{ margin-bottom: calc(125 / 375 * 100cqw); }
	.imgSet034 .img-wrapper	{ width: calc(300 / 375 * 100cqw); }
	.imgSet034 .btn-wrapper	{ width: calc(300 / 375 * 100cqw); }
}

.imgSet035	{ margin-bottom: calc(175 / 1440 * 100cqw); gap: 0 calc(40 / 1440 * 100cqw); flex-wrap: wrap; align-items: flex-start; justify-content: center; }
.imgSet035 .img-wrapper.img35, 
.imgSet035 .img-wrapper.img36	{ 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); }
.imgSet035 .btn-wrapper	{ width: calc(920 / 1440 * 100cqw); display: flex; justify-content: flex-end; }
@media (min-width: 768px)	{
	.imgSet035	{ padding-right: calc(50 / 1440 * 100cqw); }
	.imgSet035 .img-wrapper.img35	{ width: calc(378 / 1440 * 100cqw); transform: translateY(5cqw); margin-left: auto; }
	.imgSet035 .img-wrapper.img36	{ margin-top: calc(250 / 1440 * 100cqw); width: calc(500 / 1440 * 100cqw); transform: translateY(5cqw); margin-right: auto; }
	.imgSet035.active .img-wrapper.img35	{ transform: translateY(0); opacity: 1; -webkit-transition-delay: .6s; transition-delay: .6s; }
	.imgSet035.active .img-wrapper.img36	{ transform: translateY(0); opacity: 1; -webkit-transition-delay: 1s; transition-delay: 1s; }
}
@media (max-width: 767.9px)	{ 
	.imgSet035	{ margin-bottom: calc(85 / 375 * 100cqw); flex-direction: column; align-items: center; overflow: hidden; }
	.imgSet035 .img-wrapper.img35	{ width: calc(235 / 375 * 100cqw); transform: translateX(-20cqw); margin-right: auto; margin-bottom: calc(20 / 375 * 100cqw); }
	.imgSet035 .img-wrapper.img36	{ width: calc(315 / 375 * 100cqw); transform: translateX(20cqw); margin-left: auto; }
	.imgSet035.active .img-wrapper.img35	{ transform: translateX(0); opacity: 1; -webkit-transition-delay: .6s; transition-delay: .6s; }
	.imgSet035.active .img-wrapper.img36	{ transform: translateX(0); opacity: 1; -webkit-transition-delay: 1s; transition-delay: 1s; }
	.imgSet035 .btn-wrapper	{ width: 86%; display: flex; justify-content: flex-end; }
}
.imgSet037	{ margin-bottom: calc(150 / 1440 * 100cqw); flex-direction: column; align-items: center; }
.imgSet037 .img-wrapper	{ width: calc(452 / 1440 * 100cqw); }
.imgSet037 .btn-wrapper	{ width: calc(452 / 1440 * 100cqw); display: flex; justify-content: flex-end; }
.imgSet038	{ margin-bottom: calc(170 / 1440 * 100cqw); flex-wrap: wrap; justify-content: center; }
.imgSet038 .img-wrapper	{ width: 100%; flex-wrap: wrap; justify-content: center; }
.imgSet038 .btn-wrapper	{ width: calc(1200 / 1440 * 100cqw); display: flex; justify-content: flex-end; }
@media (max-width: 767.9px)	{ 
	.imgSet037	{ margin-bottom: calc(90 / 375 * 100cqw); }
	.imgSet037 .img-wrapper, 
	.imgSet037 .btn-wrapper	{ width: calc(260 / 375 * 100cqw); }
	.imgSet038	{ margin-bottom: calc(90 / 375 * 100cqw); }
	.imgSet038 .img-wrapper	{ width: 100%; flex-wrap: wrap; }
	.imgSet038 .btn-wrapper	{ width: 90%; }
}

/* ------------ CREDIT ------------- */
.credittxt_wrapper	{ width: calc(440 / 1440 * 100cqw); container-type: inline-size; }
.credittxt_wrapper > strong	{ color: var(--color-Primary); font-size: calc(20 / 613 * 100cqw); font-family: var(--font-en); font-weight: 400; letter-spacing:.02em; line-height: 1; }
ul.creditwrapper	{ width: 100%; display: flex; flex-direction: column; list-style-type: none; gap: 3px 0; }
ul.creditwrapper > li	{ width: 100%; display: flex; line-height: 1; }
ul.creditwrapper > li > a	{ width: 100%; display: flex; line-height: 1; padding: .4cqw 0; color: var(--color-Primary); }
ul.creditwrapper > li > a:hover	{ color: var(--color-Primary); }
ul.creditwrapper > li > a.soon	{ pointer-events: none; }
dl.creditset	{ width: 100%; display: flex; list-style-type: none; align-items: flex-end; justify-content: space-between; position: relative; }
dl.creditset > dt	{ display: flex; position: relative; justify-content: flex-start; }
dl.creditset > dt > p	{ line-height: 1.45; display: flex; align-items: flex-end; justify-content: flex-start; gap: 0 1cqw; }
dl.creditset > dt > p > b	{ font-size: calc(20 / 613 * 100cqw); font-family: var(--font-en); font-weight: 400; letter-spacing:.02em; line-height: 1; position: relative; z-index: 1; text-transform: uppercase; }
dl.creditset > dt > p > span	{ font-size: calc(16 / 613 * 100cqw); font-family: var(--font-en); font-weight: 400; letter-spacing:.02em; line-height: normal; position: relative; z-index: 1; }
dl.creditset > dt > p > strong	{ font-size: calc(20 / 613 * 100cqw); font-family: var(--font-en); font-weight: 400; letter-spacing:.02em; line-height: normal; position: relative; z-index: 1; }
dl.creditset > dd	{ width: calc(141 / 613 * 100cqw); flex-shrink: 0; aspect-ratio: 100 / 18; display: flex; align-items: center; justify-content: center; background-color: var(--color-White); border: 1px solid var(--color-White); transition: background-color .5s ease, border-color .5s ease,; }
dl.creditset > dd > b	{ font-size: calc(15 / 613 * 100cqw); color: var(--color-Black); line-height: normal; white-space: nowrap; transition: color .5s ease; }
.soon dl.creditset > dd	{ background-color: transparent; }
.soon dl.creditset > dd > b	{ color: var(--color-White); }
.credittxt_Area_wrapper	{ width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 1.7cqw 0; }
@media (min-width: 768px)	{
	ul.creditwrapper > li > a:hover dl.creditset > dd	{ background-color: var(--color-Black); border: 1px solid var(--color-Black); }
	ul.creditwrapper > li > a:hover dl.creditset > dd > b	{ color: var(--color-White); }
}
@media (max-width: 767.9px)	{ 
	.credittxt_wrapper > strong	{ font-size: calc(36 / 950 * 100cqw); }
	ul.creditwrapper	{ gap: 0; }
	ul.creditwrapper > li.full	{ padding-top: 2cqw; }
	ul.creditwrapper > li > a	{ padding: .8cqw 0; }
	dl.creditset	{ gap: 0 2cqw; align-items: center; }
	dl.creditset > dt > p	{ flex-wrap: wrap; }
	dl.creditset > dt > p > b	{ font-size: calc(31 / 950 * 100cqw); }
	dl.creditset > dt > p > b.full	{ width: 100%; }
	ul.creditwrapper > li.full dl.creditset > dt > p > b	{ width: 100%; }
	dl.creditset > dt > p > b.all	{ width: 100%; }
	dl.creditset > dt > p > span	{ font-size: calc(27 / 950 * 100cqw); }
	dl.creditset > dt > p > strong	{ font-size: calc(31 / 950 * 100cqw); }
	dl.creditset > dd	{ aspect-ratio: 70 / 18; }
	dl.creditset > dd > b	{ font-size: calc(28 / 950 * 100cqw);  }
}

/* ------------ SP SCROLL IMG ------------- */
@media (min-width: 768px) {
	.scroll-wrapper { height: auto; }
	.sticky-container { position: static; height: auto; overflow: visible; }
	.horizontal-img { max-width: 100%; height: auto; }
}
@media (max-width: 767px) { 
	.scroll-wrapper { width: 100%; overflow: hidden; }
	.sticky-container { width: 100%; height: 70vh; display: flex; align-items: center; overflow: hidden; }
	.image-box	{ display: flex; will-change: transform; width: max-content; }
	.js-modal-open	{ display: block; border: none; background: none; padding: 0; }
	.horizontal-img { height: 70vh!important; width: auto !important; max-width: none !important; display: block; }
}
/* ------------ CHECK
.scroll-wrapper	{ height: auto; position: relative; width: 100%; max-width: 100%; }
.sticky-container	{ width: 100%; overflow: hidden; display: flex; align-items: center; }
.image-box	{ width: 100%; display: flex; will-change: transform; display: flex; }
@media (max-width: 767.9px)	{ 
	.horizontal-img	{ height: 56vh!important; width: auto!important; max-width: none!important; }
	.imgSet017 .horizontal-img	{ height: 86vh!important; }
	.imgSet038 .horizontal-img	{ height: 86vh!important; }
}
 ------------- */
 
/* ------------ MODAL ------------- */
.js-modal-open	{ background: none; border: none; padding: 0; cursor: pointer; display: block; position: relative; }
body.is-modal-open	{ overflow: hidden; }
.modal-overlay	{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: flex; justify-content: center; align-items: center; opacity: 0; visibility: hidden; transition: opacity 0.8s ease, visibility 0.8s ease; }
.modal-overlay.is-active	{ opacity: 1; visibility: visible; }
.modal-backdrop	{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(160, 160, 160, 0.92); }
.modal-content	{ position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; max-height: 100dvh; background-color: transparent; padding: 20px; overflow-y: auto; }
.modal-close-btn	{ position: absolute; top: 20px; right: 20px; width: 60px; height: 60px; background: none; border: none; cursor: pointer; padding: 0; }
.modal-close-btn span	{ position: absolute; top: 50%; left: 50%; width: 40px; height: 1px; background-color: var(--color-White); }
.modal-close-btn span:nth-child(1)	{ transform: translate(-50%, -50%) rotate(45deg); }
.modal-close-btn span:nth-child(2)	{ transform: translate(-50%, -50%) rotate(-45deg); }
.modal-img	{ width: 10cqw; display: flex; display: flex; flex-direction: column; gap: 1.6cqw; align-items: flex-end; }
.modal-img .imgtate	{ width: 75%; }
.modal-img .imgyoko	{ width: 100%; }

.modal-img.tate	{ width: 8cqw; }
.modal-inner { width: 100%; display: flex; align-items: flex-start; justify-content: center; gap: 4cqw; padding: 60px 1cqw; }
.modal-inner .credittxt_Area_wrapper	{ width: auto!important; margin: 0; }
.modal-inner .creditwrapper	{ width: auto!important; justify-content: space-between; }
.modal-inner .credittxt_wrapper > strong	{ color: var(--color-White); }
.modal-inner dl.creditset > dt > p > b	{ color: var(--color-White);  }
.modal-inner dl.creditset > dt > p > span	{ color: var(--color-White); }
.modal-inner dl.creditset > dt > p > strong	{ color: var(--color-White); }
@media (min-width: 768px)	{
    .modal-inner	{ padding-top: 5cqw; }
	.modal-close-btn	{ top: 0; }
}
@media (max-width: 767.9px)	{ 
	.modal-content	{ width: 100%; padding: 6cqw; }
	.modal-inner { flex-direction: column; gap: 4cqw;  padding: 0; }
	.modal-inner .credittxt_wrapper, 
	.modal-inner .creditwrapper	{ width: 100%!important; }
	.modal-inner .credittxt_Area_wrapper	{ margin: 0; width: 100%!important; }
	.modal-img	{ flex-direction: row; gap: 2cqw; }
	.modal-img	{ width: 100%; }
	.modal-img .imgtate	{ width: 22cqw; }
	.modal-img .imgyoko	{ width: 30cqw; }
	.modal-close-btn	{ top: 3cqw; right: 3cqw;}
}

/* ------------ BOTTOM AREA ------------- */
.bottomArea	{ width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.bottomArea > a.gotop	{ display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: calc(100 / 2000 * 100cqw); }
.bottomArea > a.gotop > img	{ width: calc(60 / 2000 * 100cqw); margin-bottom: calc(25 / 2000 * 100cqw); transition: opacity .5s ease; }
.bottomArea > a.gotop > span	{ color: var(--color-Primary); font-family: var(--font-en); font-weight: 400; font-size: calc(23 / 2000 * 100cqw); transition: opacity .5s ease; }
.bottombtn	{ display: flex; align-items: center; justify-content: center; margin-bottom: calc(80 / 2000 * 100cqw); }
.bottombtn > a	{ color: var(--color-Primary); border: 1px solid var(--color-Primary); width: calc(363 / 2000 * 100cqw); height: 100%; aspect-ratio: 363 / 70; display: flex; align-items: center; justify-content: center; font-family: var(--font-en); font-weight: 400; font-size: calc(30 / 2000 * 100cqw); transition: background-color .5s ease, color .5s ease; }
.bottomArea > b	{ display: flex; width: calc(125 / 2000 * 100cqw); margin-bottom: calc(44 / 2000 * 100cqw); transition: opacity .5s ease; }
.bottomArea > p	{ text-align: center; font-family: var(--font-en); font-weight: 400; font-size: calc(13 / 1440 * 100cqw); line-height: 1.4; letter-spacing:.03em; }
.staffcredit	{ text-align: center; font-family: var(--font-en); font-weight: 400; font-size: calc(10 / 1440 * 100cqw)!important; line-height: 1.4; letter-spacing:.03em; padding: calc(164 / 1440 * 100cqw) 0 calc(200 / 1440 * 100cqw); }
@media (min-width: 768px)	{
	.bottomArea > a.gotop	{ color: var(--color-Primary); }
	.bottomArea > a.gotop:hover > img	{ opacity: .4; }
	.bottomArea > a.gotop:hover > span	{ opacity: .4; }
	.bottomArea > b:hover	{ opacity: .4; }
	.bottombtn > a:hover	{ background-color: var(--color-Primary); color: var(--color-White); }
}
@media (max-width: 767.9px)	{ 
	.bottomArea	{ padding-top: 0; }
	.bottomArea > a.gotop	{ margin-bottom: calc(230 / 1200 * 100cqw); }
	.bottomArea > a.gotop > img	{ width: calc(142 / 1200 * 100cqw); margin-bottom: calc(70 / 1200 * 100cqw); }
	.bottomArea > a.gotop > span	{ font-size: calc(41 / 1200 * 100cqw); }
	.bottombtn	{ margin-bottom: calc(180 / 1200 * 100cqw); }
	.bottombtn > a	{ width: calc(838 / 1200 * 100cqw); height: 100%; font-size: calc(48 / 1200 * 100cqw); }
	.bottomArea > b	{ width: calc(283 / 1200 * 100cqw); margin-bottom: calc(90 / 1200 * 100cqw); }
	.bottomArea > p	{ font-size: calc(55 / 1440 * 100cqw)!important; }
	.staffcredit	{ font-size: calc(38 / 1440 * 100cqw)!important; padding: calc(480 / 1440 * 100cqw) 0 calc(300 / 1440 * 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;
}