@charset "utf-8";
/*-----------------------------------------------
 * monaxmedaka-s2.common.css
-------------------------------------------------*/
/*-----------------------------------------------
 * Reset, root
 * Bace
 * Modal
 * Header
 * Parts
-------------------------------------------------*/
/*-----------------------------------------------
 * Reset, root
-------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,th,td,pre,code,blockquote,form,fieldset,legend,input,textarea,figcaption,figure{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{font-size:100%}legend{color:#FFF}hr{display:none}img{vertical-align:bottom}select,input,button,textarea{font-size:99%}table{font-size:inherit;font:100%;border-collapse:collapse;border-spacing:0}pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%}.hd{display:block;width:0;height:0;overflow:hidden}.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{zoom:1}article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section,main{display:block}*{margin:0;padding:0;box-sizing:border-box;max-height:999999px;outline:none;}*:focus{outline: none;}button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;}

:root {
	/* デザインサイズ */
	--vw-min: 1200;
	--vh-min: 640;
	--max-percent: 1.6; /* 1920/1200 */
	--min-ww: var(--vw-min);
	--min-wh: var(--vh-min);
	--max-width-percent: var(--max-percent);

	/* カラー */
	--color-white: #ffffff;
	--color-black: #000000;
	--color-main-brown: #502814;
	--color-main-red: #ff5064;
	--color-main-purple: #d7d2f7;
	--color-main-red-rgb: 255, 80, 100;

	/* フォント（--font-main はテンプレ、実体は本サイト用スタック） */
	--font-ja: fot-tsukuardgothic-std, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	--font-en: brandon-grotesque, sans-serif;
	--font-noto: "Kiwi Maru", serif;
	--font-main: fot-tsukuardgothic-std, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	--font-tsuku: fot-tsukuardgothic-std, sans-serif;

	--easing-outquart: cubic-bezier(0.25, 1, 0.5, 1);

	/* sp-size */
	--sp-size-2: min(calc(2 / var(--vw-min) * 100vw), 2px);
	--sp-size-4: min(calc(4 / var(--vw-min) * 100vw), 4px);
	--sp-size-8: min(calc(8 / var(--vw-min) * 100vw), 8px);
	--sp-size-10: min(calc(10 / var(--vw-min) * 100vw), 10px);
	--sp-size-12: min(calc(12 / var(--vw-min) * 100vw), 12px);
	--sp-size-16: min(calc(16 / var(--vw-min) * 100vw), 16px);
	--sp-size-20: min(calc(20 / var(--vw-min) * 100vw), 20px);
	--sp-size-24: min(calc(24 / var(--vw-min) * 100vw), 24px);
	--sp-size-26: min(calc(26 / var(--vw-min) * 100vw), 26px);
	--sp-size-28: min(calc(28 / var(--vw-min) * 100vw), 28px);
	--sp-size-30: min(calc(30 / var(--vw-min) * 100vw), 30px);
	--sp-size-32: min(calc(32 / var(--vw-min) * 100vw), 32px);
	--sp-size-36: min(calc(36 / var(--vw-min) * 100vw), 36px);
	--sp-size-40: min(calc(40 / var(--vw-min) * 100vw), 40px);
	--sp-size-48: min(calc(48 / var(--vw-min) * 100vw), 48px);
	--sp-size-56: min(calc(56 / var(--vw-min) * 100vw), 56px);
	--sp-size-64: min(calc(64 / var(--vw-min) * 100vw), 64px);
	--sp-size-72: min(calc(72 / var(--vw-min) * 100vw), 72px);
	--sp-size-80: min(calc(80 / var(--vw-min) * 100vw), 80px);
	--sp-size-96: min(calc(96 / var(--vw-min) * 100vw), 96px);
	--sp-size-192: min(calc(192 / var(--vw-min) * 100vw), 192px);
}
@media screen and (max-width: 768px) {
	:root {
		--vw-min: 750;
		--vh-min: 1314;
		--max-percent: 1;
		--min-ww: var(--vw-min);
		--min-wh: var(--vh-min);
		--max-width-percent: var(--max-percent);
	}
}
@font-face{
	font-family:"Yu Gothic";
	src:local("Yu Gothic Medium");
	font-weight:100;
}
@font-face{
	font-family:"Yu Gothic";
	src:local("Yu Gothic Medium");
	font-weight:200;
}
@font-face{
	font-family:"Yu Gothic";
	src:local("Yu Gothic Medium");
	font-weight:300;
}
@font-face{
	font-family:"Yu Gothic";
	src:local("Yu Gothic Medium");
	font-weight:400;
}
@font-face{
	font-family:"Yu Gothic";
	src:local("Yu Gothic Bold");
	font-weight:bold;
}
/*-----------------------------------------------
 * Bace
-------------------------------------------------*/
body{
	-webkit-text-size-adjust: 100%;
	background-color: #ffeffa;
	color: #000;
	font-family: var(--font-main);
	font-feature-settings: "palt";
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	font-weight: normal;
	letter-spacing: 0.07em;
	line-height: 1.8;
	word-wrap: break-word;
}
.pc{ display: block; }
.sp{ display: none; }
a{ color: #222; }
a:hover{ text-decoration: none; }
.ah{ transition: opacity .3s ease; }
.ah:hover{ opacity: .7; }
::selection{
	background: #B7D4F9;
	color: #000;
}
::-moz-selection{
	background: #B7D4F9;
	color: #000;
}
@media screen and (max-width: 768px) {
	.sp{ display: block; }
	.pc{ display: none; }
	.ah:hover{ opacity: 1; }
	body{
		font-size: calc(24 / var(--vw-min) * 100vw);
		min-width: 320px;
	}
}
#fullWrap {
	display: flex;
	flex-direction: column;
	width: 100%;
	min-height: 100vh;
	position: relative;
	z-index: 1;
}
#fullInWrap{
	width:100%;
	min-height:calc(100vh - 349px);
	position:relative;
	padding-bottom:230px;
}

@media screen and (max-width:1019px){
	#fullInWrap{
		min-height:calc(100vh - 400px);
	}
}
@media screen and (max-width: 768px){
	#fullInWrap{
		padding-bottom:25.6%;/* 196 */
		min-height:calc(100vh - min(calc(685 / var(--min-ww) * 100vw),685px));
	}
}

/* noto */
.font-noto{
	font-family: var(--font-noto);
}



@media screen and (min-width:769px){
	/* ScrollBar Setting */
	::-webkit-scrollbar{
		width:6px;
		height:6px;
	}
	::-webkit-scrollbar-track{
	  border-radius:4px;
	  background:rgb(255,255,255);
	}
	::-webkit-scrollbar-thumb{
		background:var(--color-main-red);
		border-radius:2px;
		margin:2px;
		box-shadow:none;
	}
}
/* firefox Only Scrollbar */
@-moz-document url-prefix(){
	html{
		scrollbar-color:var(--color-main-red) rgb(230,230,230);
		scrollbar-width:thin;
	}
}

/*-----------------------------------------------
 * Modal
-------------------------------------------------*/

/**
 * modalBox
 * 基盤のモーダル
 */
.modalBox{
	-webkit-overflow-scrolling:touch;
	display:none;
	width:100%;
	height:100%;
	overflow:auto;
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
}
.oneModal{
	display:none;
	width:100%;
	height:100%;
	position:relative;
	z-index:1;
}
.oneModal:before{
	content:'';
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(255,239,250,.9);
}

/* oneModalIn */
.oneModalIn{
	display:flex;
	justify-content:center;
	align-items:center;
	height:auto;
	width:100%;
	min-height:100%;
	margin:0 auto;
	position:relative;
}
.oneModalIn__cont{
	padding:50px 0;
}
@media screen and (max-width: 768px){
	.oneModalIn{
		min-width:100%;
	}
	.oneModalIn__cont{
		width:100%;
		padding:var(--sp-size-96) 0;
	}
}

/**
 * closeBtn
 */
.closeBtn{
	width:80px;
	height:80px;
	position:absolute;
	top:0;
	right:0;
	z-index:2;
	margin:3.3334% 3.3334% 0 0;
}
@media screen and (max-width: 768px){
	.closeBtn{
		width:var(--sp-size-96);
		height:var(--sp-size-96);
	}
}
.closeBtn > a{
	display:block;
	background:var(--color-main-red);
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	border-radius:50%;
	overflow:hidden;
}
.closeBtn > a:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:90%;
	height:90%;
	margin:auto;
	background:url(../img/top/news_circle__frame.svg) no-repeat center / contain;
	animation:12s ani_rotate linear infinite;

}
.closeBtn__lines{
	width:40%;
	height:40%;
	margin:auto;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.closeBtn__lines:before,
.closeBtn__lines:after{
	content:'';
	position:absolute;
	width:100%;
	height:3px;
	border-radius:4px;
	background-color:#fff;
	top:0;
	bottom:0;
	margin:auto 0;
}
.closeBtn__lines:before{
	transform:rotate(30deg);
}
.closeBtn__lines:after{
	transform:rotate(-30deg);
}



/**
 * iframe
 */
/* common */
.commonIframe{
	width:100%;
	height:100%;
	display:block;
}

/* youtube */
.youtubeIframeWrap{
	width:70%;
	max-width:159.993vh;
	position:relative;
}
@media screen and (max-width: 768px){
	.youtubeIframeWrap{
		width:100%;
		max-width:100%;
	}
}
.youtubeIframeWrap:before{
	content:"";
	display:block;
	padding-top:56.25%;
	z-index:0;
}
.youtubeIframe{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}


/*-----------------------------------------------
 * Header
-------------------------------------------------*/
.header{
	width:100%;
	position:fixed;
	bottom:0;
	z-index:999;
}
@media screen and (max-width: 768px){
	.header{
		top:0;
		bottom:auto;
	}
}

/* inner */
@media screen and (max-width: 768px){
	.header__inner{
		-webkit-overflow-scrolling:touch;
		width:100%;
		height:100%;
		overflow:auto;
		position:fixed;
		top:0;
		left:0;
		padding:80px 0;
		opacity:0;
		pointer-events:none;
		z-index:1;
		transition:opacity .5s ease-in-out;
	}
	.header.is-active .header__inner{
		opacity:1;
		pointer-events:auto;
	}

	.header__inner:before{
		content:"";
		background:rgba(0,0,0,.8);
		position:fixed;
		width:100%;
		height:100%;
		top:0;
		left:0;
		z-index:0;
	}
}

/**
 * headerNav
 */
@media screen and (max-width: 768px){
	.headerNav{
		position:relative;
		z-index:1;
	}

	.headerNavLists__item a{
		color:#fff;
	}
}

/**
 * navBtn
 */
@media screen and (max-width: 768px){
	.header__navBtnWrap{
		background-color:#000;
		width:50px;
		height:50px;
		position:absolute;
		top:0;
		right:0;
		z-index:2;
	}
	.header__navBtn{
		display:flex;
		align-items:center;
		justify-content:center;
		width:100%;
		height:100%;
		position:relative;
	}
	.header__navBtn__lineWrap{
		width:24px;
		height:13px;
		position:relative;
	}
	.header__navBtn--line{
		background-color:#fff;
		display:block;
		width:100%;
		height:1px;
		margin:auto;
		position:absolute;
	}
	.header__navBtn--line:nth-child(1){
		top:0;
	}
	.header__navBtn--line:nth-child(2){
		top:0;
		bottom:0;
	}
	.header__navBtn--line:nth-child(3){
		bottom:0;
	}
}

/**
* InpageHeader
**/
.inPageHeader{
	position:absolute;
	top:0;
	left:0;
	width:min(calc(160 / var(--vw-min) * 100vw),160px);/* 320 */
	bottom:0;
	z-index:500;
	pointer-events: none;
}
.inPageHeaderIn{
	position:sticky;
	top:0;
	left:0;
	width:100%;
	height:min(100vh,100%);
	pointer-events:none;
	min-height:min(calc(740 / var(--vw-min) * 100vw),740px);
}
.inPage_h1{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: min(calc(240 / var(--vw-min) * 100vw), 240px);
	margin-left: min(calc(20 / var(--vw-min) * 100vw), 20px);
	margin-right: auto;
	margin-top: min(calc(24 / var(--vw-min) * 100vw), 24px);
}
.inPage_h1In{
	display: block;
	width: 100%;
	position: relative;
	height: min(calc(76 / var(--vw-min) * 100vw), 76px);
}
.inPage_h1__link{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	pointer-events: auto;
}
.inPage_h1__link img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center top;
	position: absolute;
	top: 0;
	left: 0;
}
.inPageHeaderIn > .follow_xWrap{
	position: absolute;
	width: min(calc(120 / var(--vw-min) * 100vw),120px);
	height: min(calc(120 / var(--min-wh) * 100vh),calc(120px * var(--max-width-percent)));
	bottom:0;
	left: 0;
	right: 0;
	margin-left: auto;/* 100 */
	margin-right: 0;
	margin-bottom: min(calc(30 / var(--min-ww) * 100vw),30px);/* 56 */
}
.inPageHeaderIn .follow_xIn{
	width:100%;
	height:100%;
	position:relative;
	pointer-events:none;
}
.inPageHeaderIn .follow_xIn:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:url(../img/top/news_circle__followus.svg) no-repeat center / contain;
	animation:24s ani_rotate linear infinite;
	animation-direction:reverse;
}
.inPageHeaderIn .follow_xLink{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:70%; /* 84 */
	height:70%;
	border-radius:50%;
	background-color:var(--color-main-red);
	-webkit-mask:url(../img/common/bg_circle.svg) no-repeat center / contain;
	mask:url(../img/common/bg_circle.svg) no-repeat center / contain;
	overflow:hidden;
	margin:auto;
	pointer-events:auto;
}
.inPageHeaderIn .follow_xLink::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:28.5715%;/* 24 */
	height:28.5715%;
	margin:auto;
	-webkit-mask:url(../img/common/icon_tw.svg) no-repeat center / contain;
	mask:url(../img/common/icon_tw.svg) no-repeat center / contain;
	background-color:#FFF;
}
.inPageHeaderIn .follow_xFrame{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:url(../img/top/news_circle__frame.svg) no-repeat center / contain;
	margin:auto;
	width:90.4762%;/* 76 */
	height:90.4762%;
}

@media (hover:hover) and (pointer:fine){
/* h1_link */
	.inPage_h1__link{
		transition:.2s ease;
		transform-style:preserve-3d;
		transform:perspective(320px);
	}
	.inPage_h1__link:hover{
		transform:scale(1.05) rotate(2deg);
	}
/* follow_xlink */
	.follow_xLink,
	.follow_xLink::before{
		transition:.3s ease;
	}
	.follow_xIn:hover::before{
		animation-play-state:paused;
	}
	.follow_xIn:hover .follow_xLink{
		background-color:var(--color-main-brown);
	}
	.follow_xIn:hover .follow_xLink::before{
		transform:scale(1.25);
	}
}

@media screen and (max-width: 768px){
	.inPageHeader{
		position:relative;
		width:100%;
		bottom:unset;
	}
	.inPageHeaderIn{
		position:unset;
		height:auto;
		padding:var(--sp-size-48) 0;
		min-height:unset;
	}
	.inPage_h1{
		position:relative;
		width: 35.4667%;/* 266 */
		left: unset;
		right: unset;
		margin-top: unset;
		margin-left: auto;
	}
	.inPage_h1In{
		height:auto;
	}
	.inPage_h1__link{
		position:unset;
	}
	.inPage_h1__link img{
		height:auto;
		position:unset;
		object-fit:unset;
	}
	.inPageHeaderIn > .follow_xWrap{
		display:none;
	}
}

/*-----------------------------------------------
 * Parts
-------------------------------------------------*/

/**
 * shareLists
 */
.shareLists{
	display:flex;
	align-items:flex-end;
	flex-shrink:0;
}

.shareLists > dt{
	font-family:var(--font-en);
	font-weight:700;
	color:#FFF;
	letter-spacing:0;
	padding-right:12px;
	line-height:1;
}

/* item */
.shareLists__item{
	width:44px;
	height:20px;
	padding:0 12px;
}

/* link */
.shareLists__link{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	position:relative;
	text-decoration:none;
}
.shareLists__link:before{
	content:"";
	width:100%;
	height:100%;
	background-color:#FFF;
	display:block;
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	-webkit-mask-position:center;
	mask-position:center;
	-webkit-mask-size:100%;
	mask-size:100%;
	transition:background-color .4s ease;
}

@media (hover:hover) and (pointer:fine){
	.shareLists__link:hover:before{
		background-color:var(--color-main-red);
	}
}
/* 各SNSパーツ */
.shareLists__item.is-twitter .shareLists__link:before{
	-webkit-mask-image:url(../img/common/icon_tw.svg);
	mask-image:url(../img/common/icon_tw.svg);
}
.shareLists__item.is-facebook .shareLists__link:before{
	-webkit-mask-image:url(../img/common/icon_fb.svg);
	mask-image:url(../img/common/icon_fb.svg);
}
.shareLists__item.is-line .shareLists__link:before{
	-webkit-mask-image:url(../img/common/icon_line.svg);
	mask-image:url(../img/common/icon_line.svg);
}

@media screen and (max-width: 768px){
	.shareLists{
		width:100%;
		align-items:center;
		justify-content:center;
	}
	.shareLists > dt{
		padding-right:var(--sp-size-24);
	}
	.shareLists__item{
		width:var(--sp-size-96);
		height:var(--sp-size-48);
		padding:0 var(--sp-size-24);
	}
}


/**
* KeyFrames
*/
@keyframes ani_rotate{
	0%{transform:rotate(0)}
	100%{ transform:rotate(360deg)}
}
@keyframes ani_rotateY{
	0%{transform:rotate3d(0,1,0,0deg)}
	100%{transform:rotate3d(0,1,0,360deg)}
}



/*-----------------------------------------------
 * Content
-------------------------------------------------*/
.content{
	width:100%;
	position:relative;
	padding-top:80px;
}
@media screen and (max-width: 768px){
	.content{
		padding-top:min(calc(120 / var(--min-ww) * 100vw),120px);
	}
}


/**
* Cont_h2
**/
.cont_h2{
	width:100%;
	position:relative;
	padding:0 13.3334%;/* 0 160 */
	flex-direction: column;
	align-items: center;
	text-align: center;
}
body:not([data-page="top"]) .cont_h2{
	padding-left: 0;
	padding-right: 15.0944%;
}
.cont_h2__en{
	display:flex;
	justify-content: center;
	align-items: center;
	font-family:var(--font-en);
	font-size:min(calc(68 / var(--vw-min) * 100vw), 68px);
	font-weight:700;
	line-height:0.70589;
	flex-shrink:0;
	letter-spacing:0.005em;
	position:relative;
	color: var(--color-main-brown);
}
.cont_h2__en--deco{
	display: inline-flex;
	gap: min(calc(10 / var(--vw-min) * 100vw), 10px);
	position: relative;
	align-items: center;
	flex-shrink: 0;
	padding: 0 min(calc(24 / var(--vw-min) * 100vw), 24px);
}
.cont_h2__en--deco i{
	display: inline-block;
	width: min(calc(16 / var(--vw-min) * 100vw), 16px);
	height: min(calc(16 / var(--vw-min) * 100vw), 16px);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}
.cont_h2__en--deco.-b i:nth-of-type(1),
.cont_h2__en--deco.-a i:nth-of-type(2){
	background-image:url(../img/common/comBG_accent__flo1.svg);
}
.cont_h2__en--deco.-b i:nth-of-type(2),
.cont_h2__en--deco.-a i:nth-of-type(1){
	background-image:url(../img/common/comBG_accent__flo2.svg);
}
.cont_h2__en--txt::first-letter{
	color: var(--color-main-red);
}

.cont_h2__ja{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: min(calc(36 / var(--vw-min) * 100vw), 36px);
	line-height:1;
	font-size:min(calc(20 / var(--vw-min) * 100vw), 20px);
	font-weight:500;
	letter-spacing: 0;
	position:relative;
	flex-shrink:0;
	margin-top: min(calc(12 / var(--vw-min) * 100vw), 12px);
	color: var(--color-main-brown);
}
.cont_h2__ja--txt{
	position: relative;
	z-index: 1;
}
.cont_h2__ja:before,
.cont_h2__ja:after{
	content: '';
	position: absolute;
	inset: 0;
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
}
.cont_h2__ja:before{
	background-color: var(--color-main-purple);
	transform: translate(min(calc(4 / var(--vw-min) * 100vw), 4px), min(calc(4 / var(--vw-min) * 100vw), 4px));
}
.cont_h2__ja:after{
	background-color: var(--color-white);
}

.cont_h2__ja[data-txtlength="4"],
.cont_h2__ja[data-txtlength="5"],
.cont_h2__ja[data-txtlength="6"],
.cont_h2__ja[data-txtlength="7"]{
	width: min(calc(146 / var(--vw-min) * 100vw), 146px);
}
.cont_h2__ja[data-txtlength="4"]:before,
.cont_h2__ja[data-txtlength="4"]:after,
.cont_h2__ja[data-txtlength="5"]:before,
.cont_h2__ja[data-txtlength="5"]:after,
.cont_h2__ja[data-txtlength="6"]:before,
.cont_h2__ja[data-txtlength="6"]:after,
.cont_h2__ja[data-txtlength="7"]:before,
.cont_h2__ja[data-txtlength="7"]:after{
	mask-image: url(../img/common/deco_ttl-ja_bg5.svg);
}

.cont_h2__ja[data-txtlength="8"],
.cont_h2__ja[data-txtlength="9"]{
	width: min(calc(172 / var(--vw-min) * 100vw), 172px);
}
.cont_h2__ja[data-txtlength="8"]:before,
.cont_h2__ja[data-txtlength="8"]:after,
.cont_h2__ja[data-txtlength="9"]:before,
.cont_h2__ja[data-txtlength="9"]:after{
	mask-image: url(../img/common/deco_ttl-ja_bg6.svg);
}



@media screen and (max-width: 768px){
	.cont_h2,
	body:not([data-page="top"]) .cont_h2{
		padding: 0 6.4%;/* 0 48 */
	}
	.cont_h2__en{
		font-size: min(calc(102 / var(--min-ww) * 100vw),102px);
		white-space:nowrap;
	}
	.cont_h2__en--deco{
		gap: min(calc(12 / var(--vw-min) * 100vw), 12px);
		padding: 0 min(calc(28 / var(--vw-min) * 100vw), 28px);
	}
	.cont_h2__en--deco i{
		width: min(calc(20 / var(--vw-min) * 100vw), 20px);
		height: min(calc(20 / var(--vw-min) * 100vw), 20px);
	}
	.cont_h2__ja{
		font-size: min(calc(28 / var(--vw-min) * 100vw), 28px);
		margin-top: min(calc(16 / var(--vw-min) * 100vw), 16px);
		height: min(calc(50 / var(--vw-min) * 100vw), 50px);
	}
	.cont_h2__ja[data-txtlength="4"],
	.cont_h2__ja[data-txtlength="5"],
	.cont_h2__ja[data-txtlength="6"],
	.cont_h2__ja[data-txtlength="7"]{
		width: min(calc(203 / var(--vw-min) * 100vw), 203px);
	}
	.cont_h2__ja[data-txtlength="8"],
	.cont_h2__ja[data-txtlength="9"]{
		width: min(calc(239 / var(--vw-min) * 100vw), 239px);
	}
}


.cont_h2__linkBtnWrap{
	position:absolute;
	bottom:0;
	right:0;
	margin-right:8px;
	width:120px;
	height:32px;
	z-index:2;
}
.cont_h2__link{
	display:flex;
	width:100%;
	height:100%;
	align-items:center;
	justify-content:center;
	position:relative;
	background-color:#f1eeed;
	z-index:2;
	text-decoration:none;
	transition:.3s ease;
}
.cont_h2__link:before,
.cont_h2__link:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	background-color:var(--color-main-brown);
	transition:.3s ease;
}
.cont_h2__link:before{
	bottom:8px;
	width:2px;
}
.cont_h2__link:after{
	height:2px;
	right:8px;
}
.cont_h2__link__txt{
	display:inline-block;
	line-height:1;
	color:var(--color-main-brown);
	font-weight:700;
	letter-spacing:0;
}
.cont_h2__link__txt.-en{
	font-family:var(--font-en);
}
.cont_h2__linkBtn_frame{
	pointer-events:none;
	position:absolute;
	top:0;
	left:0;
	right:-8px;
	bottom:-8px;
	overflow:hidden;
	transition:.3s ease;
}
.cont_h2__linkBtn_frame-r{
	position:absolute;
	right:0;
	width:8px;
	height:100%;
	overflow:hidden;
	background-color:var(--color-main-red);
	clip-path:polygon(0 0,100% 8px,100% 100%,0% 100%);
}
.cont_h2__linkBtn_frame-b{
	position:absolute;
	bottom:0;
	height:8px;
	width:100%;
	clip-path:polygon(0 0,100% 0%,100% 100%,8px 100%);
	background-color:var(--color-main-red);
}

@media (hover:hover) and (pointer:fine){
	.cont_h2__linkBtnWrap:hover .cont_h2__link{
		transform:translate(4px,4px);
	}
	.cont_h2__linkBtnWrap:hover .cont_h2__link:before{
		bottom:12px;
	}
	.cont_h2__linkBtnWrap:hover .cont_h2__linkBtn_frame{
		top:4px;
		left:4px;
	}
}
@media screen and (max-width: 768px){
	.cont_h2__linkBtnWrap{
		width:min(calc(184 / var(--min-ww) * 100vw),184px);
		height:var(--sp-size-56);
		margin-right:var(--sp-size-16);
		right:var(--sp-size-24);
	}
	.cont_h2__link:before{
		bottom:min(calc(16 / var(--min-ww) * 100vw),20px);
		width:var(--sp-size-4);
	}
	.cont_h2__link:after{
		right:var(--sp-size-16);
		height:var(--sp-size-4);
	}
	.cont_h2__linkBtn_frame{
		right:max(calc(-16 / var(--min-ww) * 100vw),-16px);
		bottom:max(calc(-16 / var(--min-ww) * 100vw),-16px);
	}
	.cont_h2__linkBtn_frame-r{
		width:min(calc(16 / var(--min-ww) * 100vw),16px);
		clip-path:polygon(0 0,100% min(calc(16 / var(--min-ww) * 100vw),16px),100% 100%,0% 100%);
	}
	.cont_h2__linkBtn_frame-b{
		height:min(calc(16 / var(--min-ww) * 100vw),16px);
		clip-path:polygon(0 0,100% 0%,100% 100%,min(calc(16 / var(--min-ww) * 100vw),16px) 100%);
	}
}

.cont_h3{
	font-size: min(calc(56 / var(--vw-min) * 100vw), 56px);
	font-weight: 700;
	line-height: 1;
}
.cont_h3__txt{
	display:inline-block;
	line-height:0.714286;
	letter-spacing:-0.025em;
	color:#FFF;
	-webkit-text-stroke:1px var(--color-main-brown);
}
@media screen and (max-width: 768px){
	.cont_h3{
		font-size: min(calc(68 / var(--vw-min) * 100vw), 68px);
	}
	.cont_h3__txt{
		-webkit-text-stroke-width: clamp(1px, calc(2 / var(--vw-min) * 100vw), 2px);
	}
}


/** scrAni -set **/
.content.js-scrani .cont_h2__ja,
.content.js-loadani .cont_h2__ja{
	transform: translateY(max(calc(-56 / var(--vw-min) * 100vw), -56px));
	transition: transform .5s ease .7s;
}
.content.js-scrani .cont_h2__en--txt,
.content.js-loadani .cont_h2__en--txt{
	transform: translateY(max(calc(-56 / var(--vw-min) * 100vw), -56px));
	opacity: 0;
	transition: opacity .3s ease .6s, transform .5s ease .7s;
}

@media screen and (max-width:768px){
	.content.js-scrani .cont_h2__ja,
	.content.js-loadani .cont_h2__ja{
		transform: translateY(calc(-78 / var(--vw-min) * 100vw));
	}
	.content.js-scrani .cont_h2__en--txt,
	.content.js-loadani .cont_h2__en--txt{
		transform: translateY(calc(-78 / var(--vw-min) * 100vw));
	}
}

.content.js-scrani .cont_h2__en--deco i,
.content.js-loadani .cont_h2__en--deco i{
	opacity:0;
	transform:rotate(180deg) scale(20%);
	transition:opacity .3s ease,transform .4s ease;
}
.content.js-scrani .cont_h2__en--deco.-b i:nth-of-type(1),
.content.js-loadani .cont_h2__en--deco.-b i:nth-of-type(1),
.content.js-scrani .cont_h2__en--deco.-a i:nth-of-type(2),
.content.js-loadani .cont_h2__en--deco.-a i:nth-of-type(2){
	transition-delay:.2s;
}
.content.js-scrani .cont_h2__en--deco.-b i:nth-of-type(2),
.content.js-loadani .cont_h2__en--deco.-b i:nth-of-type(2),
.content.js-scrani .cont_h2__en--deco.-a i:nth-of-type(1),
.content.js-loadani .cont_h2__en--deco.-a i:nth-of-type(1){
	transition-delay:.35s;
}


/* scrAni -is-ani */
.content.is-ani .cont_h2__ja{
	transform: translateY(0px);
}
.content.is-ani .cont_h2__en--txt{
	transform: translateY(0px);
	opacity: 1;
}
.content.is-ani .cont_h2__en--deco i{
	opacity:1;
	transform:rotate(0deg) scale(100%);
}



.contentIn{
	width:73.3334%;/* 880 */
	max-width:calc(880px * var(--max-width-percent));
	position:relative;
	margin-top:min(calc(48 / var(--vw-min) * 100vw), 48px);
	margin-left:auto;
	margin-right:auto;
}
@media screen and (max-width: 768px){
	.contentIn{
		width:100%;
		max-width:100%;
		position:relative;
		margin-top:var(--sp-size-96);
	}
}

/**
* mainInPage
**/
.mainInPage{
	width:100%;
	padding-left:11.6667%;/* 140 */
	padding-left: min(calc(140 / var(--vw-min) * 100vw), 140px);
	position:relative;
}
@media screen and (min-width:768px){
	.mainInPage > .content .cont_h2Wrap{
		padding-left:15.0944%;/* 160 */
		padding-right:15.0944%;
	}
	.mainInPage > .content .contentIn{
		width:69.8114%;
		max-width:calc(740px * var(--max-width-percent));
	}
}
@media screen and (max-width: 768px){
	.mainInPage{
		padding-left:0;
	}
	.mainInPage > .content{
		padding-top:var(--sp-size-48);
	}
}


/**
* wp-pagenavi
**/
.wp-pagenaviWrap{
	padding-top:80px;
}
.wp-pagenavi{
	display:flex;
	justify-content:center;
	gap:16px;
}
.wp-pagenavi span.current,
.wp-pagenavi a.page{
	display:inline-block;
	width:40px;
	height:40px;
	padding:0 8px 8px 0;
	position:relative;
	text-decoration:none;
}
.wp-pagenavi span.pageno{
	display:inline-flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
	font-family:var(--font-en);
	font-weight:700;
	color:var(--color-main-brown);
	line-height:1;
	letter-spacing:0;
	position:relative;
	pointer-events:auto;
	z-index:2;
	background-color:#f1eeed;
	transition:.3s ease;
}
.wp-pagenavi span.pageno:before,
.wp-pagenavi span.pageno:after{
	content:'';
	position:absolute;
	background-color:var(--color-main-brown);
}
.wp-pagenavi span.pageno:before{
	top:0;
	left:0;
	bottom:8px;
	width:2px;
}
.wp-pagenavi span.pageno:after{
	top:0;
	left:0;
	right:8px;
	height:2px;
}
.pagenavi_frameWrap{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	transition:.3s ease;
}
.pagenavi_frame__r{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	width:8px;
	overflow:hidden;
	background-color:var(--color-main-red);
	clip-path:polygon(0 0,100% 8px,100% 100%,0% 100%);
	transition:.3s ease;
}
.pagenavi_frame__b{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:8px;
	clip-path:polygon(0 0,100% 0%,100% 100%,8px 100%);
	background-color:var(--color-main-red);
	transition:.3s ease;
}

/* current */
.wp-pagenavi span.current > span.pageno{
	background-color:var(--color-main-brown);
	color:#FFF;
	transform:translate(3px,3px);
}
.wp-pagenavi span.current > span.pagenavi_frameWrap{
	top:3px;
	left:3px;
}
.wp-pagenavi span.current > span.pagenavi_frameWrap .pagenavi_frame__r{
	width:5px;
	clip-path:polygon(0 0,100% 5px,100% 100%,0% 100%);
}
.wp-pagenavi span.current > span.pagenavi_frameWrap .pagenavi_frame__b{
	height:5px;
	clip-path:polygon(0 0,100% 0%,100% 100%,5px 100%);
}

/* hover */
@media screen and (min-width:768px) and (hover:hover) and (pointer:fine){
	.wp-pagenavi a.page:hover > span.pageno{
		transform:translate(2px,2px);
	}
	.wp-pagenavi a.page:hover > span.pagenavi_frameWrap{
		top:2px;
		left:2px;
	}
	.wp-pagenavi a.page:hover > span.pagenavi_frameWrap .pagenavi_frame__r{
		width:6px;
		clip-path:polygon(0 0,100% 6px,100% 100%,0% 100%);
	}
	.wp-pagenavi a.page:hover > span.pagenavi_frameWrap .pagenavi_frame__b{
		height:6px;
		clip-path:polygon(0 0,100% 0%,100% 100%,6px 100%);
	}
}

@media screen and (max-width: 768px){
	.wp-pagenaviWrap{
		margin-top:var(--sp-size-96);
	}
	.wp-pagenavi{
		gap:var(--sp-size-24);
	}
	.wp-pagenavi span.current,
	.wp-pagenavi a.page{
		width:var(--sp-size-72);
		height:var(--sp-size-72);
		padding:0 var(--sp-size-16) var(--sp-size-16) 0;
	}
	.wp-pagenavi span.pageno:before{
		bottom:var(--sp-size-16);
		width:var(--sp-size-4);
	}
	.wp-pagenavi span.pageno:after{
		right:var(--sp-size-16);
		height:var(--sp-size-4);
	}
	.pagenavi_frame__r{
		width:var(--sp-size-16);
		clip-path:polygon(0 0,100% var(--sp-size-16),100% 100%,0% 100%);
	}
	.pagenavi_frame__b{
		height:var(--sp-size-16);
		clip-path:polygon(0 0,100% 0%,100% 100%,var(--sp-size-16) 100%);
	}

	/* current */
	.wp-pagenavi span.current > span.pageno{
		transform:translate(min(calc(8 / var(--min-ww) * 100vw),8px),min(calc(8 / var(--min-ww) * 100vw),8px));
	}
	.wp-pagenavi span.current > span.pagenavi_frameWrap{
		top:min(calc(8 / var(--min-ww) * 100vw),6px);
		left:min(calc(8 / var(--min-ww) * 100vw),6px);
	}
	.wp-pagenavi span.current > span.pagenavi_frameWrap .pagenavi_frame__r{
		width:var(--sp-size-8);
		clip-path:polygon(0 0,100% var(--sp-size-8),100% 100%,0% 100%);
	}
	.wp-pagenavi span.current > span.pagenavi_frameWrap .pagenavi_frame__b{
		height:var(--sp-size-8);
		clip-path:polygon(0 0,100% 0%,100% 100%,var(--sp-size-8) 100%);
	}
}



/**
* articleContent
**/
.articleContentWrap{
	position: relative;
}
.articleContentIn{
	position: relative;
	padding: min(9.091%,80px) 7.2728% calc(min(9.091%,80px) - 32px);/* 80px 64px */
	background-color: rgba(255,255,255,100%);
}

/* Accent */
.articleContentIn:before,
.articleContentIn:after{
	content:'';
	position:absolute;
	width:72px;
	height:72px;
	background:url(../img/common/accent_side.svg) no-repeat center / contain;
}
.articleContentWrap > .articleContentIn:before{
	top:0;
	left:0;
	margin-top:-16px;
	margin-left:-16px;
}
.articleContentWrap > .articleContentIn:after{
	bottom:0;
	right:0;
	margin-bottom:-16px;
	margin-right:-16px;
	transform:scale(-1);
}
@media screen and (max-width: 768px){
	.articleContentIn{
		padding:var(--sp-size-48) var(--sp-size-24);
	}
	.articleContentIn:before,
	.articleContentIn:after{
		width:min(calc(90 / var(--min-ww) * 100vw),90px);
		height:min(calc(90 / var(--min-ww) * 100vw),90px);
	}
	.articleContentWrap > .articleContentIn:before{
		margin-top:max(calc(-21 / var(--min-ww) * 100vw),-21px);
		margin-left:max(calc(-21 / var(--min-ww) * 100vw),-21px);
	}
	.articleContentWrap > .articleContentIn:after{
		margin-bottom:max(calc(-21 / var(--min-ww) * 100vw),-21px);
		margin-right:max(calc(-21 / var(--min-ww) * 100vw),-21px);
	}
}


/**
* btn_linkWrap
**/
.btn_linkWrap{
	position: relative;
	margin-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
	text-align: center;
}
.btn_linkWrap.-r{
	text-align: right;
}
@media screen and (min-width:769px){
	.btn_linkWrap.-pc_r{
		text-align: right;
	}	
}
.btn_link{
	display: inline-block;
	text-decoration: none;
	position: relative;
	min-width: min(calc(120 / var(--vw-min) * 100vw), 120px);
	text-align: center;
}
.btn_link__txt:before,
.btn_link__txt:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	background-color:var(--color-main-brown);
	transition:.3s ease;
}
.btn_link__txt:before{
	bottom: 8px;
	width: 2px;
}
.btn_link__txt:after{
	height: 2px;
	right: 8px;
}
.btn_link__txt{
	display: inline-block;
	width: 100%;
	padding: 12px 24px 12px;
	margin: 0 auto;
	color: var(--color-white);
	font-weight: 700;
	line-height: 1;
	position: relative;
	background-color: var(--color-main-red);
	transition: .3s ease;
	z-index:2;
}
.btn_link__txt.-en{
	font-family: var(--font-en);
}
.btn_link__frame{
	pointer-events:none;
	position:absolute;
	top:0;
	left:0;
	right:-8px;
	bottom:-8px;
	overflow:hidden;
	transition:.3s ease;
}
.btn_link__frame-r{
	position:absolute;
	right:0;
	width:8px;
	height:100%;
	overflow:hidden;
	background-color:var(--color-main-purple);
	clip-path:polygon(0 0,100% 8px,100% 100%,0% 100%);
}
.btn_link__frame-b{
	position:absolute;
	bottom:0;
	left:0;
	height: 8px;
	width: 100%;
	clip-path: polygon(0 0,100% 0%,100% 100%,8px 100%);
	background-color:var(--color-main-purple);
}
@media screen and (min-width:768px) and (hover:hover) and (pointer:fine){
	.btn_link:hover .btn_link__txt{
		transform:translate(4px,4px);
	}
	.btn_link:hover .btn_link__frame{
		top:4px;
		left:4px;
	}
}
@media screen and (max-width: 768px){
	.btn_linkWrap{
		margin-top:var(--sp-size-96);
	}
	.btn_link{
		min-width: min(calc(184 / var(--min-ww) * 100vw), 184px);
	}
	.btn_link__txt:before{
		bottom:var(--sp-size-16);
		width:var(--sp-size-4);
	}
	.btn_link__txt:after{
		height:var(--sp-size-4);
		right:var(--sp-size-16);
	}
	.btn_link__txt{
		padding: min(calc(12 / var(--vw-min) * 100vw), 12px) min(calc(32 / var(--vw-min) * 100vw), 32px);
	}
	.btn_link__frame{
		right:calc(var(--sp-size-16) * -1);
		bottom:calc(var(--sp-size-16) * -1);
	}
	.btn_link__frame-r{
		width:var(--sp-size-16);
		clip-path:polygon(0 0,100% var(--sp-size-16),100% 100%,0% 100%);
	}
	.btn_link__frame-b{
		height:var(--sp-size-16);
		clip-path:polygon(0 0,100% 0%,100% 100%,var(--sp-size-16) 100%);
	}
}


/*-----------------------------------------------
 * comBG
-------------------------------------------------*/
.comBGWrap{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:-1;
	background-color:#ffeffa;
	pointer-events:none;
}
.comBGInWrap{
	position:sticky;
	top:0;
	width:100%;
	height:min(100vh,100%);
	background: url(../img/common/bg_img.png) no-repeat center / cover;
}

/* sideTxt */
.comBG_sideTxtWrap{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden;
}
.comBG_sideTxt{
	position:absolute;
	top:0;
	bottom:0;
	width:min(9.3334%,112px);
}
.comBG_sideTxt.-l{
	left:max(-2.6667%,-32px);
}
.comBG_sideTxt.-r{
	right:0;
}

.comBG_sideTxtIn{
	width:100%;
}
.comBG_sideTxtIn > img{
	width:100%;
}


/* heart */
.comBG_heartWrap{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:10%; 
}
.comBG_heart{
	position:absolute;
	background-repeat:no-repeat;
	background-size:contain;
}
.comBG_heart.-t{
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	width:min(5.1667vw,calc(62px * var(--max-width-percent)));
	height:min(10.7813vh,calc(69px * var(--max-width-percent)));
	background-image:url(../img/common/comBG_heart__t.svg);
	background-position:center top;
	transform-origin:center top;
}
.comBG_heart.-bl{
	bottom:0;
	left:0;
	width:min(12.5vw,calc(150px * var(--max-width-percent)));
	height:min(24.2188vh,155px * var(--max-width-percent));
	background-image:url(../img/common/comBG_heart__bl.svg);
	background-position:left bottom;
	transform-origin:left bottom;
}
.comBG_heart.-br{
	bottom:0;
	right:0;
	width:min(12.5vw,calc(150px * var(--max-width-percent)));
	height:min(24.2188vh,155px * var(--max-width-percent));
	background-image:url(../img/common/comBG_heart__br.svg);
	background-position:right bottom;
	transform-origin:right bottom;
}


/* accent */
.comBG_accentWrap{
	position:absolute;
	position:fixed;
	top:0;
	left:0;
	/* right:0;
	bottom:0; */
	width:100%;
	height:100vh;
	overflow:hidden;
	/* z-index:-1; */
}
.comBG_accentItem,
.layer{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.comBG_accent{
	position:absolute;
	background-repeat:no-repeat;
	background-size:contain;
	mask-repeat:no-repeat;
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	-webkit-mask-size:contain;
	mask-size:contain;
}

.comBG_accent.-flo1{
	width: min(calc(41 / var(--vw-min) * 100vw), calc(41px * var(--max-percent)));
	height: min(calc(45 / var(--vh-min) * 100vh), calc(45px * var(--max-percent)));
	background-image: url(../img/common/comBG_accent__flo1-sh.svg);
	background-position: center;
	top: min(calc(60 / var(--vh-min) * 100vh), calc(60px * var(--max-percent)));
	right: min(calc(100 / var(--vw-min) * 100vw), calc(100px * var(--max-percent)));
}
.comBG_accent.-flo2{
	right: min(calc(272 / var(--min-ww) * 100vw), calc(272px * var(--max-width-percent)));
	bottom: min(calc(10 / var(--min-wh) * 100vh), calc(10px * var(--max-width-percent)));
	width: min(calc(41 / var(--vw-min) * 100vw), calc(41px * var(--max-percent)));
	height: min(calc(45 / var(--vh-min) * 100vh), calc(45px * var(--max-percent)));
	background-image: url(../img/common/comBG_accent__flo2-sh.svg);
	background-position: center;
}
.comBG_accent.-flo3{
	width: min(calc(45 / var(--min-ww) * 100vw), calc(45px * var(--max-width-percent)));
	height: min(calc(42 / var(--min-wh) * 100vh), calc(42px * var(--max-width-percent)));
	top: min(calc(262 / var(--min-wh) * 100vh), calc(262px * var(--max-width-percent)));
	left: min(calc(110 / var(--min-ww) * 100vw), calc(110px * var(--max-width-percent)));
	background-image:url(../img/common/comBG_accent__flo3-sh.svg);
	background-position: center;
}
.comBG_accent.-batsu{
	width: min(calc(38 / var(--min-ww) * 100vw), calc(38px * var(--max-width-percent)));
	height: min(calc(38 / var(--min-wh) * 100vh), calc(38px * var(--max-width-percent)));
	top: min(calc(64 / var(--min-wh) * 100vh), calc(64px * var(--max-width-percent)));
	left: min(calc(64 / var(--min-ww) * 100vw), calc(64px * var(--max-width-percent)));
	background-image:url(../img/common/comBG_accent__batsu-sh.svg);
	background-position: center;
}
.comBG_accent.-fish1{
	width: min(calc(45 / var(--min-ww) * 100vw), calc(45px * var(--max-width-percent)));
	height: min(calc(45 / var(--min-wh) * 100vh), calc(45px * var(--max-width-percent)));
	bottom: min(calc(104 / var(--min-wh) * 100vh), calc(104px * var(--max-width-percent)));
	left: min(calc(196 / var(--min-ww) * 100vw), calc(196px * var(--max-width-percent)));
	background-image: url(../img/common/comBG_accent__fish1.svg);
	background-position: center;
}
.comBG_accent.-fish2{
	width: min(calc(65 / var(--vw-min) * 100vw), calc(65px * var(--max-percent)));
	height: min(calc(41 / var(--vh-min) * 100vh), calc(41px * var(--max-percent)));
	right: min(calc(106 / var(--vw-min) * 100vw), calc(106px * var(--max-percent)));
	bottom: min(calc(230 / var(--vh-min) * 100vh), calc(230px * var(--max-percent)));
	background-image: url(../img/common/comBG_accent__fish2.svg);
	background-position: center;
}
.comBG_accent.-flo4{
	width: min(calc(41 / var(--vw-min) * 100vw), calc(41px * var(--max-percent)));
	height: min(calc(45 / var(--vh-min) * 100vh), calc(45px * var(--max-percent)));
	background-image: url(../img/common/comBG_accent__flo1-sh.svg);
	background-position: center;
	bottom: min(calc(20 / var(--vh-min) * 100vh), calc(20px * var(--max-percent)));
	left: min(calc(149 / var(--vw-min) * 100vw), calc(149px * var(--max-percent)));
}



.comBG_accent.-dots1{
	width:min(calc(120 / var(--min-ww) * 100vw),calc(120px * var(--max-width-percent)));
	height:min(calc(120 / var(--min-wh) * 100vh),calc(120px * var(--max-width-percent)));
	bottom:min(calc(70 / var(--min-wh) * 100vh),calc(70px * var(--max-width-percent)));;
	right:min(calc(130 / var(--min-ww) * 100vw),calc(130px * var(--max-width-percent)));
	-webkit-mask-image:url(../img/common/comBG_accent__dots1.svg);
	-webkit-mask-position:right bottom;;
	mask-image:url(../img/common/comBG_accent__dots1.svg);
	mask-position:right bottom;;
	background-color:var(--color-main-red);
	opacity:20%;
}
.comBG_accent.-dots2{
	width:min(calc(224 / var(--min-ww) * 100vw),calc(224px * var(--max-width-percent)));
	height:min(calc(104 / var(--min-wh) * 100vh),calc(104px * var(--max-width-percent)));
	top:0;
	left:0;
	-webkit-mask-image:url(../img/common/comBG_accent__dots2.svg);
	-webkit-mask-position:right bottom;;
	mask-image:url(../img/common/comBG_accent__dots2.svg);
	mask-position:left top;
	background-color:var(--color-main-red);
	opacity:20%;
}
.comBG_accent.-slash1{
	width:min(calc(108 / var(--min-ww) * 100vw),calc(108px * var(--max-width-percent)));
	height:min(calc(24 / var(--min-wh) * 100vh),calc(24px * var(--max-width-percent)));
	top:min(calc(28 / var(--min-wh) * 100vh),calc(28px * var(--max-width-percent)));
	left:min(calc(696 / var(--min-ww) * 100vw),calc(696px * var(--max-width-percent)));
	right:min(calc(396 / var(--min-ww) * 100vw),calc(396px * var(--max-width-percent)));
	margin:0 auto;
	background-image:url(../img/common/comBG_accent__slash1.svg);
	background-position:center top;
}
.comBG_accent.-slash2{
	width:min(calc(24 / var(--min-ww) * 100vw),calc(24px * var(--max-width-percent)));
	height:min(calc(120 / var(--min-wh) * 100vh),calc(120px * var(--max-width-percent)));
	top:0;
	right:min(calc(160 / var(--min-ww) * 100vw),calc(160px * var(--max-width-percent)));
	bottom:0;
	margin:auto 0;
	background-image:url(../img/common/comBG_accent__slash2.svg);
	background-position:center;
}

@media screen and (max-width: 768px){
	.comBGInWrap{
		height:min(100dvh,100%);
	}
	.comBG_sideTxt{
		width:min(11.7334%,88px);
	}
	.comBG_sideTxt.-l{
		left:max(calc(-28 / var(--min-ww) * 100vw),-28px);
	}

	/* heart */
	.comBG_heart.-t{
		width:min(calc(62 / var(--min-ww) * 100vw),62px);
		height:min(calc(69 / var(--min-wh) * 100vh),69px);
	}
	.comBG_heart.-bl,
	.comBG_heart.-br{
		width:min(calc(150 / var(--min-ww) * 100vw),150px);
		height:min(calc(155 / var(--min-wh) * 100vh),155px);
	}

	/* accent */
	.comBG_accent.-flo1{
		display: none;
	}
	.comBG_accent.-flo2{
		right: min(calc(108 / var(--min-ww) * 100vw), 108px);
		bottom: min(calc(230 / var(--min-wh) * 100vh), 230px);
		width: min(calc(51 / var(--min-ww) * 100vw), 51px);
		height: min(calc(55 / var(--min-wh) * 100vh), 55px);
	}
	.comBG_accent.-flo3{
		width: min(calc(55 / var(--min-ww) * 100vw), 55px);
		height: min(calc(52 / var(--min-wh) * 100vh), 52px);
		top: min(calc(500 / var(--vh-min) * 100vh), 500px);
		left: min(calc(12 / var(--min-ww) * 100vw), 12px);
	}
	.comBG_accent.-batsu{
		width: min(calc(46 / var(--min-ww) * 100vw), 46px);
		height: min(calc(45 / var(--min-wh) * 100vh), 46px);
		top: min(calc(25 / var(--min-wh) * 100vh), 25px);
		left: min(calc(16 / var(--min-ww) * 100vw), 16px);
	}
	.comBG_accent.-fish1{
		width:min(calc(50 / var(--min-ww) * 100vw),50px);
		height:min(calc(50 / var(--min-wh) * 100vh),50px);
		top:calc(75% + min(calc(196 / var(--min-wh) * 100vh),196px));
		bottom:min(calc(72 / var(--min-wh) * 100vh),72px);
		left:min(calc(48 / var(--min-ww) * 100vw),48px);
		margin:auto 0;
	}
	.comBG_accent.-fish2{
		display: none;
	}
	.comBG_accent.-flo4{
		left: min(calc(92 / var(--vw-min) * 100vw), 92px);
		bottom: min(calc(238 / var(--vh-min) * 100vh), 238px);
		width: min(calc(51 / var(--vw-min) * 100vw), 51px);
		height: min(calc(55 / var(--vh-min) * 100vh), 55px);
	}
	.comBG_accent.-dots1{
		width:min(calc(150 / var(--min-ww) * 100vw),150px);
		height:min(calc(150 / var(--min-wh) * 100vh),150px);
		bottom:min(calc(48 / var(--min-wh) * 100vh),48px);
		right:min(calc(36 / var(--min-ww) * 100vw),36px);
	}
	.comBG_accent.-dots2{
		width:min(calc(250 / var(--min-ww) * 100vw),250px);
		height:min(calc(160 / var(--min-wh) * 100vh),160px);
	}
	.comBG_accent.-slash1{
		width:min(calc(135 / var(--min-ww) * 100vw),135px);
		height:min(calc(30 / var(--min-ww) * 100vw),30px);
		top:min(calc(33 / var(--min-ww) * 100vw),33px);
		right:min(calc(192 / var(--min-ww) * 100vw),192px);
		left:unset;
		margin:unset;
	}
	.comBG_accent.-slash2{
		width:min(calc(30 / var(--min-ww) * 100vw),30px);
		height:min(calc(135 / var(--min-ww) * 100vw),135px);
		top:calc(50% + min(calc(56 / var(--min-wh) * 100vh),56px));
		bottom:calc(25% + min(calc(120 / var(--min-wh) * 100vh),120px));
		left:min(calc(33 / var(--min-ww) * 100vw),33px);
	}
}


/**
* Animation
**/
/** comBG_accent.-dots **/
.comBG_accent.-dots1{
	animation-name:bg_ani_opacity;
	animation-duration:8s;
	animation-direction:alternate; 
	animation-iteration-count:infinite;
}
.comBG_accent.-dots2{
	animation-name:bg_ani_opacity;
	animation-duration:6s;
	animation-direction:alternate-reverse; 
	animation-iteration-count:infinite;
}
@keyframes bg_ani_opacity{
	0%{opacity:20%}
	60%{opacity:0}
	80%{opacity:20%}
	100%{opacity:0}
}

/** comBG_accent.-flo **/
.comBG_accent.-flo1{
	animation-name:ani_rotate;
	animation-duration:8s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}
.comBG_accent.-flo2{
	animation-name:bg_ani_rotate36;
	animation-duration:12s;
	animation-timing-function:linear;
	animation-direction:reverse; 
	animation-iteration-count:infinite;
}
.comBG_accent.-flo3{
	animation-name:ani_rotate;
	animation-duration:8s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}
.comBG_accent.-flo4{
	animation-name:bg_ani_rotate36;
	animation-duration:12s;
	animation-timing-function:linear;
	animation-direction:reverse; 
	animation-iteration-count:infinite;
	animation-delay: 0.6s;
}
@keyframes bg_ani_rotate36{
	0%{transform:rotate(0deg)}
	5%,10%{transform:rotate(36deg)}
	15%,20%{transform:rotate(72deg)}
	25%,30%{transform:rotate(108deg)}
	35%,40%{transform:rotate(144deg)}
	45%,50%{transform:rotate(180deg)}
	55%,60%{transform:rotate(216deg)}
	65%,70%{transform:rotate(252deg)}
	75%,80%{transform:rotate(288deg)}
	85%,90%{transform:rotate(324deg)}
	95%,100%{transform:rotate(360deg)}
}


/** comBG_accent.-batsu **/
.comBG_accent.-batsu{
	animation-name:bg_ani_rotate90;
	animation-duration:4s;
	animation-timing-function:linear;
	animation-direction:reverse; 
	animation-iteration-count:infinite;
}
@keyframes bg_ani_rotate90{
	0%{transform:rotate(0deg)}
	10%,25%{transform:rotate(45deg)}
	35%,50%{transform:rotate(90deg)}
	60%,75%{transform:rotate(135deg)}
	85%,100%{transform:rotate(180deg)}
}

/** comBG_accent.-fish **/
.comBG_accent.-fish1,
.comBG_accent.-fish2{
	animation-name:bg_ani_fish;
	animation-duration:3s;
	animation-timing-function:linear;
	animation-direction:reverse; 
	animation-iteration-count:infinite;
}
.comBG_accent.-fish2{
	animation-delay: 1.5s;
}
@keyframes bg_ani_fish{
	0%{
		transform:scale(1) translate(0,0);
	}
	42%,50%{
		transform:scale(1) translate(0,0);
	}
	44%,52%{
		transform:scale(0.7) translate(0,10px);
	}
	48%,56%{
		transform:scale(1.2) translate(0,-10px);
	}
	58%{
		transform:scale(1) translate(0,0);
	}
	100%{
		transform:scale(1) translate(0,0);
	}
}


/*-----------------------------------------------
 * Footer
-------------------------------------------------*/
.footer{
	width:100%;
	position:relative;
}
.footer:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:2px;
	background-color:var(--color-main-brown);
	z-index: 1;
}
.toTop{
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin: max(calc(-36 / var(--vw-min) * 100vw), -36px) auto 0;
	width: min(calc(94 / var(--vw-min) * 100vw), 94px);
	z-index:2;
	pointer-events:none;
}
.link_toTop{
	display:block;
	text-decoration:none;
	position:relative;
	width: 100%;
	padding-top: 44.6809%;/* 42 */
	pointer-events:auto;
}
.link_toTop:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../img/common/footer_toTop__arrow.svg) no-repeat center / contain;
}


.footer__head{
	width: 100%;
	position: relative;
	padding: min(calc(20 / var(--vw-min) * 100vw), 20px) 3.3334%;
	background-color: #faeef7;
}


.footerIn{
	position:relative;
	width:100%;
	padding: min(calc(80 / var(--vw-min) * 100vw), 80px) 3.3334%;/* 80px 40px */
	background-color:var(--color-main-brown);
}

.footerBannerLists{
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: min(3.3334vw,40px);
}
.footerBannerList{
	width: min(calc(240 / var(--vw-min) * 100vw), 240px);
}
.footerBannerList__link{
	display: block;
	width: 100%;
	text-decoration: none;
}
.footerBannerList__link > img{
	width:100%;
}


.footerIn__contWrap{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	margin-top: min(calc(80 / var(--vw-min) * 100vw), 80px);
}
.footerIn__contWrap > .shareLists{
	margin-right: auto;
	min-width: min(calc(370 / var(--vw-min) * 100vw), 370px);
}


.footer_contactlink{
	display: inline-block;
	padding: 0px min(calc(12 / var(--vw-min) * 100vw), 12px);
	line-height: 1;
	letter-spacing: 0;
}
.footer_contactlink > a{
	display:inline-block;
	text-decoration:none;
	color:#FFF;
	opacity: 60%;
}
.footer_contactlink > a span{
	display: inline-block;
	position: relative;
	line-height: 1;
}
.footer_contactlink > a span:after{
	content: '';
	margin-left: 0.5em;
	width: min(calc(16 / var(--vw-min) * 100vw), 16px);
	height: min(calc(16 / var(--vw-min) * 100vw), 16px);
	-webkit-mask:url(../img/common/icon_blank.svg) no-repeat center bottom / contain;
	mask:url(../img/common/icon_blank.svg) no-repeat center bottom / contain;
	display:inline-block;
	background-color:#fff;
}

.footer_copyright{
	font-size: 75%;
	line-height: 1;
	margin-left: auto;
	padding-left: min(calc(12 / var(--vw-min) * 100vw), 12px);
	opacity: 60%;
	color: #FFF;
	letter-spacing: 0;
	min-width: min(calc(370 / var(--vw-min) * 100vw), 370px);
}

@media (hover:hover) and (pointer:fine){
/* link_toTop */
	.link_toTop:before{
		transition:.3s ease;
	}
	.link_toTop:hover::before{
		transform:translateY(-25%);
	}
/* footerBannerList__link */
	.footerBannerList__link{
		transition:.3s ease;
	}
	.footerBannerList__link:hover{
		filter:brightness(110%);
		transform:scale(1.015);
	}
/* footer_contactlink */
	.footer_contactlink > a{
		transition:.3s ease;
	}
	.footer_contactlink > a:hover{
		opacity:100%;
	}
}

@media screen and (max-width:1019px){
	.footer_copyright{
		margin-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
		padding-left: 0;
		margin-right: auto;
	}
}
@media screen and (max-width: 768px){
	.footer:before{
		height: var(--sp-size-4);
	}
	.toTop{
		width: min(calc(118 / var(--min-ww) * 100vw),118px);
	}

	.footer__head{
		padding: min(calc(52 / var(--vw-min) * 100vw), 52px) min(calc(48 / var(--vw-min) * 100vw), 48px) min(calc(48 / var(--vw-min) * 100vw), 48px);
	}
	

	.footerIn{
		padding: var(--sp-size-96) var(--sp-size-48);
	}
	.footerBannerLists{
		gap: var(--sp-size-48);
	}
	.footerBannerList{
		width: 46.3303%;/* 303 */
	}
	.footerIn__contWrap{
		margin-top: var(--sp-size-96);
		flex-direction: column;
	}
	.footerIn__contWrap > .shareLists{
		min-width: unset;
		width: 100%;
		margin-right: unset;
	}
	.footer_contactlink{
		margin-top: var(--sp-size-96);
		padding: 0;
	}
	.footer_contactlink > a span:after{
		width: var(--sp-size-32);
		height: var(--sp-size-20);
	}
	.footer_copyright{
		font-size: 83.3334%;
		margin-top: var(--sp-size-96);
		min-width: 100%;
		text-align: center;
	}
}


/*-----------------------------------------------
 * Loading
-------------------------------------------------*/
@keyframes loading_ani_fish_swim{
	0%{transform: translate(-5px, 5px) rotate(-0.9deg);}
	10%{transform: translate(-3px, 3px) rotate(-0.55deg);}
	20%{transform: translate(-1px, 1px) rotate(-0.2deg);}
	30%{transform: translate(1.5px, -1.5px) rotate(0.15deg);}
	40%{transform: translate(3.5px, -3.5px) rotate(0.45deg);}
	50%{transform: translate(6px, -6px) rotate(0.75deg);}
	60%{transform: translate(4px, -4px) rotate(0.5deg);}
	70%{transform: translate(1px, -1px) rotate(0.15deg);}
	80%{transform: translate(-2px, 2px) rotate(-0.3deg);}
	90%{transform: translate(-3.5px, 3.5px) rotate(-0.6deg);}
	100%{transform: translate(-5px, 5px) rotate(-0.9deg);}
}
@keyframes loading_icons_fadein{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
.loading{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100001;
	background-color: #ffeffa;
	opacity: 1;
	transform: scale(1);
	filter: blur(0);
	transform-origin: 50% 50%;
	transition: opacity 0.65s ease, transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1), filter 0.65s ease;
}
body.--is-load-out .loading{
	opacity: 0;
	transform: scale(1.14);
	filter: blur(22px);
}
.loadingIn{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.loadingIn__cont{
	position: relative;
	width: 100%;
	height: min(calc(176 / var(--vw-min) * 100vw), 176px);
	opacity: 0;
	animation: loading_icons_fadein 0.2s ease forwards;
	animation-delay: .2s;
}
.loading__logos{
	display: block;
	width: min(calc(520 / var(--vw-min) * 100vw), 520px);
	height: 100%;
	position: relative;
	margin: auto;
	opacity: 1;
}
.loading__logo{
	position: absolute;
	inset: 0;
	opacity: 0;
	filter: blur(10px);
	transition: opacity 0.42s ease, transform 0.52s cubic-bezier(0.22, 1, 0.36, 1), filter 0.48s ease;
}
.loading__logo.-logo1{
	z-index: 1;
	transform: scale(0.8);
}
.loading__logo.-logo2{
	z-index: 2;
	transform: scale(1.5) translateX(-20%) translateY(-20%);
}
.loading__logo img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.loading__icons{
	position: absolute;
	inset: 0;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: min(calc(24 / var(--vw-min) * 100vw), 24px);
	height: min(calc(68 / var(--vw-min) * 100vw), 68px);
	z-index: 2;
	opacity: 1;
	transform: scale(1);
	filter: blur(0);
	transition: opacity 0.5s ease, transform 0.55s cubic-bezier(0.33, 0.86, 0.24, 1), filter 0.5s ease, gap 0.55s ease;
}
body.--is-load .loading__icons{
	gap: 0;
	opacity: 0;
	transform: scale(0.8);
	filter: blur(12px);
}
.loading__icon{
	display: block;
	width: min(calc(68 / var(--vw-min) * 100vw), 68px);
	height: min(calc(54 / var(--vw-min) * 100vw), 54px);
	inset: 0;
}
.loading__icon img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	transform-origin: 50% 50%;
}
.loading__icon.-icon_fish img{
	transform-origin: 26% 74%;
	animation-name: loading_ani_fish_swim;
	animation-duration: 2.6s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-delay: 0s;
}
.loading__icon.-icon_heart img{
	animation-name: bg_ani_doki;
	animation-duration: 2.2s;
	animation-timing-function: linear;
	animation-direction: reverse;
	animation-iteration-count: infinite;
	animation-delay: 0.15s;
}
.loading__icon.-icon_flo img{
	animation-name: bg_ani_rotate36;
	animation-duration: 6s;
	animation-timing-function: linear;
	animation-direction: reverse;
	animation-iteration-count: infinite;
	animation-delay: 0.3s;
}
.loading__icon.-icon_batsu img{
	animation-name: bg_ani_rotate90;
	animation-duration: 4.6s;
	animation-timing-function: linear;
	animation-direction: reverse;
	animation-iteration-count: infinite;
	animation-delay: 0.45s;
}
body.--is-load .loading__icon img{
	animation-play-state: paused;
}
body.--is-load .loading__logo.-logo1{
	opacity: 1;
	transform: scale(1) translate(0, 0);
	filter: blur(0);
	transition-delay: 0.52s, 0.52s, 0.52s;
}
body.--is-load .loading__logo.-logo2{
	opacity: 1;
	transform: scale(1) translate(0, 0);
	filter: blur(0);
	transition-delay: 0.76s, 0.76s, 0.76s;
}
@media (prefers-reduced-motion: reduce){
	.loading__icon img{
		animation: none !important;
	}
	.loadingIn__cont{
		animation: none;
		opacity: 1;
	}
	.loading__icons{
		transition-duration: 0.22s !important;
	}
	body.--is-load .loading__icons{
		filter: none !important;
	}
	.loading__logo{
		transition-duration: 0.2s !important;
	}
	body.--is-load .loading__logo{
		filter: none !important;
	}
	body.--is-load-out .loading{
		filter: none !important;
		transform: none !important;
	}
}




.loading_heart{
	width:64px;
	transition:transform .8s ease-in-out,filter .4s ease-in-out .4s,opacity .2s ease-in-out .6s;
}
.loading_heart > img{
	width:100%;
	animation-name:bg_ani_doki;
	animation-duration:2.6s;
	animation-timing-function:linear;
	animation-direction:reverse; 
	animation-iteration-count:infinite;
}

@keyframes bg_ani_doki{
	0%{
		transform:scale(1) translate(0,0) rotate(0deg);
	}
	22%,30%,72%,80%{
		transform:scale(1) translate(0,0) rotate(0deg);
	}
	24%,32%,74%,82%{
		transform:scale(0.7) translate(0,12px) rotate(6deg);
	}
	28%,36%,78%,86%{
		transform:scale(1.2) translate(0,-12px) rotate(-6deg);
	}
	38%,88%{
		transform:scale(1) translate(0,0) rotate(0deg);
	}
	100%{
		transform:scale(1) translate(0,0) rotate(0deg);
	}
}


/* loaded */
body.--is-load .loading_heart{
	transform:scale(16);
	filter:blur(12px);
	opacity:10%;
}
body.--is-load .loading_heart > img{
	animation-play-state:paused;
}

/**
* heart - load
**/
body[data-page="top"] .comBG_heartWrap{
	opacity:100%;
	filter:blur(12px);
	transition:opacity .8s ease-in-out .2s,filter .6s ease-in-out .4s;
}
body[data-page="top"] .comBG_heart.-t,
body[data-page="top"] .comBG_heart.-bl,
body[data-page="top"] .comBG_heart.-br{
	transform:scale(3);
	transition:transform .3s ease .7s;
}

/* loaded */
body[data-page="top"].--is-load .comBG_heartWrap{
	opacity:60%;
	filter:blur(0px);
}
body[data-page="top"].--is-load .comBG_heart.-t,
body[data-page="top"].--is-load .comBG_heart.-bl,
body[data-page="top"].--is-load .comBG_heart.-br{
	transform:scale(1);
}

/**
* Follow X
**/
.follow_xWrap{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	margin-top:auto;
	margin-bottom:auto;
	margin-left:-60px;
	width:120px;
	height:120px;
}
.follow_xIn{
	width:100%;
	height:100%;
	position:relative;
	pointer-events:none;
}
.follow_xIn:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:url(../img/top/news_circle__followus.svg) no-repeat center / contain;
	animation:24s ani_rotate linear infinite;
	animation-direction:reverse;
}
.follow_xLink{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:70%; /* 84 */
	height:70%;
	border-radius:50%;
	background-color:var(--color-main-red);
	overflow:hidden;
	margin:auto;
	pointer-events:auto;
}
.follow_xLink::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:28.5715%;/* 24 */
	height:28.5715%;
	margin:auto;
	-webkit-mask:url(../img/common/icon_tw.svg) no-repeat center / contain;
	mask:url(../img/common/icon_tw.svg) no-repeat center / contain;
	background-color:#FFF;
}
.follow_xFrame{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:url(../img/top/news_circle__frame.svg) no-repeat center / contain;
	margin:auto;
	width:90.4762%;/* 76 */
	height:90.4762%;
}
@media screen and (max-width: 768px){
	.follow_xWrap{
		width:min(calc(140 / var(--min-ww) * 100vw),140px);
		height:min(calc(140 / var(--min-ww) * 100vw),140px);
		margin-left:min(calc(22 / var(--min-ww) * 100vw),22px);
	}
}
/* nav */
.nav{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:500;
	pointer-events:none;
}
@media screen and (max-width: 768px){
	.nav{
		position:fixed;
		bottom:unset;
		height:100vh;
		height:100lvh;
		transform:translateX(-100%);
		transition:transform 0.3s ease;
	}
	.nav.is-active{
		transform:translateX(0);
	}
}
.navIn{
	position:sticky;
	left:0;
	top:0;
	height:100%;
	width:min(calc(160 / var(--vw-min) * 100vw),160px);
	max-height:100vh;
	max-height:100dvh;
	min-height:min(calc(740 / var(--vw-min) * 100vw),740px);
	display:flex;
	flex-direction:column;
	justify-content:center;
}
@media screen and (max-width: 768px){
	.navIn{
		position:absolute;
		right:0;
		bottom:0;
		width:100%;
		height:auto;
		display:block;
		overflow:auto;
		pointer-events:auto;
		overscroll-behavior:contain;
		min-height:unset;
	}
}
@media screen and (max-width: 768px){
	.navBtn{
		position:fixed;
		right:min(calc(24 / var(--vw-min) * 100vw),24px);
		top:min(calc(24 / var(--vw-min) * 100vw),24px);
		width:min(calc(96 / var(--vw-min) * 100vw),96px);
		height:min(calc(96 / var(--vw-min) * 100vw),96px);
		background:var(--color-main-red);
		border-radius:50%;
		z-index:501;
		pointer-events:auto;
	}
	.navBtn__frame{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:url(../img/common/menu_frame.svg) no-repeat center center / 88%;
		pointer-events:none;
	}
	.navBtn__link{
		display:block;
		height:min(calc(96 / var(--vw-min) * 100vw),96px);
		position:relative;
	}
	.navBtn__link span{
		display:block;
		width:min(calc(4 / var(--vw-min) * 100vw),4px);
		height:min(calc(4 / var(--vw-min) * 100vw),4px);
		background:#fff;
		position:absolute;
		left:50%;
		top:50%;
		margin-left:max(calc(-2 / var(--vw-min) * 100vw),-2px);
		margin-top:max(calc(-2 / var(--vw-min) * 100vw),-2px);
		border-radius:min(calc(2 / var(--vw-min) * 100vw),2px);
		transition:all 0.3s ease;
	}
	.navBtn__link span:nth-child(1){
		transform:translateX(min(calc(12 / var(--vw-min) * 100vw),12px));
	}
	.navBtn__link span:nth-child(3){
		transform:translateX(max(calc(-12 / var(--vw-min) * 100vw),-12px));
	}
	.navBtn__link.is-active span:nth-child(1){
		width:min(calc(38 / var(--vw-min) * 100vw),38px);
		margin-left:max(calc(-19 / var(--vw-min) * 100vw),-19px);
		transform:rotate(30deg);
	}
	.navBtn__link.is-active span:nth-child(3){
		width:min(calc(38 / var(--vw-min) * 100vw),38px);
		margin-left:max(calc(-19 / var(--vw-min) * 100vw),-19px);
		transform:rotate(-30deg);
	}
}
.navInContent{
	width:100%;
}
@media screen and (max-width: 768px){
	.navInContent{
		padding-top:min(calc(48 / var(--vw-min) * 100vw),48px);
		padding-bottom:calc(100lvh - 100vh);
		min-height:calc(100vh + 1px);
		min-height:calc(100lvh + 1px);
	}
}
.navInLogo{
	display:none;
}
@media screen and (max-width: 768px){
	.navInLogo{
		display:block;
		width: min(calc(380 / var(--vw-min) * 100vw), 380px);
		margin: 0 auto min(calc(96 / var(--vw-min) * 100vw), 96px);
	}
	.navInLogo__link{
		display: block;
		height: min(calc(120 / var(--vw-min) * 100vw), 120px);
		background: url(../img/common/logo_horizontal.svg) no-repeat center center / contain;
	}
}
.navLists{
	font-family:var(--font-en);
	font-weight:700;
	padding:min(calc(40 / var(--vw-min) * 100vw),40px) 0;
	pointer-events:auto;
}
.subPagenav .navLists{
	padding:min(calc(60 / var(--vw-min) * 100vw),60px) 0 min(calc(120 / var(--vw-min) * 100vw),120px);
}
@media screen and (max-width: 768px){
	.navLists {
		display: flex;
		flex-wrap: wrap;
	}
	.navLists,
	.subPagenav .navLists{
		padding:0;
	}
}
.navList{}
@media screen and (max-width: 768px){
	.navList:nth-child(odd){
		width:43.6%;
	}
	.navList:nth-child(even){
		width:56.4%;
	}
	.navList.is-child {
		width:100%;
	}
}
.navList.is-parent {
	padding-bottom:min(calc(10 / var(--vw-min) * 100vw),10px);
}

.navList__link{
	height:min(calc(40 / var(--vw-min) * 100vw),40px);
	font-size:min(calc(20 / var(--vw-min) * 100vw),20px);
	text-decoration:none;
	display:flex;
	color:var(--color-main-brown);
	transition:color 0.3s ease;
}
@media screen and (max-width: 768px){
	.navList__link{
		height:min(calc(100 / var(--vw-min) * 100vw),100px);
		font-size:min(calc(42 / var(--vw-min) * 100vw),42px);
		padding-left:min(calc(96 / var(--vw-min) * 100vw),96px);
	}
}
@media screen and (hover:hover){
	.navList__link:hover{
		color:var(--color-main-red);
	}
}
.navList__link.is-active{
	color:var(--color-main-red);
}
.navList.is-parent > .navList__link {
	align-items: center;
	margin-bottom:max(calc(-10 / var(--vw-min) * 100vw),-10px);
}
@media screen and (max-width: 768px){
	.navList.is-parent > .navList__link {
		margin-bottom:max(calc(-30 / var(--vw-min) * 100vw),-30px);
	}
}
.navList.is-parent .navList__link i {
	display: inline-block;
	position: relative;
	width:min(calc(8 / var(--vw-min) * 100vw),8px);
	height:min(calc(8 / var(--vw-min) * 100vw),8px);
	margin-left:min(calc(12 / var(--vw-min) * 100vw),12px);
	filter: drop-shadow(0px 0px 1px #fff) drop-shadow(0px 0px 1px #fff) drop-shadow(0px 0px 0px #fff) drop-shadow(0px 0px 0px #fff) drop-shadow(0px 0px 0px #fff) drop-shadow(0px 0px 0px #fff);
}
@media screen and (max-width: 768px){
	.navList.is-parent .navList__link i {
		width:min(calc(16 / var(--vw-min) * 100vw),16px);
		height:min(calc(16 / var(--vw-min) * 100vw),16px);
		filter:none;
	}
}
.navList.is-parent .navList__link i:before {
	content:'';
	position: absolute;
	left:0;
	width:min(calc(8 / var(--vw-min) * 100vw),8px);
	height:2px;
	border-radius: 2px;
	background:var(--color-main-brown);
	top:50%;
	margin-top:-1px;
	transition: all 0.3s ease;
}
@media screen and (max-width: 768px){
	.navList.is-parent .navList__link i:before {
		width:min(calc(16 / var(--vw-min) * 100vw),16px);
		height:min(calc(3 / var(--vw-min) * 100vw),3px);
	}
}
.navList.is-parent .navList__link i:after {
	content:'';
	position: absolute;
	left:50%;
	top:0;
	height:min(calc(8 / var(--vw-min) * 100vw),8px);
	width:2px;
	border-radius: 2px;
	background:var(--color-main-brown);
	margin-left:-1px;
	transition: all 0.3s ease;
}
@media screen and (max-width: 768px){
	.navList.is-parent .navList__link i:after {
		height:min(calc(16 / var(--vw-min) * 100vw),16px);
		width:min(calc(3 / var(--vw-min) * 100vw),3px);
		border-radius: 2px;
	}
}
@media screen and (hover:hover){
	.navList.is-parent:hover > .navList__link {
		color:var(--color-main-red);
	}
	.navList.is-parent:hover > .navList__link i:before,
	.navList.is-parent:hover > .navList__link i:after{
		background:var(--color-main-red);
		transform:scale(1.25);
	}
}
.navList.is-parent.is-active > .navList__link {
		color:var(--color-main-red);
	}
.navList.is-parent.is-active > .navList__link i:before,
.navList.is-parent.is-active > .navList__link i:after{
	background:var(--color-main-red);
}
.navList.is-parent.is-open > .navList__link i:after {
	transform:scale(0);
}
.navList.is-child > .navList__link {
	height:min(calc(30 / var(--vw-min) * 100vw),30px);
}
@media screen and (max-width: 768px){
	.navList.is-child > .navList__link {
		height:min(calc(70 / var(--vw-min) * 100vw),70px);
		width:100%;
	}
}
.navList__link span{
	display:block;
	line-height:min(calc(40 / var(--vw-min) * 100vw),40px);
	padding-left:min(calc(40 / var(--vw-min) * 100vw),40px);
	position:relative;
	z-index:50;
	text-shadow: 0px 0px 1px #fff, 1px 0px 1px #fff, 2px 0px 1px #fff, -1px 0px 1px #fff, -2px 0px 1px #fff, 0px 1px 1px #fff, 1px 1px 1px #fff, 2px 1px 1px #fff, -1px 1px 1px #fff, -2px 1px 1px #fff, 0px 2px 1px #fff, 1px 2px 1px #fff, 2px 2px 1px #fff, -1px 2px 1px #fff, -2px 2px 1px #fff, 0px -1px 1px #fff, 1px -1px 1px #fff, 2px -1px 1px #fff, -1px -1px 1px #fff, -2px -1px 1px #fff, 0px -2px 1px #fff, 1px -2px 1px #fff, 2px -2px 1px #fff, -1px -2px 1px #fff, -2px -2px 1px #fff;
}
@media screen and (max-width: 768px){
	.navList__link span{
		display:block;
		line-height:min(calc(100 / var(--vw-min) * 100vw),100px);
		padding:0;
		text-shadow:unset;
		white-space: nowrap;
	}
}
.navList__link span:before{
	content:'';
	position:absolute;
	left:0;
	bottom:min(calc(8 / var(--vw-min) * 100vw),8px);
	height:min(calc(8 / var(--vw-min) * 100vw),8px);
	background:#fff;
	width:0;
	z-index:-1;
	transition:width 0.3s ease;
}
.navList.is-parent > .navList__link span:before {
	display: none;
}
.navList.is-child > .navList__link span {
	padding-left:min(calc(60 / var(--vw-min) * 100vw),60px);
}
@media screen and (max-width: 768px){
	.navList.is-child > .navList__link span {
		padding-left:min(calc(32 / var(--vw-min) * 100vw),32px);
	}
}
.navList.is-child > .navList__link span:before {
	bottom:max(calc(-2 / var(--vw-min) * 100vw),-2px);
}
@media screen and (max-width: 768px){
	.navList.is-child > .navList__link span:before {
		bottom:max(calc(-4 / var(--vw-min) * 100vw),-4px);
	}
}
.navList.is-child > .navList__link span:after {
	content:'';
	position: absolute;
	left:min(calc(44 / var(--vw-min) * 100vw),44px);
	top:calc(50% + min(calc(4 / var(--vw-min) * 100vw),4px));
	width:min(calc(8 / var(--vw-min) * 100vw),8px);
	height:2px;
	border-radius: 2px;
	background:var(--color-main-brown);
	box-shadow: 0px 0px 1px #fff, 1px 0px 1px #fff, 2px 0px 1px #fff, -1px 0px 1px #fff, -2px 0px 1px #fff, 0px 1px 1px #fff, 1px 1px 1px #fff, 2px 1px 1px #fff, -1px 1px 1px #fff, -2px 1px 1px #fff, 0px 2px 1px #fff, 1px 2px 1px #fff, 2px 2px 1px #fff, -1px 2px 1px #fff, -2px 2px 1px #fff, 0px -1px 1px #fff, 1px -1px 1px #fff, 2px -1px 1px #fff, -1px -1px 1px #fff, -2px -1px 1px #fff, 0px -2px 1px #fff, 1px -2px 1px #fff, 2px -2px 1px #fff, -1px -2px 1px #fff, -2px -2px 1px #fff;
	transition: all 0.3s ease;
}
@media screen and (max-width: 768px){
	.navList.is-child > .navList__link span:after {
		left:0;
		top:calc(50% + min(calc(16 / var(--vw-min) * 100vw),16px));
		width:min(calc(16 / var(--vw-min) * 100vw),16px);
		height:min(calc(3 / var(--vw-min) * 100vw),3px);
		box-shadow:unset;
	}
}
.navList.is-child > .navList__link.is-active span:after {
		background:var(--color-main-red);
	}
@media screen and (hover:hover){
	.navList.is-child > .navList__link:hover span:after {
		background:var(--color-main-red);
	}
}
@media screen and (max-width: 768px){
	.navList__link span:before{
		bottom:min(calc(24 / var(--vw-min) * 100vw),24px);
		height:min(calc(16 / var(--vw-min) * 100vw),16px);
	}
}
@media screen and (hover:hover){
	.navList__link:hover span:before{
		width:100%;
	}
}
.navList__link.is-active span:before{
	width:100%;
}
.navListsChild {
	display: none;
}
.navList.is-parent.is-active .navListsChild {
	display: block;
}
.nav__footer{
	display:none;
}
@media screen and (max-width: 768px){
	.nav__footer{
		display:flex;
		justify-content:space-between;
		padding:min(calc(120 / var(--vw-min) * 100vw),120px) min(calc(80 / var(--vw-min) * 100vw),80px);
	}
	.navfollow_xWrap{
		width:min(calc(140 / var(--min-ww) * 100vw),140px);
		height:min(calc(140 / var(--min-ww) * 100vw),140px);
	}
	#nav .follow_xIn:before{
		animation-play-state:running;
	}
	#nav .follow_xFrame{
		animation:24s ani_rotate linear infinite;
	}
	#nav .shareLists{
		width:auto;
		display:flex;
		align-items:center;
		flex-shrink:0;
	}
	#nav .shareLists > dt{
		color:var(--color-main-brown);
	}
	#nav .shareLists__link:before{
		background-color:var(--color-main-brown);
	}
}
#nav .comBGWrap{
	display:none;
}
@media screen and (max-width: 768px){
	#nav .comBGWrap{
		display:block;
	}
}

.pc_navList--sns_x{
	display: none;
}

@media screen and (min-width: 769px){
	#fullInWrap > #nav .pc_navList--sns_x{
		display: block;
		margin-top: 1em;
	}
	#fullInWrap > #nav .pc_navList--sns_x .navList__link{
		align-items: center;
	}
	#fullInWrap > #nav .pc_navList--sns_x .navList__link span{
		display: flex;
		align-items: center;
	}
	#fullInWrap > #nav .pc_navList--sns_x .navList__link span > i{
		display: inline-block;
		width: min(calc(24 / var(--vw-min) * 100vw), 24px);
		height: min(calc(24 / var(--vw-min) * 100vw), 24px);
		-webkit-mask: url(../img/common/icon_tw.svg) no-repeat center / contain;
		mask: url(../img/common/icon_tw.svg) no-repeat center / contain;
		background-color: var(--color-main-brown);
		margin-left: min(calc(12 / var(--vw-min) * 100vw), 12px);
	}
	@media screen and (hover:hover) and (pointer: fine){
		#fullInWrap > #nav .pc_navList--sns_x .navList__link span > i{
			transition: background-color .3s ease;
		}
		#fullInWrap > #nav .pc_navList--sns_x .navList__link:hover span > i{
			background-color: var(--color-main-red);
		}
	}
}