@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600&display=swap');
@font-face {
	font-family: 'UntitledSans';
	src: url('fonts/UntitledSans-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	size-adjust: 108%;
}
@font-face {
	font-family: 'UntitledSans';
	src: url('fonts/UntitledSans-Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	size-adjust: 108%;
}
:root	{
	--color-grey2a: #2a292e;
	--color-grey7f: #7f7f82;
	--color-greyb2: #b2b2b4;
	--color-greyd4: #d4d4d5;
	--color-greyf4: #f4f4f5;
	--color-black: #000;
	--color-white: #fff;
	--main-font: 'UntitledSans', 'Noto Sans JP', sans-serif; font-synthesis: none; -webkit-font-smoothing: antialiased;
}

/* ------------ FONT
.noto-sans-jp-<uniquifier> {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
------------- */

.solrbar, 
.header_caution	{ display: none; }
#site_body	{ overflow: visible; }
.store_header_wrap	{ height: 48px!important; }
.store_header_wrap .store_header_logo img	{ height: 12px; }

@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	{ background-color: transparent; }
.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; color: var(--color-grey2a); font-family: var(--main-font); font-weight: 400; font-feature-settings: "palt"; letter-spacing:.05em; position: relative; container-type: inline-size; }
.pi_lgzformat p	{ overflow-wrap: anywhere;  word-break: normal; line-break: strict; }
.pi_lgzformat *	{ letter-spacing:.05em; overflow-wrap: anywhere; word-break: normal; line-break: strict; }
.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: -webkit-flex; 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(calc(-48px - (115 / 1440 * 100cqw))); }
.contanc2	{ display: block; width: 100%; height: 0px; transform: translateY(10.8cqw); }
@media (min-width: 768px)	{ 
	.pi_lgzformat	{ overflow: hidden; }
}
@media (max-width: 767.9px)	{ 
	.contanc	{ transform: translateY(calc(-48px - (200 / 750 * 100cqw))); }
	.contanc2	{ transform: translateY(4.8cqw); }
}
#loading-mask	{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-color: transparent; pointer-events: none; z-index: 15; transition: opacity .4s ease; }
#FV-mask	{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-color: #fff; pointer-events: none; z-index: 9; transition: opacity 1s ease; }
#FV-mask::after	{ content:""; position: fixed; left: 0; right: 100%; top: 0; bottom: 0; width: 0; height: 100%; background-color: #c8c9c9; pointer-events: none; transition: width 1s ease; z-index: 10; }
#FV-mask.is-open::after	{ right: 0; width: 100%; -webkit-transition-delay: .3s; transition-delay: .3s; }
#FV-mask.is-hidden	{ opacity: 0; }

/* ------------ ANIMATION ------------- */
.scrollIn	{ opacity: 0; transition: opacity .8s ease; }
.scrollIn.is-show	{ opacity: 1; }
@keyframes fvZoom {
    from{
        transform: scale(1);
    }
    to{
        transform: scale(1.08);
    }
}

/* ------------ BG SLIDER ------------- */
.bg_wrapper	{ position:fixed; top:48px; left:0; right:0; width:100%; height:calc(100vh - 48px); display:flex; overflow: hidden; }
.bg_wrapper picture,
.bg_wrapper img	{ display: block; width: 100%; height: 100%; object-fit: cover; }

.swiper-slide-active .fv-image,
.swiper-slide-duplicate-active .fv-image,
.swiper-slide-prev .fv-image	{ animation: fvZoom 7s linear forwards; }


/* ------------ MAIN AREA ------------- */
.main_wrapper	{ width: 100%; height:calc(100dvh - 48px); display: flex; position: relative; }
.main_inner	{ width: 100%; height:100%; display: flex; position: relative; }
.main_inner h1	{ width: 100%; display: flex; line-height: 1; align-items: flex-start; z-index: 12; }
@media (min-width: 768px)	{ 
	.main_inner	{ width: 50%; }
	.main_inner h1	{ width: calc(561 / 1440 * 100cqw); position: fixed; top: 48px; left: 0; }
}
@media (max-width: 1000px)	{ 
	.main_wrapper	{ height:calc(100dvh - 48px); }
}
@media (max-width: 767.9px)	{ 
	.main_wrapper	{ align-items: flex-start; }
	.main_inner	{ align-items: flex-start; }
}

/* ------------ MAIN INFORMATION ------------- */
.contents_wrapper	{ width: 100%; display: flex; flex-direction: column; align-items: flex-end; }
.contents_inner	{ width: 50%; display: flex; flex-direction: column; }
@media (max-width: 767.9px)	{ 
	.contents_inner	{ width: 100%; }
}

/* ------------ CAMPAIGN TOP ------------- */
.campaign_top	{ margin-top: calc(0px - (83 / 1440 * 100cqw)); width: 100%; display: flex; align-items: center; justify-content: center; position: relative; }
.campaign_top .contents_inner	{ background-color: var(--color-white); width: calc(660 / 1440 * 100cqw); border-radius: calc(2 / 1440 * 100cqw) calc(2 / 1440 * 100cqw) 0 0; display: flex; flex-direction: column; }
.campaign_top_hdd	{ height: calc(83 / 1440 * 100cqw); padding: 0; display: flex; z-index: 3; }
.campaign_top_hdd > a	{ height: calc(83 / 1440 * 100cqw); padding: 0 calc(85 / 1440 * 100cqw); display: flex; align-items: center; justify-content: flex-start; width: 100%; transition: opacity .4s ease; }
.campaign_top_hdd > a img	{ width: calc(275 / 1440 * 100cqw); display: block; }
@media (min-width: 768px)	{ 
	.campaign_top_hdd > a:hover	{ opacity: .5; }
}
@media (max-width: 1440px)	{ 
	.campaign_top	{ margin-top: -83px;  }
	.campaign_top_hdd, 
	.campaign_top_hdd > a	{ height: 83px; }
	.campaign_top_hdd > a img	{ width: 275px; }
}
@media (max-width: 767.9px)	{ 
	.campaign_top	{ margin-top: calc(0px - (164 / 750 * 100cqw)); }
	.campaign_top .contents_inner	{ width: calc(690 / 750 * 100cqw); border-radius: calc(3 / 750 * 100cqw) calc(3 / 750 * 100cqw) 0 0; }
	.campaign_top_hdd	{ height: calc(164 / 750 * 100cqw); }
	.campaign_top_hdd > a	{ height: calc(164 / 750 * 100cqw); padding: 0 calc(72 / 750 * 100cqw); }
	.campaign_top_hdd > a img	{ width: calc(550 / 750 * 100cqw); display: block;  }
}

/* ------------ CAMPAIGN TERM ------------- */
.campaign_term_wrapper	{ padding: calc(35 / 1440 * 100cqw) calc(85 / 1440 * 100cqw) 0; width: 100%; }
.campaign_term_wrapper > strong	{ margin-bottom: calc(15 / 1440 * 100cqw); display: block; font-size: calc(12 / 1440 * 100cqw); color: var(--color-greyb2); font-family: var(--main-font); line-height: 1; font-weight: 500; }
.campaign_term	{ border-radius: calc(2 / 1440 * 100cqw); margin-bottom: calc(55 / 1440 * 100cqw); aspect-ratio: 490 / 75; background-color: var(--color-greyb2); width: 100%; display: flex; align-items: center; justify-content: center; }
.campaign_term > b,
.campaign_term > span	{ color: var(--color-white); font-family: var(--main-font); line-height: normal; font-weight: 500; letter-spacing: .02em; white-space: nowrap; }
.campaign_term > b	{ font-size: calc(18 / 1440 * 100cqw); }
.campaign_term > span	{ font-size: calc(10 / 1440 * 100cqw); }
.campaign_term_suppl	{ margin-bottom: calc(55 / 1440 * 100cqw); gap: calc(20 / 1440 * 100cqw); padding: 0 calc(85 / 1440 * 100cqw); width: 100%; display: flex; flex-direction: column; }
.campaign_term_suppl > p	{ font-size: calc(15 / 1440 * 100cqw); line-height: calc(27 / 1440 * 100cqw); color: var(--color-grey2a); font-family: var(--main-font); font-weight: 400; width: 100%; }
.campaign_term_suppl > p b	{ font: inherit; color: inherit; font-weight: 500; }
.campaign_term_suppl > span	{ font-size: calc(12 / 1440 * 100cqw); color: var(--color-grey2a); font-family: var(--main-font); line-height: normal; font-weight: 400; width: 100%; }
@media (max-width: 1440px)	{ 
	.campaign_term_wrapper > strong	{ font-size: 12px; }
	.campaign_term > b	{ font-size: 18px; }
	.campaign_term > span	{ font-size: 10px; }
	.campaign_term_suppl	{ margin-bottom: 55px; gap: 20px; }
	.campaign_term_suppl > p	{ font-size: 15px; line-height: 27px; }
	.campaign_term_suppl > span	{ font-size: 12px; }
}
@media (max-width: 767.9px)	{ 
	.campaign_term_wrapper	{ padding: calc(70 / 750 * 100cqw) calc(70 / 750 * 100cqw) 0; }
	.campaign_term_wrapper > strong	{ margin-bottom: calc(28 / 750 * 100cqw); font-size: calc(24 / 750 * 100cqw); }
	.campaign_term	{ border-radius: calc(3 / 750 * 100cqw); margin-bottom: calc(116 / 750 * 100cqw); aspect-ratio: 550 / 150; }
	.campaign_term > b	{ font-size: calc(36 / 750 * 100cqw); }
	.campaign_term > span	{ font-size: calc(20 / 750 * 100cqw); }
	.campaign_term_suppl	{ margin-bottom: calc(110 / 750 * 100cqw); gap: calc(36 / 750 * 100cqw); padding: 0 calc(70 / 750 * 100cqw); }
	.campaign_term_suppl > p	{ font-size: calc(30 / 750 * 100cqw); line-height: calc(54 / 750 * 100cqw); }
	.campaign_term_suppl > span	{ font-size: calc(24 / 750 * 100cqw); }
}

/* ------------ CAMPAIGN PRECAUTIONS ------------- */
.campaign_precautions	{ width: 100%; display: flex; align-items: center; justify-content: center; position: relative; }
.campaign_precautions .contents_inner	{ background-color: var(--color-greyf4); padding: calc(62 / 1440 * 100cqw) calc(85 / 1440 * 100cqw); width: calc(660 / 1440 * 100cqw); border-radius: 0 0 calc(2 / 1440 * 100cqw) calc(2 / 1440 * 100cqw); display: flex; flex-direction: column; }
.campaign_precautions .contents_inner > strong	{ margin-bottom: calc(15 / 1440 * 100cqw); display: block; font-size: calc(12 / 1440 * 100cqw); color: var(--color-greyb2); font-family: var(--main-font); line-height: 1; font-weight: 500; }
.precautions_txt_area	{ gap: 1.3cqw; padding: calc(15 / 1440 * 100cqw) calc(10 / 1440 * 100cqw) calc(15 / 1440 * 100cqw) calc(14 / 1440 * 100cqw); aspect-ratio: 490 / 225; width: 100%; height: 100%; border: 1px solid var(--color-greyd4); overflow-y: scroll; display: flex; flex-direction: column; }
.precautions_txt_area > p	{ font-size: calc(12 / 1440 * 100cqw); line-height: 1.5; font-weight: 400; color: var(--color-grey2a); width: 100%; }
.precautions_txt_area > p b	{ font-weight: 500; }
.precautions_txt_area > p a	{ font-family: inherit; font-size: inherit; color: inherit; font-weight: 500; text-decoration: underline; transition: color .8s ease; }
@media (min-width: 768px)	{ 
	.precautions_txt_area > p a:hover	{ color:#7f7f82; text-decoration: none; }
}
@media (max-width: 1440px)	{ 
	.campaign_precautions .contents_inner > strong	{ font-size: 12px; }
	.precautions_txt_area > p	{ font-size: 12px; }
}
@media (max-width: 767.9px)	{ 
	.campaign_precautions .contents_inner	{ padding: calc(120 / 750 * 100cqw) calc(70 / 750 * 100cqw); width: calc(690 / 750 * 100cqw); border-radius: 0 0 calc(3 / 750 * 100cqw) calc(3 / 750 * 100cqw); }
	.campaign_precautions .contents_inner > strong	{ margin-bottom: calc(30 / 750 * 100cqw); font-size: calc(24 / 750 * 100cqw); }
	.precautions_txt_area	{ gap: 5cqw; padding: calc(30 / 750 * 100cqw) calc(5 / 750 * 100cqw) calc(40 / 750 * 100cqw) calc(30 / 750 * 100cqw); aspect-ratio: 550 / 450; }
	.precautions_txt_area > p	{ font-size: calc(24 / 750 * 100cqw); }
}

/* ------------ CAMPAIGN STEP ------------- */
.campaign_step	{ padding: calc(60 / 1440 * 100cqw) 0 calc(22 / 1440 * 100cqw); width: 100%; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; }
.campaign_step > h3	{ font-size: calc(19 / 1440 * 100cqw); line-height: 1.368; font-weight: 500; color: var(--color-white); text-align: center; }
.campaign_step_slider_wrapper	{ width: 100%; display: block; position: relative; }
.campaign_step_slider_wrapper::before	{ background-color: var(--color-white); width: calc(660 / 1440 * 100cqw); height: 100%; border-radius: calc(2 / 1440 * 100cqw) calc(2 / 1440 * 100cqw) 0 0; content:""; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
@media (max-width: 1440px)	{ 
	.campaign_step > h3	{ font-size: 19px; }
}
@media (max-width: 767.9px)	{ 
	.campaign_step	{ padding: calc(116 / 750 * 100cqw) 0 calc(50 / 750 * 100cqw); }
	.campaign_step > h3	{ font-size: calc(38 / 750 * 100cqw); line-height: calc(52 / 750 * 100cqw); }
	.campaign_step_slider_wrapper	{ width: 100%; display: block; position: relative; }
	.campaign_step_slider_wrapper::before	{ width: calc(690 / 750 * 100cqw); border-radius: calc(3 / 750 * 100cqw) calc(3 / 750 * 100cqw) 0 0; }
}

/* ------------ CAMPAIGN STEP SLIDER ------------- */
.campaign_step_slider_inner	{ width: 100%; margin: 0 auto; position: relative; z-index: 1; }
.campaign_step_slider_ttle	{ height: calc(120 / 1440 * 100cqw); position: relative; width: 100%; }
.ttl-item	{ position: absolute; top: 64%; left: 46.5%; transform: translate(-50%,-50%); opacity: 0; visibility: hidden; transition: opacity 0.4s ease, visibility 0.4s ease; }
[data-step="1"] .ttl-item.step-1,
[data-step="2"] .ttl-item.step-2,
[data-step="3"] .ttl-item.step-3	{ opacity: 1; visibility: visible; }
.ttl-item	{ gap: calc(15 / 1440 * 100cqw); display: flex; align-items: center; justify-content: center; }
.ttl-item > h3	{ width: calc(160 / 1440 * 100cqw); font-size: calc(13 / 1440 * 100cqw); line-height: calc(19 / 1440 * 100cqw); font-weight: 500; line-height: normal; color: var(--color-grey2a); text-align: center; }
.step-label	{ width: calc(35 / 1440 * 100cqw); aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: var(--color-grey2a); line-height: 1; position: relative; }
.step-label > span	{ font-size: calc(14 / 1440 * 100cqw); font-weight: 500; line-height: 1; color: var(--color-white); text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.campaign_step_slider	{ position: relative; width: 100%; }
.slider-track	{ padding-bottom: calc(170 / 1440 * 100cqw); display: flex; align-items: flex-start; left: 50%; position: relative; transition: transform 0.4s ease; will-change: transform; }
.slide-item	{ margin: 0 calc(38 / 1440 * 100cqw); width: calc(154 / 1440 * 100cqw); flex-shrink: 0; transition: transform 0.4s ease, opacity 0.4s ease; cursor: pointer; }
.slide-item.is-active	{ opacity: 1; cursor: auto; }
.img-wrapper	{ position: relative; width: 100%; }
.img-base	{ width: 100%; display: block; height: auto; transition: opacity 0.4s ease; }
.slide-item.is-active .img-base	{ opacity: 0; }
.img-active { width: calc(260 / 1440 * 100cqw)!important; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; }
.slide-item.is-active .img-active { opacity: 1; }
.campaign_step_button	{ margin-bottom: calc(60 / 1440 * 100cqw); width: 100%; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; }
.campaign_step_button > a	{ width: calc(190 / 1440 * 100cqw); border-radius: calc(40 / 1440 * 100cqw); aspect-ratio: 190 / 40; border: 1px solid var(--color-grey2a); display: flex; align-items: center; justify-content: center; line-height: 1; transition: background-color .6s ease, border-color .6s ease; }
.campaign_step_button > a > span	{ font-size: calc(12 / 1440 * 100cqw); line-height: normal; font-weight: 500; color: var(--color-grey2a); transition: color .6s ease; }
@media (min-width: 768px)	{ 
	.campaign_step_button > a:hover	{ border: 1px solid var(--color-grey7f); background-color: var(--color-grey7f); }
	.campaign_step_button > a:hover > span	{ color: var(--color-white); }
}
@media (max-width: 1440px)	{ 
	.campaign_step_slider_ttle	{ height: 120px; }
	.ttl-item	{ gap: 15px; }
	.ttl-item > h3	{ font-size: 13px; }
	.step-label > span	{ font-size: 14px; }
	.campaign_step_button	{ margin-bottom: 60px; }
	.campaign_step_button > a	{ width: 190px; border-radius: 40px; }
	.campaign_step_button > a > span	{ font-size: 12px; }
}
@media (max-width: 767.9px)	{ 
	.campaign_step_slider_inner	{ overflow: hidden; }
	.campaign_step_slider_ttle	{ height: calc(240 / 750 * 100cqw); }
	.ttl-item	{ top: 64%; left: 43%; }
	.ttl-item	{ gap: calc(30 / 750 * 100cqw); }
	.ttl-item > h3	{ width: calc(320 / 750 * 100cqw); font-size: calc(26 / 750 * 100cqw); line-height: calc(38 / 750 * 100cqw); }
	.step-label	{ width: calc(70 / 750 * 100cqw); }
	.step-label > span	{ font-size: calc(28 / 750 * 100cqw); }
	.slider-track	{ padding-bottom: calc(360 / 750 * 100cqw); }
	.slide-item	{ margin: 0 calc(73 / 750 * 100cqw); width: calc(300 / 750 * 100cqw); }
	.img-active { width: calc(506.49 / 750 * 100cqw)!important; }
	.campaign_step_button	{ margin-bottom: calc(120 / 750 * 100cqw); }
	.campaign_step_button > a	{ width: calc(380 / 750 * 100cqw); border-radius: calc(80 / 750 * 100cqw); aspect-ratio: 380 / 80; }
	.campaign_step_button > a > span	{ font-size: calc(24 / 750 * 100cqw); }
}

/* ------------ CAMPAIGN STEP SLIDER ARROW ------------- */
.nav-arrow	{ position: absolute; top: calc(138 / 1440 * 100cqw); z-index: 3; background: transparent; border: none; cursor: pointer; padding: 0; display: none; align-items: center; justify-content: center;
 --base-screen-width: 1440; --arrow-height-px: 10; --arrow-base-px: 13; width: calc(32 / 1440 * 100cqw); height: calc(32 / 1440 * 100cqw); }
.nav-arrow::before	{ content: ""; display: block; width: calc(var(--arrow-height-px) / var(--base-screen-width) * 100cqw); height: calc(var(--arrow-base-px) / var(--base-screen-width) * 100cqw); background-color: var(--color-grey2a); clip-path: polygon(0 0, 100% 50%, 0 100%); will-change: clip-path; transition: background-color .6s ease; }
.nav-arrow.prev::before	{ clip-path: polygon(100% 0, 0 50%, 100% 100%); }
.arrow-inner-left  { left: calc(230 / 1440 * 100cqw); }
.arrow-outer-left  { left: 0; }
.arrow-inner-right { right: calc(230 / 1440 * 100cqw); }
.arrow-outer-right { right: 0; }
[data-step="1"] .arrow-inner-right,
[data-step="1"] .arrow-outer-right	{ display: flex; }
[data-step="2"] .arrow-inner-left,
[data-step="2"] .arrow-inner-right	{ display: flex; }
[data-step="3"] .arrow-outer-left,
[data-step="3"] .arrow-inner-left	{ display: flex; }
@media (min-width: 768px)	{ 
	.nav-arrow:hover::before	{ background-color:#7f7f82; }
}
@media (max-width: 768px) {
	.nav-arrow	{ top: calc(270 / 750 * 100cqw); --base-screen-width: 750; --arrow-height-px: 20; --arrow-base-px: 26; width: calc(80 / 750 * 100cqw); height: calc(80 / 750 * 100cqw); }
	.arrow-inner-left  { left: calc(110 / 750 * 100cqw); }
	.arrow-inner-right { right: calc(110 / 750 * 100cqw); }
	.arrow-outer-right, 
	.arrow-outer-left, 
	[data-step="1"] .arrow-outer-right, 
	[data-step="3"] .arrow-outer-left	{ display: none; }
}

/* ------------ CAMPAIGN HINT ------------- */
.campaign_hint_wrapper	{ margin-bottom: calc(28 / 1440 * 100cqw); width: 100%; display: flex; align-items: center; justify-content: center; position: relative; }
.campaign_hint_wrapper .contents_inner	{ background-color: var(--color-greyf4); padding: calc(62 / 1440 * 100cqw) calc(85 / 1440 * 100cqw) calc(58 / 1440 * 100cqw); width: calc(660 / 1440 * 100cqw); border-radius: 0 0 calc(2 / 1440 * 100cqw) calc(2 / 1440 * 100cqw); display: flex; flex-direction: column; }
.campaign_hint_hdd	{ gap: calc(15 / 1440 * 100cqw); margin-bottom: calc(40 / 1440 * 100cqw); padding-bottom: calc(33 / 1440 * 100cqw); display: flex; flex-direction: column; border-bottom: 1px solid var(--color-greyd4); }
.campaign_hint_hdd > h3	{ gap: calc(5 / 1440 * 100cqw); display: flex; align-items: center; justify-content: flex-start; }
.campaign_hint_hdd > h3 > b	{ font-size: calc(11 / 1440 * 100cqw); width: calc(15 / 1440 * 100cqw); line-height: calc(15 / 1440 * 100cqw); color: var(--color-white); aspect-ratio: 1 / 1; text-align: center; font-weight: 500; background-color: var(--color-grey2a); border-radius: 50%; }
.campaign_hint_hdd > h3 > span	{ font-size: calc(15 / 1440 * 100cqw); line-height: 1; color: var(--color-grey2a); font-weight: 500; }
.campaign_hint_hdd > p	{ font-size: calc(14 / 1440 * 100cqw); line-height: calc(25 / 1440 * 100cqw); color: var(--color-grey2a); font-weight: 400; }
.campaign_hint	{ gap: calc(12 / 1440 * 100cqw); margin-bottom: calc(40 / 1440 * 100cqw); display: flex; flex-direction: column; }
.campaign_hint > b	{ font-size: calc(12 / 1440 * 100cqw); line-height: 1; color: var(--color-greyb2); font-weight: 500; }
.campaign_hint > p	{ background-color: var(--color-white); padding: calc(20 / 1440 * 100cqw) 0; border-radius: calc(2 / 1440 * 100cqw); font-size: calc(12 / 1440 * 100cqw); line-height: calc(18 / 1440 * 100cqw); color: var(--color-grey2a); font-weight: 400; text-align: center; display: block; width: 100%; position: relative; }
.campaign_hint > p::after { content: ""; position: absolute; left: 100%; bottom: 15px; width: 10px; height: 8px; background-color: var(--color-white); clip-path: polygon(0 0, 100% 0, 0 100%); }
.campaign_hint_bottom	{ margin-top: calc(0px - (10 / 1440 * 100cqw)); font-size: calc(12 / 1440 * 100cqw); line-height: calc(20 / 1440 * 100cqw); color: var(--color-grey2a); font-weight: 400; }
@media (min-width: 768px)	{ 
	.campaign_hint_bottom	{ margin-left: 1em; text-indent: -1em; }
}
@media (max-width: 1440px)	{ 
	.campaign_hint_hdd > h3	{ gap: 5px;  }
	.campaign_hint_hdd > h3 > b	{ font-size: 11px; width: 15px; line-height: 15px; }
	.campaign_hint_hdd > h3 > span	{ font-size: 15px; }
	.campaign_hint_hdd > p	{ font-size: 14px; }
	.campaign_hint > b	{ font-size: 12px; }
	.campaign_hint > p	{ padding: 20px 0; font-size: 12px; line-height: 18px; }
	.campaign_hint_bottom	{ font-size: 12px; line-height: 20px; }
}
@media (max-width: 767.9px)	{ 
	.campaign_hint_wrapper	{ margin-bottom: calc(56 / 750 * 100cqw); }
	.campaign_hint_wrapper .contents_inner	{ padding: calc(124 / 750 * 100cqw) calc(70 / 750 * 100cqw) calc(110 / 750 * 100cqw); width: calc(690 / 750 * 100cqw); border-radius: 0 0 calc(3 / 750 * 100cqw) calc(3 / 750 * 100cqw); }
	.campaign_hint_hdd	{ gap: calc(32 / 750 * 100cqw); margin-bottom: calc(86 / 750 * 100cqw); padding-bottom: calc(66 / 750 * 100cqw); }
	.campaign_hint_hdd > h3	{ gap: calc(10 / 750 * 100cqw); }
	.campaign_hint_hdd > h3 > b	{ font-size: calc(22 / 750 * 100cqw); width: calc(30 / 750 * 100cqw); line-height: calc(30 / 750 * 100cqw); }
	.campaign_hint_hdd > h3 > span	{ font-size: calc(30 / 750 * 100cqw); }
	.campaign_hint_hdd > p	{ font-size: calc(28 / 750 * 100cqw); line-height: calc(50 / 750 * 100cqw); }
	.campaign_hint	{ gap: calc(28 / 750 * 100cqw); margin-bottom: calc(88 / 750 * 100cqw); }
	.campaign_hint > b	{ font-size: calc(24 / 750 * 100cqw); }
	.campaign_hint > p	{ padding: calc(30 / 750 * 100cqw) calc(50 / 750 * 100cqw) calc(30 / 750 * 100cqw) calc(60 / 750 * 100cqw); border-radius: calc(3 / 750 * 100cqw); font-size: calc(24 / 750 * 100cqw); line-height: calc(36 / 750 * 100cqw); text-align: left; }
	.campaign_hint > p br	{ display: none; }
	.campaign_hint_bottom	{ margin-top: calc(0px - (16 / 750 * 100cqw)); font-size: calc(24 / 750 * 100cqw); line-height: calc(40 / 750 * 100cqw); }
	.campaign_hint > p br,
	.campaign_hint_bottom br	{ display: none; }
}

/* ------------ CAMPAIGN FAQ ------------- */
.campaign_faq_wrapper	{ width: 100%; display: flex; align-items: center; justify-content: center; position: relative; }
.campaign_faq_wrapper .contents_inner	{ background-color: var(--color-greyf4); padding: calc(60 / 1440 * 100cqw) calc(85 / 1440 * 100cqw) calc(60 / 1440 * 100cqw); width: calc(660 / 1440 * 100cqw); border-radius: calc(2 / 1440 * 100cqw); display: flex; flex-direction: column; }
.campaign_faq_hdd	{ margin-bottom: calc(40 / 1440 * 100cqw); padding-bottom: calc(38 / 1440 * 100cqw); display: flex; flex-direction: column; border-bottom: 1px solid var(--color-greyd4); }
.campaign_faq_hdd > h3	{ font-size: calc(15 / 1440 * 100cqw); line-height: 1; color: var(--color-grey2a); font-weight: 500; }
.campaign_faq	{ gap: calc(10 / 1440 * 100cqw); margin-bottom: calc(36 / 1440 * 100cqw); padding-bottom: calc(33 / 1440 * 100cqw); display: flex; flex-direction: column; border-bottom: 1px dashed var(--color-greyd4); }
.campaign_faq > p	{ font-size: calc(13 / 1440 * 100cqw); line-height: calc(23 / 1440 * 100cqw); color: var(--color-grey2a); font-weight: 400; }
.campaign_faq > p > b	{ font: inherit; color: inherit; letter-spacing: inherit; font-weight: 500; }
.campaign_faq > p.qaq	{ color: var(--color-greyb2); font-weight: 500; }
.campaign_faq > p.aten	{ font-size: calc(12 / 1440 * 100cqw); line-height: calc(20 / 1440 * 100cqw); }
.campaign_faq.last	{ border: 0; padding: 0; margin: 0; }
.campaign_faq_example	{ gap: calc(8 / 1440 * 100cqw); margin-top: calc(5 / 1440 * 100cqw); padding: calc(12 / 1440 * 100cqw) calc(17 / 1440 * 100cqw); width: 100%; display: flex; flex-direction: column; border: 1px solid var(--color-greyd4); border-radius: calc(2 / 1440 * 100cqw); }
.campaign_faq_example > b	{ font-size: calc(12 / 1440 * 100cqw); line-height: 1; font-weight: 500; color: var(--color-greyb2); }
.campaign_faq_example > p	{ font-size: calc(12 / 1440 * 100cqw); line-height: 1; font-weight: 400; color: var(--color-grey2a); }
@media (max-width: 1440px)	{ 
	.campaign_faq_hdd > h3	{ font-size: 15px; }
	.campaign_faq	{ gap: 10px; margin-bottom: 36px; padding-bottom: 33px; }
	.campaign_faq > p	{ font-size: 13px; line-height: 23px; }
	.campaign_faq > p.aten	{ font-size: 12px; line-height: 20px; }
	.campaign_faq_example	{ gap: 8px; margin-top: 5px; padding: 12px 17px; }
	.campaign_faq_example > b	{ font-size: 12px; }
	.campaign_faq_example > p	{ font-size: 12px; }
}
@media (max-width: 767.9px)	{ 
	.campaign_faq_wrapper .contents_inner	{ padding: calc(120 / 750 * 100cqw) calc(70 / 750 * 100cqw); width: calc(690 / 750 * 100cqw); border-radius: 0 0 calc(3 / 750 * 100cqw) calc(3 / 750 * 100cqw); }
	.campaign_faq_hdd	{ margin-bottom: calc(80 / 750 * 100cqw); padding-bottom: calc(80 / 750 * 100cqw); }
	.campaign_faq_hdd > h3	{ font-size: calc(30 / 750 * 100cqw); }
	.campaign_faq	{ gap: calc(20 / 750 * 100cqw); margin-bottom: calc(72 / 750 * 100cqw); padding-bottom: calc(66 / 750 * 100cqw); }
	.campaign_faq > p	{ font-size: calc(26 / 750 * 100cqw); line-height: calc(46 / 750 * 100cqw); }
	.campaign_faq > p.qaq.no	{ white-space: nowrap; }
	.campaign_faq > p.aten	{ font-size: calc(24 / 750 * 100cqw); line-height: calc(40 / 750 * 100cqw); }
	.campaign_faq_example	{ gap: calc(16 / 750 * 100cqw); margin-top: calc(10 / 750 * 100cqw); padding: calc(24 / 750 * 100cqw) 0 calc(24 / 750 * 100cqw) calc(22 / 750 * 100cqw); border-radius: calc(3 / 750 * 100cqw); }
	.campaign_faq_example > b, 
	.campaign_faq_example > p	{ font-size: calc(24 / 750 * 100cqw); }
}

/* ------------ CAMPAIGN FOOTER ------------- */
.campaign_footer	{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; position: relative; aspect-ratio: 720 / 417; }
.campaign_footer > a	{ width: calc(188 / 1440 * 100cqw); margin-bottom: calc(40 / 1440 * 100cqw); display: flex; transition: opacity .6s ease; }
.campaign_footer > p	{ bottom: calc(30 / 1440 * 100cqw); font-size: calc(9 / 1440 * 100cqw); line-height: 1; white-space: nowrap; color: var(--color-white); font-weight: 400; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
@media (min-width: 768px)	{ 
	.campaign_footer > a:hover	{ opacity: .6; }
}
@media (max-width: 1440px)	{ 
	.campaign_footer > a	{ width: 188px; }
	.campaign_footer > p	{ bottom: 30px; font-size: 9px; }
}
@media (max-width: 767.9px)	{ 
	.campaign_footer	{ aspect-ratio: 750 / 832; }
	.campaign_footer > a	{ width: calc(375 / 750 * 100cqw); margin-bottom: calc(80 / 750 * 100cqw); }
	.campaign_footer > p	{ bottom: calc(60 / 750 * 100cqw); font-size: calc(18 / 750 * 100cqw); }
}

/* ------------ FIX BUTTON ------------- */
.fix_button	{ width: 100%; display: flex; align-items: center; justify-content: flex-end; padding: calc(40 / 1440 * 100cqw); height: calc(83 / 1440 * 100cqw); position: fixed; right: 0; bottom: 0; pointer-events: none; z-index: 6; transition: opacity .4s ease; }
.fix_button > a	{ width: calc(155 / 1440 * 100cqw); border-radius: calc(40 / 1440 * 100cqw); aspect-ratio: 155 / 40; background-color: var(--color-grey2a); display: flex; align-items: center; justify-content: center; line-height: 1; position: relative; transition: background-color .6s ease; pointer-events: auto; }
.fix_button > a > span	{ font-size: calc(12 / 1440 * 100cqw); line-height: 1; white-space: nowrap; color: var(--color-white); font-weight: 500; }
.fix_button.hidden	{ opacity: 0; }
.fix_button.hidden > a	{ pointer-events: none; }
@media (min-width: 768px)	{ 
	.fix_button > a:hover	{ background-color: var(--color-grey7f); }
}
@media (max-width: 1440px)	{ 
	.fix_button	{ padding: 40px; height: 83px; }
	.fix_button > a	{ width: 155px; border-radius: 40px; }
	.fix_button > a > span	{ font-size: 12px; }
}
@media (max-width: 767.9px)	{ 
	.fix_button	{ padding: calc(40 / 750 * 100cqw); height: calc(164 / 750 * 100cqw); }
	.fix_button > a	{ width: calc(310 / 750 * 100cqw); border-radius: calc(80 / 750 * 100cqw); aspect-ratio: 310 / 80; }
	.fix_button > a > span	{ font-size: calc(24 / 750 * 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;
}