@charset "UTF-8";
:root	{
	--color-Primary: #FF00FF;
	--color-Secondary: #BFBFBF;
	--color-Product_background: #F0F0F0;
	--color-White: #fff;
	--color-Black: #000;
	--color-Accent: #6105FF;
	--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; }

/* ------------ 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-black); -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 img	{ width: 100%; vertical-align: bottom; line-height: 0; }
.pi_lgzformat video	{ width: 100%; height: 100%; object-fit: cover; }
.pi_lgzformat .small {font-size:80%;}
.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	{ opacity: 0; pointer-events: none; }
.pi_lgzformat	{ background-color: #d2d2d2; transition: background-color .5s ease; }
.pi_lgzformat.forkids	{ background-color: #ecd3b2; }



/* ------------ 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; }
@keyframes flowLeft {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}
@keyframes flowRight {
	from { transform: translateX(-50%); }
	to { transform: translateX(0); }
}

/* ------------ CIRCLE ------------- */
.icon-circle-stroke	{ fill: none; stroke: var(--color-White); stroke-width: 1px; width: 100%; height: 100%; }
.icon-circle-fill	{ fill: var(--color-White); stroke: none; }
.main-circle	{ position: absolute; transform: translate(-50%, -50%); width: 42.4cqw; height: 42.4cqw; left: 42.5%; top: 49.8cqw; z-index: 2; pointer-events: none; display: flex; align-items: center; justify-content: center; }
.main-circle.circle02	{ width: 92cqw; height: 92cqw; }
.main-circle.circle03	{ width: 135.4cqw; height: 135.5cqw; }
.main-circle > b	{ font-size: calc(25 / 2000 * 100cqw); font-family: var(--font-en); font-weight: 400; color: var(--color-White); text-align: center; line-height: 1; letter-spacing:.02em; }

.main-circle.circle01.active	{ -webkit-transition-delay: .6s; transition-delay: .6s; }
.main-circle.circle02.active	{ -webkit-transition-delay: .8s; transition-delay: .8s; }
.main-circle.circle03.active	{ -webkit-transition-delay: 1s; transition-delay: 1s; }
.main-circle.active > b	{ -webkit-transition-delay: 1.2s; transition-delay: 1.2s; }

.sub-circle	{ position: absolute; width: calc(107 / 2000 * 100cqw); height: calc(107 / 2000 * 100cqw); z-index: 2; pointer-events: none; display: flex; align-items: center; justify-content: center; }
.sub-circle.active	{ -webkit-transition-delay: .8s; transition-delay: .8s; }
.sub-circle.circle01	{ top: 0; left: calc(1071 / 2000 * 100cqw); }
.sub-circle.circle02	{ top: calc(270 / 2000 * 100cqw); left: calc(1493 / 2000 * 100cqw); }
.sub-circle.circle03	{ top: calc(500 / 2000 * 100cqw); left: calc(1286 / 2000 * 100cqw); }
.sub-circle.circle04	{ top: calc(608 / 2000 * 100cqw); left: calc(296 / 2000 * 100cqw); }
.sub-circle.circle05	{ top: calc(554 / 2000 * 100cqw); left: calc(1170 / 2000 * 100cqw); }
.sub-circle.circle06	{ top: calc(912 / 2000 * 100cqw); left: calc(1936 / 2000 * 100cqw); }
.sub-circle.circle07	{ top: calc(962 / 2000 * 100cqw); left: calc(1936 / 2000 * 100cqw); }
.sub-circle.circle08	{ top: calc(1012 / 2000 * 100cqw); left: calc(1936 / 2000 * 100cqw); }
.sub-circle.circle09	{ top: calc(1039 / 2000 * 100cqw); left: calc(1330 / 2000 * 100cqw); }
.sub-circle.circle10	{ top: calc(1155 / 2000 * 100cqw); left: calc(400 / 2000 * 100cqw); }
.sub-circle.circle11	{ top: calc(1252 / 2000 * 100cqw); left: calc(827 / 2000 * 100cqw); }
.sub-circle.circle12	{ top: calc(1323 / 2000 * 100cqw); left: calc(827 / 2000 * 100cqw); }
.sub-circle.circle13	{ top: calc(1368 / 2000 * 100cqw); left: -2cqw; }
.sub-circle.circle14	{ top: calc(1400 / 2000 * 100cqw); left: calc(1409 / 2000 * 100cqw); }
.sub-circle.circle15	{ top: calc(1840 / 2000 * 100cqw); left: calc(1017 / 2000 * 100cqw); }
.sub-circle.circle16	{ bottom: calc(260 / 2000 * 100cqw); left: calc(242 / 2000 * 100cqw); }
.sub-circle.circle17	{ bottom: 0; left: calc(1243 / 2000 * 100cqw); }
.sub-circle.circle18	{ bottom: calc(200 / 2000 * 100cqw); left: calc(1570 / 2000 * 100cqw); }
.sub-circle.ttle	{ position: absolute; top: calc(1304 / 2000 * 100cqw); left: calc(1098 / 2000 * 100cqw); width: auto; height: auto;  }
.sub-circle.ttle > b	{ font-size: calc(25 / 2000 * 100cqw); font-family: var(--font-enR); font-weight: 400; color: var(--color-White); text-align: center; line-height: 1; letter-spacing:.02em; white-space: nowrap; }
.sub-circle.ttle.active	{ -webkit-transition-delay: 1.2s; transition-delay: 1.2s; }
@media (max-width: 767.9px)	{ 
	.main-circle	{ width: 44.5cqw; height: 44.5cqw; left: 42.6%; top: 49.8cqw; }
	.main-circle.circle02	{ width: 108cqw; height: 108cqw; }
	.main-circle.circle03	{ width: 164cqw; height: 164cqw; }
	.main-circle > b	{ font-size: calc(28 / 1200 * 100cqw); }
	.sub-circle.circle01	{ top: calc(5 / 2000 * 100cqw); left: calc(371 / 1200 * 100cqw); }
	.sub-circle.circle02	{ top: calc(136 / 1200 * 100cqw); left: calc(850 / 1200 * 100cqw); }
	.sub-circle.circle03	{ top: calc(400 / 2000 * 100cqw); left: calc(986 / 2000 * 100cqw); }
	.sub-circle.circle04	{ top: calc(686 / 2000 * 100cqw); left: calc(116 / 2000 * 100cqw); }
	.sub-circle.circle05	{ top: calc(460 / 2000 * 100cqw); left: calc(870 / 2000 * 100cqw); }
	.sub-circle.circle06	{ top: calc(1062 / 2000 * 100cqw); left: calc(1940 / 2000 * 100cqw); }
	.sub-circle.circle07	{ top: calc(1112 / 2000 * 100cqw); left: calc(1940 / 2000 * 100cqw); }
	.sub-circle.circle08	{ top: calc(1162 / 2000 * 100cqw); left: calc(1940 / 2000 * 100cqw); }
	.sub-circle.circle09	{ top: calc(1270 / 2000 * 100cqw); left: calc(1310 / 2000 * 100cqw); }
	.sub-circle.circle10	{ top: calc(916 / 2000 * 100cqw); left: calc(450 / 2000 * 100cqw); }
	.sub-circle.circle11	{ top: calc(1662 / 2000 * 100cqw); left: 20cqw; }
	.sub-circle.circle12	{ top: calc(1736 / 2000 * 100cqw); left: 20cqw; }
	.sub-circle.circle13	{ top: calc(1380 / 2000 * 100cqw); left: 17.5cqw; }
	.sub-circle.circle14	{ top: calc(1630 / 2000 * 100cqw); left: calc(1345 / 2000 * 100cqw); }
	.sub-circle.circle15	{ top: calc(1990 / 2000 * 100cqw); left: calc(987 / 2000 * 100cqw); }
	.sub-circle.circle16	{ bottom: calc(380 / 2000 * 100cqw); left: -2cqw; }
	.sub-circle.circle17	{ bottom: 3cqw; left: calc(1343 / 2000 * 100cqw); }
	.sub-circle.circle18	{ bottom: calc(255 / 2000 * 100cqw); left: calc(1670 / 2000 * 100cqw); }
	.sub-circle.ttle	{ top: calc(1064 / 1200 * 100cqw); left: calc(417 / 1200 * 100cqw);  }
	.sub-circle.ttle > b	{ font-size: calc(28 / 1200 * 100cqw); }
}

/* ------------ MAIN AREA ------------- */
.main_wrapper	{ width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; position: relative; line-height: 1; overflow: hidden; aspect-ratio: 100 / 109; }
.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)	{ 
	.main_wrapper	{ aspect-ratio: 39 / 65; }
	.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	{ display: block; width: 100%; position: relative; }

/* ------------ MAIN INFORMATION ------------- */
.main_information	{ width: 100%; display: flex; flex-direction: column; position: relative; padding: calc(90 / 2000 * 100cqw) 0 0 calc(252 / 2000 * 100cqw); z-index: 3; }
.main_information > h1, 
.main_information > h2	{ font-family: var(--font-en); font-weight: 300; color: var(--color-White); text-align: center; line-height: 1; letter-spacing:.03em; opacity: 0; transition: opacity .6s ease; }
.main_information > h1	{ font-size: calc(49 / 1440 * 100cqw); position: absolute; top: 7cqw; right: 6.2cqw; }
.main_information > h2	{ width: calc(360 / 1440 * 100cqw); position: absolute; top: 4cqw; right: 6.3cqw; display: flex; justify-content: flex-end; }
.main_information > p	{ font-size: calc(15.591 / 1440 * 100cqw); font-family: var(--font-jp); font-weight: 500; letter-spacing:.04rem; color: var(--color-Black); line-height: 2.727; 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(270 / 1200 * 100cqw) 0 0 calc(98 / 1200 * 100cqw); }
	.main_information > h1	{ font-size: calc(68 / 1200 * 100cqw); top: calc(145 / 1200 * 100cqw); right: calc(104 / 1200 * 100cqw); }
	.main_information > h2	{ width: calc(171 / 375 * 100cqw); top: calc(81 / 1200 * 100cqw); right: calc(100 / 1200 * 100cqw); }
	.main_information > p	{ font-size: calc(9.921 / 375 * 100cqw); line-height: 2.2; 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	{ width: 100%; display: flex; flex-direction: column; gap: 1px; margin-top: -.4cqw; }
.nav_wrapper > a	{ width: 100%; display: flex; transition: opacity .5s ease; background-color: #fff; }
.nav_wrapper > a:hover	{ oopacity: .6; color: var(--color-Black); }
.nav_inner	{ width: 100%; display: flex; align-items: center; justify-content: flex-end; background-color: #fff; padding: .74cqw 0; }
.nav_ttle	{ display: flex; line-height: 1; position: relative; padding: 0 calc(120 / 2000 * 100cqw) 0 0; }
.nav_ttle::after	{ content:""; right: calc(40 / 2000 * 100cqw); height: 1px; width: calc(60 / 2000 * 100cqw); position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: var(--color-Black); z-index: 2; }
.nav_ttle b	{ font-size: calc(28 / 2000 * 100cqw); font-family: var(--font-en); font-weight: 300; color: var(--color-Black); line-height: 1; letter-spacing:.04em; }
.nav_img	{ width: 72.2cqw; height: 9cqw; overflow: hidden; position: relative; display: flex; }
.nav_img > p	{ width: auto; height: 9cqw; aspect-ratio: 35 / 3; background-repeat: repeat-x; background-size: auto 100%; animation: flowLeft 30s linear infinite; display: flex; }
.nav_img.right > p	{ animation: flowRight 30s linear infinite; }
@media (max-width: 767.9px)	{ 
	.nav_inner	{ padding: 1.4cqw 0; }
	.nav_ttle	{ padding: 0 calc(126 / 1200 * 100cqw) 0 0; }
	.nav_ttle::after	{ right: calc(26 / 1200 * 100cqw); width: calc(60 / 1200 * 100cqw); }
	.nav_ttle b	{ font-size: calc(32 / 1200 * 100cqw); }
	.nav_img	{ width: 58.5cqw; height: 17.3cqw; }
	.nav_img > p	{ height: 17.3cqw; }
	.nav_wrapper > a:hover	{ opacity: 1; }
}

/* ------------ 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: 2; pointer-events: none; gap: 1cqw; padding: calc(100 / 2000 * 100cqw) calc(82 / 2000 * 100cqw) 0 0;}
.contents_navwrapper > h3	{ position: absolute; top: 36vh; right: 4.2cqw; writing-mode: vertical-rl; text-orientation: mixed; white-space: nowrap; }
.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: 2cqw; align-items: flex-end; }
.current_nav li	{ position: relative; display: flex; }
.current_nav li::before	{ content:""; width: .6cqw; height: .6cqw; background-color: var(--color-White); 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: 300; color: var(--color-White); 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:last-child.active	{ margin-left: 1em; }
@media (max-width: 767.9px)	{ 
	.contents_navwrapper	{ gap: 3cqw; padding: calc(92 / 1200 * 100cqw) calc(47 / 1200 * 100cqw) 0 0;}
	.contents_navwrapper > h3	{ width: calc(22 / 1200 * 100cqw); top: 22vh; 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 ------------- */
button.js-modal-open	{ width: 100%; overflow: hidden; position: relative; padding: 0; margin: 0; border: 0; }
button.js-modal-open img,
button.js-modal-open picture	{ width: 100%; line-height: 1; transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); }
.icon_plus	{ position: absolute; width: calc(32 / 2000 * 100cqw); height: calc(32 / 2000 * 100cqw); display: flex; opacity: 0; transition: opacity 1s ease; z-index: 3; }
.active .icon_plus	{ opacity: 1;  -webkit-transition-delay: 1s; transition-delay: 1s; }
.icon_plus span	{ display: block; position: relative; width: 100%; height: 100%; }
.icon_plus span::before	{ content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: var(--color-White); transform: translateY(-50%); }
.icon_plus span::after	{ content: ''; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background-color: var(--color-White); transform: translateX(-50%); }
@media (min-width: 768px)	{
	button.js-modal-open:hover img,
	button.js-modal-open:hover picture	{ transform: scale(1.03); }
	.icon_plus.pctl	{ top: calc(30 / 2000 * 100cqw); left: calc(30 / 2000 * 100cqw); }
	.icon_plus.pctr	{ top: calc(30 / 2000 * 100cqw); right: calc(30 / 2000 * 100cqw); }
	.icon_plus.pcbl	{ bottom: calc(30 / 2000 * 100cqw); left: calc(30 / 2000 * 100cqw); }
	.icon_plus.pcbr	{ bottom: calc(30 / 2000 * 100cqw); right: calc(30 / 2000 * 100cqw); }
}
@media (max-width: 767.9px)	{ 
	.icon_plus	{ position: absolute; width: calc(32 / 1200 * 100cqw); height: calc(32 / 1200 * 100cqw); }
	.icon_plus.sptl	{ top: calc(32 / 1200 * 100cqw); left: calc(30 / 1200 * 100cqw); }
	.icon_plus.sptr	{ top: calc(32 / 1200 * 100cqw); right: calc(30 / 1200 * 100cqw); }
	.icon_plus.spbl	{ bottom: calc(32 / 1200 * 100cqw); left: calc(30 / 1200 * 100cqw); }
	.icon_plus.spbr	{ bottom: calc(32 / 1200 * 100cqw); right: calc(30 / 1200 * 100cqw); }
}

.imgSetwrapper, 
.img-wrapper	{ width: 100%; display: flex; position: relative; }
.imgSet001	{ align-items: center; justify-content: center; padding: calc(100 / 2000 * 100cqw) 0 0; margin: 0 0 calc(262 / 2000 * 100cqw); }
.imgSet001 .img-wrapper	{ width: calc(1380 / 2000 * 100cqw); }
.imgSet002	{ flex-direction: column; align-items: center; justify-content: center; gap: calc(158 / 2000 * 100cqw); margin: 0 0 calc(300 / 2000 * 100cqw); }
.imgSet002 .img-wrapper.img01	{ width: calc(416 / 2000 * 100cqw); margin-left: calc(430 / 2000 * 100cqw); }
.imgSet002 .img-wrapper.img02	{ width: calc(417 / 2000 * 100cqw); position: absolute; left: 41.5%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: calc(185 / 2000 * 100cqw); }
.imgSet002 .img-wrapper.img03	{ width: calc(556 / 2000 * 100cqw); margin-left: calc(120 / 2000 * 100cqw); }
.imgSet004	{ align-items: flex-start; justify-content: center; gap: calc(127 / 2000 * 100cqw); margin: 0 0 calc(250 / 2000 * 100cqw); }
.imgSet004 .img-wrapper	{ width: calc(695 / 2000 * 100cqw); }
.imgSet004 .img-wrapper.img01	{ margin-top: calc(606 / 2000 * 100cqw);  }
.imgSet006	{ align-items: flex-start; justify-content: flex-start; gap: calc(40 / 2000 * 100cqw); margin: 0 0 calc(520 / 2000 * 100cqw); padding-left: calc(140 / 2000 * 100cqw); }
.imgSet006 .img-wrapper	{ width: calc(555 / 2000 * 100cqw); }
.imgSet008	{ flex-direction: column; align-items: center; justify-content: center; gap: calc(170 / 2000 * 100cqw); margin: 0 0 calc(420 / 2000 * 100cqw); }
.imgSet008 .img-wrapper.img01	{ width: calc(416 / 2000 * 100cqw); margin-left: calc(430 / 2000 * 100cqw); }
.imgSet008 .img-wrapper.img02	{ width: calc(417 / 2000 * 100cqw); position: absolute; left: 41.5%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: calc(185 / 2000 * 100cqw); }
.imgSet008 .img-wrapper.img03	{ width: calc(625 / 2000 * 100cqw); margin-left: calc(350 / 2000 * 100cqw); }
.imgSet009	{ flex-direction: column; align-items: center; justify-content: center; gap: calc(150 / 2000 * 100cqw); margin: 0 0 calc(380 / 2000 * 100cqw); }
.imgSet009 .img-wrapper	{ width: calc(695 / 2000 * 100cqw); }
.imgSet009 .img-wrapper.img01	{ margin: 0 calc(415 / 1200 * 100cqw) 0 0;  }
.imgSet009 .img-wrapper.img02	{ margin: 0 0 0 calc(380 / 1200 * 100cqw); }
.imgSet010	{ align-items: flex-start; justify-content: center; gap: calc(16 / 2000 * 100cqw); }
.imgSet010 .img-wrapper	{ width: calc(415 / 2000 * 100cqw); }
.imgSet010 .img-wrapper.img01	{ margin: calc(120 / 1200 * 100cqw) 0 0; }
.imgSet011	{ align-items: flex-start; justify-content: center; gap: calc(90 / 2000 * 100cqw); margin: -3.6cqw 0 calc(130 / 2000 * 100cqw); padding-right: 9.5cqw; }
.imgSet011 .img-wrapper	{ width: calc(415 / 2000 * 100cqw); }
.imgSet011 .img-wrapper.img02	{ margin: calc(110 / 1200 * 100cqw) 0 0;  }
.imgSet012	{ align-items: center; justify-content: center; padding: calc(100 / 2000 * 100cqw) 0 0; margin: 0 0 calc(252 / 2000 * 100cqw); }
.imgSet012 .img-wrapper	{ width: 100%; }
.imgSet013	{ align-items: center; align-items: flex-end; justify-content: center; gap: calc(90 / 2000 * 100cqw); margin: 0 0 calc(215 / 2000 * 100cqw); }
.imgSet013 .img-wrapper.img01	{ width: calc(626 / 2000 * 100cqw); }
.imgSet013 .img-wrapper.img02	{ width: calc(830 / 2000 * 100cqw); margin: 0; }
.imgSet013-2	{ flex-direction: column; align-items: center; justify-content: center; gap: calc(326 / 2000 * 100cqw); margin: 0 0 calc(284 / 2000 * 100cqw); }
.imgSet013-2 .img-wrapper.img01	{ width: calc(626 / 2000 * 100cqw); margin: 0 calc(385 / 1200 * 100cqw) 0 0; }
.imgSet013-2 .img-wrapper.img02	{ width: calc(830 / 2000 * 100cqw); margin: 0; }
.imgSet014	{ flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: calc(38 / 2000 * 100cqw); padding: 0 0 0 calc(67 / 2000 * 100cqw); margin: -2.3cqw 0 calc(276 / 2000 * 100cqw); }
.imgSet014 .img-wrapper	{ width: calc(1250 / 2000 * 100cqw); }
.imgSet015	{ align-items: flex-start; justify-content: flex-end; gap: calc(16 / 2000 * 100cqw); margin: 0 0 calc(250 / 2000 * 100cqw); padding-right: calc(36 / 2000 * 100cqw); }
.imgSet015 .img-wrapper	{ width: calc(615 / 2000 * 100cqw); }
.imgSet016	{ flex-direction: column; align-items: center; justify-content: center; margin: 0 0 calc(475 / 2000 * 100cqw); }
.imgSet016 .img-wrapper	{ width: calc(830 / 2000 * 100cqw); margin: 0; }
.imgSet017	{ align-items: flex-start; justify-content: center; gap: calc(50 / 2000 * 100cqw); margin: 0 0 calc(440 / 2000 * 100cqw); }
.imgSet017 .img-wrapper	{ width: calc(556 / 2000 * 100cqw); }
.imgSet019	{ align-items: flex-start; justify-content: center; gap: calc(50 / 2000 * 100cqw); margin: 0 0 calc(372 / 2000 * 100cqw); }
.imgSet019 .img-wrapper	{ width: calc(556 / 2000 * 100cqw); }
.imgSet020	{ flex-direction: column; align-items: center; justify-content: center; gap: calc(186 / 2000 * 100cqw); padding: 0 calc(217 / 2000 * 100cqw); margin: 0 0 calc(299 / 2000 * 100cqw); }
.imgSet020 .img-wrapper	{ width: calc(625 / 2000 * 100cqw); }
.imgSet020 .img-wrapper.img01	{ margin-left: auto;  }
.imgSet020 .img-wrapper.img02	{  }
.imgSet021	{ flex-direction: column; align-items: center; justify-content: center; margin: 0 0 calc(330 / 2000 * 100cqw); }
.imgSet021 .img-wrapper	{ width: calc(838 / 2000 * 100cqw); margin: 0; }
.imgSet022	{ align-items: center; justify-content: flex-end; margin: 0; padding-right: calc(403 / 2000 * 100cqw); position: relative; z-index: 2; }
.imgSet022 .img-wrapper	{ width: calc(417 / 2000 * 100cqw); margin: 0; }
.imgSet024	{ flex-direction: column; align-items: flex-end; margin: 0 0 calc(244 / 2000 * 100cqw); padding-right: calc(403 / 2000 * 100cqw); }
.imgSet024 .img-wrapper	{ width: calc(417 / 2000 * 100cqw); margin: 0; }
.imgSet025	{ flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: calc(36 / 2000 * 100cqw); padding: 0 0 0 calc(54 / 2000 * 100cqw); margin: 0 0 calc(300 / 2000 * 100cqw); }
.imgSet025 .img-wrapper	{ width: calc(973 / 2000 * 100cqw); }

.imgSet026	{ flex-direction: column; align-items: center; justify-content: center; margin: 0 0 calc(212 / 2000 * 100cqw); }
.imgSet026 .img-wrapper	{ width: calc(694 / 2000 * 100cqw); margin: 0; }

.credittxt_wrapper	{ width: calc(613 / 2000 * 100cqw); container-type: inline-size; }
.credittxt_wrapper > strong	{ color: var(--color-Black); 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-Black); }
ul.creditwrapper > li > a:hover	{ color: var(--color-Black); }
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 > b::after	{ content:" :"; }
dl.creditset > dt > p > span	{ font-size: calc(16 / 613 * 100cqw); font-family: var(--font-en); font-weight: 400; letter-spacing:.02em; line-height: 1; position: relative; 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: 1; position: relative; position: relative; z-index: 1; }
dl.creditset > dd	{ width: calc(141 / 613 * 100cqw); flex-shrink: 0; aspect-ratio: 100 / 15; 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-Black); }
.credittxt_Area_wrapper	{ width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 1.7cqw 0; }


@media (max-width: 767.9px)	{ 
	.credittxt_wrapper > strong	{ font-size: calc(36 / 950 * 100cqw); }
	ul.creditwrapper	{ gap: 0; }
	ul.creditwrapper > li > a	{ padding: .8cqw 0; }
	dl.creditset	{ gap: 0 2cqw;  }
	dl.creditset > dt > p	{ flex-wrap: wrap; }
	dl.creditset > dt > p > b	{ font-size: calc(36 / 950 * 100cqw); }
	dl.creditset > dt > p > b.full	{ width: 100%; }
	dl.creditset > dt > p > b.all	{ width: 100%; }
	dl.creditset > dt > p > span	{ font-size: calc(30 / 950 * 100cqw); }
	dl.creditset > dt > p > strong	{ font-size: calc(36 / 950 * 100cqw); }
	dl.creditset > dd	{ aspect-ratio: 100 / 22; }
	dl.creditset > dd > b	{ font-size: calc(28 / 950 * 100cqw);  }
}

@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 (min-width: 768px)	{
	.credittxt_Area_wrapper.txtSet003	{ padding-left: calc(523 / 2000 * 100cqw); margin-bottom: calc(200 / 2000 * 100cqw); }
	.credittxt_Area_wrapper.txtSet005	{ align-items: flex-end; padding-right: calc(134 / 2000 * 100cqw); margin-bottom: calc(227 / 2000 * 100cqw); }
	.credittxt_Area_wrapper.txtSet006	{ padding-left: calc(138 / 2000 * 100cqw); margin-bottom: calc(270 / 2000 * 100cqw); }
	.credittxt_Area_wrapper.txtSet007	{ padding-left: calc(484 / 2000 * 100cqw); margin-bottom: calc(280 / 2000 * 100cqw); }
	.credittxt_Area_wrapper.txtSet008	{ padding-left: calc(862 / 2000 * 100cqw); margin-bottom: calc(230 / 2000 * 100cqw); }
	.credittxt_Area_wrapper.txtSet009	{ padding-left: calc(970 / 2000 * 100cqw); margin-bottom: calc(230 / 2000 * 100cqw); }
	.credittxt_Area_wrapper.txtSet012	{ align-items: flex-end; padding-right: calc(180 / 2000 * 100cqw); margin-bottom: calc(100 / 2000 * 100cqw); }
	.credittxt_Area_wrapper.txtSet013	{ width: auto!important; }
	.credittxt_Area_wrapper.txtSet013-2	{ padding-left: calc(584 / 2000 * 100cqw); margin-bottom: calc(430 / 2000 * 100cqw); }
	.credittxt_Area_wrapper.txtSet016	{ padding-left: calc(584 / 2000 * 100cqw); margin-bottom: calc(290 / 2000 * 100cqw); }
	.credittxt_Area_wrapper.txtSet017	{ padding-left: calc(419 / 2000 * 100cqw); margin-bottom: calc(270 / 2000 * 100cqw); }
	.credittxt_Area_wrapper.txtSet017 dl.creditset > dd	{ transform: translateX(-15cqw); }
	.credittxt_Area_wrapper.txtSet019	{ padding-left: calc(419 / 2000 * 100cqw); margin-bottom: calc(190 / 2000 * 100cqw); }
	.credittxt_Area_wrapper.txtSet019 dl.creditset > dd	{ transform: translateX(-15cqw); }
	.credittxt_Area_wrapper.txtSet022	{ padding-left: calc(185 / 2000 * 100cqw); margin-bottom: 0; }
	.credittxt_Area_wrapper.txtSet026	{ padding-left: calc(653 / 2000 * 100cqw); margin-bottom: calc(216 / 2000 * 100cqw); }

	.imgSet003	{ flex-direction: column; margin: 0 0 calc(55 / 2000 * 100cqw); align-items: center; justify-content: center; gap: calc(20 / 2000 * 100cqw); }
	.imgSet003 .scroll-wrapper	{ width: calc(966 / 2000 * 100cqw); }
	.imgSet005 .scroll-wrapper	{ width: 100%; margin: 0 0 calc(55 / 2000 * 100cqw); }
	.imgSet006	{ margin: 0 0 calc(60 / 2000 * 100cqw); }
	.imgSet007	{ flex-direction: column; margin: 0 0 calc(70 / 2000 * 100cqw); align-items: flex-end; justify-content: center; gap: calc(25 / 2000 * 100cqw); padding-right: calc(126 / 2000 * 100cqw); }
	.imgSet007 .scroll-wrapper	{ width: calc(1389 / 2000 * 100cqw); }
	.imgSet008	{ margin: 0 0 calc(60 / 2000 * 100cqw); }
	.imgSet009	{ margin: 0 0 calc(60 / 2000 * 100cqw); }
	.imgSet012	{ margin: 0 0 calc(60 / 2000 * 100cqw); }
	.imgSet013-2	{ margin: 0 0 calc(60 / 2000 * 100cqw); }
	.imgSet016	{ margin: 0 0 calc(60 / 2000 * 100cqw); }
	.imgSet017	{ margin: 0 0 calc(60 / 2000 * 100cqw); }
	.imgSet019	{ margin: 0 0 calc(60 / 2000 * 100cqw); }
	.imgSet018 .scroll-wrapper	{ width: 100%; margin: 0 0 calc(342 / 2000 * 100cqw); }
	.imgSet023 .scroll-wrapper	{ width: calc(1389 / 2000 * 100cqw); margin: -7.5cqw 0 calc(60 / 2000 * 100cqw); }
	.imgSet024	{ margin: -12cqw 0 calc(310 / 2000 * 100cqw); }
	.imgSet026	{ margin: 0 0 calc(60 / 2000 * 100cqw); }

}
@media (max-width: 767.9px)	{ 
	.credittxt_wrapper	{ width: calc(950 / 1200 * 100cqw); container-type: inline-size; margin-bottom: calc(10 / 1200 * 100cqw); }
	.credittxt_Area_wrapper	{ margin-bottom: calc(220 / 1200 * 100cqw); }
	.credittxt_Area_wrapper.txtSet003	{ padding-left: calc(100 / 1200 * 100cqw); }
	.credittxt_Area_wrapper.txtSet005	{ padding-left: calc(100 / 1200 * 100cqw); }
	.credittxt_Area_wrapper.txtSet006	{ padding-left: calc(100 / 1200 * 100cqw); }
	.credittxt_Area_wrapper.txtSet007	{ padding-left: calc(100 / 1200 * 100cqw); }
	.credittxt_Area_wrapper.txtSet008	{ padding-left: calc(100 / 1200 * 100cqw); }
	.credittxt_Area_wrapper.txtSet009	{ padding-left: calc(100 / 1200 * 100cqw); }
	.credittxt_Area_wrapper.txtSet012	{ padding-left: calc(100 / 1200 * 100cqw); }
	.credittxt_Area_wrapper.txtSet013-2	{ padding-left: calc(100 / 1200 * 100cqw); }
	.credittxt_Area_wrapper.txtSet016	{ padding-left: calc(100 / 1200 * 100cqw); }
	.credittxt_Area_wrapper.txtSet017	{ padding-left: calc(100 / 1200 * 100cqw); }
	.credittxt_Area_wrapper.txtSet019	{ padding-left: calc(100 / 1200 * 100cqw); }
	.credittxt_Area_wrapper.txtSet022	{ padding-left: calc(100 / 1200 * 100cqw); }
	.credittxt_Area_wrapper.txtSet026	{ padding-left: calc(100 / 1200 * 100cqw); }

}
@media (max-width: 767.9px)	{ 
	.imgSet001	{ padding: calc(100 / 2000 * 100cqw) 0 0; margin: 0 0 calc(323 / 1200 * 100cqw); }
	.imgSet001 .img-wrapper	{ width: 100%; }
	.imgSet002	{ gap: calc(180 / 1200 * 100cqw); margin: 0 0 calc(260 / 1200 * 100cqw); }
	.imgSet002 .img-wrapper.img01	{ width: calc(478 / 1200 * 100cqw); margin-left: calc(340 / 1200 * 100cqw); }
	.imgSet002 .img-wrapper.img02	{ width: calc(476 / 1200 * 100cqw); left: 28%; top: calc(212 / 1200 * 100cqw); }
	.imgSet002 .img-wrapper.img03	{ width: calc(635 / 1200 * 100cqw); margin-right: calc(96 / 1200 * 100cqw); }
	.imgSet003	{ flex-direction: column; margin: 0 0 calc(110 / 1200 * 100cqw); align-items: center; justify-content: center; gap: calc(40 / 1200 * 100cqw); }
	.imgSet004	{ flex-direction: column; align-items: center; gap: calc(94 / 1200 * 100cqw); margin: 0 0 calc(240 / 1200 * 100cqw); padding: 0; }
	.imgSet004 .img-wrapper	{ width: calc(768 / 1200 * 100cqw); }
	.imgSet004 .img-wrapper.img01	{ order:2; margin: 0 calc(230 / 1200 * 100cqw) 0 0;  }
	.imgSet004 .img-wrapper.img02	{ order:1; margin: 0 0 0 calc(270 / 1200 * 100cqw); }
	.imgSet005	{ margin: 0 0 calc(90 / 1200 * 100cqw); }
	.imgSet006	{ gap: calc(20 / 1200 * 100cqw); margin: 0 0 calc(96 / 1200 * 100cqw); padding: 0; }
	.imgSet006 .img-wrapper	{ width: calc(481 / 1200 * 100cqw); }
	.imgSet007	{ flex-direction: column; margin: 0 0 calc(96 / 1200 * 100cqw); align-items: center; justify-content: center; gap: calc(40 / 1200 * 100cqw); }
	.imgSet008	{ gap: calc(284 / 1200 * 100cqw); margin: 0 0 calc(96 / 1200 * 100cqw); }
	.imgSet008 .img-wrapper.img01	{ width: calc(533 / 1200 * 100cqw); margin-left: calc(440 / 1200 * 100cqw); }
	.imgSet008 .img-wrapper.img02	{ width: calc(535 / 1200 * 100cqw); left: 28%; top: calc(280 / 1200 * 100cqw); }
	.imgSet008 .img-wrapper.img03	{ width: calc(906 / 1200 * 100cqw); margin: 0 0 0 auto; }
	.imgSet009	{ gap: calc(115 / 1200 * 100cqw); margin: 0 0 calc(96 / 1200 * 100cqw); padding: 0 7cqw 0 0; }
	.imgSet009 .img-wrapper	{ width: calc(768 / 1200 * 100cqw); }
	.imgSet009 .img-wrapper.img01	{ margin: 0 auto 0 0; }
	.imgSet009 .img-wrapper.img02	{ width: calc(704 / 1200 * 100cqw); margin: 0 0 0 auto; }
	.imgSet010	{ gap: calc(16 / 1200 * 100cqw); justify-content: flex-start; padding-left: calc(60 / 1200 * 100cqw); }
	.imgSet010 .img-wrapper	{ width: calc(455 / 1200 * 100cqw); }
	.imgSet010 .img-wrapper.img01	{ margin: calc(215 / 1200 * 100cqw) 0 0; }
	.imgSet011	{ justify-content: flex-end; gap: 0; margin: -11cqw 0 calc(340 / 2000 * 100cqw); padding: 2cqw; }
	.imgSet011 .img-wrapper	{ width: calc(455 / 1200 * 100cqw); }
	.imgSet011 .img-wrapper.img02	{ margin: calc(405 / 1200 * 100cqw) 0 0; transform: translateX(-5cqw); }
	.imgSet012	{ padding: calc(100 / 2000 * 100cqw) 0 0; margin: 0 0 calc(96 / 1200 * 100cqw); }
	.imgSet012 .img-wrapper	{ width: 100%; }
	.imgSet013	{ flex-direction: column; gap: calc(96 / 1200 * 100cqw); margin: 0; padding: 0 0 0 calc(89 / 1200 * 100cqw); }
	.imgSet013 .img-wrapper.img01	{ width: calc(641 / 1200 * 100cqw); margin: 0 auto 0 0; }
	.imgSet013 .img-wrapper.img02	{ width: calc(959 / 1200 * 100cqw); margin: 0 0 0 auto; }
	.imgSet013-2	{ margin: 0 0 calc(96 / 1200 * 100cqw); padding: 0; }
	.imgSet013-2 .img-wrapper.img01	{ width: calc(641 / 1200 * 100cqw); margin: 0 auto 0 0; }
	.imgSet013-2 .img-wrapper.img02	{ width: calc(959 / 1200 * 100cqw); margin: 0 0 0 auto; }
	.imgSet014	{ padding: 0; margin: 0 0 calc(296 / 1200 * 100cqw); }
	.imgSet014 .img-wrapper	{ width: calc(769 / 1200 * 100cqw); }
	.imgSet015	{ gap: calc(12 / 1200 * 100cqw); margin: 0 0 calc(276 / 1200 * 100cqw); padding: 0; }
	.imgSet015 .img-wrapper	{ width: calc(512 / 1200 * 100cqw); }
	.imgSet016	{ margin: 0 0 calc(96 / 1200 * 100cqw); }
	.imgSet016 .img-wrapper	{ width: calc(1088 / 1200 * 100cqw); }
	.imgSet017	{ justify-content: space-between; gap: 0; margin: 0 0 calc(96 / 1200 * 100cqw); }
	.imgSet017 .img-wrapper	{ width: calc(593 / 1200 * 100cqw); }
	.imgSet018	{ margin: 0 0 calc(362 / 1200 * 100cqw); }
	.imgSet019	{ gap: calc(42 / 1200 * 100cqw); margin: 0 0 calc(96 / 1200 * 100cqw); }
	.imgSet019 .img-wrapper	{ width: calc(469 / 1200 * 100cqw); }
	.imgSet020	{ gap: calc(138 / 1200 * 100cqw); margin: 0 0 calc(275 / 1200 * 100cqw); padding: 0; }
	.imgSet020 .img-wrapper	{ width: calc(512 / 1200 * 100cqw); }
	.imgSet020 .img-wrapper.img01	{ margin: 0 0 0 calc(384 / 1200 * 100cqw); }
	.imgSet020 .img-wrapper.img02	{ margin: 0 calc(382 / 1200 * 100cqw) 0 0; }
	.imgSet021	{ margin: 0 0 calc(189 / 1200 * 100cqw); }
	.imgSet021 .img-wrapper	{ width: 100%; }
	.imgSet022	{ margin: 0 0 calc(225 / 1200 * 100cqw); padding-right: calc(169 / 1200 * 100cqw); }
	.imgSet022 .img-wrapper	{ width: calc(480 / 1200 * 100cqw); }
	.imgSet023	{ gap: calc(42 / 1200 * 100cqw); margin: 0 0 calc(96 / 1200 * 100cqw); }
	.imgSet024	{ margin: 0 0 calc(281 / 1200 * 100cqw); padding-right: calc(147 / 1200 * 100cqw); }
	.imgSet024 .img-wrapper	{ width: calc(480 / 1200 * 100cqw); }
	.imgSet025	{ gap: calc(36 / 1200 * 100cqw); padding: 0; margin: 0 0 calc(278 / 1200 * 100cqw); }
	.imgSet025 .img-wrapper	{ width: calc(961 / 1200 * 100cqw); }
	.imgSet026	{ margin: 0 0 calc(96 / 1200 * 100cqw); }
	.imgSet026 .img-wrapper	{ width: calc(960 / 1200 * 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: 60vh; 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: 60vh !important; width: auto !important; max-width: none !important; display: block; }
}

/* ------------ 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: #fff; }
.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: 15cqw; display: flex; }
.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: 90px; }
	.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	{ width: 34cqw; }
	.modal-img.tate	{ width: 22cqw; }
	.modal-close-btn	{ top: 0; right: 3cqw;}
}

.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	{ 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	{ border: 1px solid #000; 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:#000; }
	.bottomArea > a.gotop:hover > img	{ opacity: .4; }
	.bottomArea > a.gotop:hover > span	{ opacity: .4; }
	.bottomArea > b:hover	{ opacity: .4; }
	.bottombtn > a:hover	{ background-color: #000; color:#fff; }
}
@media (max-width: 767.9px)	{ 
	.bottomArea	{ padding-top: calc(180 / 1200 * 100cqw); }
	.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(200 / 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;
}