@charset "UTF-8";
:root	{
	--color-Primary: #8c8c8c;
	--color-Secondary: #BFBFBF;
	--color_background: #d7d7d7;
	--color-Link: #8c8c8c;
	--color-White: #ffffff;
	--color-Black: #8c8c8c; 
	--font-jp: "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; font-style: normal; font-feature-settings: normal; -webkit-text-size-adjust:100%; position: relative; container-type: inline-size; -webkit-font-smoothing: antialiased; }
.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; }


/* ------------ ANIMATION ------------- */
.scrollIn	{ opacity: 0; transition: opacity 1.6s cubic-bezier(0.215, 0.61, 0.355, 1); }
.scrollIn.active	{ opacity: 1; -webkit-transition-delay: .3s; transition-delay: .3s; }
.scrollY	{ opacity: 0; transition: opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1.6s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateY(6cqw); }
.scrollY.active	{ opacity: 1; -webkit-transition-delay: .3s; transition-delay: .3s; transform: translateY(0); }
.scrollB	{ opacity: 0; transition: opacity 1.6s cubic-bezier(0.215, 0.61, 0.355, 1); }
.scrollB.active	{ opacity: 1; animation-name: blur; -webkit-animation-duration: 2s; animation-duration: 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(-50%); }
}
@keyframes flowRight {
	from { transform: translateX(-50%); }
	to { transform: translateX(0); }
}
@keyframes blur	{ 
	from	{ opacity: 0; filter: blur(30px); transform: scale(1.3); }
	to	{ opacity: 1; filter: blur(0px); transform: scale(1); }
}
@media (max-width: 767.9px)	{ 
	.scrollY	{ transform: translateY(12cqw); }
}

/* ------------ MAIN AREA ------------- */
.main_wrapper	{ width: 100%; display: flex; flex-direction: column; justify-content: flex-start; position: relative; line-height: 1; }
.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; opacity: 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; transition: opacity 0.4s ease; }
@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, 
.navtrigger03	{ display: block; width: 100%; position: relative; }

/* ------------ LINE ANIMATION SETTING ------------- */
.line-svg { width: 100%; height: auto; display: block; }
.line-svg .b { fill: var(--color-White); }
.slider-line .d { fill: none; stroke: var(--color-White); stroke-width: 0.9px; vector-effect: non-scaling-stroke; }
.slider-line .swiper-slide:not(.is-animating) .d { transform: scale(0); }
@media screen and (max-width: 767px) {
  .line-svg.pc-only { display: none !important; }
  .line-svg.sp-only { display: block !important; }
  .slider-line .slide-1 .d { transform-origin: 294.57303px 186.82409px; }
  .slider-line .slide-2 .d { transform-origin: 94.47699px 191.20959px; }
}
@media screen and (min-width: 768px) {
  .line-svg.pc-only { display: block !important; }
  .line-svg.sp-only { display: none !important; }
  .slider-line .slide-1 .d { transform-origin: 1106.8094px 646.49056px; }
  .slider-line .slide-2 .d { transform-origin: 362.79162px 640.1361px; }
}

/* ------------ FV LINE ANIMATION ------------- */
.slider-line .swiper-slide.is-animating .d {
  animation-name: lineStretch;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  animation-iteration-count: 1;
  animation-fill-mode: both; /* 待機中は scale(0) を保持し、終了時は scale(1) を維持 */
}
.slider-line .swiper-slide.is-animating .line1 { animation-duration: 0.8s; animation-delay: 0s; }
.slider-line .swiper-slide.is-animating .line2 { animation-duration: 0.7s; animation-delay: 0.35s; }
.slider-line .swiper-slide.is-animating .line6 { animation-duration: 0.8s; animation-delay: 0.10s; }
.slider-line .swiper-slide.is-animating .line4 { animation-duration: 0.7s; animation-delay: 0.55s; }
.slider-line .swiper-slide.is-animating .line5 { animation-duration: 0.8s; animation-delay: 0.20s; }
.slider-line .swiper-slide.is-animating .line3 { animation-duration: 0.65s; animation-delay: 0.70s; }
.slider-line .swiper-slide.is-animating .line7 { animation-duration: 0.75s; animation-delay: 0.45s; }
.slider-line .swiper-slide.is-animating .line8 { animation-duration: 0.75s; animation-delay: 0.15s; }
@keyframes lineStretch {
  0%   { transform: scale(0); opacity: 0; }
  10%  { opacity: 1; }
  100% { transform: scale(1); opacity: 1; }
}

/* ------------ SCROLL LINE ANIMATION SETTINGS ------------- */
.scroll-line-svg { width: 100%; height: auto; display: block; opacity: 0; transition: opacity 0.5s ease-in-out; }
.style_title_img.is-inview .scroll-line-svg { opacity: 1; transition-delay: 0.3s; }
.scroll-line-svg .d { fill: none; stroke: var(--color-Primary); stroke-width: 0.9px; vector-effect: non-scaling-stroke; }
.style1 .scroll-line-svg .rotate-group,
.style1 .scroll-line-svg .d { transform-origin: 158.25462px 68.49072px; }
.style2 .scroll-line-svg .rotate-group,
.style2 .scroll-line-svg .d { transform-origin: 177.20459px 71.42867px; }
.style3 .scroll-line-svg .rotate-group,
.style3 .scroll-line-svg .d { transform-origin: 199.16341px 62.19227px; }
.style_title_img.is-inview .scroll-line-svg .rotate-group { animation: rotateReset 1s cubic-bezier(0.16, 1, 0.3, 1) forwards; animation-delay: 0.3s; }
@keyframes rotateReset {
  0%   { transform: rotate(-120deg); }
  100% { transform: rotate(0deg); }
}

/* ------------ MID LINE ANIMATION SETTINGS ------------- */
.style_title_img.is-inview .scroll-line-svg .d {
  animation-name: lineStretchScroll;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  animation-iteration-count: 1;
  animation-fill-mode: both;
}
.style_title_img.is-inview .scroll-line-svg .line1 { animation-duration: 0.85s; animation-delay: 0.30s; }
.style_title_img.is-inview .scroll-line-svg .line2 { animation-duration: 0.75s; animation-delay: 0.65s; }
.style_title_img.is-inview .scroll-line-svg .line3 { animation-duration: 0.85s; animation-delay: 0.40s; }
.style_title_img.is-inview .scroll-line-svg .line4 { animation-duration: 0.70s; animation-delay: 0.85s; }
.style_title_img.is-inview .scroll-line-svg .line5 { animation-duration: 0.85s; animation-delay: 0.50s; }
.style_title_img.is-inview .scroll-line-svg .line6 { animation-duration: 0.65s; animation-delay: 0.95s; }
.style_title_img.is-inview .scroll-line-svg .line7 { animation-duration: 0.75s; animation-delay: 0.75s; }
.style_title_img.is-inview .scroll-line-svg .line8 { animation-duration: 0.75s; animation-delay: 0.45s; }
@keyframes lineStretchScroll {
  0%   { transform: scale(0); opacity: 0; }
  10%  { opacity: 1; }
  100% { transform: scale(1); opacity: 1; }
}

/* ------------ MAIN INFORMATION ------------- */
.main_information	{ padding: calc(85 / 2000 * 100cqw) 0 calc(128 / 1440 * 100cqw) calc(252 / 2000 * 100cqw); width: 100%; display: flex; flex-direction: column; position: relative; z-index: 3; background-color: var(--color_background); }
.main_information > h1, 
.main_information > h2	{ font-family: var(--font-en); font-weight: 300; color: var(--color-White); text-align: center; line-height: normal; letter-spacing: 3%; }
.main_information > h1	{ font-size: calc(49 / 1440 * 100cqw); position: absolute; top: 6.3cqw; right: 6.3cqw; }
.main_information > h2	{ width: calc(360 / 1440 * 100cqw); position: absolute; top: 3.8cqw; right: 6.1cqw; display: flex; }
.main_information > p	{ font-size: calc(14.173 / 1440 * 100cqw); font-family: var(--font-jp); font-weight: 500; color: var(--color-White); line-height: 2.52; letter-spacing: 4%; margin: 0; }
.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(106 / 375 * 100cqw) 0 calc(100 / 375 * 100cqw) calc(30 / 375 * 100cqw); }
	.main_information > h1	{ font-size: calc(22.4 / 375 * 100cqw); top: calc(142 / 1200 * 100cqw); right: calc(102 / 1200 * 100cqw); }
	.main_information > h2	{ width: calc(171 / 375 * 100cqw); top: calc(83 / 1200 * 100cqw); right: calc(104 / 1200 * 100cqw); }
	.main_information > p	{ font-size: calc(9.921 / 375 * 100cqw); line-height: 2.065; 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(150 / 1440 * 100cqw); padding: 0 calc(180 / 1440 * 100cqw); gap: calc(18 / 1440 * 100cqw); width: 100%; display: flex; flex-direction: column; align-items: flex-start; position: relative; z-index: 2; background-color: var(--color_background); }
.nav_wrapper::before	{ content:""; width: 100%; height: calc(470 / 1440 * 100cqw); position: absolute; left: 0; right: 0; top: calc(230 / 1440 * 100cqw); background-image: linear-gradient(0deg, var(--color-White), var(--color_background)); }
.nav_wrapper > a	{ gap: calc(40 / 1440 * 100cqw); display: flex; align-items: center; }
.nav_img	{ width: calc(150 / 1440 * 100cqw); aspect-ratio: 3 / 2; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; }
.nav_img img	{ width: 100%; object-fit: cover; transition: transform .5s ease; transform: scale(1); flex-shrink: 0; }
.nav_ttle	{ gap: calc(30 / 1440 * 100cqw); display: flex; align-items: center; position: relative; padding: 0 calc(120 / 2000 * 100cqw) 0 0; }
.nav_ttle > b	{ width: calc(116 / 1440 * 100cqw); font-size: calc(15.591 / 1440 * 100cqw); font-family: var(--font-en); font-weight: 400; color: var(--color-White); line-height: normal; letter-spacing: 4%; position: relative; }
.nav_ttle > b::after	{ content:""; right: 0; height: 1px; width: calc(42 / 1440 * 100cqw); position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: var(--color-White); }
.nav_ttle > p	{ font-size: calc(15.591 / 1440 * 100cqw); font-family: var(--font-jp); font-weight: 500; color: var(--color-White); line-height: normal; letter-spacing: 4%; }
@media (min-width: 768px)	{
	.nav_wrapper > a:hover .nav_img img	{ transform: scale(1.05); }
	.nav_ttle > p br.sp	{ display: none; }
}
@media (max-width: 767.9px)	{ 
	.nav_wrapper	{ margin-bottom: calc(80 / 375 * 100cqw); padding: 0 calc(30 / 375 * 100cqw); gap: calc(19 / 375 * 100cqw);  }
	.nav_wrapper::before	{ height: calc(105 / 375 * 100cqw); top: calc(215 / 375 * 100cqw); }
	.nav_wrapper > a	{ gap: calc(20 / 375 * 100cqw); width: 100%; justify-content: flex-start; }
	.nav_img	{ width: calc(105 / 375 * 100cqw); }
	.nav_ttle	{ gap: calc(12 / 375 * 100cqw); flex-direction: column; align-items: flex-start; padding: 0; }
	.nav_ttle > b	{ width: calc(67 / 375 * 100cqw); font-size: calc(9.921 / 375 * 100cqw); }
	.nav_ttle > b::after	{ width: calc(25 / 375 * 100cqw); }
	.nav_ttle > p	{ font-size: calc(9.213 / 375 * 100cqw); line-height: 1.54; }
}

/* ------------ STYLE TITLE ------------- */
.style_title_wrapper	{ margin-bottom: calc(110 / 1440 * 100cqw); padding-top: calc(306 / 1440 * 100cqw); gap: calc(60 / 1440 * 100cqw); width: 100%; display: flex; flex-direction: column; align-items: center; position: relative; z-index: 2; }
.style_title_wrapper .style_title_img	{ width: calc(600 / 1440 * 100cqw); position: absolute; top: calc(80 / 1440 * 100cqw); left: 49%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.style_title_wrapper > h3	{ font-size: calc(19.842 / 1440 * 100cqw); font-family: var(--font-en); font-weight: 400; color: var(--color-Primary); line-height: normal; letter-spacing: 4%; }
.style_title_wrapper > p	{ font-size: calc(17.008 / 1440 * 100cqw); font-family: var(--font-jp); font-weight: 500; color: var(--color-Primary); line-height: normal; letter-spacing: 4%; }
@media (min-width: 768px)	{ 
	.style_title_wrapper > p br.sp	{ display: none; }
	.style_title_wrapper.style2	{ margin-bottom: calc(80 / 1440 * 100cqw); padding-top: calc(340 / 1440 * 100cqw); }
	.style_title_wrapper.style2 .style_title_img	{ top: calc(145 / 1440 * 100cqw); left: 50.5%; }
	.style_title_wrapper.style3	{ margin-bottom: calc(125 / 1440 * 100cqw); padding-top: calc(390 / 1440 * 100cqw); }
	.style_title_wrapper.style3 .style_title_img	{ top: calc(195 / 1440 * 100cqw); left: 49.6%; }
}
@media (max-width: 767.9px)	{ 
	.style_title_wrapper	{ margin-bottom: calc(70 / 375 * 100cqw); padding-top: calc(155 / 375 * 100cqw); gap: calc(40 / 375 * 100cqw); }
	.style_title_wrapper .style_title_img	{ width: calc(375 / 375 * 100cqw); top: calc(80 / 1440 * 100cqw); left: 50%; }
	.style_title_wrapper > h3	{ font-size: calc(17 / 375 * 100cqw); }
	.style_title_wrapper > p	{ font-size: calc(11.339 / 375 * 100cqw); line-height: 1.74; text-align: center; }
	.style_title_wrapper.style2	{ margin-bottom: calc(70 / 375 * 100cqw); padding-top: calc(220 / 375 * 100cqw); gap: calc(40 / 375 * 100cqw); }
	.style_title_wrapper.style2 .style_title_img	{ top: calc(330 / 1440 * 100cqw); }
	.style_title_wrapper.style3	{ margin-bottom: calc(70 / 375 * 100cqw); padding-top: calc(240 / 375 * 100cqw); gap: calc(40 / 375 * 100cqw); }
	.style_title_wrapper.style3 .style_title_img	{ top: calc(400 / 1440 * 100cqw); }
}

/* ------------ CONTENTS NAV ------------- */
.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 ------------- */
.imgSetwrapper, 
.img-wrapper	{ width: 100%; display: flex; position: relative; }
.img-wrapper.hidden	{ overflow: hidden; }
.img-wrapper img	{ width: 100%; object-fit: cover; opacity: 1; }
@media (min-width: 768px)	{
	.imgSet01	{ margin-bottom: calc(140 / 1440 * 100cqw); justify-content: flex-end; }
	.imgSet01 .img-wrapper	{ width: calc(1100 / 1440 * 100cqw); }
	.imgSet02	{ margin-bottom: calc(105 / 1440 * 100cqw); }
	.imgSet02 .img-wrapper	{ width: calc(600 / 1440 * 100cqw); }
	.imgSet03	{ margin-bottom: calc(330 / 1440 * 100cqw); justify-content: center; }
	.imgSet03 .img-wrapper	{ width: calc(500 / 1440 * 100cqw); }
	.imgSet04	{ padding-right: calc(130 / 1440 * 100cqw); justify-content: flex-end; }
	.imgSet04 .img-wrapper	{ width: calc(600 / 1440 * 100cqw); }
	.imgSet05	{ margin-top: calc(0px - (256 / 1440 * 100cqw)); margin-bottom: calc(370 / 1440 * 100cqw); padding-left: calc(90 / 1440 * 100cqw); }
	.imgSet05 .img-wrapper	{ width: calc(600 / 1440 * 100cqw); }
	.imgSet0607	{ margin-bottom: calc(520 / 1440 * 100cqw); justify-content: center; }
	.imgSet0607 .img-wrapper	{ width: calc(750 / 1440 * 100cqw); }
	.imgSet08	{ margin-bottom: calc(40 / 1440 * 100cqw); }
	.imgSet09	{ margin-bottom: calc(230 / 1440 * 100cqw); }
	.imgSet1011	{ margin-bottom: calc(210 / 1440 * 100cqw); justify-content: center; }
	.imgSet1011 .img-wrapper	{ width: calc(636 / 1440 * 100cqw); }
	.imgSet12	{ margin-bottom: calc(210 / 1440 * 100cqw); }
	.imgSet13	{ margin-bottom: calc(210 / 1440 * 100cqw); justify-content: center; }
	.imgSet13 .img-wrapper	{ width: calc(800 / 1440 * 100cqw); }
	.imgSet14	{ margin-bottom: calc(140 / 1440 * 100cqw); padding-right: calc(120 / 1440 * 100cqw); justify-content: flex-end; }
	.imgSet14 .img-wrapper	{ width: calc(540 / 1440 * 100cqw); }
	.imgSet15	{ margin-bottom: calc(190 / 1440 * 100cqw); padding-left: calc(130 / 1440 * 100cqw); }
	.imgSet15 .img-wrapper	{ width: calc(750 / 1440 * 100cqw); }
	.imgSet16	{ margin-bottom: calc(38 / 1440 * 100cqw); justify-content: center; }
	.imgSet16 .img-wrapper	{ width: calc(600 / 1440 * 100cqw); }
	.imgSet17	{ margin-bottom: calc(38 / 1440 * 100cqw); justify-content: center; }
	.imgSet17 .img-wrapper	{ width: calc(600 / 1440 * 100cqw); }
	.imgSet18	{ margin-bottom: calc(290 / 1440 * 100cqw); }
	.imgSet19	{ margin-bottom: calc(290 / 1440 * 100cqw); justify-content: center; }
	.imgSet19 .img-wrapper	{ width: calc(600 / 1440 * 100cqw); }
	.imgSet20	{ margin-bottom: calc(280 / 1440 * 100cqw); }
	.imgSet21	{ margin-bottom: calc(210 / 1440 * 100cqw); justify-content: center; }
	.imgSet21 .img-wrapper	{ width: calc(750 / 1440 * 100cqw); }
	.imgSet22	{ margin-bottom: calc(380 / 1440 * 100cqw); padding-right: calc(90 / 1440 * 100cqw); justify-content: flex-end; }
	.imgSet22 .img-wrapper	{ width: calc(750 / 1440 * 100cqw); }
	.imgSet23	{ margin-bottom: calc(380 / 1440 * 100cqw); justify-content: center; }
	.imgSet23 .img-wrapper	{ width: calc(600 / 1440 * 100cqw); }
	.imgSet24	{ margin-bottom: calc(280 / 1440 * 100cqw); padding-left: calc(90 / 1440 * 100cqw); }
	.imgSet24 .img-wrapper	{ width: calc(750 / 1440 * 100cqw); }
	.imgSet25	{ margin-bottom: calc(300 / 1440 * 100cqw); justify-content: center; }
	.imgSet25 .img-wrapper	{ width: calc(600 / 1440 * 100cqw); }
	.imgSet26	{ margin-bottom: calc(160 / 1440 * 100cqw); justify-content: center; }
	.imgSet26 .img-wrapper	{ width: calc(800 / 1440 * 100cqw); }
}
@media (max-width: 767.9px)	{ 
	.imgSet01	{ margin-bottom: calc(130 / 375 * 100cqw); }
	.imgSet02	{ margin-bottom: calc(150 / 375 * 100cqw); padding-left: calc(25 / 375 * 100cqw); }
	.imgSet02 .img-wrapper	{ width: calc(280 / 375 * 100cqw); }
	.imgSet03	{ margin-bottom: calc(155 / 375 * 100cqw); }
	.imgSet04	{ margin-bottom: calc(125 / 375 * 100cqw); justify-content: flex-end; }
	.imgSet04 .img-wrapper	{ width: calc(285 / 375 * 100cqw); }
	.imgSet05	{ margin-bottom: calc(120 / 375 * 100cqw); justify-content: center; }
	.imgSet05 .img-wrapper	{ width: calc(320 / 375 * 100cqw); }
	.imgSet0607	{ margin-bottom: calc(110 / 375 * 100cqw); }
	.imgSet08	{ margin-bottom: calc(45 / 375 * 100cqw); }
	.imgSet09	{ margin-bottom: calc(85 / 375 * 100cqw); }
	.imgSet1011	{ margin-bottom: calc(90 / 375 * 100cqw); padding-right: calc(16 / 375 * 100cqw); justify-content: flex-end; }
	.imgSet1011 .img-wrapper	{ width: calc(280 / 375 * 100cqw); }
	.imgSet12	{ margin-bottom: calc(120 / 375 * 100cqw); }
	.imgSet13	{ margin-bottom: calc(120 / 375 * 100cqw); justify-content: center; }
	.imgSet13 .img-wrapper	{ width: calc(300 / 375 * 100cqw); }
	.imgSet14	{ margin-bottom: calc(50 / 375 * 100cqw); padding-right: calc(20 / 375 * 100cqw); justify-content: flex-end; }
	.imgSet14 .img-wrapper	{ width: calc(240 / 375 * 100cqw); }
	.imgSet15	{ margin-bottom: calc(100 / 375 * 100cqw); }
	.imgSet16	{ margin-bottom: calc(12 / 375 * 100cqw); justify-content: center; }
	.imgSet16 .img-wrapper	{ width: calc(330 / 375 * 100cqw); }
	.imgSet17	{ margin-bottom: calc(50 / 375 * 100cqw); justify-content: center; }
	.imgSet17 .img-wrapper	{ width: calc(330 / 375 * 100cqw); }
	.imgSet18	{ margin-bottom: calc(100 / 375 * 100cqw); }
	.imgSet19	{ margin-bottom: calc(50 / 375 * 100cqw); justify-content: center; }
	.imgSet19 .img-wrapper	{ width: calc(324 / 375 * 100cqw); }
	.imgSet20	{ margin-bottom: calc(50 / 375 * 100cqw); }
	.imgSet21	{ margin-bottom: calc(135 / 375 * 100cqw); justify-content: center; }
	.imgSet21 .img-wrapper	{ width: calc(280 / 375 * 100cqw); }
	.imgSet22	{ margin-bottom: calc(160 / 375 * 100cqw); justify-content: flex-end; }
	.imgSet22 .img-wrapper	{ width: calc(313 / 375 * 100cqw); }
	.imgSet23	{ margin-bottom: calc(160 / 375 * 100cqw); justify-content: center; }
	.imgSet23 .img-wrapper	{ width: calc(250 / 375 * 100cqw); }
	.imgSet24	{ margin-bottom: calc(110 / 375 * 100cqw); }
	.imgSet24 .img-wrapper	{ width: calc(350 / 375 * 100cqw); }
	.imgSet25	{ margin-bottom: calc(110 / 375 * 100cqw); justify-content: center; }
	.imgSet25 .img-wrapper	{ width: calc(310 / 375 * 100cqw); }
	.imgSet26	{ margin-bottom: calc(50 / 375 * 100cqw); }
}


/* ------------ CONTENTS TEXT ------------- */
.credittxt_Area_wrapper	{ gap: calc(20 / 1440 * 100cqw); width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
.credittxt_Area_wrapper > h4	{ width: calc(110 / 1440 * 100cqw); gap: calc(7 / 1440 * 100cqw); display: flex; align-items: center; justify-content: space-between;  }
.credittxt_Area_wrapper > h4 > strong, 
.credittxt_Area_wrapper > h4 > b	{ font-size: calc(17 / 1440 * 100cqw); color: var(--color-Primary); font-family: var(--font-en); font-weight: 400; letter-spacing:.02em; line-height: normal; flex-shrink: 0; transition: opacity .5s ease; opacity: 0; }
.credittxt_Area_wrapper > h4 > span	{ flex-grow: 1; height: 1px; position: relative; }
.credittxt_Area_wrapper > h4 > span::after	{ content:""; position: absolute; left: 0; width: 0; top: 0; right: 100%; transition: width .7s ease; border-top: 1px solid var(--color-Primary); }
.credittxt_Area_wrapper > h4.active > strong	{ opacity: 1; -webkit-transition-delay: .2s; transition-delay: .2s; }
.credittxt_Area_wrapper > h4.active > span::after	{ right: 0; width: 100%; -webkit-transition-delay: .7s; transition-delay: .7s; }
.credittxt_Area_wrapper > h4.active > b	{ opacity: 1; -webkit-transition-delay: 1.4s; transition-delay: 1.4s; }
.credittxt_wrapper	{ width: calc(380 / 1440 * 100cqw); }
@media (min-width: 768px)	{
	.txtSet01 .credittxt_wrapper	{ width: calc(380 / 1440 * 100cqw); }
	.txtSet02 .credittxt_wrapper	{ width: calc(412 / 1440 * 100cqw); }
	.txtSet03 .credittxt_wrapper	{ width: calc(440 / 1440 * 100cqw); }
}
.credittxt_wrapper > strong	{ margin-bottom: calc(8 / 1440 * 100cqw); color: var(--color-Primary); font-size: calc(14.1732 / 1440 * 100cqw); font-family: var(--font-en); font-weight: 400; letter-spacing:.02em; line-height: 1; display: inline-block; }
ul.creditwrapper	{ gap: calc(5 / 1440 * 100cqw); margin-bottom: calc(10 / 1440 * 100cqw); width: 100%; display: flex; flex-direction: column; list-style-type: none; }
ul.creditwrapper > li	{ width: 100%; display: flex; line-height: 1; }
ul.creditwrapper > li > a	{ width: 100%; display: flex; line-height: 1; }
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 calc(5 / 1440 * 100cqw); }
dl.creditset > dt > p > b	{ color: var(--color-Primary); font-size: calc(14.1732 / 1440 * 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	{ color: var(--color-Primary); font-size: calc(11.3386 / 1440 * 100cqw); font-family: var(--font-en); font-weight: 400; letter-spacing:.02em; line-height: 1; position: relative; z-index: 1; }
dl.creditset > dt > p > strong	{ color: var(--color-Primary); font-size: calc(14.1732 / 1440 * 100cqw); font-family: var(--font-en); font-weight: 400; letter-spacing:.02em; line-height: 1; position: relative; z-index: 1; }
dl.creditset > dd	{ width: calc(100 / 1440 * 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-Primary); transition: background-color .5s ease, border-color .5s ease,; }
dl.creditset > dd > b	{ font-size: calc(10.6299 / 1440 * 100cqw); color: var(--color-Primary); line-height: normal; white-space: nowrap; transition: color .5s ease; text-align: center; }
.soon dl.creditset > dd > b	{ letter-spacing:0; }
.soon dl.creditset > dd	{ background-color: var(--color-White); }
.soon dl.creditset > dd > b	{ color: var(--color-Primary); }

@media (max-width: 767.9px)	{ 
	.credittxt_Area_wrapper	{ gap: calc(12 / 375 * 100cqw); }
	.credittxt_Area_wrapper > h4	{ width: calc(105 / 375 * 100cqw); gap: calc(7 / 375 * 100cqw); }
	.credittxt_Area_wrapper > h4 > strong, 
	.credittxt_Area_wrapper > h4 > b	{ font-size: calc(14 / 375 * 100cqw); }
	.credittxt_wrapper	{ gap: 0; width: calc(296 / 375 * 100cqw); }
	.credittxt_wrapper > strong	{ margin-bottom: calc(6 / 375 * 100cqw); font-size: calc(12 / 375 * 100cqw); }
	ul.creditwrapper	{ gap: calc(4 / 375 * 100cqw); margin-bottom: calc(10 / 375 * 100cqw); }
	dl.creditset > dt > p	{ flex-wrap: wrap; gap: 0 calc(3 / 375 * 100cqw); }
	dl.creditset > dt > p > b	{ font-size: calc(12 / 375 * 100cqw); }
	dl.creditset > dt > p > b.full	{ width: 100%; padding-top: calc(4 / 375 * 100cqw); }
	dl.creditset > dt > p > b.all	{ width: 100%; }
	dl.creditset > dt > p > span	{ font-size: calc(8.504 / 375 * 100cqw); }
	dl.creditset > dt > p > strong	{ font-size: calc(12 / 375 * 100cqw); }
	dl.creditset > dd	{ width: calc(67 / 375 * 100cqw); height: auto; aspect-ratio: 67 / 15; }
	dl.creditset > dd > b	{ font-size: calc(9.921 / 375 * 100cqw);  }
}
@media (min-width: 768px)	{
	ul.creditwrapper > li > a:hover dl.creditset > dd	{ background-color: var(--color-Primary); }
	ul.creditwrapper > li > a:hover dl.creditset > dd > b	{ color: var(--color-White); }
}
@media (min-width: 768px)	{
	.credittxt_Area_wrapper.txtSet01	{ padding-left: calc(190 / 1440 * 100cqw); margin-bottom: calc(120 / 1440 * 100cqw); }
	.credittxt_Area_wrapper.txtSet02	{ padding-left: calc(420 / 1440 * 100cqw); margin-bottom: calc(270 / 1440 * 100cqw); }
	.credittxt_Area_wrapper.txtSet03	{ padding-left: calc(500 / 1440 * 100cqw); margin-bottom: calc(180 / 1440 * 100cqw); }
}
@media (max-width: 767.9px)	{ 
	.credittxt_Area_wrapper.txtSet01	{ padding-left: calc(30 / 375 * 100cqw); margin-bottom: calc(115 / 375 * 100cqw); }
	.credittxt_Area_wrapper.txtSet02	{ padding-left: calc(30 / 375 * 100cqw); margin-bottom: calc(80 / 375 * 100cqw); }
	.credittxt_Area_wrapper.txtSet03	{ padding-left: calc(30 / 375 * 100cqw); margin-bottom: calc(115  / 375 * 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; }
	.imgSet08 .horizontal-img	{ height: 76vh!important; }
	.imgSet09 .horizontal-img	{ height: 73vh!important; }
}
 ------------- */

/* ------------ MODAL ------------- */
.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	{ color: var(--color-Primary); 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	{ color: var(--color-Primary); text-align: center; font-family: var(--font-en); font-weight: 400; font-size: calc(10 / 1440 * 100cqw); 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: calc(40 / 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(135 / 375 * 100cqw) 0 calc(70 / 375 * 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;
}