@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600&display=swap');
@font-face {
  font-family: 'GGrotesk';
  src: url('fonts/GoldwinGroteskPre-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  size-adjust: 105%;
}
@font-face {
  font-family: 'GGrotesk';
  src: url('fonts/GoldwinGroteskPre-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  size-adjust: 105%;
}
@font-face {
  font-family: 'GGrotesk';
  src: url('fonts/GoldwinGroteskPre-Semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  size-adjust: 105%;
}
:root	{
	--color-Prim: #50a064;
	--color-Seco: #1e1e1e;
	--color-white: #fff;
	--main-font: 'GGrotesk', '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-Seco); font-family: var(--main-font); font-weight: 500; 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; }
.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(-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); }
}

/* ------------ ANIMATION ------------- */
.scrollIn	{ opacity: 0; transition: opacity 1s ease; }
.scrollIn.active	{ opacity: 1; -webkit-transition-delay: .4s; transition-delay: .4s; }
@keyframes fvZoom	{
	from { transform: scale(1); }
	to	{ transform: scale(1.08); }
}
@keyframes pulseOpacity	{
	0%	{ opacity: 0.2; }
	50%	{ opacity: 0.5; }
	100%	{ opacity: 0.2; }
}
/* ------------ BG SLIDER ------------- */
.loading-mask	{ content:""; position:fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; background-color: var(--color-Prim); z-index: 12; transition: opacity 1s ease; }
.loading-mask.active	{ opacity: 0; pointer-events: none!important; -webkit-transition-delay: .3s; transition-delay: .3s; }
.bgslider_wrapper	{ position:fixed; top:48px; left:0; right:0; width:100%; height:calc(100vh - 48px); height:calc(100dvh - 48px); display:flex; z-index: -1; }
.bgslider_wrapper::after	{ content:""; position:fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--color-Prim); transition: background-color 1s ease; }
.bgslider_wrapper.active::after	{ background-color: transparent; }
.bgslider_inner	{ width:50%; height:100%; }
#fv-slider,
.fvSwiperLeft,
.fvSwiperRight,
.fvSwiperSP,
.swiper-wrapper,
.swiper-slide	{ width:100%; height:100%; }
.bgslider_inner img,
.bgslider_wrapper img{ user-select:none; -webkit-user-drag:none; pointer-events:none; }
@media (max-width:767px){
	.bgslider_wrapper	{ top:48px; height:calc(100vh - 48px)!important; }
	.bgslider_wrapper::after	{ z-index: 1; }
}
.swiper-slide	{ overflow: hidden; }
.fv-image	{ width: 100%; height: 100%; transform: scale(1); transform-origin: center center; will-change: transform; }
.fv-image 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; justify-content: flex-end; position: relative; }
.main_left, 
.main_right	{ width: 50%; height: 100%; position: relative; }
.main_left .day	{ position: absolute; left: calc(5 / 1440 * 100cqw); top: calc(5 / 1440 * 100cqw); width: calc(223 / 1440 * 100cqw); }
.main_left .d811	{ width: calc(336 / 1440 * 100cqw); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: opacity .8s ease; opacity: 1; }
.main_right .logo	{ position: absolute; right: calc(5 / 1440 * 100cqw); top: calc(5 / 1440 * 100cqw); width: calc(112 / 1440 * 100cqw); }
.main_right .point	{ position: absolute; right: 0; bottom: calc(20 / 1440 * 100cqw); width: calc(150 / 1440 * 100cqw); }
.main_right .point a	{ display: flex; width: 100%; height: 100%; position: relative; }
.main_right .point a img.bg	{ width: 100%; transition: opacity .6s ease; }
.main_right .point a img.tx	{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; object-fit: contain; z-index: 1; }

.main_right h2.yamanohi	{ width: calc(80 / 1440 * 100cqw); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: opacity .8s ease; opacity: 1; }

.main_left .d811.disable, 
.main_right h2.yamanohi.disable	{ opacity: 0; pointer-events: none; }

@media (max-width: 999.9px)	{ 
	.main_wrapper	{ height:calc(100dvh - 48px); }
}
@media (min-width: 768px)	{ 
	.main_left.fix	{ position: fixed; height:calc(100vh - 48px); top: 48px; left: 0; }
	.main_right .point a:hover img.bg	{ opacity: .8; }
}
@media (max-width: 767.9px)	{ 
	.main_wrapper	{ height:calc(100svh - 48px); }
	.main_left, 
	.main_right	{ width: 100%; height: 100%; }
	.main_right	{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
	.main_left .day	{ left: calc(10 / 750 * 100cqw); top: calc(10 / 750 * 100cqw); width: calc(446 / 750 * 100cqw); }
	.main_left .d811	{ width: calc(560 / 750 * 100cqw); }
	.main_right .logo	{ right: calc(10 / 750 * 100cqw); top: calc(10 / 750 * 100cqw); width: calc(223 / 750 * 100cqw); }
	.main_right .point	{ bottom: calc(40 / 750 * 100cqw); width: calc(300 / 750 * 100cqw); }
	.main_right h2	{ display: none; }
}

/* ------------ MAIN INFORMATION ------------- */
.contents_wrapper	{ width: 100%; display: flex; flex-direction: column; align-items: flex-end; }
.contents_inner	{ width: 50%; display: flex; flex-direction: column; position: relative; }
.contentsradius	{ width: 100%; background-color: color-mix(in srgb, var(--color-Prim) 80%, transparent); border-radius: calc(20 / 1440 * 100cqw) calc(20 / 1440 * 100cqw) 0 0; display: flex; flex-direction: column; align-items: center; position: relative; }
.contentsradius.norad	{ border-radius: 0; }
p.mainread	{ font-size: calc(18 / 1440 * 100cqw); font-weight: 500; color: var(--color-white); padding: calc(114 / 1440 * 100cqw) 0 0; line-height: 2; margin-bottom: calc(100 / 1440 * 100cqw); }
span.letsp	{ letter-spacing:0!important; font-family: inherit; font-size: inherit; color: inherit; font-weight: inherit; }
@media (max-width: 767.9px)	{ 
	.contents_inner	{ width: 100%; }
	.contentsradius	{ border-radius: calc(36 / 750 * 100cqw) calc(36 / 750 * 100cqw) 0 0; }
	p.mainread	{ font-size: calc(38 / 750 * 100cqw); padding: calc(225 / 750 * 100cqw) 0 0; margin-bottom: calc(80 / 750 * 100cqw); }
}

/* ------------ NAVIGATION ------------- */
.contents_navigation	{ width: 100%; display: flex; justify-content: center; gap: calc(9 / 1440 * 100cqw); position: -webkit-sticky; position: sticky; bottom: calc(20 / 1440 * 100cqw); margin-bottom: calc(40 / 1440 * 100cqw); z-index: 4; }
.contents_navsng	{ display: flex; justify-content: center; width: calc(197 / 1440 * 100cqw); height: calc(40 / 1440 * 100cqw); border: 1px solid var(--color-Prim); border-radius: 500px; }
a.navleft, 
a.navright	{ color: var(--color-Seco); width: 50%; display: flex; align-items: center; justify-content: center; font-size: calc(10 / 1440 * 100cqw); font-weight: 600; text-align: center; line-height: 1.1; background-color: #dcece1; transition: color .6s ease, background-color .6s ease; pointer-events: auto; }
a.navleft	{ border-radius: 500px 0 0 500px; }
a.navright	{ border-radius: 0 500px 500px 0; border-left: 1px solid #a7cfb1; }
a.navleft:active, 
a.navright:active	{ color: var(--color-Prim); background-color: #c3deca; opacity: 1; }
.contents_navcicr	{ display: flex; width: calc(152 / 1440 * 100cqw); height: calc(40 / 1440 * 100cqw); pointer-events: auto; }
.contents_navcicr > a	{ display: flex; position: relative; background-color: rgba(255,255,255,1); transition: background-color .6s ease; border: 1px solid var(--color-Prim); border-radius: 500px; }
.contents_navcicr > a:active	{ color: var(--color-Prim); background-color: #dfede2; opacity: 1; }
.contents_navcicr > a img.tx	{ width: 100%; height: 100%; transition: opacity .6s ease; opacity: 1; }
.contents_navcicr > a img.ov	{ width: 100%; height: 100%; z-index: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: opacity .6s ease; opacity: 0;  }
@media (min-width: 768px)	{ 
	a.navleft:hover, 
	a.navright:hover	{ color: var(--color-Prim); background-color: #c3deca; opacity: 1; }
	.contents_navcicr > a:hover	{ background-color: rgba(255,255,255,.8); }
	.contents_navcicr > a:hover img.tx	{ opacity: 0; }
	.contents_navcicr > a:hover img.ov	{ opacity: 1; }
}
@media (max-width: 767.9px)	{ 
	.contents_navigation	{ gap: calc(12 / 750 * 100cqw); bottom: calc(40 / 750 * 100cqw); margin-bottom: calc(40 / 750 * 100cqw); }
	.contents_navsng	{ width: calc(394 / 750 * 100cqw); height: calc(80 / 750 * 100cqw); }
	a.navleft, 
	a.navright	{ font-size: calc(20 / 750 * 100cqw); }
	.contents_navcicr	{ width: calc(304 / 750 * 100cqw); height: calc(80 / 750 * 100cqw); }
	.contents_navcicr > a	{ font-size: calc(28 / 750 * 100cqw); }
}

/* ------------ ABOUT ------------- */
.about_wrapper	{ display: flex; flex-direction: column; position: relative; height: 220vh; }
.about_inner	{ width: 100%; position: -webkit-sticky; position: sticky; top: 20dvh; }
.about_img_wrapper	{ width: 100%; display: flex; flex-direction: column; position: relative; margin-bottom: calc(50 / 750 * 100cqw); }
.about_img	{ width: calc(450 / 1440 * 100cqw); }
.about_img.st1	{ z-index: 1; position: relative; }
.about_img.st2	{ position: absolute; left: 0; right: 0; top: 0; z-index: 2; transition: opacity .8s ease; opacity: 0; }
.about_img.st3	{ z-index: 3; margin-top: calc(-160 / 1440 * 100cqw); transition: opacity .8s ease; opacity: 0; }
.about_img.st2.active,
.about_img.st3.active	{ opacity: 1; }
.about_img img	{ width: 100%; }
#about_trigger	{ display: block; width: 100%; height: 1px; position: relative; z-index: 99; }
@media (max-width: 767.9px)	{ 
	.about_wrapper	{ width: 100%; display: flex; padding-top: calc(480 / 750 * 100cqw); margin-bottom: calc(100 / 750 * 100cqw); height: 300vh; }
	.about_img	{ width: 100%;  }
	.about_img.st3	{ margin-top: calc(-300 / 750 * 100cqw); }
}

/* ------------ ABOUT CAMPAIGN ------------- */
.about_campaign_wrapper	{ width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; padding: calc(45 / 1440 * 100cqw) 0 0; margin-bottom: calc(76 / 1440 * 100cqw); }
.about_campaign_hdd	{ width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; margin-bottom: calc(26 / 1440 * 100cqw); }
.about_campaign_hdd > strong	{ font-size: calc(28 / 1440 * 100cqw); font-weight: 500; color: var(--color-white); line-height: 1; letter-spacing:0; margin-bottom: calc(8 / 1440 * 100cqw); }
.about_campaign_hdd > h3	{ font-size: calc(14 / 1440 * 100cqw); font-weight: 600; color: var(--color-white); line-height: 1; }
.about_campaign_inner	{ padding: calc(60 / 1440 * 100cqw); width: calc(100% - 5.55555cqw); border-radius: calc(18 / 1440 * 100cqw); background-color: #6aae7b; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.about_campaign_inner > p	{ width: 100%; color: var(--color-white); font-size: calc(16 / 1440 * 100cqw); font-weight: 500; line-height: 1.5; margin-bottom: calc(10 / 1440 * 100cqw); }
.about_campaign_inner > p.attention	{ font-size: calc(11 / 1440 * 100cqw); font-weight: 400; margin-bottom: calc(45 / 1440 * 100cqw); }
@media (max-width: 767.9px)	{ 
	.about_campaign_wrapper	{ padding: calc(60 / 750 * 100cqw) 0 0; margin-bottom: calc(205 / 750 * 100cqw); }
	.about_campaign_hdd	{ margin-bottom: calc(60 / 750 * 100cqw); }
	.about_campaign_hdd > strong	{ font-size: calc(56 / 750 * 100cqw); margin-bottom: calc(20 / 750 * 100cqw); }
	.about_campaign_hdd > h3	{ font-size: calc(28 / 750 * 100cqw); }
	.about_campaign_inner	{ padding: calc(110 / 750 * 100cqw) calc(60 / 750 * 100cqw); width: 100%; border-radius: calc(40 / 750 * 100cqw);  }
	.about_campaign_inner > p	{ font-size: calc(32 / 750 * 100cqw); margin-bottom: calc(40 / 750 * 100cqw); }
	.about_campaign_inner > p.attention	{ font-size: calc(22 / 750 * 100cqw); margin-bottom: calc(85 / 750 * 100cqw); }
}
.about_campaign_point	{ width: 100%; margin-bottom: calc(10 / 1440 * 100cqw); border-radius: calc(9 / 1440 * 100cqw); background-color: #eff6ef; display: flex; flex-direction: column; gap: calc(10 / 1440 * 100cqw); align-items: center; justify-content: center; margin-top: 1cqw; aspect-ratio: 13 / 3; }
.about_campaign_point > b	{ color: var(--color-Prim); font-size: calc(20 / 1440 * 100cqw); font-weight: 400; line-height: 1.5; }
.about_campaign_point > strong	{ color: var(--color-Prim); font-size: calc(35 / 1440 * 100cqw); font-weight: 400; line-height: 1; }
.about_campaign_point > strong span	{ font-size: calc(14 / 1440 * 100cqw); }
@media (max-width: 767.9px)	{ 
	.about_campaign_point	{ padding-top: 2cqw; margin-bottom: calc(20 / 750 * 100cqw); border-radius: calc(16 / 750 * 100cqw); gap: calc(16 / 750 * 100cqw); aspect-ratio: 21 / 8; }
	.about_campaign_point > b	{ font-size: calc(37 / 750 * 100cqw); }
	.about_campaign_point > strong	{ font-size: calc(70 / 750 * 100cqw); }
	.about_campaign_point > strong span	{ font-size: calc(28 / 750 * 100cqw); }
}
.about_set	{ width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; position: relative; padding: calc(11 / 1440 * 100cqw) 0; margin-bottom: calc(22 / 1440 * 100cqw); border-bottom: 1px solid #a7cfb1; }
.about_set.last	{ border: 0; margin-bottom: calc(35 / 1440 * 100cqw); }
.about_set > strong	{ font-size: calc(16 / 1440 * 100cqw); font-weight: 600; color: var(--color-white); line-height: 1.2; margin-bottom: calc(16 / 1440 * 100cqw); }
.about_set > p	{ font-size: calc(16 / 1440 * 100cqw); font-weight: 400; color: var(--color-white); line-height: 1.5; margin-bottom: calc(10 / 1440 * 100cqw); }
.about_set > p.attention	{ font-size: calc(14 / 1440 * 100cqw); }
.about_set > p.attention.small	{ font-size: calc(11 / 1440 * 100cqw); margin-top: -.5cqw; }
.about_set > ul	{ margin-bottom: calc(10 / 1440 * 100cqw); padding-left: 1.8em; }
.about_set > ul > li	{ font-size: calc(14 / 1440 * 100cqw); font-weight: 400; color: var(--color-white); line-height: 1.5; position: relative; list-style-type: disc; }
@media (max-width: 767.9px)	{ 
	.about_set	{ padding: calc(29 / 750 * 100cqw) 0; margin-bottom: calc(40 / 750 * 100cqw); }
	.about_set.last	{ margin-bottom: calc(50 / 750 * 100cqw); }
	.about_set > strong	{ font-size: calc(32 / 750 * 100cqw); margin-bottom: calc(30 / 750 * 100cqw); }
	.about_set > p	{ font-size: calc(32 / 750 * 100cqw); margin-bottom: calc(20 / 750 * 100cqw); }
	.about_set > p.attention	{ font-size: calc(28 / 750 * 100cqw); }
	.about_set > p.attention.small	{ font-size: calc(22 / 750 * 100cqw); margin-top: -1cqw; }
	.about_set > ul	{ margin-bottom: calc(10 / 750 * 100cqw); }
	.about_set > ul > li	{ font-size: calc(28 / 750 * 100cqw); }
}
.precautions_wrapper	{ width: 100%; display: flex; flex-direction: column; }
.precautions_wrapper > strong	{ font-size: calc(14 / 1440 * 100cqw); font-weight: 700; color: var(--color-white); line-height: 1.5; width: 100%; padding: calc(10 / 1440 * 100cqw) calc(16 / 1440 * 100cqw); border: 1px solid var(--color-white); border-bottom: 0; }
.precautions_txt_area	{ width: 100%; height: 100%; aspect-ratio: 52 / 25; border: 1px solid var(--color-white); padding: calc(30 / 1440 * 100cqw) calc(16 / 1440 * 100cqw); overflow-y: scroll; display: flex; flex-direction: column; gap: .1cqw; }
.precautions_txt_area > p	{ width: 100%; font-size: calc(12 / 1440 * 100cqw); font-weight: 400; color: var(--color-white); line-height: 1.5; }
.precautions_txt_area > p.bar	{ height: calc(10 / 1440 * 100cqw); margin-bottom: calc(10 / 1440 * 100cqw); border-bottom: 1px solid var(--color-white); }
.precautions_txt_area > p a	{ letter-spacing:0!important; font-family: inherit; font-size: inherit; color: inherit; font-weight: inherit; }
@media (max-width: 767.9px)	{ 
	.precautions_wrapper > strong	{ font-size: calc(28 / 750 * 100cqw); padding: calc(20 / 750 * 100cqw) calc(30 / 750 * 100cqw); }
	.precautions_txt_area	{ aspect-ratio: 63 / 50; padding: calc(60 / 750 * 100cqw) calc(30 / 750 * 100cqw); gap: .3cqw; }
	.precautions_txt_area > p	{ font-size: calc(24 / 750 * 100cqw); }
.precautions_txt_area > p.bar	{ height: calc(20 / 750 * 100cqw); margin-bottom: calc(20 / 750 * 100cqw); }
}

/* ------------ HOW TO POST ------------- */
.how_to_post_wrapper	{ width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; padding: calc(45 / 1440 * 100cqw) 0 0; }
.how_to_post_hdd	{ width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; margin-bottom: calc(26 / 1440 * 100cqw); }
.how_to_post_hdd > strong	{ font-size: calc(28 / 1440 * 100cqw); font-weight: 500; color: var(--color-white); line-height: 1; letter-spacing:0; margin-bottom: calc(8 / 1440 * 100cqw); }
.how_to_post_hdd > h3	{ font-size: calc(14 / 1440 * 100cqw); font-weight: 600; color: var(--color-white); line-height: 1; }
.whiteoverflow	{ width: 100%; display: block; position: relative; padding: calc(60 / 1440 * 100cqw) 0 calc(10 / 1440 * 100cqw); margin-bottom: calc(30 / 1440 * 100cqw); }
.whiteoverflow::before	{ content:""; position: absolute; top: 0; bottom: 0; left: calc(40 / 1440 * 100cqw); right: calc(40 / 1440 * 100cqw); border-radius: calc(18 / 1440 * 100cqw); background-color: #edf5ef; }
.lrpadding	{ width: 100%; display: block; position: relative; padding: 0 calc(100 / 1440 * 100cqw); }
.lrpadding > p	{ width: 100%; color: var(--color-Seco); font-size: calc(16 / 1440 * 100cqw); font-weight: 500; line-height: 1.5; margin-bottom: calc(10 / 1440 * 100cqw); }
@media (max-width: 767.9px)	{ 
	.how_to_post_wrapper	{ padding: calc(45 / 750 * 100cqw) 0 0; }
	.how_to_post_hdd	{ margin-bottom: calc(50 / 750 * 100cqw); }
	.how_to_post_hdd > strong	{ font-size: calc(56 / 750 * 100cqw); margin-bottom: calc(20 / 750 * 100cqw); }
	.how_to_post_hdd > h3	{ font-size: calc(28 / 750 * 100cqw); }
	.whiteoverflow	{ padding: calc(120 / 750 * 100cqw) 0 calc(30 / 750 * 100cqw); margin-bottom: calc(60 / 750 * 100cqw); }
	.whiteoverflow::before	{ width: 100%; left: 0; right: 0; border-radius: calc(40 / 750 * 100cqw); }
	.lrpadding	{ padding: 0 calc(64.5 / 750 * 100cqw); }
	.lrpadding > p	{ font-size: calc(32 / 750 * 100cqw); margin-bottom: calc(60 / 750 * 100cqw); }
}
.loginwrapper	{ display: flex; gap: calc(20 / 1440 * 100cqw); align-items: center; padding: 1.8cqw 0 0; margin-bottom: calc(30 / 1440 * 100cqw); }
.loginwrapper > p	{ color: var(--color-Seco); font-size: calc(14 / 1440 * 100cqw); font-weight: 400; line-height: 1.5; }
.login_navcicr	{ flex-shrink: 0; display: flex; width: calc(190 / 1440 * 100cqw); height: calc(42 / 1440 * 100cqw); pointer-events: auto; }
.login_navcicr > a	{ width: 100%; height: 100%; background-color: var(--color-white); border: 1px solid var(--color-Prim); border-radius: 500px; display: flex; position: relative;  transition: background-color .6s ease; }
.login_navcicr > a:active	{ color: var(--color-Prim); background-color: transparent; opacity: 1; }
.login_navcicr > a img.tx	{ width: 100%; height: 100%; transition: opacity .6s ease; opacity: 1; }
.login_navcicr > a img.ov	{ width: 100%; height: 100%; z-index: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: opacity .6s ease; opacity: 0;  }
@media (min-width: 768px)	{ 
	.login_navcicr > a:hover	{ background-color: transparent; }
	.login_navcicr > a:hover img.tx	{ opacity: 0; }
	.login_navcicr > a:hover img.ov	{ opacity: 1; }
}
@media (max-width: 767.9px)	{ 
	.loginwrapper	{ flex-direction: column; gap: 4cqw 0; align-items: flex-start; padding: 1.8cqw 0 0; margin-bottom: calc(54 / 750 * 100cqw); }
	.loginwrapper > p	{ font-size: calc(28 / 750 * 100cqw); }
	.login_navcicr	{ width: calc(380 / 750 * 100cqw); height: calc(84 / 750 * 100cqw); }
	.login_navcicr > a	{ padding-top: .2cqw; font-size: calc(30 / 750 * 100cqw); }
}
.loginlinks	{ padding: calc(20 / 1440 * 100cqw) calc(20 / 1440 * 100cqw) calc(12 / 1440 * 100cqw); width: 100%; display: flex; border: 1px solid #a7cfb1; margin-bottom: calc(60 / 1440 * 100cqw); }
.loginlinks > p	{ color: var(--color-Seco); font-size: calc(14 / 1440 * 100cqw); font-weight: 400; line-height: 1.5; }
.loginlinks > p > a	{ text-decoration: underline; color: var(--color-Seco); transition: color .5s ease; font-weight: 600; }
.loginlinks > p > a:active	{ text-decoration: underline; color: var(--color-Prim); }
@media (min-width: 768px)	{ 
	.loginlinks > p > a:hover	{ text-decoration: underline; color: var(--color-Prim); }
}
@media (max-width: 767.9px)	{ 
	.loginlinks	{ padding: calc(38 / 750 * 100cqw) calc(40 / 750 * 100cqw) calc(34 / 750 * 100cqw); margin-bottom: calc(120 / 750 * 100cqw); }
	.loginlinks > p	{ font-size: calc(26 / 750 * 100cqw); }
}
.loginstep	{ width: 100%; display: flex; flex-direction: column; }
.loginstep_hd	{ gap: calc(12 / 1440 * 100cqw); margin-bottom: calc(30 / 1440 * 100cqw); width: 100%; display: flex; align-items: center; justify-content: flex-start;  }
.loginstep_hd > strong	{ width: calc(45 / 1440 * 100cqw); height: calc(16 / 1440 * 100cqw); display: flex; align-items: center; justify-content: center; background-color: #8e8e8e; }
.loginstep_hd > strong span	{ color: var(--color-white); font-size: calc(9 / 1440 * 100cqw); font-weight: 500; line-height: normal; letter-spacing: 0; }
.loginstep_hd > b	{ color: var(--color-Seco); font-size: calc(16 / 1440 * 100cqw); font-weight: 500; line-height: normal; }
.step01	{ margin-bottom: calc(50 / 1440 * 100cqw); }
.step02	{ margin-bottom: calc(50 / 1440 * 100cqw); padding-top: calc(50 / 1440 * 100cqw); border-top: 1px solid #a7cfb1; }
.step01 .loginstep_img	{ width: 100%; display: flex; align-items: center; justify-content: center; }
.step01 .loginstep_img .img_wrapper	{ width: calc(180 / 1440 * 100cqw); border-radius: calc(8 / 1440 * 100cqw); overflow: hidden; position: relative; }
.step02 .loginstep_img	{ gap: calc(15 / 1440 * 100cqw); width: 100%; display: flex; align-items: center; justify-content: center; }
.step02 .loginstep_img .img_wrapper	{ width: calc(150 / 1440 * 100cqw); border-radius: calc(8 / 1440 * 100cqw); overflow: hidden; position: relative; }
.loginstep_2	{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; 
	animation-name: pulseOpacity;
	animation-duration: 3s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}
@media (max-width: 767.9px)	{ 
	.loginstep_hd	{ gap: calc(20 / 750 * 100cqw); margin-bottom: calc(60 / 750 * 100cqw); }
	.loginstep_hd > strong	{ width: calc(90 / 750 * 100cqw); height: calc(32 / 750 * 100cqw); }
	.loginstep_hd > strong span	{ font-size: calc(18 / 750 * 100cqw); padding:0; }
	.loginstep_hd > b	{ font-size: calc(32 / 750 * 100cqw); }
	.step01	{ margin-bottom: calc(100 / 750 * 100cqw); }
	.step02	{ margin-bottom: calc(100 / 750 * 100cqw); padding-top: calc(100 / 750 * 100cqw); }
	.step01 .loginstep_img .img_wrapper	{ width: calc(360 / 750 * 100cqw); border-radius: calc(16 / 750 * 100cqw); }
	.step02 .loginstep_img	{ gap: calc(30 / 750 * 100cqw); }
	.step02 .loginstep_img .img_wrapper	{ width: calc(300 / 750 * 100cqw); border-radius: calc(16 / 750 * 100cqw); }
}

/* ------------ SHARE ------------- */
.share_wrapper	{ width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 1; }
.share_wrapper .whiteoverflow	{ margin-bottom: calc(80 / 1440 * 100cqw); }
.share_hd	{ margin-bottom: calc(56 / 1440 * 100cqw); gap: calc(16 / 1440 * 100cqw); width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 1; }
.share_hd > h4	{ margin-bottom: calc(16 / 1440 * 100cqw); color: var(--color-Seco); font-size: calc(21 / 1440 * 100cqw); font-weight: 500; line-height: 1.38; text-align: center; }
.share_hd > p	{ color: var(--color-Seco); font-size: calc(16 / 1440 * 100cqw); font-weight: 400; line-height: 1.38; text-align: center; }
.share_hd > p.mag	{ margin-bottom: calc(20 / 1440 * 100cqw); }
.share_ttle	{ margin-bottom: calc(30 / 1440 * 100cqw); padding-left: calc(100 / 1440 * 100cqw); gap: calc(10 / 1440 * 100cqw); position: relative; display: flex; align-items: center; justify-content: flex-start; z-index: 2; }
.share_ttle > h5	{ height: calc(35 / 1440 * 100cqw); padding: 0 calc(10 / 1440 * 100cqw); border-radius: calc(8 / 1440 * 100cqw); display: flex; align-items: center; justify-content: center; background-color: var(--color-Prim); }
.share_ttle > h5 span	{ color: var(--color-white); font-size: calc(18 / 1440 * 100cqw); font-weight: 600; line-height: normal; }
.share_ttle > p	{ font-size: calc(12 / 1440 * 100cqw); color: var(--color-Prim); font-weight: 500; line-height: 1; }
.share_bottom	{ margin-bottom: calc(20 / 1440 * 100cqw); padding: 0 calc(80 / 1440 * 100cqw) 0 calc(100 / 1440 * 100cqw); margin-top: -.4cqw; width: 100%; position: relative; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; }
.share_bottom > p	{ font-size: calc(16 / 1440 * 100cqw); color: var(--color-Prim); font-weight: 500; line-height: 1.5; }
@media (min-width: 768px)	{ 
	.share_ttle > p br	{ display: none; }
	.share_ttle > h5 span	{ padding-bottom: .2em; }
}
@media (max-width: 767.9px)	{ 
	.share_wrapper	{ margin-bottom: calc(40 / 750 * 100cqw); }
	.share_wrapper .whiteoverflow	{ padding-bottom: calc(30 / 750 * 100cqw); margin-bottom: calc(160 / 750 * 100cqw); }
	.share_hd	{ margin-bottom: calc(100 / 750 * 100cqw); gap: calc(38 / 750 * 100cqw); }
	.share_hd > h4	{ margin-bottom: calc(20 / 750 * 100cqw); font-size: calc(42 / 750 * 100cqw); }
	.share_hd > p	{ width: calc(630 / 750 * 100cqw); font-size: calc(32 / 750 * 100cqw); text-align: left; }
	.share_hd > p br	{ display: none; }
	.share_hd > p.mag	{ margin-bottom: 0; }
	.share_ttle	{ margin-bottom: calc(60 / 750 * 100cqw); padding-left: calc(60 / 750 * 100cqw); gap: calc(20 / 750 * 100cqw); }
	.share_ttle > h5	{ height: calc(70 / 750 * 100cqw); padding: 0 calc(20 / 750 * 100cqw); border-radius: calc(10 / 750 * 100cqw); }
	.share_ttle > h5 span	{ font-size: calc(35 / 750 * 100cqw); /* -- padding: .2em 0 0; -- */ }
	.share_ttle > p	{ font-size: calc(24 / 750 * 100cqw); line-height: 1.35; }
	.share_bottom	{ margin-bottom: calc(20 / 750 * 100cqw); padding: 0 calc(60 / 750 * 100cqw); margin-top: -2cqw; }
	.share_bottom > p	{ font-size: calc(32 / 750 * 100cqw); margin-bottom: calc(40 / 750 * 100cqw); }
}

/* ------------ SHARE SWIPER ------------- */
.share-inner	{ margin-bottom: calc(58 / 1440 * 100cqw); width: 100%; display: flex; position: relative; padding: 0; z-index: 2; }
.share-inner .style_swiper	{ width: 100%; padding: 0 calc(80 / 1440 * 100cqw) 0 calc(100 / 1440 * 100cqw); }
.share-inner .swiper-slide	{ width: calc(210 / 1440 * 100cqw); margin: 0 calc(15 / 1440 * 100cqw) 0 0; }
.share-inner .swiper-slide .shwapset	{ cursor: grab; }
.share-inner .swiper-slide .shwapset, 
.share-inner .swiper-slide a	{ display: flex; flex-direction: column; }
.share-inner .swiper-slide .shwapset p,
.share-inner .swiper-slide a p	{ border-radius: calc(8 / 1440 * 100cqw); overflow: hidden; width: 100%; height: 100%; aspect-ratio: 3 / 4; }
.share-inner .swiper-slide .shwapset p picture, 
.share-inner .swiper-slide .shwapset p img, 
.share-inner .swiper-slide a p picture, 
.share-inner .swiper-slide a p img	{ object-fit: cover; transition: transform .3s ease;}
@media (min-width: 768px)	{ 
	.swiper-slide a:hover p picture, 
	.swiper-slide a:hover p img	{ transform: scale(1.04); backface-visibility: hidden; will-change: transform; }
}
.style-button	{ position: absolute; right: calc(100 / 1440 * 100cqw); gap: calc(10 / 1440 * 100cqw); top: -4.2cqw; display: flex; justify-content: flex-end; }
.style_swiper-button-prev,
.style_swiper-button-next	{ width: calc(31 / 1440 * 100cqw); height: 100%; aspect-ratio: 1 / 1; cursor: pointer; border-radius: 200px; border: 1px solid var(--color-Prim); display: flex; align-items: center; justify-content: center; background-color: var(--color-white); transition: background-color .4s ease;}
.style_swiper-button-prev.swiper-button-disabled,
.style_swiper-button-next.swiper-button-disabled	{ pointer-events: none; border: 1px solid #a7cfb1; }
.style_swiper-button-prev:hover,
.style_swiper-button-next:hover	{ background-color: transparent; }
.style-button .style_swiper-button-prev	{ order: 1; }
.style-button .style_swiper-button-next	{ order: 2; }
span.arrow	{ position: relative; display: inline-block; width: calc(8 / 1440 * 100cqw); height: calc(12 / 1440 * 100cqw); }
span.arrow::before,
span.arrow::after	{ content: ""; position: absolute; top: 50%; right: 0; width: calc(8 / 1440 * 100cqw); height: 1px; border-radius: 10px; background-color: var(--color-Seco); transform-origin: 100% 50%; }
.style_swiper-button-prev span.arrow::before,
.style_swiper-button-prev span.arrow::after	{ content: ""; position: absolute; top: 50%; left: 0; width: calc(8 / 1440 * 100cqw); height: 1px; border-radius: 10px; background-color: var(--color-Seco); transform-origin: 0 50%; }
span.arrow::before	{ transform: rotate(40deg); }
span.arrow::after	{ transform: rotate(-40deg); }
.swiper-button-disabled span.arrow::before,
.swiper-button-disabled span.arrow::after	{ background-color: #8e8e8e; }

.style_swiper-button-prev:hover span.arrow::after,
.style_swiper-button-next:hover span.arrow::after,
.style_swiper-button-prev:hover span.arrow::before,
.style_swiper-button-next:hover span.arrow::before	{ background-color: var(--color-Prim)!important; }
@media (max-width: 767.9px)	{ 
	.share-inner	{ margin-bottom: calc(120 / 750 * 100cqw); }
	.share-inner .style_swiper	{ padding: 0 calc(40 / 750 * 100cqw) 0 calc(60 / 750 * 100cqw); }
	.share-inner .swiper-slide	{ width: calc(420 / 750 * 100cqw); margin: 0 calc(30 / 750 * 100cqw) 0 0; }
	.share-inner .swiper-slide a p	{ border-radius: calc(16 / 1440 * 100cqw); }
	.style-button	{ display: none; }
	.share-inner .swiper-slide .shwapset p,
	.share-inner .swiper-slide a p	{ border-radius: calc(9 / 750 * 100cqw); }

}
/* ------------ ITEM TXT ------------- */
ul.itemiftxt	{ display: flex; flex-wrap: wrap; }
ul.itemiftxt li	{ padding-top: calc(10 / 1440 * 100cqw); font-size: calc(12 / 1440 * 100cqw); color: var(--color-Seco); font-weight: 500; line-height: 1.25; width: 100%; }
@media (max-width: 767.9px)	{ 
	ul.itemiftxt li	{ padding-top: calc(20 / 750 * 100cqw); font-size: calc(24 / 750 * 100cqw); }
}

/* ------------ PRESENT ------------- */
.present_wrapper	{ margin-bottom: calc(80 / 1440 * 100cqw); width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.miniin_hdd	{ margin: calc(15 / 1440 * 100cqw); padding: calc(25 / 1440 * 100cqw) 0 0; display: flex; }
.miniin_hdd strong	{ font-size: calc(14 / 1440 * 100cqw); color: var(--color-white); font-weight: 500; line-height: 1; letter-spacing:0; }
.present_inner	{ width: calc(380 / 1440 * 100cqw); border-radius: calc(18 / 1440 * 100cqw); padding: calc(60 / 1440 * 100cqw) calc(25 / 1440 * 100cqw); display: flex; flex-direction: column; align-items: center; justify-content: flex-start; background-color: #edf5ef; }
.present_inner > strong	{ margin-bottom: calc(20 / 1440 * 100cqw); font-size: calc(12 / 1440 * 100cqw); color: var(--color-Prim); font-weight: 500; line-height: 1; }
.present_inner > h5	{ margin-bottom: calc(10 / 1440 * 100cqw); font-size: calc(19 / 1440 * 100cqw); color: var(--color-Seco); font-weight: 500; text-align: center; line-height: 1.36; }
.present_inner > p.mobile	{ margin-bottom: calc(20 / 1440 * 100cqw); width: calc(180 / 1440 * 100cqw); line-height: 1; display: flex; }
.present_inner > a	{ margin-bottom: calc(54 / 1440 * 100cqw); width: calc(190 / 1440 * 100cqw); height: calc(42 / 1440 * 100cqw); display: flex; align-items: center; justify-content: center; border: 1px solid var(--color-Prim); background-color: var(--color-white); transition: background-color .6s ease; }
.present_inner > a:active	{ background-color: transparent; }
.present_inner > a span	{ font-size: calc(14 / 1440 * 100cqw); color: var(--color-Seco); font-weight: 600; line-height: 1; padding: .2cqw 0 0; transition: color .6s ease; }
.present_inner > a:active span	{ color: var(--color-Prim); }
.present_inner > dl	{ display: flex; flex-direction: column; width: 100%; }
.present_inner > dl dt	{ margin-bottom: calc(15 / 1440 * 100cqw); font-size: calc(16 / 1440 * 100cqw); color: var(--color-Seco); font-weight: 600; line-height: 1; }
.present_inner > dl dd	{ margin-bottom: calc(28 / 1440 * 100cqw); padding-bottom: calc(28 / 1440 * 100cqw); font-size: calc(16 / 1440 * 100cqw); color: var(--color-Seco); font-weight: 400; line-height: 1.5; border-bottom: 1px solid #a7cfb1; }
.present_inner > dl dd > span.aten	{ display: block; padding-top: calc(12 / 1440 * 100cqw); font-size: calc(14 / 1440 * 100cqw); }
.present_inner > dl dd:last-child	{ margin-bottom: 0; padding-bottom: 0; border: 0; }
@media (min-width: 768px)	{ 
	.present_inner > a:hover	{ background-color: transparent; }
	.present_inner > a:hover span	{ color: var(--color-Prim); }
}
@media (max-width: 767.9px)	{ 
	.present_wrapper	{ margin-bottom: calc(190 / 750 * 100cqw); }
	.miniin_hdd	{ margin: calc(30 / 750 * 100cqw); padding: calc(20 / 750 * 100cqw) 0 0; }
	.miniin_hdd strong	{ font-size: calc(28 / 750 * 100cqw); }
	.present_inner	{ width: calc(670 / 750 * 100cqw); border-radius: calc(40 / 750 * 100cqw); padding: calc(120 / 750 * 100cqw) calc(50 / 750 * 100cqw); }
	.present_inner > strong	{ margin-bottom: calc(40 / 750 * 100cqw); font-size: calc(24 / 750 * 100cqw); }
	.present_inner > h5	{ margin-bottom: calc(30 / 750 * 100cqw); font-size: calc(38 / 750 * 100cqw); }
	.present_inner > p.mobile	{ margin-bottom: calc(40 / 750 * 100cqw); width: calc(360 / 750 * 100cqw); }
	.present_inner > a	{ margin-bottom: calc(100 / 750 * 100cqw); width: calc(380 / 750 * 100cqw); height: calc(84 / 750 * 100cqw); }
	.present_inner > a span	{ font-size: calc(28 / 750 * 100cqw); padding: .2cqw 0 0; }
	.present_inner > dl dt	{ margin-bottom: calc(30 / 750 * 100cqw); font-size: calc(32 / 750 * 100cqw); }
	.present_inner > dl dd	{ margin-bottom: calc(54 / 750 * 100cqw); padding-bottom: calc(54 / 750 * 100cqw); font-size: calc(32 / 750 * 100cqw); }
	.present_inner > dl dd > span.aten	{ padding-top: calc(24 / 750 * 100cqw); font-size: calc(28 / 750 * 100cqw); }
}

/* ------------ FEATURE ------------- */
.feature_wrapper	{ margin-bottom: calc(90 / 1440 * 100cqw); width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.scroll_wrapper	{ margin-bottom: calc(40 / 1440 * 100cqw); width: 100%; cursor: grab; }
.scroll_wrapper .splide__slide	{ margin-right: calc(15 / 1440 * 100cqw); }
.scroll_wrapper .splide__slide > a	{ display: flex; flex-direction: column; }
.scroll_wrapper .splide__slide > a p	{ width: calc(150 / 1440 * 100cqw); display: flex; align-items: flex-start; aspect-ratio: 3 / 4; transition: opacity .6s ease; }
.scroll_wrapper .splide__slide > a p img	{ width: 100%; height: auto; object-fit: cover; }
.scroll_wrapper .splide__slide > a span	{ padding-top: calc(10 / 1440 * 100cqw); font-size: calc(12 / 1440 * 100cqw); display: block; width: 100%; color: var(--color-Seco); font-weight: 500; line-height: 1.35; transition: color .6s ease; }
@media (min-width: 768px)	{ 
	.present_inner > a:hover	{ background-color: transparent; }
	.present_inner > a:hover span	{ color: var(--color-Prim); }
	.scroll_wrapper .splide__slide > a:hover p	{ opacity: .8; }
	.scroll_wrapper .splide__slide > a:hover span	{ color: var(--color-Prim); }
}
@media (max-width: 767.9px)	{ 
	.feature_wrapper	{ margin-bottom: calc(180 / 750 * 100cqw); }
	.scroll_wrapper	{ margin-bottom: calc(80 / 750 * 100cqw); }
	.scroll_wrapper .splide__slide	{ margin-right: calc(30 / 750 * 100cqw); }
	.scroll_wrapper .splide__slide > a p	{ width: calc(300 / 750 * 100cqw); }
	.scroll_wrapper .splide__slide > a span	{ padding-top: calc(20 / 750 * 100cqw); font-size: calc(24 / 750 * 100cqw); }
}

/* ------------ CREDIT ------------- */
.credit_wrapper	{ margin-bottom: calc(40 / 1440 * 100cqw); gap: calc(10 / 1440 * 100cqw); width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.credit_wrapper > strong	{ font-size: calc(10 / 1440 * 100cqw); color: var(--color-white); font-weight: 500; line-height: 1; letter-spacing:0; }
.credit_wrapper > ul	{ display: flex; flex-wrap: wrap; padding: 0 5cqw; }
.credit_wrapper > ul li	{ font-size: calc(10 / 1440 * 100cqw); color: var(--color-white); font-weight: 400; line-height: 1.3; letter-spacing:0;  }
@media (max-width: 767.9px)	{ 
	.credit_wrapper	{ margin-bottom: calc(90 / 750 * 100cqw); gap: calc(20 / 750 * 100cqw); }
	.credit_wrapper > strong	{ font-size: calc(20 / 750 * 100cqw); }
	.credit_wrapper > ul	{ padding: 0 10cqw; }
	.credit_wrapper > ul li	{ font-size: calc(20 / 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;
}